@telus-uds/components-base 1.66.0 → 1.67.1

package/lib/Carousel/CarouselItem/CarouselItem.js

@@ -4,29 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _utils = require("../../utils");
-
 var _CarouselContext = require("../CarouselContext");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
+
 /**
  * `Carousel.Item` is used to wrap the content of an individual slide and is suppsoed to be the
  * only top-level component passed to the `Carousel`
  */
-
 const CarouselItem = _ref => {
   let {
     children,
@@ -39,19 +30,18 @@ const CarouselItem = _ref => {
     width,
     activeIndex
   } = (0, _CarouselContext.useCarousel)();
-  const selectedProps = selectProps({ ...rest,
+  const selectedProps = selectProps({
+    ...rest,
     ...(0, _utils.getA11yPropsFromHtmlTag)(tag, rest.accessibilityRole)
   });
   const focusabilityProps = activeIndex === elementIndex ? {} : _utils.a11yProps.nonFocusableProps;
   const style = {
     width
   };
-
   if (hidden && _Platform.default.OS === 'web') {
     // On web, visibility: hidden makes all children non-focusable. It doesn't exist on native.
     style.visibility = 'hidden';
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
     style: style,
     ...selectedProps,
@@ -59,26 +49,22 @@ const CarouselItem = _ref => {
     children: children
   });
 };
-
-CarouselItem.propTypes = { ...selectedSystemPropTypes,
+CarouselItem.propTypes = {
+  ...selectedSystemPropTypes,
   variant: _utils.variantProp.propType,
-
   /**
    * Index of the current slide
    * Don't pass this prop when using `Carousel.Item` as it is already being passed by `Carousel` top-level component
    */
   elementIndex: _propTypes.default.number,
-
   /**
    * Provide custom accessibilityLabelledBy for Carousel slide
    */
   accessibilityLabelledBy: _propTypes.default.string,
-
   /**
    * Content of the slide
    */
   children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired,
-
   /**
    * Sets the HTML tag of the outer container. By default `'li'` so that assistive technology sees
    * the Carousel as a list of items.
@@ -87,7 +73,6 @@ CarouselItem.propTypes = { ...selectedSystemPropTypes,
    * `Carousel` or `Carousel.Item` is overriden, the other should be too, to avoid producing invalid HTML.
    */
   tag: _propTypes.default.oneOf(_utils.layoutTags),
-
   /**
    * Function to set carousel content background color when slide is being display
    */

package/lib/Carousel/CarouselItem/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _CarouselItem = _interopRequireDefault(require("./CarouselItem"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _CarouselItem.default;
 exports.default = _default;

package/lib/Carousel/CarouselStepTracker/CarouselStepTracker.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _CarouselContext = require("../CarouselContext");
-
 var _StepTracker = _interopRequireDefault(require("../../StepTracker"));
-
 var _StackView = _interopRequireDefault(require("../../StackView"));
-
 var _utils = require("../../utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const CarouselStepTracker = _ref => {
   let {
     variant
@@ -61,7 +53,6 @@ const CarouselStepTracker = _ref => {
     })
   });
 };
-
 CarouselStepTracker.propTypes = {
   variant: _utils.variantProp.propType
 };

package/lib/Carousel/CarouselStepTracker/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _CarouselStepTracker = _interopRequireDefault(require("./CarouselStepTracker"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _CarouselStepTracker.default;
 exports.default = _default;

package/lib/Carousel/CarouselTabs/CarouselTabs.js

@@ -4,28 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../../utils");
-
 var _Carousel = _interopRequireDefault(require("../Carousel"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _CarouselTabs$propTyp, _CarouselTabs$propTyp2;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
 /**
  * @deprecated Please use Carousel and pass the `tabs` prop.
  */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 CarouselTabs = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     items,
@@ -61,9 +51,9 @@ CarouselTabs.propTypes = {
     content: _propTypes.default.node.isRequired
   })),
   ..._Carousel.default.propTypes
-}; // CarouselTabs doesn't require `children` prop, it uses `items` instead.
+};
+// CarouselTabs doesn't require `children` prop, it uses `items` instead.
 // eslint-disable-next-line react/forbid-foreign-prop-types
-
 if ((_CarouselTabs$propTyp = CarouselTabs.propTypes) !== null && _CarouselTabs$propTyp !== void 0 && _CarouselTabs$propTyp.children) (_CarouselTabs$propTyp2 = CarouselTabs.propTypes) === null || _CarouselTabs$propTyp2 === void 0 ? true : delete _CarouselTabs$propTyp2.children;
 var _default = CarouselTabs;
 exports.default = _default;

package/lib/Carousel/CarouselTabs/CarouselTabsPanel.js

@@ -4,31 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _StackView = _interopRequireDefault(require("../../StackView"));
-
 var _CarouselContext = require("../CarouselContext");
-
 var _CarouselTabsPanelItem = _interopRequireDefault(require("./CarouselTabsPanelItem"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 selectTabPanelStyle = () => ({
   backgroundColor: 'transparent'
 });
-
 const CarouselTabsPanel = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     items
@@ -40,15 +28,17 @@ const CarouselTabsPanel = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const nextFocusRef = (0, _react.useRef)();
   const firstTabRef = (0, _react.useRef)();
   const [isInverse, setIsInverse] = (0, _react.useState)(false);
-  const lastTabSelected = activeIndex === items.length - 1; // Get current select tab style
+  const lastTabSelected = activeIndex === items.length - 1;
 
+  // Get current select tab style
   (0, _react.useEffect)(() => {
     const [selectedVariantIsInverse] = items.filter((_, index) => index === activeIndex);
     setIsInverse(selectedVariantIsInverse === null || selectedVariantIsInverse === void 0 ? void 0 : selectedVariantIsInverse.inverse);
-  }, [items, activeIndex]); // TODO: figure out a better cross-brand way to specify subcomponent variants.
+  }, [items, activeIndex]);
+
+  // TODO: figure out a better cross-brand way to specify subcomponent variants.
   // For now, this picks an Allium variant, and does nothing in brands that lack it.
   // See similar comment in Carousel and https://github.com/telus/universal-design-system/issues/1549
-
   const dividerVariant = {
     decorative: true,
     inverse: isInverse
@@ -70,8 +60,9 @@ const CarouselTabsPanel = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
           ...panelItemProps
         } = _ref2;
         const selected = index === activeIndex;
-        const isNext = index === activeIndex + 1; // Selected item should be always unfocusable and unpressable
+        const isNext = index === activeIndex + 1;
 
+        // Selected item should be always unfocusable and unpressable
         const handlePress = selected ? undefined : event => {
           if (typeof onPress === 'function') onPress(event, index);
           goTo(index);

package/lib/Carousel/CarouselTabs/CarouselTabsPanelItem.js

@@ -4,32 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Pressable = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Pressable"));
-
 var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _ThemeProvider = require("../../ThemeProvider");
-
 var _utils = require("../../utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 [selectPressProps, pressPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.pressProps, _utils.viewProps]);
 const [selectTextProps, textPropTypes] = (0, _utils.selectSystemProps)([_utils.textProps]);
-
 const selectContainerStyles = _ref => {
   let {
     paddingLeft,
@@ -62,7 +49,6 @@ const selectContainerStyles = _ref => {
     })
   };
 };
-
 const selectTextStyles = _ref2 => {
   let {
     fontSize,
@@ -83,7 +69,6 @@ const selectTextStyles = _ref2 => {
     color
   });
 };
-
 const CarouselTabsPanelItem = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
     title,
@@ -100,25 +85,19 @@ const CarouselTabsPanelItem = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) =
   const [isFocused, setIsFocused] = (0, _react.useState)(false);
   const disabled = (inactive || selected) && !isFocused;
   const getTokens = (0, _ThemeProvider.useThemeTokensCallback)('CarouselTabsPanelItem', tokens, variant);
-
   const resolveTokens = pressState => getTokens((0, _utils.resolvePressableState)(pressState, {
     selected
   }));
-
   const getContainerStyle = pressState => selectContainerStyles(resolveTokens(pressState));
-
   const getTextStyle = pressState => selectTextStyles(resolveTokens(pressState));
-
   const {
     onPress,
     ...selectedPressProps
   } = selectPressProps(rest);
-
   const handleKeyDown = event => {
     // Allow using the spacebar for navigation
     if ((event === null || event === void 0 ? void 0 : event.key) === ' ') onPress(event);
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pressable.default, {
     onPress: onPress,
     style: getContainerStyle,
@@ -137,7 +116,8 @@ const CarouselTabsPanelItem = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) =
   });
 });
 CarouselTabsPanelItem.displayName = 'CarouselTabsPanelItem';
-CarouselTabsPanelItem.propTypes = { ...pressPropTypes,
+CarouselTabsPanelItem.propTypes = {
+  ...pressPropTypes,
   ...textPropTypes,
   title: _propTypes.default.string.isRequired,
   selected: _propTypes.default.bool,

package/lib/Carousel/CarouselTabs/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _CarouselTabs = _interopRequireDefault(require("./CarouselTabs"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _CarouselTabs.default;
 exports.default = _default;

package/lib/Carousel/CarouselThumbnail.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Pressable = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Pressable"));
-
 var _Image = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Image"));
-
 var _CarouselContext = require("./CarouselContext");
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _ViewportProvider = require("../ViewportProvider");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const selectPressableTokens = _ref => {
   let {
     borderColor,
@@ -39,12 +29,11 @@ const selectPressableTokens = _ref => {
     padding
   };
 };
+
 /**
  * `Carousel.Thumbnail` is used to wrap the content of an individual slide and is suppsoed to be the
  * only top-level component passed to the `Carousel`
  */
-
-
 const CarouselThumbnail = _ref2 => {
   let {
     accessibilityLabel,
@@ -62,14 +51,11 @@ const CarouselThumbnail = _ref2 => {
   const getThumbnailTokens = (0, _ThemeProvider.useThemeTokensCallback)('CarouselThumbnail');
   const viewport = (0, _ViewportProvider.useViewport)();
   const thumbnailTitle = alt ?? getCopyWithPlaceholders('stepTrackerLabel').replace(/%\{itemLabel\}/g, itemLabel).replace(/%\{stepNumber\}/g, index).replace(/%\{stepCount\}/g, totalItems);
-
   const handlePress = () => goTo(index);
-
   const handleKeyDown = event => {
     // Allow using the spacebar for navigation
     if ((event === null || event === void 0 ? void 0 : event.key) === ' ') goTo(index);
   };
-
   const {
     borderWidth,
     padding,
@@ -117,7 +103,6 @@ const CarouselThumbnail = _ref2 => {
     })
   }, src);
 };
-
 CarouselThumbnail.propTypes = {
   accessibilityLabel: _propTypes.default.string,
   alt: _propTypes.default.string,

package/lib/Carousel/CarouselThumbnailNavigation.js

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _CarouselContext = require("./CarouselContext");
-
 var _CarouselThumbnail = _interopRequireDefault(require("./CarouselThumbnail"));
-
 var _StackView = require("../StackView");
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _ViewportProvider = require("../ViewportProvider");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 CarouselThumbnailNavigation = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     thumbnails = []
@@ -42,11 +29,9 @@ const CarouselThumbnailNavigation = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
   const {
     totalItems
   } = (0, _CarouselContext.useCarousel)();
-
   if (thumbnails.length !== totalItems) {
     throw new Error('Thumbnail set provided does not match the number of slides in the carousel');
   }
-
   const {
     containerPaddingTop: thumbnailContainerPaddingTop,
     margin: thumbnailMargin

package/lib/Carousel/index.js

@@ -19,9 +19,7 @@ Object.defineProperty(exports, "CarouselTabs", {
     return _CarouselTabs.default;
   }
 });
-
 var _CarouselContext = require("./CarouselContext");
-
 Object.keys(_CarouselContext).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -33,9 +31,6 @@ Object.keys(_CarouselContext).forEach(function (key) {
     }
   });
 });
-
 var _Carousel = _interopRequireDefault(require("./Carousel"));
-
 var _CarouselTabs = _interopRequireDefault(require("./CarouselTabs"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/Checkbox/Checkbox.js

@@ -4,45 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _Pressable = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Pressable"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _CheckboxInput = _interopRequireDefault(require("./CheckboxInput"));
-
 var _LabelContent = _interopRequireDefault(require("../InputLabel/LabelContent"));
-
 var _Feedback = _interopRequireDefault(require("../Feedback"));
-
 var _StackView = _interopRequireDefault(require("../StackView"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _utils = require("../utils");
-
 var _useUniqueId = _interopRequireDefault(require("../utils/useUniqueId"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.focusHandlerProps, _utils.viewProps]);
-
 const selectInputStyles = (_ref, isChecked) => {
   let {
     iconBackgroundColor,
@@ -75,7 +55,6 @@ const selectInputStyles = (_ref, isChecked) => {
     })
   };
 };
-
 const selectLabelStyles = (_ref2, themeOptions) => {
   let {
     labelColor,
@@ -97,7 +76,6 @@ const selectLabelStyles = (_ref2, themeOptions) => {
     })
   };
 };
-
 const selectIconTokens = _ref3 => {
   let {
     icon,
@@ -110,7 +88,6 @@ const selectIconTokens = _ref3 => {
     size: iconSize
   };
 };
-
 const selectFeedbackTokens = _ref4 => {
   let {
     feedbackMarginBottom,
@@ -123,6 +100,7 @@ const selectFeedbackTokens = _ref4 => {
     feedbackMarginTop
   };
 };
+
 /**
  * Basic Checkbox component.
  *
@@ -158,8 +136,6 @@ const selectFeedbackTokens = _ref4 => {
  * or the internal state in case of uncontrolled checkbox.
  *
  */
-
-
 const Checkbox = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
   let {
     checked,
@@ -197,25 +173,21 @@ const Checkbox = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
     feedbackMarginTop,
     feedbackPosition
   } = selectFeedbackTokens(defaultTokens);
-
   const styles = _StyleSheet.default.create({
     feedbackContainer: {
       marginTop: feedbackMarginTop,
       marginBottom: feedbackMarginBottom
     }
   });
-
   const handleChange = event => {
     if (!inactive) {
       setIsChecked(!isChecked, event);
     }
   };
-
   const handleKeyDown = event => {
     // The expected keyboard shortcut for activating a checkbox is the Space key
     if ((event === null || event === void 0 ? void 0 : event.key) === ' ') handleChange(event);
   };
-
   const uniqueId = (0, _useUniqueId.default)('checkbox');
   const inputId = id ?? uniqueId;
   const {
@@ -276,7 +248,8 @@ const Checkbox = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
                   value: value
                 }), isChecked && IconComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
                   testID: "Checkbox-Icon",
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, { ...iconTokens
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+                    ...iconTokens
                   })
                 })]
               })
@@ -303,63 +276,52 @@ const Checkbox = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
   });
 });
 Checkbox.displayName = 'Checkbox';
-Checkbox.propTypes = { ...selectedSystemPropTypes,
-
+Checkbox.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * Use `checked` for controlled Checkbox. For uncontrolled Checkbox, use the `defaultChecked` prop.
    */
   checked: _propTypes.default.bool,
-
   /**
    * Use `defaultChecked` to provide the initial value for an uncontrolled Checkbox.
    */
   defaultChecked: _propTypes.default.bool,
-
   /**
    * A detailed description of related validation error or additional instructions (depending on the `error` prop).
    */
   feedback: _propTypes.default.string,
-
   /**
    * Checkbox ID.
    */
   id: _propTypes.default.string,
-
   /**
    * Whether the corresponding input is disabled or active.
    */
   inactive: _propTypes.default.bool,
-
   /**
    * The label.
    */
   label: _propTypes.default.string,
-
   /**
    * Associate this checkbox with a group (set as the name attribute).
    */
   name: _propTypes.default.string,
-
   /**
    * Whether the underlying input triggered a validation error or not.
    */
   error: _propTypes.default.bool,
-
   /**
    * The value. Must be unique within the group.
    */
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.bool]),
-
   /**
    * Callback called when a controlled checkbox gets interacted with.
    */
   onChange: _propTypes.default.func,
-
   /**
    * Checkbox tokens.
    */
   tokens: (0, _utils.getTokensPropType)('Checkbox'),
-
   /**
    * Checkbox variant.
    */
@@ -367,7 +329,6 @@ Checkbox.propTypes = { ...selectedSystemPropTypes,
 };
 var _default = Checkbox;
 exports.default = _default;
-
 const staticStyles = _StyleSheet.default.create({
   wrapper: {
     backgroundColor: 'transparent'