carbon-react 111.12.3 → 111.12.4

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

@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _default = () => {
   return {
     name: "none"
   };
 };
+
 exports.default = _default;

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

@@ -4,13 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _common = _interopRequireDefault(require("@sage/design-tokens/js/base/common"));
+
 var _index = _interopRequireDefault(require("../mint/index"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
-  ..._index.default,
-  compatibility: {
-    ..._common.default
+
+var _default = { ..._index.default,
+  compatibility: { ..._common.default
   },
   name: "sage"
 };

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

@@ -4,11 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _ = require("..");
+
 var _default = (() => {
   console.warn(`"Small Theme" has been renamed to "Mint".
 All references to that theme should be updated to:
 import { mintTheme } from 'carbon-react/lib/style/themes'`);
   return _.mintTheme;
 })();
+
 exports.default = _default;

package/lib/style/themes/test-utils.js

@@ -4,24 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.assertIsSubset = void 0;
+
 const isObject = obj => {
   return typeof obj === "object" && obj !== null;
-};
+}; // eslint-disable-next-line import/prefer-default-export
+
 
-// eslint-disable-next-line import/prefer-default-export
 const assertIsSubset = (obj, comparison) => {
   if (!isObject(obj)) {
     // no further nesting
     return;
   }
+
   const objKeys = Object.keys(obj);
   const comparisonKeys = Object.keys(comparison);
   objKeys.forEach(key => {
     // assert that keys are present
-    expect(comparisonKeys).toContain(key);
+    expect(comparisonKeys).toContain(key); // repeat for nested objects
 
-    // repeat for nested objects
     assertIsSubset(obj[key], comparison[key]);
   });
 };
+
 exports.assertIsSubset = assertIsSubset;

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

@@ -4,10 +4,13 @@ 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;

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

@@ -4,6 +4,7 @@ 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
@@ -11,7 +12,9 @@ exports.default = void 0;
  */
 var _default = base => {
   var _base$match;
+
   const rgb = base === null || base === void 0 ? void 0 : (_base$match = base.match(/[^#]{2}/g)) === null || _base$match === void 0 ? void 0 : _base$match.map(pair => parseInt(pair, 16));
   return opacity => `rgba(${rgb === null || rgb === void 0 ? void 0 : rgb.join(",")},${opacity})`;
 };
+
 exports.default = _default;

package/lib/style/utils/color.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.toColor = 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
 
 /*
@@ -28,28 +32,35 @@ 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;
+
   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();
+
   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,
@@ -59,9 +70,9 @@ var _default = ({
   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,10 +5,14 @@ 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,8 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _propTypes = _interopRequireDefault(require("@styled-system/prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const filterOutStyledSystemSpacingProps = props => Object.fromEntries(Object.entries(props).filter(([key]) => !_propTypes.default.space[key]));
+
 var _default = filterOutStyledSystemSpacingProps;
 exports.default = _default;

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

@@ -5,10 +5,14 @@ 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,12 +5,15 @@ 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(
-// method should accept any react prop
+
+function filterStyledSystemPaddingProps( // method should accept any react prop
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 props) {
   return (0, _filterObjectProperties.default)(props, paddingPropertyNames);

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

@@ -4,12 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.calculateFormSpacingValues = exports.calculateWidthValue = 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:
       {
@@ -17,27 +22,33 @@ 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,
@@ -45,6 +56,7 @@ const parsePadding = paddingString => {
     paddingRight
   };
 };
+
 const calculatePadding = props => {
   const {
     padding,
@@ -54,6 +66,7 @@ const calculatePadding = props => {
   Object.assign(result, individualPaddingProperties);
   return result;
 };
+
 const calculateWidthValue = props => {
   const {
     paddingLeft,
@@ -62,7 +75,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 {
     paddingTop,
@@ -75,7 +90,9 @@ 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),
@@ -92,4 +109,5 @@ const calculateFormSpacingValues = (props, isFormContent, containerComponent = "
     })
   };
 };
+
 exports.calculateFormSpacingValues = calculateFormSpacingValues;

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

@@ -4,12 +4,17 @@ 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,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-/** Given a base color in hex will return its rgb values. */
 
+/** 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

@@ -21,7 +21,11 @@ Object.defineProperty(exports, "filterOutStyledSystemSpacingProps", {
     return _filterOutStyledSystemSpacingProps.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,15 +5,19 @@ 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) {
   if (!_sources.length) return _target;
+
   const source = _sources.shift();
+
   if (isObject(_target) && isObject(source)) {
     for (const key in source) {
       if (isObject(source[key])) {
@@ -25,12 +29,14 @@ function merge(_target, ..._sources) {
       }
     }
   }
+
   return merge(_target, ..._sources);
 }
-
 /**
  * Deep merge two objects.
  */
+
+
 function mergeDeep(target, ...sources) {
   // ensure function is not mutative
   const newTarget = JSON.parse(JSON.stringify(target));

package/lib/style/utils/mix.js

@@ -4,25 +4,32 @@ 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 === null || colorAPairs === void 0 ? void 0 : colorAPairs.reduce((acc, pair, i) => {
     const val1 = hexToDec(pair);
     const val2 = hexToDec(colorBPairs[i]);
@@ -31,4 +38,5 @@ var _default = (inputColorA, inputColorB, weight = 50) => {
   }, "").toUpperCase();
   return `#${hex}`;
 };
+
 exports.default = _default;

package/lib/style/utils/shade.js

@@ -4,7 +4,11 @@ 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,7 +4,11 @@ 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/width.js

@@ -4,8 +4,11 @@ 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.
@@ -16,4 +19,5 @@ var _default = ({
 }) => (0, _styledSystem.layout)({
   width
 });
+
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "111.12.3",
+  "version": "111.12.4",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",