carbon-react 111.12.3 → 111.12.4

package/esm/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js

@@ -1,7 +1,6 @@
 import styled from "styled-components";
 import { baseTheme } from "../../themes";
 import generateCssVariables from "../generate-css-variables.util";
-
 /**
  *
  * Converts theme properties to css variables form and set them locally for

package/esm/style/design-tokens/debug-theme.util.js

@@ -1,5 +1,6 @@
 import tokens from "@sage/design-tokens/js/base/common";
 import mint from "../themes/mint";
+
 /**
  *
  * Generates debug theme by mapping theme properties, so that components or
@@ -9,29 +10,32 @@ import mint from "../themes/mint";
  * will be migrated to design tokens.
  *
  */
-
 const debugTheme = themeProperties => Object.fromEntries(Object.entries(themeProperties).map(([key, value]) => {
   if (typeof value === "string" && (value.startsWith("#") || value.startsWith("rgb") || value.startsWith("rgba") || value.startsWith("hsl") || value.startsWith("hsla"))) {
     return [key, `rgba(255, 20, 147, .2)`];
   }
+
   if (typeof value === "string" && value.endsWith("px")) {
     return [key, "10px"];
   }
+
   if (typeof value === "string" && value.endsWith("%")) {
     return [key, "10%"];
   }
+
   if (typeof value === "number") {
     return [key, 10];
   }
+
   if (typeof value === "object") {
     return key === "compatibility" ? [key, value] : [key, debugTheme(value)];
   }
+
   return [key, ""];
 }));
-export default {
-  ...debugTheme(mint),
-  compatibility: {
-    ...tokens
+
+export default { ...debugTheme(mint),
+  compatibility: { ...tokens
   },
   name: "sage-debug"
 };

package/esm/style/design-tokens/generate-css-variables.util.js

@@ -6,5 +6,4 @@
  * form of CSS variables along with styled-components ThemeProvider.
  *
  */
-
 export default (theme => Object.entries(theme).map(([key, value]) => `--${key}: ${value};`).join("\r\n"));

package/esm/style/palette/index.js

@@ -1,14 +1,15 @@
 import tint from "../utils/tint";
 import shade from "../utils/shade";
+
 const cachedFunc = cb => (cache = {}) => weight => {
   if (cache[weight]) {
     return cache[weight];
   }
+
   const color = cb(weight);
   cache[weight] = color;
   return color;
 };
-
 /**
  * Takes a config object of base colors and, for each base, generates functions
  * to lighten and darken it.
@@ -25,15 +26,18 @@ const cachedFunc = cb => (cache = {}) => weight => {
  * where `n` is the degree of white (in case of `tint`) or
  * black (in case of `shade`) they wish to mix into the base color.
  */
+
+
 const generatePalette = config => {
   const baseNames = Object.keys(config);
   const funcs = baseNames.reduce((acc, baseName) => {
     const tintBy = tint(config[baseName]),
-      shadeBy = shade(config[baseName]);
+          shadeBy = shade(config[baseName]);
     acc[`${baseName}Tint`] = cachedFunc(tintBy)();
     acc[`${baseName}Shade`] = cachedFunc(shadeBy)();
     return acc;
   }, {});
   return funcs;
 };
+
 export default generatePalette;

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

@@ -7,8 +7,10 @@ export default (palette => {
       tertiary: palette.productBlueShade(43),
       loadingBarBackground: palette.productBlueTint(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,
@@ -26,5 +28,6 @@ export default (palette => {
         colorsBaseTheme: this === null || this === void 0 ? void 0 : (_this$colors14 = this.colors) === null || _this$colors14 === void 0 ? void 0 : _this$colors14.primary
       };
     }
+
   };
 });

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

@@ -40,10 +40,11 @@ export default (palette => {
       notification: 7000,
       aboveAll: 9999
     },
+
     get compatibility() {
       var _this$colors, _this$colors$destruct;
-      return {
-        ...tokens,
+
+      return { ...tokens,
         colorsActionMajor150: this.colors.loadingBarBackground,
         colorsActionMajor500: this.colors.primary,
         colorsActionMajor600: this.colors.secondary,
@@ -55,5 +56,6 @@ export default (palette => {
         colorsSemanticInfo500: this.colors.info
       };
     }
+
   };
 });

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

@@ -8,8 +8,7 @@ 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
@@ -18,8 +17,7 @@ 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,8 +7,10 @@ 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,
@@ -26,5 +28,6 @@ export default (palette => {
         colorsBaseTheme: this === null || this === void 0 ? void 0 : (_this$colors14 = this.colors) === null || _this$colors14 === void 0 ? void 0 : _this$colors14.primary
       };
     }
+
   };
 });

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

@@ -1,9 +1,7 @@
 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);
+    expect(comparisonKeys).toContain(key); // repeat for nested objects
 
-    // repeat for nested objects
     assertIsSubset(obj[key], comparison[key]);
   });
 };

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

@@ -3,4 +3,5 @@ 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.js

@@ -5,6 +5,7 @@
  */
 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})`;
 });

package/esm/style/utils/color.js

@@ -1,6 +1,7 @@
 // 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.
  *
@@ -20,25 +21,30 @@ 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;
+
   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();
+
   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 (({
@@ -50,8 +56,7 @@ export default (({
   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,3 +1,5 @@
 import styledSystemPropTypes from "@styled-system/prop-types";
+
 const filterOutStyledSystemSpacingProps = props => Object.fromEntries(Object.entries(props).filter(([key]) => !styledSystemPropTypes.space[key]));
+
 export default filterOutStyledSystemSpacingProps;

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

@@ -1,7 +1,6 @@
 import filterObjectProperties from "../../__internal__/filter-object-properties";
 export const paddingPropertyNames = ["padding", "p", "paddingLeft", "pl", "paddingRight", "pr", "paddingTop", "pt", "paddingBottom", "pb", "paddingX", "px", "paddingY", "py"];
-export default function filterStyledSystemPaddingProps(
-// method should accept any react prop
+export default function filterStyledSystemPaddingProps( // method should accept any react prop
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 props) {
   return filterObjectProperties(props, paddingPropertyNames);

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

@@ -1,9 +1,11 @@
 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:
       {
@@ -11,27 +13,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,
@@ -39,6 +47,7 @@ const parsePadding = paddingString => {
     paddingRight
   };
 };
+
 const calculatePadding = props => {
   const {
     padding,
@@ -48,6 +57,7 @@ const calculatePadding = props => {
   Object.assign(result, individualPaddingProperties);
   return result;
 };
+
 export const calculateWidthValue = props => {
   const {
     paddingLeft,
@@ -68,7 +78,9 @@ 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,5 +3,6 @@ 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,9 +4,12 @@
 export 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])) {
@@ -18,12 +21,14 @@ function merge(_target, ..._sources) {
       }
     }
   }
+
   return merge(_target, ..._sources);
 }
-
 /**
  * Deep merge two objects.
  */
+
+
 export function mergeDeep(target, ...sources) {
   // ensure function is not mutative
   const newTarget = JSON.parse(JSON.stringify(target));

package/esm/style/utils/mix.js

@@ -1,22 +1,28 @@
 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.
  */
+
+
 export 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]);

package/esm/style/utils/width.js

@@ -1,6 +1,5 @@
 // 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.

package/lib/__internal__/DeprecationWarning.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const DeprecationWarning = ({
   children
 }) => /*#__PURE__*/_react.default.createElement("div", {
@@ -19,6 +23,7 @@ const DeprecationWarning = ({
     marginBottom: 10
   }
 }, children);
+
 DeprecationWarning.propTypes = {
   children: _propTypes.default.node.isRequired
 };

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

@@ -4,10 +4,15 @@ 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"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const CharacterCount = ({
   value,
   limit,
@@ -18,6 +23,7 @@ const CharacterCount = ({
   isOverLimit: isOverLimit,
   "data-element": dataElement
 }, `${value}/${limit}`);
+
 CharacterCount.propTypes = {
   "data-element": _propTypes.default.string,
   "isOverLimit": _propTypes.default.bool.isRequired,

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

@@ -4,11 +4,17 @@ 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; }
+
 const StyledCharacterCount = _styledComponents.default.div`
   text-align: right;
   font-size: 12px;

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

@@ -9,5 +9,7 @@ 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,8 +4,11 @@ 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;

package/lib/__internal__/checkable-input/checkable-input.component.js

@@ -4,17 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _checkableInput = require("./checkable-input.style");
+
 var _inputBehaviour = require("../input-behaviour");
+
 var _formField = _interopRequireDefault(require("../form-field"));
+
 var _hiddenCheckableInput = _interopRequireDefault(require("./hidden-checkable-input.component"));
+
 var _guid = _interopRequireDefault(require("../utils/helpers/guid"));
+
 var _useInputAccessibility = _interopRequireDefault(require("../../hooks/__internal__/useInputAccessibility"));
+
 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; }
+
 const CheckableInput = ({
   ariaLabelledBy: externalAriaLabelledBy,
   autoFocus,
@@ -115,6 +127,7 @@ const CheckableInput = ({
     reverse: reverse
   }, /*#__PURE__*/_react.default.createElement(_inputBehaviour.InputBehaviour, null, /*#__PURE__*/_react.default.createElement(_formField.default, formFieldProps, /*#__PURE__*/_react.default.createElement(_checkableInput.StyledCheckableInput, null, /*#__PURE__*/_react.default.createElement(_hiddenCheckableInput.default, inputProps), children))));
 };
+
 CheckableInput.propTypes = {
   "about": _propTypes.default.string,
   "accept": _propTypes.default.string,
@@ -182,6 +195,9 @@ CheckableInput.propTypes = {
   "contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
   "contextMenu": _propTypes.default.string,
   "crossOrigin": _propTypes.default.string,
+  "css": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__emotion_styles": _propTypes.default.any.isRequired
+  }), _propTypes.default.string, _propTypes.default.bool]),
   "dangerouslySetInnerHTML": _propTypes.default.shape({
     "__html": _propTypes.default.string.isRequired
   }),

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

@@ -4,16 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledCheckableInputWrapper = exports.StyledCheckableInput = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _fieldHelp = _interopRequireDefault(require("../field-help/field-help.style"));
+
 var _formField = require("../form-field/form-field.style");
+
 var _hiddenCheckableInput = _interopRequireDefault(require("./hidden-checkable-input.style"));
+
 var _label = _interopRequireWildcard(require("../label/label.style"));
+
 var _help = _interopRequireDefault(require("../../components/help/help.style"));
+
 var _validationIcon = _interopRequireDefault(require("../validations/validation-icon.style"));
+
 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; }
+
 const StyledCheckableInput = _styledComponents.default.div`
   display: inline-block;
   position: relative;