@oracle/oraclejet-preact 20.1.3 → 20.1.4

package/amd/{TabBarMixed-ec5c495d.js.map → TabBarMixed-72b57091.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBarMixed-ec5c495d.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":"47DA0Ea,MAAAA,GAAcC,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-72b57091.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":"sjDA0Ea,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,11 +4,6 @@
   --axisTickLabelTextColor__1veqowy1: var(--oj-c-text-icon-secondary);
 }
 /* end:PRIVATE_Axis/themes/redwood/AxisBaseTheme.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:UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.styles.css */
 .CheckboxIconBaseTheme_baseTheme__1broikm0 {
   --iconSize__1denrfz0: initial;
@@ -17,22 +12,27 @@
   --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)));
+/* start:UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css */
+.FloatingBaseTheme_baseTheme__18jw0qa0 {
+  --backgroundColor__ihlnqb0: transparent;
 }
-/* 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_Floating/themes/redwood/FloatingBaseTheme.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_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
+/* end:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.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:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
 .TooltipContentBaseTheme_baseTheme__sanbbo0 {
   --maxWidth__1x922a00: ;
@@ -64,28 +64,6 @@
   --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/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_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_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;
@@ -236,6 +214,13 @@
   --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;
+}
+/* end:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.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: ;
@@ -311,6 +296,21 @@
   --sizes-embeddedlg-textToEdgePadding__1onk43qq: calc(4 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.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: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_RadioItem/themes/redwood/RadioBaseTheme.styles.css */
 .RadioBaseTheme_baseTheme__1xmeiy50 {
   --iconToTextGap__11tjnon1: calc(2 * var(--oj-c-size-units, 0.25rem));
@@ -338,12 +338,6 @@
   --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_Label/themes/redwood/LabelBaseTheme.styles.css */
 .LabelBaseTheme_baseTheme__mpxezv0 {
   --fontWeight__kn3t7f0: 600;
@@ -385,6 +379,12 @@
   --padding__2ugez74: calc(2 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_Popup/themes/redwood/PopupBaseTheme.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_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css */
 .ComponentMessageBaseTheme_baseTheme__tgaz2j0 {
   --startIconColor__1aj7c360: var(--oj-c-text-icon-info);
@@ -476,11 +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_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;
@@ -515,6 +515,16 @@
   --oj-c-table-header-cell-padding-half-horizontal: calc(calc(2 * var(--oj-c-size-units, 0.25rem)));
 }
 /* end:PRIVATE_Table/themes/redwood/TableBaseTheme.styles.css */
+/* start:PRIVATE_TableList/themes/redwood/ListBaseTheme.styles.css */
+.ListBaseTheme_baseTheme__9nal0u0 {
+  --gridlineWidth__63ilwe0: 1px;
+}
+:root, .oj-density-dependent {
+  --oj-c-list-row-height: calc(calc(12 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+  --oj-c-list-cell-padding-vertical: calc(calc(3 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
+  --oj-c-list-cell-padding-horizontal: calc(calc(4 * var(--oj-c-size-units, 0.25rem)));
+}
+/* end:PRIVATE_TableList/themes/redwood/ListBaseTheme.styles.css */
 /* start:UNSAFE_Dialog/themes/redwood/DialogBaseTheme.styles.css */
 .DialogBaseTheme_baseTheme__s3vxcb0 {
   --boxShadow__9f8o6i0: var(--oj-c-box-shadow-lg);
@@ -544,16 +554,12 @@
   --footerBorderColor__9f8o6io: transparent;
 }
 /* end:UNSAFE_Dialog/themes/redwood/DialogBaseTheme.styles.css */
-/* start:PRIVATE_TableList/themes/redwood/ListBaseTheme.styles.css */
-.ListBaseTheme_baseTheme__9nal0u0 {
-  --gridlineWidth__63ilwe0: 1px;
-}
-:root, .oj-density-dependent {
-  --oj-c-list-row-height: calc(calc(12 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-  --oj-c-list-cell-padding-vertical: calc(calc(3 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
-  --oj-c-list-cell-padding-horizontal: calc(calc(4 * var(--oj-c-size-units, 0.25rem)));
+/* start:UNSAFE_ButtonLayout/themes/redwood/ButtonLayoutBaseTheme.styles.css */
+.ButtonLayoutBaseTheme_baseTheme__8fzs170 {
+  --spacing-lg-columnGap__rt5x5j0: calc(4 * var(--oj-c-size-units, 0.25rem));
+  --spacing-sm-columnGap__rt5x5j1: var(--oj-c-size-units, 0.25rem);
 }
-/* end:PRIVATE_TableList/themes/redwood/ListBaseTheme.styles.css */
+/* end:UNSAFE_ButtonLayout/themes/redwood/ButtonLayoutBaseTheme.styles.css */
 /* start:UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.styles.css */
 .AvatarBaseTheme_baseTheme__se034w0 {
   --bgColor__n2nsgo0: ;
@@ -632,12 +638,6 @@
   --shapes-circle-borderRadius__n2nsgo21: 50%;
 }
 /* end:UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.styles.css */
-/* start:UNSAFE_ButtonLayout/themes/redwood/ButtonLayoutBaseTheme.styles.css */
-.ButtonLayoutBaseTheme_baseTheme__8fzs170 {
-  --spacing-lg-columnGap__rt5x5j0: calc(4 * var(--oj-c-size-units, 0.25rem));
-  --spacing-sm-columnGap__rt5x5j1: var(--oj-c-size-units, 0.25rem);
-}
-/* end:UNSAFE_ButtonLayout/themes/redwood/ButtonLayoutBaseTheme.styles.css */
 /* start:UNSAFE_ColorSwatch/themes/redwood/ColorSwatchBaseTheme.styles.css */
 .ColorSwatchBaseTheme_baseTheme__j3p4lr0 {
   --borderRadius__1bc16n60: var(--oj-c-border-radius-sm);
@@ -646,11 +646,6 @@
   --sizes-sm-height__1bc16n63: calc(calc(11 * var(--oj-c-size-units, 0.25rem)));
 }
 /* end:UNSAFE_ColorSwatch/themes/redwood/ColorSwatchBaseTheme.styles.css */
-/* start:UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
-.DrawerPopupBaseTheme_baseTheme__11hfduf0 {
-  --overlayDrawerBackgroundColor__1ekn0ug0: var(--oj-c-surface-neutral10);
-}
-/* end:UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
 /* start:UNSAFE_ColorPicker/themes/redwood/ColorPickerBaseTheme.styles.css */
 .ColorPickerBaseTheme_baseTheme__mrs8ey0 {
   --width__1urfhqt0: 100%;
@@ -659,11 +654,6 @@
   --maxHeight__1urfhqt3: calc(85 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_ColorPicker/themes/redwood/ColorPickerBaseTheme.styles.css */
-/* start:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
-.ConveyorBeltBaseTheme_baseTheme__1ktowgq0 {
-  --boxShadow-width__114pbvl0: var(--oj-c-size-units, 0.25rem);
-}
-/* end:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
 /* start:UNSAFE_DatePicker/themes/redwood/DatePickerBaseTheme.styles.css */
 .DatePickerBaseTheme_baseTheme__tg9grh0 {
   --width__1wy4iwf0: 100%;
@@ -675,11 +665,21 @@
   --todayFooterButtonHeight__1wy4iwf6: calc(102 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_DatePicker/themes/redwood/DatePickerBaseTheme.styles.css */
+/* start:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
+.ConveyorBeltBaseTheme_baseTheme__1ktowgq0 {
+  --boxShadow-width__114pbvl0: var(--oj-c-size-units, 0.25rem);
+}
+/* end:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.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_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
+.DrawerPopupBaseTheme_baseTheme__11hfduf0 {
+  --overlayDrawerBackgroundColor__1ekn0ug0: var(--oj-c-surface-neutral10);
+}
+/* end:UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
 /* start:UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.styles.css */
 .FilePickerBaseTheme_baseTheme__gjv4mp0 {
   --borderColor__12s6ppx0: var(--oj-c-border-enabled);
@@ -715,6 +715,15 @@
   --sizes-lg-trackWidth__lborgv7: calc(1.5 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_ProgressCircle/themes/redwood/ProgressCircleBaseTheme.styles.css */
+/* start:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
+.MeterBarBaseTheme_baseTheme__1n8hfuv0 {
+  --size__saju1q0: ;
+  --sizes-lg__saju1q1: calc(3 * var(--oj-c-size-units, 0.25rem));
+  --sizes-md__saju1q2: calc(2 * var(--oj-c-size-units, 0.25rem));
+  --sizes-sm__saju1q3: var(--oj-c-size-units, 0.25rem);
+  --sizes-fit__saju1q4: 100%;
+}
+/* end:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
 /* start:UNSAFE_MeterCircle/themes/redwood/MeterCircleBaseTheme.styles.css */
 .MeterCircleBaseTheme_baseTheme__jo6utu0 {
   --size__1qest1m0: ;
@@ -744,15 +753,6 @@
   --detailTextColor__zw7y74a: var(--oj-c-text-icon-secondary);
 }
 /* end:UNSAFE_MessageToast/themes/redwood/MessageToastBaseTheme.styles.css */
-/* start:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
-.MeterBarBaseTheme_baseTheme__1n8hfuv0 {
-  --size__saju1q0: ;
-  --sizes-lg__saju1q1: calc(3 * var(--oj-c-size-units, 0.25rem));
-  --sizes-md__saju1q2: calc(2 * var(--oj-c-size-units, 0.25rem));
-  --sizes-sm__saju1q3: var(--oj-c-size-units, 0.25rem);
-  --sizes-fit__saju1q4: 100%;
-}
-/* end:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
 /* start:UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css */
 .NavigationListItemBaseTheme_baseTheme__cn44r50 {
   --fontSize__1497t560: var(--oj-c-body-md-font-size);