@oracle/oraclejet-preact 15.1.6 → 15.1.7

package/cjs/TextFieldInput-78a787a8.js

@@ -0,0 +1,92 @@
+/* @oracle/oraclejet-preact: 15.1.7 */
+'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-0ed740a0.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-78a787a8.js.map

package/cjs/TextFieldInput-78a787a8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldInput-78a787a8.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

@@ -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,6 @@
   --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)));
-}
-/* end:UNSAFE_Radio/themes/redwood/RadioBaseTheme.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);

package/cjs/TooltipContentVariants.styles.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/TooltipContentVariants.styles2.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/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.6 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 '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-8928fe0e.js');
+var classNames = require('./classNames-0ed740a0.js');
 require('./utils/UNSAFE_size.js');
 require('./UNSAFE_Theme.js');
-require('./utils-4eac5b49.js');
+require('./utils-eecc07a9.js');
 require('./Common/themes/themeContract.css.js');
-require('./_curry1-5f35c69d.js');
-require('./_curry3-1b9dc285.js');
-require('./_curry2-69c5fedc.js');
-require('./_has-f3c4e124.js');
+require('./_curry1-a5e2c3c7.js');
+require('./_curry3-92c3c96d.js');
+require('./_curry2-04e8c64c.js');
+require('./_has-2aaa635d.js');
 
 // AspectRatio uses the common padding-bottom as a percentage
 // hack to get aspect-ratio to work.
@@ -35,7 +35,7 @@ require('./_has-f3c4e124.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 = "_2u6vmx";
+const baseDivStyles = "hrcqvd";
 // 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,SAAA,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,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;;;;;"}

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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.6 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 '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.6 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 '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.6 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 '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.6 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 '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-63fc9a52.js');
+require('../../../vanilla-extract-recipes-createRuntimeFn.esm-3ceb0e7f.js');
 
 /*******************
  * Component Theme

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

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.1.6 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 
 
-var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-63fc9a52.js');
+var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-3ceb0e7f.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.6 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 '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.6 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 '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-63fc9a52.js');
+require('../../../vanilla-extract-recipes-createRuntimeFn.esm-3ceb0e7f.js');
 
 /*******************
  * Component Theme

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

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.1.6 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 
 
-var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-63fc9a52.js');
+var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-3ceb0e7f.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']]});
 

package/cjs/UNSAFE_Avatar.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.6 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,17 +7,17 @@ var jsxRuntime = require('preact/jsx-runtime');
 require('./utils/UNSAFE_classNames.js');
 var hooks_UNSAFE_useComponentTheme = require('./hooks/UNSAFE_useComponentTheme.js');
 var UNSAFE_Avatar_themes_redwood_AvatarTheme = require('./UNSAFE_Avatar/themes/redwood/AvatarTheme.js');
-var classNames = require('./classNames-8928fe0e.js');
+var classNames = require('./classNames-0ed740a0.js');
 require('./utils/UNSAFE_logger.js');
-require('./_curry1-5f35c69d.js');
-require('./_curry2-69c5fedc.js');
+require('./_curry1-a5e2c3c7.js');
+require('./_curry2-04e8c64c.js');
 require('./UNSAFE_Avatar/themes/AvatarStyles.css.js');
 
 require('./UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.css.js');
 
 require('./UNSAFE_Avatar/themes/redwood/AvatarVariants.css.js');
 
-require('./vanilla-extract-recipes-createRuntimeFn.esm-63fc9a52.js');
+require('./vanilla-extract-recipes-createRuntimeFn.esm-3ceb0e7f.js');
 
 /**
  * An avatar represents a person or entity as initials or an image.

package/cjs/UNSAFE_Badge/themes/BadgeContract.css.js

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

package/cjs/UNSAFE_Badge/themes/BadgeStyles.css.js

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

package/cjs/UNSAFE_Badge/themes/redwood/BadgeTheme.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.6 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,7 +9,7 @@ var UNSAFE_Badge_themes_redwood_BadgeVariants_css = require('./BadgeVariants.css
 
 
 
-require('../../../vanilla-extract-recipes-createRuntimeFn.esm-63fc9a52.js');
+require('../../../vanilla-extract-recipes-createRuntimeFn.esm-3ceb0e7f.js');
 
 /*******************
  * Component Theme

package/cjs/UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.css.js

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

package/cjs/UNSAFE_Badge/themes/redwood/BadgeVariants.css.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.1.6 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 
 
-var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-63fc9a52.js');
+var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-3ceb0e7f.js');
 
 var multiVariantStyles = vanillaExtractRecipesCreateRuntimeFn_esm.createRuntimeFn({defaultClassName:'BadgeStyles_base__r1bnwu0',variantClassNames:{edge:{none:'BadgeVariants_multiVariantStyles_edge_none__24kjgj0',end:'BadgeVariants_multiVariantStyles_edge_end__24kjgj1'},size:{sm:'BadgeVariants_multiVariantStyles_size_sm__24kjgj2',md:'BadgeVariants_multiVariantStyles_size_md__24kjgj3'},variant:{neutral:'BadgeVariants_multiVariantStyles_variant_neutral__24kjgj4',danger:'BadgeVariants_multiVariantStyles_variant_danger__24kjgj5',warning:'BadgeVariants_multiVariantStyles_variant_warning__24kjgj6',success:'BadgeVariants_multiVariantStyles_variant_success__24kjgj7',info:'BadgeVariants_multiVariantStyles_variant_info__24kjgj8',neutralSubtle:'BadgeVariants_multiVariantStyles_variant_neutralSubtle__24kjgj9',dangerSubtle:'BadgeVariants_multiVariantStyles_variant_dangerSubtle__24kjgja',warningSubtle:'BadgeVariants_multiVariantStyles_variant_warningSubtle__24kjgjb',successSubtle:'BadgeVariants_multiVariantStyles_variant_successSubtle__24kjgjc',infoSubtle:'BadgeVariants_multiVariantStyles_variant_infoSubtle__24kjgjd'}},defaultVariants:{variant:'neutral',size:'md'},compoundVariants:[]});
 

package/cjs/UNSAFE_Badge/themes/stable/BadgeTheme.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.6 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,7 +9,7 @@ var UNSAFE_Badge_themes_stable_BadgeVariants_css = require('./BadgeVariants.css.
 
 
 
-require('../../../vanilla-extract-recipes-createRuntimeFn.esm-63fc9a52.js');
+require('../../../vanilla-extract-recipes-createRuntimeFn.esm-3ceb0e7f.js');
 
 /*******************
  * Component Theme

package/cjs/UNSAFE_Badge/themes/stable/BadgeThemeBaseTheme.css.js

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

package/cjs/UNSAFE_Badge/themes/stable/BadgeVariants.css.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.1.6 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 
 
-var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-63fc9a52.js');
+var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../../vanilla-extract-recipes-createRuntimeFn.esm-3ceb0e7f.js');
 
 var multiVariantStyles = vanillaExtractRecipesCreateRuntimeFn_esm.createRuntimeFn({defaultClassName:'BadgeStyles_base__r1bnwu0',variantClassNames:{edge:{none:'BadgeVariants_multiVariantStyles_edge_none__1h6m6d70',end:'BadgeVariants_multiVariantStyles_edge_end__1h6m6d71'},size:{sm:'BadgeVariants_multiVariantStyles_size_sm__1h6m6d72',md:'BadgeVariants_multiVariantStyles_size_md__1h6m6d73'},variant:{neutral:'BadgeVariants_multiVariantStyles_variant_neutral__1h6m6d74',danger:'BadgeVariants_multiVariantStyles_variant_danger__1h6m6d75',warning:'BadgeVariants_multiVariantStyles_variant_warning__1h6m6d76',success:'BadgeVariants_multiVariantStyles_variant_success__1h6m6d77',info:'BadgeVariants_multiVariantStyles_variant_info__1h6m6d78',neutralSubtle:'BadgeVariants_multiVariantStyles_variant_neutralSubtle__1h6m6d79',dangerSubtle:'BadgeVariants_multiVariantStyles_variant_dangerSubtle__1h6m6d7a',warningSubtle:'BadgeVariants_multiVariantStyles_variant_warningSubtle__1h6m6d7b',successSubtle:'BadgeVariants_multiVariantStyles_variant_successSubtle__1h6m6d7c',infoSubtle:'BadgeVariants_multiVariantStyles_variant_infoSubtle__1h6m6d7d'}},defaultVariants:{variant:'neutral',size:'md'},compoundVariants:[]});
 

package/cjs/UNSAFE_Badge.js

@@ -1,14 +1,14 @@
-/* @oracle/oraclejet-preact: 15.1.6 */
+/* @oracle/oraclejet-preact: 15.1.7 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Badge = require('./Badge-32ab60f1.js');
+var Badge = require('./Badge-1ba089d3.js');
 require('preact/jsx-runtime');
 require('./hooks/UNSAFE_useComponentTheme.js');
 require('./utils/UNSAFE_logger.js');
-require('./_curry1-5f35c69d.js');
-require('./_curry2-69c5fedc.js');
+require('./_curry1-a5e2c3c7.js');
+require('./_curry2-04e8c64c.js');
 require('./UNSAFE_Badge/themes/redwood/BadgeTheme.js');
 require('./UNSAFE_Badge/themes/BadgeStyles.css.js');
 
@@ -16,7 +16,7 @@ require('./UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.css.js');
 
 require('./UNSAFE_Badge/themes/redwood/BadgeVariants.css.js');
 
-require('./vanilla-extract-recipes-createRuntimeFn.esm-63fc9a52.js');
+require('./vanilla-extract-recipes-createRuntimeFn.esm-3ceb0e7f.js');