@spaced-out/ui-design-system 0.1.16 → 0.1.17

package/lib/styles/index.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _border = require("./variables/_border.js");
+Object.keys(_border).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _border[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _border[key];
+    }
+  });
+});
+var _color = require("./variables/_color.js");
+Object.keys(_color).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _color[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _color[key];
+    }
+  });
+});
+var _elevation = require("./variables/_elevation.js");
+Object.keys(_elevation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _elevation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _elevation[key];
+    }
+  });
+});
+var _font = require("./variables/_font.js");
+Object.keys(_font).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _font[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _font[key];
+    }
+  });
+});
+var _motion = require("./variables/_motion.js");
+Object.keys(_motion).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _motion[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _motion[key];
+    }
+  });
+});
+var _opacity = require("./variables/_opacity.js");
+Object.keys(_opacity).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _opacity[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _opacity[key];
+    }
+  });
+});
+var _shadow = require("./variables/_shadow.js");
+Object.keys(_shadow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _shadow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _shadow[key];
+    }
+  });
+});
+var _size = require("./variables/_size.js");
+Object.keys(_size).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _size[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _size[key];
+    }
+  });
+});
+var _space = require("./variables/_space.js");
+Object.keys(_space).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _space[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _space[key];
+    }
+  });
+});

package/lib/styles/index.js.flow

@@ -0,0 +1,12 @@
+// @flow strict
+
+export * from './variables/_border.js';
+export * from './variables/_color.js';
+export * from './variables/_elevation.js';
+export * from './variables/_font.js';
+export * from './variables/_motion.js';
+export * from './variables/_opacity.js';
+export * from './variables/_opacity.js';
+export * from './variables/_shadow.js';
+export * from './variables/_size.js';
+export * from './variables/_space.js';

package/lib/styles/typography.module.css

@@ -32,7 +32,6 @@
   fontLineHeight150,
   fontLineHeight170,
   fontLetterSpacing0,
-  fontLetterSpacing0,
   fontLetterSpacingMinus1,
   fontLetterSpacingMinus2,
   fontLetterSpacingMinus4,

package/lib/styles/utils.module.css

@@ -0,0 +1,26 @@
+@value (
+  spaceHalfFluid,
+  spaceNegHalfFluid
+) from 'variables/_space.css';
+
+/* This requires a relative parent */
+.absoluteCenter {
+  position: absolute;
+  top: spaceHalfFluid;
+  left: spaceHalfFluid;
+  transform: translate(spaceNegHalfFluid, spaceNegHalfFluid);
+}
+
+/* This requires a relative parent */
+.absoluteVerticalCenter {
+  position: absolute;
+  top: spaceHalfFluid;
+  transform: translateY(spaceNegHalfFluid);
+}
+
+/* This requires a relative parent */
+.absoluteHorizontalCenter {
+  position: absolute;
+  left: spaceHalfFluid;
+  transform: translateX(spaceNegHalfFluid);
+}

package/lib/types/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _common = require("./common");
+Object.keys(_common).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _common[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _common[key];
+    }
+  });
+});
+var _toast = require("./toast");
+Object.keys(_toast).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _toast[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _toast[key];
+    }
+  });
+});
+var _typography = require("./typography");
+Object.keys(_typography).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _typography[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _typography[key];
+    }
+  });
+});

package/lib/types/index.js.flow

@@ -0,0 +1,5 @@
+// @flow strict
+
+export * from './common';
+export * from './toast';
+export * from './typography';

package/lib/utils/index.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _classify = require("./classify");
+Object.keys(_classify).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _classify[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _classify[key];
+    }
+  });
+});
+var _clickAway = require("./click-away");
+Object.keys(_clickAway).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _clickAway[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _clickAway[key];
+    }
+  });
+});
+var _dom = require("./dom");
+Object.keys(_dom).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dom[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _dom[key];
+    }
+  });
+});
+var _helpers = require("./helpers");
+Object.keys(_helpers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _helpers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _helpers[key];
+    }
+  });
+});
+var _makeClassNameComponent = require("./makeClassNameComponent");
+Object.keys(_makeClassNameComponent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _makeClassNameComponent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _makeClassNameComponent[key];
+    }
+  });
+});
+var _menu = require("./menu");
+Object.keys(_menu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _menu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _menu[key];
+    }
+  });
+});
+var _mergeRefs = require("./merge-refs");
+Object.keys(_mergeRefs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _mergeRefs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _mergeRefs[key];
+    }
+  });
+});
+var _string = require("./string");
+Object.keys(_string).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _string[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _string[key];
+    }
+  });
+});

package/lib/utils/index.js.flow

@@ -0,0 +1,10 @@
+// @flow strict
+
+export * from './classify';
+export * from './click-away';
+export * from './dom';
+export * from './helpers';
+export * from './makeClassNameComponent';
+export * from './menu';
+export * from './merge-refs';
+export * from './string';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {
@@ -14,6 +14,7 @@
     "storybook:export": "yarn build:style-variables && rimraf storybook-static && build-storybook",
     "build-storybook": "yarn build:style-variables && rimraf storybook-static && build-storybook",
     "generate": "node ./scripts/create-component",
+    "generateHook": "node ./scripts/create-hook",
     "prepublishOnly": "yarn build",
     "release": "yarn build:changelog && yarn publish",
     "build:changelog": "standard-version",