@oracle/oraclejet-preact 20.0.2 → 20.0.3

package/cjs/{TabBar-27ae2c21.js → TabBar-d84e222e.js}

@@ -31,6 +31,12 @@ require('./tooltipUtils-2bc15136.js');
 
 require('./BaseButton-d8f96bfa.js');
 require('./ButtonLabelLayout-c876923f.js');
+require('./NavigationList-d0d74565.js');
+require('./useNavigationListItem-b97e76d5.js');
+require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
+
 require('./Floating-79cbe5ad.js');
 
 require('./keyboardUtils-b42fe7d5.js');
@@ -39,6 +45,8 @@ require('./CollectionInteractionContext-f84ff7a1.js');
 
 require('./Sheet-1d6e8cf8.js');
 
+require('./StyledCheckbox-9047ed7d.js');
+
 var UNSAFE_TabBar_themes_TabBarStyles_css = require('./UNSAFE_TabBar/themes/TabBarStyles.css.js');
 var useTabBar = require('./useTabBar-35b73d10.js');
 var TabBarContextMenu = require('./TabBarContextMenu-d9bf65c2.js');
@@ -68,4 +76,4 @@ const TabBar = compat.forwardRef(({ children, layout = 'stretch', display = 'sta
 });
 
 exports.TabBar = TabBar;
-//# sourceMappingURL=TabBar-27ae2c21.js.map
+//# sourceMappingURL=TabBar-d84e222e.js.map

package/cjs/{TabBar-27ae2c21.js.map → TabBar-d84e222e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBar-27ae2c21.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nexport {\n  TabBarItem,\n  RemovableTabBarItem,\n  OverflowTabBarItem,\n  TabBarContext,\n  useTabBarContext,\n  TabBarLayout,\n  useProgressiveTruncation,\n  TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/**\n * type for payload of current key change event handler\n */\nexport type CurrentKeyDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\ntype DisplayProps =\n  | {\n      /**\n       * Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n       *'icons' hides the label,\n       */\n      display?: 'standard' | 'icons';\n      /**\n       *  The size indicates how tall the TabBarItem is rendered.\n       *  Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      size?: 'md' | 'lg';\n    }\n  | {\n      /**\n       *'stacked' stacks the icon on top of the label.\n       * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      display?: 'stacked';\n      size?: 'never';\n    };\n\nexport type TabBarProps<K extends string | number> = DisplayProps & {\n  /**\n   * A set of TabBarItem(s) that TabBar will hold\n   */\n  children: ComponentChildren;\n  /**\n   * Whether to stretch the tab bar items to occupy available space or to condense items\n   */\n  layout?: 'stretch' | 'condense';\n  /**\n   * The position of the TabBar. Valid Values: top and bottom.\n   * 'top' is used when TabBar is placed on top of content section and the selection\n   *  indicator would be placed below the TabBarItem.\n   * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n   *  indicator would be placed above the TabBarItem.\n   */\n  edge?: 'top' | 'bottom';\n  /**\n   * Key of the selected item.\n   */\n  selection?: K;\n  /**\n   * Callback function to handle when user selects a tab.\n   * The callback is also invoked when a user selects a tab that is already selected.\n   */\n  onSelect?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Callback function to handle remove\n   */\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  /**\n   * Accepts the ID of an element that provides instructions for interaction with the TabBar.\n   */\n  'aria-describedby'?: string;\n  /**\n   * An aria-label which defines a string value that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/**\n * A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      'aria-describedby': ariaDescribedBy,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      contextMenuConfig\n    }: TabBarProps<K> & TestIdProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = ref as RefObject<HTMLDivElement>;\n\n    const {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useTabBar({\n      class: styles.tabBarBase,\n      edge: edge,\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig\n    });\n\n    const isContextMenuAvailable = contextMenuConfig != null;\n\n    return (\n      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...rootProps}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-haspopup={contextMenuConfig != null ? true : false}\n            aria-describedby={\n              isContextMenuAvailable && contextMenuDescriptionId\n                ? ariaDescribedBy\n                  ? `${ariaDescribedBy} ${contextMenuDescriptionId}`\n                  : contextMenuDescriptionId\n                : ariaDescribedBy\n            }>\n            <TabBarLayout layout={layout} display={display}>\n              {children}\n            </TabBarLayout>\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["forwardRef","useTabBar","styles","_jsxs","_Fragment","_jsx","TabBarContext","TabBarLayout","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkHA;;AAEG;MACU,MAAM,GAAGA,iBAAU,CAC9B,CACE,EACE,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,iBAAiB,EACY,EAC/B,GAAyB,KACvB;IACF,MAAM,OAAO,GAAG,GAAgC,CAAC;AAEjD,IAAA,MAAM,EACJ,SAAS,EACT,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,aAAa,EACd,GAAGC,mBAAS,CAAC;QACZ,KAAK,EAAEC,4CAAM,CAAC,UAAU;AACxB,QAAA,IAAI,EAAE,IAAI;QACV,QAAQ;QACR,QAAQ;AACR,QAAA,GAAG,EAAE,OAAO;QACZ,SAAS;QACT,IAAI;QACJ,QAAQ;QACR,iBAAiB;AAClB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,sBAAsB,GAAG,iBAAiB,IAAI,IAAI,CAAC;AAEzD,IAAA,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEC,cAAC,CAAAC,0BAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,QAAA,EAC1CD,cACM,CAAA,KAAA,EAAA,EAAA,GAAA,SAAS,gBACD,SAAS,EAAA,iBAAA,EACJ,cAAc,EAAA,eAAA,EAChB,iBAAiB,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,EAErD,kBAAA,EAAA,sBAAsB,IAAI,wBAAwB;AAChD,0BAAE,eAAe;AACf,8BAAE,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,wBAAwB,CAAE,CAAA;AAClD,8BAAE,wBAAwB;AAC5B,0BAAE,eAAe,EAErB,QAAA,EAAAA,cAAA,CAACE,yBAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAC3C,QAAA,EAAA,QAAQ,EACI,CAAA,EAAA,CACX,EACiB,CAAA,EACxB,sBAAsB,IAAI,wBAAwB,KACjDF,cAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,wBAAwB,EAChC,QAAA,EAAAA,cAAA,CAACG,iCAAgB,EAAE,EAAA,QAAA,EAAA,sBAAsB,EAAoB,CAAA,EAAA,CACxD,CACR,EACA,sBAAsB,IAAI,aAAa,IAAIH,cAAC,CAAAI,qBAAU,EAAE,EAAA,QAAA,EAAA,aAAa,EAAc,CAAA,EACnF,sBAAsB,KACrBJ,cAAC,CAAAK,mCAAiB,EACZ,EAAA,GAAA,SAAS,EACb,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAmB,EAAA,CACvC,CACH,CAAA,EAAA,CACA,EACH;AACJ,CAAC;;;;"}
+{"version":3,"file":"TabBar-d84e222e.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nexport {\n  TabBarItem,\n  RemovableTabBarItem,\n  OverflowTabBarItem,\n  TabBarContext,\n  useTabBarContext,\n  TabBarLayout,\n  useProgressiveTruncation,\n  TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/**\n * type for payload of current key change event handler\n */\nexport type CurrentKeyDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\ntype DisplayProps =\n  | {\n      /**\n       * Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n       *'icons' hides the label,\n       */\n      display?: 'standard' | 'icons';\n      /**\n       *  The size indicates how tall the TabBarItem is rendered.\n       *  Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      size?: 'md' | 'lg';\n    }\n  | {\n      /**\n       *'stacked' stacks the icon on top of the label.\n       * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      display?: 'stacked';\n      size?: 'never';\n    };\n\nexport type TabBarProps<K extends string | number> = DisplayProps & {\n  /**\n   * A set of TabBarItem(s) that TabBar will hold\n   */\n  children: ComponentChildren;\n  /**\n   * Whether to stretch the tab bar items to occupy available space or to condense items\n   */\n  layout?: 'stretch' | 'condense';\n  /**\n   * The position of the TabBar. Valid Values: top and bottom.\n   * 'top' is used when TabBar is placed on top of content section and the selection\n   *  indicator would be placed below the TabBarItem.\n   * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n   *  indicator would be placed above the TabBarItem.\n   */\n  edge?: 'top' | 'bottom';\n  /**\n   * Key of the selected item.\n   */\n  selection?: K;\n  /**\n   * Callback function to handle when user selects a tab.\n   * The callback is also invoked when a user selects a tab that is already selected.\n   */\n  onSelect?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Callback function to handle remove\n   */\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  /**\n   * Accepts the ID of an element that provides instructions for interaction with the TabBar.\n   */\n  'aria-describedby'?: string;\n  /**\n   * An aria-label which defines a string value that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/**\n * A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      'aria-describedby': ariaDescribedBy,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      contextMenuConfig\n    }: TabBarProps<K> & TestIdProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = ref as RefObject<HTMLDivElement>;\n\n    const {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useTabBar({\n      class: styles.tabBarBase,\n      edge: edge,\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig\n    });\n\n    const isContextMenuAvailable = contextMenuConfig != null;\n\n    return (\n      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...rootProps}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-haspopup={contextMenuConfig != null ? true : false}\n            aria-describedby={\n              isContextMenuAvailable && contextMenuDescriptionId\n                ? ariaDescribedBy\n                  ? `${ariaDescribedBy} ${contextMenuDescriptionId}`\n                  : contextMenuDescriptionId\n                : ariaDescribedBy\n            }>\n            <TabBarLayout layout={layout} display={display}>\n              {children}\n            </TabBarLayout>\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["forwardRef","useTabBar","styles","_jsxs","_Fragment","_jsx","TabBarContext","TabBarLayout","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkHA;;AAEG;MACU,MAAM,GAAGA,iBAAU,CAC9B,CACE,EACE,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,iBAAiB,EACY,EAC/B,GAAyB,KACvB;IACF,MAAM,OAAO,GAAG,GAAgC,CAAC;AAEjD,IAAA,MAAM,EACJ,SAAS,EACT,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,aAAa,EACd,GAAGC,mBAAS,CAAC;QACZ,KAAK,EAAEC,4CAAM,CAAC,UAAU;AACxB,QAAA,IAAI,EAAE,IAAI;QACV,QAAQ;QACR,QAAQ;AACR,QAAA,GAAG,EAAE,OAAO;QACZ,SAAS;QACT,IAAI;QACJ,QAAQ;QACR,iBAAiB;AAClB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,sBAAsB,GAAG,iBAAiB,IAAI,IAAI,CAAC;AAEzD,IAAA,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEC,cAAC,CAAAC,0BAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,QAAA,EAC1CD,cACM,CAAA,KAAA,EAAA,EAAA,GAAA,SAAS,gBACD,SAAS,EAAA,iBAAA,EACJ,cAAc,EAAA,eAAA,EAChB,iBAAiB,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,EAErD,kBAAA,EAAA,sBAAsB,IAAI,wBAAwB;AAChD,0BAAE,eAAe;AACf,8BAAE,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,wBAAwB,CAAE,CAAA;AAClD,8BAAE,wBAAwB;AAC5B,0BAAE,eAAe,EAErB,QAAA,EAAAA,cAAA,CAACE,yBAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAC3C,QAAA,EAAA,QAAQ,EACI,CAAA,EAAA,CACX,EACiB,CAAA,EACxB,sBAAsB,IAAI,wBAAwB,KACjDF,cAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,wBAAwB,EAChC,QAAA,EAAAA,cAAA,CAACG,iCAAgB,EAAE,EAAA,QAAA,EAAA,sBAAsB,EAAoB,CAAA,EAAA,CACxD,CACR,EACA,sBAAsB,IAAI,aAAa,IAAIH,cAAC,CAAAI,qBAAU,EAAE,EAAA,QAAA,EAAA,aAAa,EAAc,CAAA,EACnF,sBAAsB,KACrBJ,cAAC,CAAAK,mCAAiB,EACZ,EAAA,GAAA,SAAS,EACb,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAmB,EAAA,CACvC,CACH,CAAA,EAAA,CACA,EACH;AACJ,CAAC;;;;"}

package/cjs/{TabBarLinkItem-b0c4b100.js → TabBarLinkItem-e924f83b.js}

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var OverflowTabBarItem = require('./OverflowTabBarItem-abcd2327.js');
+var OverflowTabBarItem = require('./OverflowTabBarItem-19ad4971.js');
 
 /**
  * TabBarLinkItem is used to render links in a TabBar. It allows to view the browser's built in link context menu to open the link in new browser tab.
@@ -12,4 +12,4 @@ function TabBarLinkItem({ itemKey, icon, badge, metadata, severity, labelMaxWidt
 }
 
 exports.TabBarLinkItem = TabBarLinkItem;
-//# sourceMappingURL=TabBarLinkItem-b0c4b100.js.map
+//# sourceMappingURL=TabBarLinkItem-e924f83b.js.map

package/cjs/{TabBarLinkItem-b0c4b100.js.map → TabBarLinkItem-e924f83b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBarLinkItem-b0c4b100.js","sources":["../../src/UNSAFE_TabBarCommon/TabBarLinkItem.tsx"],"sourcesContent":["import { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\n\ntype Link = {\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL use \"#\" for href value to navigate to the top of the page. \n   */\n  href: string;\n  /**\n   * Label of the TabBarLinkItem. For truncated labels this is the content\n   * for tooltip text of the Tab.\n   */\n  label: string;\n};\nexport type TabBarLinkItemProps<K extends string | number> = Link &\n  Pick<\n    BaseTabBarItemProps<K>,\n    'itemKey' | 'icon' | 'badge' | 'metadata' | 'severity' | 'aria-controls' | 'labelMaxWidth'\n  >;\n/**\n * TabBarLinkItem is used to render links in a TabBar. It allows to view the browser's built in link context menu to open the link in new browser tab.\n */\nexport function TabBarLinkItem<K extends string | number>({\n  itemKey,\n  icon,\n  badge,\n  metadata,\n  severity,\n  labelMaxWidth,\n  href,\n  label,\n  'aria-controls': ariaControls\n}: TabBarLinkItemProps<K>) {\n  return (\n    <BaseTabBarItem\n      aria-controls={ariaControls}\n      itemKey={itemKey}\n      label={label}\n      icon={icon}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      labelMaxWidth={labelMaxWidth}\n      href={href}></BaseTabBarItem>\n  );\n}\n"],"names":["_jsx","BaseTabBarItem"],"mappings":";;;;;;AAkBA;;AAEG;AACG,SAAU,cAAc,CAA4B,EACxD,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,KAAK,EACL,eAAe,EAAE,YAAY,EACN,EAAA;AACvB,IAAA,QACEA,cAAC,CAAAC,iCAAc,EACE,EAAA,eAAA,EAAA,YAAY,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EAAA,CAAmB,EAC/B;AACJ;;;;"}
+{"version":3,"file":"TabBarLinkItem-e924f83b.js","sources":["../../src/UNSAFE_TabBarCommon/TabBarLinkItem.tsx"],"sourcesContent":["import { BaseTabBarItem, BaseTabBarItemProps } from './BaseTabBarItem';\n\ntype Link = {\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL use \"#\" for href value to navigate to the top of the page. \n   */\n  href: string;\n  /**\n   * Label of the TabBarLinkItem. For truncated labels this is the content\n   * for tooltip text of the Tab.\n   */\n  label: string;\n};\nexport type TabBarLinkItemProps<K extends string | number> = Link &\n  Pick<\n    BaseTabBarItemProps<K>,\n    'itemKey' | 'icon' | 'badge' | 'metadata' | 'severity' | 'aria-controls' | 'labelMaxWidth'\n  >;\n/**\n * TabBarLinkItem is used to render links in a TabBar. It allows to view the browser's built in link context menu to open the link in new browser tab.\n */\nexport function TabBarLinkItem<K extends string | number>({\n  itemKey,\n  icon,\n  badge,\n  metadata,\n  severity,\n  labelMaxWidth,\n  href,\n  label,\n  'aria-controls': ariaControls\n}: TabBarLinkItemProps<K>) {\n  return (\n    <BaseTabBarItem\n      aria-controls={ariaControls}\n      itemKey={itemKey}\n      label={label}\n      icon={icon}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      labelMaxWidth={labelMaxWidth}\n      href={href}></BaseTabBarItem>\n  );\n}\n"],"names":["_jsx","BaseTabBarItem"],"mappings":";;;;;;AAkBA;;AAEG;AACG,SAAU,cAAc,CAA4B,EACxD,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,KAAK,EACL,eAAe,EAAE,YAAY,EACN,EAAA;AACvB,IAAA,QACEA,cAAC,CAAAC,iCAAc,EACE,EAAA,eAAA,EAAA,YAAY,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EAAA,CAAmB,EAC/B;AACJ;;;;"}

package/cjs/Theme-redwood/theme.css

@@ -1,30 +1,74 @@
+/* start:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
+:root, .oj-density-dependent {
+  --oj-c-card-view-gutter-size-xs: calc(3 * var(--oj-c-size-units, 0.25rem));
+  --oj-c-card-view-gutter-size-sm: calc(calc(4 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
+  --oj-c-card-view-gutter-size-md: calc(calc(6 * var(--oj-c-size-units, 0.25rem)) + calc(3 * var(--oj-c-density-units, 0px)));
+  --oj-c-card-view-gutter-size-lg: calc(calc(12 * var(--oj-c-size-units, 0.25rem)) + calc(9 * var(--oj-c-density-units, 0px)));
+  --oj-c-card-view-gutter-size-xl: calc(calc(16 * var(--oj-c-size-units, 0.25rem)) + calc(13 * var(--oj-c-density-units, 0px)));
+}
+/* end:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
+/* start:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
+.SkeletonBaseTheme_baseTheme__afgqbw0 {
+  --bgColor-base__1mh02730: rgb(var(--oj-c-palette-neutral-170));
+  --opacity-start__1mh02731: 0.05;
+  --opacity-end__1mh02732: 0.15;
+}
+/* end:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
+/* start:UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.styles.css */
+.CheckboxIconBaseTheme_baseTheme__1broikm0 {
+  --iconSize__1denrfz0: initial;
+  --iconColorChecked__1denrfz1: var(--oj-c-text-icon-primary);
+  --iconColorUnchecked__1denrfz2: var(--oj-c-text-icon-primary);
+  --iconTransformActive__1denrfz3: scale(0.75);
+}
+/* end:UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.styles.css */
 /* start:UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css */
 .FloatingBaseTheme_baseTheme__18jw0qa0 {
   --backgroundColor__ihlnqb0: transparent;
 }
 /* end:UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css */
+/* start:PRIVATE_Axis/themes/redwood/AxisBaseTheme.styles.css */
+.AxisBaseTheme_baseTheme__14uuhu50 {
+  --axisTitleTextColor__1veqowy0: var(--oj-c-text-icon-secondary);
+  --axisTickLabelTextColor__1veqowy1: var(--oj-c-text-icon-secondary);
+}
+/* end:PRIVATE_Axis/themes/redwood/AxisBaseTheme.styles.css */
+/* start:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
+.TooltipContentBaseTheme_baseTheme__sanbbo0 {
+  --maxWidth__1x922a00: ;
+  --backgroundColor__1x922a01: ;
+  --textColor__1x922a02: ;
+  --fontSize__1x922a03: ;
+  --lineHeight__1x922a04: ;
+  --borderRadius__1x922a05: ;
+  --borderColor__1x922a06: ;
+  --paddingHorizontal__1x922a07: ;
+  --paddingVertical__1x922a08: ;
+  --variants-tooltip-maxWidth__1x922a09: calc(72 * var(--oj-c-size-units, 0.25rem));
+  --variants-tooltip-backgroundColor__1x922a0a: var(--oj-c-surface-neutral30);
+  --variants-tooltip-textColor__1x922a0b: var(--oj-c-text-icon-primary);
+  --variants-tooltip-fontSize__1x922a0c: var(--oj-c-body-sm-font-size);
+  --variants-tooltip-lineHeight__1x922a0d: var(--oj-c-body-sm-line-height);
+  --variants-tooltip-borderRadius__1x922a0e: var(--oj-c-border-radius-md);
+  --variants-tooltip-borderColor__1x922a0f: transparent;
+  --variants-tooltip-paddingHorizontal__1x922a0g: calc(2 * var(--oj-c-size-units, 0.25rem));
+  --variants-tooltip-paddingVertical__1x922a0h: var(--oj-c-size-units, 0.25rem);
+  --variants-datatip-maxWidth__1x922a0i: calc(72 * var(--oj-c-size-units, 0.25rem));
+  --variants-datatip-backgroundColor__1x922a0j: var(--oj-c-surface-neutral0);
+  --variants-datatip-textColor__1x922a0k: var(--oj-c-text-icon-primary);
+  --variants-datatip-fontSize__1x922a0l: var(--oj-c-body-xs-font-size);
+  --variants-datatip-lineHeight__1x922a0m: var(--oj-c-body-xs-line-height);
+  --variants-datatip-borderRadius__1x922a0n: var(--oj-c-border-radius-md);
+  --variants-datatip-borderColor__1x922a0o: var(--oj-c-border-enabled);
+  --variants-datatip-paddingHorizontal__1x922a0p: calc(2 * var(--oj-c-size-units, 0.25rem));
+  --variants-datatip-paddingVertical__1x922a0q: calc(2 * var(--oj-c-size-units, 0.25rem));
+}
+/* end:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
 /* start:UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css */
 .MenuSeparatorBaseTheme_baseTheme__bwp4nk0 {
   --verticalPadding__168r8wj0: calc(2 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css */
-/* start:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
-.MenuItemBaseTheme_baseTheme__153jibj0 {
-  --iconSize__1qbg5hn0: calc(5 * var(--oj-c-size-units, 0.25rem));
-  --startEdgeToStartIconPadding__1qbg5hn1: calc(4 * var(--oj-c-size-units, 0.25rem));
-  --endIconToEndEdgePadding__1qbg5hn2: calc(4 * var(--oj-c-size-units, 0.25rem));
-  --startIconToLabelPadding__1qbg5hn3: calc(4 * var(--oj-c-size-units, 0.25rem));
-  --labelToEndIconPadding__1qbg5hn4: calc(8 * var(--oj-c-size-units, 0.25rem));
-  --textColor__1qbg5hn5: var(--oj-c-text-icon-primary);
-  --iconColor__1qbg5hn6: var(--oj-c-text-icon-primary);
-}
-/* end:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
-/* start:UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css */
-.WindowOverlayBaseTheme_baseTheme__1qrldld0 {
-  --notificationMainAxisOffset__5h4cac0: 0px;
-  --notificationCrossAxisOffset__5h4cac1: 0px;
-}
-/* end:UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css */
 /* start:UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css */
 :root, .oj-c-colorscheme-light {
   --oj-c-base-button-variants-outlined-base-background-color: transparent;
@@ -175,13 +219,38 @@
   --oj-c-base-button-sizes-lg-height: calc(calc(13 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
 }
 /* end:UNSAFE_BaseButton/themes/redwood/BaseButtonBaseTheme.styles.css */
-/* start:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
-.SkeletonBaseTheme_baseTheme__afgqbw0 {
-  --bgColor-base__1mh02730: rgb(var(--oj-c-palette-neutral-170));
-  --opacity-start__1mh02731: 0.05;
-  --opacity-end__1mh02732: 0.15;
+/* start:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
+.MenuItemBaseTheme_baseTheme__153jibj0 {
+  --iconSize__1qbg5hn0: calc(5 * var(--oj-c-size-units, 0.25rem));
+  --startEdgeToStartIconPadding__1qbg5hn1: calc(4 * var(--oj-c-size-units, 0.25rem));
+  --endIconToEndEdgePadding__1qbg5hn2: calc(4 * var(--oj-c-size-units, 0.25rem));
+  --startIconToLabelPadding__1qbg5hn3: calc(4 * var(--oj-c-size-units, 0.25rem));
+  --labelToEndIconPadding__1qbg5hn4: calc(8 * var(--oj-c-size-units, 0.25rem));
+  --textColor__1qbg5hn5: var(--oj-c-text-icon-primary);
+  --iconColor__1qbg5hn6: var(--oj-c-text-icon-primary);
 }
-/* end:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
+/* end:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
+/* start:UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css */
+.WindowOverlayBaseTheme_baseTheme__1qrldld0 {
+  --notificationMainAxisOffset__5h4cac0: 0px;
+  --notificationCrossAxisOffset__5h4cac1: 0px;
+}
+/* end:UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css */
+/* start:UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
+.CheckboxBaseTheme_baseTheme__lptpwa0 {
+  --iconToTextGap__1qyga5a1: calc(2 * var(--oj-c-size-units, 0.25rem));
+  --outlineWidth__1qyga5a0: 1px;
+}
+:root, .oj-density-dependent {
+  --rowHeight__1qyga5a2: calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+}
+/* end:UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
+/* start:UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css */
+.UserAssistanceBaseTheme_baseTheme__j8tei50 {
+  --inlineTextColor__1n9ixz60: var(--oj-c-text-icon-secondary);
+  --inlineFontSize__1n9ixz61: var(--oj-c-body-xs-font-size);
+}
+/* end:UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css */
 /* start:UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css */
 :root, .oj-scale-dependent, :root.oj-scale-sm, :root.oj-scale-md {
   --oj-c-button-label-layout-icon-size: ;
@@ -257,75 +326,6 @@
   --sizes-embeddedlg-textToEdgePadding__1onk43qq: calc(4 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css */
-/* start:PRIVATE_Axis/themes/redwood/AxisBaseTheme.styles.css */
-.AxisBaseTheme_baseTheme__14uuhu50 {
-  --axisTitleTextColor__1veqowy0: var(--oj-c-text-icon-secondary);
-  --axisTickLabelTextColor__1veqowy1: var(--oj-c-text-icon-secondary);
-}
-/* end:PRIVATE_Axis/themes/redwood/AxisBaseTheme.styles.css */
-/* start:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
-.TooltipContentBaseTheme_baseTheme__sanbbo0 {
-  --maxWidth__1x922a00: ;
-  --backgroundColor__1x922a01: ;
-  --textColor__1x922a02: ;
-  --fontSize__1x922a03: ;
-  --lineHeight__1x922a04: ;
-  --borderRadius__1x922a05: ;
-  --borderColor__1x922a06: ;
-  --paddingHorizontal__1x922a07: ;
-  --paddingVertical__1x922a08: ;
-  --variants-tooltip-maxWidth__1x922a09: calc(72 * var(--oj-c-size-units, 0.25rem));
-  --variants-tooltip-backgroundColor__1x922a0a: var(--oj-c-surface-neutral30);
-  --variants-tooltip-textColor__1x922a0b: var(--oj-c-text-icon-primary);
-  --variants-tooltip-fontSize__1x922a0c: var(--oj-c-body-sm-font-size);
-  --variants-tooltip-lineHeight__1x922a0d: var(--oj-c-body-sm-line-height);
-  --variants-tooltip-borderRadius__1x922a0e: var(--oj-c-border-radius-md);
-  --variants-tooltip-borderColor__1x922a0f: transparent;
-  --variants-tooltip-paddingHorizontal__1x922a0g: calc(2 * var(--oj-c-size-units, 0.25rem));
-  --variants-tooltip-paddingVertical__1x922a0h: var(--oj-c-size-units, 0.25rem);
-  --variants-datatip-maxWidth__1x922a0i: calc(72 * var(--oj-c-size-units, 0.25rem));
-  --variants-datatip-backgroundColor__1x922a0j: var(--oj-c-surface-neutral0);
-  --variants-datatip-textColor__1x922a0k: var(--oj-c-text-icon-primary);
-  --variants-datatip-fontSize__1x922a0l: var(--oj-c-body-xs-font-size);
-  --variants-datatip-lineHeight__1x922a0m: var(--oj-c-body-xs-line-height);
-  --variants-datatip-borderRadius__1x922a0n: var(--oj-c-border-radius-md);
-  --variants-datatip-borderColor__1x922a0o: var(--oj-c-border-enabled);
-  --variants-datatip-paddingHorizontal__1x922a0p: calc(2 * var(--oj-c-size-units, 0.25rem));
-  --variants-datatip-paddingVertical__1x922a0q: calc(2 * var(--oj-c-size-units, 0.25rem));
-}
-/* end:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
-/* start:UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.styles.css */
-.CheckboxIconBaseTheme_baseTheme__1broikm0 {
-  --iconSize__1denrfz0: initial;
-  --iconColorChecked__1denrfz1: var(--oj-c-text-icon-primary);
-  --iconColorUnchecked__1denrfz2: var(--oj-c-text-icon-primary);
-  --iconTransformActive__1denrfz3: scale(0.75);
-}
-/* end:UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.styles.css */
-/* start:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
-:root, .oj-density-dependent {
-  --oj-c-card-view-gutter-size-xs: calc(3 * var(--oj-c-size-units, 0.25rem));
-  --oj-c-card-view-gutter-size-sm: calc(calc(4 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
-  --oj-c-card-view-gutter-size-md: calc(calc(6 * var(--oj-c-size-units, 0.25rem)) + calc(3 * var(--oj-c-density-units, 0px)));
-  --oj-c-card-view-gutter-size-lg: calc(calc(12 * var(--oj-c-size-units, 0.25rem)) + calc(9 * var(--oj-c-density-units, 0px)));
-  --oj-c-card-view-gutter-size-xl: calc(calc(16 * var(--oj-c-size-units, 0.25rem)) + calc(13 * var(--oj-c-density-units, 0px)));
-}
-/* end:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
-/* start:UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css */
-.UserAssistanceBaseTheme_baseTheme__j8tei50 {
-  --inlineTextColor__1n9ixz60: var(--oj-c-text-icon-secondary);
-  --inlineFontSize__1n9ixz61: var(--oj-c-body-xs-font-size);
-}
-/* end:UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css */
-/* start:UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
-.CheckboxBaseTheme_baseTheme__lptpwa0 {
-  --iconToTextGap__1qyga5a1: calc(2 * var(--oj-c-size-units, 0.25rem));
-  --outlineWidth__1qyga5a0: 1px;
-}
-:root, .oj-density-dependent {
-  --rowHeight__1qyga5a2: calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-}
-/* end:UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
 /* start:UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css */
 .PopupBaseTheme_baseTheme__17qjw4f0 {
   --borderColor__2ugez71: var(--oj-c-border-divider);
@@ -345,6 +345,17 @@
   --summaryLineHeight__1aj7c365: 1.333rem;
 }
 /* end:UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css */
+/* start:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
+.MessageBannerBaseTheme_baseTheme__1mzbhvy0 {
+  --backgroundColor__l2hi9d0: var(--oj-c-surface-info-low);
+  --startIconColor__l2hi9d1: var(--oj-c-text-icon-info);
+  --startIconSize__l2hi9d2: calc(4 * var(--oj-c-size-units, 0.25rem));
+  --summaryTextColor__l2hi9d3: var(--oj-c-text-icon-info);
+  --summaryTextWeight__l2hi9d4: var(--oj-c-subheading-xs-font-weight);
+  --summaryTextSize__l2hi9d5: var(--oj-c-subheading-xs-font-size);
+  --summaryLineHeight__l2hi9d6: var(--oj-c-subheading-xs-line-height);
+}
+/* end:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
 /* start:UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css */
 .LabelBaseTheme_baseTheme__mpxezv0 {
   --fontWeight__kn3t7f0: 600;
@@ -377,17 +388,6 @@
   --formLayoutTopEdgeLabelToValuePadding__kn3t7fb: calc(calc(2 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
 }
 /* end:UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css */
-/* start:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
-.MessageBannerBaseTheme_baseTheme__1mzbhvy0 {
-  --backgroundColor__l2hi9d0: var(--oj-c-surface-info-low);
-  --startIconColor__l2hi9d1: var(--oj-c-text-icon-info);
-  --startIconSize__l2hi9d2: calc(4 * var(--oj-c-size-units, 0.25rem));
-  --summaryTextColor__l2hi9d3: var(--oj-c-text-icon-info);
-  --summaryTextWeight__l2hi9d4: var(--oj-c-subheading-xs-font-weight);
-  --summaryTextSize__l2hi9d5: var(--oj-c-subheading-xs-font-size);
-  --summaryLineHeight__l2hi9d6: var(--oj-c-subheading-xs-line-height);
-}
-/* end:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
 /* start:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
 .FormLayoutBaseTheme_baseTheme__sm2a4g0 {
   --startEdgeLabelToValuePadding__vm51h40: calc(6 * var(--oj-c-size-units, 0.25rem));
@@ -428,6 +428,13 @@
   --borderColorActive__ibpjppg: transparent;
 }
 /* end:PRIVATE_CollapsibleNavigationList/themes/redwood/CollapsibleNavigationListItemBaseTheme.styles.css */
+/* start:PRIVATE_List/themes/redwood/ListBaseTheme.styles.css */
+:root, .oj-density-dependent {
+  --oj-c-list-item-height: calc(calc(12 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+  --oj-c-list-item-padding-vertical: calc(calc(3 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
+  --oj-c-list-item-padding-horizontal: calc(calc(4 * var(--oj-c-size-units, 0.25rem)));
+}
+/* end:PRIVATE_List/themes/redwood/ListBaseTheme.styles.css */
 /* start:UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.styles.css */
 .BadgeThemeBaseTheme_baseTheme__lng3910 {
   --backgroundColor__88ut8n0: ;
@@ -476,13 +483,6 @@
   --sizes-md-padding__88ut8n17: calc(3 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.styles.css */
-/* start:PRIVATE_List/themes/redwood/ListBaseTheme.styles.css */
-:root, .oj-density-dependent {
-  --oj-c-list-item-height: calc(calc(12 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-  --oj-c-list-item-padding-vertical: calc(calc(3 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
-  --oj-c-list-item-padding-horizontal: calc(calc(4 * var(--oj-c-size-units, 0.25rem)));
-}
-/* end:PRIVATE_List/themes/redwood/ListBaseTheme.styles.css */
 /* start:UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.styles.css */
 .GroupedListBaseTheme_baseTheme__1nfzl1m0 {
   --groupHeaderBgColorSticky__11yn0c70: rgb(var(--oj-c-palette-neutral-30));
@@ -638,14 +638,6 @@
   --shapes-circle-borderRadius__n2nsgo21: 50%;
 }
 /* end:UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.styles.css */
-/* start:UNSAFE_ColorSwatch/themes/redwood/ColorSwatchBaseTheme.styles.css */
-.ColorSwatchBaseTheme_baseTheme__j3p4lr0 {
-  --borderRadius__1bc16n60: var(--oj-c-border-radius-sm);
-  --borderWidth__1bc16n61: 1px;
-  --sizes-xs-height__1bc16n62: max(calc(calc(6 * var(--oj-c-size-units, 0.25rem))),24px);
-  --sizes-sm-height__1bc16n63: calc(calc(11 * var(--oj-c-size-units, 0.25rem)));
-}
-/* end:UNSAFE_ColorSwatch/themes/redwood/ColorSwatchBaseTheme.styles.css */
 /* start:UNSAFE_ColorPicker/themes/redwood/ColorPickerBaseTheme.styles.css */
 .ColorPickerBaseTheme_baseTheme__mrs8ey0 {
   --width__1urfhqt0: 100%;
@@ -654,6 +646,14 @@
   --maxHeight__1urfhqt3: calc(85 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_ColorPicker/themes/redwood/ColorPickerBaseTheme.styles.css */
+/* start:UNSAFE_ColorSwatch/themes/redwood/ColorSwatchBaseTheme.styles.css */
+.ColorSwatchBaseTheme_baseTheme__j3p4lr0 {
+  --borderRadius__1bc16n60: var(--oj-c-border-radius-sm);
+  --borderWidth__1bc16n61: 1px;
+  --sizes-xs-height__1bc16n62: max(calc(calc(6 * var(--oj-c-size-units, 0.25rem))),24px);
+  --sizes-sm-height__1bc16n63: calc(calc(11 * var(--oj-c-size-units, 0.25rem)));
+}
+/* end:UNSAFE_ColorSwatch/themes/redwood/ColorSwatchBaseTheme.styles.css */
 /* start:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
 .ConveyorBeltBaseTheme_baseTheme__1ktowgq0 {
   --boxShadow-width__114pbvl0: var(--oj-c-size-units, 0.25rem);
@@ -753,12 +753,6 @@
   --trackSizes-fit__1qest1m9: calc(3 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_MeterCircle/themes/redwood/MeterCircleBaseTheme.styles.css */
-/* start:UNSAFE_ProgressBar/themes/redwood/ProgressBarBaseTheme.styles.css */
-.ProgressBarBaseTheme_baseTheme__suzb8h0 {
-  --height__irxz4j0: 6px;
-  --borderRadius__irxz4j1: 3px;
-}
-/* end:UNSAFE_ProgressBar/themes/redwood/ProgressBarBaseTheme.styles.css */
 /* start:UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.styles.css */
 .TabBarItemBaseTheme_baseTheme__1izcbv90 {
   --labelColor__1vg465e0: var(--oj-c-text-icon-secondary);
@@ -774,14 +768,12 @@
   --stackedHeight__1vg465e8: calc(calc(18.5 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
 }
 /* end:UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.styles.css */
-/* start:UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css */
-.RadioIconBaseTheme_baseTheme__1j9fixc0 {
-  --iconSize__bwcdcl0: var(--iconSize__bwcdcl0);
-  --iconColorSelected__bwcdcl1: var(--oj-c-text-icon-primary);
-  --iconColorUnselected__bwcdcl2: var(--oj-c-text-icon-primary);
-  --iconTransformActive__bwcdcl3: scale(0.75);
+/* start:UNSAFE_ProgressBar/themes/redwood/ProgressBarBaseTheme.styles.css */
+.ProgressBarBaseTheme_baseTheme__suzb8h0 {
+  --height__irxz4j0: 6px;
+  --borderRadius__irxz4j1: 3px;
 }
-/* end:UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css */
+/* end:UNSAFE_ProgressBar/themes/redwood/ProgressBarBaseTheme.styles.css */
 /* start:UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css */
 .NavigationListItemBaseTheme_baseTheme__cn44r50 {
   --fontSize__1497t560: var(--oj-c-body-md-font-size);
@@ -805,6 +797,14 @@
   --removeIconPadding__1497t56i: calc(4 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css */
+/* start:UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css */
+.RadioIconBaseTheme_baseTheme__1j9fixc0 {
+  --iconSize__bwcdcl0: var(--iconSize__bwcdcl0);
+  --iconColorSelected__bwcdcl1: var(--oj-c-text-icon-primary);
+  --iconColorUnselected__bwcdcl2: var(--oj-c-text-icon-primary);
+  --iconTransformActive__bwcdcl3: scale(0.75);
+}
+/* end:UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css */
 /* start:UNSAFE_RatingGauge/themes/redwood/RatingGaugeBaseTheme.styles.css */
 .RatingGaugeBaseTheme_baseTheme__1u6vk8m0 {
   --colorSelected__1kgzocs0: var(--oj-c-text-icon-primary);