@flodesk/grain 3.1.2 → 4.0.0

package/es/utilities/styles.js

@@ -1,29 +1,10 @@
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.object.define-property.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import "core-js/modules/es.object.define-properties.js";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import { getCssVar, isNumber, isString, u } from '.';
 import { vars, varInfo } from '../variables';
 import { getDimension } from './responsive';
-
-var allColors = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, vars.colors.bases), vars.colors.greys), vars.colors.semantics), vars.colors.fades);
-
 export var getColor = function getColor(color) {
-  if (color in allColors) {
+  if (color in vars.colors) {
     return getCssVar(varInfo.colors.name, color);
   }
 

package/es/variables.js

@@ -1,4 +1,58 @@
+import "core-js/modules/es.object.define-property.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import "core-js/modules/es.object.define-properties.js";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 export var grnPrefix = '--grn-';
+export var colors = {
+  greys: {
+    grey8: 'grey8',
+    grey7: 'grey7',
+    grey6: 'grey6',
+    grey5: 'grey5',
+    grey4: 'grey4',
+    grey3: 'grey3',
+    grey2: 'grey2',
+    grey1: 'grey1'
+  },
+  fades: {
+    fade7: 'fade7',
+    fade6: 'fade6',
+    fade5: 'fade5',
+    fade4: 'fade4',
+    fade3: 'fade3',
+    fade2: 'fade2',
+    fade1: 'fade1'
+  },
+  bases: {
+    blue: 'blue',
+    red: 'red'
+  },
+  semantics: {
+    body: 'body',
+    bodyDimmed: 'bodyDimmed',
+    accent: 'accent',
+    backgroundSecondary: 'backgroundSecondary',
+    background: 'background',
+    overlay: 'overlay',
+    border: 'border',
+    selection: 'selection',
+    danger: 'danger',
+    disabledContent: 'disabledContent',
+    disabledBackground: 'disabledBackground'
+  }
+};
 export var vars = {
   texts: {
     s: 's',
@@ -42,44 +96,7 @@ export var vars = {
     fast: 'fast',
     xFast: 'xFast'
   },
-  colors: {
-    greys: {
-      grey8: 'grey8',
-      grey7: 'grey7',
-      grey6: 'grey6',
-      grey5: 'grey5',
-      grey4: 'grey4',
-      grey3: 'grey3',
-      grey2: 'grey2',
-      grey1: 'grey1'
-    },
-    fades: {
-      fade7: 'fade7',
-      fade6: 'fade6',
-      fade5: 'fade5',
-      fade4: 'fade4',
-      fade3: 'fade3',
-      fade2: 'fade2',
-      fade1: 'fade1'
-    },
-    bases: {
-      blue: 'blue',
-      red: 'red'
-    },
-    semantics: {
-      body: 'body',
-      bodyDimmed: 'bodyDimmed',
-      accent: 'accent',
-      backgroundSecondary: 'backgroundSecondary',
-      background: 'background',
-      overlay: 'overlay',
-      border: 'border',
-      selection: 'selection',
-      danger: 'danger',
-      disabledContent: 'disabledContent',
-      disabledBackground: 'disabledBackground'
-    }
-  }
+  colors: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colors.greys), colors.fades), colors.bases), colors.semantics)
 };
 export var varInfo = {
   texts: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "3.1.2",
+  "version": "4.0.0",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",