@telus-uds/components-base 1.96.0 → 1.97.1

package/lib/MultiSelectFilter/dictionary.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
+export default {
   en: {
     filterByLabel: 'Filter by %{filterCategory}:',
     applyButtonLabel: 'Apply',
@@ -15,5 +9,4 @@ var _default = {
     applyButtonLabel: 'Appliquer',
     clearButtonLabel: 'Effacer'
   }
-};
-exports.default = _default;
+};

package/lib/MultiSelectFilter/index.js

@@ -1,10 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _MultiSelectFilter = _interopRequireDefault(require("./MultiSelectFilter"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _MultiSelectFilter.default;
-exports.default = _default;
+import MultiSelectFilter from './MultiSelectFilter';
+export default MultiSelectFilter;

package/lib/Notification/Notification.js

@@ -1,27 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ThemeProvider = require("../ThemeProvider");
-var _utils = require("../utils");
-var _IconButton = _interopRequireDefault(require("../IconButton"));
-var _useCopy = _interopRequireDefault(require("../utils/useCopy"));
-var _dictionary = _interopRequireDefault(require("./dictionary"));
-var _ViewportProvider = require("../ViewportProvider");
-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]);
+import React from 'react';
+import View from "react-native-web/dist/exports/View";
+import Platform from "react-native-web/dist/exports/Platform";
+import PropTypes from 'prop-types';
+import { applyTextStyles, useTheme, useThemeTokens, useResponsiveThemeTokens } from '../ThemeProvider';
+import { a11yProps, getTokensPropType, selectSystemProps, selectTokens, variantProp, viewProps, wrapStringsInText, useResponsiveProp, createMediaQueryStyles, StyleSheet } from '../utils';
+import IconButton from '../IconButton';
+import useCopy from '../utils/useCopy';
+import dictionary from './dictionary';
+import { useViewport } from '../ViewportProvider';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, viewProps]);
 const selectContainerStyles = tokens => ({
   ...tokens
 });
 const selectTextStyles = (tokens, themeOptions, isDismissible) => {
-  const textTokens = (0, _utils.selectTokens)('Typography', tokens);
+  const textTokens = selectTokens('Typography', tokens);
   const styles = {
     ...textTokens,
     themeOptions,
@@ -30,7 +23,7 @@ const selectTextStyles = (tokens, themeOptions, isDismissible) => {
   if (!isDismissible) {
     styles.flexShrink = 1;
   }
-  return (0, _ThemeProvider.applyTextStyles)(styles);
+  return applyTextStyles(styles);
 };
 const selectIconProps = _ref => {
   let {
@@ -85,11 +78,11 @@ const getMediaQueryStyles = (themeTokens, themeOptions, mediaIdsRef, dismissible
     });
     return acc;
   }, {});
-  const selectContainerMediaQueryStyles = (0, _utils.createMediaQueryStyles)(transformedSelectContainerStyles);
+  const selectContainerMediaQueryStyles = createMediaQueryStyles(transformedSelectContainerStyles);
   const {
     ids: containerIds,
     styles: containerStyles
-  } = _utils.StyleSheet.create({
+  } = StyleSheet.create({
     container: {
       flexDirection: system === true && viewport === 'xl' ? 'row' : 'inherit',
       ...selectContainerMediaQueryStyles
@@ -98,26 +91,26 @@ const getMediaQueryStyles = (themeTokens, themeOptions, mediaIdsRef, dismissible
   const {
     ids: contentContainerIds,
     styles: contentContainerStyles
-  } = _utils.StyleSheet.create({
+  } = StyleSheet.create({
     contentContainer: {
       flexDirection: 'row',
       flexShrink: 1,
       justifyContent: 'space-between',
-      ...(0, _utils.createMediaQueryStyles)({
+      ...createMediaQueryStyles({
         xs: {
-          maxWidth: (themeOptions === null || themeOptions === void 0 ? void 0 : (_themeOptions$content = themeOptions.contentMaxWidth) === null || _themeOptions$content === void 0 ? void 0 : _themeOptions$content.xs) || '100%'
+          maxWidth: (themeOptions === null || themeOptions === void 0 || (_themeOptions$content = themeOptions.contentMaxWidth) === null || _themeOptions$content === void 0 ? void 0 : _themeOptions$content.xs) || '100%'
         },
         md: {
-          maxWidth: (themeOptions === null || themeOptions === void 0 ? void 0 : (_themeOptions$content2 = themeOptions.contentMaxWidth) === null || _themeOptions$content2 === void 0 ? void 0 : _themeOptions$content2.md) || '100%'
+          maxWidth: (themeOptions === null || themeOptions === void 0 || (_themeOptions$content2 = themeOptions.contentMaxWidth) === null || _themeOptions$content2 === void 0 ? void 0 : _themeOptions$content2.md) || '100%'
         },
         lg: {
-          maxWidth: (themeOptions === null || themeOptions === void 0 ? void 0 : (_themeOptions$content3 = themeOptions.contentMaxWidth) === null || _themeOptions$content3 === void 0 ? void 0 : _themeOptions$content3.lg) || '100%'
+          maxWidth: (themeOptions === null || themeOptions === void 0 || (_themeOptions$content3 = themeOptions.contentMaxWidth) === null || _themeOptions$content3 === void 0 ? void 0 : _themeOptions$content3.lg) || '100%'
         },
         sm: {
-          maxWidth: (themeOptions === null || themeOptions === void 0 ? void 0 : (_themeOptions$content4 = themeOptions.contentMaxWidth) === null || _themeOptions$content4 === void 0 ? void 0 : _themeOptions$content4.sm) || '100%'
+          maxWidth: (themeOptions === null || themeOptions === void 0 || (_themeOptions$content4 = themeOptions.contentMaxWidth) === null || _themeOptions$content4 === void 0 ? void 0 : _themeOptions$content4.sm) || '100%'
         },
         xl: {
-          maxWidth: (themeOptions === null || themeOptions === void 0 ? void 0 : (_themeOptions$content5 = themeOptions.contentMaxWidth) === null || _themeOptions$content5 === void 0 ? void 0 : _themeOptions$content5.xl) || '100%'
+          maxWidth: (themeOptions === null || themeOptions === void 0 || (_themeOptions$content5 = themeOptions.contentMaxWidth) === null || _themeOptions$content5 === void 0 ? void 0 : _themeOptions$content5.xl) || '100%'
         }
       })
     }
@@ -125,7 +118,7 @@ const getMediaQueryStyles = (themeTokens, themeOptions, mediaIdsRef, dismissible
   const {
     ids: staticContentContainerIds,
     styles: staticContentContainerStyles
-  } = _utils.StyleSheet.create({
+  } = StyleSheet.create({
     staticContentContainer: {
       flexDirection: 'row',
       flexShrink: 1
@@ -134,29 +127,29 @@ const getMediaQueryStyles = (themeTokens, themeOptions, mediaIdsRef, dismissible
   const {
     ids: iconContainerIds,
     styles: iconContainerStyles
-  } = _utils.StyleSheet.create({
+  } = StyleSheet.create({
     iconContainer: selectIconContainerStyles(themeTokens[viewport])
   });
   const {
     ids: dismissButtonContainerIds,
     styles: dismissButtonContainerStyles
-  } = _utils.StyleSheet.create({
+  } = StyleSheet.create({
     dismissButtonContainer: selectDismissButtonContainerStyles(themeTokens[viewport])
   });
   const {
     ids: textIds,
     styles: textStyles
-  } = _utils.StyleSheet.create({
+  } = StyleSheet.create({
     text: selectTextStyles(themeTokens[viewport], themeOptions, dismissible)
   });
   const {
     styles: selectIconPropsStyles
-  } = _utils.StyleSheet.create({
+  } = StyleSheet.create({
     selectIconProps: selectIconProps(themeTokens[viewport])
   });
   const {
     styles: selectDismissIconPropsStyles
-  } = _utils.StyleSheet.create({
+  } = StyleSheet.create({
     selectDismissIconProps: selectDismissIconProps(themeTokens[viewport])
   });
 
@@ -183,7 +176,7 @@ const getMediaQueryStyles = (themeTokens, themeOptions, mediaIdsRef, dismissible
 const getDefaultStyles = (themeTokens, themeOptions, maxWidth, dismissible, viewport, system) => ({
   containerStyles: {
     container: {
-      flexDirection: system === true && viewport === 'xl' || _Platform.default.OS === 'android' ? 'row' : 'inherit',
+      flexDirection: system === true && viewport === 'xl' || Platform.OS === 'android' ? 'row' : 'inherit',
       ...selectContainerStyles(themeTokens)
     }
   },
@@ -280,7 +273,7 @@ const getDefaultStyles = (themeTokens, themeOptions, maxWidth, dismissible, view
  * Use full-width `Notifications` to show system-based messages coming from the application, not in response to user action.
  * Show system notifications at the top of the page, below the navigation, and expands the full-width of the viewport
  */
-const Notification = /*#__PURE__*/_react.default.forwardRef((_ref6, ref) => {
+const Notification = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
   let {
     children,
     system,
@@ -291,25 +284,25 @@ const Notification = /*#__PURE__*/_react.default.forwardRef((_ref6, ref) => {
     onDismiss,
     ...rest
   } = _ref6;
-  const [isDismissed, setIsDismissed] = _react.default.useState(false);
-  const viewport = (0, _ViewportProvider.useViewport)();
-  const getCopy = (0, _useCopy.default)({
-    dictionary: _dictionary.default,
+  const [isDismissed, setIsDismissed] = React.useState(false);
+  const viewport = useViewport();
+  const getCopy = useCopy({
+    dictionary,
     copy
   });
   const {
     themeOptions
-  } = (0, _ThemeProvider.useTheme)();
+  } = useTheme();
   const {
     enableMediaQueryStyleSheet
   } = themeOptions;
-  const useTokens = enableMediaQueryStyleSheet ? _ThemeProvider.useResponsiveThemeTokens : _ThemeProvider.useThemeTokens;
+  const useTokens = enableMediaQueryStyleSheet ? useResponsiveThemeTokens : useThemeTokens;
   const themeTokens = useTokens('Notification', tokens, variant, {
     system,
     viewport
   });
-  const maxWidth = (0, _utils.useResponsiveProp)(themeOptions === null || themeOptions === void 0 ? void 0 : themeOptions.contentMaxWidth);
-  const notificationComponentRef = _react.default.useRef({
+  const maxWidth = useResponsiveProp(themeOptions === null || themeOptions === void 0 ? void 0 : themeOptions.contentMaxWidth);
+  const notificationComponentRef = React.useRef({
     containerStyles: {},
     contentContainerStyles: {},
     staticContentContainerStyles: {},
@@ -319,7 +312,7 @@ const Notification = /*#__PURE__*/_react.default.forwardRef((_ref6, ref) => {
     selectIconPropsStyles: {},
     selectDismissIconPropsStyles: {}
   });
-  const mediaIdsRef = _react.default.useRef({
+  const mediaIdsRef = React.useRef({
     containerIds: {},
     contentContainerIds: {},
     staticContentContainerIds: {},
@@ -337,7 +330,7 @@ const Notification = /*#__PURE__*/_react.default.forwardRef((_ref6, ref) => {
   if (isDismissed) {
     return null;
   }
-  const content = (0, _utils.wrapStringsInText)(typeof children === 'function' ? children({
+  const content = wrapStringsInText(typeof children === 'function' ? children({
     textStyles: notificationComponentRef.current.textStyles.text,
     variant
   }) : children, {
@@ -350,43 +343,43 @@ const Notification = /*#__PURE__*/_react.default.forwardRef((_ref6, ref) => {
   } = enableMediaQueryStyleSheet === false ? themeTokens : themeTokens[viewport];
   const onDismissPress = () => {
     setIsDismissed(true);
-    onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+    onDismiss === null || onDismiss === void 0 || onDismiss();
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+  return /*#__PURE__*/_jsx(View, {
     ref: ref,
     style: notificationComponentRef.current.containerStyles.container,
     dataSet: mediaIdsRef && {
       media: mediaIdsRef.current.containerIds.container
     },
     ...selectProps(rest),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
+    children: /*#__PURE__*/_jsxs(View, {
       style: notificationComponentRef.current.contentContainerStyles.contentContainer,
       dataSet: mediaIdsRef && {
         media: mediaIdsRef.current.contentContainerIds.contentContainer
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
+      children: [/*#__PURE__*/_jsxs(View, {
         style: notificationComponentRef.current.staticContentContainerStyles.staticContentContainer,
         dataSet: mediaIdsRef && {
           media: mediaIdsRef.current.staticContentContainerIds.staticContentContainer
         },
-        children: [IconComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+        children: [IconComponent && /*#__PURE__*/_jsx(View, {
           style: notificationComponentRef.current.iconContainerStyles.iconContainer,
           dataSet: mediaIdsRef && {
             media: mediaIdsRef.current.iconContainerIds.iconContainer
           },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+          children: /*#__PURE__*/_jsx(IconComponent, {
             ...notificationComponentRef.current.selectIconPropsStyles.selectIconProps
           })
         }), content && typeof content === 'function' ? content({
           textStyles: notificationComponentRef.current.textStyles.text,
           variant
         }) : content]
-      }), dismissible && DismissIconComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+      }), dismissible && DismissIconComponent && /*#__PURE__*/_jsx(View, {
         style: notificationComponentRef.current.dismissButtonContainerStyles.dismissButtonContainer,
         dataSet: mediaIdsRef && {
           media: mediaIdsRef.current.dismissButtonContainerIds.dismissButtonContainer
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+        children: /*#__PURE__*/_jsx(IconButton, {
           action: "close",
           onPress: onDismissPress,
           icon: DismissIconComponent,
@@ -396,7 +389,7 @@ const Notification = /*#__PURE__*/_react.default.forwardRef((_ref6, ref) => {
             inverse: dismissIconColor === '#ffffff',
             size: 'small'
           },
-          children: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(DismissIconComponent, {
+          children: () => /*#__PURE__*/_jsx(DismissIconComponent, {
             ...notificationComponentRef.current.selectDismissIconPropsStyles.selectDismissIconProps
           })
         })
@@ -410,27 +403,26 @@ Notification.propTypes = {
   /**
    * Content of the `Notification`.
    */
-  children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node, _propTypes.default.func]),
+  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func]),
   /**
    * Use `system` prop to set the visual style of the notification and denote an announcement from the system or application
    */
-  system: _propTypes.default.bool,
+  system: PropTypes.bool,
   /**
    * Use the `dismissible` prop to allow users to dismiss the Notification at any time.
    */
-  dismissible: _propTypes.default.bool,
+  dismissible: PropTypes.bool,
   /**
    * Select English or French copy for the accessible label of the dismiss button.
    */
-  copy: _propTypes.default.oneOfType([_propTypes.default.oneOf(['en', 'fr']), _propTypes.default.shape({
-    dismiss: _propTypes.default.string
+  copy: PropTypes.oneOfType([PropTypes.oneOf(['en', 'fr']), PropTypes.shape({
+    dismiss: PropTypes.string
   })]),
   /**
    * Callback function called when the dismiss button is clicked
    */
-  onDismiss: _propTypes.default.func,
-  tokens: (0, _utils.getTokensPropType)('Notification'),
-  variant: _utils.variantProp.propType
+  onDismiss: PropTypes.func,
+  tokens: getTokensPropType('Notification'),
+  variant: variantProp.propType
 };
-var _default = Notification;
-exports.default = _default;
+export default Notification;

package/lib/Notification/dictionary.js

@@ -1,15 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
+export default {
   en: {
     dismiss: 'Close'
   },
   fr: {
     dismiss: 'Fermer'
   }
-};
-exports.default = _default;
+};

package/lib/Notification/index.js

@@ -1,10 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Notification = _interopRequireDefault(require("./Notification"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _Notification.default;
-exports.default = _default;
+import Notification from './Notification';
+export default Notification;

package/lib/OrderedList/Item.js

@@ -1,20 +1,13 @@
-"use strict";
-
-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 _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-var _utils = require("../utils");
-var _ThemeProvider = require("../ThemeProvider");
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _ItemBase = _interopRequireDefault(require("./ItemBase"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.htmlAttrs, _utils.viewProps]);
+import React from 'react';
+import PropTypes from 'prop-types';
+import View from "react-native-web/dist/exports/View";
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import { getTokensPropType, htmlAttrs, selectSystemProps, variantProp, viewProps, wrapStringsInText } from '../utils';
+import { applyTextStyles, useTheme, useThemeTokens } from '../ThemeProvider';
+import Typography from '../Typography';
+import ItemBase from './ItemBase';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([htmlAttrs, viewProps]);
 const selectItemTextStyles = (_ref, themeOptions) => {
   let {
     itemFontHeight,
@@ -24,7 +17,7 @@ const selectItemTextStyles = (_ref, themeOptions) => {
     itemColor,
     itemTextColor
   } = _ref;
-  return (0, _ThemeProvider.applyTextStyles)({
+  return applyTextStyles({
     fontWeight: itemFontHeight,
     fontSize: itemFontSize,
     fontName: itemFontName,
@@ -49,7 +42,7 @@ const selectItemCounterStyles = _ref2 => {
     color: itemColor || itemTextColor,
     width: itemBulletContainerWidth,
     textAlign: itemBulletTextAlign,
-    ...(0, _ThemeProvider.applyTextStyles)({
+    ...applyTextStyles({
       fontWeight: itemFontWeight,
       fontSize: itemFontSize,
       fontName: itemFontName,
@@ -70,7 +63,7 @@ const selectItemContentStyles = (_ref3, isLastChild) => {
     marginBottom: !isLastChild ? interItemMargin : 0
   };
 };
-const Item = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
+const Item = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
   let {
     children,
     index,
@@ -80,7 +73,7 @@ const Item = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
     variant,
     ...rest
   } = _ref4;
-  const themeTokens = (0, _ThemeProvider.useThemeTokens)('OrderedList', tokens, variant);
+  const themeTokens = useThemeTokens('OrderedList', tokens, variant);
   const headingTokens = title && {
     lineHeight: themeTokens.itemLineHeight,
     fontSize: themeTokens.itemFontSize,
@@ -90,34 +83,34 @@ const Item = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
   };
   const {
     themeOptions
-  } = (0, _ThemeProvider.useTheme)();
-  const itemContent = (0, _utils.wrapStringsInText)(children, {
+  } = useTheme();
+  const itemContent = wrapStringsInText(children, {
     style: selectItemTextStyles(themeTokens, themeOptions)
   });
-  const itemCounter = (0, _utils.wrapStringsInText)(`${index}.`, {
+  const itemCounter = wrapStringsInText(`${index}.`, {
     style: selectItemTextStyles(themeTokens, themeOptions)
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ItemBase.default, {
+  return /*#__PURE__*/_jsxs(ItemBase, {
     ref: ref,
     style: {
       ...staticStyles.container,
       ...themeTokens
     },
     ...selectProps(rest),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+    children: [/*#__PURE__*/_jsx(View, {
       style: [staticStyles.itemCounter, selectItemCounterStyles(themeTokens)],
       children: itemCounter
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
+    }), /*#__PURE__*/_jsxs(View, {
       style: [staticStyles.itemContent, selectItemContentStyles(themeTokens, isLastChild)],
-      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      children: [title && /*#__PURE__*/_jsx(View, {
+        children: /*#__PURE__*/_jsx(Typography, {
           variant: {
             size: 'h4'
           },
           tokens: headingTokens,
           children: title
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+      }), /*#__PURE__*/_jsx(View, {
         children: itemContent
       })]
     })]
@@ -128,32 +121,31 @@ Item.propTypes = {
   /**
    * Item content
    */
-  children: _propTypes.default.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Item index
    */
-  index: _propTypes.default.number,
+  index: PropTypes.number,
   /**
    * If true, the item is the last one on the list
    */
-  isLastChild: _propTypes.default.bool,
+  isLastChild: PropTypes.bool,
   /**
    * Defines the title of the `OrderedList.Item`
    */
-  title: _propTypes.default.string,
+  title: PropTypes.string,
   /**
    * Item tokens
    */
-  tokens: (0, _utils.getTokensPropType)('OrderedList'),
+  tokens: getTokensPropType('OrderedList'),
   /**
    * Item variant
    */
-  variant: _utils.variantProp.propType
+  variant: variantProp.propType
 };
 Item.displayName = 'OrderedListItem';
-var _default = Item;
-exports.default = _default;
-const staticStyles = _StyleSheet.default.create({
+export default Item;
+const staticStyles = StyleSheet.create({
   container: {
     flex: 1,
     flexDirection: 'row'

package/lib/OrderedList/ItemBase.js

@@ -1,30 +1,22 @@
-"use strict";
-
-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 _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* eslint-disable react-native-a11y/has-valid-accessibility-role */
-
-const getAccessibilityRole = () => _Platform.default.select({
+import React from 'react';
+import PropTypes from 'prop-types';
+import View from "react-native-web/dist/exports/View";
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import Platform from "react-native-web/dist/exports/Platform";
+import { jsx as _jsx } from "react/jsx-runtime";
+const getAccessibilityRole = () => Platform.select({
   ios: 'listitem',
   android: 'none',
   web: 'listitem'
 });
-const Item = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+const Item = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     style,
     ...rest
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+  return /*#__PURE__*/_jsx(View, {
     accessibilityRole: getAccessibilityRole(),
     ref: ref,
     style: [staticStyles.container, style],
@@ -36,16 +28,15 @@ Item.propTypes = {
   /**
    * Item content
    */
-  children: _propTypes.default.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Item custom styles
    */
-  style: _propTypes.default.object
+  style: PropTypes.object
 };
 Item.displayName = 'OrderedListItem';
-var _default = Item;
-exports.default = _default;
-const staticStyles = _StyleSheet.default.create({
+export default Item;
+const staticStyles = StyleSheet.create({
   container: {
     display: 'flex'
   }

package/lib/OrderedList/OrderedList.js

@@ -1,18 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
-var _OrderedListBase = _interopRequireDefault(require("./OrderedListBase"));
-var _Item = _interopRequireDefault(require("./Item"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const [selectProps, selectedSystemPropsTypes] = (0, _utils.selectSystemProps)([_utils.htmlAttrs, _utils.viewProps]);
-const OrderedList = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+import React from 'react';
+import PropTypes from 'prop-types';
+import { htmlAttrs, selectSystemProps, variantProp, viewProps, getTokensPropType } from '../utils';
+import OrderedListBase from './OrderedListBase';
+import Item from './Item';
+import { jsx as _jsx } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropsTypes] = selectSystemProps([htmlAttrs, viewProps]);
+const OrderedList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     start = 1,
@@ -21,12 +14,12 @@ const OrderedList = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     ...rest
   } = _ref;
   // Pass any variants and tokens "OrderedList" receives down to the individual list items.
-  const childrenWithParentVariants = _react.default.useMemo(() => {
+  const childrenWithParentVariants = React.useMemo(() => {
     const addVariantAndTokensToProps = (child, i, isLastChild) => {
       var _child$props, _child$props2;
       const existingChildVariants = ((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.variant) ?? {};
       const existingChildTokens = ((_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.tokens) ?? {};
-      return /*#__PURE__*/_react.default.cloneElement(child, {
+      return /*#__PURE__*/React.cloneElement(child, {
         index: start + i,
         isLastChild,
         variant: {
@@ -47,7 +40,7 @@ const OrderedList = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     }
     return children;
   }, [children, variant, start, tokens]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_OrderedListBase.default, {
+  return /*#__PURE__*/_jsx(OrderedListBase, {
     ref: ref,
     ...selectProps(rest),
     children: childrenWithParentVariants
@@ -58,15 +51,14 @@ OrderedList.propTypes = {
   /**
    * A list of ordered items wrapped in `OrderedList.Item`.
    */
-  children: _propTypes.default.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * The position to start the list with.
    */
-  start: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  variant: _utils.variantProp.propType,
-  tokens: (0, _utils.getTokensPropType)('OrderedList')
+  start: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  variant: variantProp.propType,
+  tokens: getTokensPropType('OrderedList')
 };
 OrderedList.displayName = 'OrderedList';
-OrderedList.Item = _Item.default;
-var _default = OrderedList;
-exports.default = _default;
+OrderedList.Item = Item;
+export default OrderedList;