@oracle/oraclejet-preact 14.0.1 → 14.0.2

package/es/UNSAFE_TextField.css

@@ -1,62 +1,62 @@
-._14jzirs{display:inline-block;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height);max-width:100%;width:100%;box-sizing:border-box;}
-.f2uz5f{height:100%;}
-._2zw01i{font-weight:400;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size);}
-.u4ozn9{font-weight:var(--oj-form-control-font-weight-read-only);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size);position:relative;border-style:solid;transition-property:border-color;transition-duration:0.1s;transition-timing-function:linear;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);flex-direction:row;align-items:center;max-width:100%;width:100%;box-sizing:border-box;}
-.anen29{overflow-x:hidden;overflow-y:hidden;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled);background-color:transparent;height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);min-width:1em;display:inline-flex;flex:1;}
-._4z305u{height:auto;}
-.zkqv9p{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
-._3i46tl{overflow-x:visible;overflow-y:visible;border-width:0;background-color:transparent;height:auto;}
-.hvfcu8{padding-top:0;padding-bottom:0;}
-._1a89roz{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-animation-skeleton-bg-end-color);background-size:200% 200%;border-width:0;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-skeleton);animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.5s;opacity:1;}
+._1pqpjxk{display:inline-block;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height);max-width:100%;width:100%;box-sizing:border-box;}
+._1tdnlln{height:100%;}
+._1b9hk0l{font-weight:400;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size);}
+._18y300z{font-weight:var(--oj-form-control-font-weight-read-only);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size);position:relative;border-style:solid;transition-property:border-color;transition-duration:0.1s;transition-timing-function:linear;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);flex-direction:row;align-items:center;max-width:100%;width:100%;box-sizing:border-box;}
+._1t0xwqd{overflow-x:hidden;overflow-y:hidden;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled);background-color:transparent;height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);min-width:1em;display:inline-flex;flex:1;}
+.vajvys{height:auto;}
+._1qlotnz{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
+._109qjdb{overflow-x:visible;overflow-y:visible;border-width:0;background-color:transparent;height:auto;}
+._17e3ovy{padding-top:0;padding-bottom:0;}
+._19oegrv{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-animation-skeleton-bg-end-color);background-size:200% 200%;border-width:0;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-skeleton);animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.5s;opacity:1;}
 
-._1574h77{min-height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size));word-break:break-word;white-space:pre-wrap;background-color:transparent;border-color:transparent;border-width:0;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);box-sizing:border-box;display:flex;flex-direction:column;width:100%;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;outline-width:0;}._1574h77:focus{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-.iszcs{resize:none;padding-block-start:0;padding-inline-start:0;}
-._27en1q{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}
-._1tj2chd{margin-top:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);margin-bottom:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);margin-left:0.25rem;margin-right:0.25rem;padding-left:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding) - 0.25rem);padding-right:0;overflow-x:auto;overflow-y:auto;white-space:pre-wrap;}
-.c3lvjr{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top) + 0.1875rem);padding-top:0;min-height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size));}
-._1drl78m{padding-top:0;padding-bottom:0;border-color:transparent;border-style:solid;margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top));margin-bottom:0.25rem;}
-.zhs6ux{justify-content:center;}
-._13xbxua{margin-left:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);margin-right:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-left:0;padding-right:0;}
+._13ph2no{min-height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size));word-break:break-word;white-space:pre-wrap;background-color:transparent;border-color:transparent;border-width:0;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);box-sizing:border-box;display:flex;flex-direction:column;width:100%;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;outline-width:0;}._13ph2no:focus{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+._11x3jr6{resize:none;padding-block-start:0;padding-inline-start:0;}
+.j9jakh{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}
+._7mcbi{margin-top:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);margin-bottom:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);margin-left:0.25rem;margin-right:0.25rem;padding-left:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding) - 0.25rem);padding-right:0;overflow-x:auto;overflow-y:auto;white-space:pre-wrap;}
+._1e7gelj{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top) + 0.1875rem);padding-top:0;min-height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size));}
+.dklras{padding-top:0;padding-bottom:0;border-color:transparent;border-style:solid;margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top));margin-bottom:0.25rem;}
+._14bekqn{justify-content:center;}
+._11dm6ob{margin-left:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);margin-right:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-left:0;padding-right:0;}
 
-._1sxqftd{outline-style:none;outline-width:0;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;border:0;background-color:transparent;width:100%;}._1sxqftd::selection{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-._1vc101e{margin:0;}
-._1vg8kx6{padding-top:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);padding-bottom:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);resize:none;}
-.h5srq4::-ms-reveal{display:none;}
-.h3afg4{padding-top:0;padding-bottom:0;}
-._1es3zcg{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top);padding-bottom:0;}._1es3zcg:hover{background-color:transparent;}
-._3uf4x6{padding-top:0;padding-bottom:0;border-color:transparent;border-style:solid;border-block-start-width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top));border-block-end-width:0.25rem;}
-.oqmpze{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-placeholder);animation-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xlong);animation-timing-function:var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in);}
-._1qp6btz{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-._18v9qvi{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-._1knhhb{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
-.ywmwsj{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
-._1z3ybc{padding-inline-start:.25em;}
-.tbeq7j{padding-inline-end:.25em;}
-._1xcanha{font-size:100%;}
-._1lga0af{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-.rbznj{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-._76c4d5{color:inherit;font-size:inherit;height:100%;margin:0;padding-block:0;padding-inline:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-embedded-padding,var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));resize:none;}._76c4d5::-ms-reveal{display:none;}
+.luuu0p{outline-style:none;outline-width:0;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;border:0;background-color:transparent;width:100%;}.luuu0p::selection{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+.rdx4f2{margin:0;}
+._1bedu5d{padding-top:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);padding-bottom:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);resize:none;}
+._157ibqt::-ms-reveal{display:none;}
+._1bzls7w{padding-top:0;padding-bottom:0;}
+.vqauhr{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top);padding-bottom:0;}.vqauhr:hover{background-color:transparent;}
+.dp7gvv{padding-top:0;padding-bottom:0;border-color:transparent;border-style:solid;border-block-start-width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top));border-block-end-width:0.25rem;}
+._26zlcd{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-placeholder);animation-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xlong);animation-timing-function:var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in);}
+.wkhcql{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+._1w1vj22{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+.uvav8e{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
+.pscgge{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
+.ioxov{padding-inline-start:.25em;}
+.i6ahdn{padding-inline-end:.25em;}
+.dr2hyj{font-size:100%;}
+.mmhndr{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+._1e2o5yl{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+._9j87cs{color:inherit;font-size:inherit;height:100%;margin:0;padding-block:0;padding-inline:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-embedded-padding,var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));resize:none;}._9j87cs::-ms-reveal{display:none;}
 
-.ltbs1w{vertical-align:top;}
-._178tjzt{max-width:100%;}
+._1d4zdug{vertical-align:top;}
+.k1qza3{max-width:100%;}
 
-.u8oqsz{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;transition-property:border-color;transition-duration:.1s;transition-timing-function:linear;}
-._1igwofq{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-._1joewf5{background-color:inherit;height:100%;width:100%;}
-._1oq1yci{border-style:solid;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);}
-._1prubr{height:auto;}
-.vpjntz{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
-._1xf6cop{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus);}
-.nhjnb2{resize:both;}
-._1n80bs3{resize:horizontal;}
-._3p182f{resize:vertical;}
-._15u2sje{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled);}
-._10o0vdj{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.csy4p7{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-.lzn46w{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding);font-size:1.25rem;}
-._1p4wiuz{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
-.qffdzd{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._3fi5lu{position:relative;display:inline-flex;flex:1;width:100%;height:100%;box-sizing:border-box;}
-.nktul2{padding-inline-end:1px;flex-direction:column;}
-.o6n6lz{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 2.25rem - 2px) / 2);}
-._1jvtgsm{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - 2.75rem - 2px) / 2);}
+._1hgv753{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;transition-property:border-color;transition-duration:.1s;transition-timing-function:linear;}
+.q6oexp{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+.gv192o{background-color:inherit;height:100%;width:100%;}
+.eh1m50{border-style:solid;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);}
+._1qf8xvw{height:auto;}
+._1l8q2dn{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
+._140182k{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus);}
+._1qhffx1{resize:both;}
+.tgsbcw{resize:horizontal;}
+._1ykpc2n{resize:vertical;}
+.yoatlc{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled);}
+._14e4fsb{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._1u5r9pv{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._9hapai{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding);font-size:1.25rem;}
+._1wsxs8s{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
+._1b16zlg{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._1omt2er{position:relative;display:inline-flex;flex:1;width:100%;height:100%;box-sizing:border-box;}
+.fck5zs{padding-inline-end:1px;flex-direction:column;}
+.a15y4d{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 2.25rem - 2px) / 2);}
+._1rqt5xq{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - 2.75rem - 2px) / 2);}

package/es/UNSAFE_TextField.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.0.1 */
-import { _ as __rest } from './tslib.es6-6e986fbd.js';
+/* @oracle/oraclejet-preact: 14.0.2 */
+import { _ as __rest } from './tslib.es6-b7e8fd27.js';
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useFormContext } from './hooks/UNSAFE_useFormContext.js';
 import { useTabbableMode } from './hooks/UNSAFE_useTabbableMode.js';
@@ -16,11 +16,11 @@ import { useTextFieldInputHandlers } from './hooks/UNSAFE_useTextFieldInputHandl
 import { useDebounce } from './hooks/UNSAFE_useDebounce.js';
 import { LiveRegion } from './UNSAFE_LiveRegion.js';
 import 'preact/hooks';
-import './keys-03d660ed.js';
-import './_curry1-6e40788a.js';
-import './_has-9fe18fdc.js';
-import './_curry3-448ce55b.js';
-import './_curry2-30046da0.js';
+import './keys-72a008ef.js';
+import './_curry1-97ad07b6.js';
+import './_has-c6212bd0.js';
+import './_curry3-9fad4075.js';
+import './_curry2-6b260916.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';
 import 'preact/compat';
@@ -33,8 +33,8 @@ import './utils/UNSAFE_interpolations/flexitem.js';
 import './utils/PRIVATE_clientHints.js';
 
 const rootStyles$1 = {
-  base: "ltbs1w",
-  labelInside: "_178tjzt"
+  base: "_1d4zdug",
+  labelInside: "k1qza3"
 };
 const getFormControlClasses = hasInsideLabel => {
   return classNames([rootStyles$1.base, hasInsideLabel && rootStyles$1.labelInside]);
@@ -50,15 +50,15 @@ const getLoadingAriaLabel = () => {
 
 const borderToTextAreaContentMargin = '0.25rem';
 const readOnlyTextFieldStyles = {
-  base: "_1574h77",
-  textareaBase: "iszcs",
-  inEnabledFormBase: "_27en1q",
-  textareaInEnabledFormBase: "_1tj2chd",
-  inEnabledFormLabelInside: "c3lvjr",
-  textareaInEnabledFormLabelInside: "_1drl78m",
-  inEnabledFormNoLabelInside: "zhs6ux",
+  base: "_13ph2no",
+  textareaBase: "_11x3jr6",
+  inEnabledFormBase: "j9jakh",
+  textareaInEnabledFormBase: "_7mcbi",
+  inEnabledFormLabelInside: "_1e7gelj",
+  textareaInEnabledFormLabelInside: "dklras",
+  inEnabledFormNoLabelInside: "_14bekqn",
   // don't apply this for textarea
-  inEnabledFormNoStartContent: "_13xbxua"
+  inEnabledFormNoStartContent: "_11dm6ob"
 };
 function ReadonlyTextFieldInput(_a) {
   var {
@@ -148,20 +148,20 @@ function ReadonlyTextFieldInput(_a) {
 }
 
 const textFieldStyles = {
-  base: "_14jzirs",
-  embedded: "f2uz5f",
-  nonReadonly: "_2zw01i"
+  base: "_1pqpjxk",
+  embedded: "_1tdnlln",
+  nonReadonly: "_1b9hk0l"
 };
 const readonlyStyles = {
-  base: "u4ozn9",
-  insideEnabledForm: "anen29",
-  textarea: "_4z305u",
-  insideEnabledFormLabelInside: "zkqv9p",
-  notInsideEnabledForm: "_3i46tl",
-  textareaNotInsideEnabledForm: "hvfcu8"
+  base: "_18y300z",
+  insideEnabledForm: "_1t0xwqd",
+  textarea: "vajvys",
+  insideEnabledFormLabelInside: "_1qlotnz",
+  notInsideEnabledForm: "_109qjdb",
+  textareaNotInsideEnabledForm: "_17e3ovy"
 }; //Consolidating all loading styles on form elements here
 
-const loadingStyles = "_1a89roz";
+const loadingStyles = "_19oegrv";
 const getTextFieldClasses = (readonly, variant) => {
   return classNames([textFieldStyles.base, variant === 'embedded' && textFieldStyles.embedded, !readonly && textFieldStyles.nonReadonly]);
 };
@@ -209,34 +209,34 @@ const ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)'; //
 
 const ojButtonSmIconSize = '1.25rem';
 const textFieldContainerStyles = {
-  base: "u8oqsz",
-  defaultStyles: "_1igwofq",
-  embeddedStyles: "_1joewf5",
-  showBorder: "_1oq1yci",
-  textarea: "_1prubr",
-  labelInside: "vpjntz",
-  focused: "_1xf6cop",
+  base: "_1hgv753",
+  defaultStyles: "q6oexp",
+  embeddedStyles: "gv192o",
+  showBorder: "eh1m50",
+  textarea: "_1qf8xvw",
+  labelInside: "_1l8q2dn",
+  focused: "_140182k",
   resize: {
-    both: "nhjnb2",
-    horizontal: "_1n80bs3",
-    vertical: "_3p182f"
+    both: "_1qhffx1",
+    horizontal: "tgsbcw",
+    vertical: "_1ykpc2n"
   },
-  disabled: "_15u2sje",
-  error: "_10o0vdj",
-  warning: "csy4p7"
+  disabled: "yoatlc",
+  error: "_14e4fsb",
+  warning: "_1u5r9pv"
 };
 const textFieldStartContentStyles = {
-  base: "lzn46w",
-  labelInside: "_1p4wiuz",
-  disabled: "qffdzd"
+  base: "_9hapai",
+  labelInside: "_1wsxs8s",
+  disabled: "_1b16zlg"
 };
 const textFieldMiddleStyles = {
-  base: "_3fi5lu",
-  textarea: "nktul2"
+  base: "_1omt2er",
+  textarea: "fck5zs"
 };
 const textFieldEndContentStyles = {
-  base: "o6n6lz",
-  labelInside: "_1jvtgsm"
+  base: "a15y4d",
+  labelInside: "_1rqt5xq"
 }; // Renders the oj-text-field-container dom which includes the
 // start, middle (where the inside label and inputElem goes),
 // and end pieces of the form component.
@@ -327,26 +327,26 @@ const TextField = ({ contentVariant, id, endContent, mainContent, startContent,
 };
 
 const rootStyles = {
-  base: "_1sxqftd",
+  base: "luuu0p",
   // removes margin that Safari adds to the input element
-  input: "_1vc101e",
-  textarea: "_1vg8kx6",
-  password: "h5srq4",
-  labelDefaultPadding: "h3afg4",
-  labelInsideBase: "_1es3zcg",
-  textareaLabelInsideBase: "_3uf4x6",
-  labelInsideNoValueAndHasFocus: "oqmpze",
-  hasStartContent: "_1qp6btz",
-  hasEndContent: "_18v9qvi",
-  defaultColor: "_1knhhb",
-  disabledColor: "ywmwsj",
+  input: "rdx4f2",
+  textarea: "_1bedu5d",
+  password: "_157ibqt",
+  labelDefaultPadding: "_1bzls7w",
+  labelInsideBase: "vqauhr",
+  textareaLabelInsideBase: "dp7gvv",
+  labelInsideNoValueAndHasFocus: "_26zlcd",
+  hasStartContent: "wkhcql",
+  hasEndContent: "_1w1vj22",
+  defaultColor: "uvav8e",
+  disabledColor: "pscgge",
   // The 0.25em is the space between the prefix and the input. This is equivalent to ' '.
-  hasPrefix: "_1z3ybc",
-  hasSuffix: "tbeq7j",
-  default: "_1xcanha",
-  defaultPaddingStart: "_1lga0af",
-  defaultPaddingEnd: "rbznj",
-  embedded: "_76c4d5"
+  hasPrefix: "ioxov",
+  hasSuffix: "i6ahdn",
+  default: "dr2hyj",
+  defaultPaddingStart: "mmhndr",
+  defaultPaddingEnd: "_1e2o5yl",
+  embedded: "_9j87cs"
 };
 const interpolations = [...Object.values(textInterpolations)];
 const styleInterpolations = mergeInterpolations(interpolations);