@flodesk/grain 2.20.2 → 2.21.0

package/es/variables.js

@@ -1,114 +1,117 @@
-var _vars;
-
-import "core-js/modules/es.object.define-property.js";
-
-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 varNames = {
-  text: {
-    group: "texts",
-    prefix: "text"
+export var grnPrefix = '--grn-';
+export var vars = {
+  texts: {
+    s: 's',
+    m: 'm',
+    l: 'l',
+    xl: 'xl',
+    xxl: 'xxl'
   },
-  icon: {
-    group: "icons",
-    prefix: "icon"
+  icons: {
+    s: 's',
+    m: 'm',
+    l: 'l',
+    xl: 'xl',
+    xxl: 'xxl'
   },
-  space: {
-    group: "spaces",
-    prefix: "space"
+  spaces: {
+    xs: 'xs',
+    s: 's',
+    m: 'm',
+    l: 'l',
+    xl: 'xl',
+    xxl: 'xxl'
   },
-  weight: {
-    group: "weights",
-    prefix: "weight"
+  weights: {
+    normal: 'normal',
+    medium: 'medium',
+    semiBold: 'semiBold'
   },
-  radius: {
-    group: "radiuses",
-    prefix: "radius"
+  radii: {
+    s: 's',
+    m: 'm',
+    l: 'l'
   },
-  shadow: {
-    group: "shadows",
-    prefix: "shadow"
+  shadows: {
+    s: 's',
+    m: 'm',
+    l: 'l'
   },
-  transition: {
-    group: "transitions",
-    prefix: "transition"
+  transitions: {
+    slow: 'slow',
+    fast: 'fast',
+    xFast: 'xFast'
   },
-  color: {
-    group: "colors",
-    prefix: "color"
+  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 = (_vars = {}, _defineProperty(_vars, varNames.text.group, {
-  s: "s",
-  m: "m",
-  l: "l",
-  xl: "xl",
-  xxl: "xxl"
-}), _defineProperty(_vars, varNames.icon.group, {
-  s: "s",
-  m: "m",
-  l: "l",
-  xl: "xl",
-  xxl: "xxl"
-}), _defineProperty(_vars, varNames.space.group, {
-  xs: "xs",
-  s: "s",
-  m: "m",
-  l: "l",
-  xl: "xl",
-  xxl: "xxl"
-}), _defineProperty(_vars, varNames.weight.group, {
-  normal: "normal",
-  medium: "medium",
-  semiBold: "semiBold"
-}), _defineProperty(_vars, varNames.radius.group, {
-  s: "s",
-  m: "m",
-  l: "l"
-}), _defineProperty(_vars, varNames.shadow.group, {
-  s: "s",
-  m: "m",
-  l: "l"
-}), _defineProperty(_vars, varNames.transition.group, {
-  slow: "slow",
-  fast: "fast",
-  xFast: "xFast"
-}), _defineProperty(_vars, varNames.color.group, {
-  greys: {
-    grey8: "grey8",
-    grey7: "grey7",
-    grey6: "grey6",
-    grey5: "grey5",
-    grey4: "grey4",
-    grey3: "grey3",
-    grey2: "grey2",
-    grey1: "grey1"
+export var varInfo = {
+  texts: {
+    name: 'texts',
+    prefix: 'text'
   },
-  fades: {
-    fade7: "fade7",
-    fade6: "fade6",
-    fade5: "fade5",
-    fade4: "fade4",
-    fade3: "fade3",
-    fade2: "fade2",
-    fade1: "fade1"
+  icons: {
+    name: 'icons',
+    prefix: 'icon'
   },
-  baseColors: {
-    blue: "blue",
-    red: "red"
+  spaces: {
+    name: 'spaces',
+    prefix: 'space'
   },
-  semanticColors: {
-    body: "body",
-    bodyDimmed: "bodyDimmed",
-    accent: "accent",
-    backgroundSecondary: "backgroundSecondary",
-    background: "background",
-    overlay: "overlay",
-    border: "border",
-    selection: "selection",
-    danger: "danger",
-    disabledContent: "disabledContent",
-    disabledBackground: "disabledBackground"
+  weights: {
+    name: 'weights',
+    prefix: 'weight'
+  },
+  radii: {
+    name: 'radii',
+    prefix: 'radius'
+  },
+  shadows: {
+    name: 'shadows',
+    prefix: 'shadow'
+  },
+  transitions: {
+    name: 'transitions',
+    prefix: 'transition'
+  },
+  colors: {
+    name: 'colors',
+    prefix: 'color'
   }
-}), _vars);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "2.20.2",
+  "version": "2.21.0",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",
@@ -10,7 +10,7 @@
     "dev": "next dev -p 4000",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
+    "lint": "next lint --dir .",
     "semantic-release": "semantic-release",
     "build:es": "del es/* && cross-env NODE_ENV=production babel --no-babelrc --config-file ./babel.config.es.js --out-dir es --copy-files src"
   },
@@ -45,7 +45,11 @@
     "del-cli": "^4.0.1",
     "eslint": "8.16.0",
     "eslint-config-next": "12.1.6",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-prettier": "^4.2.1",
     "next": "12.1.6",
+    "prettier": "^2.7.1",
     "react-docgen": "^6.0.0-alpha.3",
     "react-live": "^3.1.0",
     "semantic-release": "^19.0.2",