carbon-react 118.5.1 → 118.6.0

package/lib/style/utils/color.js

@@ -3,14 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.toColor = void 0;
-
+exports.toColor = exports.default = void 0;
 var _styledSystem = require("styled-system");
-
 var _common = _interopRequireDefault(require("@sage/design-tokens/js/base/common"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // eslint-disable-next-line no-restricted-imports
 
 /*
@@ -32,47 +28,40 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  *
  * This allows us to keep our themes as plain objects.
  */
-const toColor = (theme, color) => {
-  var _color$match;
 
+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 = color.match(/[a-zA-Z]+/)) === null || _color$match === void 0 ? void 0 : _color$match.toString();
-
+  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
-}) => {
+var _default = _ref => {
+  let {
+    color,
+    bg,
+    backgroundColor,
+    ...rest
+  } = _ref;
   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,
+  return (0, _styledSystem.color)({
+    ...rest,
     ...obj
   });
 };
-
 exports.default = _default;

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

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = filterStyledSystemPositionProps;
 exports.positionPropertyNames = void 0;
-
 var _filterObjectProperties = _interopRequireDefault(require("../../__internal__/filter-object-properties"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const positionPropertyNames = ["top", "right", "bottom", "left", "position"];
 exports.positionPropertyNames = positionPropertyNames;
-
 function filterStyledSystemPositionProps(originalObject) {
   return (0, _filterObjectProperties.default)(originalObject, positionPropertyNames);
 }

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

@@ -4,12 +4,11 @@ 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)));
-
+const filterOutStyledSystemSpacingProps = props => Object.fromEntries(Object.entries(props).filter(_ref => {
+  let [key] = _ref;
+  return ![..._filterStyledSystemMarginProps.marginPropertyNames, ..._filterStyledSystemPaddingProps.paddingPropertyNames].includes(key);
+}));
 var _default = filterOutStyledSystemSpacingProps;
 exports.default = _default;

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

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = filterStyledSystemMarginProps;
 exports.marginPropertyNames = void 0;
-
 var _filterObjectProperties = _interopRequireDefault(require("../../__internal__/filter-object-properties"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const marginPropertyNames = ["margin", "m", "marginLeft", "ml", "marginRight", "mr", "marginTop", "mt", "marginBottom", "mb", "marginX", "mx", "marginY", "my"];
 exports.marginPropertyNames = marginPropertyNames;
-
 function filterStyledSystemMarginProps(originalObject) {
   return (0, _filterObjectProperties.default)(originalObject, marginPropertyNames);
 }

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

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = filterStyledSystemPaddingProps;
 exports.paddingPropertyNames = void 0;
-
 var _filterObjectProperties = _interopRequireDefault(require("../../__internal__/filter-object-properties"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const paddingPropertyNames = ["padding", "p", "paddingLeft", "pl", "paddingRight", "pr", "paddingTop", "pt", "paddingBottom", "pb", "paddingX", "px", "paddingY", "py"];
 exports.paddingPropertyNames = paddingPropertyNames;
-
 function filterStyledSystemPaddingProps(props) {
   return (0, _filterObjectProperties.default)(props, paddingPropertyNames);
 }

package/lib/style/utils/form-style-utils.js

@@ -3,18 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.calculateFormSpacingValues = exports.calculateWidthValue = void 0;
-
+exports.calculateWidthValue = exports.calculateFormSpacingValues = void 0;
 var _styledSystem = require("styled-system");
-
 var _dialog = require("../../components/dialog/dialog.config");
-
 var _sidebar = require("../../components/sidebar/sidebar.config");
-
 const parsePadding = paddingString => {
   const paddingValues = paddingString.split(/\s+/);
   let paddingTop, paddingBottom, paddingLeft, paddingRight;
-
   switch (paddingValues.length) {
     case 1:
       {
@@ -22,33 +17,27 @@ const parsePadding = paddingString => {
         [paddingTop, paddingRight, paddingBottom, paddingLeft] = [value, value, value, value];
         break;
       }
-
     case 2:
       {
         const [vertical, horizontal] = paddingValues;
         [paddingTop, paddingRight, paddingBottom, paddingLeft] = [vertical, horizontal, vertical, horizontal];
         break;
       }
-
     case 3:
       {
         const [top, horizontal, bottom] = paddingValues;
         [paddingTop, paddingRight, paddingBottom, paddingLeft] = [top, horizontal, bottom, horizontal];
         break;
       }
-
     case 4:
       {
         [paddingTop, paddingRight, paddingBottom, paddingLeft] = paddingValues;
         break;
       }
-
     /* istanbul ignore next */
-
     default:
       break;
   }
-
   return {
     paddingTop,
     paddingBottom,
@@ -56,7 +45,6 @@ const parsePadding = paddingString => {
     paddingRight
   };
 };
-
 const calculatePadding = props => {
   const {
     padding,
@@ -66,7 +54,6 @@ const calculatePadding = props => {
   Object.assign(result, individualPaddingProperties);
   return result;
 };
-
 const calculateWidthValue = props => {
   const {
     paddingLeft,
@@ -75,10 +62,9 @@ const calculateWidthValue = props => {
   const paddingValue = `(${paddingLeft ?? `${_dialog.HORIZONTAL_PADDING}px`} + ${paddingRight ?? `${_dialog.HORIZONTAL_PADDING}px`})`;
   return `width: calc(100% + ${paddingValue});`;
 };
-
 exports.calculateWidthValue = calculateWidthValue;
-
-const calculateFormSpacingValues = (props, isFormContent, containerComponent = "dialog") => {
+const calculateFormSpacingValues = function (props, isFormContent) {
+  let containerComponent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "dialog";
   const {
     paddingTop,
     paddingBottom,
@@ -90,9 +76,7 @@ const calculateFormSpacingValues = (props, isFormContent, containerComponent = "
   const spacingRightValue = paddingRight ?? `${_dialog.HORIZONTAL_PADDING}px`;
   const spacingBottomValue = paddingBottom ?? (isSidebar ? _sidebar.SIDEBAR_BOTTOM_SPACING : `${_dialog.CONTENT_BOTTOM_PADDING}px`);
   const spacingLeftValue = paddingLeft ?? `${_dialog.HORIZONTAL_PADDING}px`;
-
   const setNegativeValue = value => `calc(-1 * ${value})`;
-
   return {
     "margin-left": setNegativeValue(spacingLeftValue),
     "margin-right": setNegativeValue(spacingRightValue),
@@ -114,5 +98,4 @@ const calculateFormSpacingValues = (props, isFormContent, containerComponent = "
     })
   };
 };
-
 exports.calculateFormSpacingValues = calculateFormSpacingValues;

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

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

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

@@ -4,11 +4,10 @@ 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 = getRgbValues;
 exports.default = _default;

package/lib/style/utils/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "filterStyledSystemPaddingProps", {
+Object.defineProperty(exports, "filterOutStyledSystemSpacingProps", {
   enumerable: true,
   get: function () {
-    return _filterStyledSystemPaddingProps.default;
+    return _filterOutStyledSystemSpacingProps.default;
   }
 });
 Object.defineProperty(exports, "filterStyledSystemMarginProps", {
@@ -15,17 +15,13 @@ Object.defineProperty(exports, "filterStyledSystemMarginProps", {
     return _filterStyledSystemMarginProps.default;
   }
 });
-Object.defineProperty(exports, "filterOutStyledSystemSpacingProps", {
+Object.defineProperty(exports, "filterStyledSystemPaddingProps", {
   enumerable: true,
   get: function () {
-    return _filterOutStyledSystemSpacingProps.default;
+    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"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -5,19 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isObject = isObject;
 exports.mergeDeep = mergeDeep;
-
 /**
  * Simple object check.
  */
 function isObject(item) {
   return item && typeof item === "object" && !Array.isArray(item);
 }
-
-function merge(_target, ..._sources) {
+function merge(_target) {
+  for (var _len = arguments.length, _sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    _sources[_key - 1] = arguments[_key];
+  }
   if (!_sources.length) return _target;
-
   const source = _sources.shift();
-
   if (isObject(_target) && isObject(source)) {
     for (const key in source) {
       if (isObject(source[key])) {
@@ -29,16 +28,17 @@ function merge(_target, ..._sources) {
       }
     }
   }
-
   return merge(_target, ..._sources);
 }
+
 /**
  * Deep merge two objects.
  */
-
-
-function mergeDeep(target, ...sources) {
+function mergeDeep(target) {
   // ensure function is not mutative
   const newTarget = JSON.parse(JSON.stringify(target));
+  for (var _len2 = arguments.length, sources = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+    sources[_key2 - 1] = arguments[_key2];
+  }
   return merge(newTarget, ...sources);
 }

package/lib/style/utils/mix.d.ts

@@ -1,5 +1,5 @@
-declare const _default: (inputColorA: string, inputColorB: string, weight?: number) => string;
 /**
  * A Javascript implementation of the Sass `mix` mixin.
  */
+declare const _default: (inputColorA: string, inputColorB: string, weight?: number) => string;
 export default _default;

package/lib/style/utils/mix.js

@@ -4,33 +4,30 @@ 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) => {
+const processHexes = function () {
+  for (var _len = arguments.length, hexes = new Array(_len), _key = 0; _key < _len; _key++) {
+    hexes[_key] = arguments[_key];
+  }
   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) => {
+var _default = function _default(inputColorA, inputColorB) {
+  let weight = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 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 === null || colorAPairs === void 0 ? void 0 : colorAPairs.reduce((acc, pair, i) => {
+  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)));
@@ -38,5 +35,4 @@ var _default = (inputColorA, inputColorB, weight = 50) => {
   }, "").toUpperCase();
   return `#${hex}`;
 };
-
 exports.default = _default;

package/lib/style/utils/shade.js

@@ -4,11 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _mix = _interopRequireDefault(require("./mix"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = color => weight => (0, _mix.default)("000000", color, weight);
-
 exports.default = _default;

package/lib/style/utils/tint.js

@@ -4,11 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _mix = _interopRequireDefault(require("./mix"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = color => weight => (0, _mix.default)("FFFFFF", color, weight);
-
 exports.default = _default;

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _default = (0, _styledComponents.css)`
   border: 0;
   height: 1px;
@@ -17,5 +15,4 @@ var _default = (0, _styledComponents.css)`
   width: 1px;
   white-space: nowrap;
 `;
-
 exports.default = _default;

package/lib/style/utils/width.js

@@ -4,20 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledSystem = require("styled-system");
-
 // eslint-disable-next-line no-restricted-imports
-
 /*
  * 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` prop to the `layout` function.
  */
-var _default = ({
-  width
-}) => (0, _styledSystem.layout)({
-  width
-});
-
+var _default = _ref => {
+  let {
+    width
+  } = _ref;
+  return (0, _styledSystem.layout)({
+    width
+  });
+};
 exports.default = _default;