0.0.7

common/constants.js

@@ -1,6 +1,6 @@
 export const values = {
-  version: "0.0.6",
-  sds: "0.0.6",
+  version: "0.0.7",
+  sds: "0.0.7",
 };
 
 export const sizes = {

components/system/components/GlobalModal.js

@@ -3,7 +3,8 @@ import * as Constants from "~/common/constants";
 import * as SVG from "~/components/system/svg";
 import * as Strings from "~/common/strings";
 
-import FocusLock from "react-focus-lock";
+// TODO(jim): Doesn't work with rollup.
+// import FocusLock from "react-focus-lock";
 
 import { css } from "@emotion/react";
 import { Boundary } from "~/components/system/components/fragments/Boundary";
@@ -81,30 +82,28 @@ export class GlobalModal extends React.Component {
   render() {
     if (!this.state.modal) return null;
     return (
-      <FocusLock>
-        <div
-          css={STYLES_BACKGROUND}
-          style={this.props.backgroundStyle}
-          role="dialog"
-          aria-modal="true"
-          aria-label={this.props.label ? this.props.label : "modal"}
+      <div
+        css={STYLES_BACKGROUND}
+        style={this.props.backgroundStyle}
+        role="dialog"
+        aria-modal="true"
+        aria-label={this.props.label ? this.props.label : "modal"}
+      >
+        <Boundary
+          enabled
+          onOutsideRectEvent={this._handleDelete}
+          isDataMenuCaptured={true}
         >
-          <Boundary
-            enabled
-            onOutsideRectEvent={this._handleDelete}
-            isDataMenuCaptured={true}
-          >
-            <div css={STYLES_MODAL} style={this.props.style}>
-              <SVG.Dismiss
-                css={STYLES_CLOSE_ICON}
-                onClick={this._handleDelete}
-                onKeyPress={this._handleEnterPress}
-              />
-              {this.state.modal}
-            </div>
-          </Boundary>
-        </div>
-      </FocusLock>
+          <div css={STYLES_MODAL} style={this.props.style}>
+            <SVG.Dismiss
+              css={STYLES_CLOSE_ICON}
+              onClick={this._handleDelete}
+              onKeyPress={this._handleEnterPress}
+            />
+            {this.state.modal}
+          </div>
+        </Boundary>
+      </div>
     );
   }
 }

package.json

@@ -2,7 +2,7 @@
   "name": "slate",
   "description": "",
   "author": "slate",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "scripts": {
     "dev": "NODE_TLS_REJECT_UNAUTHORIZED=0 node . --unhandled-rejections=strict",
     "start": "NODE_ENV=production node . --unhandled-rejections=strict",

pages/system/index.js

@@ -9,7 +9,7 @@ export default class SystemPageRoot extends React.Component {
   render() {
     return (
       <SystemPage
-        title="Slate Design System 0.0.6"
+        title={`Slate Design System ${Constants.values.sds}`}
         description="We built a design system you can use while we are building Slate, a Filecoin client."
         url="https://slate.host/system"
       >