@oracle/oraclejet-preact 20.0.0 → 20.0.1

package/cjs/SegmentStyles.styles.css

@@ -1,4 +1,4 @@
-.SegmentStyles_base__kzheun0 {
+.SegmentStyles_base__51w8ze0 {
   caret-color: transparent;
   text-align: end;
   -webkit-tap-highlight-color: transparent;
@@ -6,32 +6,35 @@
        user-select: none;
   -webkit-user-select: none;
 }
-.SegmentStyles_base__kzheun0:focus-visible {
+.SegmentStyles_base__51w8ze0:focus-visible {
   outline: none;
 }
-.SegmentStyles_literalBase__kzheun1 {
+.SegmentStyles_literalBase__51w8ze1 {
   white-space: pre;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
-.SegmentStyles_placeholder__kzheun2 {
+.SegmentStyles_placeholder__51w8ze2 {
   color: var(--oj-c-text-icon-secondary);
   text-align: start;
 }
-.SegmentStyles_selected__kzheun3 {
+.SegmentStyles_space__51w8ze3 {
+  width: 4px;
+}
+.SegmentStyles_selected__51w8ze4 {
   background-color: var(--oj-c-surface-selected);
   border-color: var(--oj-c-border-selected);
 }
-.SegmentStyles_highlighted__kzheun4 {
+.SegmentStyles_highlighted__51w8ze5 {
   background-color: var(--oj-c-surface-selected);
 }
-.SegmentStyles_hidden__kzheun5 {
+.SegmentStyles_hidden__51w8ze6 {
   display: none;
 }
-.SegmentStyles_notHidden__kzheun6 {
+.SegmentStyles_notHidden__51w8ze7 {
   display: block;
 }
-.SegmentStyles_accessibleTouchTarget__kzheun7 {
+.SegmentStyles_accessibleTouchTarget__51w8ze8 {
   min-width: 24px;
 }

package/cjs/SegmentStyles.styles2.css

@@ -1,4 +1,4 @@
-.SegmentStyles_base__51w8ze0 {
+.SegmentStyles_base__kzheun0 {
   caret-color: transparent;
   text-align: end;
   -webkit-tap-highlight-color: transparent;
@@ -6,35 +6,32 @@
        user-select: none;
   -webkit-user-select: none;
 }
-.SegmentStyles_base__51w8ze0:focus-visible {
+.SegmentStyles_base__kzheun0:focus-visible {
   outline: none;
 }
-.SegmentStyles_literalBase__51w8ze1 {
+.SegmentStyles_literalBase__kzheun1 {
   white-space: pre;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
-.SegmentStyles_placeholder__51w8ze2 {
+.SegmentStyles_placeholder__kzheun2 {
   color: var(--oj-c-text-icon-secondary);
   text-align: start;
 }
-.SegmentStyles_space__51w8ze3 {
-  width: 4px;
-}
-.SegmentStyles_selected__51w8ze4 {
+.SegmentStyles_selected__kzheun3 {
   background-color: var(--oj-c-surface-selected);
   border-color: var(--oj-c-border-selected);
 }
-.SegmentStyles_highlighted__51w8ze5 {
+.SegmentStyles_highlighted__kzheun4 {
   background-color: var(--oj-c-surface-selected);
 }
-.SegmentStyles_hidden__51w8ze6 {
+.SegmentStyles_hidden__kzheun5 {
   display: none;
 }
-.SegmentStyles_notHidden__51w8ze7 {
+.SegmentStyles_notHidden__kzheun6 {
   display: block;
 }
-.SegmentStyles_accessibleTouchTarget__51w8ze8 {
+.SegmentStyles_accessibleTouchTarget__kzheun7 {
   min-width: 24px;
 }

package/cjs/{StyledDatePickerButton-cf4e4dc0.js → StyledDatePickerButton-becd2a7d.js}

@@ -3,7 +3,6 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var PRIVATE_StyledDatePickerButton_themes_StyledDatePickerButtonStyles_css = require('./PRIVATE_StyledDatePickerButton/themes/StyledDatePickerButtonStyles.css.js');
-var UNSAFE_BaseButton_themes_BaseButtonStyles_css = require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var compat = require('preact/compat');
 
@@ -26,14 +25,9 @@ const StyledDatePickerButton = compat.forwardRef(({ isActivable = false, isReado
         today: isToday ? 'isToday' : 'notToday',
         variant
     });
-    const classes = classNames.classNames([
-        UNSAFE_BaseButton_themes_BaseButtonStyles_css.styles.base,
-        UNSAFE_BaseButton_themes_BaseButtonStyles_css.styles.sizes.sm,
-        UNSAFE_BaseButton_themes_BaseButtonStyles_css.styles.styled,
-        variantClasses
-    ]);
+    const classes = classNames.classNames([variantClasses]);
     return (jsxRuntime.jsx("span", { role: !isReadonly ? 'button' : undefined, class: classes, ref: ref, tabIndex: tabIndex, ...props, children: label }));
 });
 
 exports.StyledDatePickerButton = StyledDatePickerButton;
-//# sourceMappingURL=StyledDatePickerButton-cf4e4dc0.js.map
+//# sourceMappingURL=StyledDatePickerButton-becd2a7d.js.map

package/cjs/StyledDatePickerButton-becd2a7d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledDatePickerButton-becd2a7d.js","sources":["../../src/PRIVATE_StyledDatePickerButton/StyledDatePickerButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { multiVariantStyles } from './themes/StyledDatePickerButtonStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { forwardRef } from 'preact/compat';\nimport type { Ref, JSX } from 'preact';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.HTMLAttributes<HTMLElement>>, 'onClick' | 'onKeyDown'>;\n\ntype AriaProps = {\n  'aria-label'?: UnpackSignals<JSX.AriaAttributes>['aria-label'];\n  'aria-disabled'?: UnpackSignals<JSX.AriaAttributes>['aria-disabled'];\n};\n\ntype Props = IntrinsicProps &\n  AriaProps & {\n    /**\n     * Specifies that the button appears activated when the user activates the StyledDatePickerButton.\n     * When true, adds the :active selector to the button so that it can show active styling.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isActivable?: boolean;\n    /**\n     * Specifies the styling of the button to look dimmed.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isDimmed?: boolean;\n    /**\n     * Specifies the styling of the button to look hidden, that is, visibility: hidden.\n     */\n    isHidden?: boolean;\n    /**\n     * Specifies that the button appears hovered when the user hovers over the StyledDatePickerButton.\n     * When true, adds the :hover selector to the button so that it can show hover styling.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isHoverable?: boolean;\n    /**\n     * Specifies the styling of the button to look like a day that is adjacent to the current month.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isAdjacentMonth?: boolean;\n    /**\n     * Specifies the role of the day cell to be 'button' when isReadonly is false, or no role when isReadonly is true.\n     * This helps the screenreader.\n     */\n    isReadonly?: boolean;\n    /**\n     * Specifies the styling of the button to look like it is restricted.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isRestricted?: boolean;\n    /**\n     * Specifies the styling of the button to look like it is selected.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isSelected?: boolean;\n    /**\n     * Specifies the styling of the button to look like it is today.\n     * Combine this property with the other properties to get the styling you want.\n     */\n    isToday?: boolean;\n    /**\n     * Specifies the label of the day button. This will be the day of the month.\n     */\n    label: string;\n    /**\n     * Specifies the tabIndex.\n     */\n    tabIndex?: 0 | -1;\n    /**\n     * Specifies the visual variant for the StyledDatePickerButton.\n     */\n    variant?: 'day' | 'month' | 'year';\n  };\n\n/**\n * StyledDatePickerButton is a controlled component that displays a stylized span for a button that goes into a DatePicker.\n */\nconst StyledDatePickerButton = forwardRef(\n  (\n    {\n      isActivable = false,\n      isReadonly = false,\n      isAdjacentMonth = false,\n      isDimmed = false,\n      isHidden = false,\n      isHoverable = false,\n      isRestricted = false,\n      isSelected = false,\n      isToday = false,\n      tabIndex,\n      label,\n      variant,\n      ...props\n    }: Props,\n    ref: Ref<HTMLSpanElement> = null\n  ) => {\n    // The multiVariantStyles function is defined in StyledDatePickerButtonStyles.css.ts,\n    // using the recipe utility provided by @vanilla-extract/recipes.\n    // This function is used to merge the base styles, variants, and compound variants\n    // into a single set of styles for components based on the component's properties.\n    const variantClasses = multiVariantStyles({\n      active: isActivable ? 'isActivable' : 'notActiveable',\n      dimmed: isDimmed ? 'isDimmed' : 'notDimmed',\n      hidden: isHidden ? 'isHidden' : 'notHidden',\n      hover: isHoverable ? 'isHoverable' : 'notHoverable',\n      adjacentMonth: isAdjacentMonth ? 'isAdjacentMonth' : 'notAdjacentMonth',\n      restricted: isRestricted ? 'isRestricted' : 'notRestricted',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      today: isToday ? 'isToday' : 'notToday',\n      variant\n    });\n\n    const classes = classNames([variantClasses]);\n    return (\n      <span\n        role={!isReadonly ? 'button' : undefined}\n        class={classes}\n        ref={ref}\n        tabIndex={tabIndex}\n        {...props}>\n        {label}\n      </span>\n    );\n  }\n);\n\nexport { StyledDatePickerButton };\n"],"names":["forwardRef","multiVariantStyles","classNames","_jsx"],"mappings":";;;;;;;;AAmFA;;AAEG;AACG,MAAA,sBAAsB,GAAGA,iBAAU,CACvC,CACE,EACE,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EAClB,eAAe,GAAG,KAAK,EACvB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,KAAK,EACnB,YAAY,GAAG,KAAK,EACpB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACF,EACR,GAAA,GAA4B,IAAI,KAC9B;;;;;IAKF,MAAM,cAAc,GAAGC,yFAAkB,CAAC;QACxC,MAAM,EAAE,WAAW,GAAG,aAAa,GAAG,eAAe;QACrD,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW;QAC3C,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW;QAC3C,KAAK,EAAE,WAAW,GAAG,aAAa,GAAG,cAAc;QACnD,aAAa,EAAE,eAAe,GAAG,iBAAiB,GAAG,kBAAkB;QACvE,UAAU,EAAE,YAAY,GAAG,cAAc,GAAG,eAAe;QAC3D,QAAQ,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa;QACnD,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU;QACvC,OAAO;AACR,KAAA,CAAC,CAAC;IAEH,MAAM,OAAO,GAAGC,qBAAU,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;AAC7C,IAAA,QACEC,cAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAE,CAAC,UAAU,GAAG,QAAQ,GAAG,SAAS,EACxC,KAAK,EAAE,OAAO,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAAA,GACd,KAAK,EAAA,QAAA,EACR,KAAK,EAAA,CACD,EACP;AACJ,CAAC;;;;"}

package/cjs/StyledDatePickerButtonStyles.styles.css

@@ -8,6 +8,23 @@
   width: var(--oj-c-base-button-sizes-sm-height);
   font-weight: var(--oj-c-body-md-font-weight-regular);
   font-size: var(--oj-c-body-md-font-size);
+  cursor: var(--oj-c-cursor-clickable);
+  border-style: solid;
+  border-width: 1px;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  text-overflow: ellipsis;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  white-space: nowrap;
+  border-radius: var(--oj-c-base-button-border-radius);
+  height: var(--oj-c-base-button-sizes-sm-height);
+  min-width: var(--oj-c-base-button-sizes-sm-height);
+}
+.StyledDatePickerButtonStyles_baseStyle__38ano0:focus-visible {
+  outline-style: dotted;
+  outline-offset: 1px;
+  outline-width: 1px;
+  outline-color: var(--oj-c-border-keyboard-focus);
 }
 .StyledDatePickerButtonStyles_multiVariantStyles_hidden_isHidden__38ano7 {
   visibility: hidden;

package/cjs/{TabBarLinkItem-42785eb3.js → TabBarLinkItem-891a5f10.js}

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var OverflowTabBarItem = require('./OverflowTabBarItem-2c967a89.js');
+var OverflowTabBarItem = require('./OverflowTabBarItem-4bbd5830.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-42785eb3.js.map
+//# sourceMappingURL=TabBarLinkItem-891a5f10.js.map

package/cjs/{TabBarLinkItem-42785eb3.js.map → TabBarLinkItem-891a5f10.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBarLinkItem-42785eb3.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-891a5f10.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,47 +1,19 @@
-/* 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);
+/* 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:UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.styles.css */
+/* 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: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));
+/* start:UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css */
+.MenuSeparatorBaseTheme_baseTheme__bwp4nk0 {
+  --verticalPadding__168r8wj0: calc(2 * var(--oj-c-size-units, 0.25rem));
 }
-/* end:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
+/* 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));
@@ -53,11 +25,19 @@
   --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));
+/* 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_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css */
+/* end:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.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;
@@ -208,25 +188,6 @@
   --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_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_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: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: ;
@@ -302,6 +263,54 @@
   --sizes-embeddedlg-textToEdgePadding__1onk43qq: calc(4 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.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: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: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_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css */
 .CheckboxBaseTheme_baseTheme__lptpwa0 {
   --iconToTextGap__1qyga5a1: calc(2 * var(--oj-c-size-units, 0.25rem));
@@ -311,12 +320,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_Popup/themes/redwood/PopupBaseTheme.styles.css */
 .PopupBaseTheme_baseTheme__17qjw4f0 {
   --borderColor__2ugez71: var(--oj-c-border-divider);
@@ -326,6 +329,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);
@@ -336,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;
@@ -368,26 +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));
-  --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_RadioItem/themes/redwood/RadioBaseTheme.styles.css */
 .RadioBaseTheme_baseTheme__1xmeiy50 {
   --iconToTextGap__11tjnon1: calc(2 * var(--oj-c-size-units, 0.25rem));
@@ -397,15 +397,15 @@
   --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:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.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 {
-  --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)));
+  --topEdgeLabelToValuePadding__vm51h42: calc(calc(2 * var(--oj-c-size-units, 0.25rem)) + var(--oj-c-density-units, 0px));
 }
-/* end:PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css */
+/* end:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
 /* start:PRIVATE_CollapsibleNavigationList/themes/redwood/CollapsibleNavigationListItemBaseTheme.styles.css */
 .CollapsibleNavigationListItemBaseTheme_baseTheme__3jk9pr0 {
   --oj-c-navigation-list-child-item-padding: calc(5 * var(--oj-c-size-units, 0.25rem));
@@ -476,6 +476,11 @@
   --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)));
@@ -483,11 +488,6 @@
   --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;
@@ -638,6 +638,14 @@
   --shapes-circle-borderRadius__n2nsgo21: 50%;
 }
 /* end:UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.styles.css */
+/* start:UNSAFE_ColorPicker/themes/redwood/ColorPickerBaseTheme.styles.css */
+.ColorPickerBaseTheme_baseTheme__mrs8ey0 {
+  --width__1urfhqt0: 100%;
+  --minWidth__1urfhqt1: calc(55 * var(--oj-c-size-units, 0.25rem));
+  --maxWidth__1urfhqt2: calc(55 * var(--oj-c-size-units, 0.25rem));
+  --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);
@@ -646,14 +654,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_ColorPicker/themes/redwood/ColorPickerBaseTheme.styles.css */
-.ColorPickerBaseTheme_baseTheme__mrs8ey0 {
-  --width__1urfhqt0: 100%;
-  --minWidth__1urfhqt1: calc(55 * var(--oj-c-size-units, 0.25rem));
-  --maxWidth__1urfhqt2: calc(55 * var(--oj-c-size-units, 0.25rem));
-  --maxHeight__1urfhqt3: calc(85 * var(--oj-c-size-units, 0.25rem));
+/* start:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
+.ConveyorBeltBaseTheme_baseTheme__1ktowgq0 {
+  --boxShadow-width__114pbvl0: var(--oj-c-size-units, 0.25rem);
 }
-/* end:UNSAFE_ColorPicker/themes/redwood/ColorPickerBaseTheme.styles.css */
+/* end:UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css */
 /* start:UNSAFE_DatePicker/themes/redwood/DatePickerBaseTheme.styles.css */
 .DatePickerBaseTheme_baseTheme__tg9grh0 {
   --width__1wy4iwf0: 100%;
@@ -665,11 +670,6 @@
   --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);
@@ -730,20 +730,6 @@
   --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: ;
-  --trackSize__1qest1m1: ;
-  --sizes-lg__1qest1m2: calc(49  * var(--oj-c-size-units, 0.25rem));
-  --sizes-md__1qest1m3: calc(24  * var(--oj-c-size-units, 0.25rem));
-  --sizes-sm__1qest1m4: calc(14  * var(--oj-c-size-units, 0.25rem));
-  --sizes-fit__1qest1m5: 100%;
-  --trackSizes-lg__1qest1m6: calc(3 * var(--oj-c-size-units, 0.25rem));
-  --trackSizes-md__1qest1m7: calc(2 * var(--oj-c-size-units, 0.25rem));
-  --trackSizes-sm__1qest1m8: var(--oj-c-size-units, 0.25rem);
-  --trackSizes-fit__1qest1m9: calc(3 * var(--oj-c-size-units, 0.25rem));
-}
-/* end:UNSAFE_MeterCircle/themes/redwood/MeterCircleBaseTheme.styles.css */
 /* start:UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css */
 .NavigationListItemBaseTheme_baseTheme__cn44r50 {
   --fontSize__1497t560: var(--oj-c-body-md-font-size);
@@ -767,6 +753,20 @@
   --removeIconPadding__1497t56i: calc(4 * var(--oj-c-size-units, 0.25rem));
 }
 /* end:UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.styles.css */
+/* start:UNSAFE_MeterCircle/themes/redwood/MeterCircleBaseTheme.styles.css */
+.MeterCircleBaseTheme_baseTheme__jo6utu0 {
+  --size__1qest1m0: ;
+  --trackSize__1qest1m1: ;
+  --sizes-lg__1qest1m2: calc(49  * var(--oj-c-size-units, 0.25rem));
+  --sizes-md__1qest1m3: calc(24  * var(--oj-c-size-units, 0.25rem));
+  --sizes-sm__1qest1m4: calc(14  * var(--oj-c-size-units, 0.25rem));
+  --sizes-fit__1qest1m5: 100%;
+  --trackSizes-lg__1qest1m6: calc(3 * var(--oj-c-size-units, 0.25rem));
+  --trackSizes-md__1qest1m7: calc(2 * var(--oj-c-size-units, 0.25rem));
+  --trackSizes-sm__1qest1m8: var(--oj-c-size-units, 0.25rem);
+  --trackSizes-fit__1qest1m9: calc(3 * var(--oj-c-size-units, 0.25rem));
+}
+/* end:UNSAFE_MeterCircle/themes/redwood/MeterCircleBaseTheme.styles.css */
 /* start:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
 .MeterBarBaseTheme_baseTheme__1n8hfuv0 {
   --size__saju1q0: ;
@@ -805,6 +805,11 @@
   --iconTransformActive__bwcdcl3: scale(0.75);
 }
 /* end:UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css */
+/* start:UNSAFE_Switch/themes/redwood/SwitchBaseTheme.styles.css */
+:root, .oj-density-dependent {
+  --switchRowHeight__18c4k1l0: calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
+}
+/* end:UNSAFE_Switch/themes/redwood/SwitchBaseTheme.styles.css */
 /* start:UNSAFE_RatingGauge/themes/redwood/RatingGaugeBaseTheme.styles.css */
 .RatingGaugeBaseTheme_baseTheme__1u6vk8m0 {
   --colorSelected__1kgzocs0: var(--oj-c-text-icon-primary);
@@ -841,11 +846,6 @@
   --colors-danger-colorSelectedReadonly__1kgzocsv: var(--oj-c-dvt-threshold-danger);
 }
 /* end:UNSAFE_RatingGauge/themes/redwood/RatingGaugeBaseTheme.styles.css */
-/* start:UNSAFE_Switch/themes/redwood/SwitchBaseTheme.styles.css */
-:root, .oj-density-dependent {
-  --switchRowHeight__18c4k1l0: calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
-}
-/* end:UNSAFE_Switch/themes/redwood/SwitchBaseTheme.styles.css */
 /* start:UNSAFE_Train/themes/redwood/TrainBaseTheme.styles.css */
 .TrainBaseTheme_baseTheme__kpes8h0 {
   --stepWidth__wmjnh60: calc(28 * var(--oj-c-size-units, 0.25rem));