@oracle/oraclejet-preact 14.0.17 → 14.0.18

package/es/UNSAFE_Modal.css

@@ -1,5 +1,5 @@
-.ejc73h{position:fixed;top:0;right:0;bottom:0;left:0;}
+._1lt265e{position:fixed;top:0;right:0;bottom:0;left:0;}
 
-._7hnon{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);}
+._19w7ykv{position:absolute;inset:0;background-color:transparent;height:100%;margin:0 auto;max-width:calc(100% - 0.01px) !important;display:flex;align-items:center;justify-content:center;}
 
-._8ip0ou{position:absolute;inset:0;background-color:transparent;height:100%;margin:0 auto;max-width:calc(100% - 0.01px) !important;display:flex;align-items:center;justify-content:center;}
+._1yvj83j{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);}

package/es/UNSAFE_Modal.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.17 */
+/* @oracle/oraclejet-preact: 14.0.18 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useRef, useCallback, useEffect, forwardRef } from 'preact/compat';
 import { FocusTrap } from './UNSAFE_FocusTrap.js';
@@ -7,9 +7,9 @@ import "./UNSAFE_Modal.css";
 import 'preact';
 import './utils/UNSAFE_classNames.js';
 import './utils/PRIVATE_tabbableUtils.js';
-import './_curry1-67b0910f.js';
-import './_curry2-6a92c5cc.js';
-import './_curry3-a2537ff3.js';
+import './_curry1-4510e9ba.js';
+import './_curry2-429608f9.js';
+import './_curry3-080a03b5.js';
 
 /**
  *
@@ -51,7 +51,7 @@ const useModal = (props) => {
 };
 
 const styles$2 = {
-  base: "_7hnon"
+  base: "_1yvj83j"
 };
 
 const ModalBackdrop = () => jsx("div", {
@@ -59,7 +59,7 @@ const ModalBackdrop = () => jsx("div", {
 });
 
 const styles$1 = {
-  base: "_8ip0ou"
+  base: "_19w7ykv"
 };
 const ModalContainer = forwardRef(({
   children
@@ -72,7 +72,7 @@ const ModalContainer = forwardRef(({
 ModalContainer.displayName = 'Forwarded<ModalContainer>';
 
 const styles = {
-  base: "ejc73h"
+  base: "_1lt265e"
 };
 
 const ModalWrapper = ({

package/es/UNSAFE_NumberInputText.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.17 */
+/* @oracle/oraclejet-preact: 14.0.18 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { forwardRef } from 'preact/compat';
@@ -20,7 +20,7 @@ import { TabbableModeContext } from './hooks/UNSAFE_useTabbableMode.js';
 import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
 import { Grid } from './UNSAFE_Grid.js';
 import { useCurrentValueReducer } from './hooks/UNSAFE_useCurrentValueReducer.js';
-import './tslib.es6-7113fc10.js';
+import './tslib.es6-dd5b5d91.js';
 import './hooks/UNSAFE_useFocusWithin.js';
 import './hooks/UNSAFE_useId.js';
 import './utils/UNSAFE_classNames.js';
@@ -30,12 +30,12 @@ import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';
 import './utils/UNSAFE_interpolations/text.js';
-import './keys-c4b66ad0.js';
-import './_curry1-67b0910f.js';
-import './_has-37434ea6.js';
+import './keys-5c24d71a.js';
+import './_curry1-4510e9ba.js';
+import './_has-89f999a2.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-a2537ff3.js';
-import './_curry2-6a92c5cc.js';
+import './_curry3-080a03b5.js';
+import './_curry2-429608f9.js';
 import './UNSAFE_LabelValueLayout.js';
 import './UNSAFE_Flex.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
@@ -54,7 +54,7 @@ import './UNSAFE_ThemedIcons.js';
 import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './UNSAFE_Floating.js';
-import './index-b6450488.js';
+import './index-2675270e.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
 import './hooks/UNSAFE_useOutsideClick.js';

package/es/UNSAFE_PrefixSuffix.css

@@ -1,8 +1,8 @@
-._1toqk7g{display:flex;align-items:center;white-space:nowrap;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;font-size:100%;border:0;background-color:transparent;color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
-._7bh2bq{opacity:.45;}
-._1bhghee{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
-._1e56hzx{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);}
-._1magvjf{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-.be9w28{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-._1ceibnf{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-._1lj603c{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+._1f5eyk2{display:flex;align-items:center;white-space:nowrap;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;font-size:100%;border:0;background-color:transparent;color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
+._1gy4sb9{opacity:.45;}
+.mghgto{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
+.ebzdzt{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);}
+._1j4f1wr{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+._193ddd8{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+._1gw31kq{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+.qsxxx0{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}

package/es/UNSAFE_PrefixSuffix.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.17 */
+/* @oracle/oraclejet-preact: 14.0.18 */
 import { jsx } from 'preact/jsx-runtime';
 import "./UNSAFE_PrefixSuffix.css";
 import { classNames } from './utils/UNSAFE_classNames.js';
@@ -14,14 +14,14 @@ function PrefixSuffix({
   variant
 }) {
   const prefixSuffixStyles = {
-    base: "_1toqk7g",
-    isFocused: "_7bh2bq",
-    isDisabled: "_1bhghee",
-    insideLabel: "_1e56hzx",
-    prefixHasStartContent: "_1magvjf",
-    suffixHasEndContent: "be9w28",
-    prefixInlineStart: "_1ceibnf",
-    suffixInlineStart: "_1lj603c"
+    base: "_1f5eyk2",
+    isFocused: "_1gy4sb9",
+    isDisabled: "mghgto",
+    insideLabel: "ebzdzt",
+    prefixHasStartContent: "_1j4f1wr",
+    suffixHasEndContent: "_193ddd8",
+    prefixInlineStart: "_1gw31kq",
+    suffixInlineStart: "qsxxx0"
   }; // We want the input to have padding on itself. This gives the user more space to click on to set focus to the input.
   // The prefix/suffix need padding between itself and either the 'edge' or the 'startContent'/'endContent'.
   // So the logic is:

package/es/UNSAFE_PrefixSuffix.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_PrefixSuffix.js","sources":["../../src/UNSAFE_PrefixSuffix/PrefixSuffix.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  hasEndContent?: boolean;\n  hasInsideLabel?: boolean;\n  hasStartContent?: boolean;\n  id: string;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  text: string;\n  variant: 'prefix' | 'suffix';\n};\n\nexport function PrefixSuffix({\n  hasEndContent,\n  hasInsideLabel,\n  hasStartContent,\n  id,\n  isDisabled,\n  isFocused,\n  text,\n  variant\n}: Props) {\n  const prefixSuffixStyles = {\n    base: cssProps`${{\n      display: 'flex',\n      alignItems: 'center',\n      whiteSpace: 'nowrap',\n      boxSizing: 'border-box',\n      fontFamily: 'inherit',\n      lineHeight: 'inherit',\n      fontWeight: 'inherit',\n      fontSize: '100%',\n      border: '0',\n      backgroundColor: 'transparent',\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color)'\n    }}`,\n    isFocused: cssProps`${{\n      opacity: '.45'\n    }}`,\n    isDisabled: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled)'\n    }}`,\n    insideLabel: cssProps`${{\n      minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top)'\n    }}`,\n    prefixHasStartContent: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n    }}`,\n\n    suffixHasEndContent: cssProps`${{\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n    }}`,\n    prefixInlineStart: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)'\n    }}`,\n    suffixInlineStart: cssProps`${{\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)'\n    }}`\n  };\n\n  // We want the input to have padding on itself. This gives the user more space to click on to set focus to the input.\n  // The prefix/suffix need padding between itself and either the 'edge' or the 'startContent'/'endContent'.\n  // So the logic is:\n  // if no startContent and we have a prefix, add --text-to-edge-padding to the prefix\n  // if no endContent and we have a suffix, add --text-to-edge-padding to the suffix\n  // if startContent and we have a prefix, add text-field-icon-to-text-padding\n  // if endContent and we have a suffix, add text-field-icon-to-text-padding\n  // **-- text-to-edge-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input)suffix**--text-to-edge-padding**\n  // -- (this should be in startContent)startContent **icon-to-text-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input) suffix **--text-to-edge-padding**\n  // -- **icon-to-text-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input) suffix**--icon-to-text-padding**(this should be in endContent)endContent\n  const prefixSuffixClasses = classNames([\n    prefixSuffixStyles.base,\n    variant === 'suffix' && hasEndContent && prefixSuffixStyles.suffixHasEndContent,\n    hasInsideLabel && prefixSuffixStyles.insideLabel,\n    variant === 'prefix' && hasStartContent && prefixSuffixStyles.prefixHasStartContent,\n    isFocused && prefixSuffixStyles.isFocused,\n    isDisabled && prefixSuffixStyles.isDisabled,\n    variant === 'prefix' && !hasStartContent && prefixSuffixStyles.prefixInlineStart,\n    variant === 'suffix' && !hasEndContent && prefixSuffixStyles.suffixInlineStart\n  ]);\n\n  return (\n    <div class={prefixSuffixClasses} id={id}>\n      <span>{text}</span>\n    </div>\n  );\n}\n"],"names":["PrefixSuffix","hasEndContent","hasInsideLabel","hasStartContent","id","isDisabled","isFocused","text","variant","prefixSuffixStyles","base","suffixHasEndContent","prefixHasStartContent","_jsx","Object","assign","class","prefixSuffixClasses","children"],"mappings":";;;;;AAcA,SAAAA,YAAA,CAAA;EAAAC,aAAA;EAAAC,cAAA;EAAAC,eAAA;EAAAC,EAAA;EAAAC,UAAA;EAAAC,SAAA;EAAAC,IAAA;AAAAC,EAAAA,OAAAA;AAAA,CAAA,EAAA;AAUE,EAAA,MAAAC,kBAAA,GAAA;UAAA,UAAA;eAAA,SAAA;gBAAA,UAAA;iBAAA,UAAA;2BAAA,UAAA;yBAAA,QAAA;uBAAA,UAAA;;AAAA,GAAA,CAVF;;;;;;;;;;;0CA4DIA,kBAAA,CAAAC,MACAF,OAAA,KAAA,QAAA,IAAAP,aAAA,IAAAQ,kBAAA,CAAAE,uEAEAH,OAAA,KAAA,QAAA,IAAAL,eAAA,IAAAM,kBAAA,CAAAG;AAOF,EAAA,OAAAC,GAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,mBAAA;AAAAb,IAAAA,EAAA,EAAAA,EAAAA;AAAA,GAAA,EAAA;AAAAc,IAAAA,QAAA,EAAAL,GAAA,CAAA,MAAA,EAAA;AAAAK,MAAAA,QAAA,EAAAX,IAAAA;KAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}
+{"version":3,"file":"UNSAFE_PrefixSuffix.js","sources":["../../src/UNSAFE_PrefixSuffix/PrefixSuffix.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  hasEndContent?: boolean;\n  hasInsideLabel?: boolean;\n  hasStartContent?: boolean;\n  id: string;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  text: string;\n  variant: 'prefix' | 'suffix';\n};\n\nexport function PrefixSuffix({\n  hasEndContent,\n  hasInsideLabel,\n  hasStartContent,\n  id,\n  isDisabled,\n  isFocused,\n  text,\n  variant\n}: Props) {\n  const prefixSuffixStyles = {\n    base: cssProps`${{\n      display: 'flex',\n      alignItems: 'center',\n      whiteSpace: 'nowrap',\n      boxSizing: 'border-box',\n      fontFamily: 'inherit',\n      lineHeight: 'inherit',\n      fontWeight: 'inherit',\n      fontSize: '100%',\n      border: '0',\n      backgroundColor: 'transparent',\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color)'\n    }}`,\n    isFocused: cssProps`${{\n      opacity: '.45'\n    }}`,\n    isDisabled: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled)'\n    }}`,\n    insideLabel: cssProps`${{\n      minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top)'\n    }}`,\n    prefixHasStartContent: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n    }}`,\n\n    suffixHasEndContent: cssProps`${{\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n    }}`,\n    prefixInlineStart: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)'\n    }}`,\n    suffixInlineStart: cssProps`${{\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)'\n    }}`\n  };\n\n  // We want the input to have padding on itself. This gives the user more space to click on to set focus to the input.\n  // The prefix/suffix need padding between itself and either the 'edge' or the 'startContent'/'endContent'.\n  // So the logic is:\n  // if no startContent and we have a prefix, add --text-to-edge-padding to the prefix\n  // if no endContent and we have a suffix, add --text-to-edge-padding to the suffix\n  // if startContent and we have a prefix, add text-field-icon-to-text-padding\n  // if endContent and we have a suffix, add text-field-icon-to-text-padding\n  // **-- text-to-edge-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input)suffix**--text-to-edge-padding**\n  // -- (this should be in startContent)startContent **icon-to-text-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input) suffix **--text-to-edge-padding**\n  // -- **icon-to-text-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input) suffix**--icon-to-text-padding**(this should be in endContent)endContent\n  const prefixSuffixClasses = classNames([\n    prefixSuffixStyles.base,\n    variant === 'suffix' && hasEndContent && prefixSuffixStyles.suffixHasEndContent,\n    hasInsideLabel && prefixSuffixStyles.insideLabel,\n    variant === 'prefix' && hasStartContent && prefixSuffixStyles.prefixHasStartContent,\n    isFocused && prefixSuffixStyles.isFocused,\n    isDisabled && prefixSuffixStyles.isDisabled,\n    variant === 'prefix' && !hasStartContent && prefixSuffixStyles.prefixInlineStart,\n    variant === 'suffix' && !hasEndContent && prefixSuffixStyles.suffixInlineStart\n  ]);\n\n  return (\n    <div class={prefixSuffixClasses} id={id}>\n      <span>{text}</span>\n    </div>\n  );\n}\n"],"names":["PrefixSuffix","hasEndContent","hasInsideLabel","hasStartContent","id","isDisabled","isFocused","text","variant","prefixSuffixStyles","base","suffixHasEndContent","prefixHasStartContent","_jsx","Object","assign","class","prefixSuffixClasses","children"],"mappings":";;;;;AAcA,SAAAA,YAAA,CAAA;EAAAC,aAAA;EAAAC,cAAA;EAAAC,eAAA;EAAAC,EAAA;EAAAC,UAAA;EAAAC,SAAA;EAAAC,IAAA;AAAAC,EAAAA,OAAAA;AAAA,CAAA,EAAA;AAUE,EAAA,MAAAC,kBAAA,GAAA;UAAA,UAAA;eAAA,UAAA;gBAAA,QAAA;iBAAA,QAAA;2BAAA,UAAA;yBAAA,UAAA;uBAAA,UAAA;;AAAA,GAAA,CAVF;;;;;;;;;;;0CA4DIA,kBAAA,CAAAC,MACAF,OAAA,KAAA,QAAA,IAAAP,aAAA,IAAAQ,kBAAA,CAAAE,uEAEAH,OAAA,KAAA,QAAA,IAAAL,eAAA,IAAAM,kBAAA,CAAAG;AAOF,EAAA,OAAAC,GAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,mBAAA;AAAAb,IAAAA,EAAA,EAAAA,EAAAA;AAAA,GAAA,EAAA;AAAAc,IAAAA,QAAA,EAAAL,GAAA,CAAA,MAAA,EAAA;AAAAK,MAAAA,QAAA,EAAAX,IAAAA;KAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}

package/es/UNSAFE_ProgressBar.css

@@ -1,6 +1,6 @@
-._1gkj0dl{height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);position:relative;box-sizing:border-box;overflow-x:hidden;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
-.hl60vu{margin:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);height:100%;box-sizing:border-box;}
-.x4msbl{width:25%;height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);position:relative;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;}
-.v10un{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius);}
-._1myl6b4{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl);}
-._63s93o{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation);}
+._1d8118h{height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);position:relative;box-sizing:border-box;overflow-x:hidden;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
+.rjimt9{margin:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);height:100%;box-sizing:border-box;}
+._3lblrr{width:25%;height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);position:relative;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;}
+.v3hiqe{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius);}
+.np4yyf{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl);}
+.wvtvun{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation);}

package/es/UNSAFE_ProgressBar.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.0.17 */
-import { _ as __rest } from './tslib.es6-7113fc10.js';
+/* @oracle/oraclejet-preact: 14.0.18 */
+import { _ as __rest } from './tslib.es6-dd5b5d91.js';
 import { jsx } from 'preact/jsx-runtime';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import "./UNSAFE_ProgressBar.css";
@@ -85,12 +85,12 @@ const DeterminateProgressBar = ({
 };
 
 const styles = {
-  base: "_1gkj0dl",
-  value: "hl60vu",
-  indeterminate: "x4msbl",
-  standalone: "v10un",
-  rtl: "_1myl6b4",
-  ltr: "_63s93o"
+  base: "_1d8118h",
+  value: "rjimt9",
+  indeterminate: "_3lblrr",
+  standalone: "v3hiqe",
+  rtl: "np4yyf",
+  ltr: "wvtvun"
 };
 
 export { ProgressBar };

package/es/UNSAFE_ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ProgressBar.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.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 { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype ariaPropsType = ComponentProps<typeof BarTrack>['ariaProps'];\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype Props = {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n/**\n * A progress bar allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressBar({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({\n  accessibleLabel,\n  id,\n  width,\n  edge = 'none'\n}: IndeterminateProps) => {\n  const { direction } = useUser();\n  const classes = classNames([styles.value, styles.indeterminate, styles[direction]]);\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': accessibleLabel || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <BarTrack id={id} ariaProps={ariaProps} class={baseClasses} length={width}>\n      <BarValue class={classes} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? '0' : undefined;\n  ariaProps['aria-valuemax'] = value != null ? `${max}` : undefined;\n  ariaProps['aria-valuenow'] = value != null ? `${value}` : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <BarTrack ariaProps={ariaProps} id={id} length={width} class={baseClasses}>\n      <BarValue class={styles.value} length={percentage} />\n    </BarTrack>\n  );\n};\n\nconst styles = {\n  base: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    position: 'relative',\n    boxSizing: 'border-box',\n    overflowX: 'hidden',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    margin: '0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  indeterminate: cssProps`${{\n    width: '25%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    position: 'relative',\n    animationDuration: '2s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  standalone: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius)'\n  }}`,\n  rtl: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl)'\n  }}`,\n  ltr: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation)'\n  }}`\n};\n"],"names":["ProgressBar","_a","value","_jsx","IndeterminateProgressBar","Object","assign","otherProps","DeterminateProgressBar","max","accessibleLabel","id","width","edge","direction","useUser","classes","classNames","styles","indeterminate","baseClasses","base","standalone","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","BarTrack","class","length","children","BarValue","undefined","percentage"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_ProgressBar.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.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 { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype ariaPropsType = ComponentProps<typeof BarTrack>['ariaProps'];\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype Props = {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n/**\n * A progress bar allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressBar({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({\n  accessibleLabel,\n  id,\n  width,\n  edge = 'none'\n}: IndeterminateProps) => {\n  const { direction } = useUser();\n  const classes = classNames([styles.value, styles.indeterminate, styles[direction]]);\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': accessibleLabel || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <BarTrack id={id} ariaProps={ariaProps} class={baseClasses} length={width}>\n      <BarValue class={classes} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? '0' : undefined;\n  ariaProps['aria-valuemax'] = value != null ? `${max}` : undefined;\n  ariaProps['aria-valuenow'] = value != null ? `${value}` : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <BarTrack ariaProps={ariaProps} id={id} length={width} class={baseClasses}>\n      <BarValue class={styles.value} length={percentage} />\n    </BarTrack>\n  );\n};\n\nconst styles = {\n  base: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    position: 'relative',\n    boxSizing: 'border-box',\n    overflowX: 'hidden',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    margin: '0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  indeterminate: cssProps`${{\n    width: '25%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    position: 'relative',\n    animationDuration: '2s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  standalone: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius)'\n  }}`,\n  rtl: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl)'\n  }}`,\n  ltr: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation)'\n  }}`\n};\n"],"names":["ProgressBar","_a","value","_jsx","IndeterminateProgressBar","Object","assign","otherProps","DeterminateProgressBar","max","accessibleLabel","id","width","edge","direction","useUser","classes","classNames","styles","indeterminate","baseClasses","base","standalone","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","BarTrack","class","length","children","BarValue","undefined","percentage"],"mappings":";;;;;;;;;;;;;;AAuDA;;AAEG;;AACH,SAAAA,WAAA,CAAAC,EAAA,EAAA;;;;;;;EACE,OAAAC,KAAA,KAAA,eAAA,GAAAC,GAAA,CAAAC,wBAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAC,UAAA,CAAA,CAAA,GAAAJ,GAAA,CAAAK,sBAAA,EAAAH,MAAA,CAAAC,MAAA,CAAA;AAAAJ,IAAAA,KAAA,EAAAA,KAAA;AAAAO,IAAAA,GAAA,EAAAA,GAAAA;GAAA,EAAAF,UAAA,CAAA,CAAA,CAAA;AAKF,CAAA;;AAIA,MAAAH,wBAAA,GAAA,CAAA;EAAAM,eAAA;EAAAC,EAAA;EAAAC,KAAA;AAAAC,EAAAA,IAAA,GAAA,MAAA;AAAA,CAAA,KAAA;EAME,MAAA;AAAAC,IAAAA,SAAAA;AAAA,GAAA,GAAAC,OAAA,EAAA,CAAA;AACA,EAAA,MAAAC,OAAA,GAAAC,UAAA,CAAA,CAAAC,MAAA,CAAAhB,KAAA,EAAAgB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAJ,SAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAM,WAAA,GAAAH,UAAA,CAAA,CAAAC,MAAA,CAAAG,IAAA,EAAAR,IAAA,KAAA,MAAA,IAAAK,MAAA,CAAAI,UAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAC,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,SAAA,GAAA;AACE,IAAA,gBAAA,EAAAf,eAAA,IAAAa,YAAA,CAAAG,qBAAA,EADF;AAEEC,IAAAA,IAAA,EAAA,aAAA;GAFF,CAAA;AAIA,EAAA,OAAAxB,GAAA,CAAAyB,QAAA,EAAAvB,MAAA,CAAAC,MAAA,CAAA;AAAAK,IAAAA,EAAA,EAAAA,EAAA;AAAAc,IAAAA,SAAA,EAAAA,SAAA;AAAAI,IAAAA,KAAA,EAAAT,WAAA;AAAAU,IAAAA,MAAA,EAAAlB,KAAAA;AAAA,GAAA,EAAA;AAAAmB,IAAAA,QAAA,EAAA5B,GAAA,CAAA6B,QAAA,EAAA;AAAAH,MAAAA,KAAA,EAAAb,OAAAA;KAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF,CAnBA,CAAA;;AAyBA,MAAAR,sBAAA,GAAA,CAAA;AAAAN,EAAAA,KAAA,GAAA,CAAA;AAAAO,EAAAA,GAAA,GAAA,GAAA;EAAAE,EAAA;EAAAC,KAAA;AAAAC,EAAAA,IAAA,GAAA,MAAA;AAAA,CAAA,KAAA;;AAQE,EAAA,MAAAO,WAAA,GAAAH,UAAA,CAAA,CAAAC,MAAA,CAAAG,IAAA,EAAAR,IAAA,KAAA,MAAA,IAAAK,MAAA,CAAAI,UAAA,CAAA,CAAA,CAAA;;EAEAG,SAAA,CAAA,eAAA,CAAA,GAAAvB,KAAA,IAAA,IAAA,GAAA,GAAA,GAAA+B,SAAA,CAAA;AACAR,EAAAA,SAAA,CAAA,eAAA,CAAA,GAAAvB,KAAA,IAAA,IAAA,GAAA,CAAAO,EAAAA,GAAA,CAAA,CAAA,GAAAwB,SAAA,CAAA;AACAR,EAAAA,SAAA,CAAA,eAAA,CAAA,GAAAvB,KAAA,IAAA,IAAA,GAAA,CAAAA,EAAAA,KAAA,CAAA,CAAA,GAAA+B,SAAA,CAAA;AACAR,EAAAA,SAAA,CAAA,MAAA,CAAA,GAAA,aAAA,CAAA;AACA,EAAA,OAAAtB,GAAA,CAAAyB,QAAA,EAAAvB,MAAA,CAAAC,MAAA,CAAA;AAAAmB,IAAAA,SAAA,EAAAA,SAAA;AAAAd,IAAAA,EAAA,EAAAA,EAAA;AAAAmB,IAAAA,MAAA,EAAAlB,KAAA;AAAAiB,IAAAA,KAAA,EAAAT,WAAAA;AAAA,GAAA,EAAA;AAAAW,IAAAA,QAAA,EAAA5B,GAAA,CAAA6B,QAAA,EAAA;MAAAH,KAAA,EAAAX,MAAA,CAAAhB,KAAA;AAAA4B,MAAAA,MAAA,EAAAI,UAAAA;KAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF,CAnBA,CAAA;;AAqBA,MAAAhB,MAAA,GAAA;QAAA,UAAA;SAAA,QAAA;iBAAA,SAAA;cAAA,QAAA;OAAA,QAAA;;AAAA,CAAA;;;;;;;"}

package/es/UNSAFE_ProgressCircle.css

@@ -1,6 +1,6 @@
-.rgsne1{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;max-width:100%;max-height:100%;width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);}
-._1f0236c{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation);animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
-.dwoyhy{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-style:solid;width:100%;height:100%;box-sizing:border-box;border-radius:50%;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation);animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;}
-._1vemgmq{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);width:100%;height:100%;box-sizing:border-box;border-radius:50%;position:absolute;border-style:solid;}
-.cupdyl{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
-._1iqblui{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);}
+.u2nw2m{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;max-width:100%;max-height:100%;width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);}
+._1yjxz2z{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation);animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
+.qnhasj{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-style:solid;width:100%;height:100%;box-sizing:border-box;border-radius:50%;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation);animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;}
+._15qkbjy{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);width:100%;height:100%;box-sizing:border-box;border-radius:50%;position:absolute;border-style:solid;}
+._6hlbtv{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
+._15v8qy0{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);}

package/es/UNSAFE_ProgressCircle.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.0.17 */
-import { _ as __rest } from './tslib.es6-7113fc10.js';
+/* @oracle/oraclejet-preact: 14.0.18 */
+import { _ as __rest } from './tslib.es6-dd5b5d91.js';
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import "./UNSAFE_ProgressCircle.css";
@@ -80,12 +80,12 @@ const DeterminateProgressCircle = ({
 };
 
 const styles = {
-  base: "rgsne1",
-  indeterminateOuter: "_1f0236c",
-  indeterminateInner: "dwoyhy",
-  determinateInner: "_1vemgmq",
-  track: "cupdyl",
-  value: "_1iqblui"
+  base: "u2nw2m",
+  indeterminateOuter: "_1yjxz2z",
+  indeterminateInner: "qnhasj",
+  determinateInner: "_15qkbjy",
+  track: "_6hlbtv",
+  value: "_15v8qy0"
 };
 
 export { ProgressCircle };

package/es/UNSAFE_ProgressCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ProgressCircle.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.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 { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { CircleWrapper, CircleInner } from '../PRIVATE_Meter';\nimport { getClipPath } from '../utils/PRIVATE_meterUtils';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype ariaPropsType = ComponentProps<typeof CircleWrapper>['ariaProps'];\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress circle.  If the progress circle is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress circle.  If the value is 'indeterminate', an indeterminate progress circle will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * The maximum value of the progress circle.\n   */\n  max?: number;\n  /**\n   * The size of the progress circle.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n/**\n * A progress circle allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressCircle({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n  ) : (\n    <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressCircle = ({ accessibleLabel, id, size = 'md' }: IndeterminateProps) => {\n  const baseClasses = classNames([\n    styles.base,\n    `oj-c-progress-circle-${size}`,\n    styles.indeterminateOuter\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': accessibleLabel || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={baseClasses}>\n      <CircleInner class={styles.indeterminateInner} />\n    </CircleWrapper>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressCircle = ({ value = 0, max = 100, id, size = 'md' }: DeterminateProps) => {\n  const percentage = Math.min(Math.max(0, value / max), 1);\n  const baseClasses = classNames([styles.base, `oj-c-progress-circle-${size}`]);\n  const clipPath = getClipPath(90, percentage * 360, false, 'full');\n\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? '0' : undefined;\n  ariaProps['aria-valuemax'] = value != null ? `${max}` : undefined;\n  ariaProps['aria-valuenow'] = value != null ? `${value}` : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={baseClasses}>\n      <CircleInner class={classNames([styles.determinateInner, styles.track])} />\n      <CircleInner\n        class={classNames([styles.determinateInner, styles.value])}\n        clipPath={clipPath}\n      />\n    </CircleWrapper>\n  );\n};\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    display: 'inline-block',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size)'\n  }}`,\n  indeterminateOuter: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation)',\n    animationDuration: '1s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  indeterminateInner: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    borderStyle: 'solid',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '50%',\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation)',\n    animationDuration: '1.5s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite',\n    animationDirection: 'alternate',\n    position: 'absolute'\n  }}`,\n  determinateInner: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width)',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '50%',\n    position: 'absolute',\n    borderStyle: 'solid'\n  }}`,\n  track: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)'\n  }}`\n};\n"],"names":["ProgressCircle","_a","value","_jsx","IndeterminateProgressCircle","Object","assign","otherProps","DeterminateProgressCircle","max","accessibleLabel","id","size","styles","base","indeterminateOuter","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","percentage","Math","min","baseClasses","classNames","clipPath","getClipPath","undefined"],"mappings":";;;;;;;;;;;;;;AA+CA;;AAEG;;AACH,SAAAA,cAAA,CAAAC,EAAA,EAAA;;;;;;;EACE,OAAAC,KAAA,KAAA,eAAA,GAAAC,GAAA,CAAAC,2BAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAC,UAAA,CAAA,CAAA,GAAAJ,GAAA,CAAAK,yBAAA,EAAAH,MAAA,CAAAC,MAAA,CAAA;AAAAJ,IAAAA,KAAA,EAAAA,KAAA;AAAAO,IAAAA,GAAA,EAAAA,GAAAA;GAAA,EAAAF,UAAA,CAAA,CAAA,CAAA;AAKF,CAAA;;AAIA,MAAAH,2BAAA,GAAA,CAAA;EAAAM,eAAA;EAAAC,EAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAA,CAAA,KAAA;kCAEIC,MAAA,CAAAC,MACA,CAAA,qBAAA,EAAAF,IAAA,IACAC,MAAA,CAAAE;AAEF,EAAA,MAAAC,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,SAAA,GAAA;AACE,IAAA,gBAAA,EAAAR,eAAA,IAAAM,YAAA,CAAAG,qBAAA,EADF;AAEEC,IAAAA,IAAA,EAAA,aAAA;GAFF,CAAA;;;;;;;;;;AASF,CAhBA,CAAA;;AAsBA,MAAAZ,yBAAA,GAAA,CAAA;AAAAN,EAAAA,KAAA,GAAA,CAAA;AAAAO,EAAAA,GAAA,GAAA,GAAA;EAAAE,EAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAA,CAAA,KAAA;AACE,EAAA,MAAAS,UAAA,GAAAC,IAAA,CAAAC,GAAA,CAAAD,IAAA,CAAAb,GAAA,CAAA,CAAA,EAAAP,KAAA,GAAAO,GAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAe,WAAA,GAAAC,UAAA,CAAA,CAAAZ,MAAA,CAAAC,IAAA,EAAA,CAAA,qBAAA,EAAAF,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAc,QAAA,GAAAC,WAAA,CAAA,EAAA,EAAAN,UAAA,GAAA,GAAA,EAAA,KAAA,EAAA,MAAA,CAAA,CAAA;;EAGAH,SAAA,CAAA,eAAA,CAAA,GAAAhB,KAAA,IAAA,IAAA,GAAA,GAAA,GAAA0B,SAAA,CAAA;AACAV,EAAAA,SAAA,CAAA,eAAA,CAAA,GAAAhB,KAAA,IAAA,IAAA,GAAA,CAAAO,EAAAA,GAAA,CAAA,CAAA,GAAAmB,SAAA,CAAA;AACAV,EAAAA,SAAA,CAAA,eAAA,CAAA,GAAAhB,KAAA,IAAA,IAAA,GAAA,CAAAA,EAAAA,KAAA,CAAA,CAAA,GAAA0B,SAAA,CAAA;AACAV,EAAAA,SAAA,CAAA,MAAA,CAAA,GAAA,aAAA,CAAA;;;;;;;;;;;;;AAUF,CAnBA,CAAA;;AAqBA,MAAAL,MAAA,GAAA;QAAA,QAAA;sBAAA,UAAA;sBAAA,QAAA;oBAAA,UAAA;SAAA,QAAA;;AAAA,CAAA;;;;;;;"}
+{"version":3,"file":"UNSAFE_ProgressCircle.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.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 { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { CircleWrapper, CircleInner } from '../PRIVATE_Meter';\nimport { getClipPath } from '../utils/PRIVATE_meterUtils';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype ariaPropsType = ComponentProps<typeof CircleWrapper>['ariaProps'];\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress circle.  If the progress circle is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress circle.  If the value is 'indeterminate', an indeterminate progress circle will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * The maximum value of the progress circle.\n   */\n  max?: number;\n  /**\n   * The size of the progress circle.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n/**\n * A progress circle allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressCircle({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n  ) : (\n    <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressCircle = ({ accessibleLabel, id, size = 'md' }: IndeterminateProps) => {\n  const baseClasses = classNames([\n    styles.base,\n    `oj-c-progress-circle-${size}`,\n    styles.indeterminateOuter\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': accessibleLabel || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={baseClasses}>\n      <CircleInner class={styles.indeterminateInner} />\n    </CircleWrapper>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressCircle = ({ value = 0, max = 100, id, size = 'md' }: DeterminateProps) => {\n  const percentage = Math.min(Math.max(0, value / max), 1);\n  const baseClasses = classNames([styles.base, `oj-c-progress-circle-${size}`]);\n  const clipPath = getClipPath(90, percentage * 360, false, 'full');\n\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? '0' : undefined;\n  ariaProps['aria-valuemax'] = value != null ? `${max}` : undefined;\n  ariaProps['aria-valuenow'] = value != null ? `${value}` : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={baseClasses}>\n      <CircleInner class={classNames([styles.determinateInner, styles.track])} />\n      <CircleInner\n        class={classNames([styles.determinateInner, styles.value])}\n        clipPath={clipPath}\n      />\n    </CircleWrapper>\n  );\n};\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    display: 'inline-block',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size)'\n  }}`,\n  indeterminateOuter: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation)',\n    animationDuration: '1s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  indeterminateInner: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    borderStyle: 'solid',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '50%',\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation)',\n    animationDuration: '1.5s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite',\n    animationDirection: 'alternate',\n    position: 'absolute'\n  }}`,\n  determinateInner: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width)',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '50%',\n    position: 'absolute',\n    borderStyle: 'solid'\n  }}`,\n  track: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)'\n  }}`\n};\n"],"names":["ProgressCircle","_a","value","_jsx","IndeterminateProgressCircle","Object","assign","otherProps","DeterminateProgressCircle","max","accessibleLabel","id","size","styles","base","indeterminateOuter","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","percentage","Math","min","baseClasses","classNames","clipPath","getClipPath","undefined"],"mappings":";;;;;;;;;;;;;;AA+CA;;AAEG;;AACH,SAAAA,cAAA,CAAAC,EAAA,EAAA;;;;;;;EACE,OAAAC,KAAA,KAAA,eAAA,GAAAC,GAAA,CAAAC,2BAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAC,UAAA,CAAA,CAAA,GAAAJ,GAAA,CAAAK,yBAAA,EAAAH,MAAA,CAAAC,MAAA,CAAA;AAAAJ,IAAAA,KAAA,EAAAA,KAAA;AAAAO,IAAAA,GAAA,EAAAA,GAAAA;GAAA,EAAAF,UAAA,CAAA,CAAA,CAAA;AAKF,CAAA;;AAIA,MAAAH,2BAAA,GAAA,CAAA;EAAAM,eAAA;EAAAC,EAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAA,CAAA,KAAA;kCAEIC,MAAA,CAAAC,MACA,CAAA,qBAAA,EAAAF,IAAA,IACAC,MAAA,CAAAE;AAEF,EAAA,MAAAC,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,SAAA,GAAA;AACE,IAAA,gBAAA,EAAAR,eAAA,IAAAM,YAAA,CAAAG,qBAAA,EADF;AAEEC,IAAAA,IAAA,EAAA,aAAA;GAFF,CAAA;;;;;;;;;;AASF,CAhBA,CAAA;;AAsBA,MAAAZ,yBAAA,GAAA,CAAA;AAAAN,EAAAA,KAAA,GAAA,CAAA;AAAAO,EAAAA,GAAA,GAAA,GAAA;EAAAE,EAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAA,CAAA,KAAA;AACE,EAAA,MAAAS,UAAA,GAAAC,IAAA,CAAAC,GAAA,CAAAD,IAAA,CAAAb,GAAA,CAAA,CAAA,EAAAP,KAAA,GAAAO,GAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAe,WAAA,GAAAC,UAAA,CAAA,CAAAZ,MAAA,CAAAC,IAAA,EAAA,CAAA,qBAAA,EAAAF,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAc,QAAA,GAAAC,WAAA,CAAA,EAAA,EAAAN,UAAA,GAAA,GAAA,EAAA,KAAA,EAAA,MAAA,CAAA,CAAA;;EAGAH,SAAA,CAAA,eAAA,CAAA,GAAAhB,KAAA,IAAA,IAAA,GAAA,GAAA,GAAA0B,SAAA,CAAA;AACAV,EAAAA,SAAA,CAAA,eAAA,CAAA,GAAAhB,KAAA,IAAA,IAAA,GAAA,CAAAO,EAAAA,GAAA,CAAA,CAAA,GAAAmB,SAAA,CAAA;AACAV,EAAAA,SAAA,CAAA,eAAA,CAAA,GAAAhB,KAAA,IAAA,IAAA,GAAA,CAAAA,EAAAA,KAAA,CAAA,CAAA,GAAA0B,SAAA,CAAA;AACAV,EAAAA,SAAA,CAAA,MAAA,CAAA,GAAA,aAAA,CAAA;;;;;;;;;;;;;AAUF,CAnBA,CAAA;;AAqBA,MAAAL,MAAA,GAAA;QAAA,QAAA;sBAAA,UAAA;sBAAA,QAAA;oBAAA,UAAA;SAAA,SAAA;;AAAA,CAAA;;;;;;;"}

package/es/UNSAFE_RatingGauge.css

@@ -1,22 +1,22 @@
-._1v6fr1r{display:inline-flex;}._1v6fr1r:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-.zdmcj1{cursor:pointer;touch-action:none;}
-.rbamds{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);margin:0px 2px;}
-._1gr81zq{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);margin:0px 1px;}
-._7fp2bq{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);margin:0px 1px;}
-._1ycyilr{position:relative;}
+.jsf03s{display:inline-flex;}.jsf03s:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+._1dh0gxr{cursor:pointer;touch-action:none;}
+._2gd4uh{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);margin:0px 2px;}
+._1xg7plu{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);margin:0px 1px;}
+._18hg540{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);margin:0px 1px;}
+._1kqzg1s{position:relative;}
 
-.vxa8n1{top:0px;left:0px;position:absolute;width:100%;height:100%;}
+._1ed5z1d{top:0px;left:0px;position:absolute;width:100%;height:100%;}
 
-.uxfy7q{position:absolute;}
-.hchqo{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
-._18purbo{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
-._8jh5ha{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
-._1uxmca6{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
-.sh785i{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
-._1rxateq{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
-.thnt7i{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
-.rcyxxv{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
-._1ld4gkp{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
-._1ofg8sa{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
-.m7t7l{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
-._1lspaho{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}
+._11w8lay{position:absolute;}
+._8rcona{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
+._1r9k69{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
+.ntsu88{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
+._1gbhqul{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
+.vx618s{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
+.peqxtk{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
+._18iyebt{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
+._15ms54t{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
+._18mtslz{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
+._1bktzkj{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
+._1eaos9{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
+.k0aawv{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}

package/es/UNSAFE_RatingGauge.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.0.17 */
-import { _ as __rest } from './tslib.es6-7113fc10.js';
+/* @oracle/oraclejet-preact: 14.0.18 */
+import { _ as __rest } from './tslib.es6-dd5b5d91.js';
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { useRef, useState, useEffect } from 'preact/hooks';
@@ -14,7 +14,7 @@ import './UNSAFE_Layer.js';
 import 'preact/compat';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './index-b6450488.js';
+import './index-2675270e.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
 import './hooks/UNSAFE_useOutsideClick.js';
@@ -56,19 +56,19 @@ const RatingStar = ({
 };
 
 const ratingStarStyles = {
-  base: "uxfy7q",
-  selectedColor: "hchqo",
-  selectedBorderColor: "_18purbo",
-  unselectedColor: "_8jh5ha",
-  unselectedBorderColor: "_1uxmca6",
-  selectedReadonlyColor: "sh785i",
-  selectedReadonlyBorderColor: "_1rxateq",
-  unselectedReadonlyColor: "thnt7i",
-  unselectedReadonlyBorderColor: "rcyxxv",
-  selectedDisabledColor: "_1ld4gkp",
-  unselectedDisabledColor: "_1ofg8sa",
-  selectedDisabledBorderColor: "m7t7l",
-  unselectedDisabledBorderColor: "_1lspaho"
+  base: "_11w8lay",
+  selectedColor: "_8rcona",
+  selectedBorderColor: "_1r9k69",
+  unselectedColor: "ntsu88",
+  unselectedBorderColor: "_1gbhqul",
+  selectedReadonlyColor: "vx618s",
+  selectedReadonlyBorderColor: "peqxtk",
+  unselectedReadonlyColor: "_18iyebt",
+  unselectedReadonlyBorderColor: "_15ms54t",
+  selectedDisabledColor: "_18mtslz",
+  unselectedDisabledColor: "_1bktzkj",
+  selectedDisabledBorderColor: "_1eaos9",
+  unselectedDisabledBorderColor: "k0aawv"
 };
 
 const RatingGaugeItem = ({
@@ -123,7 +123,7 @@ const RatingGaugeItem = ({
 };
 
 const fractionalStar = {
-  base: "vxa8n1"
+  base: "_1ed5z1d"
 };
 
 function getValue(pageX, max, step, dimensionsRef, isRtl) {
@@ -366,12 +366,12 @@ function RatingGauge(_a) {
   });
 }
 const ratingStyles = {
-  base: "_1v6fr1r",
-  interactive: "zdmcj1",
-  lg: "rbamds",
-  md: "_1gr81zq",
-  sm: "_7fp2bq",
-  item: "_1ycyilr"
+  base: "jsf03s",
+  interactive: "_1dh0gxr",
+  lg: "_2gd4uh",
+  md: "_1xg7plu",
+  sm: "_18hg540",
+  item: "_1kqzg1s"
 };
 
 export { RatingGauge };