carbon-react 111.12.1 → 111.12.3

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

@@ -4,11 +4,9 @@ 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,15 +4,13 @@ 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,14 +4,11 @@ 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,26 +4,24 @@ 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); // repeat for nested objects
+    expect(comparisonKeys).toContain(key);
 
+    // repeat for nested objects
     assertIsSubset(obj[key], comparison[key]);
   });
 };
-
 exports.assertIsSubset = assertIsSubset;

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

@@ -4,13 +4,10 @@ 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,7 +4,6 @@ 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
@@ -12,9 +11,7 @@ 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,13 +4,9 @@ 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
 
 /*
@@ -32,35 +28,28 @@ 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,
@@ -70,9 +59,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,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,8 @@ 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,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,15 +5,12 @@ 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,17 +4,12 @@ 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:
       {
@@ -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,9 +62,7 @@ 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,
@@ -90,9 +75,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),
@@ -109,5 +92,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

@@ -21,11 +21,7 @@ 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,19 +5,15 @@ 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])) {
@@ -29,14 +25,12 @@ 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,32 +4,25 @@ 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]);
@@ -38,5 +31,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/width.js

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

package/package.json

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

package/esm/components/switch/switch.d.ts

@@ -1,37 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-import { CommonCheckableInputProps } from "../../__internal__/checkable-input";
-
-export type LabelAlign = "left" | "right";
-
-export interface SwitchProps extends CommonCheckableInputProps, MarginProps {
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-component"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-element"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-role"?: string;
-  /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
-  adaptiveLabelBreakpoint?: number;
-  /** Set the default value of the Switch if component is meant to be used as uncontrolled */
-  defaultChecked?: boolean;
-  /** Text alignment of the label */
-  labelAlign?: LabelAlign;
-  /** When true label is inline */
-  labelInline?: boolean;
-  /** Triggers loading animation */
-  loading?: boolean;
-  /** When true, validation icon will be placed on label instead of being placed on the input */
-  validationOnLabel?: boolean;
-  /** The value of the switch, passed on form submit */
-  value?: string;
-  /** Overrides the default tooltip position */
-  tooltipPosition?: "top" | "bottom" | "left" | "right";
-  /** Aria label for rendered help component */
-  helpAriaLabel?: string;
-}
-
-declare function Switch(props: SwitchProps): JSX.Element;
-
-export { Switch as BaseSwitch };
-export default Switch;

package/lib/components/switch/switch.d.ts

@@ -1,37 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-import { CommonCheckableInputProps } from "../../__internal__/checkable-input";
-
-export type LabelAlign = "left" | "right";
-
-export interface SwitchProps extends CommonCheckableInputProps, MarginProps {
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-component"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-element"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-role"?: string;
-  /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
-  adaptiveLabelBreakpoint?: number;
-  /** Set the default value of the Switch if component is meant to be used as uncontrolled */
-  defaultChecked?: boolean;
-  /** Text alignment of the label */
-  labelAlign?: LabelAlign;
-  /** When true label is inline */
-  labelInline?: boolean;
-  /** Triggers loading animation */
-  loading?: boolean;
-  /** When true, validation icon will be placed on label instead of being placed on the input */
-  validationOnLabel?: boolean;
-  /** The value of the switch, passed on form submit */
-  value?: string;
-  /** Overrides the default tooltip position */
-  tooltipPosition?: "top" | "bottom" | "left" | "right";
-  /** Aria label for rendered help component */
-  helpAriaLabel?: string;
-}
-
-declare function Switch(props: SwitchProps): JSX.Element;
-
-export { Switch as BaseSwitch };
-export default Switch;