@flodesk/grain 2.11.0 → 2.14.0

package/es/variables.js

@@ -2,85 +2,125 @@
 
 require("core-js/modules/es.object.define-property.js");
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.vars = exports.grnPrefix = void 0;
+exports.vars = exports.varNames = exports.grnPrefix = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _vars;
+
 var grnPrefix = "--grn-";
 exports.grnPrefix = grnPrefix;
-var vars = {
-  textSizes: {
-    s: "s",
-    m: "m",
-    l: "l",
-    xl: "xl",
-    xxl: "xxl"
+var varNames = {
+  textSize: {
+    group: "textSizes",
+    prefix: "text"
+  },
+  iconSize: {
+    group: "iconSizes",
+    prefix: "icon"
   },
-  spaces: {
-    xs: "xs",
-    s: "s",
-    m: "m",
-    l: "l",
-    xl: "xl",
-    xxl: "xxl"
+  space: {
+    group: "spaces",
+    prefix: "space"
   },
-  weights: {
-    normal: "normal",
-    medium: "medium",
-    semiBold: "semiBold"
+  weight: {
+    group: "weights",
+    prefix: "weight"
   },
-  radiuses: {
-    xs: "xs",
-    s: "s",
-    m: "m",
-    l: "l"
+  radius: {
+    group: "radiuses",
+    prefix: "radius"
   },
-  shadows: {
-    s: "s",
-    m: "m",
-    l: "l"
+  shadow: {
+    group: "shadows",
+    prefix: "shadow"
   },
-  transitions: {
-    slow: "slow",
-    fast: "fast"
+  transition: {
+    group: "transitions",
+    prefix: "transition"
   },
-  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"
-    },
-    baseColors: {
-      blue: "blue",
-      red: "red"
-    },
-    semanticColors: {
-      body: "body",
-      bodyDimmed: "bodyDimmed",
-      accent: "accent",
-      backgroundSecondary: "backgroundSecondary",
-      background: "background",
-      overlay: "overlay",
-      border: "border",
-      selection: "selection",
-      danger: "danger",
-      disabledContent: "disabledContent",
-      disabledBackground: "disabledBackground"
-    }
+  color: {
+    group: "colors",
+    prefix: "color"
   }
 };
+exports.varNames = varNames;
+var vars = (_vars = {}, (0, _defineProperty2.default)(_vars, varNames.textSize.group, {
+  s: "s",
+  m: "m",
+  l: "l",
+  xl: "xl",
+  xxl: "xxl"
+}), (0, _defineProperty2.default)(_vars, varNames.iconSize.group, {
+  s: "s",
+  m: "m",
+  l: "l",
+  xl: "xl",
+  xxl: "xxl"
+}), (0, _defineProperty2.default)(_vars, varNames.space.group, {
+  xs: "xs",
+  s: "s",
+  m: "m",
+  l: "l",
+  xl: "xl",
+  xxl: "xxl"
+}), (0, _defineProperty2.default)(_vars, varNames.weight.group, {
+  normal: "normal",
+  medium: "medium",
+  semiBold: "semiBold"
+}), (0, _defineProperty2.default)(_vars, varNames.radius.group, {
+  xs: "xs",
+  s: "s",
+  m: "m",
+  l: "l"
+}), (0, _defineProperty2.default)(_vars, varNames.shadow.group, {
+  s: "s",
+  m: "m",
+  l: "l"
+}), (0, _defineProperty2.default)(_vars, varNames.transition.group, {
+  slow: "slow",
+  fast: "fast"
+}), (0, _defineProperty2.default)(_vars, varNames.color.group, {
+  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"
+  },
+  baseColors: {
+    blue: "blue",
+    red: "red"
+  },
+  semanticColors: {
+    body: "body",
+    bodyDimmed: "bodyDimmed",
+    accent: "accent",
+    backgroundSecondary: "backgroundSecondary",
+    background: "background",
+    overlay: "overlay",
+    border: "border",
+    selection: "selection",
+    danger: "danger",
+    disabledContent: "disabledContent",
+    disabledBackground: "disabledBackground"
+  }
+}), _vars);
 exports.vars = vars;

package/package.json

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