@oracle/oraclejet-preact 15.0.7 → 15.1.1

package/es/UNSAFE_TextField/themes/stable/TextFieldBaseTheme.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 import './../../../TextFieldStyles.styles.css';
 import './TextFieldBaseTheme.styles.css';
 

package/es/UNSAFE_TextField/themes/stable/TextFieldInputTheme.js

@@ -1,8 +1,8 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 import { variants, textFieldInputStyles } from '../TextFieldInputStyles.css.js';
 import { multiVariantStyles } from './TextFieldInputVariants.css.js';
 import './../../../TextFieldInputStyles.styles.css';
-import '../../../vanilla-extract-recipes-createRuntimeFn.esm-83958e08.js';
+import '../../../vanilla-extract-recipes-createRuntimeFn.esm-7efac76f.js';
 
 const TextFieldInputStableTheme = {
     multiVariantStyles,

package/es/UNSAFE_TextField/themes/stable/TextFieldInputVariants.css.js

@@ -1,6 +1,6 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 import './../../../TextFieldInputStyles.styles.css';
-import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-83958e08.js';
+import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-7efac76f.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'TextFieldInputStyles_textFieldInputBase__lkfh4l0',variantClassNames:{styleVariant:{'default':'TextFieldInputStyles_textFieldInputDefault__lkfh4le',embedded:'TextFieldInputStyles_textFieldInputEmbedded__lkfh4lh'},textarea:{isTextArea:'',notTextArea:''},input:{isInput:'',notInput:''},insideLabel:{hasInsideLabel:'TextFieldInputStyles_labelInsideBase__lkfh4l5',noInsideLabel:''},disabled:{isDisabled:'TextFieldInputStyles_textFieldInputDisabledColor__lkfh4lb',notDisabled:'TextFieldInputStyles_textFieldInputDefaultColor__lkfh4la'},type:{isPassword:'TextFieldInputStyles_textFieldPassword__lkfh4l3',notPassword:''},startContent:{hasStartContent:'TextFieldInputStyles_hasStartContent__lkfh4l8',noStartContent:''},endContent:{hasEndContent:'TextFieldInputStyles_hasEndContent__lkfh4l9',noEndContent:''},prefix:{hasPrefix:'TextFieldInputStyles_hasPrefix__lkfh4lc',noPrefix:''},suffix:{hasSuffix:'TextFieldInputStyles_hasSuffix__lkfh4ld',noSuffix:''},value:{hasValue:'',noValue:''},focused:{isFocused:'',notFocused:''}},defaultVariants:{},compoundVariants:[[{styleVariant:'default',textarea:'isTextArea'},'TextFieldInputStyles_textFieldTextarea__lkfh4l2'],[{styleVariant:'default',input:'isInput'},'TextFieldInputStyles_textFieldInput__lkfh4l1'],[{styleVariant:'default',type:'isPassword'},'TextFieldInputStyles_textFieldPassword__lkfh4l3'],[{styleVariant:'default',startContent:'noStartContent',prefix:'noPrefix'},'TextFieldInputStyles_defaultPaddingStart__lkfh4lf'],[{styleVariant:'default',endContent:'noEndContent',suffix:'noSuffix'},'TextFieldInputStyles_defaultPaddingEnd__lkfh4lg'],[{insideLabel:'hasInsideLabel',textarea:'isTextArea'},'TextFieldInputStyles_textareaLabelInsideBase__lkfh4l6'],[{insideLabel:'hasInsideLabel',value:'noValue',focused:'isFocused'},'TextFieldInputStyles_labelInsideNoValueAndHasFocus__lkfh4l7'],[{insideLabel:'noInsideLabel',textarea:'notTextArea'},'TextFieldInputStyles_labelDefaultPadding__lkfh4l4'],[{startContent:'hasStartContent',prefix:'hasPrefix'},'TextFieldInputStyles_hasStartContent__lkfh4l8'],[{endContent:'hasEndContent',suffix:'noSuffix'},'TextFieldInputStyles_hasEndContent__lkfh4l9']]});
 

package/es/UNSAFE_TextField/themes/stable/TextFieldTheme.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 import { variants, styles } from '../TextFieldStyles.css.js';
 import { baseTheme } from './TextFieldBaseTheme.css.js';
 import { multiVariantStyles } from './TextFieldVariants.css.js';
@@ -6,8 +6,8 @@ import './../../../SkeletonStyles.styles.css';
 import './../../../TextFieldLoadingStyles.styles.css';
 import './../../../TextFieldStyles.styles.css';
 import './TextFieldBaseTheme.styles.css';
-import './../../../TextFieldVariants.styles.css';
-import '../../../vanilla-extract-recipes-createRuntimeFn.esm-83958e08.js';
+import './../../../TextFieldVariants.styles2.css';
+import '../../../vanilla-extract-recipes-createRuntimeFn.esm-7efac76f.js';
 
 const TextFieldStableTheme = {
     baseTheme,

package/es/UNSAFE_TextField/themes/stable/TextFieldVariants.css.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 import './../../../SkeletonStyles.styles.css';
 import './../../../TextFieldLoadingStyles.styles.css';
 import './../../../TextFieldStyles.styles.css';
-import './../../../TextFieldVariants.styles.css';
-import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-83958e08.js';
+import './../../../TextFieldVariants.styles2.css';
+import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-7efac76f.js';
 
-var multiVariantStyles = createRuntimeFn({defaultClassName:'',variantClassNames:{styleVariant:{'default':'TextFieldStyles_textFieldContainerDefault__952vaf2 TextFieldStyles_textFieldContainerShowBorder__952vaf4',embedded:'TextFieldStyles_textFieldContainerEmbedded__952vaf3'},statusVariant:{error:'',none:'',warning:''},contentVariant:{input:'',textarea:''},insideLabel:{hasInsideLabel:'',noInsideLabel:''},resize:{horizontal:'TextFieldStyles_textFieldContainerResizeHorizontal__952vaf9',vertical:'TextFieldStyles_textFieldContainerResizeVertical__952vafa',both:'TextFieldStyles_textFieldContainerResizeBoth__952vaf8',none:''},disabled:{isDisabled:'TextFieldStyles_textFieldContainerDisabled__952vafb',notDisabled:''},focused:{isFocused:'',notFocused:''},loading:{isLoading:'TextFieldLoadingStyles_loadingStyles__1aqgcm00',notLoading:''},readonly:{isReadonly:'',notReadonly:'TextFieldStyles_textFieldNotReadonly__952vafp'},formControlInsideLabel:{hasInsideLabel:'TextFieldStyles_formControlLabelInside__952vafr',noInsideLabel:''},inputGroupPosition:{groupLeft:'',groupRight:'',groupMiddle:''},withinGroup:{isWithinGroup:''}},defaultVariants:{},compoundVariants:[[{styleVariant:'embedded',statusVariant:'warning'},'TextFieldStyles_textFieldContainerShowBorder__952vaf4'],[{styleVariant:'embedded',statusVariant:'error'},'TextFieldStyles_textFieldContainerShowBorder__952vaf4'],[{styleVariant:'default',insideLabel:'hasInsideLabel'},'TextFieldStyles_textFieldContainerLabelInside__952vaf6'],[{styleVariant:'default',focused:'isFocused'},'TextFieldStyles_textFieldContainerFocused__952vaf7'],[{styleVariant:'default',contentVariant:'textarea'},'TextFieldStyles_textFieldContainerTextarea__952vaf5'],[{disabled:'notDisabled',statusVariant:'error'},'TextFieldStyles_textFieldContainerError__952vafc TextFieldStyles_textFieldContainerErrorFocused__952vafd'],[{disabled:'notDisabled',statusVariant:'warning'},'TextFieldStyles_textFieldContainerWarning__952vafe TextFieldStyles_textFieldContainerWarningFocused__952vaff'],[{withinGroup:'isWithinGroup',focused:'isFocused'},'TextFieldVariants_multiVariantStyles_compound_7__vaf9zit'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupLeft'},'TextFieldVariants_multiVariantStyles_compound_8__vaf9ziu'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupRight'},'TextFieldVariants_multiVariantStyles_compound_9__vaf9ziv'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupMiddle'},'TextFieldVariants_multiVariantStyles_compound_10__vaf9ziw'],[{withinGroup:'isWithinGroup',insideLabel:'noInsideLabel'},'TextFieldVariants_multiVariantStyles_compound_11__vaf9zix']]});
+var multiVariantStyles = createRuntimeFn({defaultClassName:'',variantClassNames:{styleVariant:{'default':'TextFieldStyles_textFieldContainerDefault__952vaf2 TextFieldStyles_textFieldContainerShowBorder__952vaf4',embedded:'TextFieldStyles_textFieldContainerEmbedded__952vaf3'},statusVariant:{error:'',none:'',warning:''},contentVariant:{input:'',textarea:''},startContent:{hasInsideLabel:'TextFieldVariants_multiVariantStyles_startContent_hasInsideLabel__vaf9zi7',noInsideLabel:''},insideLabel:{hasInsideLabel:'',noInsideLabel:''},resize:{horizontal:'TextFieldStyles_textFieldContainerResizeHorizontal__952vaf9',vertical:'TextFieldStyles_textFieldContainerResizeVertical__952vafa',both:'TextFieldStyles_textFieldContainerResizeBoth__952vaf8',none:''},disabled:{isDisabled:'TextFieldStyles_textFieldContainerDisabled__952vafb',notDisabled:''},focused:{isFocused:'',notFocused:''},loading:{isLoading:'TextFieldLoadingStyles_loadingStyles__1aqgcm00',notLoading:''},readonly:{isReadonly:'',notReadonly:'TextFieldStyles_textFieldNotReadonly__952vafm'},formControlInsideLabel:{hasInsideLabel:'TextFieldStyles_formControlLabelInside__952vafo',noInsideLabel:''},inputGroupPosition:{groupLeft:'',groupRight:'',groupMiddle:''},withinGroup:{isWithinGroup:''},startContentMargin:{hasStartMargin:'TextFieldVariants_multiVariantStyles_startContentMargin_hasStartMargin__vaf9zit',noStartMargin:'TextFieldVariants_multiVariantStyles_startContentMargin_noStartMargin__vaf9ziu'},startContentDisabled:{isDisabled:'TextFieldVariants_multiVariantStyles_startContentDisabled_isDisabled__vaf9ziv',notDisabled:''},middleContent:{input:'TextFieldStyles_textFieldMiddleBase__952vafg',textarea:'TextFieldStyles_textFieldMiddleBase__952vafg TextFieldStyles_textFieldMiddleTextarea__952vafh'},endContent:{hasInsideLabel:'TextFieldStyles_textFieldEndContentBase__952vafi TextFieldStyles_textFieldEndContentLabelInside__952vafj',noInsideLabel:'TextFieldStyles_textFieldEndContentBase__952vafi'}},defaultVariants:{},compoundVariants:[[{styleVariant:'embedded',statusVariant:'warning'},'TextFieldStyles_textFieldContainerShowBorder__952vaf4'],[{styleVariant:'embedded',statusVariant:'error'},'TextFieldStyles_textFieldContainerShowBorder__952vaf4'],[{styleVariant:'default',insideLabel:'hasInsideLabel'},'TextFieldStyles_textFieldContainerLabelInside__952vaf6'],[{styleVariant:'default',focused:'isFocused'},'TextFieldStyles_textFieldContainerFocused__952vaf7'],[{styleVariant:'default',contentVariant:'textarea'},'TextFieldStyles_textFieldContainerTextarea__952vaf5'],[{disabled:'notDisabled',statusVariant:'error'},'TextFieldStyles_textFieldContainerError__952vafc TextFieldStyles_textFieldContainerErrorFocused__952vafd'],[{disabled:'notDisabled',statusVariant:'warning'},'TextFieldStyles_textFieldContainerWarning__952vafe TextFieldStyles_textFieldContainerWarningFocused__952vaff'],[{withinGroup:'isWithinGroup',focused:'isFocused'},'TextFieldVariants_multiVariantStyles_compound_7__vaf9zi13'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupLeft'},'TextFieldVariants_multiVariantStyles_compound_8__vaf9zi14'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupRight'},'TextFieldVariants_multiVariantStyles_compound_9__vaf9zi15'],[{withinGroup:'isWithinGroup',inputGroupPosition:'groupMiddle'},'TextFieldVariants_multiVariantStyles_compound_10__vaf9zi16'],[{withinGroup:'isWithinGroup',insideLabel:'noInsideLabel'},'TextFieldVariants_multiVariantStyles_compound_11__vaf9zi17']]});
 
 export { multiVariantStyles };
 //# sourceMappingURL=TextFieldVariants.css.js.map

package/es/UNSAFE_TextField.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
-export { R as ReadonlyTextFieldInput } from './ReadonlyTextFieldInput-71b0de7d.js';
+/* @oracle/oraclejet-preact: 15.1.1 */
+export { R as ReadonlyTextFieldInput } from './ReadonlyTextFieldInput-3adb84f1.js';
 import { jsxs, jsx, Fragment } from 'preact/jsx-runtime';
 import { useFormContext } from './hooks/UNSAFE_useFormContext.js';
 import { LabelValueLayout } from './UNSAFE_LabelValueLayout.js';
@@ -12,11 +12,11 @@ import { TextFieldRedwoodTheme } from './UNSAFE_TextField/themes/redwood/TextFie
 import { LabelRedwoodTheme } from './UNSAFE_Label/themes/redwood/LabelTheme.js';
 import { FormLayoutRedwoodTheme } from './UNSAFE_TextField/themes/redwood/FormLayoutTheme.js';
 import { ReadonlyTextFieldRedwoodTheme } from './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js';
-import { c as classNames } from './classNames-0a29db39.js';
+import { c as classNames } from './classNames-300fff97.js';
 import './UNSAFE_Flex.js';
-import { F as Flex } from './Flex-f39324bd.js';
+import { F as Flex } from './Flex-f4872f0e.js';
 import { SkeletonRedwoodTheme } from './UNSAFE_Skeleton/themes/redwood/SkeletonTheme.js';
-export { T as TextFieldInput, g as getInputId } from './TextFieldInput-b4d92504.js';
+export { T as TextFieldInput, g as getInputId } from './TextFieldInput-b995bdf2.js';
 import { Fragment as Fragment$1 } from 'preact';
 import { useDebounce } from './hooks/UNSAFE_useDebounce.js';
 import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
@@ -26,20 +26,20 @@ import 'preact/hooks';
 import './hooks/UNSAFE_useTabbableMode.js';
 import './utils/UNSAFE_interpolations/text.js';
 
-import './index-0211f722.js';
+import './index-9259286d.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry1-2b060aa7.js';
-import './_curry3-62f16a7b.js';
-import './_curry2-cf5133c4.js';
-import './_has-0ec84ec6.js';
+import './_curry1-0d8f0200.js';
+import './_curry3-0a3cd2f5.js';
+import './_curry2-4e7a9738.js';
+import './_has-fcf49934.js';
 import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme.js';
 import './UNSAFE_TextField/themes/ReadonlyTextFieldInputStyles.css.js';
 import './ReadonlyTextFieldInputStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css.js';
-import './vanilla-extract-recipes-createRuntimeFn.esm-83958e08.js';
+import './vanilla-extract-recipes-createRuntimeFn.esm-7efac76f.js';
 import './utils/UNSAFE_size.js';
 import './UNSAFE_Theme.js';
-import './utils-1412d95e.js';
+import './utils-dd00e9a1.js';
 import './Common/themes/themeContract.css.js';
 import './LabelValueLayoutStyles.styles.css';
 import './UNSAFE_Radio/themes/redwood/RadioTheme.js';
@@ -51,11 +51,11 @@ import './UNSAFE_Radio/themes/redwood/RadioVariants.css.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-6e858f79.js';
+import './keys-7f6c9351.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
-import './flexbox-215b4380.js';
+import './flexbox-284c9b71.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
-import './flexitem-517a6c79.js';
+import './flexitem-cb912c67.js';
 import './utils/UNSAFE_logger.js';
 import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
 import './SkeletonStyles.styles.css';
@@ -64,7 +64,7 @@ import './TextFieldStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css.js';
 import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.styles.css';
 import './UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js';
-import './TextFieldVariants.styles2.css';
+import './TextFieldVariants.styles.css';
 import './UNSAFE_Label/themes/LabelStyles.css.js';
 import './LabelStyles.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelBaseTheme.css.js';
@@ -73,7 +73,7 @@ import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
 import './UNSAFE_TextField/themes/FormLayoutStyles.css.js';
 import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js';
 import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css';
-import './index-ce087f96.js';
+import './index-a9eb5a83.js';
 import './Common.js';
 import './Common/themes.js';
 import './Common/themes/redwood/theme.js';
@@ -81,14 +81,14 @@ import 'preact/compat';
 import './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css.js';
 import './ReadonlyTextFieldStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css.js';
-import './ReadonlyTextFieldVariants.styles2.css';
+import './ReadonlyTextFieldVariants.styles.css';
 import './UNSAFE_Skeleton/themes/SkeletonStyles.css.js';
 import './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css.js';
 import './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css';
 import './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css.js';
 import './hooks/UNSAFE_useTextFieldInputHandlers.js';
 import './utils/PRIVATE_clientHints.js';
-import './clientHints-612a38c2.js';
+import './clientHints-8e4b81db.js';
 import './utils/UNSAFE_mergeProps.js';
 import './UNSAFE_TextField/themes/redwood/TextFieldInputTheme.js';
 import './UNSAFE_TextField/themes/TextFieldInputStyles.css.js';
@@ -151,7 +151,7 @@ const ReadonlyTextField = ({ label, labelEdge, children, variant, ...props }) =>
 // and end pieces of the form component.
 // This does not include user assistance because that is rendered outside the
 // oj-text-field-container; that is rendered in the TextField component.
-const TextFieldContent = ({ contentVariant = 'input', insideLabel, mainContent, startContent, statusVariant = 'none', styleVariant = 'default', endContent, resize, rootRef }) => {
+const TextFieldContent = ({ contentVariant = 'input', insideLabel, mainContent, startContent, statusVariant = 'none', styleVariant = 'default', endContent, resize, rootRef, hasZeroStartMargin }) => {
     const { isDisabled, isFocused, isLoading } = useFormFieldContext();
     const { direction } = useUser();
     const isLtr = direction === 'ltr';
@@ -171,7 +171,7 @@ const TextFieldContent = ({ contentVariant = 'input', insideLabel, mainContent,
                     : 'groupRight'
                 : 'groupMiddle'
         : undefined;
-    const { variantClasses, styles } = useComponentTheme(TextFieldRedwoodTheme, {
+    const { variantClasses, styles: { textFieldContainerBase } } = useComponentTheme(TextFieldRedwoodTheme, {
         statusVariant,
         styleVariant,
         contentVariant,
@@ -183,20 +183,13 @@ const TextFieldContent = ({ contentVariant = 'input', insideLabel, mainContent,
         withinGroup: hasGroupContext ? 'isWithinGroup' : undefined,
         inputGroupPosition
     });
-    const { textFieldContainerBase, textFieldStartContentLabelInside, textFieldStartContentBase, textFieldStartContentDisabled, textFieldMiddleBase, textFieldMiddleTextarea, textFieldEndContentBase, textFieldEndContentLabelInside } = styles;
-    const startContentStyles = classNames([
-        textFieldStartContentBase,
-        hasInsideLabel && textFieldStartContentLabelInside,
-        isDisabled && textFieldStartContentDisabled
-    ]);
-    const middleStyles = classNames([
-        textFieldMiddleBase,
-        contentVariant === 'textarea' && textFieldMiddleTextarea
-    ]);
-    const endContentStyles = classNames([
-        textFieldEndContentBase,
-        hasInsideLabel && textFieldEndContentLabelInside
-    ]);
+    const { variantClasses: startContentStyles } = useComponentTheme(TextFieldRedwoodTheme, {
+        startContent: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',
+        startContentMargin: hasZeroStartMargin ? 'noStartMargin' : 'hasStartMargin',
+        startContentDisabled: isDisabled ? 'isDisabled' : 'notDisabled'
+    });
+    const { variantClasses: middleStyles } = useComponentTheme(TextFieldRedwoodTheme, { middleContent: contentVariant });
+    const { variantClasses: endContentStyles } = useComponentTheme(TextFieldRedwoodTheme, { endContent: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel' });
     return (jsxs("div", { role: "presentation", class: classNames([variantClasses, textFieldContainerBase]), ref: rootRef, children: [startContent && (jsx("span", { class: startContentStyles, children: jsx(Flex, { justify: "center", align: "center", hasZeroMargins: true, children: startContent }) })), jsxs("div", { class: middleStyles, children: [insideLabel, mainContent] }), endContent && (jsx("span", { class: endContentStyles, children: jsx(Flex, { justify: "center", align: "center", hasZeroMargins: true, children: endContent }) }))] }));
 };
 
@@ -234,7 +227,7 @@ const StyledTextField = ({ hasInsideLabel = false, variant = 'default', ...props
 // TODO: Instead of passing the inputElem, label, and userAssistance as named props here, should we
 // have a separate layout component that lays them out, which could just be passed as a child
 // to the TextField?  (from review on 3/8/22)
-const TextField = ({ contentVariant, id, endContent, mainContent, startContent, compactUserAssistance, inlineUserAssistance, label, labelEdge, labelStartWidth, mainFieldRef, resize, statusVariant, styleVariant, onFocus, onBlur, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave }) => {
+const TextField = ({ contentVariant, id, endContent, mainContent, startContent, compactUserAssistance, inlineUserAssistance, label, labelEdge, labelStartWidth, mainFieldRef, resize, statusVariant, styleVariant, hasZeroStartMargin, onFocus, onBlur, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave }) => {
     // TODO: What are the implications for interoperability between new preact-based form components
     // and the existing JET oj-form-layout?  The preact form components create their own start/top
     // labels, while oj-form-layout expects to create those itself and wire them to the existing form
@@ -244,7 +237,7 @@ const TextField = ({ contentVariant, id, endContent, mainContent, startContent,
     // component pass comp-specific content through other props, like inputElem?   The parent could
     // have its own component that composes inputElem with additional DOM.  (from review on 3/8/22)
     const isStartTop = label !== undefined && (labelEdge === 'start' || labelEdge === 'top');
-    const textFieldContent = (jsx(TextFieldContent, { contentVariant: contentVariant, endContent: endContent, mainContent: mainContent, resize: resize, rootRef: mainFieldRef, startContent: startContent, statusVariant: statusVariant, styleVariant: styleVariant, ...(!isStartTop ? { insideLabel: label } : {}) }));
+    const textFieldContent = (jsx(TextFieldContent, { contentVariant: contentVariant, endContent: endContent, mainContent: mainContent, resize: resize, rootRef: mainFieldRef, startContent: startContent, statusVariant: statusVariant, styleVariant: styleVariant, hasZeroStartMargin: hasZeroStartMargin, ...(!isStartTop ? { insideLabel: label } : {}) }));
     const innerContent = (jsxs(Fragment, { children: [compactUserAssistance, textFieldContent, inlineUserAssistance] }));
     const styledTextFieldChildren = isStartTop ? (jsx(LabelValueLayout, { label: label, labelEdge: labelEdge, labelStartWidth: labelStartWidth, children: innerContent })) : (innerContent);
     return (jsx(StyledTextField, { id: id, hasInsideLabel: label !== undefined && labelEdge === 'inside', onfocusin: onFocus, onfocusout: onBlur, onKeyDown: onKeyDown, onMouseDown: onMouseDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, variant: styleVariant, children: styledTextFieldChildren }));

package/es/UNSAFE_TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_TextField.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextField.tsx","../../src/UNSAFE_TextField/TextFieldContent.tsx","../../src/UNSAFE_TextField/StyledTextField.tsx","../../src/UNSAFE_TextField/TextField.tsx","../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/index.ts"],"sourcesContent":["import { ComponentChildren } from 'preact';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { ReadonlyTextFieldVariantOptions } from './themes/ReadonlyTextFieldStyles.css';\nimport { TextFieldStyles } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\nimport { FormLayoutRedwoodTheme } from './themes/redwood/FormLayoutTheme';\nimport { ReadonlyTextFieldRedwoodTheme } from './themes/redwood/ReadonlyTextFieldTheme';\n\ntype DivProps = HTMLAttributesSignalExcluded<HTMLDivElement>;\ntype UAProps = {\n  compactUserAssistance?: ComponentChildren;\n  inlineUserAssistance?: ComponentChildren;\n};\ntype InnerOuterClassNamesProps = {\n  outerClassNames?: string;\n  innerClassNames?: string;\n};\n\ntype StartTopLabelReadonlyTextFieldProps = Omit<DivProps, 'label'> &\n  UAProps &\n  InnerOuterClassNamesProps & {\n    label?: ComponentChildren;\n    labelEdge?: 'start' | 'top';\n    labelStartWidth?: Size;\n  };\n\nconst StartTopLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  label,\n  labelEdge,\n  labelStartWidth,\n  compactUserAssistance,\n  inlineUserAssistance,\n  children,\n  ...props\n}: StartTopLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      {compactUserAssistance}\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <div class={innerClassNames}>{children}</div>\n      </LabelValueLayout>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\ntype InsideLabelReadonlyTextFieldProps = DivProps & UAProps & InnerOuterClassNamesProps;\nconst InsideLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  compactUserAssistance,\n  inlineUserAssistance,\n  children,\n  ...props\n}: InsideLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      {compactUserAssistance}\n      <div class={innerClassNames}>{children}</div>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\nexport type StyleProps = UAProps & {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  variant?: 'textarea';\n};\n\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const ReadonlyTextField = ({ label, labelEdge, children, variant, ...props }: Props) => {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n  const isInsideNonReadonlyForm = isFormLayout && !isReadonlyForm;\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  const inputGroupContext = useInputGroupContext();\n  const hasGroupContext = inputGroupContext !== null;\n  // depending on browser direction, apply the appropriate styling.\n  // when 'rtl' the flex row direction is reversed.\n  const inputGroupPosition = inputGroupContext\n    ? inputGroupContext.last\n      ? isLtr\n        ? 'groupRight'\n        : 'groupLeft'\n      : inputGroupContext.index === 0\n      ? isLtr\n        ? 'groupLeft'\n        : 'groupRight'\n      : 'groupMiddle'\n    : undefined;\n\n  const { classes, styles } = useComponentTheme(TextFieldRedwoodTheme, {\n    readonly: 'isReadonly'\n  });\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n  const { classes: readonlyClassNames } = useComponentTheme<\n    ReadonlyTextFieldVariantOptions,\n    TextFieldStyles\n  >(ReadonlyTextFieldRedwoodTheme, {\n    insideNonReadonlyForm: isInsideNonReadonlyForm\n      ? 'isInsideNonReadonlyForm'\n      : 'notInsideNonReadonlyForm',\n    insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    textarea: variant === 'textarea' ? 'isTextArea' : 'notTextArea',\n    loading: isLoading ? 'isLoading' : 'notLoading',\n    withinGroup: hasGroupContext ? 'isWithinGroup' : undefined,\n    inputGroupPosition\n  });\n\n  const { formControlBase } = styles;\n  const outerClassNames = classNames([classes, formControlBase, formLayoutTheme, labelBaseTheme]);\n\n  if (label !== undefined && (labelEdge === 'start' || labelEdge === 'top')) {\n    return (\n      <StartTopLabelReadonlyTextField\n        outerClassNames={outerClassNames}\n        innerClassNames={readonlyClassNames}\n        label={label}\n        labelEdge={labelEdge}\n        {...props}>\n        {children}\n      </StartTopLabelReadonlyTextField>\n    );\n  }\n\n  return (\n    <InsideLabelReadonlyTextField\n      outerClassNames={outerClassNames}\n      innerClassNames={readonlyClassNames}\n      {...props}>\n      {label}\n      {children}\n    </InsideLabelReadonlyTextField>\n  );\n};\n","import { ComponentChildren, Ref } from 'preact';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TextFieldStyles, TextFieldVariantOptions } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\n\ntype VariantProps = {\n  contentVariant?: 'input' | 'textarea';\n  statusVariant?: 'error' | 'none' | 'warning';\n  styleVariant?: 'default' | 'embedded';\n};\n\ntype Props = VariantProps & {\n  mainContent?: ComponentChildren;\n  insideLabel?: ComponentChildren;\n  startContent?: ComponentChildren;\n  endContent?: ComponentChildren;\n  resize?: 'horizontal' | 'vertical' | 'both';\n  rootRef?: Ref<HTMLDivElement>;\n};\n\n// Renders the oj-text-field-container dom which includes the\n// start, middle (where the inside label and inputElem goes),\n// and end pieces of the form component.\n// This does not include user assistance because that is rendered outside the\n// oj-text-field-container; that is rendered in the TextField component.\nexport const TextFieldContent = ({\n  contentVariant = 'input',\n  insideLabel,\n  mainContent,\n  startContent,\n  statusVariant = 'none',\n  styleVariant = 'default',\n  endContent,\n  resize,\n  rootRef\n}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  const hasInsideLabel = insideLabel !== undefined;\n  const inputGroupContext = useInputGroupContext();\n  const hasGroupContext = inputGroupContext !== null;\n  // depending on browser direction, apply the appropriate styling.\n  // when 'rtl' the flex row direction is reversed.\n  const inputGroupPosition = inputGroupContext\n    ? inputGroupContext.last\n      ? isLtr\n        ? 'groupRight'\n        : 'groupLeft'\n      : inputGroupContext.index === 0\n      ? isLtr\n        ? 'groupLeft'\n        : 'groupRight'\n      : 'groupMiddle'\n    : undefined;\n\n  const { variantClasses, styles } = useComponentTheme<TextFieldVariantOptions, TextFieldStyles>(\n    TextFieldRedwoodTheme,\n    {\n      statusVariant,\n      styleVariant,\n      contentVariant,\n      insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n      focused: isFocused ? 'isFocused' : 'notFocused',\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      loading: isLoading ? 'isLoading' : 'notLoading',\n      resize: resize ?? 'none',\n      withinGroup: hasGroupContext ? 'isWithinGroup' : undefined,\n      inputGroupPosition\n    }\n  );\n\n  const {\n    textFieldContainerBase,\n    textFieldStartContentLabelInside,\n    textFieldStartContentBase,\n    textFieldStartContentDisabled,\n    textFieldMiddleBase,\n    textFieldMiddleTextarea,\n    textFieldEndContentBase,\n    textFieldEndContentLabelInside\n  } = styles;\n\n  const startContentStyles = classNames([\n    textFieldStartContentBase,\n    hasInsideLabel && textFieldStartContentLabelInside,\n    isDisabled && textFieldStartContentDisabled\n  ]);\n\n  const middleStyles = classNames([\n    textFieldMiddleBase,\n    contentVariant === 'textarea' && textFieldMiddleTextarea\n  ]);\n\n  const endContentStyles = classNames([\n    textFieldEndContentBase,\n    hasInsideLabel && textFieldEndContentLabelInside\n  ]);\n\n  return (\n    <div\n      role=\"presentation\"\n      class={classNames([variantClasses, textFieldContainerBase])}\n      ref={rootRef}>\n      {startContent && (\n        <span class={startContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\n            {startContent}\n          </Flex>\n        </span>\n      )}\n      <div class={middleStyles}>\n        {insideLabel}\n        {mainContent}\n      </div>\n      {endContent && (\n        <span class={endContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\n            {endContent}\n          </Flex>\n        </span>\n      )}\n    </div>\n  );\n};\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TextFieldStyles, TextFieldVariantOptions } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { FormLayoutRedwoodTheme } from './themes/redwood/FormLayoutTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\nimport { SkeletonRedwoodTheme } from '../UNSAFE_Skeleton/themes/redwood/SkeletonTheme';\n\nexport type StyleProps = {\n  hasInsideLabel?: boolean;\n  variant?: 'default' | 'embedded';\n};\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const StyledTextField = ({\n  hasInsideLabel = false,\n  variant = 'default',\n  ...props\n}: Props) => {\n  // because of the mismatch of height for inputs with inside labels and no labels,\n  // we'll have to set everything to the same min-height while within an input group context.\n  // Here we'll look to see if it's present and apply the style as needed\n  const groupContext = useInputGroupContext();\n  const { isReadonly } = useFormFieldContext();\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { classes: textFieldClasses, styles } = useComponentTheme<\n    TextFieldVariantOptions,\n    TextFieldStyles\n  >(TextFieldRedwoodTheme, {\n    readonly: isReadonly ? 'isReadonly' : 'notReadonly',\n    formControlInsideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    withinGroup: groupContext !== null ? 'isWithinGroup' : undefined\n  });\n\n  const { formControlBase, textFieldBase, textFieldEmbedded } = styles;\n\n  // because TextField components reference Skeleton scoped vars, we need to bring in the Skeleton base theme\n  // to pick up the scoped var definitions.\n  const { baseTheme: skeletonBaseTheme } = useComponentTheme(SkeletonRedwoodTheme);\n\n  const classes = classNames([\n    skeletonBaseTheme,\n    formControlBase,\n    textFieldBase,\n    variant === 'embedded' && textFieldEmbedded,\n    textFieldClasses,\n    formLayoutTheme,\n    labelBaseTheme\n  ]);\n\n  return <div {...props} class={classes} />;\n};\n","import { ComponentChildren, ComponentProps, Ref } from 'preact';\n\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { TextFieldContent } from './TextFieldContent';\nimport { StyledTextField } from './StyledTextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// TextField takes the inputElem and userAssistanceContainer\n// and renders the form component's root dom, along with the\n// TextFieldContent, and the user assistance container.\n\n// The PickedProps are the ones we pass through to the the TextFieldContent\ntype PickedPropsFromTextFieldContent = Pick<\n  ComponentProps<typeof TextFieldContent>,\n  | 'contentVariant'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'mainContent'\n  | 'endContent'\n  | 'resize'\n>;\ntype PickedPropsFromHTMLElement = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'id'>;\n// TODO: How should a parent component listen to events for the text field?  The recommendation\n// was to remove event listeners from TextField itself and instead configure the TextFieldInput\n// with them, for example, thus keeping TextField a more pure layout component.  The\n// TextFieldInput renders the focusable input element, and may be a more natural place for\n// listeners.  We would potentially have to add similar listeners for the ReadonlyTextField, but\n// that component renders the focusable element itself;  there is no TextFieldInput or analogous\n// component passed in.  (from review on 3/8/22)\ntype FocusEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onFocus' | 'onBlur'>;\ntype KeyEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onKeyDown'>;\ntype MouseEvents = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'\n>;\ntype LabelProps = {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  labelStartWidth?: Size;\n};\ntype Props = PickedPropsFromTextFieldContent &\n  PickedPropsFromHTMLElement &\n  FocusEvents &\n  KeyEvents &\n  MouseEvents &\n  LabelProps & {\n    compactUserAssistance?: ComponentChildren;\n    inlineUserAssistance?: ComponentChildren;\n    mainFieldRef?: Ref<HTMLDivElement>;\n  };\n\n// TODO: Do we need named props for start/endContent, or could they just be children that get\n// wrapped in a flex layout?  (from review on 3/8/22)\n\n// TODO: Instead of passing the inputElem, label, and userAssistance as named props here, should we\n// have a separate layout component that lays them out, which could just be passed as a child\n// to the TextField?  (from review on 3/8/22)\n\nexport const TextField = ({\n  contentVariant,\n  id,\n  endContent,\n  mainContent,\n  startContent,\n  compactUserAssistance,\n  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  statusVariant,\n  styleVariant,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave\n}: Props) => {\n  // TODO: What are the implications for interoperability between new preact-based form components\n  // and the existing JET oj-form-layout?  The preact form components create their own start/top\n  // labels, while oj-form-layout expects to create those itself and wire them to the existing form\n  // components through attributes like labelled-by.  (from review on 3/8/22)\n\n  // TODO: How should a parent form component render component-specific content within TextField,\n  // for example an aria live region?  Instead of a children prop on TextField, could the parent\n  // component pass comp-specific content through other props, like inputElem?   The parent could\n  // have its own component that composes inputElem with additional DOM.  (from review on 3/8/22)\n\n  const isStartTop = label !== undefined && (labelEdge === 'start' || labelEdge === 'top');\n  const textFieldContent = (\n    <TextFieldContent\n      contentVariant={contentVariant}\n      endContent={endContent}\n      mainContent={mainContent}\n      resize={resize}\n      rootRef={mainFieldRef}\n      startContent={startContent}\n      statusVariant={statusVariant}\n      styleVariant={styleVariant}\n      {...(!isStartTop ? { insideLabel: label } : {})}\n    />\n  );\n\n  const innerContent = (\n    <>\n      {compactUserAssistance}\n      {textFieldContent}\n      {inlineUserAssistance}\n    </>\n  );\n\n  const styledTextFieldChildren = isStartTop ? (\n    <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n      {innerContent}\n    </LabelValueLayout>\n  ) : (\n    innerContent\n  );\n\n  return (\n    <StyledTextField\n      id={id}\n      hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n      onfocusin={onFocus}\n      onfocusout={onBlur}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      variant={styleVariant}>\n      {styledTextFieldChildren}\n    </StyledTextField>\n  );\n};\n","import { Fragment } from 'preact';\nimport { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\n\ntype Props = {\n  isMaxLengthExceeded?: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <Fragment>\n      <LiveRegion>{remainingCharsTranslatedString}</LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion type=\"assertive\">{maxLengthExceededTranslatedString}</LiveRegion>\n      )}\n    </Fragment>\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 */\n\nexport { ReadonlyTextFieldInput } from './ReadonlyTextFieldInput';\nexport { ReadonlyTextField } from './ReadonlyTextField';\nexport { TextField } from './TextField';\nexport { TextFieldInput } from './TextFieldInput';\nexport { getInputId } from './TextFieldUtils';\nexport { MaxLengthLiveRegion } from './MaxLengthLiveRegion';\n"],"names":["_jsxs","_jsx","_Fragment","Fragment"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_TextField.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextField.tsx","../../src/UNSAFE_TextField/TextFieldContent.tsx","../../src/UNSAFE_TextField/StyledTextField.tsx","../../src/UNSAFE_TextField/TextField.tsx","../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/index.ts"],"sourcesContent":["import { ComponentChildren } from 'preact';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { ReadonlyTextFieldVariantOptions } from './themes/ReadonlyTextFieldStyles.css';\nimport { TextFieldStyles } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\nimport { FormLayoutRedwoodTheme } from './themes/redwood/FormLayoutTheme';\nimport { ReadonlyTextFieldRedwoodTheme } from './themes/redwood/ReadonlyTextFieldTheme';\n\ntype DivProps = HTMLAttributesSignalExcluded<HTMLDivElement>;\ntype UAProps = {\n  compactUserAssistance?: ComponentChildren;\n  inlineUserAssistance?: ComponentChildren;\n};\ntype InnerOuterClassNamesProps = {\n  outerClassNames?: string;\n  innerClassNames?: string;\n};\n\ntype StartTopLabelReadonlyTextFieldProps = Omit<DivProps, 'label'> &\n  UAProps &\n  InnerOuterClassNamesProps & {\n    label?: ComponentChildren;\n    labelEdge?: 'start' | 'top';\n    labelStartWidth?: Size;\n  };\n\nconst StartTopLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  label,\n  labelEdge,\n  labelStartWidth,\n  compactUserAssistance,\n  inlineUserAssistance,\n  children,\n  ...props\n}: StartTopLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      {compactUserAssistance}\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <div class={innerClassNames}>{children}</div>\n      </LabelValueLayout>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\ntype InsideLabelReadonlyTextFieldProps = DivProps & UAProps & InnerOuterClassNamesProps;\nconst InsideLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  compactUserAssistance,\n  inlineUserAssistance,\n  children,\n  ...props\n}: InsideLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      {compactUserAssistance}\n      <div class={innerClassNames}>{children}</div>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\nexport type StyleProps = UAProps & {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  variant?: 'textarea';\n};\n\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const ReadonlyTextField = ({ label, labelEdge, children, variant, ...props }: Props) => {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n  const isInsideNonReadonlyForm = isFormLayout && !isReadonlyForm;\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  const inputGroupContext = useInputGroupContext();\n  const hasGroupContext = inputGroupContext !== null;\n  // depending on browser direction, apply the appropriate styling.\n  // when 'rtl' the flex row direction is reversed.\n  const inputGroupPosition = inputGroupContext\n    ? inputGroupContext.last\n      ? isLtr\n        ? 'groupRight'\n        : 'groupLeft'\n      : inputGroupContext.index === 0\n      ? isLtr\n        ? 'groupLeft'\n        : 'groupRight'\n      : 'groupMiddle'\n    : undefined;\n\n  const { classes, styles } = useComponentTheme(TextFieldRedwoodTheme, {\n    readonly: 'isReadonly'\n  });\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n  const { classes: readonlyClassNames } = useComponentTheme<\n    ReadonlyTextFieldVariantOptions,\n    TextFieldStyles\n  >(ReadonlyTextFieldRedwoodTheme, {\n    insideNonReadonlyForm: isInsideNonReadonlyForm\n      ? 'isInsideNonReadonlyForm'\n      : 'notInsideNonReadonlyForm',\n    insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    textarea: variant === 'textarea' ? 'isTextArea' : 'notTextArea',\n    loading: isLoading ? 'isLoading' : 'notLoading',\n    withinGroup: hasGroupContext ? 'isWithinGroup' : undefined,\n    inputGroupPosition\n  });\n\n  const { formControlBase } = styles;\n  const outerClassNames = classNames([classes, formControlBase, formLayoutTheme, labelBaseTheme]);\n\n  if (label !== undefined && (labelEdge === 'start' || labelEdge === 'top')) {\n    return (\n      <StartTopLabelReadonlyTextField\n        outerClassNames={outerClassNames}\n        innerClassNames={readonlyClassNames}\n        label={label}\n        labelEdge={labelEdge}\n        {...props}>\n        {children}\n      </StartTopLabelReadonlyTextField>\n    );\n  }\n\n  return (\n    <InsideLabelReadonlyTextField\n      outerClassNames={outerClassNames}\n      innerClassNames={readonlyClassNames}\n      {...props}>\n      {label}\n      {children}\n    </InsideLabelReadonlyTextField>\n  );\n};\n","import { ComponentChildren, Ref } from 'preact';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TextFieldStyles, TextFieldVariantOptions } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\n\ntype VariantProps = {\n  contentVariant?: 'input' | 'textarea';\n  statusVariant?: 'error' | 'none' | 'warning';\n  styleVariant?: 'default' | 'embedded';\n};\n\ntype Props = VariantProps & {\n  mainContent?: ComponentChildren;\n  insideLabel?: ComponentChildren;\n  startContent?: ComponentChildren;\n  endContent?: ComponentChildren;\n  resize?: 'horizontal' | 'vertical' | 'both';\n  rootRef?: Ref<HTMLDivElement>;\n  hasZeroStartMargin?: boolean;\n};\n\n// Renders the oj-text-field-container dom which includes the\n// start, middle (where the inside label and inputElem goes),\n// and end pieces of the form component.\n// This does not include user assistance because that is rendered outside the\n// oj-text-field-container; that is rendered in the TextField component.\nexport const TextFieldContent = ({\n  contentVariant = 'input',\n  insideLabel,\n  mainContent,\n  startContent,\n  statusVariant = 'none',\n  styleVariant = 'default',\n  endContent,\n  resize,\n  rootRef,\n  hasZeroStartMargin\n}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  const hasInsideLabel = insideLabel !== undefined;\n  const inputGroupContext = useInputGroupContext();\n  const hasGroupContext = inputGroupContext !== null;\n  // depending on browser direction, apply the appropriate styling.\n  // when 'rtl' the flex row direction is reversed.\n  const inputGroupPosition = inputGroupContext\n    ? inputGroupContext.last\n      ? isLtr\n        ? 'groupRight'\n        : 'groupLeft'\n      : inputGroupContext.index === 0\n      ? isLtr\n        ? 'groupLeft'\n        : 'groupRight'\n      : 'groupMiddle'\n    : undefined;\n\n  const {\n    variantClasses,\n    styles: { textFieldContainerBase }\n  } = useComponentTheme<TextFieldVariantOptions, TextFieldStyles>(TextFieldRedwoodTheme, {\n    statusVariant,\n    styleVariant,\n    contentVariant,\n    insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    focused: isFocused ? 'isFocused' : 'notFocused',\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    loading: isLoading ? 'isLoading' : 'notLoading',\n    resize: resize ?? 'none',\n    withinGroup: hasGroupContext ? 'isWithinGroup' : undefined,\n    inputGroupPosition\n  });\n\n  const { variantClasses: startContentStyles } = useComponentTheme<TextFieldVariantOptions>(\n    TextFieldRedwoodTheme,\n    {\n      startContent: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n      startContentMargin: hasZeroStartMargin ? 'noStartMargin' : 'hasStartMargin',\n      startContentDisabled: isDisabled ? 'isDisabled' : 'notDisabled'\n    }\n  );\n  const { variantClasses: middleStyles } = useComponentTheme<TextFieldVariantOptions>(\n    TextFieldRedwoodTheme,\n    { middleContent: contentVariant }\n  );\n  const { variantClasses: endContentStyles } = useComponentTheme<TextFieldVariantOptions>(\n    TextFieldRedwoodTheme,\n    { endContent: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel' }\n  );\n\n  return (\n    <div\n      role=\"presentation\"\n      class={classNames([variantClasses, textFieldContainerBase])}\n      ref={rootRef}>\n      {startContent && (\n        <span class={startContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\n            {startContent}\n          </Flex>\n        </span>\n      )}\n      <div class={middleStyles}>\n        {insideLabel}\n        {mainContent}\n      </div>\n      {endContent && (\n        <span class={endContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\n            {endContent}\n          </Flex>\n        </span>\n      )}\n    </div>\n  );\n};\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TextFieldStyles, TextFieldVariantOptions } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { FormLayoutRedwoodTheme } from './themes/redwood/FormLayoutTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\nimport { SkeletonRedwoodTheme } from '../UNSAFE_Skeleton/themes/redwood/SkeletonTheme';\n\nexport type StyleProps = {\n  hasInsideLabel?: boolean;\n  variant?: 'default' | 'embedded';\n};\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const StyledTextField = ({\n  hasInsideLabel = false,\n  variant = 'default',\n  ...props\n}: Props) => {\n  // because of the mismatch of height for inputs with inside labels and no labels,\n  // we'll have to set everything to the same min-height while within an input group context.\n  // Here we'll look to see if it's present and apply the style as needed\n  const groupContext = useInputGroupContext();\n  const { isReadonly } = useFormFieldContext();\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { classes: textFieldClasses, styles } = useComponentTheme<\n    TextFieldVariantOptions,\n    TextFieldStyles\n  >(TextFieldRedwoodTheme, {\n    readonly: isReadonly ? 'isReadonly' : 'notReadonly',\n    formControlInsideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    withinGroup: groupContext !== null ? 'isWithinGroup' : undefined\n  });\n\n  const { formControlBase, textFieldBase, textFieldEmbedded } = styles;\n\n  // because TextField components reference Skeleton scoped vars, we need to bring in the Skeleton base theme\n  // to pick up the scoped var definitions.\n  const { baseTheme: skeletonBaseTheme } = useComponentTheme(SkeletonRedwoodTheme);\n\n  const classes = classNames([\n    skeletonBaseTheme,\n    formControlBase,\n    textFieldBase,\n    variant === 'embedded' && textFieldEmbedded,\n    textFieldClasses,\n    formLayoutTheme,\n    labelBaseTheme\n  ]);\n\n  return <div {...props} class={classes} />;\n};\n","import { ComponentChildren, ComponentProps, Ref } from 'preact';\n\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { TextFieldContent } from './TextFieldContent';\nimport { StyledTextField } from './StyledTextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// TextField takes the inputElem and userAssistanceContainer\n// and renders the form component's root dom, along with the\n// TextFieldContent, and the user assistance container.\n\n// The PickedProps are the ones we pass through to the the TextFieldContent\ntype PickedPropsFromTextFieldContent = Pick<\n  ComponentProps<typeof TextFieldContent>,\n  | 'hasZeroStartMargin'\n  | 'contentVariant'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'mainContent'\n  | 'endContent'\n  | 'resize'\n>;\ntype PickedPropsFromHTMLElement = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'id'>;\n// TODO: How should a parent component listen to events for the text field?  The recommendation\n// was to remove event listeners from TextField itself and instead configure the TextFieldInput\n// with them, for example, thus keeping TextField a more pure layout component.  The\n// TextFieldInput renders the focusable input element, and may be a more natural place for\n// listeners.  We would potentially have to add similar listeners for the ReadonlyTextField, but\n// that component renders the focusable element itself;  there is no TextFieldInput or analogous\n// component passed in.  (from review on 3/8/22)\ntype FocusEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onFocus' | 'onBlur'>;\ntype KeyEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onKeyDown'>;\ntype MouseEvents = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'\n>;\ntype LabelProps = {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  labelStartWidth?: Size;\n};\ntype Props = PickedPropsFromTextFieldContent &\n  PickedPropsFromHTMLElement &\n  FocusEvents &\n  KeyEvents &\n  MouseEvents &\n  LabelProps & {\n    compactUserAssistance?: ComponentChildren;\n    inlineUserAssistance?: ComponentChildren;\n    mainFieldRef?: Ref<HTMLDivElement>;\n  };\n\n// TODO: Do we need named props for start/endContent, or could they just be children that get\n// wrapped in a flex layout?  (from review on 3/8/22)\n\n// TODO: Instead of passing the inputElem, label, and userAssistance as named props here, should we\n// have a separate layout component that lays them out, which could just be passed as a child\n// to the TextField?  (from review on 3/8/22)\n\nexport const TextField = ({\n  contentVariant,\n  id,\n  endContent,\n  mainContent,\n  startContent,\n  compactUserAssistance,\n  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  statusVariant,\n  styleVariant,\n  hasZeroStartMargin,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave\n}: Props) => {\n  // TODO: What are the implications for interoperability between new preact-based form components\n  // and the existing JET oj-form-layout?  The preact form components create their own start/top\n  // labels, while oj-form-layout expects to create those itself and wire them to the existing form\n  // components through attributes like labelled-by.  (from review on 3/8/22)\n\n  // TODO: How should a parent form component render component-specific content within TextField,\n  // for example an aria live region?  Instead of a children prop on TextField, could the parent\n  // component pass comp-specific content through other props, like inputElem?   The parent could\n  // have its own component that composes inputElem with additional DOM.  (from review on 3/8/22)\n\n  const isStartTop = label !== undefined && (labelEdge === 'start' || labelEdge === 'top');\n  const textFieldContent = (\n    <TextFieldContent\n      contentVariant={contentVariant}\n      endContent={endContent}\n      mainContent={mainContent}\n      resize={resize}\n      rootRef={mainFieldRef}\n      startContent={startContent}\n      statusVariant={statusVariant}\n      styleVariant={styleVariant}\n      hasZeroStartMargin={hasZeroStartMargin}\n      {...(!isStartTop ? { insideLabel: label } : {})}\n    />\n  );\n\n  const innerContent = (\n    <>\n      {compactUserAssistance}\n      {textFieldContent}\n      {inlineUserAssistance}\n    </>\n  );\n\n  const styledTextFieldChildren = isStartTop ? (\n    <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n      {innerContent}\n    </LabelValueLayout>\n  ) : (\n    innerContent\n  );\n\n  return (\n    <StyledTextField\n      id={id}\n      hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n      onfocusin={onFocus}\n      onfocusout={onBlur}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      variant={styleVariant}>\n      {styledTextFieldChildren}\n    </StyledTextField>\n  );\n};\n","import { Fragment } from 'preact';\nimport { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\n\ntype Props = {\n  isMaxLengthExceeded?: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <Fragment>\n      <LiveRegion>{remainingCharsTranslatedString}</LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion type=\"assertive\">{maxLengthExceededTranslatedString}</LiveRegion>\n      )}\n    </Fragment>\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 */\n\nexport { ReadonlyTextFieldInput } from './ReadonlyTextFieldInput';\nexport { ReadonlyTextField } from './ReadonlyTextField';\nexport { TextField } from './TextField';\nexport { TextFieldInput } from './TextFieldInput';\nexport { getInputId } from './TextFieldUtils';\nexport { MaxLengthLiveRegion } from './MaxLengthLiveRegion';\n"],"names":["_jsxs","_jsx","_Fragment","Fragment"],"mappings":"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"}

package/es/UNSAFE_Theme.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
-export { f as fallbackVar, b as max, m as min, r as rgb, a as rgba, x as xUnits } from './utils-1412d95e.js';
+/* @oracle/oraclejet-preact: 15.1.1 */
+export { f as fallbackVar, b as max, m as min, r as rgb, a as rgba, x as xUnits } from './utils-dd00e9a1.js';
 import './Common/themes/themeContract.css.js';
 
 /**

package/es/UNSAFE_Train/themes/TrainContract.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 var trainVars = {stepWidth:'var(--stepWidth__wmjnh60)',stepPaddingTop:'var(--stepPaddingTop__wmjnh61)',stepPaddingBottom:'var(--stepPaddingBottom__wmjnh62)',labelFontSize:'var(--labelFontSize__wmjnh63)',labelFontWeight:'var(--labelFontWeight__wmjnh64)',labelPaddingTop:'var(--labelPaddingTop__wmjnh65)',buttonDiameter:'var(--buttonDiameter__wmjnh66)',buttonFontSize:'var(--buttonFontSize__wmjnh67)',connectorHeight:'var(--connectorHeight__wmjnh68)',connectorPadding:'var(--connectorPadding__wmjnh69)',buttonBgColor:'var(--buttonBgColor__wmjnh6a)',buttonBorderColor:'var(--buttonBorderColor__wmjnh6b)',buttonTextColor:'var(--buttonTextColor__wmjnh6c)',labelColor:'var(--labelColor__wmjnh6d)',connectorColor:'var(--connectorColor__wmjnh6e)',buttonBgColorVisited:'var(--buttonBgColorVisited__wmjnh6f)',buttonBorderColorVisited:'var(--buttonBorderColorVisited__wmjnh6g)',buttonTextColorVisited:'var(--buttonTextColorVisited__wmjnh6h)',labelColorVisited:'var(--labelColorVisited__wmjnh6i)',buttonBgColorHover:'var(--buttonBgColorHover__wmjnh6j)',buttonBorderColorHover:'var(--buttonBorderColorHover__wmjnh6k)',buttonTextColorHover:'var(--buttonTextColorHover__wmjnh6l)',stepBgColorHover:'var(--stepBgColorHover__wmjnh6m)',stepBorderRadius:'var(--stepBorderRadius__wmjnh6n)',buttonBgColorActive:'var(--buttonBgColorActive__wmjnh6o)',buttonBorderColorActive:'var(--buttonBorderColorActive__wmjnh6p)',buttonTextColorActive:'var(--buttonTextColorActive__wmjnh6q)',labelFontWeightActive:'var(--labelFontWeightActive__wmjnh6r)',stepBgColorActive:'var(--stepBgColorActive__wmjnh6s)',buttonBgColorSelected:'var(--buttonBgColorSelected__wmjnh6t)',buttonBorderColorSelected:'var(--buttonBorderColorSelected__wmjnh6u)',buttonTextColorSelected:'var(--buttonTextColorSelected__wmjnh6v)',labelFontWeightSelected:'var(--labelFontWeightSelected__wmjnh6w)',labelColorSelected:'var(--labelColorSelected__wmjnh6x)',connectorColorSelected:'var(--connectorColorSelected__wmjnh6y)',connectorPaddingSelected:'var(--connectorPaddingSelected__wmjnh6z)',buttonBgColorDisabled:'var(--buttonBgColorDisabled__wmjnh610)',buttonBorderColorDisabled:'var(--buttonBorderColorDisabled__wmjnh611)',buttonTextColorDisabled:'var(--buttonTextColorDisabled__wmjnh612)',labelColorDisabled:'var(--labelColorDisabled__wmjnh613)'};
 
 export { trainVars };

package/es/UNSAFE_Train/themes/TrainStyles.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 import './../../TrainStyles.styles.css';
 
 var baseStyle = 'TrainStyles_baseStyle__s507m10';

package/es/UNSAFE_Train/themes/redwood/TrainBaseTheme.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 import './TrainBaseTheme.styles.css';
 
 var baseTheme = 'TrainBaseTheme_baseTheme__kpes8h0';

package/es/UNSAFE_Train/themes/redwood/TrainTheme.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 import { variants, styles } from '../TrainStyles.css.js';
 import { baseTheme } from './TrainBaseTheme.css.js';
 import { multiVariantStyles } from './TrainVariants.css.js';
 import './../../../TrainStyles.styles.css';
 import './TrainBaseTheme.styles.css';
 import './../../../TrainVariants.styles.css';
-import '../../../vanilla-extract-recipes-createRuntimeFn.esm-83958e08.js';
+import '../../../vanilla-extract-recipes-createRuntimeFn.esm-7efac76f.js';
 
 /*******************
  * Component Theme

package/es/UNSAFE_Train/themes/redwood/TrainVariants.css.js

@@ -1,7 +1,7 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 import './../../../TrainStyles.styles.css';
 import './../../../TrainVariants.styles.css';
-import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-83958e08.js';
+import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-7efac76f.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'TrainStyles_baseStyle__s507m10',variantClassNames:{stepDisabled:{isDisabled:'',notDisabled:''},stepActive:{isActive:'',notActive:''},connectorConnected:{isConnected:'TrainStyles_connectorConnectedStyle__s507m16',notConnected:'TrainStyles_connectorDisconnectedStyle__s507m15'},stepLabelCurrent:{isCurrent:'',notCurrent:''},stepLabelVisited:{isVisited:'',notVisited:''},stepLabelDisabled:{isDisabled:'TrainStyles_stepLabelDisabledStyle__s507m19',notDisabled:''},stepIconDisabled:{isDisabled:'TrainStyles_stepIconDisabledStyle__s507m1f',notDisabled:''},stepIconCurrent:{isCurrent:'',notCurrent:''},stepIconActive:{isActive:'',notActive:''},stepIconVisited:{isVisited:'',notVisited:''},messageType:{confirmation:'',error:'',fatal:'',info:'',warning:''},needsEventsHover:{isNeedsEventsHover:'TrainVariants_multiVariantStyles_needsEventsHover_isNeedsEventsHover__ty5ef5p',notNeedsEventsHover:''},pseudoHover:{isPseudoHover:'TrainVariants_multiVariantStyles_pseudoHover_isPseudoHover__ty5ef5r',notPseudoHover:''},stepIconNeedsEventsHover:{isNeedsEventsHover:'TrainVariants_multiVariantStyles_stepIconNeedsEventsHover_isNeedsEventsHover__ty5ef5t',notNeedsEventsHover:''},stepIconPseudoHover:{isPseudoHover:'TrainVariants_multiVariantStyles_stepIconPseudoHover_isPseudoHover__ty5ef5v',notPseudoHover:''},stepLabelNeedsEventsHover:{isNeedsEventsHover:'TrainVariants_multiVariantStyles_stepLabelNeedsEventsHover_isNeedsEventsHover__ty5ef5x',notNeedsEventsHover:''},stepLabelPseudoHover:{isPseudoHover:'TrainVariants_multiVariantStyles_stepLabelPseudoHover_isPseudoHover__ty5ef5z',notPseudoHover:''}},defaultVariants:{},compoundVariants:[[{stepDisabled:'notDisabled',stepActive:'isActive'},'TrainStyles_stepActiveStyle__s507m1e'],[{stepLabelDisabled:'notDisabled',stepLabelCurrent:'isCurrent'},'TrainStyles_stepLabelCurrentStyle__s507m1a'],[{stepLabelDisabled:'notDisabled',stepLabelCurrent:'notCurrent',stepLabelVisited:'isVisited'},'TrainStyles_stepLabelVisitedStyle__s507m1b'],[{stepIconDisabled:'notDisabled',stepIconCurrent:'isCurrent'},'TrainStyles_stepIconCurrentStyle__s507m1g'],[{stepIconDisabled:'notDisabled',stepIconCurrent:'notCurrent',stepIconActive:'isActive'},'TrainStyles_stepIconActiveStyle__s507m1i'],[{stepIconDisabled:'notDisabled',stepIconCurrent:'notCurrent',stepIconActive:'notActive',stepIconVisited:'isVisited'},'TrainStyles_stepIconVisitedStyle__s507m1h'],[{stepIconDisabled:'notDisabled',messageType:'confirmation'},'TrainStyles_messageTypeIconConfirmation__s507m1k'],[{stepIconDisabled:'notDisabled',messageType:'error'},'TrainStyles_messageTypeIconError__s507m1l'],[{stepIconDisabled:'notDisabled',messageType:'fatal'},'TrainStyles_messageTypeIconFatal__s507m1m'],[{stepIconDisabled:'notDisabled',messageType:'info'},'TrainStyles_messageTypeIconInfo__s507m1n'],[{stepIconDisabled:'notDisabled',messageType:'warning'},'TrainStyles_messageTypeIconWarning__s507m1o']]});
 

package/es/UNSAFE_Train/themes/stable/TrainBaseTheme.css.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 import './TrainBaseTheme.styles.css';
 
 var baseTheme = 'TrainBaseTheme_baseTheme__9loz340';

package/es/UNSAFE_Train/themes/stable/TrainTheme.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 import { variants, styles } from '../TrainStyles.css.js';
 import { baseTheme } from './TrainBaseTheme.css.js';
 import { multiVariantStyles } from './TrainVariants.css.js';
 import './../../../TrainStyles.styles.css';
 import './TrainBaseTheme.styles.css';
 import './../../../TrainVariants.styles2.css';
-import '../../../vanilla-extract-recipes-createRuntimeFn.esm-83958e08.js';
+import '../../../vanilla-extract-recipes-createRuntimeFn.esm-7efac76f.js';
 
 /*******************
  * Component Theme

package/es/UNSAFE_Train/themes/stable/TrainVariants.css.js

@@ -1,7 +1,7 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 import './../../../TrainStyles.styles.css';
 import './../../../TrainVariants.styles2.css';
-import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-83958e08.js';
+import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-7efac76f.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'TrainStyles_baseStyle__s507m10',variantClassNames:{stepDisabled:{isDisabled:'',notDisabled:''},stepActive:{isActive:'',notActive:''},connectorConnected:{isConnected:'TrainStyles_connectorConnectedStyle__s507m16',notConnected:'TrainStyles_connectorDisconnectedStyle__s507m15'},stepLabelCurrent:{isCurrent:'',notCurrent:''},stepLabelVisited:{isVisited:'',notVisited:''},stepLabelDisabled:{isDisabled:'TrainStyles_stepLabelDisabledStyle__s507m19',notDisabled:''},stepIconDisabled:{isDisabled:'TrainStyles_stepIconDisabledStyle__s507m1f',notDisabled:''},stepIconCurrent:{isCurrent:'',notCurrent:''},stepIconActive:{isActive:'',notActive:''},stepIconVisited:{isVisited:'',notVisited:''},messageType:{confirmation:'',error:'',fatal:'',info:'',warning:''},needsEventsHover:{isNeedsEventsHover:'TrainVariants_multiVariantStyles_needsEventsHover_isNeedsEventsHover__szao47p',notNeedsEventsHover:''},pseudoHover:{isPseudoHover:'TrainVariants_multiVariantStyles_pseudoHover_isPseudoHover__szao47r',notPseudoHover:''},stepIconNeedsEventsHover:{isNeedsEventsHover:'TrainVariants_multiVariantStyles_stepIconNeedsEventsHover_isNeedsEventsHover__szao47t',notNeedsEventsHover:''},stepIconPseudoHover:{isPseudoHover:'TrainVariants_multiVariantStyles_stepIconPseudoHover_isPseudoHover__szao47v',notPseudoHover:''},stepLabelNeedsEventsHover:{isNeedsEventsHover:'TrainVariants_multiVariantStyles_stepLabelNeedsEventsHover_isNeedsEventsHover__szao47x',notNeedsEventsHover:''},stepLabelPseudoHover:{isPseudoHover:'TrainVariants_multiVariantStyles_stepLabelPseudoHover_isPseudoHover__szao47z',notPseudoHover:''}},defaultVariants:{},compoundVariants:[[{stepDisabled:'notDisabled',stepActive:'isActive'},'TrainStyles_stepActiveStyle__s507m1e'],[{stepLabelDisabled:'notDisabled',stepLabelCurrent:'isCurrent'},'TrainStyles_stepLabelCurrentStyle__s507m1a'],[{stepLabelDisabled:'notDisabled',stepLabelCurrent:'notCurrent',stepLabelVisited:'isVisited'},'TrainStyles_stepLabelVisitedStyle__s507m1b'],[{stepIconDisabled:'notDisabled',stepIconCurrent:'isCurrent'},'TrainStyles_stepIconCurrentStyle__s507m1g'],[{stepIconDisabled:'notDisabled',stepIconCurrent:'notCurrent',stepIconActive:'isActive'},'TrainStyles_stepIconActiveStyle__s507m1i'],[{stepIconDisabled:'notDisabled',stepIconCurrent:'notCurrent',stepIconActive:'notActive',stepIconVisited:'isVisited'},'TrainStyles_stepIconVisitedStyle__s507m1h'],[{stepIconDisabled:'notDisabled',messageType:'confirmation'},'TrainStyles_messageTypeIconConfirmation__s507m1k'],[{stepIconDisabled:'notDisabled',messageType:'error'},'TrainStyles_messageTypeIconError__s507m1l'],[{stepIconDisabled:'notDisabled',messageType:'fatal'},'TrainStyles_messageTypeIconFatal__s507m1m'],[{stepIconDisabled:'notDisabled',messageType:'info'},'TrainStyles_messageTypeIconInfo__s507m1n'],[{stepIconDisabled:'notDisabled',messageType:'warning'},'TrainStyles_messageTypeIconWarning__s507m1o']]});
 

package/es/UNSAFE_Train.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.7 */
+/* @oracle/oraclejet-preact: 15.1.1 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useCallback, useContext, useState } from 'preact/hooks';
 import { createContext, toChildArray } from 'preact';
@@ -8,7 +8,7 @@ import { usePress } from './hooks/UNSAFE_usePress.js';
 import { useInteractionStyle } from './hooks/UNSAFE_useInteractionStyle.js';
 import './utils/UNSAFE_classNames.js';
 import { mergeProps } from './utils/UNSAFE_mergeProps.js';
-import { c as classNames } from './classNames-0a29db39.js';
+import { c as classNames } from './classNames-300fff97.js';
 import { MessageConfirmationIcon as SvgSuccessS } from './PRIVATE_ThemedIcons/MessageConfirmationIcon.js';
 import { MessageErrorIcon as SvgErrorS } from './PRIVATE_ThemedIcons/MessageErrorIcon.js';
 import { MessageInfoIcon as SvgInformationS } from './PRIVATE_ThemedIcons/MessageInfoIcon.js';
@@ -16,35 +16,35 @@ import { MessageWarningIcon as SvgWarningS } from './PRIVATE_ThemedIcons/Message
 import { useActive } from './hooks/UNSAFE_useActive.js';
 import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
 import './UNSAFE_HiddenAccessible.js';
-import { H as HiddenAccessible } from './HiddenAccessible-cd756fd9.js';
+import { H as HiddenAccessible } from './HiddenAccessible-175d3179.js';
 import './utils/UNSAFE_logger.js';
-import './_curry1-2b060aa7.js';
-import './_curry2-cf5133c4.js';
+import './_curry1-0d8f0200.js';
+import './_curry2-4e7a9738.js';
 import './UNSAFE_Train/themes/TrainStyles.css.js';
 import './TrainStyles.styles.css';
 import './UNSAFE_Train/themes/redwood/TrainBaseTheme.css.js';
 import './UNSAFE_Train/themes/redwood/TrainBaseTheme.styles.css';
 import './UNSAFE_Train/themes/redwood/TrainVariants.css.js';
 import './TrainVariants.styles.css';
-import './vanilla-extract-recipes-createRuntimeFn.esm-83958e08.js';
+import './vanilla-extract-recipes-createRuntimeFn.esm-7efac76f.js';
 import './utils/PRIVATE_clientHints.js';
-import './clientHints-612a38c2.js';
+import './clientHints-8e4b81db.js';
 import './hooks/UNSAFE_useHover.js';
 import './hooks/UNSAFE_useToggle.js';
 import './UNSAFE_Icon.js';
-import './Icon-fca89bff.js';
+import './Icon-da813f6d.js';
 import './utils/UNSAFE_size.js';
 import './UNSAFE_Theme.js';
-import './utils-1412d95e.js';
+import './utils-dd00e9a1.js';
 import './Common/themes/themeContract.css.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './Floating-40ecf669.js';
+import './Floating-320c415f.js';
 import 'preact/compat';
-import './index-683b5313.js';
+import './index-2ba8eea7.js';
 import './hooks/UNSAFE_useUser.js';
-import './index-ce087f96.js';
+import './index-a9eb5a83.js';
 import './Common.js';
 import './Common/themes.js';
 import './Common/themes/redwood/theme.js';
@@ -58,20 +58,20 @@ import './FloatingStyles.styles.css';
 import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js';
 import './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css';
 import './UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
-import './vanilla-extract-dynamic.esm-cb4e9d5c.js';
+import './vanilla-extract-dynamic.esm-f4cccaad.js';
 import './UNSAFE_Floating/themes/FloatingContract.css.js';
 import './UNSAFE_Layer.js';
-import './useThemeInterpolations-cdd8352e.js';
+import './useThemeInterpolations-1fac01be.js';
 import './hooks/UNSAFE_useColorScheme.js';
 import './hooks/UNSAFE_useScale.js';
 import './utils/UNSAFE_interpolations/theme.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-62f16a7b.js';
-import './_has-0ec84ec6.js';
+import './_curry3-0a3cd2f5.js';
+import './_has-fcf49934.js';
 import './hooks/UNSAFE_useFocus.js';
 import './hooks/UNSAFE_useTouch.js';
 import './hooks/UNSAFE_useAnimation.js';
-import './useAnimation-fc52ec34.js';
+import './useAnimation-bec9423d.js';
 import './hooks/UNSAFE_useThemeInterpolations.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
@@ -79,7 +79,7 @@ import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './TooltipContentVariants.styles2.css';
+import './TooltipContentVariants.styles.css';
 import './UNSAFE_Icon/themes/IconStyle.css.js';
 import './IconStyle.styles.css';