@oracle/oraclejet-preact 15.0.13 → 15.0.14

package/amd/UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../SkeletonStyles.styles.css', 'css!./../../../TextFieldLoadingStyles.styles.css', 'css!./../../../TextFieldStyles.styles.css', 'css!./../../../TextFieldVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,t,i,a,n,l){"use strict";var s=l.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__1f8p3fet"],[{withinGroup:"isWithinGroup",inputGroupPosition:"groupLeft"},"TextFieldVariants_multiVariantStyles_compound_8__1f8p3feu"],[{withinGroup:"isWithinGroup",inputGroupPosition:"groupRight"},"TextFieldVariants_multiVariantStyles_compound_9__1f8p3fev"],[{withinGroup:"isWithinGroup",inputGroupPosition:"groupMiddle"},"TextFieldVariants_multiVariantStyles_compound_10__1f8p3few"],[{withinGroup:"isWithinGroup",insideLabel:"noInsideLabel"},"TextFieldVariants_multiVariantStyles_compound_11__1f8p3fex"]]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../SkeletonStyles.styles.css', 'css!./../../../TextFieldLoadingStyles.styles.css', 'css!./../../../TextFieldStyles.styles.css', 'css!./../../../TextFieldVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-fbb7f9e5'], (function(e,t,i,a,n,l){"use strict";var s=l.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__1f8p3fet"],[{withinGroup:"isWithinGroup",inputGroupPosition:"groupLeft"},"TextFieldVariants_multiVariantStyles_compound_8__1f8p3feu"],[{withinGroup:"isWithinGroup",inputGroupPosition:"groupRight"},"TextFieldVariants_multiVariantStyles_compound_9__1f8p3fev"],[{withinGroup:"isWithinGroup",inputGroupPosition:"groupMiddle"},"TextFieldVariants_multiVariantStyles_compound_10__1f8p3few"],[{withinGroup:"isWithinGroup",insideLabel:"noInsideLabel"},"TextFieldVariants_multiVariantStyles_compound_11__1f8p3fex"]]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TextFieldVariants.css.js.map

package/amd/UNSAFE_TextField/themes/stable/FormLayoutTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../FormLayoutStyles.css', './FormLayoutBaseTheme.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77', 'module'], (function(e,t,s,a,r){"use strict";const i={baseTheme:s.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:t.variants};e.FormLayoutStableTheme=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../FormLayoutStyles.css', './FormLayoutBaseTheme.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-fbb7f9e5', 'module'], (function(e,t,s,a,r){"use strict";const i={baseTheme:s.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:t.variants};e.FormLayoutStableTheme=i,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=FormLayoutTheme.js.map

package/amd/UNSAFE_TextField/themes/stable/ReadonlyTextFieldInputTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../ReadonlyTextFieldInputStyles.css', './ReadonlyTextFieldInputVariants.css', 'css!./../../../ReadonlyTextFieldInputStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,t,s,a,n){"use strict";const l={baseTheme:"",multiVariantStyles:s.multiVariantStyles,variants:t.variants};e.ReadonlyTextFieldInputStableTheme=l,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../ReadonlyTextFieldInputStyles.css', './ReadonlyTextFieldInputVariants.css', 'css!./../../../ReadonlyTextFieldInputStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-fbb7f9e5'], (function(e,t,s,a,n){"use strict";const l={baseTheme:"",multiVariantStyles:s.multiVariantStyles,variants:t.variants};e.ReadonlyTextFieldInputStableTheme=l,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ReadonlyTextFieldInputTheme.js.map

package/amd/UNSAFE_TextField/themes/stable/ReadonlyTextFieldInputVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../ReadonlyTextFieldInputStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,a,t){"use strict";var o=t.createRuntimeFn({defaultClassName:"ReadonlyTextFieldInputStyles_readOnlyTextFieldInputBase__ybkgi50",variantClassNames:{textarea:{isTextArea:"ReadonlyTextFieldInputStyles_readOnlyTextFieldInputTextareaBase__ybkgi51",notTextArea:"ReadonlyTextFieldInputStyles_hideScrollbar__ybkgi58"},formLayout:{isFormLayout:"",notFormLayout:""},readonlyForm:{isReadonlyForm:"",notReadonlyForm:""},insideLabel:{hasInsideLabel:"",noInsideLabel:""}},defaultVariants:{},compoundVariants:[[{formLayout:"isFormLayout",readonlyForm:"notReadonlyForm"},"ReadonlyTextFieldInputStyles_inEnabledFormBase__ybkgi52"],[{textarea:"isTextArea",formLayout:"isFormLayout",readonlyForm:"notReadonlyForm"},"ReadonlyTextFieldInputStyles_textareaInEnabledFormBase__ybkgi53"],[{formLayout:"isFormLayout",readonlyForm:"notReadonlyForm",insideLabel:"hasInsideLabel"},"ReadonlyTextFieldInputStyles_inEnabledFormLabelInside__ybkgi54"],[{formLayout:"isFormLayout",readonlyForm:"notReadonlyForm",insideLabel:"noInsideLabel"},"ReadonlyTextFieldInputStyles_inEnabledFormNoLabelInside__ybkgi56"],[{textarea:"isTextArea",formLayout:"isFormLayout",readonlyForm:"notReadonlyForm",insideLabel:"hasInsideLabel"},"ReadonlyTextFieldInputStyles_textareaInEnabledFormLabelInside__ybkgi55"],[{textarea:"notTextArea",formLayout:"isFormLayout",readonlyForm:"notReadonlyForm"},"ReadonlyTextFieldInputStyles_inEnabledFormNoStartContent__ybkgi57"]]});e.multiVariantStyles=o,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../ReadonlyTextFieldInputStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-fbb7f9e5'], (function(e,a,t){"use strict";var o=t.createRuntimeFn({defaultClassName:"ReadonlyTextFieldInputStyles_readOnlyTextFieldInputBase__ybkgi50",variantClassNames:{textarea:{isTextArea:"ReadonlyTextFieldInputStyles_readOnlyTextFieldInputTextareaBase__ybkgi51",notTextArea:"ReadonlyTextFieldInputStyles_hideScrollbar__ybkgi58"},formLayout:{isFormLayout:"",notFormLayout:""},readonlyForm:{isReadonlyForm:"",notReadonlyForm:""},insideLabel:{hasInsideLabel:"",noInsideLabel:""}},defaultVariants:{},compoundVariants:[[{formLayout:"isFormLayout",readonlyForm:"notReadonlyForm"},"ReadonlyTextFieldInputStyles_inEnabledFormBase__ybkgi52"],[{textarea:"isTextArea",formLayout:"isFormLayout",readonlyForm:"notReadonlyForm"},"ReadonlyTextFieldInputStyles_textareaInEnabledFormBase__ybkgi53"],[{formLayout:"isFormLayout",readonlyForm:"notReadonlyForm",insideLabel:"hasInsideLabel"},"ReadonlyTextFieldInputStyles_inEnabledFormLabelInside__ybkgi54"],[{formLayout:"isFormLayout",readonlyForm:"notReadonlyForm",insideLabel:"noInsideLabel"},"ReadonlyTextFieldInputStyles_inEnabledFormNoLabelInside__ybkgi56"],[{textarea:"isTextArea",formLayout:"isFormLayout",readonlyForm:"notReadonlyForm",insideLabel:"hasInsideLabel"},"ReadonlyTextFieldInputStyles_textareaInEnabledFormLabelInside__ybkgi55"],[{textarea:"notTextArea",formLayout:"isFormLayout",readonlyForm:"notReadonlyForm"},"ReadonlyTextFieldInputStyles_inEnabledFormNoStartContent__ybkgi57"]]});e.multiVariantStyles=o,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ReadonlyTextFieldInputVariants.css.js.map

package/amd/UNSAFE_TextField/themes/stable/ReadonlyTextFieldTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../ReadonlyTextFieldStyles.css', './ReadonlyTextFieldVariants.css', 'css!./../../../SkeletonStyles.styles.css', 'css!./../../../TextFieldLoadingStyles.styles.css', 'css!./../../../ReadonlyTextFieldStyles.styles.css', 'css!./../../../ReadonlyTextFieldVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,s,t,l,a,i,n,y){"use strict";const d={baseTheme:"",multiVariantStyles:t.multiVariantStyles,variants:s.variants};e.ReadonlyTextFieldStableTheme=d,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../ReadonlyTextFieldStyles.css', './ReadonlyTextFieldVariants.css', 'css!./../../../SkeletonStyles.styles.css', 'css!./../../../TextFieldLoadingStyles.styles.css', 'css!./../../../ReadonlyTextFieldStyles.styles.css', 'css!./../../../ReadonlyTextFieldVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-fbb7f9e5'], (function(e,s,t,l,a,i,n,y){"use strict";const d={baseTheme:"",multiVariantStyles:t.multiVariantStyles,variants:s.variants};e.ReadonlyTextFieldStableTheme=d,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ReadonlyTextFieldTheme.js.map

package/amd/UNSAFE_TextField/themes/stable/ReadonlyTextFieldTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadonlyTextFieldTheme.js","sources":["../../../../../src/UNSAFE_TextField/themes/stable/ReadonlyTextFieldTheme.ts"],"sourcesContent":["import { variants, ReadonlyTextFieldTheme } from '../ReadonlyTextFieldStyles.css';\nimport { multiVariantStyles } from './ReadonlyTextFieldVariants.css';\n\nconst ReadonlyTextFieldStableTheme: ReadonlyTextFieldTheme = {\n  baseTheme: '',\n  multiVariantStyles,\n  variants\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { ReadonlyTextFieldStableTheme };\n"],"names":["ReadonlyTextFieldStableTheme","baseTheme","multiVariantStyles","variants"],"mappings":"sXAGA,MAAMA,EAAuD,CAC3DC,UAAW,sBACXC,EAAkBA,4BAClBC,EAAQA"}
+{"version":3,"file":"ReadonlyTextFieldTheme.js","sources":["../../../../../src/UNSAFE_TextField/themes/stable/ReadonlyTextFieldTheme.ts"],"sourcesContent":["import { variants, ReadonlyTextFieldTheme } from '../ReadonlyTextFieldStyles.css';\nimport { multiVariantStyles } from './ReadonlyTextFieldVariants.css';\n\nconst ReadonlyTextFieldStableTheme: ReadonlyTextFieldTheme = {\n  baseTheme: '',\n  multiVariantStyles,\n  variants\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { ReadonlyTextFieldStableTheme };\n"],"names":["ReadonlyTextFieldStableTheme","baseTheme","multiVariantStyles","variants"],"mappings":"uXAGA,MAAMA,EAAuD,CAC3DC,UAAW,sBACXC,EAAkBA,4BAClBC,EAAQA"}

package/amd/UNSAFE_TextField/themes/stable/ReadonlyTextFieldVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../SkeletonStyles.styles.css', 'css!./../../../TextFieldLoadingStyles.styles.css', 'css!./../../../ReadonlyTextFieldStyles.styles.css', 'css!./../../../ReadonlyTextFieldVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,i,n,t,a,o){"use strict";var l=o.createRuntimeFn({defaultClassName:"ReadonlyTextFieldStyles_readOnlyBase__71tiu80",variantClassNames:{insideNonReadonlyForm:{isInsideNonReadonlyForm:"ReadonlyTextFieldStyles_readonlyInsideEnabledForm__71tiu81",notInsideNonReadonlyForm:"ReadonlyTextFieldStyles_readonlyNotInsideEnabledForm__71tiu84"},insideLabel:{hasInsideLabel:"ReadonlyTextFieldStyles_readonlyLabelInside__71tiu86",noInsideLabel:""},textarea:{isTextArea:"ReadonlyTextFieldStyles_readonlyTextarea__71tiu82",notTextArea:""},loading:{isLoading:"TextFieldLoadingStyles_loadingStyles__1aqgcm00",notLoading:""},inputGroupPosition:{groupLeft:"",groupRight:"",groupMiddle:""},withinGroup:{isWithinGroup:""}},defaultVariants:{},compoundVariants:[[{textarea:"isTextArea",insideNonReadonlyForm:"notInsideNonReadonlyForm"},"ReadonlyTextFieldStyles_readonlyTextareaNotInsideEnabledForm__71tiu85"],[{insideLabel:"hasInsideLabel",insideNonReadonlyForm:"isInsideNonReadonlyForm"},"ReadonlyTextFieldStyles_readonlyInsideEnabledFormLabelInside__71tiu83"],[{withinGroup:"isWithinGroup",inputGroupPosition:"groupLeft"},"ReadonlyTextFieldVariants_multiVariantStyles_compound_2__a11ehsc"],[{withinGroup:"isWithinGroup",inputGroupPosition:"groupRight"},"ReadonlyTextFieldVariants_multiVariantStyles_compound_3__a11ehsd"],[{withinGroup:"isWithinGroup",inputGroupPosition:"groupMiddle"},"ReadonlyTextFieldVariants_multiVariantStyles_compound_4__a11ehse"],[{withinGroup:"isWithinGroup",insideLabel:"noInsideLabel"},"ReadonlyTextFieldVariants_multiVariantStyles_compound_5__a11ehsf"]]});e.multiVariantStyles=l,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../SkeletonStyles.styles.css', 'css!./../../../TextFieldLoadingStyles.styles.css', 'css!./../../../ReadonlyTextFieldStyles.styles.css', 'css!./../../../ReadonlyTextFieldVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-fbb7f9e5'], (function(e,i,n,t,a,o){"use strict";var l=o.createRuntimeFn({defaultClassName:"ReadonlyTextFieldStyles_readOnlyBase__71tiu80",variantClassNames:{insideNonReadonlyForm:{isInsideNonReadonlyForm:"ReadonlyTextFieldStyles_readonlyInsideEnabledForm__71tiu81",notInsideNonReadonlyForm:"ReadonlyTextFieldStyles_readonlyNotInsideEnabledForm__71tiu84"},insideLabel:{hasInsideLabel:"ReadonlyTextFieldStyles_readonlyLabelInside__71tiu86",noInsideLabel:""},textarea:{isTextArea:"ReadonlyTextFieldStyles_readonlyTextarea__71tiu82",notTextArea:""},loading:{isLoading:"TextFieldLoadingStyles_loadingStyles__1aqgcm00",notLoading:""},inputGroupPosition:{groupLeft:"",groupRight:"",groupMiddle:""},withinGroup:{isWithinGroup:""}},defaultVariants:{},compoundVariants:[[{textarea:"isTextArea",insideNonReadonlyForm:"notInsideNonReadonlyForm"},"ReadonlyTextFieldStyles_readonlyTextareaNotInsideEnabledForm__71tiu85"],[{insideLabel:"hasInsideLabel",insideNonReadonlyForm:"isInsideNonReadonlyForm"},"ReadonlyTextFieldStyles_readonlyInsideEnabledFormLabelInside__71tiu83"],[{withinGroup:"isWithinGroup",inputGroupPosition:"groupLeft"},"ReadonlyTextFieldVariants_multiVariantStyles_compound_2__a11ehsc"],[{withinGroup:"isWithinGroup",inputGroupPosition:"groupRight"},"ReadonlyTextFieldVariants_multiVariantStyles_compound_3__a11ehsd"],[{withinGroup:"isWithinGroup",inputGroupPosition:"groupMiddle"},"ReadonlyTextFieldVariants_multiVariantStyles_compound_4__a11ehse"],[{withinGroup:"isWithinGroup",insideLabel:"noInsideLabel"},"ReadonlyTextFieldVariants_multiVariantStyles_compound_5__a11ehsf"]]});e.multiVariantStyles=l,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ReadonlyTextFieldVariants.css.js.map

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

@@ -1,2 +1,2 @@
-define(['exports', '../TextFieldInputStyles.css', './TextFieldInputVariants.css', 'css!./../../../TextFieldInputStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,t,s,i,l){"use strict";const n={multiVariantStyles:s.multiVariantStyles,variants:t.variants,styles:t.textFieldInputStyles};e.TextFieldInputStableTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../TextFieldInputStyles.css', './TextFieldInputVariants.css', 'css!./../../../TextFieldInputStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-fbb7f9e5'], (function(e,t,s,i,l){"use strict";const n={multiVariantStyles:s.multiVariantStyles,variants:t.variants,styles:t.textFieldInputStyles};e.TextFieldInputStableTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TextFieldInputTheme.js.map

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

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../TextFieldInputStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,t,l){"use strict";var n=l.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"]]});e.multiVariantStyles=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../TextFieldInputStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-fbb7f9e5'], (function(e,t,l){"use strict";var n=l.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"]]});e.multiVariantStyles=n,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TextFieldInputVariants.css.js.map

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

@@ -1,2 +1,2 @@
-define(['exports', '../TextFieldStyles.css', './TextFieldBaseTheme.css', './TextFieldVariants.css', 'css!./../../../SkeletonStyles.styles.css', 'css!./../../../TextFieldLoadingStyles.styles.css', 'css!./../../../TextFieldStyles.styles.css', 'module', 'css!./../../../TextFieldVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,s,t,l,i,a,n,c,y,r){"use strict";const T={baseTheme:t.baseTheme,multiVariantStyles:l.multiVariantStyles,variants:s.variants,styles:s.styles};e.TextFieldStableTheme=T,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../TextFieldStyles.css', './TextFieldBaseTheme.css', './TextFieldVariants.css', 'css!./../../../SkeletonStyles.styles.css', 'css!./../../../TextFieldLoadingStyles.styles.css', 'css!./../../../TextFieldStyles.styles.css', 'module', 'css!./../../../TextFieldVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-fbb7f9e5'], (function(e,s,t,l,i,a,n,c,y,r){"use strict";const T={baseTheme:t.baseTheme,multiVariantStyles:l.multiVariantStyles,variants:s.variants,styles:s.styles};e.TextFieldStableTheme=T,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TextFieldTheme.js.map

package/amd/UNSAFE_TextField/themes/stable/TextFieldTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTheme.js","sources":["../../../../../src/UNSAFE_TextField/themes/stable/TextFieldTheme.ts"],"sourcesContent":["import { styles, variants, TextFieldTheme } from '../TextFieldStyles.css';\nimport { baseTheme } from './TextFieldBaseTheme.css';\nimport { multiVariantStyles } from './TextFieldVariants.css';\n\nconst TextFieldStableTheme: TextFieldTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { TextFieldStableTheme };\n"],"names":["TextFieldStableTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"uZAIA,MAAMA,EAAuC,WAC3CC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"TextFieldTheme.js","sources":["../../../../../src/UNSAFE_TextField/themes/stable/TextFieldTheme.ts"],"sourcesContent":["import { styles, variants, TextFieldTheme } from '../TextFieldStyles.css';\nimport { baseTheme } from './TextFieldBaseTheme.css';\nimport { multiVariantStyles } from './TextFieldVariants.css';\n\nconst TextFieldStableTheme: TextFieldTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { TextFieldStableTheme };\n"],"names":["TextFieldStableTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"wZAIA,MAAMA,EAAuC,WAC3CC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}

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

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../SkeletonStyles.styles.css', 'css!./../../../TextFieldLoadingStyles.styles.css', 'css!./../../../TextFieldStyles.styles.css', 'css!./../../../TextFieldVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,t,i,a,n,l){"use strict";var s=l.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"]]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../SkeletonStyles.styles.css', 'css!./../../../TextFieldLoadingStyles.styles.css', 'css!./../../../TextFieldStyles.styles.css', 'css!./../../../TextFieldVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-fbb7f9e5'], (function(e,t,i,a,n,l){"use strict";var s=l.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"]]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TextFieldVariants.css.js.map

package/amd/UNSAFE_TextField.js

@@ -1,2 +1,2 @@
-define(['exports', './ReadonlyTextFieldInput-56155934', 'preact/jsx-runtime', './hooks/UNSAFE_useFormContext', './UNSAFE_LabelValueLayout', './utils/UNSAFE_classNames', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useInputGroupContext', './hooks/UNSAFE_useUser', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme', './classNames-2ae809ea', './UNSAFE_Flex', './Flex-1ffbde86', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './TextFieldInput-dd9f56b2', 'preact', './hooks/UNSAFE_useDebounce', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_LiveRegion', './hooks/UNSAFE_useAccessibleContext', 'preact/hooks', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_interpolations/text', 'module', './index-801cdb22', './utils/UNSAFE_mergeInterpolations', './_curry1-12d8a4c2', './_curry3-46de190a', './_curry2-d7eb25cd', './_has-72ed1986', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldInputStyles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-91efbe77', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-ac6bf383', './Common/themes/themeContract.css', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_interpolations/boxalignment', './keys-d771635a', './utils/UNSAFE_interpolations/flexbox', './flexbox-fe6e1c28', './utils/UNSAFE_interpolations/flexitem', './flexitem-dab4db50', './utils/UNSAFE_logger', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles2.css', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './index-e12e679d', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat', './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css', 'css!./ReadonlyTextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css', 'css!./ReadonlyTextFieldVariants.styles2.css', './UNSAFE_Skeleton/themes/SkeletonStyles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './hooks/UNSAFE_useTextFieldInputHandlers', './utils/PRIVATE_clientHints', './clientHints-0d755236', './utils/UNSAFE_mergeProps', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './UNSAFE_TextField/themes/TextFieldInputStyles.css', 'css!./TextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputVariants.css'], (function(e,s,t,o,n,l,a,i,d,r,m,u,F,c,h,x,T,S,y,p,N,b,E,A,U,_,L,C,R,g,w,I,f,v,j,V,k,B,M,G,D,W,z,H,P,K,O,Z,$,X,q,J,Q,Y,ee,se,te,oe,ne,le,ae,ie,de,re,me,ue,Fe,ce,he,xe,Te,Se,ye,pe,Ne,be,Ee,Ae,Ue,_e,Le,Ce,Re,ge,we,Ie,fe,ve,je,Ve,ke,Be,Me,Ge,De,We){"use strict";const ze=({outerClassNames:e,innerClassNames:s,label:o,labelEdge:l,labelStartWidth:a,compactUserAssistance:i,inlineUserAssistance:d,children:r,...m})=>t.jsxs("div",{...m,class:e,children:[i,t.jsx(n.LabelValueLayout,{label:o,labelEdge:l,labelStartWidth:a,children:t.jsx("div",{class:s,children:r})}),d]}),He=({outerClassNames:e,innerClassNames:s,compactUserAssistance:o,inlineUserAssistance:n,children:l,...a})=>t.jsxs("div",{...a,class:e,children:[o,t.jsx("div",{class:s,children:l}),n]}),Pe=({contentVariant:e="input",insideLabel:s,mainContent:o,startContent:n,statusVariant:l="none",styleVariant:u="default",endContent:F,resize:c,rootRef:x})=>{const{isDisabled:S,isFocused:y,isLoading:p}=a.useFormFieldContext(),{direction:N}=r.useUser(),b="ltr"===N,E=void 0!==s,A=d.useInputGroupContext(),U=null!==A,_=A?A.last?b?"groupRight":"groupLeft":0===A.index?b?"groupLeft":"groupRight":"groupMiddle":void 0,{variantClasses:L,styles:C}=i.useComponentTheme(m.TextFieldRedwoodTheme,{statusVariant:l,styleVariant:u,contentVariant:e,insideLabel:E?"hasInsideLabel":"noInsideLabel",focused:y?"isFocused":"notFocused",disabled:S?"isDisabled":"notDisabled",loading:p?"isLoading":"notLoading",resize:c??"none",withinGroup:U?"isWithinGroup":void 0,inputGroupPosition:_}),{textFieldContainerBase:R,textFieldStartContentLabelInside:g,textFieldStartContentBase:w,textFieldStartContentDisabled:I,textFieldMiddleBase:f,textFieldMiddleTextarea:v,textFieldEndContentBase:j,textFieldEndContentLabelInside:V}=C,k=h.classNames([w,E&&g,S&&I]),B=h.classNames([f,"textarea"===e&&v]),M=h.classNames([j,E&&V]);return t.jsxs("div",{role:"presentation",class:h.classNames([L,R]),ref:x,children:[n&&t.jsx("span",{class:k,children:t.jsx(T.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:n})}),t.jsxs("div",{class:B,children:[s,o]}),F&&t.jsx("span",{class:M,children:t.jsx(T.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:F})})]})},Ke=({hasInsideLabel:e=!1,variant:s="default",...o})=>{const n=d.useInputGroupContext(),{isReadonly:l}=a.useFormFieldContext(),{baseTheme:r}=i.useComponentTheme(F.FormLayoutRedwoodTheme),{baseTheme:c}=i.useComponentTheme(u.LabelRedwoodTheme),{classes:x,styles:T}=i.useComponentTheme(m.TextFieldRedwoodTheme,{readonly:l?"isReadonly":"notReadonly",formControlInsideLabel:e?"hasInsideLabel":"noInsideLabel",withinGroup:null!==n?"isWithinGroup":void 0}),{formControlBase:y,textFieldBase:p,textFieldEmbedded:N}=T,{baseTheme:b}=i.useComponentTheme(S.SkeletonRedwoodTheme),E=h.classNames([b,y,p,"embedded"===s&&N,x,r,c]);return t.jsx("div",{...o,class:E})},Oe=500;e.ReadonlyTextFieldInput=s.ReadonlyTextFieldInput,e.TextFieldInput=y.TextFieldInput,e.getInputId=y.getInputId,e.MaxLengthLiveRegion=function({isMaxLengthExceeded:e,maxLength:s,valueLength:o=0}){const n=N.useDebounce(s-o,Oe),l=b.useTranslationBundle("@oracle/oraclejet-preact"),a=l.formControl_maxLengthExceeded({MAX_LENGTH:`${s}`}),i=l.formControl_maxLengthRemaining({CHARACTER_COUNT:`${n}`});return t.jsxs(p.Fragment,{children:[t.jsx(E.LiveRegion,{children:i}),e&&t.jsx(E.LiveRegion,{type:"assertive",children:a})]})},e.ReadonlyTextField=({label:e,labelEdge:s,children:n,variant:l,...x})=>{const{isFormLayout:T,isReadonly:S}=o.useFormContext(),{isLoading:y}=a.useFormFieldContext(),p=void 0!==e&&"inside"===s,N=T&&!S,{direction:b}=r.useUser(),E="ltr"===b,A=d.useInputGroupContext(),U=null!==A,_=A?A.last?E?"groupRight":"groupLeft":0===A.index?E?"groupLeft":"groupRight":"groupMiddle":void 0,{classes:L,styles:C}=i.useComponentTheme(m.TextFieldRedwoodTheme,{readonly:"isReadonly"}),{baseTheme:R}=i.useComponentTheme(u.LabelRedwoodTheme),{baseTheme:g}=i.useComponentTheme(F.FormLayoutRedwoodTheme),{classes:w}=i.useComponentTheme(c.ReadonlyTextFieldRedwoodTheme,{insideNonReadonlyForm:N?"isInsideNonReadonlyForm":"notInsideNonReadonlyForm",insideLabel:p?"hasInsideLabel":"noInsideLabel",textarea:"textarea"===l?"isTextArea":"notTextArea",loading:y?"isLoading":"notLoading",withinGroup:U?"isWithinGroup":void 0,inputGroupPosition:_}),{formControlBase:I}=C,f=h.classNames([L,I,g,R]);return void 0===e||"start"!==s&&"top"!==s?t.jsxs(He,{outerClassNames:f,innerClassNames:w,...x,children:[e,n]}):t.jsx(ze,{outerClassNames:f,innerClassNames:w,label:e,labelEdge:s,...x,children:n})},e.TextField=({contentVariant:e,id:s,endContent:o,mainContent:l,startContent:a,compactUserAssistance:i,inlineUserAssistance:d,label:r,labelEdge:m,labelStartWidth:u,mainFieldRef:F,resize:c,statusVariant:h,styleVariant:x,onFocus:T,onBlur:S,onKeyDown:y,onMouseDown:p,onMouseEnter:N,onMouseLeave:b})=>{const E=void 0!==r&&("start"===m||"top"===m),A=t.jsx(Pe,{contentVariant:e,endContent:o,mainContent:l,resize:c,rootRef:F,startContent:a,statusVariant:h,styleVariant:x,...E?{}:{insideLabel:r}}),U=t.jsxs(t.Fragment,{children:[i,A,d]}),_=E?t.jsx(n.LabelValueLayout,{label:r,labelEdge:m,labelStartWidth:u,children:U}):U;return t.jsx(Ke,{id:s,hasInsideLabel:void 0!==r&&"inside"===m,onfocusin:T,onfocusout:S,onKeyDown:y,onMouseDown:p,onMouseEnter:N,onMouseLeave:b,variant:x,children:_})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './ReadonlyTextFieldInput-c559bb7c', 'preact/jsx-runtime', './hooks/UNSAFE_useFormContext', './UNSAFE_LabelValueLayout', './utils/UNSAFE_classNames', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useInputGroupContext', './hooks/UNSAFE_useUser', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme', './classNames-06ec52d8', './UNSAFE_Flex', './Flex-d9b40658', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './TextFieldInput-3749fad6', 'preact', './hooks/UNSAFE_useDebounce', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_LiveRegion', './hooks/UNSAFE_useAccessibleContext', 'preact/hooks', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_interpolations/text', 'module', './index-2a848695', './utils/UNSAFE_mergeInterpolations', './_curry1-3c0828f5', './_curry3-7ea8f124', './_curry2-46325ce8', './_has-7f313bf3', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldInputStyles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-fbb7f9e5', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-5c3646a3', './Common/themes/themeContract.css', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_interpolations/boxalignment', './keys-b3fb358c', './utils/UNSAFE_interpolations/flexbox', './flexbox-ab69510a', './utils/UNSAFE_interpolations/flexitem', './flexitem-441276ea', './utils/UNSAFE_logger', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './index-f13900e9', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat', './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css', 'css!./ReadonlyTextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css', 'css!./ReadonlyTextFieldVariants.styles.css', './UNSAFE_Skeleton/themes/SkeletonStyles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './hooks/UNSAFE_useTextFieldInputHandlers', './utils/PRIVATE_clientHints', './clientHints-753f9fc9', './utils/UNSAFE_mergeProps', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './UNSAFE_TextField/themes/TextFieldInputStyles.css', 'css!./TextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputVariants.css'], (function(e,s,t,o,n,l,a,i,d,r,m,u,F,c,h,x,T,S,y,p,b,N,E,A,U,_,L,C,R,g,w,f,I,v,j,V,k,B,M,G,D,W,z,H,P,K,O,Z,$,X,q,J,Q,Y,ee,se,te,oe,ne,le,ae,ie,de,re,me,ue,Fe,ce,he,xe,Te,Se,ye,pe,be,Ne,Ee,Ae,Ue,_e,Le,Ce,Re,ge,we,fe,Ie,ve,je,Ve,ke,Be,Me,Ge,De,We){"use strict";const ze=({outerClassNames:e,innerClassNames:s,label:o,labelEdge:l,labelStartWidth:a,compactUserAssistance:i,inlineUserAssistance:d,children:r,...m})=>t.jsxs("div",{...m,class:e,children:[i,t.jsx(n.LabelValueLayout,{label:o,labelEdge:l,labelStartWidth:a,children:t.jsx("div",{class:s,children:r})}),d]}),He=({outerClassNames:e,innerClassNames:s,compactUserAssistance:o,inlineUserAssistance:n,children:l,...a})=>t.jsxs("div",{...a,class:e,children:[o,t.jsx("div",{class:s,children:l}),n]}),Pe=({contentVariant:e="input",insideLabel:s,mainContent:o,startContent:n,statusVariant:l="none",styleVariant:u="default",endContent:F,resize:c,rootRef:x})=>{const{isDisabled:S,isFocused:y,isLoading:p}=a.useFormFieldContext(),{direction:b}=r.useUser(),N="ltr"===b,E=void 0!==s,A=d.useInputGroupContext(),U=null!==A,_=A?A.last?N?"groupRight":"groupLeft":0===A.index?N?"groupLeft":"groupRight":"groupMiddle":void 0,{variantClasses:L,styles:C}=i.useComponentTheme(m.TextFieldRedwoodTheme,{statusVariant:l,styleVariant:u,contentVariant:e,insideLabel:E?"hasInsideLabel":"noInsideLabel",focused:y?"isFocused":"notFocused",disabled:S?"isDisabled":"notDisabled",loading:p?"isLoading":"notLoading",resize:c??"none",withinGroup:U?"isWithinGroup":void 0,inputGroupPosition:_}),{textFieldContainerBase:R,textFieldStartContentLabelInside:g,textFieldStartContentBase:w,textFieldStartContentDisabled:f,textFieldMiddleBase:I,textFieldMiddleTextarea:v,textFieldEndContentBase:j,textFieldEndContentLabelInside:V}=C,k=h.classNames([w,E&&g,S&&f]),B=h.classNames([I,"textarea"===e&&v]),M=h.classNames([j,E&&V]);return t.jsxs("div",{role:"presentation",class:h.classNames([L,R]),ref:x,children:[n&&t.jsx("span",{class:k,children:t.jsx(T.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:n})}),t.jsxs("div",{class:B,children:[s,o]}),F&&t.jsx("span",{class:M,children:t.jsx(T.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:F})})]})},Ke=({hasInsideLabel:e=!1,variant:s="default",...o})=>{const n=d.useInputGroupContext(),{isReadonly:l}=a.useFormFieldContext(),{baseTheme:r}=i.useComponentTheme(F.FormLayoutRedwoodTheme),{baseTheme:c}=i.useComponentTheme(u.LabelRedwoodTheme),{classes:x,styles:T}=i.useComponentTheme(m.TextFieldRedwoodTheme,{readonly:l?"isReadonly":"notReadonly",formControlInsideLabel:e?"hasInsideLabel":"noInsideLabel",withinGroup:null!==n?"isWithinGroup":void 0}),{formControlBase:y,textFieldBase:p,textFieldEmbedded:b}=T,{baseTheme:N}=i.useComponentTheme(S.SkeletonRedwoodTheme),E=h.classNames([N,y,p,"embedded"===s&&b,x,r,c]);return t.jsx("div",{...o,class:E})},Oe=500;e.ReadonlyTextFieldInput=s.ReadonlyTextFieldInput,e.TextFieldInput=y.TextFieldInput,e.getInputId=y.getInputId,e.MaxLengthLiveRegion=function({isMaxLengthExceeded:e,maxLength:s,valueLength:o=0}){const n=b.useDebounce(s-o,Oe),l=N.useTranslationBundle("@oracle/oraclejet-preact"),a=l.formControl_maxLengthExceeded({MAX_LENGTH:`${s}`}),i=l.formControl_maxLengthRemaining({CHARACTER_COUNT:`${n}`});return t.jsxs(p.Fragment,{children:[t.jsx(E.LiveRegion,{children:i}),e&&t.jsx(E.LiveRegion,{type:"assertive",children:a})]})},e.ReadonlyTextField=({label:e,labelEdge:s,children:n,variant:l,...x})=>{const{isFormLayout:T,isReadonly:S}=o.useFormContext(),{isLoading:y}=a.useFormFieldContext(),p=void 0!==e&&"inside"===s,b=T&&!S,{direction:N}=r.useUser(),E="ltr"===N,A=d.useInputGroupContext(),U=null!==A,_=A?A.last?E?"groupRight":"groupLeft":0===A.index?E?"groupLeft":"groupRight":"groupMiddle":void 0,{classes:L,styles:C}=i.useComponentTheme(m.TextFieldRedwoodTheme,{readonly:"isReadonly"}),{baseTheme:R}=i.useComponentTheme(u.LabelRedwoodTheme),{baseTheme:g}=i.useComponentTheme(F.FormLayoutRedwoodTheme),{classes:w}=i.useComponentTheme(c.ReadonlyTextFieldRedwoodTheme,{insideNonReadonlyForm:b?"isInsideNonReadonlyForm":"notInsideNonReadonlyForm",insideLabel:p?"hasInsideLabel":"noInsideLabel",textarea:"textarea"===l?"isTextArea":"notTextArea",loading:y?"isLoading":"notLoading",withinGroup:U?"isWithinGroup":void 0,inputGroupPosition:_}),{formControlBase:f}=C,I=h.classNames([L,f,g,R]);return void 0===e||"start"!==s&&"top"!==s?t.jsxs(He,{outerClassNames:I,innerClassNames:w,...x,children:[e,n]}):t.jsx(ze,{outerClassNames:I,innerClassNames:w,label:e,labelEdge:s,...x,children:n})},e.TextField=({contentVariant:e,id:s,endContent:o,mainContent:l,startContent:a,compactUserAssistance:i,inlineUserAssistance:d,label:r,labelEdge:m,labelStartWidth:u,mainFieldRef:F,resize:c,statusVariant:h,styleVariant:x,onFocus:T,onBlur:S,onKeyDown:y,onMouseDown:p,onMouseEnter:b,onMouseLeave:N})=>{const E=void 0!==r&&("start"===m||"top"===m),A=t.jsx(Pe,{contentVariant:e,endContent:o,mainContent:l,resize:c,rootRef:F,startContent:a,statusVariant:h,styleVariant:x,...E?{}:{insideLabel:r}}),U=t.jsxs(t.Fragment,{children:[i,A,d]}),_=E?t.jsx(n.LabelValueLayout,{label:r,labelEdge:m,labelStartWidth:u,children:U}):U;return t.jsx(Ke,{id:s,hasInsideLabel:void 0!==r&&"inside"===m,onfocusin:T,onfocusout:S,onKeyDown:y,onMouseDown:p,onMouseEnter:b,onMouseLeave:N,variant:x,children:_})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_TextField.js.map

package/amd/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/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/TextField.tsx"],"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 { 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","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"],"names":["StartTopLabelReadonlyTextField","outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","compactUserAssistance","inlineUserAssistance","children","props","_jsxs","jsxs","class","_jsx","LabelValueLayout","InsideLabelReadonlyTextField","TextFieldContent","contentVariant","insideLabel","mainContent","startContent","statusVariant","styleVariant","endContent","resize","rootRef","isDisabled","isFocused","isLoading","useFormFieldContext","direction","useUser","isLtr","hasInsideLabel","undefined","inputGroupContext","useInputGroupContext","hasGroupContext","inputGroupPosition","last","index","variantClasses","styles","useComponentTheme","TextFieldRedwoodTheme","focused","disabled","loading","withinGroup","textFieldContainerBase","textFieldStartContentLabelInside","textFieldStartContentBase","textFieldStartContentDisabled","textFieldMiddleBase","textFieldMiddleTextarea","textFieldEndContentBase","textFieldEndContentLabelInside","startContentStyles","classNames","middleStyles","endContentStyles","role","ref","jsx","Flex","justify","align","hasZeroMargins","StyledTextField","variant","groupContext","isReadonly","baseTheme","formLayoutTheme","FormLayoutRedwoodTheme","labelBaseTheme","LabelRedwoodTheme","classes","textFieldClasses","readonly","formControlInsideLabel","formControlBase","textFieldBase","textFieldEmbedded","skeletonBaseTheme","SkeletonRedwoodTheme","MAX_LENGTH_UPDATE_DELAY","isMaxLengthExceeded","maxLength","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","Fragment","LiveRegion","type","isFormLayout","isReadonlyForm","useFormContext","isInsideNonReadonlyForm","readonlyClassNames","ReadonlyTextFieldRedwoodTheme","insideNonReadonlyForm","textarea","id","mainFieldRef","onFocus","onBlur","onKeyDown","onMouseDown","onMouseEnter","onMouseLeave","isStartTop","textFieldContent","innerContent","_Fragment","styledTextFieldChildren","onfocusin","onfocusout"],"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/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/TextField.tsx"],"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 { 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","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"],"names":["StartTopLabelReadonlyTextField","outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","compactUserAssistance","inlineUserAssistance","children","props","_jsxs","jsxs","class","_jsx","LabelValueLayout","InsideLabelReadonlyTextField","TextFieldContent","contentVariant","insideLabel","mainContent","startContent","statusVariant","styleVariant","endContent","resize","rootRef","isDisabled","isFocused","isLoading","useFormFieldContext","direction","useUser","isLtr","hasInsideLabel","undefined","inputGroupContext","useInputGroupContext","hasGroupContext","inputGroupPosition","last","index","variantClasses","styles","useComponentTheme","TextFieldRedwoodTheme","focused","disabled","loading","withinGroup","textFieldContainerBase","textFieldStartContentLabelInside","textFieldStartContentBase","textFieldStartContentDisabled","textFieldMiddleBase","textFieldMiddleTextarea","textFieldEndContentBase","textFieldEndContentLabelInside","startContentStyles","classNames","middleStyles","endContentStyles","role","ref","jsx","Flex","justify","align","hasZeroMargins","StyledTextField","variant","groupContext","isReadonly","baseTheme","formLayoutTheme","FormLayoutRedwoodTheme","labelBaseTheme","LabelRedwoodTheme","classes","textFieldClasses","readonly","formControlInsideLabel","formControlBase","textFieldBase","textFieldEmbedded","skeletonBaseTheme","SkeletonRedwoodTheme","MAX_LENGTH_UPDATE_DELAY","isMaxLengthExceeded","maxLength","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","Fragment","LiveRegion","type","isFormLayout","isReadonlyForm","useFormContext","isInsideNonReadonlyForm","readonlyClassNames","ReadonlyTextFieldRedwoodTheme","insideNonReadonlyForm","textarea","id","mainFieldRef","onFocus","onBlur","onKeyDown","onMouseDown","onMouseEnter","onMouseLeave","isStartTop","textFieldContent","innerContent","_Fragment","styledTextFieldChildren","onfocusin","onfocusout"],"mappings":"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"}

package/amd/UNSAFE_Theme.js

@@ -1,2 +1,2 @@
-define(['exports', './utils-ac6bf383', './Common/themes/themeContract.css'], (function(S,o,e){"use strict";const E="oj-scale-sm",L=`.${E}, :root.${E}`,C="oj-scale-md",_=`.${C}, :root.${C}`,c="oj-scale-lg",t=`.${c}`,r="oj-scale-dependent",s=`.${r}, :root.${E}, :root.${C}`;S.fallbackVar=o.fallbackVar,S.max=o.max,S.min=o.min,S.rgb=o.rgb,S.rgba=o.rgba,S.xUnits=o.xUnits,S.COLORSCHEME_DEPENDENT_CLASS="oj-c-colorscheme-dependent",S.DARK_CLASS="oj-c-colorscheme-dark",S.INVERT_CLASS="oj-color-invert",S.LIGHT_CLASS="oj-c-colorscheme-light",S.SCALE_DEFAULT_SELECTORS=":root",S.SCALE_DEPENDENT_CLASS=r,S.SCALE_DEPENDENT_SELECTORS=s,S.SCALE_LG_CLASS=c,S.SCALE_LG_SELECTORS=t,S.SCALE_MD_CLASS=C,S.SCALE_MD_SELECTORS=_,S.SCALE_SM_CLASS=E,S.SCALE_SM_SELECTORS=L,Object.defineProperty(S,"__esModule",{value:!0})}));
+define(['exports', './utils-5c3646a3', './Common/themes/themeContract.css'], (function(S,o,e){"use strict";const E="oj-scale-sm",L=`.${E}, :root.${E}`,C="oj-scale-md",_=`.${C}, :root.${C}`,c="oj-scale-lg",t=`.${c}`,r="oj-scale-dependent",s=`.${r}, :root.${E}, :root.${C}`;S.fallbackVar=o.fallbackVar,S.max=o.max,S.min=o.min,S.rgb=o.rgb,S.rgba=o.rgba,S.xUnits=o.xUnits,S.COLORSCHEME_DEPENDENT_CLASS="oj-c-colorscheme-dependent",S.DARK_CLASS="oj-c-colorscheme-dark",S.INVERT_CLASS="oj-color-invert",S.LIGHT_CLASS="oj-c-colorscheme-light",S.SCALE_DEFAULT_SELECTORS=":root",S.SCALE_DEPENDENT_CLASS=r,S.SCALE_DEPENDENT_SELECTORS=s,S.SCALE_LG_CLASS=c,S.SCALE_LG_SELECTORS=t,S.SCALE_MD_CLASS=C,S.SCALE_MD_SELECTORS=_,S.SCALE_SM_CLASS=E,S.SCALE_SM_SELECTORS=L,Object.defineProperty(S,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Theme.js.map

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

@@ -1,2 +1,2 @@
-define(['exports', '../TrainStyles.css', './TrainBaseTheme.css', './TrainVariants.css', 'css!./../../../TrainStyles.styles.css', 'module', 'css!./../../../TrainVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,s,a,t,i,n,r,l){"use strict";const c={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.TrainRedwoodTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../TrainStyles.css', './TrainBaseTheme.css', './TrainVariants.css', 'css!./../../../TrainStyles.styles.css', 'module', 'css!./../../../TrainVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-fbb7f9e5'], (function(e,s,a,t,i,n,r,l){"use strict";const c={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.TrainRedwoodTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TrainTheme.js.map

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

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../TrainStyles.styles.css', 'css!./../../../TrainVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,s,t,n){"use strict";var i=n.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"]]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../TrainStyles.styles.css', 'css!./../../../TrainVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-fbb7f9e5'], (function(e,s,t,n){"use strict";var i=n.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"]]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TrainVariants.css.js.map

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

@@ -1,2 +1,2 @@
-define(['exports', '../TrainStyles.css', './TrainBaseTheme.css', './TrainVariants.css', 'css!./../../../TrainStyles.styles.css', 'module', 'css!./../../../TrainVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,s,a,t,i,n,r,l){"use strict";const c={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.TrainStableTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../TrainStyles.css', './TrainBaseTheme.css', './TrainVariants.css', 'css!./../../../TrainStyles.styles.css', 'module', 'css!./../../../TrainVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-fbb7f9e5'], (function(e,s,a,t,i,n,r,l){"use strict";const c={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.TrainStableTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TrainTheme.js.map

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

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../TrainStyles.styles.css', 'css!./../../../TrainVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,s,t,n){"use strict";var i=n.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"]]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../TrainStyles.styles.css', 'css!./../../../TrainVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-fbb7f9e5'], (function(e,s,t,n){"use strict";var i=n.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"]]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TrainVariants.css.js.map

package/amd/UNSAFE_Train.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Train/themes/redwood/TrainTheme', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_classNames', './utils/UNSAFE_mergeProps', './classNames-2ae809ea', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './hooks/UNSAFE_useActive', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_HiddenAccessible', './HiddenAccessible-790dc695', './utils/UNSAFE_logger', './_curry1-12d8a4c2', './_curry2-d7eb25cd', './UNSAFE_Train/themes/TrainStyles.css', 'css!./TrainStyles.styles.css', './UNSAFE_Train/themes/redwood/TrainBaseTheme.css', 'module', './UNSAFE_Train/themes/redwood/TrainVariants.css', 'css!./TrainVariants.styles2.css', './vanilla-extract-recipes-createRuntimeFn.esm-91efbe77', './utils/PRIVATE_clientHints', './clientHints-0d755236', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './UNSAFE_Icon', './Icon-bd23cf70', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-ac6bf383', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-589b39b6', 'preact/compat', './index-95d915df', './hooks/UNSAFE_useUser', './index-e12e679d', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-4c51fd39', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-fb2dc27f', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-46de190a', './_has-72ed1986', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-103e527d', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', 'module'], (function(e,s,t,o,n,i,a,r,l,c,d,p,u,m,S,h,T,A,_,y,E,F,v,N,b,g,C,U,I,x,f,H,P,k,w,V,D,j,B,R,M,L,O,$,W,z,q,G,J,K,Q,X,Y,Z,ee,se,te,oe,ne,ie,ae,re,le,ce,de,pe,ue,me,Se,he,Te,Ae,_e,ye,Ee,Fe,ve,Ne,be,ge,Ce,Ue,Ie,xe,fe){"use strict";const He=o.createContext(null);const Pe=({isConnected:e})=>{const{styles:t,variantClasses:o}=n.useComponentTheme(i.TrainRedwoodTheme,{connectorConnected:e?"isConnected":"notConnected"});return s.jsx("span",{class:d.classNames([t.connectorBaseStyle,o])})},ke={confirmation:p.MessageConfirmationIcon,error:u.MessageErrorIcon,fatal:u.MessageErrorIcon,info:m.MessageInfoIcon,warning:S.MessageWarningIcon};function we({messageType:e,isDisabled:t=!1}){const o=ke[e],{styles:a,variantClasses:r}=n.useComponentTheme(i.TrainRedwoodTheme,{messageType:e,stepIconDisabled:t?"isDisabled":"notDisabled"});return s.jsx("div",{class:d.classNames([a.messageTypeIconBaseStyle,r]),role:"presentation",children:s.jsx(o,{})})}const Ve=({isDisabled:e,isVisited:o,messageType:a})=>{const{index:l,selectedStepIndex:p}=t.useContext(He),u=p===l,{interactionProps:m,applyPseudoHoverStyle:S,applyHoverStyle:T}=r.useInteractionStyle(e||u),{isActive:A,activeProps:_}=h.useActive({isDisabled:e||u});console.log("isActive",A);const y=c.mergeProps(m,_),{styles:E,variantClasses:F}=n.useComponentTheme(i.TrainRedwoodTheme,{stepIconDisabled:e?"isDisabled":"notDisabled",stepIconCurrent:u?"isCurrent":"notCurrent",stepIconVisited:o?"isVisited":"notVisited",stepIconNeedsEventsHover:T?"isNeedsEventsHover":"notNeedsEventsHover",stepIconPseudoHover:S?"isPseudoHover":"notPseudoHover",stepIconActive:A?"isActive":"notActive"});return s.jsx("span",{class:E.stepIconContainerStyle,children:a?s.jsx(we,{messageType:a,isDisabled:e}):s.jsx("span",{...y,class:d.classNames([E.stepIconBaseStyle,F]),children:l+1})})},De=({label:e,isDisabled:o,isVisited:a,messageType:l})=>{const{numberOfSteps:c,index:p,selectedStepIndex:u}=t.useContext(He),m=T.useTranslationBundle("@oracle/oraclejet-preact"),S=u===p,{interactionProps:h,applyPseudoHoverStyle:A,applyHoverStyle:y}=r.useInteractionStyle(o||S),E=S?m.train_current():a?m.train_visited():m.train_not_visited(),F=p+1,v=l?`${m.train_status({currentStep:F.toString(),numberOfSteps:c.toString()})}. ${E}, ${m.train_message_type()}: ${l}`:`${m.train_status({currentStep:F.toString(),numberOfSteps:c.toString()})}. ${E}`,{styles:N,variantClasses:b}=n.useComponentTheme(i.TrainRedwoodTheme,{stepLabelDisabled:o?"isDisabled":"notDisabled",stepLabelCurrent:S?"isCurrent":"notCurrent",stepLabelVisited:a?"isVisited":"notVisited",stepLabelNeedsEventsHover:y?"isNeedsEventsHover":"notNeedsEventsHover",stepLabelPseudoHover:A?"isPseudoHover":"notPseudoHover"});return s.jsx("span",{class:N.stepLabelWrapperStyle,children:s.jsxs("a",{...h,href:"#",class:d.classNames([N.stepLabelBaseStyle,b]),onClick:e=>{e.preventDefault()},children:[e,s.jsx(_.HiddenAccessible,{children:v})]})})};e.Step=({id:e,isDisabled:o,isVisited:l,messageType:p,label:u})=>{const{onSelect:m,numberOfSteps:S,selectedStepIndex:h,index:T}=t.useContext(He)||(()=>{throw new Error("Step component must be rendered within a Train component.")})(),A=h===T,[_,y]=t.useState(!1),{interactionProps:E,applyPseudoHoverStyle:F,applyHoverStyle:v}=r.useInteractionStyle(o||A),N=h>T,b=t.useCallback((s=>{o||A||m(s,e)}),[o,m,e]),{pressProps:g}=a.usePress(b,{}),C=T!==S-1,U=t.useCallback((()=>{y(!1)}),[_]),I=t.useCallback((()=>{y(!0)}),[_]),{styles:x,variantClasses:f}=n.useComponentTheme(i.TrainRedwoodTheme,{stepDisabled:o?"isDisabled":"notDisabled",needsEventsHover:v?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:F?"isPseudoHover":"notPseudoHover",stepActive:_&&!A?"isActive":"notActive"}),H=c.mergeProps(g,E,{onMouseUp:U,onMouseDown:I});return s.jsxs("span",{class:x.stepContainerStyle,children:[C&&s.jsx(Pe,{isConnected:N}),s.jsxs("span",{...H,class:d.classNames([x.stepBaseStyle,f]),children:[s.jsx(Ve,{isVisited:l,isDisabled:o,messageType:p}),s.jsx(De,{label:u,isVisited:l,isDisabled:o,messageType:p})]})]})},e.Train=function({onSelect:e,selectedStep:a,children:r}){const{classes:l,styles:c}=n.useComponentTheme(i.TrainRedwoodTheme),d=r.findIndex((e=>e.props.id===a)),p={onSelect:t.useCallback(((s,t)=>{e?.({event:s,toStep:t})}),[e]),selectedStep:a,selectedStepIndex:d,numberOfSteps:r.length,index:0},u=o.toChildArray(r).filter(Boolean);return s.jsx("div",{class:l,children:u.map(((e,t)=>s.jsx(He.Provider,{value:{...p,index:t},children:s.jsx("div",{class:c.baseListStyle,children:e})})))})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Train/themes/redwood/TrainTheme', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_classNames', './utils/UNSAFE_mergeProps', './classNames-06ec52d8', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './hooks/UNSAFE_useActive', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_HiddenAccessible', './HiddenAccessible-c7cb684e', './utils/UNSAFE_logger', './_curry1-3c0828f5', './_curry2-46325ce8', './UNSAFE_Train/themes/TrainStyles.css', 'css!./TrainStyles.styles.css', './UNSAFE_Train/themes/redwood/TrainBaseTheme.css', 'module', './UNSAFE_Train/themes/redwood/TrainVariants.css', 'css!./TrainVariants.styles2.css', './vanilla-extract-recipes-createRuntimeFn.esm-fbb7f9e5', './utils/PRIVATE_clientHints', './clientHints-753f9fc9', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './UNSAFE_Icon', './Icon-7ccbf5bd', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-5c3646a3', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-4eb5c1a8', 'preact/compat', './index-26ccb963', './hooks/UNSAFE_useUser', './index-f13900e9', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-983380c7', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-9baaf0e3', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-7ea8f124', './_has-7f313bf3', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-f70f93a7', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles2.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', 'module'], (function(e,s,t,o,n,i,a,r,l,c,d,p,u,m,S,h,T,A,_,y,E,F,v,N,b,g,C,U,I,x,f,H,P,k,w,V,D,j,B,R,M,L,O,$,W,z,q,G,J,K,Q,X,Y,Z,ee,se,te,oe,ne,ie,ae,re,le,ce,de,pe,ue,me,Se,he,Te,Ae,_e,ye,Ee,Fe,ve,Ne,be,ge,Ce,Ue,Ie,xe,fe){"use strict";const He=o.createContext(null);const Pe=({isConnected:e})=>{const{styles:t,variantClasses:o}=n.useComponentTheme(i.TrainRedwoodTheme,{connectorConnected:e?"isConnected":"notConnected"});return s.jsx("span",{class:d.classNames([t.connectorBaseStyle,o])})},ke={confirmation:p.MessageConfirmationIcon,error:u.MessageErrorIcon,fatal:u.MessageErrorIcon,info:m.MessageInfoIcon,warning:S.MessageWarningIcon};function we({messageType:e,isDisabled:t=!1}){const o=ke[e],{styles:a,variantClasses:r}=n.useComponentTheme(i.TrainRedwoodTheme,{messageType:e,stepIconDisabled:t?"isDisabled":"notDisabled"});return s.jsx("div",{class:d.classNames([a.messageTypeIconBaseStyle,r]),role:"presentation",children:s.jsx(o,{})})}const Ve=({isDisabled:e,isVisited:o,messageType:a})=>{const{index:l,selectedStepIndex:p}=t.useContext(He),u=p===l,{interactionProps:m,applyPseudoHoverStyle:S,applyHoverStyle:T}=r.useInteractionStyle(e||u),{isActive:A,activeProps:_}=h.useActive({isDisabled:e||u});console.log("isActive",A);const y=c.mergeProps(m,_),{styles:E,variantClasses:F}=n.useComponentTheme(i.TrainRedwoodTheme,{stepIconDisabled:e?"isDisabled":"notDisabled",stepIconCurrent:u?"isCurrent":"notCurrent",stepIconVisited:o?"isVisited":"notVisited",stepIconNeedsEventsHover:T?"isNeedsEventsHover":"notNeedsEventsHover",stepIconPseudoHover:S?"isPseudoHover":"notPseudoHover",stepIconActive:A?"isActive":"notActive"});return s.jsx("span",{class:E.stepIconContainerStyle,children:a?s.jsx(we,{messageType:a,isDisabled:e}):s.jsx("span",{...y,class:d.classNames([E.stepIconBaseStyle,F]),children:l+1})})},De=({label:e,isDisabled:o,isVisited:a,messageType:l})=>{const{numberOfSteps:c,index:p,selectedStepIndex:u}=t.useContext(He),m=T.useTranslationBundle("@oracle/oraclejet-preact"),S=u===p,{interactionProps:h,applyPseudoHoverStyle:A,applyHoverStyle:y}=r.useInteractionStyle(o||S),E=S?m.train_current():a?m.train_visited():m.train_not_visited(),F=p+1,v=l?`${m.train_status({currentStep:F.toString(),numberOfSteps:c.toString()})}. ${E}, ${m.train_message_type()}: ${l}`:`${m.train_status({currentStep:F.toString(),numberOfSteps:c.toString()})}. ${E}`,{styles:N,variantClasses:b}=n.useComponentTheme(i.TrainRedwoodTheme,{stepLabelDisabled:o?"isDisabled":"notDisabled",stepLabelCurrent:S?"isCurrent":"notCurrent",stepLabelVisited:a?"isVisited":"notVisited",stepLabelNeedsEventsHover:y?"isNeedsEventsHover":"notNeedsEventsHover",stepLabelPseudoHover:A?"isPseudoHover":"notPseudoHover"});return s.jsx("span",{class:N.stepLabelWrapperStyle,children:s.jsxs("a",{...h,href:"#",class:d.classNames([N.stepLabelBaseStyle,b]),onClick:e=>{e.preventDefault()},children:[e,s.jsx(_.HiddenAccessible,{children:v})]})})};e.Step=({id:e,isDisabled:o,isVisited:l,messageType:p,label:u})=>{const{onSelect:m,numberOfSteps:S,selectedStepIndex:h,index:T}=t.useContext(He)||(()=>{throw new Error("Step component must be rendered within a Train component.")})(),A=h===T,[_,y]=t.useState(!1),{interactionProps:E,applyPseudoHoverStyle:F,applyHoverStyle:v}=r.useInteractionStyle(o||A),N=h>T,b=t.useCallback((s=>{o||A||m(s,e)}),[o,m,e]),{pressProps:g}=a.usePress(b,{}),C=T!==S-1,U=t.useCallback((()=>{y(!1)}),[_]),I=t.useCallback((()=>{y(!0)}),[_]),{styles:x,variantClasses:f}=n.useComponentTheme(i.TrainRedwoodTheme,{stepDisabled:o?"isDisabled":"notDisabled",needsEventsHover:v?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:F?"isPseudoHover":"notPseudoHover",stepActive:_&&!A?"isActive":"notActive"}),H=c.mergeProps(g,E,{onMouseUp:U,onMouseDown:I});return s.jsxs("span",{class:x.stepContainerStyle,children:[C&&s.jsx(Pe,{isConnected:N}),s.jsxs("span",{...H,class:d.classNames([x.stepBaseStyle,f]),children:[s.jsx(Ve,{isVisited:l,isDisabled:o,messageType:p}),s.jsx(De,{label:u,isVisited:l,isDisabled:o,messageType:p})]})]})},e.Train=function({onSelect:e,selectedStep:a,children:r}){const{classes:l,styles:c}=n.useComponentTheme(i.TrainRedwoodTheme),d=r.findIndex((e=>e.props.id===a)),p={onSelect:t.useCallback(((s,t)=>{e?.({event:s,toStep:t})}),[e]),selectedStep:a,selectedStepIndex:d,numberOfSteps:r.length,index:0},u=o.toChildArray(r).filter(Boolean);return s.jsx("div",{class:l,children:u.map(((e,t)=>s.jsx(He.Provider,{value:{...p,index:t},children:s.jsx("div",{class:c.baseListStyle,children:e})})))})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Train.js.map