@telus-uds/components-base 1.66.0 → 1.67.1

package/lib/Link/Link.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _LinkBase = _interopRequireDefault(require("./LinkBase"));
-
 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 Link = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     href,

package/lib/Link/LinkBase.js

@@ -4,39 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _props = require("../utils/props");
-
 var _pressability = require("../utils/pressability");
-
 var _utils = require("../utils");
-
 var _InlinePressable = _interopRequireDefault(require("./InlinePressable"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _Icon = require("../Icon");
-
 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, _props.selectSystemProps)([_props.a11yProps, _props.linkProps, _props.viewProps]);
-
 const selectOuterBorderStyles = _ref => {
   let {
     outerBorderColor,
@@ -45,7 +28,8 @@ const selectOuterBorderStyles = _ref => {
     borderRadius,
     outerBorderOutline
   } = _ref;
-  return (// A view wrapper with a border on native messes up inline text alignment
+  return (
+    // A view wrapper with a border on native messes up inline text alignment
     // so for now make focus styles strictly web-only
     _Platform.default.OS === 'web' ? {
       // Allow theme to define outline, or, turn off outline and use border if rounded corners required
@@ -59,7 +43,6 @@ const selectOuterBorderStyles = _ref => {
     } : {}
   );
 };
-
 const selectTextStyles = _ref2 => {
   let {
     color,
@@ -78,7 +61,6 @@ const selectTextStyles = _ref2 => {
     })
   };
 };
-
 const selectBlockStyles = (_ref3, themeOptions) => {
   let {
     blockFontWeight,
@@ -94,7 +76,6 @@ const selectBlockStyles = (_ref3, themeOptions) => {
     themeOptions
   });
 };
-
 const selectDecorationStyles = _ref4 => {
   let {
     color,
@@ -115,7 +96,6 @@ const selectDecorationStyles = _ref4 => {
     })
   };
 };
-
 const selectIconTokens = _ref5 => {
   let {
     color,
@@ -130,6 +110,7 @@ const selectIconTokens = _ref5 => {
     size: iconSize
   };
 };
+
 /**
  * Renders a pressable text link, with optional icon. This is rendered as a block element
  * only (see 'Current Limitations'). On Web, renders an `<a>` anchor tag if `href` is provided.
@@ -152,8 +133,6 @@ const selectIconTokens = _ref5 => {
  *   dropped in favour of investigating if a full-featured CSS-in-JS package could or
  *   should be used more widely (e.g. styled components)
  */
-
-
 const LinkBase = /*#__PURE__*/(0, _react.forwardRef)((_ref6, ref) => {
   let {
     href,
@@ -166,17 +145,14 @@ const LinkBase = /*#__PURE__*/(0, _react.forwardRef)((_ref6, ref) => {
     accessibilityRole = 'link',
     ...rawRest
   } = _ref6;
-
   const {
     onPress,
     ...props
   } = _props.clickProps.toPressProps(rawRest);
-
   const {
     hrefAttrs,
     rest
   } = _props.hrefAttrsProp.bundle(props);
-
   const selectedProps = selectProps({
     accessibilityRole,
     href,
@@ -187,20 +163,21 @@ const LinkBase = /*#__PURE__*/(0, _react.forwardRef)((_ref6, ref) => {
     hrefAttrs,
     ...rest
   });
-
   const resolveLinkTokens = pressState => (0, _pressability.resolvePressableTokens)(tokens, pressState, {
     iconPosition
   });
-
   const defaultThemeTokens = resolveLinkTokens({});
-  const hasIcon = Boolean(icon || defaultThemeTokens.icon); // On web, this makes focus rings wrap only the link, not the entire block
+  const hasIcon = Boolean(icon || defaultThemeTokens.icon);
 
+  // On web, this makes focus rings wrap only the link, not the entire block
   const blockLeftStyle = _Platform.default.OS === 'web' && staticStyles.blockLeft;
   const {
     themeOptions
   } = (0, _ThemeProvider.useTheme)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InlinePressable.default, { ...selectedProps,
-    inlineFlex: hasIcon // assuming links without icons should be inline (even if they are long)
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InlinePressable.default, {
+    ...selectedProps,
+    inlineFlex: hasIcon
+    // assuming links without icons should be inline (even if they are long)
     ,
     ref: ref,
     style: linkState => {
@@ -212,9 +189,9 @@ const LinkBase = /*#__PURE__*/(0, _react.forwardRef)((_ref6, ref) => {
     children: linkState => {
       const themeTokens = resolveLinkTokens(linkState);
       const textStyles = selectTextStyles(themeTokens);
-      const iconTokens = selectIconTokens(themeTokens); // TODO: may need to apply some smarter text inheritance here if inline to avoid native
+      const iconTokens = selectIconTokens(themeTokens);
+      // TODO: may need to apply some smarter text inheritance here if inline to avoid native
       // issues like double-application of line heights breaking align-items: baseline
-
       const blockTextStyles = selectBlockStyles(themeTokens, themeOptions);
       const IconComponent = icon || themeTokens.icon;
       const {
@@ -224,7 +201,8 @@ const LinkBase = /*#__PURE__*/(0, _react.forwardRef)((_ref6, ref) => {
         icon: IconComponent,
         iconPosition: iconPosition,
         space: iconSpace,
-        iconProps: { ...iconProps,
+        iconProps: {
+          ...iconProps,
           tokens: iconTokens,
           style: staticStyles.bubblePointerEvents
         },
@@ -237,47 +215,40 @@ const LinkBase = /*#__PURE__*/(0, _react.forwardRef)((_ref6, ref) => {
   });
 });
 LinkBase.displayName = 'LinkBase';
-LinkBase.propTypes = { ...selectedSystemPropTypes,
+LinkBase.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: (0, _props.getTokensPropType)('Link'),
-
   /**
    * href for the Link
    */
   href: _propTypes.default.string,
-
   /**
    * AccesibilityRole for the link base
    */
   accessibilityrole: _propTypes.default.string,
-
   /**
    * Children nodes that can be added
    */
   variant: _props.variantProp.propType,
-
   /**
    * Optional variant that may be passed down to the link's icon if there is one
    */
   iconProps: _propTypes.default.exact(_Icon.iconComponentPropTypes),
-
   /**
    * A function component for an SVG icon to render inside the link. Inherits size and color from
    * the link and any Typography the link is nested inside.
    */
   icon: _propTypes.default.elementType,
-
   /**
    * When `icon` is provided, use `iconPosition` to place the Icon to the left or right side of Link.
    */
   iconPosition: _propTypes.default.oneOf(['left', 'right']),
-
   /**
    * On Web if href is passed, React Native Web maps this object's props to
    * `rel`, `target` and `download` attrs.
    */
   hrefAttrs: _propTypes.default.shape(_props.hrefAttrsProp.types)
 };
-
 const staticStyles = _StyleSheet.default.create({
   blockLeft: {
     alignSelf: 'flex-start'
@@ -289,14 +260,13 @@ const staticStyles = _StyleSheet.default.create({
   baseline: {
     alignSelf: 'baseline'
   },
-  bubblePointerEvents: { ..._Platform.default.select({
+  bubblePointerEvents: {
+    ..._Platform.default.select({
       web: {
         pointerEvents: 'none'
       }
     })
   }
 });
-
 var _default = (0, _utils.withLinkRouter)(LinkBase);
-
 exports.default = _default;

package/lib/Link/TextButton.js

@@ -4,31 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _LinkBase = _interopRequireDefault(require("./LinkBase"));
-
 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; }
-
 /**
  * `TextButton` is a button that looks like a Link. It uses the same theming and variants as
  * Link but has the accessibility role of a `Button`. It should be used for actions that
  * take place on the current page, or for navigation within an app.
- */
-const TextButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+ */const TextButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     onPress,
     children,
@@ -48,15 +37,13 @@ const TextButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 TextButton.displayName = 'TextButton';
-TextButton.propTypes = { ..._LinkBase.default.propTypes,
-
+TextButton.propTypes = {
+  ..._LinkBase.default.propTypes,
   /** onPress function */
   onPress: _propTypes.default.func.isRequired,
-
   /** Children node that can be added */
   children: _propTypes.default.node.isRequired,
   variant: _utils.variantProp.propType,
-
   /** Accesibility role for TextButton */
   accessibilityRole: _propTypes.default.string
 };

package/lib/Link/index.js

@@ -27,13 +27,8 @@ Object.defineProperty(exports, "TextButton", {
     return _TextButton.default;
   }
 });
-
 var _ChevronLink = _interopRequireDefault(require("./ChevronLink"));
-
 var _Link = _interopRequireDefault(require("./Link"));
-
 var _LinkBase = _interopRequireDefault(require("./LinkBase"));
-
 var _TextButton = _interopRequireDefault(require("./TextButton"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/List/List.js

@@ -4,40 +4,27 @@ 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 _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
-
 const isListItem = element => {
   var _element$type, _element$type2;
-
-  const elementName = (element === null || element === void 0 ? void 0 : (_element$type = element.type) === null || _element$type === void 0 ? void 0 : _element$type.displayName) || (element === null || element === void 0 ? void 0 : (_element$type2 = element.type) === null || _element$type2 === void 0 ? void 0 : _element$type2.name); // Match our own ListItem, and also, custom list items
-
+  const elementName = (element === null || element === void 0 ? void 0 : (_element$type = element.type) === null || _element$type === void 0 ? void 0 : _element$type.displayName) || (element === null || element === void 0 ? void 0 : (_element$type2 = element.type) === null || _element$type2 === void 0 ? void 0 : _element$type2.name);
+  // Match our own ListItem, and also, custom list items
   return Boolean(elementName.match(/Item/));
 };
+
 /**
  * An unordered List component has a child a ListItem that
  * allows icon, dividers and customized typography
  */
-
-
 const List = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
@@ -50,7 +37,6 @@ const List = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     }),
     ...rest
   } = _ref;
-
   const items = _react.Children.map(children, (child, index) => {
     // Pass ListItem-specific props to children (by name so teams can add their own ListItems)
     if (isListItem(child)) {
@@ -62,10 +48,8 @@ const List = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         ...child.props
       });
     }
-
     return child;
   });
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
     ref: ref,
     style: {
@@ -78,11 +62,11 @@ const List = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 List.displayName = 'List';
-List.propTypes = { ...selectedSystemPropTypes,
+List.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: (0, _utils.getTokensPropType)('List'),
   variant: _utils.variantProp.propType,
   children: _propTypes.default.node,
-
   /**
    * In case it is not the last item allow display divider
    */

package/lib/List/ListItem.js

@@ -4,27 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ListItemBase = _interopRequireDefault(require("./ListItemBase"));
-
 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; }
-
 /**
  * ListItem is responsible for rendering icon or a bullet as side item
- */
-const ListItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+ */const ListItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     tokens,
     variant,

package/lib/List/ListItemBase.js

@@ -4,37 +4,21 @@ 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 _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var _ListItemContent = _interopRequireDefault(require("./ListItemContent"));
-
 var _ListItemMark = _interopRequireDefault(require("./ListItemMark"));
-
 var _Typography = _interopRequireDefault(require("../Typography"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 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.viewProps]);
-
 const selectItemBlockStyles = _ref => {
   let {
     interItemMargin
@@ -43,7 +27,6 @@ const selectItemBlockStyles = _ref => {
     marginBottom: interItemMargin
   };
 };
-
 const selectDividerStyles = _ref2 => {
   let {
     dividerColor,
@@ -57,11 +40,10 @@ const selectDividerStyles = _ref2 => {
     paddingBottom: interItemMarginWithDivider
   };
 };
+
 /**
  * ListItem is responsible for rendering icon or a bullet as side item
  */
-
-
 const ListItemBase = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
     tokens,
@@ -93,7 +75,6 @@ const ListItemBase = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     size: 'h4',
     bold: true
   });
-
   if (title) {
     adjustedIconMarginTop = (fontSize * lineHeightRatio - itemIconSize) / 2;
   }
@@ -102,20 +83,15 @@ const ListItemBase = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
    * add extra margin on the bottom, if "showDivider" is true it should add a divider
    * and custom margin and padding, otherwise just adds a margin to the bottom
    */
-
-
   const getContainerStyle = () => {
     if (isLastItem) {
       return undefined;
     }
-
     if (showDivider) {
       return dividerStyles;
     }
-
     return itemBlockStyles;
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
     ref: ref,
     style: [staticStyles.itemContainer, getContainerStyle()],
@@ -133,7 +109,8 @@ const ListItemBase = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
         flexDirection: 'row'
       }],
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemMark.default, {
-        tokens: { ...tokens,
+        tokens: {
+          ...tokens,
           iconMarginTop: adjustedIconMarginTop
         },
         icon: icon,
@@ -156,7 +133,6 @@ const ListItemBase = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   });
 });
 ListItemBase.displayName = 'ListItem';
-
 const staticStyles = _StyleSheet.default.create({
   itemContainer: {
     flexDirection: 'row'
@@ -166,33 +142,28 @@ const staticStyles = _StyleSheet.default.create({
     flexShrink: 1
   }
 });
-
-ListItemBase.propTypes = { ...selectedSystemPropTypes,
+ListItemBase.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: (0, _utils.getTokensPropType)('List'),
   variant: _utils.variantProp.propType,
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
-
   /**
    * Renders side item icon
    */
   icon: _propTypes.default.elementType,
-
   /**
    * Will set display icon color
    */
   iconColor: _propTypes.default.string,
-
   /**
    * Allow the user define the icon size if not defined the theme's file
    */
   iconSize: _propTypes.default.number,
-
   /**
    * @ignore
    * Defined by parent if it's last item on the list
    */
   isLastItem: _propTypes.default.bool,
-
   /**
    * @ignore
    * In case it is not the last item allow display divider

package/lib/List/ListItemContent.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tokenTypes = 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 _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const tokenTypes = {
   itemFontWeight: _propTypes.default.string.isRequired,
   itemFontSize: _propTypes.default.number.isRequired,
@@ -29,7 +20,6 @@ const tokenTypes = {
   itemFontColor: _propTypes.default.string
 };
 exports.tokenTypes = tokenTypes;
-
 const selectItemTextStyles = (_ref, themeOptions) => {
   let {
     itemFontWeight,
@@ -47,6 +37,7 @@ const selectItemTextStyles = (_ref, themeOptions) => {
     themeOptions
   });
 };
+
 /**
  * Subcomponent used within ListItem and similar components for rendering content that fills
  * and wraps available space in a { flexDirection: row } container alongside a ListIconMark,
@@ -55,8 +46,6 @@ const selectItemTextStyles = (_ref, themeOptions) => {
  * It's the responsibility of themes to make sure that these text tokens align the first line of
  * text nicely against the bullet or icon rendered by ListIconMark.
  */
-
-
 const ListItemContent = _ref2 => {
   let {
     tokens,
@@ -76,13 +65,11 @@ const ListItemContent = _ref2 => {
     })
   });
 };
-
 const staticStyles = _StyleSheet.default.create({
   wrap: {
     flex: 1
   }
 });
-
 ListItemContent.propTypes = {
   tokens: _propTypes.default.shape(tokenTypes).isRequired,
   children: _propTypes.default.node.isRequired