@oracle/oraclejet-preact 15.1.4 → 15.1.5

package/cjs/TextFieldInput-331ae849.js

@@ -0,0 +1,92 @@
+/* @oracle/oraclejet-preact: 15.1.5 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks_UNSAFE_useAccessibleContext = require('./hooks/UNSAFE_useAccessibleContext.js');
+var hooks_UNSAFE_useFormFieldContext = require('./hooks/UNSAFE_useFormFieldContext.js');
+var hooks_UNSAFE_useTabbableMode = require('./hooks/UNSAFE_useTabbableMode.js');
+var hooks_UNSAFE_useTextFieldInputHandlers = require('./hooks/UNSAFE_useTextFieldInputHandlers.js');
+require('./utils/UNSAFE_classNames.js');
+var utils_UNSAFE_interpolations_text = require('./utils/UNSAFE_interpolations/text.js');
+var utils_UNSAFE_mergeInterpolations = require('./utils/UNSAFE_mergeInterpolations.js');
+var utils_UNSAFE_mergeProps = require('./utils/UNSAFE_mergeProps.js');
+var hooks_UNSAFE_useComponentTheme = require('./hooks/UNSAFE_useComponentTheme.js');
+var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
+var UNSAFE_TextField_themes_redwood_TextFieldInputTheme = require('./UNSAFE_TextField/themes/redwood/TextFieldInputTheme.js');
+var classNames = require('./classNames-9be98b10.js');
+
+const getInputId = (id) => (id ?? '') + '|input';
+const isInputPlaceholderShown = (hasInsideLabel, hasValue, isFocused) => {
+    return !(hasInsideLabel && !hasValue && !isFocused);
+};
+
+const interpolations = [...Object.values(utils_UNSAFE_interpolations_text.textInterpolations)];
+const styleInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(interpolations);
+/**
+ * Merge multiple ids into a space-separated list
+ * @param ids The ids to be merged
+ * @returns The space separated string of ids
+ */
+function mergeIDs(...ids) {
+    return ids.filter(Boolean).join(' ') || undefined;
+}
+const TextFieldInput = ({ as = 'input', 'aria-autocomplete': ariaAutoComplete, 'aria-controls': ariaControls, 'aria-describedby': ariaDescribedBy, 'aria-expanded': ariaExpanded, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, 'aria-labelledby': inputLabelledBy, 'aria-valuemax': ariaValueMax, 'aria-valuemin': ariaValueMin, 'aria-valuenow': ariaValueNow, 'aria-valuetext': ariaValueText, autoComplete, autoFocus, currentCommitValue, hasEmptyLabel, hasEndContent = false, hasInsideLabel = false, hasPrefix = false, hasStartContent = false, hasSuffix = false, id, inputRef, placeholder, isRequired, role, rows, spellcheck, type, value = '', variant = 'default', onInput, onCommit, onKeyDown, onKeyUp, onBlur, onFocus, ...props }) => {
+    const { isDisabled, isFocused, isLoading, isReadonly } = hooks_UNSAFE_useFormFieldContext.useFormFieldContext();
+    const { class: styleInterpolationClasses } = styleInterpolations(props);
+    const hasValue = value !== '';
+    const isTextArea = as === 'textarea';
+    const isInput = as === 'input';
+    const isPassword = type === 'password';
+    const renderPrefix = !isDisabled && hasPrefix;
+    const renderSuffix = !isDisabled && hasSuffix;
+    const myPlaceholder = isInputPlaceholderShown(hasInsideLabel, hasValue, isFocused)
+        ? placeholder
+        : undefined;
+    const { classes } = hooks_UNSAFE_useComponentTheme.useComponentTheme(UNSAFE_TextField_themes_redwood_TextFieldInputTheme.TextFieldInputRedwoodTheme, {
+        type: isPassword ? 'isPassword' : 'notPassword',
+        styleVariant: variant,
+        textarea: isTextArea ? 'isTextArea' : 'notTextArea',
+        input: isInput ? 'isInput' : 'notInput',
+        prefix: renderPrefix ? 'hasPrefix' : 'noPrefix',
+        suffix: renderSuffix ? 'hasSuffix' : 'noSuffix',
+        startContent: hasStartContent ? 'hasStartContent' : 'noStartContent',
+        endContent: hasEndContent ? 'hasEndContent' : 'noEndContent',
+        insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',
+        value: hasValue ? 'hasValue' : 'noValue',
+        focused: isFocused ? 'isFocused' : 'notFocused',
+        disabled: isDisabled ? 'isDisabled' : 'notDisabled'
+    });
+    const inputClasses = classNames.classNames([classes, styleInterpolationClasses]);
+    const Comp = as || 'input';
+    const textFieldInputHandlers = hooks_UNSAFE_useTextFieldInputHandlers.useTextFieldInputHandlers({
+        currentCommitValue,
+        value,
+        onInput,
+        onCommit,
+        onKeyDown
+    });
+    const handlers = utils_UNSAFE_mergeProps.mergeProps(textFieldInputHandlers, { onBlur, onFocus });
+    // the implicit default for tabindex on an input is 0, so do not explicitly set it.
+    // JET-52914 - Implement Tabbable mode API contract in InputText
+    // if not tabbable, spread tabbableModeProps on component
+    const { isTabbable, tabbableModeProps } = hooks_UNSAFE_useTabbableMode.useTabbableMode();
+    // TODO: for autoComplete='off', need to configure attrs appropriately to make sure it
+    // works across browsers and versions  (from review on 3/11/22)
+    // JET-52089: add unsafe API for specifying an external label which is added to ariaLabelledBy on the input,
+    // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other
+    // kinds of labels, this helps to ensure we don't override a meaningful label.
+    const { UNSAFE_ariaLabelledBy } = hooks_UNSAFE_useAccessibleContext.useAccessibleContext();
+    const ariaLabelledBy = hasEmptyLabel
+        ? mergeIDs(inputLabelledBy, UNSAFE_ariaLabelledBy)
+        : inputLabelledBy;
+    const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const loadingAriaLabel = translations.formControl_loading();
+    return (jsxRuntime.jsx(Comp, { "aria-autocomplete": ariaAutoComplete, "aria-controls": ariaControls, "aria-describedby": ariaDescribedBy, "aria-expanded": ariaExpanded, "aria-invalid": ariaInvalid, "aria-label": isLoading ? loadingAriaLabel : ariaLabel ? ariaLabel : undefined, "aria-labelledby": ariaLabelledBy, "aria-required": isRequired ? true : undefined, "aria-valuemax": ariaValueMax, "aria-valuemin": ariaValueMin, "aria-valuenow": ariaValueNow, "aria-valuetext": ariaValueText, autocomplete: autoComplete, autofocus: autoFocus, class: inputClasses, disabled: isDisabled, id: id, onKeyUp: onKeyUp, placeholder: myPlaceholder, readonly: isReadonly, 
+        // @ts-ignore
+        ref: inputRef, role: role, rows: rows, spellcheck: spellcheck, type: type, value: value, ...handlers, ...(!isTabbable && tabbableModeProps) }));
+};
+
+exports.TextFieldInput = TextFieldInput;
+exports.getInputId = getInputId;
+exports.isInputPlaceholderShown = isInputPlaceholderShown;
+//# sourceMappingURL=TextFieldInput-331ae849.js.map

package/cjs/TextFieldInput-331ae849.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldInput-331ae849.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/Theme-redwood/theme.css

@@ -728,11 +728,6 @@
 }
 
 /* end:src/UNSAFE_MessageToast/themes/redwood/MessageToast.css */
-/* start:UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
-.DrawerPopupBaseTheme_baseTheme__11hfduf0 {
-  --overlayDrawerBackgroundColor__1ekn0ug0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
-}
-/* end:UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
 /* start:UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css */
 .ComponentMessageBaseTheme_baseTheme__tgaz2j0 {
   --startIconColor__1aj7c360: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info);
@@ -743,11 +738,11 @@
   --summaryLineHeight__1aj7c365: 1.333rem;
 }
 /* end:UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css */
-/* start:UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css */
-.FloatingBaseTheme_baseTheme__18jw0qa0 {
-  --backgroundColor__ihlnqb0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
+/* start:UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
+.DrawerPopupBaseTheme_baseTheme__11hfduf0 {
+  --overlayDrawerBackgroundColor__1ekn0ug0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
 }
-/* end:UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css */
+/* end:UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.styles.css */
 /* start:UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.styles.css */
 .FilePickerBaseTheme_baseTheme__gjv4mp0 {
   --borderColor__12s6ppx0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
@@ -755,6 +750,11 @@
   --borderWidth__12s6ppx2: 1px;
 }
 /* end:UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.styles.css */
+/* start:UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css */
+.FloatingBaseTheme_baseTheme__18jw0qa0 {
+  --backgroundColor__ihlnqb0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
+}
+/* end:UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css */
 /* start:UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.styles.css */
 .GroupedListBaseTheme_baseTheme__1nfzl1m0 {
   --groupHeaderBgColorSticky__11yn0c70: rgb(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-30));
@@ -766,17 +766,6 @@
   --fontSize__1gj3n971: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size);
 }
 /* end:UNSAFE_Indexer/themes/redwood/IndexerBaseTheme.styles.css */
-/* start:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
-.MessageBannerBaseTheme_baseTheme__1mzbhvy0 {
-  --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-info-low, var(--oj-core-info-secondary-3));
-  --startIconColor__l2hi9d1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info, var(--oj-core-info-3));
-  --startIconSize__l2hi9d2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --summaryTextColor__l2hi9d3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info, var(--oj-core-info-3));
-  --summaryTextWeight__l2hi9d4: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheader-xs-font-weight, var(--oj-typography-subheading-xs-font-weight));
-  --summaryTextSize__l2hi9d5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheader-xs-font-size, var(--oj-typography-subheading-xs-font-size));
-  --summaryLineHeight__l2hi9d6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheader-xs-line-height);
-}
-/* end:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
 /* start:UNSAFE_Link/themes/redwood/LinkBaseTheme.styles.css */
 .LinkBaseTheme_baseTheme__eahcnn0 {
   --standaloneTextDecoration__1w21kyl0: none;
@@ -789,6 +778,33 @@
   --textColorVisited__1w21kyl7: var(--textColor__1w21kyl5);
 }
 /* end:UNSAFE_Link/themes/redwood/LinkBaseTheme.styles.css */
+/* start:UNSAFE_Menu/themes/redwood/MenuDividerBaseTheme.styles.css */
+.MenuDividerBaseTheme_baseTheme__1wmh2g70 {
+  --verticalPadding__14rtvpd0: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+}
+/* end:UNSAFE_Menu/themes/redwood/MenuDividerBaseTheme.styles.css */
+/* start:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
+.MenuItemBaseTheme_baseTheme__153jibj0 {
+  --iconSize__1qbg5hn0: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --startEdgeToStartIconPadding__1qbg5hn1: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --endIconToEndEdgePadding__1qbg5hn2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --startIconToLabelPadding__1qbg5hn3: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --labelToEndIconPadding__1qbg5hn4: calc(8 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+}
+/* end:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
+/* start:UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css */
+.MessageBannerBaseTheme_baseTheme__1mzbhvy0 {
+  --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-info-low, var(--oj-core-info-secondary-3));
+  --startIconColor__l2hi9d1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info, var(--oj-core-info-3));
+  --startIconSize__l2hi9d2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --summaryTextColor__l2hi9d3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info, var(--oj-core-info-3));
+  --summaryTextWeight__l2hi9d4: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheader-xs-font-weight, var(--oj-typography-subheading-xs-font-weight));
+  --summaryTextSize__l2hi9d5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheader-xs-font-size, var(--oj-typography-subheading-xs-font-size));
+  --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: ;
@@ -824,22 +840,6 @@
   --borderRadius__irxz4j1: 3px;
 }
 /* end:UNSAFE_ProgressBar/themes/redwood/ProgressBarBaseTheme.styles.css */
-/* start:UNSAFE_Menu/themes/redwood/MenuDividerBaseTheme.styles.css */
-.MenuDividerBaseTheme_baseTheme__1wmh2g70 {
-  --verticalPadding__14rtvpd0: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-}
-/* end:UNSAFE_Menu/themes/redwood/MenuDividerBaseTheme.styles.css */
-/* start:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
-.MenuItemBaseTheme_baseTheme__153jibj0 {
-  --iconSize__1qbg5hn0: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --startEdgeToStartIconPadding__1qbg5hn1: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --endIconToEndEdgePadding__1qbg5hn2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --startIconToLabelPadding__1qbg5hn3: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --labelToEndIconPadding__1qbg5hn4: calc(8 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-}
-/* end:UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.styles.css */
 /* start:UNSAFE_ProgressCircle/themes/redwood/ProgressCircleBaseTheme.styles.css */
 .ProgressCircleBaseTheme_baseTheme__1qsbny60 {
   --size__lborgv0: ;
@@ -852,6 +852,13 @@
   --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/redwood/ProgressCircleBaseTheme.styles.css */
+/* start:UNSAFE_Radio/themes/redwood/RadioBaseTheme.styles.css */
+.RadioBaseTheme_baseTheme__1rmn4iw0 {
+  --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/redwood/RadioBaseTheme.styles.css */
 /* start:UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.styles.css */
 .RadioIconBaseTheme_baseTheme__17vksju0 {
   --iconSize__1681zg40: var(--iconSize__1681zg40);
@@ -860,13 +867,12 @@
   --iconTransformActive__1681zg43: scale(0.75);
 }
 /* end:UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.styles.css */
-/* start:UNSAFE_Radio/themes/redwood/RadioBaseTheme.styles.css */
-.RadioBaseTheme_baseTheme__1rmn4iw0 {
-  --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)));
+/* 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);
+  --bgColor-end__1mh02731: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.15);
 }
-/* end:UNSAFE_Radio/themes/redwood/RadioBaseTheme.styles.css */
+/* end:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
 /* start:UNSAFE_TabBar/themes/redwood/TabBarItemBaseTheme.styles.css */
 .TabBarItemBaseTheme_baseTheme__1ex8m7v0 {
   --labelColor__1j8m5ay0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
@@ -876,12 +882,13 @@
   --borderWidthLeftRight__1j8m5ay4: 1.5px;
 }
 /* end:UNSAFE_TabBar/themes/redwood/TabBarItemBaseTheme.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);
-  --bgColor-end__1mh02731: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.15);
+/* start:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
+.FormLayoutBaseTheme_baseTheme__sm2a4g0 {
+  --startEdgeLabelToValuePadding__vm51h40: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --startEdgeLabelTextAlign__vm51h41: end;
+  --topEdgeLabelToValuePadding__vm51h42: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
 }
-/* end:UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css */
+/* end:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
 /* start:UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css */
 .UserAssistanceBaseTheme_baseTheme__j8tei50 {
   --inlineTextColor__1n9ixz60: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
@@ -894,13 +901,6 @@
   --notificationCrossAxisOffset__5h4cac1: 0px;
 }
 /* end:UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css */
-/* start:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
-.FormLayoutBaseTheme_baseTheme__sm2a4g0 {
-  --startEdgeLabelToValuePadding__vm51h40: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --startEdgeLabelTextAlign__vm51h41: end;
-  --topEdgeLabelToValuePadding__vm51h42: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-}
-/* end:UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css */
 /* start:UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.styles.css */
 .AvatarBaseTheme_baseTheme__se034w0 {
   --bgColor__n2nsgo0: ;

package/cjs/Theme-stable/theme.css

@@ -764,6 +764,22 @@
   --textColorVisited__1w21kyl7: var(--textColor__1w21kyl5);
 }
 /* end:UNSAFE_Link/themes/stable/LinkBaseTheme.styles.css */
+/* start:UNSAFE_Menu/themes/stable/MenuDividerBaseTheme.styles.css */
+.MenuDividerBaseTheme_baseTheme__m2xq7y0 {
+  --verticalPadding__14rtvpd0: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+}
+/* end:UNSAFE_Menu/themes/stable/MenuDividerBaseTheme.styles.css */
+/* start:UNSAFE_Menu/themes/stable/MenuItemBaseTheme.styles.css */
+.MenuItemBaseTheme_baseTheme__1n321v10 {
+  --iconSize__1qbg5hn0: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --startEdgeToStartIconPadding__1qbg5hn1: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --endIconToEndEdgePadding__1qbg5hn2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --startIconToLabelPadding__1qbg5hn3: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --labelToEndIconPadding__1qbg5hn4: calc(8 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
+  --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+  --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+}
+/* end:UNSAFE_Menu/themes/stable/MenuItemBaseTheme.styles.css */
 /* start:UNSAFE_MessageBanner/themes/stable/MessageBannerBaseTheme.styles.css */
 .MessageBannerBaseTheme_baseTheme__70l3ii0 {
   --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-info-low, var(--oj-core-info-secondary-3));
@@ -775,14 +791,6 @@
   --summaryLineHeight__l2hi9d6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheader-xs-line-height);
 }
 /* end:UNSAFE_MessageBanner/themes/stable/MessageBannerBaseTheme.styles.css */
-/* start:UNSAFE_MeterBar/themes/stable/MeterBarBaseTheme.styles.css */
-.MeterBarBaseTheme_baseTheme__18rlrbm0 {
-  --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/stable/MeterBarBaseTheme.styles.css */
 /* start:UNSAFE_MeterCircle/themes/stable/MeterCircleBaseTheme.styles.css */
 .MeterCircleBaseTheme_baseTheme__k5sgg60 {
   --size__1qest1m0: ;
@@ -795,6 +803,14 @@
   --trackSizes-sm__1qest1m7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x));
 }
 /* end:UNSAFE_MeterCircle/themes/stable/MeterCircleBaseTheme.styles.css */
+/* start:UNSAFE_MeterBar/themes/stable/MeterBarBaseTheme.styles.css */
+.MeterBarBaseTheme_baseTheme__18rlrbm0 {
+  --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/stable/MeterBarBaseTheme.styles.css */
 /* start:UNSAFE_Popup/themes/stable/PopupBaseTheme.styles.css */
 .PopupBaseTheme_baseTheme__13ticij0 {
   --borderColor__2ugez71: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-divider);
@@ -822,22 +838,21 @@
   --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_Menu/themes/stable/MenuItemBaseTheme.styles.css */
-.MenuItemBaseTheme_baseTheme__1n321v10 {
-  --iconSize__1qbg5hn0: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --startEdgeToStartIconPadding__1qbg5hn1: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --endIconToEndEdgePadding__1qbg5hn2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --startIconToLabelPadding__1qbg5hn3: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --labelToEndIconPadding__1qbg5hn4: calc(8 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
-  --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
-  --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
+/* 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_Menu/themes/stable/MenuItemBaseTheme.styles.css */
-/* start:UNSAFE_Menu/themes/stable/MenuDividerBaseTheme.styles.css */
-.MenuDividerBaseTheme_baseTheme__m2xq7y0 {
-  --verticalPadding__14rtvpd0: calc(2 * 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);
+  --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_Menu/themes/stable/MenuDividerBaseTheme.styles.css */
+/* end:UNSAFE_Radio/themes/stable/RadioIconBaseTheme.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);
@@ -853,21 +868,13 @@
   --borderWidthLeftRight__1j8m5ay4: 0px;
 }
 /* end:UNSAFE_TabBar/themes/stable/TabBarItemBaseTheme.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);
-  --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);
+/* start:UNSAFE_TextField/themes/stable/FormLayoutBaseTheme.styles.css */
+.FormLayoutBaseTheme_baseTheme__1vw20cf0 {
+  --startEdgeLabelToValuePadding__vm51h40: 1.5rem;
+  --startEdgeLabelTextAlign__vm51h41: end;
+  --topEdgeLabelToValuePadding__vm51h42: 0.5rem;
 }
-/* end:UNSAFE_Radio/themes/stable/RadioIconBaseTheme.styles.css */
+/* end:UNSAFE_TextField/themes/stable/FormLayoutBaseTheme.styles.css */
 /* start:UNSAFE_UserAssistance/themes/stable/UserAssistanceBaseTheme.styles.css */
 .UserAssistanceBaseTheme_baseTheme__1rv7xfv0 {
   --inlineTextColor__1n9ixz60: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
@@ -880,13 +887,6 @@
   --notificationCrossAxisOffset__5h4cac1: 0px;
 }
 /* end:UNSAFE_WindowOverlay/themes/stable/WindowOverlayBaseTheme.styles.css */
-/* start:UNSAFE_TextField/themes/stable/FormLayoutBaseTheme.styles.css */
-.FormLayoutBaseTheme_baseTheme__1vw20cf0 {
-  --startEdgeLabelToValuePadding__vm51h40: 1.5rem;
-  --startEdgeLabelTextAlign__vm51h41: end;
-  --topEdgeLabelToValuePadding__vm51h42: 0.5rem;
-}
-/* end:UNSAFE_TextField/themes/stable/FormLayoutBaseTheme.styles.css */
 /* start:UNSAFE_Avatar/themes/stable/AvatarBaseTheme.styles.css */
 .AvatarBaseTheme_baseTheme__1ocpbnd0 {
   --bgColor__n2nsgo0: ;

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__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/TrainVariants.styles2.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/UNSAFE_AspectRatio.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.4 */
+/* @oracle/oraclejet-preact: 15.1.5 */
 '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-e5072f18.js');
+var classNames = require('./classNames-9be98b10.js');
 require('./utils/UNSAFE_size.js');
 require('./UNSAFE_Theme.js');
-require('./utils-013053ee.js');
+require('./utils-302a51a4.js');
 require('./Common/themes/themeContract.css.js');
-require('./_curry1-aa96a8ba.js');
-require('./_curry3-61ede0db.js');
-require('./_curry2-4312e128.js');
-require('./_has-e2c68acb.js');
+require('./_curry1-0b6f3f91.js');
+require('./_curry3-f8fec1ad.js');
+require('./_curry2-a17eeaf0.js');
+require('./_has-fd104668.js');
 
 // AspectRatio uses the common padding-bottom as a percentage
 // hack to get aspect-ratio to work.
@@ -35,7 +35,7 @@ require('./_has-e2c68acb.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 = "xkccf1";
+const baseDivStyles = "_1pti2pj";
 // 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_AspectRatio.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_AspectRatio.js","sources":["../../src/UNSAFE_AspectRatio/AspectRatio.tsx","../../src/UNSAFE_AspectRatio/index.ts"],"sourcesContent":["import { VNode } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\n// AspectRatio uses the common padding-bottom as a percentage\n// hack to get aspect-ratio to work.\n// CSS now has an aspect-ratio attribute that makes this super easy.\n// aspect-ratio is supported in all major browsers, most recently in Safari 15.\n// https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio\n// However, it isn't until jet 14 that we drop support for Safari 14.\n// When jet 14 comes out we can replace the padding-bottom hack with aspect-ratio css property.\n// Also a user could just put aspect-ratio directly on their dom, instead of wrapping\n// it inside this AspectRatio component.\n\n// NOTE: padding-bottom has to be on a dom node that is the child of a dom node that has\n// width, not the same dom node. From css doc:\n// The size of the padding as a percentage, relative to the width of the containing block.\n// So the root dom node has the dimensions styling and the '::before' dom node\n// has the padding information.\n// 100%/ratio. 100/(4/3) = 75%\n// e.g., 16/9 = 56.25%, 4/3 = 75%, 1/1=100%, 2/1=50%\n\nconst baseDivStyles = cssProps`${{\n  position: 'relative',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n\n  '&::before': {\n    content: \"''\",\n    display: 'block',\n    paddingBottom: 'calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)))'\n  },\n  // TODO: Revisit. there is no support for combinators, but combinators are necessary for the AspectRatio component, so it's an exception.\n  /* @ts-ignore */\n  '& > :first-child': {\n    position: 'absolute',\n    top: '0',\n    bottom: '0',\n    left: '0',\n    right: '0',\n    width: '100%',\n    height: '100%'\n  },\n  /* @ts-ignore */\n  '& > img': {\n    objectFit: 'cover'\n  },\n  /* @ts-ignore */\n  '& > video': {\n    objectFit: 'cover'\n  }\n}}`;\n\n// common aspect ratios\n// The box’s preferred aspect ratio is the specified ratio of width / height.\n// The ratio has a '/' as a separator and not a ':' because the '/' is what\n// the CSS aspect-ratio uses.\n// TODO: Don't use fixed ratios. Let them specify any number\nexport const ratios = stringLiteralArray([\n  '9/16',\n  '1/1',\n  '6/5',\n  '5/4',\n  '4/3',\n  '11/8',\n  '1.43/1',\n  '3/2',\n  '14/9',\n  '16/10',\n  '1.6180/1',\n  '5/3',\n  '16/9',\n  '1.85/1',\n  '1.9/1',\n  '2/1',\n  '2.2/1',\n  '64/21',\n  '2.4/1',\n  '2.414/1',\n  '2.76/1',\n  '32/9',\n  '18/5',\n  '4/1'\n]);\ntype Ratio = typeof ratios[number];\n\nconst dimensions = stringLiteralArray(['maxWidth', 'minWidth', 'width']);\n\ntype Dimension = typeof dimensions[number];\n\n// This component has some StyleInterpolationProps. Those are the width properties of the DimensionProps.\ntype StyleInterpolationProps = Pick<DimensionProps, Dimension>;\n\ntype AspectRatioProps = StyleInterpolationProps & {\n  /**\n   * The box’s preferred aspect ratio is the specified ratio of width / height. When ratio is 1/1\n   * it is a square.\n   */\n  ratio?: Ratio;\n  /**\n   * The child.\n   */\n  children: VNode<any>;\n};\n\n// Create an array [dimensionInterpolations['maxWidth'], dimensionInterpolations['width'], dimensionInterpolations['minWidth']]\nconst widthDimensionInterpolation = Array.from(dimensions, (x) => dimensionInterpolations[x]);\nconst interpolations = mergeInterpolations<StyleInterpolationProps>(widthDimensionInterpolation);\n\n/**\n * The AspectRatio component displays its content with a certain ratio based on the dimension\n * properties. Overflow content is hidden.\n *\n * It uses a common padding-bottom hack to do this. In future versions it will\n * be implemented using the CSS's aspect-ratio property when the browsers we need to support\n * all have it. For example, Safari 15 has it, but we won't drop Safari 14 until jet 14.\n *\n */\nexport function AspectRatio({ children, ratio = '1/1', ...props }: AspectRatioProps) {\n  const { class: cls, ...styles } = interpolations(props);\n  const stylesWithAspectRatioVar = { ...styles, '--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio': ratio };\n  return (\n    <div class={classNames([baseDivStyles, cls])} style={stylesWithAspectRatioVar}>\n      {children}\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport * from './AspectRatio';\n"],"names":["baseDivStyles","ratios","stringLiteralArray","dimensions","widthDimensionInterpolation","Array","from","x","dimensionInterpolations","interpolations","mergeInterpolations","AspectRatio","children","ratio","props","class","cls","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAAA,aAAA,GA6BC,QAAA,CAAA;AAED;AACA;AACA;AACA;AACA;AACA,MAAAC,MAAA,GAAAC,0CAAA,CAAA,0MAyBC,EAAA;AAGD,MAAAC,UAAA,GAAAD,0CAAA,CAAA,CAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAAA,CAAA,CAAA;AAmBA;AACA,MAAAE,2BAAA,GAAAC,KAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,CAAA,IAAAC,8DAAA,CAAAD,CAAA,CAAA,CAAA,CAAA;AACA,MAAAE,cAAA,GAAAC,oDAAA,CAAAN,2BAAA,CAAA,CAAA;AAEA;;;;;;;;AAQG;AACH,SAAAO,WAAAA,CAAA;EAAAC,QAAA;AAAAC,EAAAA,KAAA,GAAA,KAAA;EAAA,GAAAC,KAAAA;AAAA,CAAA,EAAA;EACE,MAAA;AAAAC,IAAAA,KAAA,EAAAC,GAAA;IAAA,GAAAC,MAAAA;AAAA,GAAA,GAAAR,cAAA,CAAAK,KAAA,CAAA,CAAA;;;;;;;;;;AAOF;;AClIA;;;;;;AAMG;;;;;"}
+{"version":3,"file":"UNSAFE_AspectRatio.js","sources":["../../src/UNSAFE_AspectRatio/AspectRatio.tsx","../../src/UNSAFE_AspectRatio/index.ts"],"sourcesContent":["import { VNode } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\n// AspectRatio uses the common padding-bottom as a percentage\n// hack to get aspect-ratio to work.\n// CSS now has an aspect-ratio attribute that makes this super easy.\n// aspect-ratio is supported in all major browsers, most recently in Safari 15.\n// https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio\n// However, it isn't until jet 14 that we drop support for Safari 14.\n// When jet 14 comes out we can replace the padding-bottom hack with aspect-ratio css property.\n// Also a user could just put aspect-ratio directly on their dom, instead of wrapping\n// it inside this AspectRatio component.\n\n// NOTE: padding-bottom has to be on a dom node that is the child of a dom node that has\n// width, not the same dom node. From css doc:\n// The size of the padding as a percentage, relative to the width of the containing block.\n// So the root dom node has the dimensions styling and the '::before' dom node\n// has the padding information.\n// 100%/ratio. 100/(4/3) = 75%\n// e.g., 16/9 = 56.25%, 4/3 = 75%, 1/1=100%, 2/1=50%\n\nconst baseDivStyles = cssProps`${{\n  position: 'relative',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n\n  '&::before': {\n    content: \"''\",\n    display: 'block',\n    paddingBottom: 'calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)))'\n  },\n  // TODO: Revisit. there is no support for combinators, but combinators are necessary for the AspectRatio component, so it's an exception.\n  /* @ts-ignore */\n  '& > :first-child': {\n    position: 'absolute',\n    top: '0',\n    bottom: '0',\n    left: '0',\n    right: '0',\n    width: '100%',\n    height: '100%'\n  },\n  /* @ts-ignore */\n  '& > img': {\n    objectFit: 'cover'\n  },\n  /* @ts-ignore */\n  '& > video': {\n    objectFit: 'cover'\n  }\n}}`;\n\n// common aspect ratios\n// The box’s preferred aspect ratio is the specified ratio of width / height.\n// The ratio has a '/' as a separator and not a ':' because the '/' is what\n// the CSS aspect-ratio uses.\n// TODO: Don't use fixed ratios. Let them specify any number\nexport const ratios = stringLiteralArray([\n  '9/16',\n  '1/1',\n  '6/5',\n  '5/4',\n  '4/3',\n  '11/8',\n  '1.43/1',\n  '3/2',\n  '14/9',\n  '16/10',\n  '1.6180/1',\n  '5/3',\n  '16/9',\n  '1.85/1',\n  '1.9/1',\n  '2/1',\n  '2.2/1',\n  '64/21',\n  '2.4/1',\n  '2.414/1',\n  '2.76/1',\n  '32/9',\n  '18/5',\n  '4/1'\n]);\ntype Ratio = typeof ratios[number];\n\nconst dimensions = stringLiteralArray(['maxWidth', 'minWidth', 'width']);\n\ntype Dimension = typeof dimensions[number];\n\n// This component has some StyleInterpolationProps. Those are the width properties of the DimensionProps.\ntype StyleInterpolationProps = Pick<DimensionProps, Dimension>;\n\ntype AspectRatioProps = StyleInterpolationProps & {\n  /**\n   * The box’s preferred aspect ratio is the specified ratio of width / height. When ratio is 1/1\n   * it is a square.\n   */\n  ratio?: Ratio;\n  /**\n   * The child.\n   */\n  children: VNode<any>;\n};\n\n// Create an array [dimensionInterpolations['maxWidth'], dimensionInterpolations['width'], dimensionInterpolations['minWidth']]\nconst widthDimensionInterpolation = Array.from(dimensions, (x) => dimensionInterpolations[x]);\nconst interpolations = mergeInterpolations<StyleInterpolationProps>(widthDimensionInterpolation);\n\n/**\n * The AspectRatio component displays its content with a certain ratio based on the dimension\n * properties. Overflow content is hidden.\n *\n * It uses a common padding-bottom hack to do this. In future versions it will\n * be implemented using the CSS's aspect-ratio property when the browsers we need to support\n * all have it. For example, Safari 15 has it, but we won't drop Safari 14 until jet 14.\n *\n */\nexport function AspectRatio({ children, ratio = '1/1', ...props }: AspectRatioProps) {\n  const { class: cls, ...styles } = interpolations(props);\n  const stylesWithAspectRatioVar = { ...styles, '--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio': ratio };\n  return (\n    <div class={classNames([baseDivStyles, cls])} style={stylesWithAspectRatioVar}>\n      {children}\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport * from './AspectRatio';\n"],"names":["baseDivStyles","ratios","stringLiteralArray","dimensions","widthDimensionInterpolation","Array","from","x","dimensionInterpolations","interpolations","mergeInterpolations","AspectRatio","children","ratio","props","class","cls","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAAA,aAAA,GA6BC,UAAA,CAAA;AAED;AACA;AACA;AACA;AACA;AACA,MAAAC,MAAA,GAAAC,0CAAA,CAAA,0MAyBC,EAAA;AAGD,MAAAC,UAAA,GAAAD,0CAAA,CAAA,CAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAAA,CAAA,CAAA;AAmBA;AACA,MAAAE,2BAAA,GAAAC,KAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,CAAA,IAAAC,8DAAA,CAAAD,CAAA,CAAA,CAAA,CAAA;AACA,MAAAE,cAAA,GAAAC,oDAAA,CAAAN,2BAAA,CAAA,CAAA;AAEA;;;;;;;;AAQG;AACH,SAAAO,WAAAA,CAAA;EAAAC,QAAA;AAAAC,EAAAA,KAAA,GAAA,KAAA;EAAA,GAAAC,KAAAA;AAAA,CAAA,EAAA;EACE,MAAA;AAAAC,IAAAA,KAAA,EAAAC,GAAA;IAAA,GAAAC,MAAAA;AAAA,GAAA,GAAAR,cAAA,CAAAK,KAAA,CAAA,CAAA;;;;;;;;;;AAOF;;AClIA;;;;;;AAMG;;;;;"}

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

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