carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/style/themes/index.js

@@ -1,27 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "baseTheme", {
-  enumerable: true,
-  get: function () {
-    return _base.default;
-  }
-});
-Object.defineProperty(exports, "noTheme", {
-  enumerable: true,
-  get: function () {
-    return _none.default;
-  }
-});
-Object.defineProperty(exports, "sageTheme", {
-  enumerable: true,
-  get: function () {
-    return _sage.default;
-  }
-});
-var _sage = _interopRequireDefault(require("./sage"));
-var _base = _interopRequireDefault(require("./base"));
-var _none = _interopRequireDefault(require("./none"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";var e=require("./sage/index.js"),s=require("./base/index.js"),r=require("./none/index.js");exports.sageTheme=e.default,exports.baseTheme=s.default,exports.noTheme=r.default;

package/lib/style/themes/none/index.js

@@ -1,10 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _noneTheme = _interopRequireDefault(require("./none-theme.config"));
-var _base = require("../base");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = (0, _base.mergeWithBase)(_noneTheme.default);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./none-theme.config.js"),r=require("../base/index.js").mergeWithBase(e.default);exports.default=r;

package/lib/style/themes/none/none-theme.config.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = () => {
-  return {
-    name: "none"
-  };
-};
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=()=>({name:"none"});

package/lib/style/themes/none/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../esm/style/themes/none/index.js",
   "main": "./index.js",
+  "module": "../../../esm/style/themes/none/index.js",
   "types": "./index.d.ts"
 }

package/lib/style/themes/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/style/themes/index.js",
   "main": "./index.js",
+  "module": "../../../esm/style/themes/index.js",
   "types": "./index.d.ts"
 }

package/lib/style/themes/sage/index.js

@@ -1,23 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _common = _interopRequireDefault(require("@sage/design-tokens/js/base/common"));
-var _base = require("../base");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  ...(0, _base.mergeWithBase)(palette => ({
-    colors: {
-      primary: palette.productGreenShade(23.5),
-      secondary: palette.productGreenShade(41),
-      tertiary: palette.productGreenShade(61),
-      loadingBarBackground: palette.productGreenTint(70)
-    }
-  })),
-  compatibility: {
-    ..._common.default
-  },
-  name: "sage"
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@sage/design-tokens/js/base/common"),r=require("../base/index.js");function t(e){return e&&e.__esModule?e:{default:e}}var n=t(e);function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function c(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}var a,i,u=(a=c({},r.mergeWithBase((e=>({colors:{primary:e.productGreenShade(23.5),secondary:e.productGreenShade(41),tertiary:e.productGreenShade(61),loadingBarBackground:e.productGreenTint(70)}})))),i=null!=(i={compatibility:c({},n.default),name:"sage"})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(i)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(i)).forEach((function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(i,e))})),a);exports.default=u;

package/lib/style/themes/sage/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../esm/style/themes/sage/index.js",
   "main": "./index.js",
+  "module": "../../../esm/style/themes/sage/index.js",
   "types": "./index.d.ts"
 }

package/lib/style/utils/add-focus-styling.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = (inset = false) => {
-  let focusStyling = "0px 0px 0px var(--borderWidth300) var(--colorsSemanticFocus500), 0px 0px 0px var(--borderWidth600) var(--colorsUtilityYin090)";
-  if (inset) {
-    focusStyling = "inset 0px 0px 0px var(--borderWidth300) var(--colorsUtilityYin090), inset 0px 0px 0px var(--borderWidth600) var(--colorsSemanticFocus500)";
-  }
-  return `
-    -webkit-appearance: none;
-    -webkit-box-shadow: ${focusStyling};
-    box-shadow: ${focusStyling};
-
-    outline: transparent 3px solid;
-  `;
-};
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=(r=!1)=>{let e="0px 0px 0px var(--borderWidth300) var(--colorsSemanticFocus500), 0px 0px 0px var(--borderWidth600) var(--colorsUtilityYin090)";return r&&(e="inset 0px 0px 0px var(--borderWidth300) var(--colorsUtilityYin090), inset 0px 0px 0px var(--borderWidth600) var(--colorsSemanticFocus500)"),`\n    -webkit-appearance: none;\n    -webkit-box-shadow: ${e};\n    box-shadow: ${e};\n\n    outline: transparent 3px solid;\n  `};

package/lib/style/utils/add-hex-symbols.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const addHex = obj => (acc, col) => {
-  const color = obj[col];
-  acc[col] = `#${color}`;
-  return acc;
-};
-var _default = configObject => Object.keys(configObject).reduce(addHex(configObject), {});
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=e=>{return Object.keys(e).reduce((r=e,(e,t)=>{const s=r[t];return e[t]=`#${s}`,e}),{});var r};

package/lib/style/utils/at-opacity.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/**
- * Given a base color hex will return a function that expects
- * some given opactiy and returns the base color at that
- * opacity.
- */
-var _default = base => {
-  const rgb = base?.match(/[^#]{2}/g)?.map(pair => parseInt(pair, 16));
-  return opacity => `rgba(${rgb?.join(",")},${opacity})`;
-};
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=e=>{var t;const r=null==e||null===(t=e.match(/[^#]{2}/g))||void 0===t?void 0:t.map((e=>parseInt(e,16)));return e=>`rgba(${null==r?void 0:r.join(",")},${e})`};

package/lib/style/utils/box-gap.js

@@ -1,18 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GAP_VALUES = void 0;
-exports.default = gap;
-exports.getGapValue = void 0;
-var _baseTheme = require("../../style/themes/base/base-theme.config");
-const GAP_VALUES = exports.GAP_VALUES = [0, 1, 2, 3, 4, 5, 6, 7, 8];
-const getGapValue = gapValue => typeof gapValue === "number" ? `var(--spacing${gapValue}00)` : gapValue;
-exports.getGapValue = getGapValue;
-function gap(gapValue) {
-  if (typeof gapValue === "number") {
-    return _baseTheme.space[gapValue];
-  }
-  return gapValue;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../themes/base/base-theme.config.js");exports.GAP_VALUES=[0,1,2,3,4,5,6,7,8],exports.default=function(t){return"number"==typeof t?e.space[t]:t},exports.getGapValue=e=>"number"==typeof e?`var(--spacing${e}00)`:e;

package/lib/style/utils/color.js

@@ -1,66 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toColor = exports.default = void 0;
-var _styledSystem = require("styled-system");
-var _common = _interopRequireDefault(require("@sage/design-tokens/js/base/common"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// eslint-disable-next-line no-restricted-imports
-
-/*
- * styled-system/color allows users to use a color from the theme, from the `colors` object.
- *
- * The DLS defines colors in shades or tints rather than explicitly listing all possible colours
- * e.g. goldTint10, brilliantGreenShade55
- *
- * In our palette we have methods to access these colors
- * e.g. palette.goldTint(10)
- *
- * We could use a proxy to make those calls directly on the theme however styled-components expects the theme to be a
- * plain object and does not allow us to merge a theme from a ThemeProvider with a theme defined as a defaultProp if
- * both of those have a Proxy.
- * e.g. when the none theme in the ThemeProvider is merged with the base theme in the defaultProps
- *
- * The purpose of this function is to intercept any palette colors, we only want styled-system to deal with CSS strings
- * and theme.colors.
- *
- * This allows us to keep our themes as plain objects.
- */
-
-const toColor = (theme, color) => {
-  if (color.startsWith("--") && color.slice(2) in _common.default) {
-    return `var(${color})`;
-  }
-  const {
-    palette
-  } = theme;
-  const percentage = color.match(/\d+/);
-  const method = color.match(/[a-zA-Z]+/)?.toString();
-  if (method && method in palette) {
-    const match = palette[method];
-    if (typeof match === "function") {
-      const arg = ["blackOpacity", "whiteOpacity"].includes(method) ? `0.${percentage}` : percentage;
-      return match(arg);
-    }
-    return match;
-  }
-  return color;
-};
-exports.toColor = toColor;
-var _default = ({
-  color,
-  bg,
-  backgroundColor,
-  ...rest
-}) => {
-  const obj = {};
-  obj.color = color ? toColor(rest.theme, color) : undefined;
-  obj.bg = bg || backgroundColor ? toColor(rest.theme, bg || backgroundColor) : undefined;
-  return (0, _styledSystem.color)({
-    ...rest,
-    ...obj
-  });
-};
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-system");function t(e){return e&&e.__esModule?e:{default:e}}var r=t(require("@sage/design-tokens/js/base/common"));function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const n=(e,t)=>{var o;if(t.startsWith("--")&&t.slice(2)in r.default)return`var(${t})`;const{palette:n}=e,c=t.match(/\d+/),l=null===(o=t.match(/[a-zA-Z]+/))||void 0===o?void 0:o.toString();if(l&&l in n){const e=n[l];return"function"==typeof e?e(["blackOpacity","whiteOpacity"].includes(l)?`0.${c}`:c):e}return t};exports.default=t=>{var{color:r,bg:c,backgroundColor:l}=t,u=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},c=Object.keys(e);for(o=0;o<c.length;o++)r=c[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(o=0;o<c.length;o++)r=c[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(t,["color","bg","backgroundColor"]);const i={};return i.color=r?n(u.theme,r):void 0,i.bg=c||l?n(u.theme,c||l):void 0,e.color(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({},u,i))},exports.toColor=n;

package/lib/style/utils/element-sizing.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledSystem = require("styled-system");
-/*
- * styled-system/layout allows users to use a width, height, minWidth, maxWidth, minHeight, maxHeight,
- * size, display, verticalAlign, overflow, overflowX and overflowY props most of which are usually not needed.
- * That's why the purpose of this function is to pass only the `width` and `height` props to the `layout` function.
- */
-var _default = ({
-  width,
-  height
-}) => (0, _styledSystem.layout)({
-  width,
-  height
-});
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-system");exports.default=({width:t,height:r})=>e.layout({width:t,height:r});

package/lib/style/utils/filter-out-position-props.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = filterStyledSystemPositionProps;
-exports.positionPropertyNames = void 0;
-var _filterObjectProperties = _interopRequireDefault(require("../../__internal__/filter-object-properties"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const positionPropertyNames = exports.positionPropertyNames = ["top", "right", "bottom", "left", "position"];
-function filterStyledSystemPositionProps(originalObject) {
-  return (0, _filterObjectProperties.default)(originalObject, positionPropertyNames);
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../__internal__/filter-object-properties/filter-object-properties.js");const t=["top","right","bottom","left","position"];exports.default=function(r){return e.default(r,t)},exports.positionPropertyNames=t;

package/lib/style/utils/filter-out-styled-system-spacing-props.js

@@ -1,10 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _filterStyledSystemMarginProps = require("./filter-styled-system-margin-props");
-var _filterStyledSystemPaddingProps = require("./filter-styled-system-padding-props");
-const filterOutStyledSystemSpacingProps = props => Object.fromEntries(Object.entries(props).filter(([key]) => ![..._filterStyledSystemMarginProps.marginPropertyNames, ..._filterStyledSystemPaddingProps.paddingPropertyNames].includes(key)));
-var _default = exports.default = filterOutStyledSystemSpacingProps;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./filter-styled-system-margin-props.js"),r=require("./filter-styled-system-padding-props.js");exports.default=s=>Object.fromEntries(Object.entries(s).filter((([s])=>![...e.marginPropertyNames,...r.paddingPropertyNames].includes(s))));

package/lib/style/utils/filter-styled-system-flexbox-props.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = filterStyledSystemFlexboxProps;
-exports.flexboxPropertyNames = void 0;
-var _filterObjectProperties = _interopRequireDefault(require("../../__internal__/filter-object-properties"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const flexboxPropertyNames = exports.flexboxPropertyNames = ["alignItems", "alignContent", "justifyItems", "justifyContent", "flexWrap", "flexDirection", "flex", "flexGrow", "flexShrink", "flexBasis", "justifySelf", "alignSelf", "order"];
-function filterStyledSystemFlexboxProps(originalObject) {
-  return (0, _filterObjectProperties.default)(originalObject, flexboxPropertyNames);
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../__internal__/filter-object-properties/filter-object-properties.js");const t=["alignItems","alignContent","justifyItems","justifyContent","flexWrap","flexDirection","flex","flexGrow","flexShrink","flexBasis","justifySelf","alignSelf","order"];exports.default=function(r){return e.default(r,t)},exports.flexboxPropertyNames=t;

package/lib/style/utils/filter-styled-system-grid-props.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = filterStyledSystemGridProps;
-exports.gridPropertyNames = void 0;
-var _filterObjectProperties = _interopRequireDefault(require("../../__internal__/filter-object-properties"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const gridPropertyNames = exports.gridPropertyNames = ["gridColumn", "gridRow", "gridArea", "gridAutoFlow", "gridAutoRows", "gridAutoColumns", "gridTemplateRows", "gridTemplateColumns", "gridTemplateAreas"];
-function filterStyledSystemGridProps(originalObject) {
-  return (0, _filterObjectProperties.default)(originalObject, gridPropertyNames);
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../__internal__/filter-object-properties/filter-object-properties.js");const r=["gridColumn","gridRow","gridArea","gridAutoFlow","gridAutoRows","gridAutoColumns","gridTemplateRows","gridTemplateColumns","gridTemplateAreas"];exports.default=function(t){return e.default(t,r)},exports.gridPropertyNames=r;

package/lib/style/utils/filter-styled-system-layout-props.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = filterStyledSystemLayoutProps;
-exports.layoutPropertyNames = void 0;
-var _filterObjectProperties = _interopRequireDefault(require("../../__internal__/filter-object-properties"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const layoutPropertyNames = exports.layoutPropertyNames = ["width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "size", "display", "verticalAlign", "overflow", "overflowX", "overflowY", "position", "top", "right", "bottom", "left"];
-function filterStyledSystemLayoutProps(originalObject) {
-  return (0, _filterObjectProperties.default)(originalObject, layoutPropertyNames);
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../__internal__/filter-object-properties/filter-object-properties.js");const t=["width","height","minWidth","minHeight","maxWidth","maxHeight","size","display","verticalAlign","overflow","overflowX","overflowY","position","top","right","bottom","left"];exports.default=function(r){return e.default(r,t)},exports.layoutPropertyNames=t;

package/lib/style/utils/filter-styled-system-margin-props.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = filterStyledSystemMarginProps;
-exports.marginPropertyNames = void 0;
-var _filterObjectProperties = _interopRequireDefault(require("../../__internal__/filter-object-properties"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const marginPropertyNames = exports.marginPropertyNames = ["margin", "m", "marginLeft", "ml", "marginRight", "mr", "marginTop", "mt", "marginBottom", "mb", "marginX", "mx", "marginY", "my"];
-function filterStyledSystemMarginProps(originalObject) {
-  return (0, _filterObjectProperties.default)(originalObject, marginPropertyNames);
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../__internal__/filter-object-properties/filter-object-properties.js");const e=["margin","m","marginLeft","ml","marginRight","mr","marginTop","mt","marginBottom","mb","marginX","mx","marginY","my"];exports.default=function(t){return r.default(t,e)},exports.marginPropertyNames=e;

package/lib/style/utils/filter-styled-system-padding-props.js

@@ -1,22 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = filterStyledSystemPaddingProps;
-exports.paddingYPropertyNames = exports.paddingXPropertyNames = exports.paddingTopPropertyNames = exports.paddingRightPropertyNames = exports.paddingPropertyNames = exports.paddingNames = exports.paddingLeftPropertyNames = exports.paddingBottomPropertyNames = void 0;
-var _filterObjectProperties = _interopRequireDefault(require("../../__internal__/filter-object-properties"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const paddingNames = exports.paddingNames = ["p", "padding"];
-const paddingLeftPropertyNames = exports.paddingLeftPropertyNames = ["pl", "paddingLeft"];
-const paddingRightPropertyNames = exports.paddingRightPropertyNames = ["pr", "paddingRight"];
-const paddingXPropertyNames = exports.paddingXPropertyNames = ["px", "paddingX"];
-const paddingHorizontalPropertyNames = [...paddingLeftPropertyNames, ...paddingRightPropertyNames, ...paddingXPropertyNames];
-const paddingTopPropertyNames = exports.paddingTopPropertyNames = ["pt", "paddingTop"];
-const paddingBottomPropertyNames = exports.paddingBottomPropertyNames = ["pb", "paddingBottom"];
-const paddingYPropertyNames = exports.paddingYPropertyNames = ["py", "paddingY"];
-const paddingVerticalPropertyNames = [...paddingTopPropertyNames, ...paddingBottomPropertyNames, ...paddingYPropertyNames];
-const paddingPropertyNames = exports.paddingPropertyNames = [...paddingNames, ...paddingHorizontalPropertyNames, ...paddingVerticalPropertyNames];
-function filterStyledSystemPaddingProps(props) {
-  return (0, _filterObjectProperties.default)(props, paddingPropertyNames);
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../__internal__/filter-object-properties/filter-object-properties.js");const p=["p","padding"],t=["pl","paddingLeft"],r=["pr","paddingRight"],d=["px","paddingX"],o=[...t,...r,...d],a=["pt","paddingTop"],i=["pb","paddingBottom"],s=["py","paddingY"],n=[...a,...i,...s],g=[...p,...o,...n];exports.default=function(p){return e.default(p,g)},exports.paddingBottomPropertyNames=i,exports.paddingLeftPropertyNames=t,exports.paddingNames=p,exports.paddingPropertyNames=g,exports.paddingRightPropertyNames=r,exports.paddingTopPropertyNames=a,exports.paddingXPropertyNames=d,exports.paddingYPropertyNames=s;

package/lib/style/utils/get-color-value.js

@@ -1,15 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _common = _interopRequireDefault(require("@sage/design-tokens/js/base/common"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = color => {
-  if (color.startsWith("var")) {
-    return _common.default[color.replace("var(--", "").replace(")", "")];
-  }
-  return color;
-};
-exports.default = _default;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var r=e(require("@sage/design-tokens/js/base/common"));exports.default=e=>e.startsWith("var")?r.default[e.replace("var(--","").replace(")","")]:e;

package/lib/style/utils/get-rgb-values.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/** Given a base color in hex will return its rgb values. */
-
-const getRgbValues = baseColor => {
-  return [parseInt(baseColor.substring(1, 3), 16), parseInt(baseColor.substring(3, 5), 16), parseInt(baseColor.substring(5, 6), 16)];
-};
-var _default = exports.default = getRgbValues;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=e=>[parseInt(e.substring(1,3),16),parseInt(e.substring(3,5),16),parseInt(e.substring(5,6),16)];

package/lib/style/utils/index.js

@@ -1,48 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "filterOutStyledSystemSpacingProps", {
-  enumerable: true,
-  get: function () {
-    return _filterOutStyledSystemSpacingProps.default;
-  }
-});
-Object.defineProperty(exports, "filterStyledSystemFlexboxProps", {
-  enumerable: true,
-  get: function () {
-    return _filterStyledSystemFlexboxProps.default;
-  }
-});
-Object.defineProperty(exports, "filterStyledSystemGridProps", {
-  enumerable: true,
-  get: function () {
-    return _filterStyledSystemGridProps.default;
-  }
-});
-Object.defineProperty(exports, "filterStyledSystemLayoutProps", {
-  enumerable: true,
-  get: function () {
-    return _filterStyledSystemLayoutProps.default;
-  }
-});
-Object.defineProperty(exports, "filterStyledSystemMarginProps", {
-  enumerable: true,
-  get: function () {
-    return _filterStyledSystemMarginProps.default;
-  }
-});
-Object.defineProperty(exports, "filterStyledSystemPaddingProps", {
-  enumerable: true,
-  get: function () {
-    return _filterStyledSystemPaddingProps.default;
-  }
-});
-var _filterStyledSystemPaddingProps = _interopRequireDefault(require("./filter-styled-system-padding-props"));
-var _filterStyledSystemMarginProps = _interopRequireDefault(require("./filter-styled-system-margin-props"));
-var _filterOutStyledSystemSpacingProps = _interopRequireDefault(require("./filter-out-styled-system-spacing-props"));
-var _filterStyledSystemLayoutProps = _interopRequireDefault(require("./filter-styled-system-layout-props"));
-var _filterStyledSystemFlexboxProps = _interopRequireDefault(require("./filter-styled-system-flexbox-props"));
-var _filterStyledSystemGridProps = _interopRequireDefault(require("./filter-styled-system-grid-props"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";var e=require("./filter-styled-system-padding-props.js"),t=require("./filter-styled-system-margin-props.js"),s=require("./filter-out-styled-system-spacing-props.js"),r=require("./filter-styled-system-layout-props.js"),l=require("./filter-styled-system-flexbox-props.js"),i=require("./filter-styled-system-grid-props.js");exports.filterStyledSystemPaddingProps=e.default,exports.filterStyledSystemMarginProps=t.default,exports.filterOutStyledSystemSpacingProps=s.default,exports.filterStyledSystemLayoutProps=r.default,exports.filterStyledSystemFlexboxProps=l.default,exports.filterStyledSystemGridProps=i.default;

package/lib/style/utils/merge-deep.js

@@ -1,38 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isObject = isObject;
-exports.mergeDeep = mergeDeep;
-/**
- * Simple object check.
- */
-function isObject(item) {
-  return item && typeof item === "object" && !Array.isArray(item);
-}
-function merge(_target, ..._sources) {
-  if (!_sources.length) return _target;
-  const source = _sources.shift();
-  if (isObject(_target) && isObject(source)) {
-    for (const key in source) {
-      if (isObject(source[key])) {
-        merge(_target[key], source[key]);
-      } else {
-        Object.assign(_target, {
-          [key]: source[key]
-        });
-      }
-    }
-  }
-  return merge(_target, ..._sources);
-}
-
-/**
- * Deep merge two objects.
- */
-function mergeDeep(target, ...sources) {
-  // ensure function is not mutative
-  const newTarget = JSON.parse(JSON.stringify(target));
-  return merge(newTarget, ...sources);
-}
+"use strict";function t(t){return t&&"object"==typeof t&&!Array.isArray(t)}function r(e,...n){if(!n.length)return e;const i=n.shift();if(t(e)&&t(i))for(const n in i)t(i[n])?r(e[n],i[n]):Object.assign(e,{[n]:i[n]});return r(e,...n)}exports.isObject=t,exports.mergeDeep=function(t,...e){return r(JSON.parse(JSON.stringify(t)),...e)};

package/lib/style/utils/mix.js

@@ -1,34 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const decToHex = decimal => decimal.toString(16);
-const hexToDec = hex => parseInt(hex, 16);
-const isShortHex = hex => hex.length === 3;
-const processHexes = (...hexes) => {
-  return hexes.map(hex => hex.replace(/#/, "")).map(hex => {
-    return isShortHex(hex) ? hex.repeat(2) : hex;
-  });
-};
-
-/**
- * A Javascript implementation of the Sass `mix` mixin.
- */
-var _default = (inputColorA, inputColorB, weight = 50) => {
-  const [colorA, colorB] = processHexes(inputColorA, inputColorB);
-  const colorAPairs = colorA.match(/.{1,2}/g);
-  const colorBPairs = colorB.match(/.{1,2}/g);
-  if (!colorBPairs) {
-    return "";
-  }
-  const hex = colorAPairs?.reduce((acc, pair, i) => {
-    const val1 = hexToDec(pair);
-    const val2 = hexToDec(colorBPairs[i]);
-    const combination = decToHex(Math.round(val2 + (val1 - val2) * (weight / 100.0)));
-    return acc + combination.padStart(2, "0");
-  }, "").toUpperCase();
-  return `#${hex}`;
-};
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=e=>parseInt(e,16);exports.default=(t,r,a=50)=>{const[n,o]=((...e)=>e.map((e=>e.replace(/#/,""))).map((e=>(e=>3===e.length)(e)?e.repeat(2):e)))(t,r),p=n.match(/.{1,2}/g),s=o.match(/.{1,2}/g);return s?`#${null==p?void 0:p.reduce(((t,r,n)=>{const o=e(r),p=e(s[n]);return t+Math.round(p+a/100*(o-p)).toString(16).padStart(2,"0")}),"").toUpperCase()}`:""};

package/lib/style/utils/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/style/utils/index.js",
   "main": "./index.js",
+  "module": "../../../esm/style/utils/index.js",
   "types": "./index.d.ts"
 }

package/lib/style/utils/shade.js

@@ -1,10 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _mix = _interopRequireDefault(require("./mix"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = color => weight => (0, _mix.default)("000000", color, weight);
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./mix.js");exports.default=r=>t=>e.default("000000",r,t);

package/lib/style/utils/tint.js

@@ -1,10 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _mix = _interopRequireDefault(require("./mix"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = color => weight => (0, _mix.default)("FFFFFF", color, weight);
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./mix.js");exports.default=r=>t=>e.default("FFFFFF",r,t);

package/lib/style/utils/visually-hidden.js

@@ -1,17 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = require("styled-components");
-var _default = exports.default = (0, _styledComponents.css)`
-  border: 0;
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-  white-space: nowrap;
-`;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components").css(["border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;"]);exports.default=e;