@flodesk/grain 2.3.0 → 2.3.1

package/es/utilities/index.js

@@ -1,4 +1,19 @@
+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 "core-js/modules/es.array.concat.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";
 import { grnPrefix, vars } from "../variables";
 export var getCssVarCore = function getCssVarCore(type, value) {
   return "".concat(grnPrefix).concat(type, "-").concat(value);
@@ -12,7 +27,7 @@ var u = function u(amount) {
 };
 
 export var getColor = function getColor(color) {
-  if (color in vars.colors) {
+  if (color in _objectSpread(_objectSpread(_objectSpread({}, vars.colors.baseColors), vars.colors.greys), vars.colors.semanticColors)) {
     return getCssVar("color", color);
   }
 

package/es/variables/index.js

@@ -1,45 +1,4 @@
-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 greys = {
-  grey8: "grey8",
-  grey7: "grey7",
-  grey6: "grey6",
-  grey5: "grey5",
-  grey4: "grey4",
-  grey3: "grey3",
-  grey2: "grey2",
-  grey1: "grey1"
-};
-export var semanticColors = {
-  body: "body",
-  bodyDimmed: "bodyDimmed",
-  accent: "accent",
-  backgroundSecondary: "backgroundSecondary",
-  background: "background",
-  overlay: "overlay",
-  border: "border",
-  selection: "selection",
-  danger: "danger"
-};
-export var baseColors = {
-  blue: "blue",
-  red: "red"
-};
 export var vars = {
   textSizes: {
     s: "s",
@@ -65,5 +24,31 @@ export var vars = {
     s: "s",
     m: "m"
   },
-  colors: _objectSpread(_objectSpread(_objectSpread({}, greys), baseColors), semanticColors)
+  colors: {
+    greys: {
+      grey8: "grey8",
+      grey7: "grey7",
+      grey6: "grey6",
+      grey5: "grey5",
+      grey4: "grey4",
+      grey3: "grey3",
+      grey2: "grey2",
+      grey1: "grey1"
+    },
+    baseColors: {
+      blue: "blue",
+      red: "red"
+    },
+    semanticColors: {
+      body: "body",
+      bodyDimmed: "bodyDimmed",
+      accent: "accent",
+      backgroundSecondary: "backgroundSecondary",
+      background: "background",
+      overlay: "overlay",
+      border: "border",
+      selection: "selection",
+      danger: "danger"
+    }
+  }
 };

package/package.json

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