@flodesk/grain 11.64.0 → 11.65.0

package/es/utilities/responsive.js

@@ -11,11 +11,9 @@ export const getMediaCss = (mediaQuery, property, value) => {
     if (isNumber(val)) return u(val);
     if (isString(val)) return val;
   };
-
   if (mediaQuery === 'default') {
     return "".concat(property, ": ").concat(getValue(value), ";");
   }
-
   if (mediaQuery in mediaQueries) {
     return "\n      ".concat(mediaQueries[mediaQuery], " {\n        ").concat(property, ": ").concat(getValue(value), ";\n      }\n    ");
   } else {
@@ -27,10 +25,8 @@ export const mapObjToMedia = (property, obj, type) => {
     if (type && value in vars[type]) {
       return getCssVar(varInfo[type].name, value);
     }
-
     return value;
   };
-
   const declarations = Object.entries(obj).map(_ref => {
     let [mediaQuery, value] = _ref;
     return getMediaCss(mediaQuery, property, checkValueInVars(value));
@@ -49,52 +45,42 @@ export const getSpace = space => {
   if (space in vars.spaces) {
     return getCssVar(varInfo.spaces.name, space);
   }
-
   if (space === 0) return '0';
   if (isString(space)) return space;
   if (isNumber(space)) return u(space);
 };
 export const getResponsiveDimension = (property, dimension) => {
   if (!dimension) return;
-
   if (isObject(dimension)) {
     return mapObjToMedia(property, dimension, varInfo.spaces.name);
   }
-
   return "".concat(property, ": ").concat(getDimension(dimension));
 };
 export const getResponsiveSpace = (property, space) => {
   if (!space) return;
-
   if (isObject(space)) {
     return mapObjToMedia(property, space, varInfo.spaces.name);
   }
-
   return "".concat(property, ": ").concat(getSpace(space));
 };
 export const getTextSize = size => {
   if (size in vars.texts) {
     return getCssVar(varInfo.texts.name, size);
   }
-
   if (isString(size)) return size;
 };
 export const getResponsiveOneOf = (property, value) => {
   if (!value) return;
-
   if (isObject(value)) {
     return mapObjToMedia(property, value);
   }
-
   return "".concat(property, ": ").concat(value);
 };
 export const getResponsiveTextSize = size => {
   if (!size) return;
   const property = 'font-size';
-
   if (isObject(size)) {
     return mapObjToMedia(property, size, varInfo.texts.name);
   }
-
   return "".concat(property, ": ").concat(getTextSize(size));
 };

package/es/utilities/style-config.js

@@ -9,7 +9,6 @@ const radii = Object.keys(vars.radii);
 const transitions = Object.keys(vars.transitions);
 const sizes = Object.keys(vars.texts);
 const weights = Object.keys(vars.weights);
-
 const borderSideToStyle = side => {
   if (side === 'all') return 'solid';
   const borderConfig = {
@@ -23,7 +22,6 @@ const borderSideToStyle = side => {
   const borderStyles = ['top', 'right', 'bottom', 'left'].map(s => borderConfig[side].includes(s) ? 'solid' : 'none');
   return borderStyles.join(' ');
 };
-
 export const styleConfig = {
   spaceProps: {
     props: [{
@@ -370,7 +368,6 @@ export const styleConfig = {
       propName: 'display',
       property: 'display',
       short: 'ds' // instead of 'd' to avoid conflict with _display.scss in frontend
-
     }],
     variables: textDisplays,
     variableChecker: value => textDisplays.includes(value)

package/es/utilities/styles.js

@@ -6,7 +6,6 @@ export const getColor = color => {
   if (color in vars.colors) {
     return getCssVar(varInfo.colors.name, color);
   }
-
   return color;
 };
 export const isShadowVar = shadow => shadow in vars.shadows;
@@ -14,7 +13,6 @@ export const getShadow = shadow => {
   if (isShadowVar(shadow)) {
     return getCssVar(varInfo.shadows.name, shadow);
   }
-
   return shadow;
 };
 export const getWeight = weight => {
@@ -27,7 +25,6 @@ export const getRadius = radius => {
   if (isRadiusVar(radius)) {
     return getCssVar(varInfo.radii.name, radius);
   }
-
   if (radius === 0) return radius;
   if (isString(radius)) return radius;
   if (isNumber(radius)) return u(radius);
@@ -37,14 +34,12 @@ export const getTransition = transition => {
   if (transition in vars.transitions) {
     return getCssVar(varInfo.transitions.name, transition);
   }
-
   return transition;
 };
 export const getIconSize = size => {
   if (size in vars.icons) {
     return getCssVar(varInfo.icons.name, size);
   }
-
   return getDimension(size);
 };
 export const getBorder = function (borderSide) {
@@ -60,11 +55,9 @@ export const getBorder = function (borderSide) {
     right: ["right"]
   };
   const value = "".concat(getDimension(borderWidth), " solid ").concat(getColor(borderColor));
-
   const getSide = side => {
     return side ? "border-".concat(side) : "border";
   };
-
   if (borderSide in sidesObj) {
     return sidesObj[borderSide].map(side => "".concat(getSide(side), ": ").concat(value)).join(';');
   }

package/es/variables/vars.js

@@ -1,9 +1,9 @@
-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.symbol.description.js";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { colors } from './colors';
 export const grnPrefix = '--grn-';
 export const vars = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "11.64.0",
+  "version": "11.65.0",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "types": "es/types/index.d.ts",