@flodesk/grain 10.17.2 → 10.17.4

package/es/utilities/style-config.js

@@ -1,442 +0,0 @@
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.array.includes.js";
-import "core-js/modules/es.string.includes.js";
-import "core-js/modules/es.array.find.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.object.values.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.symbol.iterator.js";
-import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/es.string.iterator.js";
-import "core-js/modules/web.dom-collections.iterator.js";
-import "core-js/modules/es.array.from.js";
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.regexp.exec.js";
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-import { alignSelfs, borderWidths, cursors, overflows, positions, sides, textAlignments, textDisplays, textTransforms } from '../types';
-import { vars } from '../variables';
-import { getDimension, getSpace, getTextSize, isSpaceVar } from './responsive';
-import { getColor, getRadius, getShadow, getTransition, getWeight, isColorVar, isRadiusVar, isShadowVar, isTrasitionVar } from './styles';
-var spaces = [].concat(_toConsumableArray(Object.keys(vars.spaces)), _toConsumableArray(Object.keys(vars.spaceUtils)));
-var colors = [].concat(_toConsumableArray(Object.keys(vars.colors)), _toConsumableArray(Object.keys(vars.colorUtils)));
-var shadows = Object.keys(vars.shadows);
-var radii = Object.keys(vars.radii);
-var transitions = [].concat(_toConsumableArray(Object.keys(vars.transitions)), _toConsumableArray(Object.keys(vars.transitionUtils)));
-var sizes = Object.keys(vars.texts);
-var weights = Object.keys(vars.weights);
-
-var borderSideToStyle = function borderSideToStyle(side) {
-  if (side === 'all') return 'solid';
-  var borderConfig = {
-    top: ['top'],
-    right: ['right'],
-    bottom: ['bottom'],
-    left: ['left'],
-    y: ['top', 'bottom'],
-    x: ['right', 'left']
-  };
-  var borderStyles = ['top', 'right', 'bottom', 'left'].map(function (s) {
-    return borderConfig[side].includes(s) ? 'solid' : 'none';
-  });
-  return borderStyles.join(' ');
-};
-
-export var styleConfig = {
-  spaceProps: {
-    props: [{
-      propName: 'padding',
-      property: 'padding',
-      short: 'p'
-    }, {
-      propName: 'paddingTop',
-      property: 'padding-top',
-      short: 'pt'
-    }, {
-      propName: 'paddingBottom',
-      property: 'padding-bottom',
-      short: 'pb'
-    }, {
-      propName: 'paddingLeft',
-      property: 'padding-left',
-      short: 'pl'
-    }, {
-      propName: 'paddingRight',
-      property: 'padding-right',
-      short: 'pr'
-    }, {
-      propName: 'paddingX',
-      property: 'padding-inline',
-      short: 'px'
-    }, {
-      propName: 'paddingY',
-      property: 'padding-block',
-      short: 'py'
-    }, {
-      propName: 'margin',
-      property: 'margin',
-      short: 'm'
-    }, {
-      propName: 'marginTop',
-      property: 'margin-top',
-      short: 'mt'
-    }, {
-      propName: 'marginBottom',
-      property: 'margin-bottom',
-      short: 'mb'
-    }, {
-      propName: 'marginLeft',
-      property: 'margin-left',
-      short: 'ml'
-    }, {
-      propName: 'marginRight',
-      property: 'margin-right',
-      short: 'mr'
-    }, {
-      propName: 'marginX',
-      property: 'margin-inline',
-      short: 'mx'
-    }, {
-      propName: 'marginY',
-      property: 'margin-block',
-      short: 'my'
-    }, {
-      propName: 'top',
-      property: 'top',
-      short: 't'
-    }, {
-      propName: 'bottom',
-      property: 'bottom',
-      short: 'b'
-    }, {
-      propName: 'left',
-      property: 'left',
-      short: 'l'
-    }, {
-      propName: 'right',
-      property: 'right',
-      short: 'r'
-    }],
-    valueTransformer: getSpace,
-    variableChecker: isSpaceVar,
-    variables: spaces,
-    isResponsive: true
-  },
-  dimensionProps: {
-    props: [{
-      propName: 'width',
-      property: 'width',
-      short: 'w'
-    }, {
-      propName: 'minWidth',
-      property: 'min-width',
-      short: 'min-w'
-    }, {
-      propName: 'maxWidth',
-      property: 'max-width',
-      short: 'max-w'
-    }, {
-      propName: 'height',
-      property: 'height',
-      short: 'h'
-    }, {
-      propName: 'minHeight',
-      property: 'min-height',
-      short: 'min-h'
-    }, {
-      propName: 'maxHeight',
-      property: 'max-height',
-      short: 'max-h'
-    }],
-    valueTransformer: getDimension,
-    isResponsive: true
-  },
-  colorProps: {
-    props: [{
-      propName: 'color',
-      property: 'color',
-      short: 'c'
-    }, {
-      propName: 'colorHover',
-      property: 'color',
-      short: 'c-h'
-    }, {
-      propName: 'backgroundColor',
-      property: 'background-color',
-      short: 'bgc'
-    }, {
-      propName: 'backgroundColorHover',
-      property: 'background-color',
-      short: 'bgc-h'
-    }],
-    valueTransformer: getColor,
-    variableChecker: isColorVar,
-    variables: colors
-  },
-  shadowProps: {
-    props: [{
-      propName: 'shadow',
-      property: 'box-shadow',
-      short: 'sh'
-    }, {
-      propName: 'shadowHover',
-      property: 'box-shadow',
-      short: 'sh-h'
-    }],
-    valueTransformer: getShadow,
-    variableChecker: isShadowVar,
-    variables: shadows
-  },
-  radiusProps: {
-    props: [{
-      propName: 'radius',
-      property: 'border-radius',
-      short: 'rad'
-    }],
-    valueTransformer: getRadius,
-    variableChecker: isRadiusVar,
-    variables: radii
-  },
-  orderProps: {
-    props: [{
-      propName: 'order',
-      property: 'order',
-      short: 'ord'
-    }]
-  },
-  flexProps: {
-    props: [{
-      propName: 'flex',
-      property: 'flex',
-      short: 'flx'
-    }],
-    isResponsive: true
-  },
-  zIndexProps: {
-    props: [{
-      propName: 'zIndex',
-      property: 'z-index',
-      short: 'z'
-    }]
-  },
-  positionProps: {
-    props: [{
-      propName: 'position',
-      property: 'position',
-      short: 'pos'
-    }],
-    variableChecker: function variableChecker(value) {
-      return positions.includes(value);
-    },
-    variables: positions
-  },
-  overflowProps: {
-    props: [{
-      propName: 'overflow',
-      property: 'overflow',
-      short: 'of'
-    }, {
-      propName: 'overflowX',
-      property: 'overflow-x',
-      short: 'of-x'
-    }, {
-      propName: 'overflowY',
-      property: 'overflow-y',
-      short: 'of-y'
-    }],
-    variableChecker: function variableChecker(value) {
-      return overflows.includes(value);
-    },
-    variables: overflows
-  },
-  transitionProps: {
-    props: [{
-      propName: 'transition',
-      property: 'transition',
-      short: 'tr'
-    }, {
-      propName: 'transitionHover',
-      property: 'transition',
-      short: 'tr-h'
-    }],
-    valueTransformer: getTransition,
-    variableChecker: isTrasitionVar,
-    variables: transitions
-  },
-  cursorProps: {
-    props: [{
-      propName: 'cursor',
-      property: 'cursor',
-      short: 'cur'
-    }],
-    variableChecker: function variableChecker(value) {
-      return cursors.includes(value);
-    },
-    variables: cursors
-  },
-  aspectRatioProps: {
-    props: [{
-      propName: 'aspectRatio',
-      property: 'aspect-ratio',
-      short: 'ar'
-    }]
-  },
-  sizeProps: {
-    props: [{
-      propName: 'size',
-      property: 'font-size',
-      short: 'txt'
-    }],
-    isResponsive: true,
-    variables: sizes,
-    valueTransformer: getTextSize,
-    variableChecker: function variableChecker(value) {
-      return sizes.includes(value);
-    }
-  },
-  opacityProps: {
-    props: [{
-      propName: 'opacity',
-      property: 'opacity',
-      short: 'op'
-    }, {
-      propName: 'opacityHover',
-      property: 'opacity',
-      short: 'op-h'
-    }]
-  },
-  alignSelfProps: {
-    props: [{
-      propName: 'alignSelf',
-      property: 'align-self',
-      short: 'als'
-    }],
-    variables: alignSelfs,
-    variableChecker: function variableChecker(value) {
-      return alignSelfs.includes(value);
-    }
-  },
-  borderColorProps: {
-    props: [{
-      propName: 'borderColor',
-      property: 'border-color',
-      short: 'bdc'
-    }, {
-      propName: 'borderColorHover',
-      property: 'border-color',
-      short: 'bdc-h'
-    }],
-    valueTransformer: getColor,
-    variableChecker: isColorVar,
-    variables: colors
-  },
-  borderWidthProps: {
-    props: [{
-      propName: 'borderWidth',
-      property: 'border-width',
-      short: 'bdw'
-    }],
-    valueTransformer: function valueTransformer(borderWidth) {
-      return borderWidth;
-    },
-    variables: borderWidths,
-    variableChecker: function variableChecker(value) {
-      return borderWidths.includes(value);
-    }
-  },
-  borderSideProps: {
-    props: [{
-      propName: 'borderSide',
-      property: 'border-style',
-      short: 'bds'
-    }],
-    valueTransformer: borderSideToStyle,
-    variables: sides,
-    variableChecker: function variableChecker(value) {
-      return sides.includes(value);
-    }
-  },
-  alignProps: {
-    props: [{
-      propName: 'align',
-      property: 'text-align',
-      short: 'al'
-    }],
-    variables: textAlignments,
-    variableChecker: function variableChecker(value) {
-      return textAlignments.includes(value);
-    },
-    isResponsive: true
-  },
-  weightProps: {
-    props: [{
-      propName: 'weight',
-      property: 'font-weight',
-      short: 'w'
-    }],
-    variables: weights,
-    variableChecker: function variableChecker(value) {
-      return weights.includes(value);
-    },
-    valueTransformer: getWeight
-  },
-  textDisplayProps: {
-    props: [{
-      propName: 'display',
-      property: 'display',
-      short: 'ds' // instead of 'd' to avoid conflict with _display.scss in frontend
-
-    }],
-    variables: textDisplays,
-    variableChecker: function variableChecker(value) {
-      return textDisplays.includes(value);
-    }
-  },
-  letterSpacingProps: {
-    props: [{
-      propName: 'letterSpacing',
-      property: 'letter-spacing',
-      short: 'ls'
-    }]
-  },
-  textTransformProps: {
-    props: [{
-      propName: 'textTransform',
-      property: 'text-transform',
-      short: 'tt'
-    }],
-    variables: textTransforms,
-    variableChecker: function variableChecker(value) {
-      return textTransforms.includes(value);
-    }
-  }
-};
-export var propNameToShort = function propNameToShort(propName) {
-  var _prop$props$find;
-
-  var prop = Object.values(styleConfig).find(function (_ref) {
-    var props = _ref.props;
-    return props.find(function (_ref2) {
-      var prop = _ref2.propName;
-      return prop === propName;
-    });
-  });
-  return prop === null || prop === void 0 ? void 0 : (_prop$props$find = prop.props.find(function (_ref3) {
-    var prop = _ref3.propName;
-    return prop === propName;
-  })) === null || _prop$props$find === void 0 ? void 0 : _prop$props$find.short;
-};

package/es/variables/breakpoints.js

@@ -1,9 +0,0 @@
-export var breakpoints = {
-  tablet: 1169,
-  mobile: 767
-};
-export var deviceShort = {
-  default: 'def',
-  mobile: 'mob',
-  tablet: 'tab'
-};