@flodesk/grain 2.7.4 → 2.8.0

package/es/utilities/index.js

@@ -1,60 +1,99 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.object.define-properties.js");
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBorder = exports.getSpace = exports.getTransition = exports.getRadius = exports.getWeight = exports.getTextSize = exports.getShadow = exports.getColor = exports.getCssVar = exports.getCssVarCore = exports.isBrowser = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+require("core-js/modules/es.array.concat.js");
+
+var _variables = require("../variables");
+
 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 isBrowser = typeof window !== "undefined";
-export var getCssVarCore = function getCssVarCore(type, value) {
-  return "".concat(grnPrefix).concat(type, "-").concat(value);
+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) { (0, _defineProperty2.default)(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; }
+
+var isBrowser = typeof window !== "undefined";
+exports.isBrowser = isBrowser;
+
+var getCssVarCore = function getCssVarCore(type, value) {
+  return "".concat(_variables.grnPrefix).concat(type, "-").concat(value);
 };
-export var getCssVar = function getCssVar(type, value) {
+
+exports.getCssVarCore = getCssVarCore;
+
+var getCssVar = function getCssVar(type, value) {
   return "var(".concat(getCssVarCore(type, value), ")");
 };
 
+exports.getCssVar = getCssVar;
+
 var u = function u(amount) {
   return "calc(var(--grn-unit) * ".concat(amount, ")");
 };
 
-export var getColor = function getColor(color) {
-  if (color in _objectSpread(_objectSpread(_objectSpread({}, vars.colors.baseColors), vars.colors.greys), vars.colors.semanticColors)) {
+var getColor = function getColor(color) {
+  if (color in _objectSpread(_objectSpread(_objectSpread({}, _variables.vars.colors.baseColors), _variables.vars.colors.greys), _variables.vars.colors.semanticColors)) {
     return getCssVar("color", color);
   }
 
   return color;
 };
-export var getShadow = function getShadow(shadow) {
-  if (shadow in vars.shadows) {
+
+exports.getColor = getColor;
+
+var getShadow = function getShadow(shadow) {
+  if (shadow in _variables.vars.shadows) {
     return getCssVar("shadow", shadow);
   }
 
   return shadow;
 };
-export var getTextSize = function getTextSize(size) {
-  if (size in vars.textSizes) {
+
+exports.getShadow = getShadow;
+
+var getTextSize = function getTextSize(size) {
+  if (size in _variables.vars.textSizes) {
     return getCssVar("text", size);
   }
 
   return size;
 };
-export var getWeight = function getWeight(weight) {
-  if (weight in vars.weights) {
+
+exports.getTextSize = getTextSize;
+
+var getWeight = function getWeight(weight) {
+  if (weight in _variables.vars.weights) {
     return getCssVar("weight", weight);
   }
 };
-export var getRadius = function getRadius(radius) {
-  if (radius in vars.radiuses) {
+
+exports.getWeight = getWeight;
+
+var getRadius = function getRadius(radius) {
+  if (radius in _variables.vars.radiuses) {
     return getCssVar("radius", radius);
   }
 
@@ -62,9 +101,20 @@ export var getRadius = function getRadius(radius) {
     return radius;
   }
 };
-export var getSpace = function getSpace(space) {
+
+exports.getRadius = getRadius;
+
+var getTransition = function getTransition(transition) {
+  if (transition in _variables.vars.transitions) {
+    return getCssVar("transition", transition);
+  }
+};
+
+exports.getTransition = getTransition;
+
+var getSpace = function getSpace(space) {
   if (isNaN(space)) {
-    if (space in vars.spaces) {
+    if (space in _variables.vars.spaces) {
       return getCssVar("space", space);
     }
 
@@ -74,7 +124,10 @@ export var getSpace = function getSpace(space) {
   if (space === 0) return space;
   return u(space);
 };
-export var getBorder = function getBorder(borderSide) {
+
+exports.getSpace = getSpace;
+
+var getBorder = function getBorder(borderSide) {
   var borderWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "1px";
   var borderColor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "border";
   var w = getSpace(borderWidth);
@@ -91,4 +144,6 @@ export var getBorder = function getBorder(borderSide) {
   if (borderSide in borderSideStyles) {
     return "\n      border-style: solid;\n      border-width: ".concat(borderSideStyles[borderSide], ";\n      border-color: ").concat(getColor(borderColor), ";\n    ");
   }
-};
+};
+
+exports.getBorder = getBorder;

package/es/variables/index.js

@@ -1,5 +1,14 @@
-export var grnPrefix = "--grn-";
-export var vars = {
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.vars = exports.grnPrefix = void 0;
+var grnPrefix = "--grn-";
+exports.grnPrefix = grnPrefix;
+var vars = {
   textSizes: {
     s: "s",
     m: "m",
@@ -30,6 +39,10 @@ export var vars = {
     m: "m",
     l: "l"
   },
+  transitions: {
+    slow: "slow",
+    fast: "fast"
+  },
   colors: {
     greys: {
       grey8: "grey8",
@@ -53,8 +66,14 @@ export var vars = {
       background: "background",
       overlay: "overlay",
       border: "border",
+      buttonBorder: "buttonBorder",
+      buttonBorderHover: "buttonBorderHover",
+      buttonBorderActive: "buttonBorderActive",
       selection: "selection",
-      danger: "danger"
+      danger: "danger",
+      disabledContent: "disabledContent",
+      disabledBackground: "disabledBackground"
     }
   }
-};
+};
+exports.vars = vars;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "2.7.4",
+  "version": "2.8.0",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",
@@ -46,6 +46,7 @@
     "eslint": "8.16.0",
     "eslint-config-next": "12.1.6",
     "next": "12.1.6",
+    "react-docgen": "^6.0.0-alpha.3",
     "react-live": "^3.1.0",
     "semantic-release": "^19.0.2",
     "vercel": "^25.1.0"