@elliemae/ds-grid 3.0.0-next.9 → 3.0.1

package/dist/cjs/Grid.js

@@ -21,7 +21,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -38,38 +37,33 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+  return to;
 };
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Grid_exports = {};
 __export(Grid_exports, {
   DSGridWithSchema: () => DSGridWithSchema,
   Grid: () => Grid,
   default: () => Grid_default
 });
+module.exports = __toCommonJS(Grid_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_lodash = require("lodash");
 var import_ds_system = require("@elliemae/ds-system");
 var import_react_desc_prop_types = require("./react-desc-prop-types");
 var import_GridItem = require("./GridItem");
 const Grid = import_react.default.forwardRef((props, ref) => {
   const _a = props, { children } = _a, propsWithoutChildren = __objRest(_a, ["children"]);
-  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(propsWithoutChildren, import_react_desc_prop_types.defaultProps);
+  const propsWithDefaults = (0, import_ds_utilities.useMemoMergePropsWithDefault)(propsWithoutChildren, import_react_desc_prop_types.defaultProps);
   const _b = propsWithDefaults, { rows, cols, alignItems, className, justify, gutter, wrap, width, height } = _b, rest = __objRest(_b, ["rows", "cols", "alignItems", "className", "justify", "gutter", "wrap", "width", "height"]);
   let isSpanParent = true;
   const renderChildren = import_react.default.Children.map(children, (child) => {
@@ -102,8 +96,8 @@ const Grid = import_react.default.forwardRef((props, ref) => {
 });
 Grid.displayName = "Grid";
 Grid.propTypes = import_react_desc_prop_types.DSGridPropTypes;
-const DSGridWithSchema = (0, import_ds_props_helpers.describe)(Grid);
+Grid.displayName = "Grid";
+const DSGridWithSchema = (0, import_ds_utilities.describe)(Grid);
 DSGridWithSchema.propTypes = import_react_desc_prop_types.DSGridPropTypes;
 var Grid_default = Grid;
-module.exports = __toCommonJS(Grid_exports);
 //# sourceMappingURL=Grid.js.map

package/dist/cjs/Grid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Grid.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { get } from 'lodash';\nimport { fixSpaceGutter } from '@elliemae/ds-system';\nimport { DSGridT, DSGridPropTypes, defaultProps } from './react-desc-prop-types';\nimport { GridItem } from './GridItem';\n\nconst Grid = React.forwardRef<HTMLDivElement, DSGridT.Props>((props, ref) => {\n  const { children, ...propsWithoutChildren } = props;\n  const propsWithDefaults = useMemoMergePropsWithDefault(propsWithoutChildren, defaultProps);\n\n  const { rows, cols, alignItems, className, justify, gutter, wrap, width, height, ...rest } = propsWithDefaults;\n\n  let isSpanParent = true;\n\n  const renderChildren = React.Children.map(children, (child: React.ReactNode) => {\n    if (\n      get(child, 'child.type.name') === 'Grid' ||\n      get(child, 'type.displayName') === 'Grid' ||\n      parseInt(get(child, 'props.span', 0) as string, 10) > 0\n    ) {\n      const { width: wc, height: hc, span } = (child as React.ReactElement).props as Required<DSGridT.Props>;\n      if (!span) isSpanParent = false;\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      return React.cloneElement(child as React.ReactElement, {\n        ...(child as React.ReactElement).props,\n        width: fixSpaceGutter(wc),\n        height: fixSpaceGutter(hc),\n      });\n    }\n    return child;\n  });\n\n  return (\n    <GridItem\n      alignItems={alignItems}\n      className={className}\n      cols={cols}\n      gutter={gutter}\n      isSpanParent={isSpanParent}\n      justify={justify}\n      rows={rows}\n      wrap={wrap}\n      childNumber={React.Children.count(children)}\n      ref={ref}\n      {...rest}\n      w={width}\n      h={height}\n    >\n      {renderChildren}\n    </GridItem>\n  );\n});\n\n// Since this component is using ForwardRef, we must provide a displayName to avoid 'undefined' name in propsTable.\nGrid.displayName = 'Grid';\n\nGrid.propTypes = DSGridPropTypes;\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = DSGridPropTypes;\n\nexport default Grid;\nexport { DSGridWithSchema, Grid };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAuD;AACvD,oBAAoB;AACpB,uBAA+B;AAC/B,mCAAuD;AACvD,sBAAyB;AAEzB,MAAM,OAAO,qBAAM,WAA0C,CAAC,OAAO,QAAQ;AAC3E,QAA8C,YAAtC,eAAsC,IAAzB,iCAAyB,IAAzB,CAAb;AACR,QAAM,oBAAoB,0DAA6B,sBAAsB;AAE7E,QAA6F,wBAArF,QAAM,MAAM,YAAY,WAAW,SAAS,QAAQ,MAAM,OAAO,WAAoB,IAAT,iBAAS,IAAT,CAA5E,QAAM,QAAM,cAAY,aAAW,WAAS,UAAQ,QAAM,SAAO;AAEzE,MAAI,eAAe;AAEnB,QAAM,iBAAiB,qBAAM,SAAS,IAAI,UAAU,CAAC,UAA2B;AAC9E,QACE,uBAAI,OAAO,uBAAuB,UAClC,uBAAI,OAAO,wBAAwB,UACnC,SAAS,uBAAI,OAAO,cAAc,IAAc,MAAM,GACtD;AACA,YAAM,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAU,MAA6B;AACtE,UAAI,CAAC;AAAM,uBAAe;AAE1B,aAAO,qBAAM,aAAa,OAA6B,iCACjD,MAA6B,QADoB;AAAA,QAErD,OAAO,qCAAe;AAAA,QACtB,QAAQ,qCAAe;AAAA;AAAA;AAG3B,WAAO;AAAA;AAGT,SACE,mDAAC,0BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,qBAAM,SAAS,MAAM;AAAA,IAClC;AAAA,KACI,OAXN;AAAA,IAYE,GAAG;AAAA,IACH,GAAG;AAAA,MAEF;AAAA;AAMP,KAAK,cAAc;AAEnB,KAAK,YAAY;AACjB,MAAM,mBAAmB,sCAAS;AAClC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { describe, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { get } from 'lodash';\nimport { fixSpaceGutter } from '@elliemae/ds-system';\nimport { DSGridT, DSGridPropTypes, defaultProps } from './react-desc-prop-types';\nimport { GridItem } from './GridItem';\n\nconst Grid = React.forwardRef<HTMLDivElement, DSGridT.Props>((props, ref) => {\n  const { children, ...propsWithoutChildren } = props;\n  const propsWithDefaults = useMemoMergePropsWithDefault(propsWithoutChildren, defaultProps);\n\n  const { rows, cols, alignItems, className, justify, gutter, wrap, width, height, ...rest } = propsWithDefaults;\n\n  let isSpanParent = true;\n\n  const renderChildren = React.Children.map(children, (child: React.ReactNode) => {\n    if (\n      get(child, 'child.type.name') === 'Grid' ||\n      get(child, 'type.displayName') === 'Grid' ||\n      parseInt(get(child, 'props.span', 0) as string, 10) > 0\n    ) {\n      const { width: wc, height: hc, span } = (child as React.ReactElement).props as Required<DSGridT.Props>;\n      if (!span) isSpanParent = false;\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      return React.cloneElement(child as React.ReactElement, {\n        ...(child as React.ReactElement).props,\n        width: fixSpaceGutter(wc),\n        height: fixSpaceGutter(hc),\n      });\n    }\n    return child;\n  });\n\n  return (\n    <GridItem\n      alignItems={alignItems}\n      className={className}\n      cols={cols}\n      gutter={gutter}\n      isSpanParent={isSpanParent}\n      justify={justify}\n      rows={rows}\n      wrap={wrap}\n      childNumber={React.Children.count(children)}\n      ref={ref}\n      {...rest}\n      w={width}\n      h={height}\n    >\n      {renderChildren}\n    </GridItem>\n  );\n});\n\n// Since this component is using ForwardRef, we must provide a displayName to avoid 'undefined' name in propsTable.\nGrid.displayName = 'Grid';\n\nGrid.propTypes = DSGridPropTypes;\nGrid.displayName = 'Grid';\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = DSGridPropTypes;\n\nexport default Grid;\nexport { DSGridWithSchema, Grid };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAuD;AACvD,oBAAoB;AACpB,uBAA+B;AAC/B,mCAAuD;AACvD,sBAAyB;AAEzB,MAAM,OAAO,qBAAM,WAA0C,CAAC,OAAO,QAAQ;AAC3E,QAA8C,YAAtC,eAAsC,IAAzB,iCAAyB,IAAzB,CAAb;AACR,QAAM,oBAAoB,sDAA6B,sBAAsB,yCAAY;AAEzF,QAA6F,wBAArF,QAAM,MAAM,YAAY,WAAW,SAAS,QAAQ,MAAM,OAAO,WAAoB,IAAT,iBAAS,IAAT,CAA5E,QAAM,QAAM,cAAY,aAAW,WAAS,UAAQ,QAAM,SAAO;AAEzE,MAAI,eAAe;AAEnB,QAAM,iBAAiB,qBAAM,SAAS,IAAI,UAAU,CAAC,UAA2B;AAC9E,QACE,uBAAI,OAAO,iBAAiB,MAAM,UAClC,uBAAI,OAAO,kBAAkB,MAAM,UACnC,SAAS,uBAAI,OAAO,cAAc,CAAC,GAAa,EAAE,IAAI,GACtD;AACA,YAAM,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAU,MAA6B;AACtE,UAAI,CAAC;AAAM,uBAAe;AAE1B,aAAO,qBAAM,aAAa,OAA6B,iCACjD,MAA6B,QADoB;AAAA,QAErD,OAAO,qCAAe,EAAE;AAAA,QACxB,QAAQ,qCAAe,EAAE;AAAA,MAC3B,EAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,CAAC;AAED,SACE,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,qBAAM,SAAS,MAAM,QAAQ;AAAA,IAC1C;AAAA,KACI,OAXL;AAAA,IAYC,GAAG;AAAA,IACH,GAAG;AAAA,MAEF,cACH;AAEJ,CAAC;AAGD,KAAK,cAAc;AAEnB,KAAK,YAAY;AACjB,KAAK,cAAc;AACnB,MAAM,mBAAmB,kCAAS,IAAI;AACtC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
   "names": []
 }

package/dist/cjs/GridItem.js

@@ -4,50 +4,42 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var GridItem_exports = {};
 __export(GridItem_exports, {
   GridItem: () => GridItem
 });
+module.exports = __toCommonJS(GridItem_exports);
 var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_styled_components2 = require("@xstyled/styled-components");
 var import_ds_system = require("@elliemae/ds-system");
 var import_styles = require("./utils/styles");
-const GridItem = import_styled_components.default.div`
+const GridItem = import_ds_system.styled.div`
   display: grid;
   display: -ms-grid;
   column-gap: ${({ gutter }) => (0, import_ds_system.mapGap)(gutter)};
   row-gap: ${({ gutter }) => (0, import_ds_system.mapGap)(gutter)};
-  ${import_styled_components2.grids}
-  ${import_styled_components2.flexboxes}
-  ${import_styled_components2.sizing}
-  ${import_styled_components2.space}
-  ${import_styled_components2.height}
-  ${import_styled_components2.width}
+  ${import_ds_system.grids}
+  ${import_ds_system.flexboxes}
+  ${import_ds_system.sizing}
+  ${import_ds_system.space}
   ${import_styles.manageCols}
   ${import_styles.manageRows}
   ${import_styles.manageSpan}
+  ${import_ds_system.boxShadows}
+  ${import_ds_system.borders}
+  ${import_ds_system.background}
 `;
-module.exports = __toCommonJS(GridItem_exports);
 //# sourceMappingURL=GridItem.js.map

package/dist/cjs/GridItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/GridItem.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport styled from 'styled-components';\nimport {\n  space,\n  width,\n  height,\n  flexboxes,\n  grids,\n  sizing,\n  LayoutProps,\n  SpaceProps,\n  SizingProps,\n} from '@xstyled/styled-components';\nimport { mapGap } from '@elliemae/ds-system';\nimport { manageCols, manageRows, manageSpan } from './utils/styles';\nimport { DSGridT } from './react-desc-prop-types';\n\nexport const GridItem = styled.div<DSGridT.ItemProps & LayoutProps & SpaceProps & SizingProps>`\n  display: grid;\n  display: -ms-grid;\n  column-gap: ${({ gutter }) => mapGap(gutter)};\n  row-gap: ${({ gutter }) => mapGap(gutter)};\n  ${grids}\n  ${flexboxes}\n  ${sizing}\n  ${space}\n  ${height}\n  ${width}\n  ${manageCols}\n  ${manageRows}\n  ${manageSpan}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,+BAAmB;AACnB,gCAUO;AACP,uBAAuB;AACvB,oBAAmD;AAG5C,MAAM,WAAW,iCAAO;AAAA;AAAA;AAAA,gBAGf,CAAC,EAAE,aAAa,6BAAO;AAAA,aAC1B,CAAC,EAAE,aAAa,6BAAO;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;",
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport { LayoutProps, SpaceProps, SizingProps } from '@xstyled/styled-components';\nimport { styled, mapGap, background, borders, sizing, space, boxShadows, flexboxes, grids } from '@elliemae/ds-system';\nimport { manageCols, manageRows, manageSpan } from './utils/styles';\nimport { DSGridT } from './react-desc-prop-types';\n\nexport const GridItem = styled.div<DSGridT.ItemProps & LayoutProps & SpaceProps & SizingProps>`\n  display: grid;\n  display: -ms-grid;\n  column-gap: ${({ gutter }) => mapGap(gutter)};\n  row-gap: ${({ gutter }) => mapGap(gutter)};\n  ${grids}\n  ${flexboxes}\n  ${sizing}\n  ${space}\n  ${manageCols}\n  ${manageRows}\n  ${manageSpan}\n  ${boxShadows}\n  ${borders}\n  ${background}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,uBAAiG;AACjG,oBAAmD;AAG5C,MAAM,WAAW,wBAAO;AAAA;AAAA;AAAA,gBAGf,CAAC,EAAE,aAAa,6BAAO,MAAM;AAAA,aAChC,CAAC,EAAE,aAAa,6BAAO,MAAM;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;",
   "names": []
 }

package/dist/cjs/index.js

@@ -4,27 +4,20 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
   DSGridWithSchema: () => import_Grid.DSGridWithSchema,
@@ -33,7 +26,7 @@ __export(src_exports, {
   GridItem: () => import_Grid.default,
   default: () => import_Grid.default
 });
+module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
 var import_Grid = __toESM(require("./Grid"));
-module.exports = __toCommonJS(src_exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { default, Grid, default as GridContainer, default as GridItem, DSGridWithSchema } from './Grid';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kBAA+F;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kBAA+F;",
   "names": []
 }

package/dist/cjs/react-desc-prop-types.js

@@ -21,34 +21,28 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
   DSGridPropTypes: () => DSGridPropTypes,
   defaultProps: () => defaultProps
 });
+module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_constants = require("./utils/constants");
 const defaultProps = {
   rows: [],
@@ -59,34 +53,57 @@ const defaultProps = {
   wrap: "wrap",
   span: 1
 };
-const rowColBreakpoints = import_ds_props_helpers.PropTypes.shape({
-  small: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string])),
-  medium: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string])),
-  large: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string]))
+const rowColBreakpoints = import_ds_utilities.PropTypes.shape({
+  small: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.string])),
+  medium: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.string])),
+  large: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.string]))
 });
-const spanBreakpoints = import_ds_props_helpers.PropTypes.shape({
-  small: import_ds_props_helpers.PropTypes.number,
-  medium: import_ds_props_helpers.PropTypes.number,
-  large: import_ds_props_helpers.PropTypes.number
+const spanBreakpoints = import_ds_utilities.PropTypes.shape({
+  small: import_ds_utilities.PropTypes.number,
+  medium: import_ds_utilities.PropTypes.number,
+  large: import_ds_utilities.PropTypes.number
 });
-const DSGridPropTypes = __spreadProps(__spreadValues(__spreadValues({}, import_ds_props_helpers.globalAttributesPropTypes), import_ds_props_helpers.xstyledPropTypes), {
-  rows: import_ds_props_helpers.PropTypes.oneOfType([
-    import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string])),
+const DSGridPropTypes = __spreadProps(__spreadValues(__spreadValues({}, import_ds_utilities.globalAttributesPropTypes), import_ds_utilities.xstyledPropTypes), {
+  rows: import_ds_utilities.PropTypes.oneOfType([
+    import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.string])),
     rowColBreakpoints
   ]).description("Row layout cells").defaultValue([]),
-  cols: import_ds_props_helpers.PropTypes.oneOfType([
-    import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string])),
+  cols: import_ds_utilities.PropTypes.oneOfType([
+    import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.string])),
     rowColBreakpoints
   ]).description("Column layout cells").defaultValue([]),
-  span: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, spanBreakpoints]).description("Expands the grid element within columns."),
-  alignItems: import_ds_props_helpers.PropTypes.oneOf(import_constants.alignItemsPlacement).description("flex-like align items prop"),
-  children: import_ds_props_helpers.PropTypes.node.description("Children node inside grid cell"),
-  className: import_ds_props_helpers.PropTypes.string.description("CSS class").defaultValue(""),
-  justifyContent: import_ds_props_helpers.PropTypes.oneOf(import_constants.justifyPlacement).description("flex-like justify prop").defaultValue(import_constants.justifyPlacement[0]),
-  gutter: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string]).description("Space between cells prop").defaultValue(0),
-  wrap: import_ds_props_helpers.PropTypes.oneOf(import_constants.wrap).description("Wrap type").defaultValue(import_constants.wrap[0]),
-  height: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string]).description("Grid height."),
-  width: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string]).description("Grid width.")
+  span: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.number, spanBreakpoints]).description("Expands the grid element within columns."),
+  alignItems: import_ds_utilities.PropTypes.oneOf(import_constants.alignItemsPlacement).description("flex-like align items prop"),
+  children: import_ds_utilities.PropTypes.node.description("Children node inside grid cell"),
+  className: import_ds_utilities.PropTypes.string.description("CSS class").defaultValue(""),
+  justifyContent: import_ds_utilities.PropTypes.oneOf(import_constants.justifyPlacement).description("flex-like justify prop").defaultValue(import_constants.justifyPlacement[0]),
+  gutter: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.string]).description("Space between cells prop").defaultValue(0),
+  wrap: import_ds_utilities.PropTypes.oneOf(import_constants.wrap).description("Wrap type").defaultValue(import_constants.wrap[0]),
+  height: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.string]).description("Grid height."),
+  width: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.string]).description("Grid width."),
+  backgroundColor: import_ds_utilities.PropTypes.string.description("Sets background color."),
+  bg: import_ds_utilities.PropTypes.string.description("Sets background color."),
+  boxShadow: import_ds_utilities.PropTypes.oneOf(import_constants.boxShadow).description("Sets background color."),
+  border: import_ds_utilities.PropTypes.string.description("Sets border."),
+  borderRadius: import_ds_utilities.PropTypes.string.description("Sets border radius."),
+  borderWidth: import_ds_utilities.PropTypes.string.description("Sets border width."),
+  borderStyle: import_ds_utilities.PropTypes.string.description("Sets border style."),
+  borderColor: import_ds_utilities.PropTypes.string.description("Sets border color."),
+  borderTop: import_ds_utilities.PropTypes.string.description("Sets top border."),
+  borderBottom: import_ds_utilities.PropTypes.string.description("Sets bottom border."),
+  borderLeft: import_ds_utilities.PropTypes.string.description("Sets left border."),
+  borderRight: import_ds_utilities.PropTypes.string.description("Sets right border."),
+  borderTopWidth: import_ds_utilities.PropTypes.string.description("Sets border top width."),
+  borderTopStyle: import_ds_utilities.PropTypes.string.description("Sets border top style."),
+  borderTopColor: import_ds_utilities.PropTypes.string.description("Sets border top color."),
+  borderBottomWidth: import_ds_utilities.PropTypes.string.description("Sets border bottom width."),
+  borderBottomStyle: import_ds_utilities.PropTypes.string.description("Sets border bottom style."),
+  borderBottomColor: import_ds_utilities.PropTypes.string.description("Sets border bottom color."),
+  borderRightWidth: import_ds_utilities.PropTypes.string.description("Sets border right width."),
+  borderRightStyle: import_ds_utilities.PropTypes.string.description("Sets border right style."),
+  borderRightColor: import_ds_utilities.PropTypes.string.description("Sets border right color."),
+  borderLeftWidth: import_ds_utilities.PropTypes.string.description("Sets border left width."),
+  borderLeftStyle: import_ds_utilities.PropTypes.string.description("Sets border left style."),
+  borderLeftColor: import_ds_utilities.PropTypes.string.description("Sets border left color.")
 });
-module.exports = __toCommonJS(react_desc_prop_types_exports);
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { alignItemsPlacement, justifyPlacement, wrap } from './utils/constants';\n\nexport declare namespace DSGridT {\n  interface RowColBreakpoints {\n    small?: string | number[];\n    medium?: string | number[];\n    large?: string | number[];\n  }\n\n  interface SpanBreakpoints {\n    small?: number;\n    medium?: number;\n    large?: number;\n  }\n\n  interface IProps {\n    height?: string;\n    width?: string;\n    rows?: string[] | string | number[] | RowColBreakpoints;\n    cols?: string[] | string | number[] | RowColBreakpoints;\n    justifyContent?: typeof justifyPlacement[number];\n    alignItems?: typeof alignItemsPlacement[number];\n    children?: React.ReactNode;\n    className?: string;\n    justify?: typeof justifyPlacement[number];\n    gutter?: string | number;\n    wrap?: typeof wrap[number];\n    span?: number;\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof IProps>, XstyledProps {}\n\n  export interface ItemProps {\n    rows: string[] | string | number[] | RowColBreakpoints;\n    cols: string[] | string | number[] | RowColBreakpoints;\n    alignItems: typeof alignItemsPlacement[number];\n    children: React.ReactNode;\n    className: string;\n    justify: typeof justifyPlacement[number];\n    gutter: string | number;\n    wrap: typeof wrap[number];\n    childNumber: number;\n    isSpanParent: boolean;\n    span?: number | SpanBreakpoints;\n    ref: React.ForwardedRef<HTMLDivElement>;\n  }\n}\n\nexport const defaultProps = {\n  rows: [],\n  cols: [],\n  className: '',\n  justify: 'flex-start',\n  gutter: 0,\n  wrap: 'wrap',\n  span: 1,\n};\n\n// =============================================================================\n// PropTypes\n// =============================================================================\nconst rowColBreakpoints = PropTypes.shape({\n  small: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  medium: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  large: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n});\n\nconst spanBreakpoints = PropTypes.shape({\n  small: PropTypes.number,\n  medium: PropTypes.number,\n  large: PropTypes.number,\n});\n\nexport const DSGridPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  rows: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    rowColBreakpoints,\n  ])\n    .description('Row layout cells')\n    .defaultValue([]),\n  cols: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    rowColBreakpoints,\n  ])\n    .description('Column layout cells')\n    .defaultValue([]),\n  span: PropTypes.oneOfType([PropTypes.number, spanBreakpoints]).description(\n    'Expands the grid element within columns.',\n  ),\n  alignItems: PropTypes.oneOf(alignItemsPlacement).description('flex-like align items prop'),\n  children: PropTypes.node.description('Children node inside grid cell'),\n  className: PropTypes.string.description('CSS class').defaultValue(''),\n  justifyContent: PropTypes.oneOf(justifyPlacement)\n    .description('flex-like justify prop')\n    .defaultValue(justifyPlacement[0]),\n  gutter: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n    .description('Space between cells prop')\n    .defaultValue(0),\n  wrap: PropTypes.oneOf(wrap).description('Wrap type').defaultValue(wrap[0]),\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid height.'),\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid width.'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAMO;AACP,uBAA4D;AAgDrD,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA;AAMR,MAAM,oBAAoB,kCAAU,MAAM;AAAA,EACxC,OAAO,kCAAU,QAAQ,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU;AAAA,EAC1E,QAAQ,kCAAU,QAAQ,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU;AAAA,EAC3E,OAAO,kCAAU,QAAQ,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU;AAAA;AAG5E,MAAM,kBAAkB,kCAAU,MAAM;AAAA,EACtC,OAAO,kCAAU;AAAA,EACjB,QAAQ,kCAAU;AAAA,EAClB,OAAO,kCAAU;AAAA;AAGZ,MAAM,kBAAkB,gDAC1B,oDACA,2CAF0B;AAAA,EAG7B,MAAM,kCAAU,UAAU;AAAA,IACxB,kCAAU,QAAQ,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU;AAAA,IACnE;AAAA,KAEC,YAAY,oBACZ,aAAa;AAAA,EAChB,MAAM,kCAAU,UAAU;AAAA,IACxB,kCAAU,QAAQ,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU;AAAA,IACnE;AAAA,KAEC,YAAY,uBACZ,aAAa;AAAA,EAChB,MAAM,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kBAAkB,YAC7D;AAAA,EAEF,YAAY,kCAAU,MAAM,sCAAqB,YAAY;AAAA,EAC7D,UAAU,kCAAU,KAAK,YAAY;AAAA,EACrC,WAAW,kCAAU,OAAO,YAAY,aAAa,aAAa;AAAA,EAClE,gBAAgB,kCAAU,MAAM,mCAC7B,YAAY,0BACZ,aAAa,kCAAiB;AAAA,EACjC,QAAQ,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,SACtD,YAAY,4BACZ,aAAa;AAAA,EAChB,MAAM,kCAAU,MAAM,uBAAM,YAAY,aAAa,aAAa,sBAAK;AAAA,EACvE,QAAQ,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,SAAS,YAAY;AAAA,EAC9E,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,SAAS,YAAY;AAAA;",
+  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n} from '@elliemae/ds-utilities';\nimport { alignItemsPlacement, justifyPlacement, wrap, boxShadow } from './utils/constants';\n\nexport declare namespace DSGridT {\n  interface RowColBreakpoints {\n    small?: string | number[];\n    medium?: string | number[];\n    large?: string | number[];\n  }\n\n  type Shadow = 'xs' | 's' | 'm' | 'l' | 'xs';\n\n  interface SpanBreakpoints {\n    small?: number;\n    medium?: number;\n    large?: number;\n  }\n\n  interface IProps {\n    height?: string;\n    width?: string;\n    rows?: string[] | string | number[] | RowColBreakpoints;\n    cols?: string[] | string | number[] | RowColBreakpoints;\n    justifyContent?: typeof justifyPlacement[number];\n    alignItems?: typeof alignItemsPlacement[number];\n    children?: React.ReactNode;\n    className?: string;\n    justify?: typeof justifyPlacement[number];\n    gutter?: string | number;\n    wrap?: typeof wrap[number];\n    span?: number;\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof IProps>, XstyledProps {}\n\n  export interface ItemProps {\n    rows: string[] | string | number[] | RowColBreakpoints;\n    cols: string[] | string | number[] | RowColBreakpoints;\n    alignItems: typeof alignItemsPlacement[number];\n    children: React.ReactNode;\n    className: string;\n    justify: typeof justifyPlacement[number];\n    gutter: string | number;\n    wrap: typeof wrap[number];\n    childNumber: number;\n    isSpanParent: boolean;\n    span?: number | SpanBreakpoints;\n    ref: React.ForwardedRef<HTMLDivElement>;\n    boxShadow?: Shadow;\n    backgroundColor?: string;\n    bg?: string;\n  }\n}\n\nexport const defaultProps = {\n  rows: [],\n  cols: [],\n  className: '',\n  justify: 'flex-start',\n  gutter: 0,\n  wrap: 'wrap',\n  span: 1,\n};\n\n// =============================================================================\n// PropTypes\n// =============================================================================\nconst rowColBreakpoints = PropTypes.shape({\n  small: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  medium: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  large: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n});\n\nconst spanBreakpoints = PropTypes.shape({\n  small: PropTypes.number,\n  medium: PropTypes.number,\n  large: PropTypes.number,\n});\n\nexport const DSGridPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  rows: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    rowColBreakpoints,\n  ])\n    .description('Row layout cells')\n    .defaultValue([]),\n  cols: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    rowColBreakpoints,\n  ])\n    .description('Column layout cells')\n    .defaultValue([]),\n  span: PropTypes.oneOfType([PropTypes.number, spanBreakpoints]).description(\n    'Expands the grid element within columns.',\n  ),\n  alignItems: PropTypes.oneOf(alignItemsPlacement).description('flex-like align items prop'),\n  children: PropTypes.node.description('Children node inside grid cell'),\n  className: PropTypes.string.description('CSS class').defaultValue(''),\n  justifyContent: PropTypes.oneOf(justifyPlacement)\n    .description('flex-like justify prop')\n    .defaultValue(justifyPlacement[0]),\n  gutter: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n    .description('Space between cells prop')\n    .defaultValue(0),\n  wrap: PropTypes.oneOf(wrap).description('Wrap type').defaultValue(wrap[0]),\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid height.'),\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid width.'),\n  backgroundColor: PropTypes.string.description('Sets background color.'),\n  bg: PropTypes.string.description('Sets background color.'),\n  boxShadow: PropTypes.oneOf(boxShadow).description('Sets background color.'),\n  border: PropTypes.string.description('Sets border.'),\n  borderRadius: PropTypes.string.description('Sets border radius.'),\n  borderWidth: PropTypes.string.description('Sets border width.'),\n  borderStyle: PropTypes.string.description('Sets border style.'),\n  borderColor: PropTypes.string.description('Sets border color.'),\n  borderTop: PropTypes.string.description('Sets top border.'),\n  borderBottom: PropTypes.string.description('Sets bottom border.'),\n  borderLeft: PropTypes.string.description('Sets left border.'),\n  borderRight: PropTypes.string.description('Sets right border.'),\n  borderTopWidth: PropTypes.string.description('Sets border top width.'),\n  borderTopStyle: PropTypes.string.description('Sets border top style.'),\n  borderTopColor: PropTypes.string.description('Sets border top color.'),\n  borderBottomWidth: PropTypes.string.description('Sets border bottom width.'),\n  borderBottomStyle: PropTypes.string.description('Sets border bottom style.'),\n  borderBottomColor: PropTypes.string.description('Sets border bottom color.'),\n  borderRightWidth: PropTypes.string.description('Sets border right width.'),\n  borderRightStyle: PropTypes.string.description('Sets border right style.'),\n  borderRightColor: PropTypes.string.description('Sets border right color.'),\n  borderLeftWidth: PropTypes.string.description('Sets border left width.'),\n  borderLeftStyle: PropTypes.string.description('Sets border left style.'),\n  borderLeftColor: PropTypes.string.description('Sets border left color.'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/types.js

@@ -4,24 +4,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var types_exports = {};
-var React = __toESM(require("react"));
 module.exports = __toCommonJS(types_exports);
+var React = __toESM(require("react"));
 //# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { alignItemsPlacement, justifyPlacement, wrap } from './utils/constants';\n\ninterface RowColBreakpoints {\n  small?: string | number[];\n  medium?: string | number[];\n  large?: string | number[];\n}\n\ninterface SpanBreakpoints {\n  small?: number;\n  medium?: number;\n  large?: number;\n}\n\nexport interface GridPropsT {\n  height?: string;\n  width?: string;\n  rows?: string[] | string | number[] | RowColBreakpoints;\n  cols?: string[] | string | number[] | RowColBreakpoints;\n  justifyContent?: typeof justifyPlacement[number];\n  alignItems?: typeof alignItemsPlacement[number];\n  children?: React.ReactNode;\n  className?: string;\n  justify?: typeof justifyPlacement[number];\n  gutter?: string | number;\n  wrap?: typeof wrap[number];\n  span?: number;\n  p?: string | number;\n  m?: string | number;\n  px?: string | number;\n  mx?: string | number;\n  py?: string | number;\n  my?: string | number;\n  ml?: string | number;\n  mr?: string | number;\n  mt?: string | number;\n  mb?: string | number;\n  pl?: string | number;\n  pr?: string | number;\n  pt?: string | number;\n  pb?: string | number;\n}\n\nexport interface GridPropsWithDefaultT {\n  rows: string | number[] | RowColBreakpoints;\n  cols: string | number[] | RowColBreakpoints;\n  alignItems: typeof alignItemsPlacement[number];\n  children?: React.ReactNode;\n  className: string;\n  justify: typeof justifyPlacement[number];\n  gutter: string | number;\n  wrap: typeof wrap[number];\n  span: number | SpanBreakpoints;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }

package/dist/cjs/utils/constants.js

@@ -4,36 +4,31 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var constants_exports = {};
 __export(constants_exports, {
   alignItemsPlacement: () => alignItemsPlacement,
+  boxShadow: () => boxShadow,
   justifyPlacement: () => justifyPlacement,
   wrap: () => wrap
 });
+module.exports = __toCommonJS(constants_exports);
 var React = __toESM(require("react"));
 const justifyPlacement = ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
 const alignItemsPlacement = ["flex-start", "center", "flex-end", "stretch", "baseline"];
 const wrap = ["wrap", "nowrap", "wrap-reverse"];
-module.exports = __toCommonJS(constants_exports);
+const boxShadow = ["xs", "s", "m", "l", "xl"];
 //# sourceMappingURL=constants.js.map

package/dist/cjs/utils/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/constants.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const justifyPlacement = ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly'];\n\nexport const alignItemsPlacement = ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'];\n\nexport const wrap = ['wrap', 'nowrap', 'wrap-reverse'];\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB,CAAC,cAAc,UAAU,YAAY,iBAAiB,gBAAgB;AAE/F,MAAM,sBAAsB,CAAC,cAAc,UAAU,YAAY,WAAW;AAE5E,MAAM,OAAO,CAAC,QAAQ,UAAU;",
+  "sourcesContent": ["export const justifyPlacement = ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly'];\n\nexport const alignItemsPlacement = ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'];\n\nexport const wrap = ['wrap', 'nowrap', 'wrap-reverse'];\n\nexport const boxShadow = ['xs', 's', 'm', 'l', 'xl'];\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB,CAAC,cAAc,UAAU,YAAY,iBAAiB,gBAAgB,cAAc;AAE7G,MAAM,sBAAsB,CAAC,cAAc,UAAU,YAAY,WAAW,UAAU;AAEtF,MAAM,OAAO,CAAC,QAAQ,UAAU,cAAc;AAE9C,MAAM,YAAY,CAAC,MAAM,KAAK,KAAK,KAAK,IAAI;",
   "names": []
 }

package/dist/cjs/utils/styles.js

@@ -4,33 +4,27 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styles_exports = {};
 __export(styles_exports, {
   manageCols: () => manageCols,
   manageRows: () => manageRows,
   manageSpan: () => manageSpan
 });
+module.exports = __toCommonJS(styles_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
 const manageSpan = import_ds_system.css`
@@ -174,5 +168,4 @@ const manageRows = import_ds_system.css`
   return "";
 }}
 `;
-module.exports = __toCommonJS(styles_exports);
 //# sourceMappingURL=styles.js.map

package/dist/cjs/utils/styles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport { css, mapTemplateGrid } from '@elliemae/ds-system';\nimport { DSGridT } from '../react-desc-prop-types';\n\nexport const manageSpan = css<DSGridT.ItemProps>`\n  ${({ isSpanParent, span, theme }) => {\n    if (!isSpanParent) return '';\n\n    if (typeof span === 'number') {\n      return `\n        -ms-grid-column: auto / span ${span};\n        grid-column: auto / span ${span};`;\n    }\n\n    if (typeof span !== 'object') return ``;\n\n    // Span object\n\n    let data = '';\n    Object.keys(theme.media).forEach((key) => {\n      // Type castings\n      const theKey = key as keyof typeof span & keyof typeof theme.breakpoints;\n      const spanValue = span[theKey];\n\n      if (!!spanValue && theme.breakpoints[theKey]) {\n        if (theKey === 'small') {\n          data += `\n            -ms-grid-column: auto / span ${spanValue};\n            grid-column: auto / span ${spanValue};\n          `;\n        } else {\n          data += `@media (min-width: ${theme.breakpoints[theKey]}) {\n                    -ms-grid-column: auto / span ${spanValue};\n                    grid-column: auto / span ${spanValue};\n                  }`;\n        }\n      }\n    });\n    return data;\n  }}\n`;\n\nexport const manageCols = css<DSGridT.ItemProps>`\n  ${({ cols, theme, isSpanParent }) => {\n    if (typeof cols === 'object' && !Array.isArray(cols)) {\n      let data = '';\n      Object.keys(theme.media).forEach((key) => {\n        const theKey = key as keyof typeof cols;\n        const colValue = cols[theKey];\n        if (!!colValue && Array.isArray(colValue)) {\n          const mtg = (mapTemplateGrid(colValue) as string[]).join(' ');\n          const mtgs = (mapTemplateGrid(colValue) as string[]).map((c) => `minmax(0, ${c})`).join(' ');\n          if (theKey === 'small') {\n            data += `-ms-grid-columns: ${mtg || 'minmax(0px, 1fr)'};\n                      grid-template-columns: ${mtg || 'auto'};\n                      -ms-grid-columns: ${mtgs || 'minmax(0px, 1fr)'};\n                      grid-template-columns: ${mtgs || 'auto'};`;\n          } else {\n            data += `@media (min-width: ${theme.breakpoints[theKey]}) {\n                      -ms-grid-columns: ${mtg || 'minmax(0px, 1fr)'};\n                      grid-template-columns: ${mtg || 'auto'};\n                      -ms-grid-columns: ${mtgs || 'minmax(0px, 1fr)'};\n                      grid-template-columns: ${mtgs || 'auto'};\n                    }`;\n          }\n        } else if (!!colValue && isSpanParent) {\n          if (theKey === 'small') {\n            data += `-ms-grid-columns: repeat(${colValue}, 1fr);\n                     grid-template-columns: repeat(${colValue}, 1fr);`;\n          } else {\n            data += `@media (min-width: ${theme.breakpoints[theKey]}) {\n                      -ms-grid-columns: repeat(${colValue}, 1fr);\n                      grid-template-columns: repeat(${colValue}, 1fr);\n                    }`;\n          }\n        }\n      });\n      return data;\n    }\n    if (Array.isArray(cols)) {\n      const mtg = (mapTemplateGrid(cols) as string[]).join(' ');\n      const mtgs = (mapTemplateGrid(cols) as string[]).map((c) => `minmax(0, ${c})`).join(' ');\n      return `\n        -ms-grid-columns: ${mtg || 'minmax(0px, 1fr)'};\n        grid-template-columns: ${mtg || 'auto'};\n        -ms-grid-columns: ${mtgs || 'minmax(0px, 1fr)'};\n        grid-template-columns: ${mtgs || 'auto'};`;\n    }\n    if (isSpanParent) {\n      return `\n        -ms-grid-columns: repeat(${cols}, 1fr);\n        grid-template-columns: repeat(${cols}, 1fr);`;\n    }\n    return '';\n  }}\n`;\n\nexport const manageRows = css<DSGridT.ItemProps>`\n  ${({ rows, theme, isSpanParent }) => {\n    if (typeof rows === 'object' && !Array.isArray(rows)) {\n      let data = '';\n      Object.keys(theme.media).forEach((key) => {\n        const theKey = key as keyof typeof rows & keyof typeof theme.breakpoints;\n        const rowValue = rows[theKey];\n        if (rowValue && Array.isArray(rowValue)) {\n          const mtg = (mapTemplateGrid(rowValue) as string[]).join(' ');\n          const mtgs = (mapTemplateGrid(rowValue) as string[]).map((c) => `minmax(0, ${c})`).join(' ');\n          if (key === 'small') {\n            data += `-ms-grid-rows: ${mtg || 'minmax(0px, 1fr)'};\n                      grid-template-rows: ${mtg || 'auto'};\n                      -ms-grid-rows: ${mtgs || 'minmax(0px, 1fr)'};\n                      grid-template-rows: ${mtgs || 'auto'};`;\n          } else {\n            data += `@media (min-width: ${theme.breakpoints[theKey]}) {\n                      -ms-grid-rows: ${mtg || 'minmax(0px, 1fr)'};\n                      grid-template-rows: ${mtg || 'auto'};\n                      -ms-grid-rows: ${mtgs || 'minmax(0px, 1fr)'};\n                      grid-template-rows: ${mtgs || 'auto'};\n                    }`;\n          }\n        } else if (!!rowValue && isSpanParent) {\n          if (theKey === 'small') {\n            data += `-ms-grid-rows: repeat(${rowValue}, 1fr);\n                     grid-template-rows: repeat(${rowValue}, 1fr);`;\n          } else {\n            data += `@media (min-width: ${theme.breakpoints[theKey]}) {\n                      -ms-grid-rows: repeat(${rowValue}, 1fr);\n                      grid-template-rows: repeat(${rowValue}, 1fr);\n                    }`;\n          }\n        }\n      });\n      return data;\n    }\n    if (Array.isArray(rows)) {\n      const mtg = (mapTemplateGrid(rows) as string[]).join(' ');\n      const mtgs = (mapTemplateGrid(rows) as string[]).map((c) => `minmax(0, ${c})`).join(' ');\n      return `\n        -ms-grid-rows: ${mtg || 'minmax(0px, 1fr)'};\n        grid-template-rows: ${mtg || 'auto'};\n        -ms-grid-rows: ${mtgs || 'minmax(0px, 1fr)'};\n        grid-template-rows: ${mtgs || 'auto'};\n      `;\n    }\n    if (isSpanParent) {\n      return `\n        -ms-grid-rows: repeat(${rows}, 1fr);\n        grid-template-rows: repeat(${rows}, 1fr);`;\n    }\n    return '';\n  }}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/Grid.js

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
 };
 import * as React from "react";
 import React2 from "react";
-import { describe, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { describe, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
 import { get } from "lodash";
 import { fixSpaceGutter } from "@elliemae/ds-system";
 import { DSGridPropTypes, defaultProps } from "./react-desc-prop-types";
@@ -71,6 +71,7 @@ const Grid = React2.forwardRef((props, ref) => {
 });
 Grid.displayName = "Grid";
 Grid.propTypes = DSGridPropTypes;
+Grid.displayName = "Grid";
 const DSGridWithSchema = describe(Grid);
 DSGridWithSchema.propTypes = DSGridPropTypes;
 var Grid_default = Grid;

package/dist/esm/Grid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Grid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { get } from 'lodash';\nimport { fixSpaceGutter } from '@elliemae/ds-system';\nimport { DSGridT, DSGridPropTypes, defaultProps } from './react-desc-prop-types';\nimport { GridItem } from './GridItem';\n\nconst Grid = React.forwardRef<HTMLDivElement, DSGridT.Props>((props, ref) => {\n  const { children, ...propsWithoutChildren } = props;\n  const propsWithDefaults = useMemoMergePropsWithDefault(propsWithoutChildren, defaultProps);\n\n  const { rows, cols, alignItems, className, justify, gutter, wrap, width, height, ...rest } = propsWithDefaults;\n\n  let isSpanParent = true;\n\n  const renderChildren = React.Children.map(children, (child: React.ReactNode) => {\n    if (\n      get(child, 'child.type.name') === 'Grid' ||\n      get(child, 'type.displayName') === 'Grid' ||\n      parseInt(get(child, 'props.span', 0) as string, 10) > 0\n    ) {\n      const { width: wc, height: hc, span } = (child as React.ReactElement).props as Required<DSGridT.Props>;\n      if (!span) isSpanParent = false;\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      return React.cloneElement(child as React.ReactElement, {\n        ...(child as React.ReactElement).props,\n        width: fixSpaceGutter(wc),\n        height: fixSpaceGutter(hc),\n      });\n    }\n    return child;\n  });\n\n  return (\n    <GridItem\n      alignItems={alignItems}\n      className={className}\n      cols={cols}\n      gutter={gutter}\n      isSpanParent={isSpanParent}\n      justify={justify}\n      rows={rows}\n      wrap={wrap}\n      childNumber={React.Children.count(children)}\n      ref={ref}\n      {...rest}\n      w={width}\n      h={height}\n    >\n      {renderChildren}\n    </GridItem>\n  );\n});\n\n// Since this component is using ForwardRef, we must provide a displayName to avoid 'undefined' name in propsTable.\nGrid.displayName = 'Grid';\n\nGrid.propTypes = DSGridPropTypes;\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = DSGridPropTypes;\n\nexport default Grid;\nexport { DSGridWithSchema, Grid };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,OAAO,OAAM,WAA0C,CAAC,OAAO,QAAQ;AAC3E,QAA8C,YAAtC,eAAsC,IAAzB,iCAAyB,IAAzB,CAAb;AACR,QAAM,oBAAoB,6BAA6B,sBAAsB;AAE7E,QAA6F,wBAArF,QAAM,MAAM,YAAY,WAAW,SAAS,QAAQ,MAAM,OAAO,WAAoB,IAAT,iBAAS,IAAT,CAA5E,QAAM,QAAM,cAAY,aAAW,WAAS,UAAQ,QAAM,SAAO;AAEzE,MAAI,eAAe;AAEnB,QAAM,iBAAiB,OAAM,SAAS,IAAI,UAAU,CAAC,UAA2B;AAC9E,QACE,IAAI,OAAO,uBAAuB,UAClC,IAAI,OAAO,wBAAwB,UACnC,SAAS,IAAI,OAAO,cAAc,IAAc,MAAM,GACtD;AACA,YAAM,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAU,MAA6B;AACtE,UAAI,CAAC;AAAM,uBAAe;AAE1B,aAAO,OAAM,aAAa,OAA6B,iCACjD,MAA6B,QADoB;AAAA,QAErD,OAAO,eAAe;AAAA,QACtB,QAAQ,eAAe;AAAA;AAAA;AAG3B,WAAO;AAAA;AAGT,SACE,qCAAC,UAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,OAAM,SAAS,MAAM;AAAA,IAClC;AAAA,KACI,OAXN;AAAA,IAYE,GAAG;AAAA,IACH,GAAG;AAAA,MAEF;AAAA;AAMP,KAAK,cAAc;AAEnB,KAAK,YAAY;AACjB,MAAM,mBAAmB,SAAS;AAClC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { get } from 'lodash';\nimport { fixSpaceGutter } from '@elliemae/ds-system';\nimport { DSGridT, DSGridPropTypes, defaultProps } from './react-desc-prop-types';\nimport { GridItem } from './GridItem';\n\nconst Grid = React.forwardRef<HTMLDivElement, DSGridT.Props>((props, ref) => {\n  const { children, ...propsWithoutChildren } = props;\n  const propsWithDefaults = useMemoMergePropsWithDefault(propsWithoutChildren, defaultProps);\n\n  const { rows, cols, alignItems, className, justify, gutter, wrap, width, height, ...rest } = propsWithDefaults;\n\n  let isSpanParent = true;\n\n  const renderChildren = React.Children.map(children, (child: React.ReactNode) => {\n    if (\n      get(child, 'child.type.name') === 'Grid' ||\n      get(child, 'type.displayName') === 'Grid' ||\n      parseInt(get(child, 'props.span', 0) as string, 10) > 0\n    ) {\n      const { width: wc, height: hc, span } = (child as React.ReactElement).props as Required<DSGridT.Props>;\n      if (!span) isSpanParent = false;\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      return React.cloneElement(child as React.ReactElement, {\n        ...(child as React.ReactElement).props,\n        width: fixSpaceGutter(wc),\n        height: fixSpaceGutter(hc),\n      });\n    }\n    return child;\n  });\n\n  return (\n    <GridItem\n      alignItems={alignItems}\n      className={className}\n      cols={cols}\n      gutter={gutter}\n      isSpanParent={isSpanParent}\n      justify={justify}\n      rows={rows}\n      wrap={wrap}\n      childNumber={React.Children.count(children)}\n      ref={ref}\n      {...rest}\n      w={width}\n      h={height}\n    >\n      {renderChildren}\n    </GridItem>\n  );\n});\n\n// Since this component is using ForwardRef, we must provide a displayName to avoid 'undefined' name in propsTable.\nGrid.displayName = 'Grid';\n\nGrid.propTypes = DSGridPropTypes;\nGrid.displayName = 'Grid';\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = DSGridPropTypes;\n\nexport default Grid;\nexport { DSGridWithSchema, Grid };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,OAAO,OAAM,WAA0C,CAAC,OAAO,QAAQ;AAC3E,QAA8C,YAAtC,eAAsC,IAAzB,iCAAyB,IAAzB,CAAb;AACR,QAAM,oBAAoB,6BAA6B,sBAAsB,YAAY;AAEzF,QAA6F,wBAArF,QAAM,MAAM,YAAY,WAAW,SAAS,QAAQ,MAAM,OAAO,WAAoB,IAAT,iBAAS,IAAT,CAA5E,QAAM,QAAM,cAAY,aAAW,WAAS,UAAQ,QAAM,SAAO;AAEzE,MAAI,eAAe;AAEnB,QAAM,iBAAiB,OAAM,SAAS,IAAI,UAAU,CAAC,UAA2B;AAC9E,QACE,IAAI,OAAO,iBAAiB,MAAM,UAClC,IAAI,OAAO,kBAAkB,MAAM,UACnC,SAAS,IAAI,OAAO,cAAc,CAAC,GAAa,EAAE,IAAI,GACtD;AACA,YAAM,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAU,MAA6B;AACtE,UAAI,CAAC;AAAM,uBAAe;AAE1B,aAAO,OAAM,aAAa,OAA6B,iCACjD,MAA6B,QADoB;AAAA,QAErD,OAAO,eAAe,EAAE;AAAA,QACxB,QAAQ,eAAe,EAAE;AAAA,MAC3B,EAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,CAAC;AAED,SACE,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,OAAM,SAAS,MAAM,QAAQ;AAAA,IAC1C;AAAA,KACI,OAXL;AAAA,IAYC,GAAG;AAAA,IACH,GAAG;AAAA,MAEF,cACH;AAEJ,CAAC;AAGD,KAAK,cAAc;AAEnB,KAAK,YAAY;AACjB,KAAK,cAAc;AACnB,MAAM,mBAAmB,SAAS,IAAI;AACtC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
   "names": []
 }

package/dist/esm/GridItem.js

@@ -1,14 +1,5 @@
 import * as React from "react";
-import styled from "styled-components";
-import {
-  space,
-  width,
-  height,
-  flexboxes,
-  grids,
-  sizing
-} from "@xstyled/styled-components";
-import { mapGap } from "@elliemae/ds-system";
+import { styled, mapGap, background, borders, sizing, space, boxShadows, flexboxes, grids } from "@elliemae/ds-system";
 import { manageCols, manageRows, manageSpan } from "./utils/styles";
 const GridItem = styled.div`
   display: grid;
@@ -19,11 +10,12 @@ const GridItem = styled.div`
   ${flexboxes}
   ${sizing}
   ${space}
-  ${height}
-  ${width}
   ${manageCols}
   ${manageRows}
   ${manageSpan}
+  ${boxShadows}
+  ${borders}
+  ${background}
 `;
 export {
   GridItem

package/dist/esm/GridItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/GridItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport styled from 'styled-components';\nimport {\n  space,\n  width,\n  height,\n  flexboxes,\n  grids,\n  sizing,\n  LayoutProps,\n  SpaceProps,\n  SizingProps,\n} from '@xstyled/styled-components';\nimport { mapGap } from '@elliemae/ds-system';\nimport { manageCols, manageRows, manageSpan } from './utils/styles';\nimport { DSGridT } from './react-desc-prop-types';\n\nexport const GridItem = styled.div<DSGridT.ItemProps & LayoutProps & SpaceProps & SizingProps>`\n  display: grid;\n  display: -ms-grid;\n  column-gap: ${({ gutter }) => mapGap(gutter)};\n  row-gap: ${({ gutter }) => mapGap(gutter)};\n  ${grids}\n  ${flexboxes}\n  ${sizing}\n  ${space}\n  ${height}\n  ${width}\n  ${manageCols}\n  ${manageRows}\n  ${manageSpan}\n`;\n"],
-  "mappings": "AAAA;ACEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AACA;AAGO,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA,gBAGf,CAAC,EAAE,aAAa,OAAO;AAAA,aAC1B,CAAC,EAAE,aAAa,OAAO;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport { LayoutProps, SpaceProps, SizingProps } from '@xstyled/styled-components';\nimport { styled, mapGap, background, borders, sizing, space, boxShadows, flexboxes, grids } from '@elliemae/ds-system';\nimport { manageCols, manageRows, manageSpan } from './utils/styles';\nimport { DSGridT } from './react-desc-prop-types';\n\nexport const GridItem = styled.div<DSGridT.ItemProps & LayoutProps & SpaceProps & SizingProps>`\n  display: grid;\n  display: -ms-grid;\n  column-gap: ${({ gutter }) => mapGap(gutter)};\n  row-gap: ${({ gutter }) => mapGap(gutter)};\n  ${grids}\n  ${flexboxes}\n  ${sizing}\n  ${space}\n  ${manageCols}\n  ${manageRows}\n  ${manageSpan}\n  ${boxShadows}\n  ${borders}\n  ${background}\n`;\n"],
+  "mappings": "AAAA;ACGA;AACA;AAGO,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA,gBAGf,CAAC,EAAE,aAAa,OAAO,MAAM;AAAA,aAChC,CAAC,EAAE,aAAa,OAAO,MAAM;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;",
   "names": []
 }

package/dist/esm/react-desc-prop-types.js

@@ -22,8 +22,8 @@ import {
   PropTypes,
   globalAttributesPropTypes,
   xstyledPropTypes
-} from "@elliemae/ds-props-helpers";
-import { alignItemsPlacement, justifyPlacement, wrap } from "./utils/constants";
+} from "@elliemae/ds-utilities";
+import { alignItemsPlacement, justifyPlacement, wrap, boxShadow } from "./utils/constants";
 const defaultProps = {
   rows: [],
   cols: [],
@@ -60,7 +60,31 @@ const DSGridPropTypes = __spreadProps(__spreadValues(__spreadValues({}, globalAt
   gutter: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("Space between cells prop").defaultValue(0),
   wrap: PropTypes.oneOf(wrap).description("Wrap type").defaultValue(wrap[0]),
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("Grid height."),
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("Grid width.")
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("Grid width."),
+  backgroundColor: PropTypes.string.description("Sets background color."),
+  bg: PropTypes.string.description("Sets background color."),
+  boxShadow: PropTypes.oneOf(boxShadow).description("Sets background color."),
+  border: PropTypes.string.description("Sets border."),
+  borderRadius: PropTypes.string.description("Sets border radius."),
+  borderWidth: PropTypes.string.description("Sets border width."),
+  borderStyle: PropTypes.string.description("Sets border style."),
+  borderColor: PropTypes.string.description("Sets border color."),
+  borderTop: PropTypes.string.description("Sets top border."),
+  borderBottom: PropTypes.string.description("Sets bottom border."),
+  borderLeft: PropTypes.string.description("Sets left border."),
+  borderRight: PropTypes.string.description("Sets right border."),
+  borderTopWidth: PropTypes.string.description("Sets border top width."),
+  borderTopStyle: PropTypes.string.description("Sets border top style."),
+  borderTopColor: PropTypes.string.description("Sets border top color."),
+  borderBottomWidth: PropTypes.string.description("Sets border bottom width."),
+  borderBottomStyle: PropTypes.string.description("Sets border bottom style."),
+  borderBottomColor: PropTypes.string.description("Sets border bottom color."),
+  borderRightWidth: PropTypes.string.description("Sets border right width."),
+  borderRightStyle: PropTypes.string.description("Sets border right style."),
+  borderRightColor: PropTypes.string.description("Sets border right color."),
+  borderLeftWidth: PropTypes.string.description("Sets border left width."),
+  borderLeftStyle: PropTypes.string.description("Sets border left style."),
+  borderLeftColor: PropTypes.string.description("Sets border left color.")
 });
 export {
   DSGridPropTypes,

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { alignItemsPlacement, justifyPlacement, wrap } from './utils/constants';\n\nexport declare namespace DSGridT {\n  interface RowColBreakpoints {\n    small?: string | number[];\n    medium?: string | number[];\n    large?: string | number[];\n  }\n\n  interface SpanBreakpoints {\n    small?: number;\n    medium?: number;\n    large?: number;\n  }\n\n  interface IProps {\n    height?: string;\n    width?: string;\n    rows?: string[] | string | number[] | RowColBreakpoints;\n    cols?: string[] | string | number[] | RowColBreakpoints;\n    justifyContent?: typeof justifyPlacement[number];\n    alignItems?: typeof alignItemsPlacement[number];\n    children?: React.ReactNode;\n    className?: string;\n    justify?: typeof justifyPlacement[number];\n    gutter?: string | number;\n    wrap?: typeof wrap[number];\n    span?: number;\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof IProps>, XstyledProps {}\n\n  export interface ItemProps {\n    rows: string[] | string | number[] | RowColBreakpoints;\n    cols: string[] | string | number[] | RowColBreakpoints;\n    alignItems: typeof alignItemsPlacement[number];\n    children: React.ReactNode;\n    className: string;\n    justify: typeof justifyPlacement[number];\n    gutter: string | number;\n    wrap: typeof wrap[number];\n    childNumber: number;\n    isSpanParent: boolean;\n    span?: number | SpanBreakpoints;\n    ref: React.ForwardedRef<HTMLDivElement>;\n  }\n}\n\nexport const defaultProps = {\n  rows: [],\n  cols: [],\n  className: '',\n  justify: 'flex-start',\n  gutter: 0,\n  wrap: 'wrap',\n  span: 1,\n};\n\n// =============================================================================\n// PropTypes\n// =============================================================================\nconst rowColBreakpoints = PropTypes.shape({\n  small: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  medium: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  large: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n});\n\nconst spanBreakpoints = PropTypes.shape({\n  small: PropTypes.number,\n  medium: PropTypes.number,\n  large: PropTypes.number,\n});\n\nexport const DSGridPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  rows: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    rowColBreakpoints,\n  ])\n    .description('Row layout cells')\n    .defaultValue([]),\n  cols: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    rowColBreakpoints,\n  ])\n    .description('Column layout cells')\n    .defaultValue([]),\n  span: PropTypes.oneOfType([PropTypes.number, spanBreakpoints]).description(\n    'Expands the grid element within columns.',\n  ),\n  alignItems: PropTypes.oneOf(alignItemsPlacement).description('flex-like align items prop'),\n  children: PropTypes.node.description('Children node inside grid cell'),\n  className: PropTypes.string.description('CSS class').defaultValue(''),\n  justifyContent: PropTypes.oneOf(justifyPlacement)\n    .description('flex-like justify prop')\n    .defaultValue(justifyPlacement[0]),\n  gutter: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n    .description('Space between cells prop')\n    .defaultValue(0),\n  wrap: PropTypes.oneOf(wrap).description('Wrap type').defaultValue(wrap[0]),\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid height.'),\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid width.'),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AAAA;AAAA;AAAA;AAAA;AAOA;AAgDO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA;AAMR,MAAM,oBAAoB,UAAU,MAAM;AAAA,EACxC,OAAO,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,EAC1E,QAAQ,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,EAC3E,OAAO,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA;AAG5E,MAAM,kBAAkB,UAAU,MAAM;AAAA,EACtC,OAAO,UAAU;AAAA,EACjB,QAAQ,UAAU;AAAA,EAClB,OAAO,UAAU;AAAA;AAGZ,MAAM,kBAAkB,gDAC1B,4BACA,mBAF0B;AAAA,EAG7B,MAAM,UAAU,UAAU;AAAA,IACxB,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,IACnE;AAAA,KAEC,YAAY,oBACZ,aAAa;AAAA,EAChB,MAAM,UAAU,UAAU;AAAA,IACxB,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,IACnE;AAAA,KAEC,YAAY,uBACZ,aAAa;AAAA,EAChB,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,kBAAkB,YAC7D;AAAA,EAEF,YAAY,UAAU,MAAM,qBAAqB,YAAY;AAAA,EAC7D,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,WAAW,UAAU,OAAO,YAAY,aAAa,aAAa;AAAA,EAClE,gBAAgB,UAAU,MAAM,kBAC7B,YAAY,0BACZ,aAAa,iBAAiB;AAAA,EACjC,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SACtD,YAAY,4BACZ,aAAa;AAAA,EAChB,MAAM,UAAU,MAAM,MAAM,YAAY,aAAa,aAAa,KAAK;AAAA,EACvE,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAAY;AAAA,EAC9E,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAAY;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n} from '@elliemae/ds-utilities';\nimport { alignItemsPlacement, justifyPlacement, wrap, boxShadow } from './utils/constants';\n\nexport declare namespace DSGridT {\n  interface RowColBreakpoints {\n    small?: string | number[];\n    medium?: string | number[];\n    large?: string | number[];\n  }\n\n  type Shadow = 'xs' | 's' | 'm' | 'l' | 'xs';\n\n  interface SpanBreakpoints {\n    small?: number;\n    medium?: number;\n    large?: number;\n  }\n\n  interface IProps {\n    height?: string;\n    width?: string;\n    rows?: string[] | string | number[] | RowColBreakpoints;\n    cols?: string[] | string | number[] | RowColBreakpoints;\n    justifyContent?: typeof justifyPlacement[number];\n    alignItems?: typeof alignItemsPlacement[number];\n    children?: React.ReactNode;\n    className?: string;\n    justify?: typeof justifyPlacement[number];\n    gutter?: string | number;\n    wrap?: typeof wrap[number];\n    span?: number;\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof IProps>, XstyledProps {}\n\n  export interface ItemProps {\n    rows: string[] | string | number[] | RowColBreakpoints;\n    cols: string[] | string | number[] | RowColBreakpoints;\n    alignItems: typeof alignItemsPlacement[number];\n    children: React.ReactNode;\n    className: string;\n    justify: typeof justifyPlacement[number];\n    gutter: string | number;\n    wrap: typeof wrap[number];\n    childNumber: number;\n    isSpanParent: boolean;\n    span?: number | SpanBreakpoints;\n    ref: React.ForwardedRef<HTMLDivElement>;\n    boxShadow?: Shadow;\n    backgroundColor?: string;\n    bg?: string;\n  }\n}\n\nexport const defaultProps = {\n  rows: [],\n  cols: [],\n  className: '',\n  justify: 'flex-start',\n  gutter: 0,\n  wrap: 'wrap',\n  span: 1,\n};\n\n// =============================================================================\n// PropTypes\n// =============================================================================\nconst rowColBreakpoints = PropTypes.shape({\n  small: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  medium: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  large: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n});\n\nconst spanBreakpoints = PropTypes.shape({\n  small: PropTypes.number,\n  medium: PropTypes.number,\n  large: PropTypes.number,\n});\n\nexport const DSGridPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  rows: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    rowColBreakpoints,\n  ])\n    .description('Row layout cells')\n    .defaultValue([]),\n  cols: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    rowColBreakpoints,\n  ])\n    .description('Column layout cells')\n    .defaultValue([]),\n  span: PropTypes.oneOfType([PropTypes.number, spanBreakpoints]).description(\n    'Expands the grid element within columns.',\n  ),\n  alignItems: PropTypes.oneOf(alignItemsPlacement).description('flex-like align items prop'),\n  children: PropTypes.node.description('Children node inside grid cell'),\n  className: PropTypes.string.description('CSS class').defaultValue(''),\n  justifyContent: PropTypes.oneOf(justifyPlacement)\n    .description('flex-like justify prop')\n    .defaultValue(justifyPlacement[0]),\n  gutter: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n    .description('Space between cells prop')\n    .defaultValue(0),\n  wrap: PropTypes.oneOf(wrap).description('Wrap type').defaultValue(wrap[0]),\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid height.'),\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid width.'),\n  backgroundColor: PropTypes.string.description('Sets background color.'),\n  bg: PropTypes.string.description('Sets background color.'),\n  boxShadow: PropTypes.oneOf(boxShadow).description('Sets background color.'),\n  border: PropTypes.string.description('Sets border.'),\n  borderRadius: PropTypes.string.description('Sets border radius.'),\n  borderWidth: PropTypes.string.description('Sets border width.'),\n  borderStyle: PropTypes.string.description('Sets border style.'),\n  borderColor: PropTypes.string.description('Sets border color.'),\n  borderTop: PropTypes.string.description('Sets top border.'),\n  borderBottom: PropTypes.string.description('Sets bottom border.'),\n  borderLeft: PropTypes.string.description('Sets left border.'),\n  borderRight: PropTypes.string.description('Sets right border.'),\n  borderTopWidth: PropTypes.string.description('Sets border top width.'),\n  borderTopStyle: PropTypes.string.description('Sets border top style.'),\n  borderTopColor: PropTypes.string.description('Sets border top color.'),\n  borderBottomWidth: PropTypes.string.description('Sets border bottom width.'),\n  borderBottomStyle: PropTypes.string.description('Sets border bottom style.'),\n  borderBottomColor: PropTypes.string.description('Sets border bottom color.'),\n  borderRightWidth: PropTypes.string.description('Sets border right width.'),\n  borderRightStyle: PropTypes.string.description('Sets border right style.'),\n  borderRightColor: PropTypes.string.description('Sets border right color.'),\n  borderLeftWidth: PropTypes.string.description('Sets border left width.'),\n  borderLeftStyle: PropTypes.string.description('Sets border left style.'),\n  borderLeftColor: PropTypes.string.description('Sets border left color.'),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/utils/constants.js

@@ -2,8 +2,10 @@ import * as React from "react";
 const justifyPlacement = ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
 const alignItemsPlacement = ["flex-start", "center", "flex-end", "stretch", "baseline"];
 const wrap = ["wrap", "nowrap", "wrap-reverse"];
+const boxShadow = ["xs", "s", "m", "l", "xl"];
 export {
   alignItemsPlacement,
+  boxShadow,
   justifyPlacement,
   wrap
 };

package/dist/esm/utils/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/constants.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const justifyPlacement = ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly'];\n\nexport const alignItemsPlacement = ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'];\n\nexport const wrap = ['wrap', 'nowrap', 'wrap-reverse'];\n"],
-  "mappings": "AAAA;ACAO,MAAM,mBAAmB,CAAC,cAAc,UAAU,YAAY,iBAAiB,gBAAgB;AAE/F,MAAM,sBAAsB,CAAC,cAAc,UAAU,YAAY,WAAW;AAE5E,MAAM,OAAO,CAAC,QAAQ,UAAU;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const justifyPlacement = ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly'];\n\nexport const alignItemsPlacement = ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'];\n\nexport const wrap = ['wrap', 'nowrap', 'wrap-reverse'];\n\nexport const boxShadow = ['xs', 's', 'm', 'l', 'xl'];\n"],
+  "mappings": "AAAA;ACAO,MAAM,mBAAmB,CAAC,cAAc,UAAU,YAAY,iBAAiB,gBAAgB,cAAc;AAE7G,MAAM,sBAAsB,CAAC,cAAc,UAAU,YAAY,WAAW,UAAU;AAEtF,MAAM,OAAO,CAAC,QAAQ,UAAU,cAAc;AAE9C,MAAM,YAAY,CAAC,MAAM,KAAK,KAAK,KAAK,IAAI;",
   "names": []
 }

package/dist/esm/utils/styles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/styles.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport { css, mapTemplateGrid } from '@elliemae/ds-system';\nimport { DSGridT } from '../react-desc-prop-types';\n\nexport const manageSpan = css<DSGridT.ItemProps>`\n  ${({ isSpanParent, span, theme }) => {\n    if (!isSpanParent) return '';\n\n    if (typeof span === 'number') {\n      return `\n        -ms-grid-column: auto / span ${span};\n        grid-column: auto / span ${span};`;\n    }\n\n    if (typeof span !== 'object') return ``;\n\n    // Span object\n\n    let data = '';\n    Object.keys(theme.media).forEach((key) => {\n      // Type castings\n      const theKey = key as keyof typeof span & keyof typeof theme.breakpoints;\n      const spanValue = span[theKey];\n\n      if (!!spanValue && theme.breakpoints[theKey]) {\n        if (theKey === 'small') {\n          data += `\n            -ms-grid-column: auto / span ${spanValue};\n            grid-column: auto / span ${spanValue};\n          `;\n        } else {\n          data += `@media (min-width: ${theme.breakpoints[theKey]}) {\n                    -ms-grid-column: auto / span ${spanValue};\n                    grid-column: auto / span ${spanValue};\n                  }`;\n        }\n      }\n    });\n    return data;\n  }}\n`;\n\nexport const manageCols = css<DSGridT.ItemProps>`\n  ${({ cols, theme, isSpanParent }) => {\n    if (typeof cols === 'object' && !Array.isArray(cols)) {\n      let data = '';\n      Object.keys(theme.media).forEach((key) => {\n        const theKey = key as keyof typeof cols;\n        const colValue = cols[theKey];\n        if (!!colValue && Array.isArray(colValue)) {\n          const mtg = (mapTemplateGrid(colValue) as string[]).join(' ');\n          const mtgs = (mapTemplateGrid(colValue) as string[]).map((c) => `minmax(0, ${c})`).join(' ');\n          if (theKey === 'small') {\n            data += `-ms-grid-columns: ${mtg || 'minmax(0px, 1fr)'};\n                      grid-template-columns: ${mtg || 'auto'};\n                      -ms-grid-columns: ${mtgs || 'minmax(0px, 1fr)'};\n                      grid-template-columns: ${mtgs || 'auto'};`;\n          } else {\n            data += `@media (min-width: ${theme.breakpoints[theKey]}) {\n                      -ms-grid-columns: ${mtg || 'minmax(0px, 1fr)'};\n                      grid-template-columns: ${mtg || 'auto'};\n                      -ms-grid-columns: ${mtgs || 'minmax(0px, 1fr)'};\n                      grid-template-columns: ${mtgs || 'auto'};\n                    }`;\n          }\n        } else if (!!colValue && isSpanParent) {\n          if (theKey === 'small') {\n            data += `-ms-grid-columns: repeat(${colValue}, 1fr);\n                     grid-template-columns: repeat(${colValue}, 1fr);`;\n          } else {\n            data += `@media (min-width: ${theme.breakpoints[theKey]}) {\n                      -ms-grid-columns: repeat(${colValue}, 1fr);\n                      grid-template-columns: repeat(${colValue}, 1fr);\n                    }`;\n          }\n        }\n      });\n      return data;\n    }\n    if (Array.isArray(cols)) {\n      const mtg = (mapTemplateGrid(cols) as string[]).join(' ');\n      const mtgs = (mapTemplateGrid(cols) as string[]).map((c) => `minmax(0, ${c})`).join(' ');\n      return `\n        -ms-grid-columns: ${mtg || 'minmax(0px, 1fr)'};\n        grid-template-columns: ${mtg || 'auto'};\n        -ms-grid-columns: ${mtgs || 'minmax(0px, 1fr)'};\n        grid-template-columns: ${mtgs || 'auto'};`;\n    }\n    if (isSpanParent) {\n      return `\n        -ms-grid-columns: repeat(${cols}, 1fr);\n        grid-template-columns: repeat(${cols}, 1fr);`;\n    }\n    return '';\n  }}\n`;\n\nexport const manageRows = css<DSGridT.ItemProps>`\n  ${({ rows, theme, isSpanParent }) => {\n    if (typeof rows === 'object' && !Array.isArray(rows)) {\n      let data = '';\n      Object.keys(theme.media).forEach((key) => {\n        const theKey = key as keyof typeof rows & keyof typeof theme.breakpoints;\n        const rowValue = rows[theKey];\n        if (rowValue && Array.isArray(rowValue)) {\n          const mtg = (mapTemplateGrid(rowValue) as string[]).join(' ');\n          const mtgs = (mapTemplateGrid(rowValue) as string[]).map((c) => `minmax(0, ${c})`).join(' ');\n          if (key === 'small') {\n            data += `-ms-grid-rows: ${mtg || 'minmax(0px, 1fr)'};\n                      grid-template-rows: ${mtg || 'auto'};\n                      -ms-grid-rows: ${mtgs || 'minmax(0px, 1fr)'};\n                      grid-template-rows: ${mtgs || 'auto'};`;\n          } else {\n            data += `@media (min-width: ${theme.breakpoints[theKey]}) {\n                      -ms-grid-rows: ${mtg || 'minmax(0px, 1fr)'};\n                      grid-template-rows: ${mtg || 'auto'};\n                      -ms-grid-rows: ${mtgs || 'minmax(0px, 1fr)'};\n                      grid-template-rows: ${mtgs || 'auto'};\n                    }`;\n          }\n        } else if (!!rowValue && isSpanParent) {\n          if (theKey === 'small') {\n            data += `-ms-grid-rows: repeat(${rowValue}, 1fr);\n                     grid-template-rows: repeat(${rowValue}, 1fr);`;\n          } else {\n            data += `@media (min-width: ${theme.breakpoints[theKey]}) {\n                      -ms-grid-rows: repeat(${rowValue}, 1fr);\n                      grid-template-rows: repeat(${rowValue}, 1fr);\n                    }`;\n          }\n        }\n      });\n      return data;\n    }\n    if (Array.isArray(rows)) {\n      const mtg = (mapTemplateGrid(rows) as string[]).join(' ');\n      const mtgs = (mapTemplateGrid(rows) as string[]).map((c) => `minmax(0, ${c})`).join(' ');\n      return `\n        -ms-grid-rows: ${mtg || 'minmax(0px, 1fr)'};\n        grid-template-rows: ${mtg || 'auto'};\n        -ms-grid-rows: ${mtgs || 'minmax(0px, 1fr)'};\n        grid-template-rows: ${mtgs || 'auto'};\n      `;\n    }\n    if (isSpanParent) {\n      return `\n        -ms-grid-rows: repeat(${rows}, 1fr);\n        grid-template-rows: repeat(${rows}, 1fr);`;\n    }\n    return '';\n  }}\n`;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-grid",
-  "version": "3.0.0-next.9",
+  "version": "3.0.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Grid",
   "files": [
@@ -62,15 +62,22 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
+  },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "3.0.0-next.9",
-    "@elliemae/ds-system": "3.0.0-next.9",
+    "@elliemae/ds-system": "workspace:*",
+    "@elliemae/ds-utilities": "workspace:*",
     "@xstyled/styled-components": "~3.1.2",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "~5.16.2",
-    "@testing-library/react": "~12.1.2",
+    "@testing-library/react": "~12.1.4",
     "@testing-library/user-event": "~13.5.0",
     "styled-components": "~5.3.3",
     "styled-system": "~5.1.5"
@@ -85,12 +92,5 @@
   "publishConfig": {
     "access": "public",
     "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
-    "test": "node ../../scripts/testing/test.mjs",
-    "lint": "node ../../scripts/lint.mjs",
-    "dts": "node ../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
-}
+}