@flodesk/grain 10.10.5 → 10.10.6

package/es/styles/utilities.js

@@ -17,6 +17,9 @@ import "core-js/modules/es.string.includes.js";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.object.entries.js";
 import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.values.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.symbol.iterator.js";
@@ -25,7 +28,6 @@ import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.array.from.js";
-import "core-js/modules/es.regexp.exec.js";
 import { borderWidths } from '../types';
 import { styleConfig } from '../utilities';
 import { propNameToShort } from '../utilities/style-config';
@@ -100,26 +102,17 @@ var spaceProps = styleConfig.spaceProps,
 var classAndStyleDeclarationProps = [spaceProps, colorProps, shadowProps, radiusProps, transitionProps, sizeProps, borderColorProps];
 var classDeclarationProps = [].concat(classAndStyleDeclarationProps, [positionProps, overflowProps, cursorProps, sizeProps, alignSelfProps, borderWidthProps]);
 var styleDeclarationProps = [].concat(classAndStyleDeclarationProps, [dimensionProps, aspectRatioProps, orderProps, flexProps, opacityProps]);
-var borderSides = {
-  t: 'top',
-  r: 'right',
-  b: 'bottom',
-  l: 'left',
-  x: 'inline',
-  y: 'block'
-};
 
 var generateBorderStyle = function generateBorderStyle() {
   var css = '';
-  Object.entries(borderSides).map(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-        shortSide = _ref4[0],
-        side = _ref4[1];
-
-    css += "\n        [class*=\"bdw-".concat(shortSide, "\"] { border-").concat(side, "-style: solid }\n      ");
+  Object.values(borderWidthProps.props).map(function (prop) {
+    var property = prop.property.replace('width', 'style');
+    if (prop.propName === 'borderWidth') return;
+    css += "\n        [class*=\"".concat(prop.short, "\"] { ").concat(property, ": solid }\n      ");
   }).join('');
+  var allSideSelector = borderWidthProps.props[0].short;
   css += "\n    ".concat(borderWidths.map(function (w) {
-    return ".bdw-".concat(w);
+    return ".".concat(allSideSelector, "-").concat(w);
   }), " { border-style: solid }\n  ");
   return css;
 };

package/package.json

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