@oracle/oraclejet-preact 20.0.1 → 20.0.3

package/amd/TabBarMixed-5b5a5047.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './LayerHost-0b288129', './UNSAFE_Text/themes/TextStyles.css', './Flex-4b81b412', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-95c0c920', './boxalignment-8d80de7e', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', 'css!./BadgeStyles.styles.css', 'module', './UNSAFE_Badge/themes/redwood/BadgeVariants.css', './ConveyorBeltContext-d8653090', './BusyStateContext-ab2c549a', './TabbableModeContext-a9c97640', 'preact', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './HiddenAccessible-037ef42d', './BaseButton-5a0ad529', './ButtonLabelLayout-6464870c', './NavigationList-a6bb123d', './useNavigationListItem-582f5564', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', 'css!./NavigationListSeparator.styles.css', './Floating-c3558e44', 'css!./LayerStyles.styles.css', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-1d02491d', 'css!./OverflowTabBarItemStyles.styles.css', './clientUtils-f1eea2db', './UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css', './useTabBar-b05edef0', './LiveRegion-dbefb95b', './TabBarContextMenu-6a167e27', './ConveyorBeltFocusContext-7d718341'], (function(e,t,s,a,o,n,r,i,l,c,b,d,u,m,x,y,B,T,h,f,C,S,g,v,p,N,M,F,I,A,L,U,E,w,_,k,R,j,P,V,H,D,K,O,z,q,G,J,Q,W,X){"use strict";const Y=a.forwardRef(((e,o)=>{const{children:n,onRemove:r,onSelect:l,selection:c,size:b,"aria-label":d,"aria-labelledby":u}=e,m=s.useRef(null),x=q.isMobile(),y=s.useMemo((()=>({itemsRenderer:e=>{if(e){if(null!=J.getItemAttribute(e.itemKey,m.current,J.REMOVABLE_ITEM_ATTRIBUTE)&&x){const s=e.defaultMenuItems;return t.jsx(t.Fragment,{children:s})}}return null}})),[]),{rootProps:B,tabBarContext:T,menuProps:h,contextMenuContext:f,contextMenuDescription:C,contextMenuDescriptionId:S,accStatusInfo:v}=(p={class:G.styles.tabBarBase,edge:"bottom",onRemove:r,onSelect:l,ref:m,selection:c,size:b,children:n,contextMenuConfig:y},J.useTabBar(p));var p;const N=null!=y&&x;a.useImperativeHandle(o,(()=>({focus:()=>{m.current&&m.current.focus()},blur:()=>{m.current&&m.current.blur()}})));const[M,F]=s.useState(!1),A=s.useCallback((()=>{m.current?.focus()}),[]),L=s.useCallback((()=>{F(!0)}),[]),U=s.useCallback((()=>{F(!1)}),[]),E=s.useCallback((e=>{"Tab"!==e.key||e.shiftKey||L?.()}),[L]),w=s.useCallback((()=>{U?.()}),[U]),_=s.useMemo((()=>({focusTabbarRoot:A,isSuppressOverflowFocus:M,beginTabPass:L,endTabPass:U})),[M,A,L,U]),k=g.mergeProps(B,{onKeyDown:E,onBlur:w});return t.jsxs(X.ConveyorBeltFocusContext.Provider,{value:_,children:[t.jsx(i.TabBarContext.Provider,{value:T,children:t.jsx("div",{"aria-label":d,"aria-labelledby":u,...k,children:n})}),N&&S&&C&&t.jsx("span",{id:S,children:t.jsx(I.HiddenAccessible,{children:C})}),N&&v&&t.jsx(Q.LiveRegion,{children:v}),N&&t.jsx(W.TabBarContextMenu,{...h,contextMenuConfig:y,contextMenuContext:f})]})}));e.TabBarMixed=Y}));
+//# sourceMappingURL=TabBarMixed-5b5a5047.js.map

package/amd/{TabBarMixed-cfd346bf.js.map → TabBarMixed-5b5a5047.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBarMixed-cfd346bf.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts"],"sourcesContent":["import type { ComponentChildren } from 'preact';\nimport { useMemo, useRef, useCallback, useState } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\nimport { REMOVABLE_ITEM_ATTRIBUTE, getItemAttribute } from '../hooks/PRIVATE_useTabBar/useTabBar';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps/mergeProps';\nimport { ConveyorBeltFocusContext } from '../UNSAFE_ConveyorBelt';\n\ntype UseTabBarOptions = Parameters<typeof useTabBar>[0];\n\n/**\n * Component props expected to be pased to **TabBarMixed**.\n *\n * @see {@link TabBarMixed}\n */\ntype TabBarMixedProps<K extends string | number> = {\n  /**\n   * Component children that will be rendered within the **TabBarMixed**\n   * root element.\n   *\n   * It is expected that **TabBarLayout** and **ConveyorBelt** elements are\n   * provided. The same **TabBarItem**, **RemovableTabBarItem**,\n   * and **OverflowTabBarItem** elements should also be used.\n   */\n  children?: ComponentChildren;\n  /**\n   * Callback fired when a tab item is removed.\n   */\n  onRemove?: UseTabBarOptions['onRemove'];\n  /**\n   * Callback fired when a tab item is selected.\n   */\n  onSelect?: UseTabBarOptions['onSelect'];\n  /**\n   * The item key of the selected tab item.\n   */\n  selection?: K;\n  /**\n   * The height of the the tab bar.\n   *\n   * @default \"md\"\n   */\n  size?: UseTabBarOptions['size'];\n  /**\n   * An aria-label which defines a string value that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\n/**\n * A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.\n *\n * @param {TabBarMixedProps} props TabBarMixed component props.\n * @returns {JSX.Element} TabBarMixed component element.\n */\nexport const TabBarMixed = forwardRef(\n  <K extends string | number>(\n    props: TabBarMixedProps<K>,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      children,\n      onRemove,\n      onSelect,\n      selection,\n      size,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby\n    } = props;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<TabBarContextMenuConfig<string | number>>(() => {\n      return {\n        itemsRenderer: (context) => {\n          //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n          if (context) {\n            const isRemovableItem =\n              getItemAttribute(context.itemKey, rootRef.current!, REMOVABLE_ITEM_ATTRIBUTE) != null;\n            if (isRemovableItem && isMobileDevice) {\n              const defaultItems = context.defaultMenuItems;\n              return <>{defaultItems}</>;\n            }\n          }\n          return null;\n        }\n      };\n    }, []);\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: 'bottom',\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const isContextMenuAvailable = defaultContextMenuConfig != null && isMobileDevice;\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(focusHandleRef!, () => ({\n      focus: () => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (rootRef.current) {\n          rootRef.current.blur();\n        }\n      }\n    }));\n\n    const [isSuppressOverflowFocus, setIsSuppressOverflowFocus] = useState(false);\n\n    const focusTabbarRoot = useCallback(() => {\n      rootRef.current?.focus();\n    }, []);\n\n    // Begin a short window where overflow div should not be focusable.\n    const beginTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(true);\n    }, []);\n\n    // End that window after focus moves away.\n    const endTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(false);\n    }, []);\n\n    const onKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        // We only want to suppress overflow focus when the user is tabbing.\n        if (e.key === 'Tab' && !e.shiftKey) {\n          // Tell conveyor to make its overflow non-focusable (tabIndex = -1)\n          beginTabPass?.();\n        }\n      },\n      [beginTabPass]\n    );\n\n    const onBlur = useCallback(() => {\n      // End that suppress overflow after focus moves away.\n      endTabPass?.();\n    }, [endTabPass]);\n\n    const focusContext = useMemo(\n      () => ({\n        focusTabbarRoot,\n        isSuppressOverflowFocus,\n        beginTabPass,\n        endTabPass\n      }),\n      [isSuppressOverflowFocus, focusTabbarRoot, beginTabPass, endTabPass]\n    );\n\n    const mergedRootProps = mergeProps(rootProps, { onKeyDown, onBlur });\n\n    return (\n      <ConveyorBeltFocusContext.Provider value={focusContext}>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div aria-label={ariaLabel} aria-labelledby={ariaLabelledby} {...mergedRootProps}>\n            {children}\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (\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={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </ConveyorBeltFocusContext.Provider>\n    );\n  }\n);\n","import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\nimport { TabBar } from '../UNSAFE_TabBar/TabBar';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref?: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n  contextMenuConfig?: ComponentProps<typeof TabBar>['contextMenuConfig'];\n};\n\n/**\n * A thin wrapper around useTabBar hook\n */\nexport function useTabBarMixed(options: useTabBarOptions) {\n  return useTabBar(options);\n}\n"],"names":["TabBarMixed","forwardRef","props","focusHandleRef","children","onRemove","onSelect","selection","size","ariaLabel","ariaLabelledby","rootRef","useRef","isMobileDevice","isMobile","defaultContextMenuConfig","useMemo","itemsRenderer","context","getItemAttribute","itemKey","current","REMOVABLE_ITEM_ATTRIBUTE","defaultItems","defaultMenuItems","_jsx","jsx","_Fragment","Fragment","rootProps","tabBarContext","menuProps","contextMenuContext","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","options","class","styles","tabBarBase","edge","ref","contextMenuConfig","useTabBar","isContextMenuAvailable","useImperativeHandle","focus","blur","isSuppressOverflowFocus","setIsSuppressOverflowFocus","useState","focusTabbarRoot","useCallback","beginTabPass","endTabPass","onKeyDown","e","key","shiftKey","onBlur","focusContext","mergedRootProps","mergeProps","_jsxs","jsxs","ConveyorBeltFocusContext","Provider","value","TabBarContext","id","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":"4lDA0Ea,MAAAA,EAAcC,EAAUA,YACnC,CACEC,EACAC,KAEA,MAAMC,SACJA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,UACRA,EAASC,KACTA,EACA,aAAcC,EACd,kBAAmBC,GACjBR,EAEES,EAAUC,SAAuB,MAEjCC,EAAiBC,EAAAA,WACjBC,EAA2BC,EAAAA,SAAkD,KAC1E,CACLC,cAAgBC,IAEd,GAAIA,EAAS,CAGX,GADmF,MAAjFC,EAAgBA,iBAACD,EAAQE,QAAST,EAAQU,QAAUC,6BAC/BT,EAAgB,CACrC,MAAMU,EAAeL,EAAQM,iBAC7B,OAAOC,EAAAC,IAAAC,EAAAC,SAAA,CAAAxB,SAAGmB,GACX,CACF,CACD,OAAO,IAAI,KAGd,KAEGM,UACJA,EAASC,cACTA,EAAaC,UACbA,EAASC,mBACTA,EAAkBC,uBAClBA,EAAsBC,yBACtBA,EAAwBC,cACxBA,IC7FyBC,ED8Fb,CACZC,MAAOC,EAAMA,OAACC,WACdC,KAAM,SACNnC,WACAC,WACAmC,IAAK9B,EACLJ,YACAC,OACAJ,WACAsC,kBAAmB3B,GCtGhB4B,EAAAA,UAAUP,IADb,IAAyBA,ED0G3B,MAAMQ,EAAqD,MAA5B7B,GAAoCF,EAEnEgC,EAAmBA,oBAAC1C,GAAiB,KAAO,CAC1C2C,MAAO,KACDnC,EAAQU,SACVV,EAAQU,QAAQyB,OACjB,EAEHC,KAAM,KACApC,EAAQU,SACVV,EAAQU,QAAQ0B,MACjB,MAIL,MAAOC,EAAyBC,GAA8BC,EAAQA,UAAC,GAEjEC,EAAkBC,EAAAA,aAAY,KAClCzC,EAAQU,SAASyB,OAAO,GACvB,IAGGO,EAAeD,EAAAA,aAAY,KAC/BH,GAA2B,EAAK,GAC/B,IAGGK,EAAaF,EAAAA,aAAY,KAC7BH,GAA2B,EAAM,GAChC,IAEGM,EAAYH,eACfI,IAEe,QAAVA,EAAEC,KAAkBD,EAAEE,UAExBL,KACD,GAEH,CAACA,IAGGM,EAASP,EAAAA,aAAY,KAEzBE,KAAc,GACb,CAACA,IAEEM,EAAe5C,EAAAA,SACnB,KAAO,CACLmC,kBACAH,0BACAK,eACAC,gBAEF,CAACN,EAAyBG,EAAiBE,EAAcC,IAGrDO,EAAkBC,EAAAA,WAAWjC,EAAW,CAAE0B,YAAWI,WAE3D,OACEI,EAACC,KAAAC,EAAwBA,yBAACC,UAASC,MAAOP,EAAYxD,SAAA,CACpDqB,MAAC2C,EAAaA,cAACF,SAAQ,CAACC,MAAOrC,EAC7B1B,SAAAqB,EAAAA,IAAA,MAAA,CAAA,aAAiBhB,EAA4B,kBAAAC,KAAoBmD,WAC9DzD,MAGJwC,GAA0BV,GAA4BD,GACrDR,EAAMC,IAAA,OAAA,CAAA2C,GAAInC,WACRT,EAACC,IAAA4C,EAAgBA,iBAAE,CAAAlE,SAAA6B,MAGtBW,GAA0BT,GAAiBV,MAAC8C,EAAUA,WAAA,CAAAnE,SAAE+B,IACxDS,GACCnB,EAAAA,IAAC+C,EAAAA,kBACK,IAAAzC,EACJW,kBAAmB3B,EACnBiB,mBAAoBA,MAI1B"}
+{"version":3,"file":"TabBarMixed-5b5a5047.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts"],"sourcesContent":["import type { ComponentChildren } from 'preact';\nimport { useMemo, useRef, useCallback, useState } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\nimport { REMOVABLE_ITEM_ATTRIBUTE, getItemAttribute } from '../hooks/PRIVATE_useTabBar/useTabBar';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps/mergeProps';\nimport { ConveyorBeltFocusContext } from '../UNSAFE_ConveyorBelt';\n\ntype UseTabBarOptions = Parameters<typeof useTabBar>[0];\n\n/**\n * Component props expected to be pased to **TabBarMixed**.\n *\n * @see {@link TabBarMixed}\n */\ntype TabBarMixedProps<K extends string | number> = {\n  /**\n   * Component children that will be rendered within the **TabBarMixed**\n   * root element.\n   *\n   * It is expected that **TabBarLayout** and **ConveyorBelt** elements are\n   * provided. The same **TabBarItem**, **RemovableTabBarItem**,\n   * and **OverflowTabBarItem** elements should also be used.\n   */\n  children?: ComponentChildren;\n  /**\n   * Callback fired when a tab item is removed.\n   */\n  onRemove?: UseTabBarOptions['onRemove'];\n  /**\n   * Callback fired when a tab item is selected.\n   */\n  onSelect?: UseTabBarOptions['onSelect'];\n  /**\n   * The item key of the selected tab item.\n   */\n  selection?: K;\n  /**\n   * The height of the the tab bar.\n   *\n   * @default \"md\"\n   */\n  size?: UseTabBarOptions['size'];\n  /**\n   * An aria-label which defines a string value that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\n/**\n * A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.\n *\n * @param {TabBarMixedProps} props TabBarMixed component props.\n * @returns {JSX.Element} TabBarMixed component element.\n */\nexport const TabBarMixed = forwardRef(\n  <K extends string | number>(\n    props: TabBarMixedProps<K>,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      children,\n      onRemove,\n      onSelect,\n      selection,\n      size,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby\n    } = props;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<TabBarContextMenuConfig<string | number>>(() => {\n      return {\n        itemsRenderer: (context) => {\n          //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n          if (context) {\n            const isRemovableItem =\n              getItemAttribute(context.itemKey, rootRef.current!, REMOVABLE_ITEM_ATTRIBUTE) != null;\n            if (isRemovableItem && isMobileDevice) {\n              const defaultItems = context.defaultMenuItems;\n              return <>{defaultItems}</>;\n            }\n          }\n          return null;\n        }\n      };\n    }, []);\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: 'bottom',\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const isContextMenuAvailable = defaultContextMenuConfig != null && isMobileDevice;\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(focusHandleRef!, () => ({\n      focus: () => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (rootRef.current) {\n          rootRef.current.blur();\n        }\n      }\n    }));\n\n    const [isSuppressOverflowFocus, setIsSuppressOverflowFocus] = useState(false);\n\n    const focusTabbarRoot = useCallback(() => {\n      rootRef.current?.focus();\n    }, []);\n\n    // Begin a short window where overflow div should not be focusable.\n    const beginTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(true);\n    }, []);\n\n    // End that window after focus moves away.\n    const endTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(false);\n    }, []);\n\n    const onKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        // We only want to suppress overflow focus when the user is tabbing.\n        if (e.key === 'Tab' && !e.shiftKey) {\n          // Tell conveyor to make its overflow non-focusable (tabIndex = -1)\n          beginTabPass?.();\n        }\n      },\n      [beginTabPass]\n    );\n\n    const onBlur = useCallback(() => {\n      // End that suppress overflow after focus moves away.\n      endTabPass?.();\n    }, [endTabPass]);\n\n    const focusContext = useMemo(\n      () => ({\n        focusTabbarRoot,\n        isSuppressOverflowFocus,\n        beginTabPass,\n        endTabPass\n      }),\n      [isSuppressOverflowFocus, focusTabbarRoot, beginTabPass, endTabPass]\n    );\n\n    const mergedRootProps = mergeProps(rootProps, { onKeyDown, onBlur });\n\n    return (\n      <ConveyorBeltFocusContext.Provider value={focusContext}>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div aria-label={ariaLabel} aria-labelledby={ariaLabelledby} {...mergedRootProps}>\n            {children}\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (\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={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </ConveyorBeltFocusContext.Provider>\n    );\n  }\n);\n","import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\nimport { TabBar } from '../UNSAFE_TabBar/TabBar';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref?: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n  contextMenuConfig?: ComponentProps<typeof TabBar>['contextMenuConfig'];\n};\n\n/**\n * A thin wrapper around useTabBar hook\n */\nexport function useTabBarMixed(options: useTabBarOptions) {\n  return useTabBar(options);\n}\n"],"names":["TabBarMixed","forwardRef","props","focusHandleRef","children","onRemove","onSelect","selection","size","ariaLabel","ariaLabelledby","rootRef","useRef","isMobileDevice","isMobile","defaultContextMenuConfig","useMemo","itemsRenderer","context","getItemAttribute","itemKey","current","REMOVABLE_ITEM_ATTRIBUTE","defaultItems","defaultMenuItems","_jsx","jsx","_Fragment","Fragment","rootProps","tabBarContext","menuProps","contextMenuContext","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","options","class","styles","tabBarBase","edge","ref","contextMenuConfig","useTabBar","isContextMenuAvailable","useImperativeHandle","focus","blur","isSuppressOverflowFocus","setIsSuppressOverflowFocus","useState","focusTabbarRoot","useCallback","beginTabPass","endTabPass","onKeyDown","e","key","shiftKey","onBlur","focusContext","mergedRootProps","mergeProps","_jsxs","jsxs","ConveyorBeltFocusContext","Provider","value","TabBarContext","id","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":"s2DA0Ea,MAAAA,EAAcC,EAAUA,YACnC,CACEC,EACAC,KAEA,MAAMC,SACJA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,UACRA,EAASC,KACTA,EACA,aAAcC,EACd,kBAAmBC,GACjBR,EAEES,EAAUC,SAAuB,MAEjCC,EAAiBC,EAAAA,WACjBC,EAA2BC,EAAAA,SAAkD,KAC1E,CACLC,cAAgBC,IAEd,GAAIA,EAAS,CAGX,GADmF,MAAjFC,EAAgBA,iBAACD,EAAQE,QAAST,EAAQU,QAAUC,6BAC/BT,EAAgB,CACrC,MAAMU,EAAeL,EAAQM,iBAC7B,OAAOC,EAAAC,IAAAC,EAAAC,SAAA,CAAAxB,SAAGmB,GACX,CACF,CACD,OAAO,IAAI,KAGd,KAEGM,UACJA,EAASC,cACTA,EAAaC,UACbA,EAASC,mBACTA,EAAkBC,uBAClBA,EAAsBC,yBACtBA,EAAwBC,cACxBA,IC7FyBC,ED8Fb,CACZC,MAAOC,EAAMA,OAACC,WACdC,KAAM,SACNnC,WACAC,WACAmC,IAAK9B,EACLJ,YACAC,OACAJ,WACAsC,kBAAmB3B,GCtGhB4B,EAAAA,UAAUP,IADb,IAAyBA,ED0G3B,MAAMQ,EAAqD,MAA5B7B,GAAoCF,EAEnEgC,EAAmBA,oBAAC1C,GAAiB,KAAO,CAC1C2C,MAAO,KACDnC,EAAQU,SACVV,EAAQU,QAAQyB,OACjB,EAEHC,KAAM,KACApC,EAAQU,SACVV,EAAQU,QAAQ0B,MACjB,MAIL,MAAOC,EAAyBC,GAA8BC,EAAQA,UAAC,GAEjEC,EAAkBC,EAAAA,aAAY,KAClCzC,EAAQU,SAASyB,OAAO,GACvB,IAGGO,EAAeD,EAAAA,aAAY,KAC/BH,GAA2B,EAAK,GAC/B,IAGGK,EAAaF,EAAAA,aAAY,KAC7BH,GAA2B,EAAM,GAChC,IAEGM,EAAYH,eACfI,IAEe,QAAVA,EAAEC,KAAkBD,EAAEE,UAExBL,KACD,GAEH,CAACA,IAGGM,EAASP,EAAAA,aAAY,KAEzBE,KAAc,GACb,CAACA,IAEEM,EAAe5C,EAAAA,SACnB,KAAO,CACLmC,kBACAH,0BACAK,eACAC,gBAEF,CAACN,EAAyBG,EAAiBE,EAAcC,IAGrDO,EAAkBC,EAAAA,WAAWjC,EAAW,CAAE0B,YAAWI,WAE3D,OACEI,EAACC,KAAAC,EAAwBA,yBAACC,UAASC,MAAOP,EAAYxD,SAAA,CACpDqB,MAAC2C,EAAaA,cAACF,SAAQ,CAACC,MAAOrC,EAC7B1B,SAAAqB,EAAAA,IAAA,MAAA,CAAA,aAAiBhB,EAA4B,kBAAAC,KAAoBmD,WAC9DzD,MAGJwC,GAA0BV,GAA4BD,GACrDR,EAAMC,IAAA,OAAA,CAAA2C,GAAInC,WACRT,EAACC,IAAA4C,EAAgBA,iBAAE,CAAAlE,SAAA6B,MAGtBW,GAA0BT,GAAiBV,MAAC8C,EAAUA,WAAA,CAAAnE,SAAE+B,IACxDS,GACCnB,EAAAA,IAAC+C,EAAAA,kBACK,IAAAzC,EACJW,kBAAmB3B,EACnBiB,mBAAoBA,MAI1B"}

package/amd/Theme-redwood/theme.css

@@ -4,15 +4,6 @@
   --axisTickLabelTextColor__1veqowy1: var(--oj-c-text-icon-secondary);
 }
 /* end:PRIVATE_Axis/themes/redwood/AxisBaseTheme.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_Floating/themes/redwood/FloatingBaseTheme.styles.css */
 .FloatingBaseTheme_baseTheme__18jw0qa0 {
   --backgroundColor__ihlnqb0: transparent;
@@ -26,13 +17,6 @@
   --iconTransformActive__1denrfz3: scale(0.75);
 }
 /* end:UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.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:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
 .TooltipContentBaseTheme_baseTheme__sanbbo0 {
   --maxWidth__1x922a00: ;
@@ -64,6 +48,22 @@
   --variants-datatip-paddingVertical__1x922a0q: calc(2 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.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_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/CheckboxBaseTheme.styles.css */
 .CheckboxBaseTheme_baseTheme__lptpwa0 {
   --iconToTextGap__1qyga5a1: calc(2 * var(--oj-c-size-units, 0.25rem));
@@ -372,6 +372,24 @@
   --sizes-embeddedlg-textToEdgePadding__1onk43qq: calc(4 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css */
+/* start:UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css */
+.RadioBaseTheme_baseTheme__1xmeiy50 {
+  --iconToTextGap__11tjnon1: calc(2 * var(--oj-c-size-units, 0.25rem));
+  --outlineWidth__11tjnon0: 1px;
+}
+:root, .oj-density-dependent {
+  --rowHeight__11tjnon2: calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+}
+/* end:UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css */
+/* start:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
+.FormLayoutBaseTheme_baseTheme__sm2a4g0 {
+  --startEdgeLabelToValuePadding__vm51h40: calc(6 * var(--oj-c-size-units, 0.25rem));
+  --startEdgeLabelTextAlign__vm51h41: end;
+}
+:root, .oj-density-dependent {
+  --topEdgeLabelToValuePadding__vm51h42: calc(calc(2 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
+}
+/* end:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
 /* start:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
 .MenuItemBaseTheme_baseTheme__153jibj0 {
   --iconSize__1qbg5hn0: calc(5 * var(--oj-c-size-units, 0.25rem));
@@ -458,29 +476,6 @@
   --sizes-md-padding__88ut8n17: calc(3 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.styles.css */
-/* start:UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css */
-.RadioBaseTheme_baseTheme__1xmeiy50 {
-  --iconToTextGap__11tjnon1: calc(2 * var(--oj-c-size-units, 0.25rem));
-  --outlineWidth__11tjnon0: 1px;
-}
-:root, .oj-density-dependent {
-  --rowHeight__11tjnon2: calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-}
-/* end:UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css */
-/* start:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
-.FormLayoutBaseTheme_baseTheme__sm2a4g0 {
-  --startEdgeLabelToValuePadding__vm51h40: calc(6 * var(--oj-c-size-units, 0.25rem));
-  --startEdgeLabelTextAlign__vm51h41: end;
-}
-:root, .oj-density-dependent {
-  --topEdgeLabelToValuePadding__vm51h42: calc(calc(2 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
-}
-/* end:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
-/* start:UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.styles.css */
-.GroupedListBaseTheme_baseTheme__1nfzl1m0 {
-  --groupHeaderBgColorSticky__11yn0c70: rgb(var(--oj-c-palette-neutral-30));
-}
-/* end:UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.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)));
@@ -488,6 +483,11 @@
   --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));
+}
+/* end:UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.styles.css */
 /* start:UNSAFE_Link/themes/redwood/LinkBaseTheme.styles.css */
 .LinkBaseTheme_baseTheme__eahcnn0 {
   --standaloneTextDecoration__1w21kyl0: none;
@@ -646,6 +646,11 @@
   --sizes-sm-height__1bc16n63: calc(calc(11 * var(--oj-c-size-units, 0.25rem)));
 }
 /* end:UNSAFE_ColorSwatch/themes/redwood/ColorSwatchBaseTheme.styles.css */
+/* start:UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutBaseTheme.styles.css */
+.DrawerLayoutBaseTheme_baseTheme__qqda4t0 {
+  --overlayDrawerBackgroundColor__37aqbl0: var(--oj-c-surface-neutral10);
+}
+/* end:UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutBaseTheme.styles.css */
 /* start:UNSAFE_ColorPicker/themes/redwood/ColorPickerBaseTheme.styles.css */
 .ColorPickerBaseTheme_baseTheme__mrs8ey0 {
   --width__1urfhqt0: 100%;
@@ -675,11 +680,6 @@
   --overlayDrawerBackgroundColor__1ekn0ug0: var(--oj-c-surface-neutral10);
 }
 /* end:UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
-/* start:UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutBaseTheme.styles.css */
-.DrawerLayoutBaseTheme_baseTheme__qqda4t0 {
-  --overlayDrawerBackgroundColor__37aqbl0: var(--oj-c-surface-neutral10);
-}
-/* end:UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutBaseTheme.styles.css */
 /* start:UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.styles.css */
 .FilePickerBaseTheme_baseTheme__gjv4mp0 {
   --borderColor__12s6ppx0: var(--oj-c-border-enabled);
@@ -697,12 +697,6 @@
   --columnGapWidth__pa4rfz5: inherit;
 }
 /* end:UNSAFE_FormLayout/themes/redwood/FormLayoutBaseTheme.styles.css */
-/* start:UNSAFE_Indexer/themes/redwood/IndexerBaseTheme.styles.css */
-.IndexerBaseTheme_baseTheme__k2mgdb0 {
-  --textColor__1gj3n970: var(--oj-c-text-icon-primary);
-  --fontSize__1gj3n971: var(--oj-c-body-sm-font-size);
-}
-/* end:UNSAFE_Indexer/themes/redwood/IndexerBaseTheme.styles.css */
 /* start:UNSAFE_ProgressCircle/themes/redwood/ProgressCircleBaseTheme.styles.css */
 .ProgressCircleBaseTheme_baseTheme__1qsbny60 {
   --size__lborgv0: ;
@@ -715,6 +709,12 @@
   --sizes-lg-trackWidth__lborgv7: calc(1.5 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_ProgressCircle/themes/redwood/ProgressCircleBaseTheme.styles.css */
+/* start:UNSAFE_Indexer/themes/redwood/IndexerBaseTheme.styles.css */
+.IndexerBaseTheme_baseTheme__k2mgdb0 {
+  --textColor__1gj3n970: var(--oj-c-text-icon-primary);
+  --fontSize__1gj3n971: var(--oj-c-body-sm-font-size);
+}
+/* end:UNSAFE_Indexer/themes/redwood/IndexerBaseTheme.styles.css */
 /* start:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
 .MeterBarBaseTheme_baseTheme__1n8hfuv0 {
   --size__saju1q0: ;
@@ -724,6 +724,21 @@
   --sizes-fit__saju1q4: 100%;
 }
 /* end:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
+/* start:UNSAFE_MessageToast/themes/redwood/MessageToastBaseTheme.styles.css */
+.MessageToastBaseTheme_baseTheme__3146600 {
+  --backgroundColor__zw7y740: rgb(var(--oj-c-palette-neutral-50));
+  --maxWidthLg__zw7y741: calc(150 * var(--oj-c-size-units, 0.25rem));
+  --maxWidthMd__zw7y742: calc(100vw - calc(12 * var(--oj-c-size-units, 0.25rem)));
+  --maxWidthSm__zw7y743: calc(100vw - calc(8 * var(--oj-c-size-units, 0.25rem)));
+  --startIconColor__zw7y744: var(--oj-c-text-icon-primary);
+  --startIconSize__zw7y745: calc(6 * var(--oj-c-size-units, 0.25rem));
+  --summaryTextColor__zw7y746: var(--oj-c-text-icon-primary);
+  --summaryTextWeight__zw7y747: normal;
+  --summaryTextSize__zw7y748: var(--oj-c-body-md-font-size);
+  --summaryLineHeight__zw7y749: var(--oj-c-body-md-line-height);
+  --detailTextColor__zw7y74a: var(--oj-c-text-icon-secondary);
+}
+/* end:UNSAFE_MessageToast/themes/redwood/MessageToastBaseTheme.styles.css */
 /* start:UNSAFE_MeterCircle/themes/redwood/MeterCircleBaseTheme.styles.css */
 .MeterCircleBaseTheme_baseTheme__jo6utu0 {
   --size__1qest1m0: ;
@@ -738,6 +753,21 @@
   --trackSizes-fit__1qest1m9: calc(3 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_MeterCircle/themes/redwood/MeterCircleBaseTheme.styles.css */
+/* start:UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.styles.css */
+.TabBarItemBaseTheme_baseTheme__1izcbv90 {
+  --labelColor__1vg465e0: var(--oj-c-text-icon-secondary);
+  --labelColorSelected__1vg465e1: var(--oj-c-text-icon-primary);
+  --labelColorHover__1vg465e2: var(--oj-c-text-icon-primary);
+  --iconSize__1vg465e3: calc(5 * var(--oj-c-size-units, 0.25rem));
+  --borderWidthBottom__1vg465e4: 3px;
+  --borderWidthLeftRight__1vg465e5: 3px;
+}
+:root, .oj-density-dependent {
+  --mdHeight__1vg465e6: calc(calc(10.5 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+  --lgHeight__1vg465e7: calc(calc(14.5 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+  --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_ProgressBar/themes/redwood/ProgressBarBaseTheme.styles.css */
 .ProgressBarBaseTheme_baseTheme__suzb8h0 {
   --height__irxz4j0: 6px;
@@ -767,36 +797,6 @@
   --removeIconPadding__1497t56i: calc(4 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css */
-/* start:UNSAFE_MessageToast/themes/redwood/MessageToastBaseTheme.styles.css */
-.MessageToastBaseTheme_baseTheme__3146600 {
-  --backgroundColor__zw7y740: rgb(var(--oj-c-palette-neutral-50));
-  --maxWidthLg__zw7y741: calc(150 * var(--oj-c-size-units, 0.25rem));
-  --maxWidthMd__zw7y742: calc(100vw - calc(12 * var(--oj-c-size-units, 0.25rem)));
-  --maxWidthSm__zw7y743: calc(100vw - calc(8 * var(--oj-c-size-units, 0.25rem)));
-  --startIconColor__zw7y744: var(--oj-c-text-icon-primary);
-  --startIconSize__zw7y745: calc(6 * var(--oj-c-size-units, 0.25rem));
-  --summaryTextColor__zw7y746: var(--oj-c-text-icon-primary);
-  --summaryTextWeight__zw7y747: normal;
-  --summaryTextSize__zw7y748: var(--oj-c-body-md-font-size);
-  --summaryLineHeight__zw7y749: var(--oj-c-body-md-line-height);
-  --detailTextColor__zw7y74a: var(--oj-c-text-icon-secondary);
-}
-/* end:UNSAFE_MessageToast/themes/redwood/MessageToastBaseTheme.styles.css */
-/* start:UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.styles.css */
-.TabBarItemBaseTheme_baseTheme__1izcbv90 {
-  --labelColor__1vg465e0: var(--oj-c-text-icon-secondary);
-  --labelColorSelected__1vg465e1: var(--oj-c-text-icon-primary);
-  --labelColorHover__1vg465e2: var(--oj-c-text-icon-primary);
-  --iconSize__1vg465e3: calc(5 * var(--oj-c-size-units, 0.25rem));
-  --borderWidthBottom__1vg465e4: 3px;
-  --borderWidthLeftRight__1vg465e5: 3px;
-}
-:root, .oj-density-dependent {
-  --mdHeight__1vg465e6: calc(calc(10.5 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-  --lgHeight__1vg465e7: calc(calc(14.5 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-  --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);