@oracle/oraclejet-preact 15.1.0 → 15.1.1

package/cjs/TextFieldInput-69696218.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldInput-69696218.js","sources":["../../src/UNSAFE_TextField/TextFieldUtils.ts","../../src/UNSAFE_TextField/TextFieldInput.tsx"],"sourcesContent":["export const getInputId = (id?: string) => (id ?? '') + '|input';\n\nexport const isInputPlaceholderShown = (\n  hasInsideLabel: boolean,\n  hasValue: boolean,\n  isFocused?: boolean\n) => {\n  return !(hasInsideLabel && !hasValue && !isFocused);\n};\n","import { Ref } from 'preact';\nimport { useAccessibleContext } from '../hooks/UNSAFE_useAccessibleContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTextFieldInputHandlers } from '../hooks/UNSAFE_useTextFieldInputHandlers';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { TextProps } from '../utils/UNSAFE_interpolations/text';\nimport { textInterpolations } from '../utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { isInputPlaceholderShown } from './TextFieldUtils';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TextFieldInputVariantOptions } from './themes/TextFieldInputStyles.css';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { TextFieldInputRedwoodTheme } from './themes/redwood/TextFieldInputTheme';\n\nconst interpolations = [...Object.values(textInterpolations)];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\ntype Autocomplete = 'off' | 'on' | string;\n\ntype OrigPickedPropsFromInput = Pick<\n  HTMLAttributesSignalExcluded<HTMLInputElement>,\n  'autofocus' | 'id' | 'placeholder' | 'required' | 'role' | 'spellcheck' | 'type'\n>;\ntype RenamedPropsFromInput = Omit<\n  OrigPickedPropsFromInput,\n  'autofocus' | 'readonly' | 'required'\n> & {\n  autoFocus?: OrigPickedPropsFromInput['autofocus'];\n  isRequired?: OrigPickedPropsFromInput['required'];\n};\ntype InputProps = {\n  as?: 'input';\n  type?: Pick<HTMLAttributesSignalExcluded<HTMLInputElement>, 'type'>['type'];\n  rows?: never;\n  inputRef?: Ref<HTMLInputElement>;\n  hasPrefix?: boolean;\n  hasSuffix?: boolean;\n};\n\ntype TextAreaProps = {\n  as: 'textarea';\n  type?: never;\n  rows?: number;\n  inputRef?: Ref<HTMLTextAreaElement>;\n  hasPrefix?: never;\n  hasSuffix?: never;\n};\n\ntype FocusProps = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'onBlur' | 'onFocus'>;\n\ntype UniqueProps = InputProps | TextAreaProps;\n\ntype AriaProps = Pick<\n  AriaAttributesSignalExcluded,\n  | 'aria-autocomplete'\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-expanded'\n  | 'aria-invalid'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-valuemax'\n  | 'aria-valuemin'\n  | 'aria-valuenow'\n  | 'aria-valuetext'\n>;\n\ntype Props = UniqueProps &\n  TextProps &\n  RenamedPropsFromInput &\n  AriaProps &\n  FocusProps & {\n    autoComplete?: Autocomplete;\n    // TODO: Should we expose has* props like these or should we pass this info\n    // via FormFieldContext?  (from review on 3/8/22)\n    currentCommitValue?: string;\n    hasEmptyLabel?: boolean;\n    hasEndContent?: boolean;\n    hasInsideLabel?: boolean;\n    hasStartContent?: boolean;\n    value?: string;\n    variant?: 'default' | 'embedded';\n    onInput?: (detail: ValueUpdateDetail<string>) => void;\n    onCommit?: (detail: ValueUpdateDetail<string>) => void;\n    onKeyDown?: (event: KeyboardEvent) => void;\n    onKeyUp?: (event: KeyboardEvent) => void;\n  };\n\n/**\n * Merge multiple ids into a space-separated list\n * @param ids The ids to be merged\n * @returns The space separated string of ids\n */\nfunction mergeIDs(...ids: (string | undefined)[]) {\n  return ids.filter(Boolean).join(' ') || undefined;\n}\n\nexport const TextFieldInput = ({\n  as = 'input',\n  'aria-autocomplete': ariaAutoComplete,\n  'aria-controls': ariaControls,\n  'aria-describedby': ariaDescribedBy,\n  'aria-expanded': ariaExpanded,\n  'aria-invalid': ariaInvalid,\n  'aria-label': ariaLabel,\n  'aria-labelledby': inputLabelledBy,\n  'aria-valuemax': ariaValueMax,\n  'aria-valuemin': ariaValueMin,\n  'aria-valuenow': ariaValueNow,\n  'aria-valuetext': ariaValueText,\n  autoComplete,\n  autoFocus,\n  currentCommitValue,\n  hasEmptyLabel,\n  hasEndContent = false,\n  hasInsideLabel = false,\n  hasPrefix = false,\n  hasStartContent = false,\n  hasSuffix = false,\n  id,\n  inputRef,\n  placeholder,\n  isRequired,\n  role,\n  rows,\n  spellcheck,\n  type,\n  value = '',\n  variant = 'default',\n  onInput,\n  onCommit,\n  onKeyDown,\n  onKeyUp,\n  onBlur,\n  onFocus,\n  ...props\n}: Props) => {\n  const { isDisabled, isFocused, isLoading, isReadonly } = useFormFieldContext();\n  const { class: styleInterpolationClasses } = styleInterpolations(props);\n  const hasValue = value !== '';\n  const isTextArea = as === 'textarea';\n  const isInput = as === 'input';\n  const isPassword = type === 'password';\n  const renderPrefix = !isDisabled && hasPrefix;\n  const renderSuffix = !isDisabled && hasSuffix;\n  const myPlaceholder = isInputPlaceholderShown(hasInsideLabel, hasValue, isFocused)\n    ? placeholder\n    : undefined;\n\n  const { classes } = useComponentTheme<TextFieldInputVariantOptions>(TextFieldInputRedwoodTheme, {\n    type: isPassword ? 'isPassword' : 'notPassword',\n    styleVariant: variant,\n    textarea: isTextArea ? 'isTextArea' : 'notTextArea',\n    input: isInput ? 'isInput' : 'notInput',\n    prefix: renderPrefix ? 'hasPrefix' : 'noPrefix',\n    suffix: renderSuffix ? 'hasSuffix' : 'noSuffix',\n    startContent: hasStartContent ? 'hasStartContent' : 'noStartContent',\n    endContent: hasEndContent ? 'hasEndContent' : 'noEndContent',\n    insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    value: hasValue ? 'hasValue' : 'noValue',\n    focused: isFocused ? 'isFocused' : 'notFocused',\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled'\n  });\n\n  const inputClasses = classNames([classes, styleInterpolationClasses]);\n  const Comp = as || 'input';\n  const textFieldInputHandlers = useTextFieldInputHandlers({\n    currentCommitValue,\n    value,\n    onInput,\n    onCommit,\n    onKeyDown\n  });\n  const handlers = mergeProps(textFieldInputHandlers, { onBlur, onFocus });\n  // the implicit default for tabindex on an input is 0, so do not explicitly set it.\n  // JET-52914 - Implement Tabbable mode API contract in InputText\n  // if not tabbable, spread tabbableModeProps on component\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\n  // TODO: for autoComplete='off', need to configure attrs appropriately to make sure it\n  // works across browsers and versions  (from review on 3/11/22)\n\n  // JET-52089: add unsafe API for specifying an external label which is added to ariaLabelledBy on the input,\n  // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other\n  // kinds of labels, this helps to ensure we don't override a meaningful label.\n  const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n  const ariaLabelledBy = hasEmptyLabel\n    ? mergeIDs(inputLabelledBy, UNSAFE_ariaLabelledBy)\n    : inputLabelledBy;\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const loadingAriaLabel = translations.formControl_loading();\n\n  return (\n    <Comp\n      aria-autocomplete={ariaAutoComplete}\n      aria-controls={ariaControls}\n      aria-describedby={ariaDescribedBy}\n      aria-expanded={ariaExpanded}\n      aria-invalid={ariaInvalid}\n      aria-label={isLoading ? loadingAriaLabel : ariaLabel ? ariaLabel : undefined}\n      aria-labelledby={ariaLabelledBy}\n      aria-required={isRequired ? true : undefined}\n      aria-valuemax={ariaValueMax}\n      aria-valuemin={ariaValueMin}\n      aria-valuenow={ariaValueNow}\n      aria-valuetext={ariaValueText}\n      autocomplete={autoComplete}\n      autofocus={autoFocus}\n      class={inputClasses}\n      disabled={isDisabled}\n      id={id}\n      onKeyUp={onKeyUp}\n      placeholder={myPlaceholder}\n      readonly={isReadonly}\n      // @ts-ignore\n      ref={inputRef}\n      role={role}\n      rows={rows}\n      spellcheck={spellcheck}\n      type={type}\n      value={value}\n      {...handlers}\n      {...(!isTabbable && tabbableModeProps)}\n    />\n  );\n};\n"],"names":["textInterpolations","mergeInterpolations","useFormFieldContext","useComponentTheme","TextFieldInputRedwoodTheme","classNames","useTextFieldInputHandlers","mergeProps","useTabbableMode","useAccessibleContext","useTranslationBundle","_jsx"],"mappings":"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"}

package/cjs/TextFieldVariants.styles.css

@@ -1,36 +1,36 @@
-.TextFieldVariants_multiVariantStyles_startContent_hasInsideLabel__1f8p3fe7 {
+.TextFieldVariants_multiVariantStyles_startContent_hasInsideLabel__vaf9zi7 {
   font-size: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
 }
-.TextFieldVariants_multiVariantStyles_startContentMargin_hasStartMargin__1f8p3fet {
+.TextFieldVariants_multiVariantStyles_startContentMargin_hasStartMargin__vaf9zit {
   margin-inline-start: var(--iconToEdgePadding__w6gg1y9);
   font-size: calc(5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
 }
-.TextFieldVariants_multiVariantStyles_startContentMargin_noStartMargin__1f8p3feu {
+.TextFieldVariants_multiVariantStyles_startContentMargin_noStartMargin__vaf9ziu {
   margin-inline-start: calc((var(--height__w6gg1y7) - calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x))) - 2px) / 2);
   font-size: calc(5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
 }
-.TextFieldVariants_multiVariantStyles_startContentDisabled_isDisabled__1f8p3fev {
+.TextFieldVariants_multiVariantStyles_startContentDisabled_isDisabled__vaf9ziv {
   color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled);
 }
-.TextFieldVariants_multiVariantStyles_compound_7__1f8p3fe13 {
+.TextFieldVariants_multiVariantStyles_compound_7__vaf9zi13 {
   z-index: 1;
 }
-.TextFieldVariants_multiVariantStyles_compound_8__1f8p3fe14 {
+.TextFieldVariants_multiVariantStyles_compound_8__vaf9zi14 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.TextFieldVariants_multiVariantStyles_compound_9__1f8p3fe15 {
+.TextFieldVariants_multiVariantStyles_compound_9__vaf9zi15 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.TextFieldVariants_multiVariantStyles_compound_10__1f8p3fe16 {
+.TextFieldVariants_multiVariantStyles_compound_10__vaf9zi16 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.TextFieldVariants_multiVariantStyles_compound_11__1f8p3fe17 {
+.TextFieldVariants_multiVariantStyles_compound_11__vaf9zi17 {
   min-height: var(--insideEdgeHeight__w6gg1yb);
 }

package/cjs/TextFieldVariants.styles2.css

@@ -1,36 +1,36 @@
-.TextFieldVariants_multiVariantStyles_startContent_hasInsideLabel__vaf9zi7 {
+.TextFieldVariants_multiVariantStyles_startContent_hasInsideLabel__1f8p3fe7 {
   font-size: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
 }
-.TextFieldVariants_multiVariantStyles_startContentMargin_hasStartMargin__vaf9zit {
+.TextFieldVariants_multiVariantStyles_startContentMargin_hasStartMargin__1f8p3fet {
   margin-inline-start: var(--iconToEdgePadding__w6gg1y9);
   font-size: calc(5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
 }
-.TextFieldVariants_multiVariantStyles_startContentMargin_noStartMargin__vaf9ziu {
+.TextFieldVariants_multiVariantStyles_startContentMargin_noStartMargin__1f8p3feu {
   margin-inline-start: calc((var(--height__w6gg1y7) - calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x))) - 2px) / 2);
   font-size: calc(5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
 }
-.TextFieldVariants_multiVariantStyles_startContentDisabled_isDisabled__vaf9ziv {
+.TextFieldVariants_multiVariantStyles_startContentDisabled_isDisabled__1f8p3fev {
   color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled);
 }
-.TextFieldVariants_multiVariantStyles_compound_7__vaf9zi13 {
+.TextFieldVariants_multiVariantStyles_compound_7__1f8p3fe13 {
   z-index: 1;
 }
-.TextFieldVariants_multiVariantStyles_compound_8__vaf9zi14 {
+.TextFieldVariants_multiVariantStyles_compound_8__1f8p3fe14 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.TextFieldVariants_multiVariantStyles_compound_9__vaf9zi15 {
+.TextFieldVariants_multiVariantStyles_compound_9__1f8p3fe15 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.TextFieldVariants_multiVariantStyles_compound_10__vaf9zi16 {
+.TextFieldVariants_multiVariantStyles_compound_10__1f8p3fe16 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.TextFieldVariants_multiVariantStyles_compound_11__vaf9zi17 {
+.TextFieldVariants_multiVariantStyles_compound_11__1f8p3fe17 {
   min-height: var(--insideEdgeHeight__w6gg1yb);
 }

package/cjs/Theme-redwood/theme.css

@@ -805,6 +805,14 @@
   --summaryLineHeight__l2hi9d6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheader-xs-line-height);
 }
 /* end:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
+/* start:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
+.MeterBarBaseTheme_baseTheme__1n8hfuv0 {
+  --size__saju1q0: ;
+  --sizes-lg__saju1q1: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --sizes-md__saju1q2: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --sizes-sm__saju1q3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x));
+}
+/* end:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
 /* start:UNSAFE_MeterCircle/themes/redwood/MeterCircleBaseTheme.styles.css */
 .MeterCircleBaseTheme_baseTheme__jo6utu0 {
   --size__1qest1m0: ;
@@ -817,14 +825,6 @@
   --trackSizes-sm__1qest1m7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x));
 }
 /* end:UNSAFE_MeterCircle/themes/redwood/MeterCircleBaseTheme.styles.css */
-/* start:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
-.MeterBarBaseTheme_baseTheme__1n8hfuv0 {
-  --size__saju1q0: ;
-  --sizes-lg__saju1q1: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --sizes-md__saju1q2: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --sizes-sm__saju1q3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x));
-}
-/* end:UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.styles.css */
 /* start:UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css */
 .PopupBaseTheme_baseTheme__17qjw4f0 {
   --borderColor__2ugez71: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-divider);
@@ -859,6 +859,14 @@
   --rowHeight__uwoc4u1: calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
 }
 /* end:UNSAFE_Radio/themes/redwood/RadioBaseTheme.styles.css */
+/* start:UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.styles.css */
+.RadioIconBaseTheme_baseTheme__17vksju0 {
+  --iconSize__1681zg40: var(--iconSize__1681zg40);
+  --iconColorSelected__1681zg41: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --iconColorUnselected__1681zg42: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --iconTransformActive__1681zg43: scale(0.75);
+}
+/* end:UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.styles.css */
 /* start:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
 .SkeletonBaseTheme_baseTheme__afgqbw0 {
   --bgColor-start__1mh02730: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.05);
@@ -893,14 +901,6 @@
   --notificationCrossAxisOffset__5h4cac1: 0px;
 }
 /* end:UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css */
-/* start:UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.styles.css */
-.RadioIconBaseTheme_baseTheme__17vksju0 {
-  --iconSize__1681zg40: var(--iconSize__1681zg40);
-  --iconColorSelected__1681zg41: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --iconColorUnselected__1681zg42: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --iconTransformActive__1681zg43: scale(0.75);
-}
-/* end:UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.styles.css */
 /* start:UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.styles.css */
 .AvatarBaseTheme_baseTheme__se034w0 {
   --bgColor__n2nsgo0: ;
@@ -1185,37 +1185,6 @@
   --labelColorDisabled__wmjnh613: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled);
 }
 /* end:UNSAFE_Train/themes/redwood/TrainBaseTheme.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-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --variants-tooltip-backgroundColor__1x922a0a: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral30);
-  --variants-tooltip-textColor__1x922a0b: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --variants-tooltip-fontSize__1x922a0c: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size);
-  --variants-tooltip-lineHeight__1x922a0d: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height);
-  --variants-tooltip-borderRadius__1x922a0e: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
-  --variants-tooltip-borderColor__1x922a0f: transparent;
-  --variants-tooltip-paddingHorizontal__1x922a0g: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --variants-tooltip-paddingVertical__1x922a0h: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x));
-  --variants-datatip-maxWidth__1x922a0i: calc(72 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --variants-datatip-backgroundColor__1x922a0j: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
-  --variants-datatip-textColor__1x922a0k: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --variants-datatip-fontSize__1x922a0l: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size);
-  --variants-datatip-lineHeight__1x922a0m: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-line-height);
-  --variants-datatip-borderRadius__1x922a0n: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
-  --variants-datatip-borderColor__1x922a0o: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
-  --variants-datatip-paddingHorizontal__1x922a0p: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --variants-datatip-paddingVertical__1x922a0q: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-}
-/* end:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
 /* start:Common/themes/redwood/theme.styles.css */
 :root, .oj-c-colorscheme-dependent {
   --oj-c-EXPERIMENTAL-DO-NOT-USE-cursor-clickable: pointer;
@@ -1821,6 +1790,37 @@
   --oj-c-EXPERIMENTAL-DO-NOT-USE-label-lg-font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size);
 }
 /* end:Common/themes/redwood/theme.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-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --variants-tooltip-backgroundColor__1x922a0a: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral30);
+  --variants-tooltip-textColor__1x922a0b: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --variants-tooltip-fontSize__1x922a0c: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size);
+  --variants-tooltip-lineHeight__1x922a0d: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height);
+  --variants-tooltip-borderRadius__1x922a0e: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
+  --variants-tooltip-borderColor__1x922a0f: transparent;
+  --variants-tooltip-paddingHorizontal__1x922a0g: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --variants-tooltip-paddingVertical__1x922a0h: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x));
+  --variants-datatip-maxWidth__1x922a0i: calc(72 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --variants-datatip-backgroundColor__1x922a0j: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
+  --variants-datatip-textColor__1x922a0k: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --variants-datatip-fontSize__1x922a0l: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size);
+  --variants-datatip-lineHeight__1x922a0m: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-line-height);
+  --variants-datatip-borderRadius__1x922a0n: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
+  --variants-datatip-borderColor__1x922a0o: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
+  --variants-datatip-paddingHorizontal__1x922a0p: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --variants-datatip-paddingVertical__1x922a0q: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+}
+/* end:hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css */
 /* start:UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.styles.css */
 .TextFieldBaseTheme_baseTheme__1qsscqw0 {
   --borderColor__w6gg1y0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);

package/cjs/Theme-stable/theme.css

@@ -724,11 +724,6 @@
   --summaryLineHeight__1aj7c365: 1.333rem;
 }
 /* end:UNSAFE_ComponentMessage/themes/stable/ComponentMessageBaseTheme.styles.css */
-/* start:UNSAFE_DrawerPopup/themes/stable/DrawerPopupBaseTheme.styles.css */
-.DrawerPopupBaseTheme_baseTheme__1bklrp70 {
-  --overlayDrawerBackgroundColor__1ekn0ug0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
-}
-/* end:UNSAFE_DrawerPopup/themes/stable/DrawerPopupBaseTheme.styles.css */
 /* start:UNSAFE_FilePicker/themes/stable/FilePickerBaseTheme.styles.css */
 .FilePickerBaseTheme_baseTheme__ivis540 {
   --borderColor__12s6ppx0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
@@ -736,6 +731,11 @@
   --borderWidth__12s6ppx2: 1px;
 }
 /* end:UNSAFE_FilePicker/themes/stable/FilePickerBaseTheme.styles.css */
+/* start:UNSAFE_DrawerPopup/themes/stable/DrawerPopupBaseTheme.styles.css */
+.DrawerPopupBaseTheme_baseTheme__1bklrp70 {
+  --overlayDrawerBackgroundColor__1ekn0ug0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
+}
+/* end:UNSAFE_DrawerPopup/themes/stable/DrawerPopupBaseTheme.styles.css */
 /* start:UNSAFE_Floating/themes/stable/FloatingBaseTheme.styles.css */
 .FloatingBaseTheme_baseTheme__17hfog20 {
   --backgroundColor__ihlnqb0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
@@ -838,13 +838,6 @@
   --sizes-lg-trackWidth__lborgv7: calc(1.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
 }
 /* end:UNSAFE_ProgressCircle/themes/stable/ProgressCircleBaseTheme.styles.css */
-/* start:UNSAFE_Radio/themes/stable/RadioBaseTheme.styles.css */
-.RadioBaseTheme_baseTheme__1byoavv0 {
-  --iconToTextGap__uwoc4u2: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --outlineWidth__uwoc4u0: 1px;
-  --rowHeight__uwoc4u1: calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-}
-/* end:UNSAFE_Radio/themes/stable/RadioBaseTheme.styles.css */
 /* start:UNSAFE_Radio/themes/stable/RadioIconBaseTheme.styles.css */
 .RadioIconBaseTheme_baseTheme__14isyso0 {
   --iconSize__1681zg40: var(--iconSize__1681zg40);
@@ -853,6 +846,13 @@
   --iconTransformActive__1681zg43: scale(0.75);
 }
 /* end:UNSAFE_Radio/themes/stable/RadioIconBaseTheme.styles.css */
+/* start:UNSAFE_Radio/themes/stable/RadioBaseTheme.styles.css */
+.RadioBaseTheme_baseTheme__1byoavv0 {
+  --iconToTextGap__uwoc4u2: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --outlineWidth__uwoc4u0: 1px;
+  --rowHeight__uwoc4u1: calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+}
+/* end:UNSAFE_Radio/themes/stable/RadioBaseTheme.styles.css */
 /* start:UNSAFE_Skeleton/themes/stable/SkeletonBaseTheme.styles.css */
 .SkeletonBaseTheme_baseTheme__1ki8b5s0 {
   --bgColor-start__1mh02730: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.05);
@@ -1171,37 +1171,6 @@
   --labelColorDisabled__wmjnh613: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled);
 }
 /* end:UNSAFE_Train/themes/stable/TrainBaseTheme.styles.css */
-/* start:hooks/UNSAFE_useTooltip/themes/stable/TooltipContentBaseTheme.styles.css */
-.TooltipContentBaseTheme_baseTheme__sx4zts0 {
-  --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-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --variants-tooltip-backgroundColor__1x922a0a: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral30);
-  --variants-tooltip-textColor__1x922a0b: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --variants-tooltip-fontSize__1x922a0c: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size);
-  --variants-tooltip-lineHeight__1x922a0d: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height);
-  --variants-tooltip-borderRadius__1x922a0e: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
-  --variants-tooltip-borderColor__1x922a0f: transparent;
-  --variants-tooltip-paddingHorizontal__1x922a0g: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --variants-tooltip-paddingVertical__1x922a0h: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x));
-  --variants-datatip-maxWidth__1x922a0i: calc(72 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --variants-datatip-backgroundColor__1x922a0j: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
-  --variants-datatip-textColor__1x922a0k: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --variants-datatip-fontSize__1x922a0l: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size);
-  --variants-datatip-lineHeight__1x922a0m: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-line-height);
-  --variants-datatip-borderRadius__1x922a0n: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
-  --variants-datatip-borderColor__1x922a0o: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
-  --variants-datatip-paddingHorizontal__1x922a0p: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --variants-datatip-paddingVertical__1x922a0q: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-}
-/* end:hooks/UNSAFE_useTooltip/themes/stable/TooltipContentBaseTheme.styles.css */
 /* start:Common/themes/stable/theme.styles.css */
 :root, .oj-c-colorscheme-dependent {
   --oj-c-EXPERIMENTAL-DO-NOT-USE-cursor-clickable: pointer;
@@ -1807,6 +1776,37 @@
   --oj-c-EXPERIMENTAL-DO-NOT-USE-label-lg-font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size);
 }
 /* end:Common/themes/stable/theme.styles.css */
+/* start:hooks/UNSAFE_useTooltip/themes/stable/TooltipContentBaseTheme.styles.css */
+.TooltipContentBaseTheme_baseTheme__sx4zts0 {
+  --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-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --variants-tooltip-backgroundColor__1x922a0a: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral30);
+  --variants-tooltip-textColor__1x922a0b: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --variants-tooltip-fontSize__1x922a0c: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size);
+  --variants-tooltip-lineHeight__1x922a0d: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height);
+  --variants-tooltip-borderRadius__1x922a0e: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
+  --variants-tooltip-borderColor__1x922a0f: transparent;
+  --variants-tooltip-paddingHorizontal__1x922a0g: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --variants-tooltip-paddingVertical__1x922a0h: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x));
+  --variants-datatip-maxWidth__1x922a0i: calc(72 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --variants-datatip-backgroundColor__1x922a0j: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
+  --variants-datatip-textColor__1x922a0k: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --variants-datatip-fontSize__1x922a0l: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size);
+  --variants-datatip-lineHeight__1x922a0m: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-line-height);
+  --variants-datatip-borderRadius__1x922a0n: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
+  --variants-datatip-borderColor__1x922a0o: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
+  --variants-datatip-paddingHorizontal__1x922a0p: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --variants-datatip-paddingVertical__1x922a0q: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+}
+/* end:hooks/UNSAFE_useTooltip/themes/stable/TooltipContentBaseTheme.styles.css */
 /* start:UNSAFE_TextField/themes/stable/TextFieldBaseTheme.styles.css */
 .TextFieldBaseTheme_baseTheme__tcmxi50 {
   --borderColor__w6gg1y0: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-190), 0.5);

package/cjs/TooltipContentVariants.styles.css

@@ -1,4 +1,4 @@
-.TooltipContentVariants_multiVariantStyles_variant_tooltip__1ycsr170 {
+.TooltipContentVariants_multiVariantStyles_variant_tooltip__1o562t70 {
   --maxWidth__1x922a00: var(--variants-tooltip-maxWidth__1x922a09);
   --backgroundColor__1x922a01: var(--variants-tooltip-backgroundColor__1x922a0a);
   --textColor__1x922a02: var(--variants-tooltip-textColor__1x922a0b);
@@ -9,7 +9,7 @@
   --paddingHorizontal__1x922a07: var(--variants-tooltip-paddingHorizontal__1x922a0g);
   --paddingVertical__1x922a08: var(--variants-tooltip-paddingVertical__1x922a0h);
 }
-.TooltipContentVariants_multiVariantStyles_variant_datatip__1ycsr171 {
+.TooltipContentVariants_multiVariantStyles_variant_datatip__1o562t71 {
   --maxWidth__1x922a00: var(--variants-datatip-maxWidth__1x922a0i);
   --backgroundColor__1x922a01: var(--variants-datatip-backgroundColor__1x922a0j);
   --textColor__1x922a02: var(--variants-datatip-textColor__1x922a0k);

package/cjs/TooltipContentVariants.styles2.css

@@ -1,4 +1,4 @@
-.TooltipContentVariants_multiVariantStyles_variant_tooltip__1o562t70 {
+.TooltipContentVariants_multiVariantStyles_variant_tooltip__1ycsr170 {
   --maxWidth__1x922a00: var(--variants-tooltip-maxWidth__1x922a09);
   --backgroundColor__1x922a01: var(--variants-tooltip-backgroundColor__1x922a0a);
   --textColor__1x922a02: var(--variants-tooltip-textColor__1x922a0b);
@@ -9,7 +9,7 @@
   --paddingHorizontal__1x922a07: var(--variants-tooltip-paddingHorizontal__1x922a0g);
   --paddingVertical__1x922a08: var(--variants-tooltip-paddingVertical__1x922a0h);
 }
-.TooltipContentVariants_multiVariantStyles_variant_datatip__1o562t71 {
+.TooltipContentVariants_multiVariantStyles_variant_datatip__1ycsr171 {
   --maxWidth__1x922a00: var(--variants-datatip-maxWidth__1x922a0i);
   --backgroundColor__1x922a01: var(--variants-datatip-backgroundColor__1x922a0j);
   --textColor__1x922a02: var(--variants-datatip-textColor__1x922a0k);

package/cjs/TrainVariants.styles.css

@@ -1,28 +1,28 @@
-.TrainVariants_multiVariantStyles_needsEventsHover_isNeedsEventsHover__szao47p:not(:active) {
+.TrainVariants_multiVariantStyles_needsEventsHover_isNeedsEventsHover__ty5ef5p:not(:active) {
   cursor: pointer;
   background-color: var(--stepBgColorHover__wmjnh6m);
 }
-.TrainVariants_multiVariantStyles_stepIconNeedsEventsHover_isNeedsEventsHover__szao47t:not(:active) {
+.TrainVariants_multiVariantStyles_stepIconNeedsEventsHover_isNeedsEventsHover__ty5ef5t:not(:active) {
   cursor: pointer;
   border-color: var(--buttonBorderColorHover__wmjnh6k);
   color: var(--buttonTextColorHover__wmjnh6l);
   background-color: var(--buttonBgColorHover__wmjnh6j);
 }
-.TrainVariants_multiVariantStyles_stepLabelNeedsEventsHover_isNeedsEventsHover__szao47x:not(:active) {
+.TrainVariants_multiVariantStyles_stepLabelNeedsEventsHover_isNeedsEventsHover__ty5ef5x:not(:active) {
   text-decoration-line: underline;
 }
 @media (hover: hover) {
-  .TrainVariants_multiVariantStyles_pseudoHover_isPseudoHover__szao47r:hover:not(:active) {
+  .TrainVariants_multiVariantStyles_pseudoHover_isPseudoHover__ty5ef5r:hover:not(:active) {
     cursor: pointer;
     background-color: var(--stepBgColorHover__wmjnh6m);
   }
-  .TrainVariants_multiVariantStyles_stepIconPseudoHover_isPseudoHover__szao47v:hover:not(:active) {
+  .TrainVariants_multiVariantStyles_stepIconPseudoHover_isPseudoHover__ty5ef5v:hover:not(:active) {
     cursor: pointer;
     border-color: var(--buttonBorderColorHover__wmjnh6k);
     color: var(--buttonTextColorHover__wmjnh6l);
     background-color: var(--buttonBgColorHover__wmjnh6j);
   }
-  .TrainVariants_multiVariantStyles_stepLabelPseudoHover_isPseudoHover__szao47z:hover:not(:active) {
+  .TrainVariants_multiVariantStyles_stepLabelPseudoHover_isPseudoHover__ty5ef5z:hover:not(:active) {
     text-decoration-line: underline;
   }
 }

package/cjs/TrainVariants.styles2.css

@@ -1,28 +1,28 @@
-.TrainVariants_multiVariantStyles_needsEventsHover_isNeedsEventsHover__ty5ef5p:not(:active) {
+.TrainVariants_multiVariantStyles_needsEventsHover_isNeedsEventsHover__szao47p:not(:active) {
   cursor: pointer;
   background-color: var(--stepBgColorHover__wmjnh6m);
 }
-.TrainVariants_multiVariantStyles_stepIconNeedsEventsHover_isNeedsEventsHover__ty5ef5t:not(:active) {
+.TrainVariants_multiVariantStyles_stepIconNeedsEventsHover_isNeedsEventsHover__szao47t:not(:active) {
   cursor: pointer;
   border-color: var(--buttonBorderColorHover__wmjnh6k);
   color: var(--buttonTextColorHover__wmjnh6l);
   background-color: var(--buttonBgColorHover__wmjnh6j);
 }
-.TrainVariants_multiVariantStyles_stepLabelNeedsEventsHover_isNeedsEventsHover__ty5ef5x:not(:active) {
+.TrainVariants_multiVariantStyles_stepLabelNeedsEventsHover_isNeedsEventsHover__szao47x:not(:active) {
   text-decoration-line: underline;
 }
 @media (hover: hover) {
-  .TrainVariants_multiVariantStyles_pseudoHover_isPseudoHover__ty5ef5r:hover:not(:active) {
+  .TrainVariants_multiVariantStyles_pseudoHover_isPseudoHover__szao47r:hover:not(:active) {
     cursor: pointer;
     background-color: var(--stepBgColorHover__wmjnh6m);
   }
-  .TrainVariants_multiVariantStyles_stepIconPseudoHover_isPseudoHover__ty5ef5v:hover:not(:active) {
+  .TrainVariants_multiVariantStyles_stepIconPseudoHover_isPseudoHover__szao47v:hover:not(:active) {
     cursor: pointer;
     border-color: var(--buttonBorderColorHover__wmjnh6k);
     color: var(--buttonTextColorHover__wmjnh6l);
     background-color: var(--buttonBgColorHover__wmjnh6j);
   }
-  .TrainVariants_multiVariantStyles_stepLabelPseudoHover_isPseudoHover__ty5ef5z:hover:not(:active) {
+  .TrainVariants_multiVariantStyles_stepLabelPseudoHover_isPseudoHover__szao47z:hover:not(:active) {
     text-decoration-line: underline;
   }
 }

package/cjs/UNSAFE_AspectRatio.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.0 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,15 +9,15 @@ var utils_UNSAFE_interpolations_dimensions = require('./utils/UNSAFE_interpolati
 var utils_UNSAFE_mergeInterpolations = require('./utils/UNSAFE_mergeInterpolations.js');
 require('./utils/UNSAFE_classNames.js');
 var utils_UNSAFE_arrayUtils = require('./utils/UNSAFE_arrayUtils.js');
-var classNames = require('./classNames-4bfc0882.js');
+var classNames = require('./classNames-2510316e.js');
 require('./utils/UNSAFE_size.js');
 require('./UNSAFE_Theme.js');
-require('./utils-1b8d2f2b.js');
+require('./utils-8caecfb3.js');
 require('./Common/themes/themeContract.css.js');
-require('./_curry1-1fb76d7e.js');
-require('./_curry3-fc641adf.js');
-require('./_curry2-762d9e39.js');
-require('./_has-a629c4a5.js');
+require('./_curry1-60c5742a.js');
+require('./_curry3-838df3c3.js');
+require('./_curry2-380766c2.js');
+require('./_has-111f0a0c.js');
 
 // AspectRatio uses the common padding-bottom as a percentage
 // hack to get aspect-ratio to work.
@@ -35,7 +35,7 @@ require('./_has-a629c4a5.js');
 // has the padding information.
 // 100%/ratio. 100/(4/3) = 75%
 // e.g., 16/9 = 56.25%, 4/3 = 75%, 1/1=100%, 2/1=50%
-const baseDivStyles = "_1mhjtxx";
+const baseDivStyles = "_1fg7q81";
 // common aspect ratios
 // The box’s preferred aspect ratio is the specified ratio of width / height.
 // The ratio has a '/' as a separator and not a ':' because the '/' is what

package/cjs/UNSAFE_Avatar/themes/AvatarContract.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.0 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/UNSAFE_Avatar/themes/AvatarStyles.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.0 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.0 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/UNSAFE_Avatar/themes/redwood/AvatarTheme.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.0 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,7 +9,7 @@ var UNSAFE_Avatar_themes_redwood_AvatarVariants_css = require('./AvatarVariants.
 
 
 
-require('../../../vanilla-extract-recipes-createRuntimeFn.esm-bedd82db.js');
+require('../../../vanilla-extract-recipes-createRuntimeFn.esm-e18c603d.js');
 
 /*******************
  * Component Theme

package/cjs/UNSAFE_Avatar/themes/redwood/AvatarVariants.css.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.1.0 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 
 
-var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-bedd82db.js');
+var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-e18c603d.js');
 
 var multiVariantStyles = vanillaExtractRecipesCreateRuntimeFn_esm.createRuntimeFn({defaultClassName:'AvatarStyles_base__167n05h0',variantClassNames:{size:{'2xs':'AvatarVariants_multiVariantStyles_size_2xs__1h7waq80',xs:'AvatarVariants_multiVariantStyles_size_xs__1h7waq81',sm:'AvatarVariants_multiVariantStyles_size_sm__1h7waq82',md:'AvatarVariants_multiVariantStyles_size_md__1h7waq83',lg:'AvatarVariants_multiVariantStyles_size_lg__1h7waq84',xl:'AvatarVariants_multiVariantStyles_size_xl__1h7waq85','2xl':'AvatarVariants_multiVariantStyles_size_2xl__1h7waq86'},background:{neutral:'AvatarVariants_multiVariantStyles_background_neutral__1h7waq87',orange:'AvatarVariants_multiVariantStyles_background_orange__1h7waq88',green:'AvatarVariants_multiVariantStyles_background_green__1h7waq89',teal:'AvatarVariants_multiVariantStyles_background_teal__1h7waq8a',blue:'AvatarVariants_multiVariantStyles_background_blue__1h7waq8b',slate:'AvatarVariants_multiVariantStyles_background_slate__1h7waq8c',pink:'AvatarVariants_multiVariantStyles_background_pink__1h7waq8d',purple:'AvatarVariants_multiVariantStyles_background_purple__1h7waq8e',lilac:'AvatarVariants_multiVariantStyles_background_lilac__1h7waq8f',gray:'AvatarVariants_multiVariantStyles_background_gray__1h7waq8g'},shape:{circle:'AvatarVariants_multiVariantStyles_shape_circle__1h7waq8h',square:'AvatarVariants_multiVariantStyles_shape_square__1h7waq8i'}},defaultVariants:{background:'neutral',size:'md',shape:'square'},compoundVariants:[[{size:'2xs',shape:'square'},'AvatarVariants_multiVariantStyles_compound_0__1h7waq8j'],[{size:'xs',shape:'square'},'AvatarVariants_multiVariantStyles_compound_1__1h7waq8k'],[{size:'sm',shape:'square'},'AvatarVariants_multiVariantStyles_compound_2__1h7waq8l'],[{size:'md',shape:'square'},'AvatarVariants_multiVariantStyles_compound_3__1h7waq8m'],[{size:'lg',shape:'square'},'AvatarVariants_multiVariantStyles_compound_4__1h7waq8n'],[{size:'xl',shape:'square'},'AvatarVariants_multiVariantStyles_compound_5__1h7waq8o'],[{size:'2xl',shape:'square'},'AvatarVariants_multiVariantStyles_compound_6__1h7waq8p']]});
 

package/cjs/UNSAFE_Avatar/themes/stable/AvatarBaseTheme.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.0 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/UNSAFE_Avatar/themes/stable/AvatarTheme.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.0 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,7 +9,7 @@ var UNSAFE_Avatar_themes_stable_AvatarVariants_css = require('./AvatarVariants.c
 
 
 
-require('../../../vanilla-extract-recipes-createRuntimeFn.esm-bedd82db.js');
+require('../../../vanilla-extract-recipes-createRuntimeFn.esm-e18c603d.js');
 
 /*******************
  * Component Theme

package/cjs/UNSAFE_Avatar/themes/stable/AvatarVariants.css.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.1.0 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 
 
-var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-bedd82db.js');
+var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-e18c603d.js');
 
 var multiVariantStyles = vanillaExtractRecipesCreateRuntimeFn_esm.createRuntimeFn({defaultClassName:'AvatarStyles_base__167n05h0',variantClassNames:{size:{'2xs':'AvatarVariants_multiVariantStyles_size_2xs__4ilptg0',xs:'AvatarVariants_multiVariantStyles_size_xs__4ilptg1',sm:'AvatarVariants_multiVariantStyles_size_sm__4ilptg2',md:'AvatarVariants_multiVariantStyles_size_md__4ilptg3',lg:'AvatarVariants_multiVariantStyles_size_lg__4ilptg4',xl:'AvatarVariants_multiVariantStyles_size_xl__4ilptg5','2xl':'AvatarVariants_multiVariantStyles_size_2xl__4ilptg6'},background:{neutral:'AvatarVariants_multiVariantStyles_background_neutral__4ilptg7',orange:'AvatarVariants_multiVariantStyles_background_orange__4ilptg8',green:'AvatarVariants_multiVariantStyles_background_green__4ilptg9',teal:'AvatarVariants_multiVariantStyles_background_teal__4ilptga',blue:'AvatarVariants_multiVariantStyles_background_blue__4ilptgb',slate:'AvatarVariants_multiVariantStyles_background_slate__4ilptgc',pink:'AvatarVariants_multiVariantStyles_background_pink__4ilptgd',purple:'AvatarVariants_multiVariantStyles_background_purple__4ilptge',lilac:'AvatarVariants_multiVariantStyles_background_lilac__4ilptgf',gray:'AvatarVariants_multiVariantStyles_background_gray__4ilptgg'},shape:{circle:'AvatarVariants_multiVariantStyles_shape_circle__4ilptgh',square:'AvatarVariants_multiVariantStyles_shape_square__4ilptgi'}},defaultVariants:{background:'neutral',size:'md',shape:'circle'},compoundVariants:[[{size:'2xs',shape:'square'},'AvatarVariants_multiVariantStyles_compound_0__4ilptgj'],[{size:'xs',shape:'square'},'AvatarVariants_multiVariantStyles_compound_1__4ilptgk'],[{size:'sm',shape:'square'},'AvatarVariants_multiVariantStyles_compound_2__4ilptgl'],[{size:'md',shape:'square'},'AvatarVariants_multiVariantStyles_compound_3__4ilptgm'],[{size:'lg',shape:'square'},'AvatarVariants_multiVariantStyles_compound_4__4ilptgn'],[{size:'xl',shape:'square'},'AvatarVariants_multiVariantStyles_compound_5__4ilptgo'],[{size:'2xl',shape:'square'},'AvatarVariants_multiVariantStyles_compound_6__4ilptgp']]});