@oracle/oraclejet-preact 14.1.6 → 14.1.7

package/es/UNSAFE_Text.css

@@ -1,25 +1,25 @@
-._7ff2c1{overflow-x:hidden;overflow-y:hidden;overflow-wrap:anywhere;display:inline;}
-._1r56x2y{display:-webkit-box;-webkit-box-orient:vertical;}
-._18ws7f7{text-overflow:clip;white-space:nowrap;width:100%;display:inline-block;}
-.l1993x{text-overflow:ellipsis;white-space:nowrap;width:100%;display:inline-block;}
-.jg0yvq{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-.o8fwi2{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-.kinjox{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-.gfz38z{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-._15py3xk{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-.phc8ux{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
-.bqlugb{color:inherit;}
-.kc466q{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-line-height);}
-.tiyciq{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height);}
-.d8w05f{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-line-height);}
-._1edostk{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height);}
-._1bo22jt{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-line-height);}
-.h50ipg{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-line-height);}
-._1rc8w4m{font-size:inherit;line-height:inherit;}
-.ooc3g1{font-weight:normal;}
-.n47q8o{font-weight:600;}
-._171pm20{font-weight:700;}
-._1upkc08{font-weight:inherit;}
-.oku9ya{hyphens:auto;}
-._1ii0yw5{hyphens:none;}
-._1bifh6w > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._14imcjb{overflow-x:hidden;overflow-y:hidden;overflow-wrap:anywhere;display:inline;}
+._15x858h{display:-webkit-box;-webkit-box-orient:vertical;}
+._10cjhq7{text-overflow:clip;white-space:nowrap;width:100%;display:inline-block;}
+.oblu76{text-overflow:ellipsis;white-space:nowrap;width:100%;display:inline-block;}
+._10e29fa{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._1cxk0tl{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+._1nj3iwv{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._1pfr1ew{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+.gx5sup{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._1xjqp6r{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
+.whdciq{color:inherit;}
+._1q0hftu{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-line-height);}
+.iyksj8{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height);}
+._1ej1rnu{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-line-height);}
+.wvr0ou{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height);}
+._175eopd{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-line-height);}
+._1vrbav1{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-line-height);}
+.x6qu3z{font-size:inherit;line-height:inherit;}
+.ew18t6{font-weight:normal;}
+._1lzgf5w{font-weight:600;}
+._1eov3ma{font-weight:700;}
+.mnsyw9{font-weight:inherit;}
+.e38voj{hyphens:auto;}
+.hdh18i{hyphens:none;}
+._19zh7im > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/es/UNSAFE_Text.js

@@ -1,49 +1,49 @@
-/* @oracle/oraclejet-preact: 14.1.6 */
-import { _ as __rest } from './tslib.es6-6d6c24be.js';
+/* @oracle/oraclejet-preact: 14.1.7 */
+import { _ as __rest } from './tslib.es6-dc795ee6.js';
 import { jsx } from 'preact/jsx-runtime';
 import "./UNSAFE_Text.css";
 import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
 import './utils/UNSAFE_classNames.js';
-import './_curry1-88605b19.js';
-import './_curry3-c3f862d0.js';
-import './_curry2-677e2e20.js';
-import './_has-7e77579f.js';
+import './_curry1-d7a87dc9.js';
+import './_curry3-562938bb.js';
+import './_curry2-0493a4a8.js';
+import './_has-009fcb51.js';
 
 const styles = {
-  base: "_7ff2c1",
-  lineClamp: "_1r56x2y",
+  base: "_14imcjb",
+  lineClamp: "_15x858h",
   truncation: {
     none: '',
-    clip: "_18ws7f7",
-    ellipsis: "l1993x"
+    clip: "_10cjhq7",
+    ellipsis: "oblu76"
   },
   variant: {
-    primary: "jg0yvq",
-    secondary: "o8fwi2",
-    disabled: "kinjox",
-    danger: "gfz38z",
-    warning: "_15py3xk",
-    success: "phc8ux",
-    inherit: "bqlugb"
+    primary: "_10e29fa",
+    secondary: "_1cxk0tl",
+    disabled: "_1nj3iwv",
+    danger: "_1pfr1ew",
+    warning: "gx5sup",
+    success: "_1xjqp6r",
+    inherit: "whdciq"
   },
   size: {
-    '2xs': "kc466q",
-    xs: "tiyciq",
-    sm: "d8w05f",
-    md: "_1edostk",
-    lg: "_1bo22jt",
-    xl: "h50ipg",
-    inherit: "_1rc8w4m"
+    '2xs': "_1q0hftu",
+    xs: "iyksj8",
+    sm: "_1ej1rnu",
+    md: "wvr0ou",
+    lg: "_175eopd",
+    xl: "_1vrbav1",
+    inherit: "x6qu3z"
   },
   weight: {
-    normal: "ooc3g1",
-    semiBold: "n47q8o",
-    bold: "_171pm20",
-    inherit: "_1upkc08"
+    normal: "ew18t6",
+    semiBold: "_1lzgf5w",
+    bold: "_1eov3ma",
+    inherit: "mnsyw9"
   },
   hyphens: {
-    auto: "oku9ya",
-    none: "_1ii0yw5"
+    auto: "e38voj",
+    none: "hdh18i"
   }
 };
 const interpolations = [() => ({
@@ -75,7 +75,7 @@ const interpolations = [() => ({
   webkitLineClamp: lineClamp
 }];
 const styleInterpolations = mergeInterpolations(interpolations);
-const childrenStyles = "_1bifh6w";
+const childrenStyles = "_19zh7im";
 function Text(_a) {
   var {
     children

package/es/UNSAFE_Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Text.js","sources":["../../src/UNSAFE_Text/Text.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype StylePropsWithOutTruncate = {\n  /**\n   * Specifies text color. If set as \"inherit\", takes text color from its parent element.\n   */\n  variant?: 'primary' | 'secondary' | 'disabled' | 'danger' | 'warning' | 'success' | 'inherit';\n\n  /**\n   * Specifies font size and line height. If set as \"inherit\", takes font size and line height from its parent element.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'inherit';\n\n  /**\n   * Specifies the font weight. If set as \"inherit\", takes font weight from its parent element.\n   */\n  weight?: 'normal' | 'semiBold' | 'bold' | 'inherit';\n\n  /**\n   * Specifies if hyphens should be included when handling long words with no spaces.\n   */\n  hyphens?: 'auto' | 'none';\n};\ntype TruncateProps =\n  | {\n      /**\n       * Truncates text at a specific number of lines and then displays an ellipsis (…) at the end of the last line. Parent of the element needs to have a specific width so text starts overflowing and produce a truncation.\n       */\n      lineClamp?: number;\n      /**\n       * Determines text behavior when text is truncated. Be aware of setting either lineClamp or truncation. Setting both props would produce a type error. In most cases, lineClamp=1 tries to put the ellipsis at the end of a \"word\". On the other hand, using truncation=\"ellipsis\" will show as much as possible text, then put the ellipsis at the end.\n       */\n      truncation?: never;\n    }\n  | {\n      lineClamp?: never;\n      truncation?: 'none' | 'clip' | 'ellipsis';\n    };\ntype AdditionalProps = {\n  /**\n   * Specifies the text id\n   */\n  id?: string;\n\n  /**\n   * Specifies the children.\n   */\n  children?: string;\n};\ntype Props = StylePropsWithOutTruncate & TruncateProps & AdditionalProps;\n\nconst styles = {\n  base: cssProps`${{\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    overflowWrap: 'anywhere',\n    display: 'inline'\n  }}`,\n  lineClamp: cssProps`${{\n    display: '-webkit-box',\n    WebkitBoxOrient: 'vertical'\n  }}`,\n  truncation: {\n    none: '',\n    clip: cssProps`${{\n      textOverflow: 'clip',\n      whiteSpace: 'nowrap',\n      width: '100%',\n      display: 'inline-block'\n    }}`,\n    ellipsis: cssProps`${{\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      width: '100%',\n      display: 'inline-block'\n    }}`\n  },\n  variant: {\n    primary: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n    }}`,\n    secondary: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n    }}`,\n    disabled: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n    }}`,\n    danger: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n    }}`,\n    warning: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n    }}`,\n    success: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3)'\n    }}`,\n    inherit: cssProps`${{\n      color: 'inherit'\n    }}`\n  },\n  size: {\n    '2xs': cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-line-height)'\n    }}`,\n    xs: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height)'\n    }}`,\n    sm: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-line-height)'\n    }}`,\n    md: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height)'\n    }}`,\n    lg: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-line-height)'\n    }}`,\n    xl: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-line-height)'\n    }}`,\n    inherit: cssProps`${{\n      fontSize: 'inherit',\n      lineHeight: 'inherit'\n    }}`\n  },\n  weight: {\n    normal: cssProps`${{\n      fontWeight: 'normal'\n    }}`,\n    semiBold: cssProps`${{\n      fontWeight: '600'\n    }}`,\n    bold: cssProps`${{\n      fontWeight: '700'\n    }}`,\n    inherit: cssProps`${{\n      fontWeight: 'inherit'\n    }}`\n  },\n  hyphens: {\n    auto: cssProps`${{\n      hyphens: 'auto'\n    }}`,\n    none: cssProps`${{\n      hyphens: 'none'\n    }}`\n  }\n};\nconst interpolations = [\n  () => ({ class: styles.base }),\n  ({ size = 'inherit' }: Pick<StylePropsWithOutTruncate, 'size'>) => ({\n    class: styles.size[size]\n  }),\n  ({ weight = 'inherit' }: Pick<StylePropsWithOutTruncate, 'weight'>) => ({\n    class: styles.weight[weight]\n  }),\n  ({ variant = 'inherit' }: Pick<StylePropsWithOutTruncate, 'variant'>) => ({\n    class: styles.variant[variant]\n  }),\n  ({ hyphens = 'auto' }: Pick<StylePropsWithOutTruncate, 'hyphens'>) => ({\n    class: styles.hyphens[hyphens]\n  }),\n  ({ truncation = 'none' }: Pick<TruncateProps, 'truncation'>) => ({\n    class: styles.truncation[truncation]\n  }),\n  ({ lineClamp }: Pick<TruncateProps, 'lineClamp'>) =>\n    !lineClamp ? {} : { class: styles.lineClamp, webkitLineClamp: lineClamp }\n];\nconst styleInterpolations = mergeInterpolations<Omit<Props, 'children'>>(interpolations);\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nexport function Text({ children, ...props }: Props) {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  return (\n    <span class={cls} style={styles} id={props.id}>\n      <span className={childrenStyles}>{children}</span>\n    </span>\n  );\n}\n"],"names":["styles","truncation","none","variant","size","weight","hyphens","interpolations","class","styleInterpolations","mergeInterpolations","childrenStyles","Text","_a","children","props","__rest","_b","cls"],"mappings":";;;;;;;;;;;AA2DA,MAAAA,MAAA,GAAA;QAAA,SAAA;aAAA,UAAA;AAWEC,EAAAA,UAAA,EAAA;AACEC,IAAAA,IAAA,EAAA,EADF;UAAA,UAAA;;GAXF;AA0BEC,EAAAA,OAAA,EAAA;aAAA,QAAA;eAAA,QAAA;cAAA,QAAA;YAAA,QAAA;aAAA,UAAA;aAAA,QAAA;;GA1BF;AAiDEC,EAAAA,IAAA,EAAA;SAAA,EAAA,QAAA;QAAA,QAAA;QAAA,QAAA;QAAA,UAAA;QAAA,UAAA;QAAA,QAAA;;GAjDF;AA+EEC,EAAAA,MAAA,EAAA;YAAA,QAAA;cAAA,QAAA;UAAA,UAAA;;GA/EF;AA6FEC,EAAAA,OAAA,EAAA;UAAA,QAAA;;AAAA,GAAA;AA7FF,CAAA,CAAA;AAsGA,MAAAC,cAAA,GAAA;;EAAA;;;AAGIC,EAAAA,KAAA,EAAAR,MAAA,CAAAI,IAAA,CAAAA,IAAA,CAAA;EAHJ;;;AAMII,EAAAA,KAAA,EAAAR,MAAA,CAAAK,MAAA,CAAAA,MAAA,CAAA;EANJ;;;AASIG,EAAAA,KAAA,EAAAR,MAAA,CAAAG,OAAA,CAAAA,OAAA,CAAA;EATJ;;;AAYIK,EAAAA,KAAA,EAAAR,MAAA,CAAAM,OAAA,CAAAA,OAAA,CAAA;EAZJ;;;AAeIE,EAAAA,KAAA,EAAAR,MAAA,CAAAC,UAAA,CAAAA,UAAA,CAAA;EAfJ;;;;;CAAA,CAAA,CAAA;AAoBA,MAAAQ,mBAAA,GAAAC,mBAAA,CAAAH,cAAA,CAAA,CAAA;AACA,MAAAI,cAAA,GAAA,UAAA,CAAA;AAUA,SAAAC,IAAA,CAAAC,EAAA,EAAA;EAAqB,IAAA;AAAAC,IAAAA,QAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAE,KAAA,GAAAC,MAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;AACnB,EAAA,MAAAI,EAAA,GAAAR,mBAAA,CAAAM,KAAA,CAAA;QAAA;AAAAP,IAAAA,KAAA,EAAAU,GAAAA;AAAA,GAAA,GAAAD,EAAA;QAAAjB,MAAA,GAAAgB,MAAA,CAAAC,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;AAMF;;;;;;;"}
+{"version":3,"file":"UNSAFE_Text.js","sources":["../../src/UNSAFE_Text/Text.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype StylePropsWithOutTruncate = {\n  /**\n   * Specifies text color. If set as \"inherit\", takes text color from its parent element.\n   */\n  variant?: 'primary' | 'secondary' | 'disabled' | 'danger' | 'warning' | 'success' | 'inherit';\n\n  /**\n   * Specifies font size and line height. If set as \"inherit\", takes font size and line height from its parent element.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'inherit';\n\n  /**\n   * Specifies the font weight. If set as \"inherit\", takes font weight from its parent element.\n   */\n  weight?: 'normal' | 'semiBold' | 'bold' | 'inherit';\n\n  /**\n   * Specifies if hyphens should be included when handling long words with no spaces.\n   */\n  hyphens?: 'auto' | 'none';\n};\ntype TruncateProps =\n  | {\n      /**\n       * Truncates text at a specific number of lines and then displays an ellipsis (…) at the end of the last line. Parent of the element needs to have a specific width so text starts overflowing and produce a truncation.\n       */\n      lineClamp?: number;\n      /**\n       * Determines text behavior when text is truncated. Be aware of setting either lineClamp or truncation. Setting both props would produce a type error. In most cases, lineClamp=1 tries to put the ellipsis at the end of a \"word\". On the other hand, using truncation=\"ellipsis\" will show as much as possible text, then put the ellipsis at the end.\n       */\n      truncation?: never;\n    }\n  | {\n      lineClamp?: never;\n      truncation?: 'none' | 'clip' | 'ellipsis';\n    };\ntype AdditionalProps = {\n  /**\n   * Specifies the text id\n   */\n  id?: string;\n\n  /**\n   * Specifies the children.\n   */\n  children?: string;\n};\ntype Props = StylePropsWithOutTruncate & TruncateProps & AdditionalProps;\n\nconst styles = {\n  base: cssProps`${{\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    overflowWrap: 'anywhere',\n    display: 'inline'\n  }}`,\n  lineClamp: cssProps`${{\n    display: '-webkit-box',\n    WebkitBoxOrient: 'vertical'\n  }}`,\n  truncation: {\n    none: '',\n    clip: cssProps`${{\n      textOverflow: 'clip',\n      whiteSpace: 'nowrap',\n      width: '100%',\n      display: 'inline-block'\n    }}`,\n    ellipsis: cssProps`${{\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      width: '100%',\n      display: 'inline-block'\n    }}`\n  },\n  variant: {\n    primary: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n    }}`,\n    secondary: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n    }}`,\n    disabled: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n    }}`,\n    danger: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n    }}`,\n    warning: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n    }}`,\n    success: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3)'\n    }}`,\n    inherit: cssProps`${{\n      color: 'inherit'\n    }}`\n  },\n  size: {\n    '2xs': cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-line-height)'\n    }}`,\n    xs: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height)'\n    }}`,\n    sm: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-line-height)'\n    }}`,\n    md: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height)'\n    }}`,\n    lg: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-line-height)'\n    }}`,\n    xl: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-line-height)'\n    }}`,\n    inherit: cssProps`${{\n      fontSize: 'inherit',\n      lineHeight: 'inherit'\n    }}`\n  },\n  weight: {\n    normal: cssProps`${{\n      fontWeight: 'normal'\n    }}`,\n    semiBold: cssProps`${{\n      fontWeight: '600'\n    }}`,\n    bold: cssProps`${{\n      fontWeight: '700'\n    }}`,\n    inherit: cssProps`${{\n      fontWeight: 'inherit'\n    }}`\n  },\n  hyphens: {\n    auto: cssProps`${{\n      hyphens: 'auto'\n    }}`,\n    none: cssProps`${{\n      hyphens: 'none'\n    }}`\n  }\n};\nconst interpolations = [\n  () => ({ class: styles.base }),\n  ({ size = 'inherit' }: Pick<StylePropsWithOutTruncate, 'size'>) => ({\n    class: styles.size[size]\n  }),\n  ({ weight = 'inherit' }: Pick<StylePropsWithOutTruncate, 'weight'>) => ({\n    class: styles.weight[weight]\n  }),\n  ({ variant = 'inherit' }: Pick<StylePropsWithOutTruncate, 'variant'>) => ({\n    class: styles.variant[variant]\n  }),\n  ({ hyphens = 'auto' }: Pick<StylePropsWithOutTruncate, 'hyphens'>) => ({\n    class: styles.hyphens[hyphens]\n  }),\n  ({ truncation = 'none' }: Pick<TruncateProps, 'truncation'>) => ({\n    class: styles.truncation[truncation]\n  }),\n  ({ lineClamp }: Pick<TruncateProps, 'lineClamp'>) =>\n    !lineClamp ? {} : { class: styles.lineClamp, webkitLineClamp: lineClamp }\n];\nconst styleInterpolations = mergeInterpolations<Omit<Props, 'children'>>(interpolations);\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nexport function Text({ children, ...props }: Props) {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  return (\n    <span class={cls} style={styles} id={props.id}>\n      <span className={childrenStyles}>{children}</span>\n    </span>\n  );\n}\n"],"names":["styles","truncation","none","variant","size","weight","hyphens","interpolations","class","styleInterpolations","mergeInterpolations","childrenStyles","Text","_a","children","props","__rest","_b","cls"],"mappings":";;;;;;;;;;;AA2DA,MAAAA,MAAA,GAAA;QAAA,UAAA;aAAA,UAAA;AAWEC,EAAAA,UAAA,EAAA;AACEC,IAAAA,IAAA,EAAA,EADF;UAAA,UAAA;;GAXF;AA0BEC,EAAAA,OAAA,EAAA;aAAA,UAAA;eAAA,UAAA;cAAA,UAAA;YAAA,UAAA;aAAA,QAAA;aAAA,UAAA;;GA1BF;AAiDEC,EAAAA,IAAA,EAAA;SAAA,EAAA,UAAA;QAAA,QAAA;QAAA,UAAA;QAAA,QAAA;QAAA,UAAA;QAAA,UAAA;;GAjDF;AA+EEC,EAAAA,MAAA,EAAA;YAAA,QAAA;cAAA,UAAA;UAAA,UAAA;;GA/EF;AA6FEC,EAAAA,OAAA,EAAA;UAAA,QAAA;;AAAA,GAAA;AA7FF,CAAA,CAAA;AAsGA,MAAAC,cAAA,GAAA;;EAAA;;;AAGIC,EAAAA,KAAA,EAAAR,MAAA,CAAAI,IAAA,CAAAA,IAAA,CAAA;EAHJ;;;AAMII,EAAAA,KAAA,EAAAR,MAAA,CAAAK,MAAA,CAAAA,MAAA,CAAA;EANJ;;;AASIG,EAAAA,KAAA,EAAAR,MAAA,CAAAG,OAAA,CAAAA,OAAA,CAAA;EATJ;;;AAYIK,EAAAA,KAAA,EAAAR,MAAA,CAAAM,OAAA,CAAAA,OAAA,CAAA;EAZJ;;;AAeIE,EAAAA,KAAA,EAAAR,MAAA,CAAAC,UAAA,CAAAA,UAAA,CAAA;EAfJ;;;;;CAAA,CAAA,CAAA;AAoBA,MAAAQ,mBAAA,GAAAC,mBAAA,CAAAH,cAAA,CAAA,CAAA;AACA,MAAAI,cAAA,GAAA,UAAA,CAAA;AAUA,SAAAC,IAAA,CAAAC,EAAA,EAAA;EAAqB,IAAA;AAAAC,IAAAA,QAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAE,KAAA,GAAAC,MAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;AACnB,EAAA,MAAAI,EAAA,GAAAR,mBAAA,CAAAM,KAAA,CAAA;QAAA;AAAAP,IAAAA,KAAA,EAAAU,GAAAA;AAAA,GAAA,GAAAD,EAAA;QAAAjB,MAAA,GAAAgB,MAAA,CAAAC,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;AAMF;;;;;;;"}

package/es/UNSAFE_TextArea.css

@@ -1,3 +1,3 @@
-.vqyvmc{display:flex;align-items:center;justify-content:flex-end;cursor:text;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);text-decoration-line:none;padding-top:0;padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-._1anl8km{visibility:hidden;}
-._150bbni{display:inline-block;}
+.jfjlwj{display:flex;align-items:center;justify-content:flex-end;cursor:text;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);text-decoration-line:none;padding-top:0;padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+._1axfbu4{visibility:hidden;}
+._1yqx6c6{display:inline-block;}

package/es/UNSAFE_TextArea.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.6 */
+/* @oracle/oraclejet-preact: 14.1.7 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { forwardRef, useCallback as useCallback$1 } from 'preact/compat';
@@ -15,16 +15,16 @@ import { classNames } from './utils/UNSAFE_classNames.js';
 import { useCallback } from 'preact/hooks';
 import { usePress } from './hooks/UNSAFE_usePress.js';
 import { useCurrentValueReducer } from './hooks/UNSAFE_useCurrentValueReducer.js';
-import './tslib.es6-6d6c24be.js';
+import './tslib.es6-dc795ee6.js';
 import './hooks/UNSAFE_useFocusWithin.js';
 import './hooks/UNSAFE_useTabbableMode.js';
 import './utils/UNSAFE_interpolations/text.js';
-import './keys-5f7cf8d0.js';
-import './_curry1-88605b19.js';
-import './_has-7e77579f.js';
+import './keys-cc486d04.js';
+import './_curry1-d7a87dc9.js';
+import './_has-009fcb51.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-c3f862d0.js';
-import './_curry2-677e2e20.js';
+import './_curry3-562938bb.js';
+import './_curry2-0493a4a8.js';
 import './hooks/UNSAFE_useTranslationBundle.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';
@@ -55,7 +55,7 @@ import './UNSAFE_Icons.js';
 import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './UNSAFE_Floating.js';
-import './index-64ecf0b2.js';
+import './index-561e53d9.js';
 import './hooks/UNSAFE_useUser.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
@@ -74,14 +74,14 @@ import './UNSAFE_HiddenAccessible.js';
 import './utils/UNSAFE_lengthFilter.js';
 
 const rootStyles = {
-  base: "vqyvmc"
+  base: "jfjlwj"
 };
 const remainingTextStyles = {
-  hide: "_1anl8km"
+  hide: "_1axfbu4"
 }; // the spans surrounding the {valueLength}, / and {maxlength}  need to be display: inline-block
 // so that the order is flipped horizontally in RTL.
 
-const spanStyles = "_150bbni";
+const spanStyles = "_1yqx6c6";
 
 const noop = () => {};
 

package/es/UNSAFE_TextAreaAutosize.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.6 */
+/* @oracle/oraclejet-preact: 14.1.7 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { forwardRef, useCallback } from 'preact/compat';
@@ -13,18 +13,18 @@ import { useLengthFilter } from './hooks/UNSAFE_useLengthFilter.js';
 import { useLayoutEffect } from 'preact/hooks';
 import { useCurrentValueReducer } from './hooks/UNSAFE_useCurrentValueReducer.js';
 import { MaxLengthCounter } from './UNSAFE_TextArea.js';
-import './tslib.es6-6d6c24be.js';
+import './tslib.es6-dc795ee6.js';
 import './hooks/UNSAFE_useFocusWithin.js';
 import './utils/UNSAFE_classNames.js';
 
 import './hooks/UNSAFE_useTabbableMode.js';
 import './utils/UNSAFE_interpolations/text.js';
-import './keys-5f7cf8d0.js';
-import './_curry1-88605b19.js';
-import './_has-7e77579f.js';
+import './keys-cc486d04.js';
+import './_curry1-d7a87dc9.js';
+import './_has-009fcb51.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-c3f862d0.js';
-import './_curry2-677e2e20.js';
+import './_curry3-562938bb.js';
+import './_curry2-0493a4a8.js';
 import './hooks/UNSAFE_useTranslationBundle.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';
@@ -56,7 +56,7 @@ import './UNSAFE_Icons.js';
 import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './UNSAFE_Floating.js';
-import './index-64ecf0b2.js';
+import './index-561e53d9.js';
 import './hooks/UNSAFE_useUser.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';

package/es/UNSAFE_TextField.css

@@ -1,62 +1,62 @@
-._1b030fq{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;}
-.rgd6yx{height:100%;}
-._1sk4fk4{font-weight:400;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size);}
-.zne482{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;}
-._1xlfj6m{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;}
-.lj79c9{height:auto;}
-._1635wl{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
-.ilulql{overflow-x:visible;overflow-y:visible;border-width:0;background-color:transparent;height:auto;}
-._1vbmbum{padding-top:0;padding-bottom:0;}
-._1gce5nx{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;}
+.gwpt94{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;}
+._1bu2ofi{height:100%;}
+._12n24hs{font-weight:400;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size);}
+.jkm8mf{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;}
+._102wiy0{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;}
+._14telxe{height:auto;}
+._17djvs1{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
+._1fg80kh{overflow-x:visible;overflow-y:visible;border-width:0;background-color:transparent;height:auto;}
+.htg23j{padding-top:0;padding-bottom:0;}
+._18sk404{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;}
 
-._18duv97{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;}._18duv97:focus{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-.s3nwf8{resize:none;padding-block-start:0;padding-inline-start:0;}
-.kh8lav{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}
-._60nuva{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;}
-._17l572h{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));}
-._3v79ep{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;}
-._1cwcs8x{justify-content:center;}
-.zbxla1{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;}
+.xf9nda{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;}.xf9nda:focus{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+._1oboudf{resize:none;padding-block-start:0;padding-inline-start:0;}
+.pnh2o9{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}
+.z6bq2c{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;}
+._9gdu7y{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));}
+._1xdiqln{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;}
+.aqd6wj{justify-content:center;}
+._1oekuxi{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;}
 
-.q883qb{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%;}.q883qb::selection{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-.f3polf{margin:0;}
-._1p44a7f{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;}
-._10jdtp::-ms-reveal{display:none;}
-.vjm6of{padding-top:0;padding-bottom:0;}
-.ewvzpy{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;}.ewvzpy:hover{background-color:transparent;}
-._9hbdyw{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;}
-._190qf3e{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);}
-._1guijbw{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-.ih866t{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-._149lg2d{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
-._11t2own{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
-.k2z8do{padding-inline-start:.25em;}
-._11douyn{padding-inline-end:.25em;}
-.vwbczc{font-size:100%;}
-.ps6slk{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-._1377emz{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-._1x3pynr{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;}._1x3pynr::-ms-reveal{display:none;}
+.wiifdy{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%;}.wiifdy::selection{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+.jt0xut{margin:0;}
+._6sq0k6{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;}
+.skozmg::-ms-reveal{display:none;}
+._1289c50{padding-top:0;padding-bottom:0;}
+.x6ivgf{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;}.x6ivgf:hover{background-color:transparent;}
+._10zzlio{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;}
+._1d07jbc{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);}
+._1k6cd6l{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+._1qu48q8{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+._1s0euui{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
+.iz26jg{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
+.jymwfg{padding-inline-start:.25em;}
+.n3epv0{padding-inline-end:.25em;}
+.snd5g1{font-size:100%;}
+._1jwqc7n{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+.vl8n09{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+._18whl45{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;}._18whl45::-ms-reveal{display:none;}
 
-.b8n52m{vertical-align:top;}
-._1czzjtj{max-width:100%;}
+._12v7rrx{vertical-align:top;}
+._1klu51b{max-width:100%;}
 
-._1joz0i7{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;}
-._1vkh705{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);}
-.g9w31r{background-color:inherit;height:100%;width:100%;}
-._1y3nhlz{border-style:solid;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);}
-._1przwzk{height:auto;}
-._10qsbb0{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
-._1m5q2si{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);}
-.hkoz5q{resize:both;}
-.z2dhh8{resize:horizontal;}
-._11o1xwm{resize:vertical;}
-.qzwyul{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);}
-._2p8y2b{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.t2bmob{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._1rov5u0{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding);font-size:1.25rem;}
-.b2wglv{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
-._19qgfij{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._119888f{position:relative;display:inline-flex;flex:1;width:100%;height:100%;box-sizing:border-box;}
-.yeh19e{padding-inline-end:1px;flex-direction:column;}
-._1e9a4is{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 2.25rem - 2px) / 2);}
-._1ml153w{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - 2.75rem - 2px) / 2);}
+._5id5b7{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;}
+.igdf2e{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);}
+._18ql5vh{background-color:inherit;height:100%;width:100%;}
+.cjt9x6{border-style:solid;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);}
+.mxces1{height:auto;}
+._1lio9c5{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
+._1sqv58f{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);}
+._1lfw3z2{resize:both;}
+.k772jx{resize:horizontal;}
+.f8skwg{resize:vertical;}
+._2v7i9x{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);}
+._6301nq{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+.yqwccj{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+.epfc0x{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding);font-size:1.25rem;}
+.juhkyq{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
+._71zpga{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._2r0e66{position:relative;display:inline-flex;flex:1;width:100%;height:100%;box-sizing:border-box;}
+._17nsmkc{padding-inline-end:1px;flex-direction:column;}
+._140f6lq{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 2.25rem - 2px) / 2);}
+._15n53as{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.1.6 */
-import { _ as __rest } from './tslib.es6-6d6c24be.js';
+/* @oracle/oraclejet-preact: 14.1.7 */
+import { _ as __rest } from './tslib.es6-dc795ee6.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-5f7cf8d0.js';
-import './_curry1-88605b19.js';
-import './_has-7e77579f.js';
-import './_curry3-c3f862d0.js';
-import './_curry2-677e2e20.js';
+import './keys-cc486d04.js';
+import './_curry1-d7a87dc9.js';
+import './_has-009fcb51.js';
+import './_curry3-562938bb.js';
+import './_curry2-0493a4a8.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: "b8n52m",
-  labelInside: "_1czzjtj"
+  base: "_12v7rrx",
+  labelInside: "_1klu51b"
 };
 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: "_18duv97",
-  textareaBase: "s3nwf8",
-  inEnabledFormBase: "kh8lav",
-  textareaInEnabledFormBase: "_60nuva",
-  inEnabledFormLabelInside: "_17l572h",
-  textareaInEnabledFormLabelInside: "_3v79ep",
-  inEnabledFormNoLabelInside: "_1cwcs8x",
+  base: "xf9nda",
+  textareaBase: "_1oboudf",
+  inEnabledFormBase: "pnh2o9",
+  textareaInEnabledFormBase: "z6bq2c",
+  inEnabledFormLabelInside: "_9gdu7y",
+  textareaInEnabledFormLabelInside: "_1xdiqln",
+  inEnabledFormNoLabelInside: "aqd6wj",
   // don't apply this for textarea
-  inEnabledFormNoStartContent: "zbxla1"
+  inEnabledFormNoStartContent: "_1oekuxi"
 };
 function ReadonlyTextFieldInput(_a) {
   var {
@@ -148,20 +148,20 @@ function ReadonlyTextFieldInput(_a) {
 }
 
 const textFieldStyles = {
-  base: "_1b030fq",
-  embedded: "rgd6yx",
-  nonReadonly: "_1sk4fk4"
+  base: "gwpt94",
+  embedded: "_1bu2ofi",
+  nonReadonly: "_12n24hs"
 };
 const readonlyStyles = {
-  base: "zne482",
-  insideEnabledForm: "_1xlfj6m",
-  textarea: "lj79c9",
-  insideEnabledFormLabelInside: "_1635wl",
-  notInsideEnabledForm: "ilulql",
-  textareaNotInsideEnabledForm: "_1vbmbum"
+  base: "jkm8mf",
+  insideEnabledForm: "_102wiy0",
+  textarea: "_14telxe",
+  insideEnabledFormLabelInside: "_17djvs1",
+  notInsideEnabledForm: "_1fg80kh",
+  textareaNotInsideEnabledForm: "htg23j"
 }; //Consolidating all loading styles on form elements here
 
-const loadingStyles = "_1gce5nx";
+const loadingStyles = "_18sk404";
 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: "_1joz0i7",
-  defaultStyles: "_1vkh705",
-  embeddedStyles: "g9w31r",
-  showBorder: "_1y3nhlz",
-  textarea: "_1przwzk",
-  labelInside: "_10qsbb0",
-  focused: "_1m5q2si",
+  base: "_5id5b7",
+  defaultStyles: "igdf2e",
+  embeddedStyles: "_18ql5vh",
+  showBorder: "cjt9x6",
+  textarea: "mxces1",
+  labelInside: "_1lio9c5",
+  focused: "_1sqv58f",
   resize: {
-    both: "hkoz5q",
-    horizontal: "z2dhh8",
-    vertical: "_11o1xwm"
+    both: "_1lfw3z2",
+    horizontal: "k772jx",
+    vertical: "f8skwg"
   },
-  disabled: "qzwyul",
-  error: "_2p8y2b",
-  warning: "t2bmob"
+  disabled: "_2v7i9x",
+  error: "_6301nq",
+  warning: "yqwccj"
 };
 const textFieldStartContentStyles = {
-  base: "_1rov5u0",
-  labelInside: "b2wglv",
-  disabled: "_19qgfij"
+  base: "epfc0x",
+  labelInside: "juhkyq",
+  disabled: "_71zpga"
 };
 const textFieldMiddleStyles = {
-  base: "_119888f",
-  textarea: "yeh19e"
+  base: "_2r0e66",
+  textarea: "_17nsmkc"
 };
 const textFieldEndContentStyles = {
-  base: "_1e9a4is",
-  labelInside: "_1ml153w"
+  base: "_140f6lq",
+  labelInside: "_15n53as"
 }; // 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: "q883qb",
+  base: "wiifdy",
   // removes margin that Safari adds to the input element
-  input: "f3polf",
-  textarea: "_1p44a7f",
-  password: "_10jdtp",
-  labelDefaultPadding: "vjm6of",
-  labelInsideBase: "ewvzpy",
-  textareaLabelInsideBase: "_9hbdyw",
-  labelInsideNoValueAndHasFocus: "_190qf3e",
-  hasStartContent: "_1guijbw",
-  hasEndContent: "ih866t",
-  defaultColor: "_149lg2d",
-  disabledColor: "_11t2own",
+  input: "jt0xut",
+  textarea: "_6sq0k6",
+  password: "skozmg",
+  labelDefaultPadding: "_1289c50",
+  labelInsideBase: "x6ivgf",
+  textareaLabelInsideBase: "_10zzlio",
+  labelInsideNoValueAndHasFocus: "_1d07jbc",
+  hasStartContent: "_1k6cd6l",
+  hasEndContent: "_1qu48q8",
+  defaultColor: "_1s0euui",
+  disabledColor: "iz26jg",
   // The 0.25em is the space between the prefix and the input. This is equivalent to ' '.
-  hasPrefix: "k2z8do",
-  hasSuffix: "_11douyn",
-  default: "vwbczc",
-  defaultPaddingStart: "ps6slk",
-  defaultPaddingEnd: "_1377emz",
-  embedded: "_1x3pynr"
+  hasPrefix: "jymwfg",
+  hasSuffix: "n3epv0",
+  default: "snd5g1",
+  defaultPaddingStart: "_1jwqc7n",
+  defaultPaddingEnd: "vl8n09",
+  embedded: "_18whl45"
 };
 const interpolations = [...Object.values(textInterpolations)];
 const styleInterpolations = mergeInterpolations(interpolations);