carbon-react 118.5.1 → 118.6.0

package/esm/style/themes/base/index.js

@@ -8,7 +8,8 @@ const colors = generatePalette(baseColors);
 const colorsWithHex = addHexSymbols(baseColors);
 const blackOpacity = atOpacity("#000000");
 const whiteOpacity = atOpacity("#FFFFFF");
-const palette = { ...colors,
+const palette = {
+  ...colors,
   ...colorsWithHex,
   blackOpacity,
   whiteOpacity
@@ -17,7 +18,8 @@ const baseTheme = configureBase(palette);
 export default baseTheme;
 export const mergeWithBase = configureTheme => {
   const themeToMergeWithBase = configureTheme(palette);
-  return { ...mergeDeep(baseTheme, themeToMergeWithBase),
+  return {
+    ...mergeDeep(baseTheme, themeToMergeWithBase),
     palette
   };
 };

package/esm/style/themes/mint/mint-theme.config.js

@@ -7,27 +7,23 @@ export default (palette => {
       tertiary: palette.productGreenShade(61),
       loadingBarBackground: palette.productGreenTint(70)
     },
-
     get compatibility() {
-      var _this$colors, _this$colors2, _this$colors3, _this$colors4, _this$colors5, _this$colors6, _this$colors7, _this$colors8, _this$colors9, _this$colors10, _this$colors11, _this$colors12, _this$colors13, _this$colors14;
-
       return {
-        colorsActionMajor150: this === null || this === void 0 ? void 0 : (_this$colors = this.colors) === null || _this$colors === void 0 ? void 0 : _this$colors.loadingBarBackground,
-        colorsActionMajor500: this === null || this === void 0 ? void 0 : (_this$colors2 = this.colors) === null || _this$colors2 === void 0 ? void 0 : _this$colors2.primary,
-        colorsActionMajor600: this === null || this === void 0 ? void 0 : (_this$colors3 = this.colors) === null || _this$colors3 === void 0 ? void 0 : _this$colors3.secondary,
-        colorsActionMajor700: this === null || this === void 0 ? void 0 : (_this$colors4 = this.colors) === null || _this$colors4 === void 0 ? void 0 : _this$colors4.tertiary,
-        colorsComponentsMenuAutumnStandard600: this === null || this === void 0 ? void 0 : (_this$colors5 = this.colors) === null || _this$colors5 === void 0 ? void 0 : _this$colors5.primary,
-        colorsComponentsMenuSpringChild600: this === null || this === void 0 ? void 0 : (_this$colors6 = this.colors) === null || _this$colors6 === void 0 ? void 0 : _this$colors6.primary,
-        colorsComponentsMenuAutumnChild600: this === null || this === void 0 ? void 0 : (_this$colors7 = this.colors) === null || _this$colors7 === void 0 ? void 0 : _this$colors7.primary,
-        colorsComponentsMenuSummerChild600: this === null || this === void 0 ? void 0 : (_this$colors8 = this.colors) === null || _this$colors8 === void 0 ? void 0 : _this$colors8.primary,
-        colorsComponentsMenuWinterChild600: this === null || this === void 0 ? void 0 : (_this$colors9 = this.colors) === null || _this$colors9 === void 0 ? void 0 : _this$colors9.primary,
-        colorsComponentsMenuSpringChildAlt600: this === null || this === void 0 ? void 0 : (_this$colors10 = this.colors) === null || _this$colors10 === void 0 ? void 0 : _this$colors10.primary,
-        colorsComponentsMenuAutumnChildAlt600: this === null || this === void 0 ? void 0 : (_this$colors11 = this.colors) === null || _this$colors11 === void 0 ? void 0 : _this$colors11.primary,
-        colorsComponentsMenuWinterChildAlt600: this === null || this === void 0 ? void 0 : (_this$colors12 = this.colors) === null || _this$colors12 === void 0 ? void 0 : _this$colors12.primary,
-        colorsComponentsMenuSummerChildAlt600: this === null || this === void 0 ? void 0 : (_this$colors13 = this.colors) === null || _this$colors13 === void 0 ? void 0 : _this$colors13.primary,
-        colorsBaseTheme: this === null || this === void 0 ? void 0 : (_this$colors14 = this.colors) === null || _this$colors14 === void 0 ? void 0 : _this$colors14.primary
+        colorsActionMajor150: this?.colors?.loadingBarBackground,
+        colorsActionMajor500: this?.colors?.primary,
+        colorsActionMajor600: this?.colors?.secondary,
+        colorsActionMajor700: this?.colors?.tertiary,
+        colorsComponentsMenuAutumnStandard600: this?.colors?.primary,
+        colorsComponentsMenuSpringChild600: this?.colors?.primary,
+        colorsComponentsMenuAutumnChild600: this?.colors?.primary,
+        colorsComponentsMenuSummerChild600: this?.colors?.primary,
+        colorsComponentsMenuWinterChild600: this?.colors?.primary,
+        colorsComponentsMenuSpringChildAlt600: this?.colors?.primary,
+        colorsComponentsMenuAutumnChildAlt600: this?.colors?.primary,
+        colorsComponentsMenuWinterChildAlt600: this?.colors?.primary,
+        colorsComponentsMenuSummerChildAlt600: this?.colors?.primary,
+        colorsBaseTheme: this?.colors?.primary
       };
     }
-
   };
 });

package/esm/style/themes/sage/index.d.ts

@@ -1,4 +1,4 @@
-declare var _default: {
+declare const _default: {
     compatibility: {
         metaName: string;
         metaPublic: string;

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

@@ -1,7 +1,9 @@
 import tokens from "@sage/design-tokens/js/base/common";
 import mint from "../mint/index";
-export default { ...mint,
-  compatibility: { ...tokens
+export default {
+  ...mint,
+  compatibility: {
+    ...tokens
   },
   name: "sage"
 };

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

@@ -1,20 +1,20 @@
 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
 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]);
   });
 };

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

@@ -3,5 +3,4 @@ const addHex = obj => (acc, col) => {
   acc[col] = `#${color}`;
   return acc;
 };
-
 export default (configObject => Object.keys(configObject).reduce(addHex(configObject), {}));

package/esm/style/utils/at-opacity.d.ts

@@ -1,7 +1,7 @@
-declare const _default: (base: string) => (opacity: number | string) => string;
 /**
  * Given a base color hex will return a function that expects
  * some given opactiy and returns the base color at that
  * opacity.
  */
+declare const _default: (base: string) => (opacity: number | string) => string;
 export default _default;

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

@@ -4,8 +4,6 @@
  * opacity.
  */
 export 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})`;
+  const rgb = base?.match(/[^#]{2}/g)?.map(pair => parseInt(pair, 16));
+  return opacity => `rgba(${rgb?.join(",")},${opacity})`;
 });

package/esm/style/utils/color.js

@@ -1,7 +1,6 @@
 // eslint-disable-next-line no-restricted-imports
 import { color as styledColor } from "styled-system";
 import tokens from "@sage/design-tokens/js/base/common";
-
 /*
  * styled-system/color allows users to use a color from the theme, from the `colors` object.
  *
@@ -21,42 +20,38 @@ import tokens from "@sage/design-tokens/js/base/common";
  *
  * This allows us to keep our themes as plain objects.
  */
-export const toColor = (theme, color) => {
-  var _color$match;
 
+export const toColor = (theme, color) => {
   if (color.startsWith("--") && color.slice(2) in tokens) {
     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;
 };
-export default (({
-  color,
-  bg,
-  backgroundColor,
-  ...rest
-}) => {
+export 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 styledColor({ ...rest,
+  return styledColor({
+    ...rest,
     ...obj
   });
 });

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

@@ -1,6 +1,7 @@
 import { marginPropertyNames } from "./filter-styled-system-margin-props";
 import { paddingPropertyNames } from "./filter-styled-system-padding-props";
-
-const filterOutStyledSystemSpacingProps = props => Object.fromEntries(Object.entries(props).filter(([key]) => ![...marginPropertyNames, ...paddingPropertyNames].includes(key)));
-
+const filterOutStyledSystemSpacingProps = props => Object.fromEntries(Object.entries(props).filter(_ref => {
+  let [key] = _ref;
+  return ![...marginPropertyNames, ...paddingPropertyNames].includes(key);
+}));
 export default filterOutStyledSystemSpacingProps;

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

@@ -1,11 +1,9 @@
 import { padding as paddingFn } from "styled-system";
 import { HORIZONTAL_PADDING, CONTENT_TOP_PADDING, CONTENT_BOTTOM_PADDING } from "../../components/dialog/dialog.config";
 import { SIDEBAR_TOP_SPACING, SIDEBAR_BOTTOM_SPACING, SIDEBAR_LEFT_PADDING, SIDEBAR_RIGHT_PADDING } from "../../components/sidebar/sidebar.config";
-
 const parsePadding = paddingString => {
   const paddingValues = paddingString.split(/\s+/);
   let paddingTop, paddingBottom, paddingLeft, paddingRight;
-
   switch (paddingValues.length) {
     case 1:
       {
@@ -13,33 +11,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,
@@ -47,7 +39,6 @@ const parsePadding = paddingString => {
     paddingRight
   };
 };
-
 const calculatePadding = props => {
   const {
     padding,
@@ -57,7 +48,6 @@ const calculatePadding = props => {
   Object.assign(result, individualPaddingProperties);
   return result;
 };
-
 export const calculateWidthValue = props => {
   const {
     paddingLeft,
@@ -66,7 +56,8 @@ export const calculateWidthValue = props => {
   const paddingValue = `(${paddingLeft ?? `${HORIZONTAL_PADDING}px`} + ${paddingRight ?? `${HORIZONTAL_PADDING}px`})`;
   return `width: calc(100% + ${paddingValue});`;
 };
-export const calculateFormSpacingValues = (props, isFormContent, containerComponent = "dialog") => {
+export const calculateFormSpacingValues = function (props, isFormContent) {
+  let containerComponent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "dialog";
   const {
     paddingTop,
     paddingBottom,
@@ -78,9 +69,7 @@ export const calculateFormSpacingValues = (props, isFormContent, containerCompon
   const spacingRightValue = paddingRight ?? `${HORIZONTAL_PADDING}px`;
   const spacingBottomValue = paddingBottom ?? (isSidebar ? SIDEBAR_BOTTOM_SPACING : `${CONTENT_BOTTOM_PADDING}px`);
   const spacingLeftValue = paddingLeft ?? `${HORIZONTAL_PADDING}px`;
-
   const setNegativeValue = value => `calc(-1 * ${value})`;
-
   return {
     "margin-left": setNegativeValue(spacingLeftValue),
     "margin-right": setNegativeValue(spacingRightValue),

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

@@ -3,6 +3,5 @@ export default (color => {
   if (color.startsWith("var")) {
     return tokens[color.replace("var(--", "").replace(")", "")];
   }
-
   return color;
 });

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

@@ -1,6 +1,6 @@
 /** 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)];
 };
-
 export default getRgbValues;

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

@@ -4,12 +4,12 @@
 export 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])) {
@@ -21,16 +21,17 @@ function merge(_target, ..._sources) {
       }
     }
   }
-
   return merge(_target, ..._sources);
 }
+
 /**
  * Deep merge two objects.
  */
-
-
-export function mergeDeep(target, ...sources) {
+export 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/esm/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/esm/style/utils/mix.js

@@ -1,29 +1,27 @@
 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.
  */
-
-
-export default ((inputColorA, inputColorB, weight = 50) => {
+export default (function (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)));

package/esm/style/utils/width.js

@@ -1,13 +1,17 @@
 // eslint-disable-next-line no-restricted-imports
 import { layout } from "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` prop to the `layout` function.
  */
 
-export default (({
-  width
-}) => layout({
-  width
-}));
+export default (_ref => {
+  let {
+    width
+  } = _ref;
+  return layout({
+    width
+  });
+});

package/lib/__internal__/character-count/character-count.component.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 interface CharacterCountProps {
     value: number;
     limit: number;
     isOverLimit: boolean;
     "data-element"?: string;
 }
-declare const CharacterCount: ({ value, limit, isOverLimit, "data-element": dataElement, }: CharacterCountProps) => JSX.Element;
+declare const CharacterCount: ({ value, limit, isOverLimit, "data-element": dataElement, }: CharacterCountProps) => React.JSX.Element;
 export default CharacterCount;

package/lib/__internal__/character-count/character-count.component.js

@@ -4,41 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _characterCount = _interopRequireDefault(require("./character-count.style"));
-
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const CharacterCount = ({
-  value,
-  limit,
-  isOverLimit,
-  "data-element": dataElement
-}) => {
+const CharacterCount = _ref => {
+  let {
+    value,
+    limit,
+    isOverLimit,
+    "data-element": dataElement
+  } = _ref;
   const limitMinusValue = +limit - +value;
   const valueMinusLimit = +value - +limit;
   const l = (0, _useLocale.default)();
-
   const getFormatNumber = (rawValue, locale) => new Intl.NumberFormat(locale).format(rawValue);
-
   return /*#__PURE__*/_react.default.createElement(_characterCount.default, {
     "aria-live": "polite",
     isOverLimit: isOverLimit,
     "data-element": dataElement
   }, !isOverLimit ? l.characterCount.charactersLeft(limitMinusValue, getFormatNumber(limitMinusValue, l.locale())) : l.characterCount.tooManyCharacters(valueMinusLimit, getFormatNumber(valueMinusLimit, l.locale())));
 };
-
-CharacterCount.propTypes = {
-  "data-element": _propTypes.default.string,
-  "isOverLimit": _propTypes.default.bool.isRequired,
-  "limit": _propTypes.default.number.isRequired,
-  "value": _propTypes.default.number.isRequired
-};
 var _default = CharacterCount;
 exports.default = _default;

package/lib/__internal__/character-count/character-count.style.js

@@ -4,31 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const StyledCharacterCount = _styledComponents.default.div`
   text-align: right;
   font-size: 12px;
   margin-top: 4px;
   margin-bottom: 4px;
-  color: ${({
-  isOverLimit
-}) => isOverLimit ? "var(--colorsSemanticNegative500)" : "var(--colorsUtilityYin055)"};
-
-  ${({
-  isOverLimit
-}) => isOverLimit && (0, _styledComponents.css)`
+  color: ${_ref => {
+  let {
+    isOverLimit
+  } = _ref;
+  return isOverLimit ? "var(--colorsSemanticNegative500)" : "var(--colorsUtilityYin055)";
+}};
+
+  ${_ref2 => {
+  let {
+    isOverLimit
+  } = _ref2;
+  return isOverLimit && (0, _styledComponents.css)`
       font-weight: 700;
-    `}
+    `;
+}}
 `;
 StyledCharacterCount.defaultProps = {
   theme: _base.default

package/lib/__internal__/character-count/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _characterCount.default;
   }
 });
-
 var _characterCount = _interopRequireDefault(require("./character-count.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/__internal__/checkable-input/checkable-input-svg-wrapper.style.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledCheckableInputSvgWrapper = _styledComponents.default.div``;
 var _default = StyledCheckableInputSvgWrapper;
 exports.default = _default;