npm - @oracle/oraclejet - Versions diffs - 13.1.0 → 13.1.1 - Mend

@oracle/oraclejet 13.1.0 → 13.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2069) hide show

package/dist/js/libs/oraclejet-preact/es/UNSAFE_ProgressCircle.js.map CHANGED Viewed

	@@ -1 +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 { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' \| 'class' \| 'children'>;\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\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 return (\n <CircleWrapper\n id={id}\n ariaValuetext={accessibleLabel \|\| translations.progressIndeterminate()}\n 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(percentage);\n\n return (\n <CircleWrapper id={id} max={max} value={value} 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\ntype WrapperProps = IntrinsicProps & {\n value?: number;\n max?: number;\n min?: number;\n color?: string;\n ariaValuetext?: string;\n};\nconst CircleWrapper = ({\n value,\n max,\n min,\n id,\n children,\n ariaValuetext,\n color,\n ...otherProps\n}: WrapperProps) => {\n const ariaMin = value != null ? (min ? min : '0') : null;\n const ariaMax = value != null ? max : null;\n const ariaNow = value != null ? value : null;\n return (\n <div\n role=\"progressbar\"\n id={id}\n aria-valuemin={ariaMin}\n aria-valuemax={ariaMax}\n aria-valuenow={ariaNow}\n aria-valuetext={ariaValuetext}\n class={otherProps.class}\n style={{ borderColor: color }}>\n {children}\n </div>\n );\n};\n\ntype CircleInnerProps = Pick<IntrinsicProps, 'class'> & {\n clipPath?: string;\n color?: string;\n};\n\nconst CircleInner = ({ clipPath, color, ...otherProps }: CircleInnerProps) => {\n return <div class={otherProps.class} style={{ clipPath: clipPath, borderColor: color }}></div>;\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-progress-circle-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-progress-circle-determinate-track-bg-color)'\n }}`,\n value: cssProps`${{\n borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color)'\n }}`\n};\n\nfunction _getClipPath(percentage: number) {\n let tangent;\n if (percentage < 0.125) {\n tangent = _calculateTangent(percentage) + 50;\n return `polygon(50% 0, ${tangent}% 0, 50% 50%)`;\n } else if (percentage < 0.375) {\n if (percentage < 0.25) {\n tangent = 50 - _calculateTangent(0.25 - percentage);\n } else {\n tangent = _calculateTangent(percentage - 0.25) + 50;\n }\n return `polygon(50% 0, 100% 0, 100% ${tangent}%, 50% 50%)`;\n } else if (percentage < 0.625) {\n if (percentage < 0.5) {\n tangent = 50 + _calculateTangent(0.5 - percentage);\n } else {\n tangent = 50 - _calculateTangent(percentage - 0.5);\n }\n return `polygon(50% 0, 100% 0, 100% 100%, ${tangent}% 100%, 50% 50%)`;\n } else if (percentage < 0.875) {\n if (percentage < 0.75) {\n tangent = 50 + _calculateTangent(0.75 - percentage);\n } else {\n tangent = 50 - _calculateTangent(percentage - 0.75);\n }\n return `polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% ${tangent}%, 50% 50%)`;\n }\n tangent = 50 - _calculateTangent(1 - percentage);\n return `polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% 0%, ${tangent}% 0%, 50% 50%)`;\n}\n\nfunction _calculateTangent(percentage: number) {\n return 50 Math.tan(percentage * 2 * Math.PI);\n}\n"],"names":["ProgressCircle","_a","value","_jsx","IndeterminateProgressCircle","Object","assign","otherProps","DeterminateProgressCircle","max","accessibleLabel","id","size","styles","base","indeterminateOuter","translations","useTranslationBundle","CircleWrapper","ariaValuetext","progressIndeterminate","class","baseClasses","children","CircleInner","indeterminateInner","percentage","Math","min","classNames","clipPath","_getClipPath","_jsxs","determinateInner","track","color","__rest","ariaMax","ariaNow","role","ariaMin","style","borderColor","tangent","_calculateTangent","tan","PI"],"mappings":"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"}
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 { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' \| 'class' \| 'children'>;\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\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 return (\n <CircleWrapper\n id={id}\n ariaValuetext={accessibleLabel \|\| translations.progressIndeterminate()}\n 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(percentage);\n\n return (\n <CircleWrapper id={id} max={max} value={value} 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\ntype WrapperProps = IntrinsicProps & {\n value?: number;\n max?: number;\n min?: number;\n color?: string;\n ariaValuetext?: string;\n};\nconst CircleWrapper = ({\n value,\n max,\n min,\n id,\n children,\n ariaValuetext,\n color,\n ...otherProps\n}: WrapperProps) => {\n const ariaMin = value != null ? (min ? min : '0') : null;\n const ariaMax = value != null ? max : null;\n const ariaNow = value != null ? value : null;\n return (\n <div\n role=\"progressbar\"\n id={id}\n aria-valuemin={ariaMin}\n aria-valuemax={ariaMax}\n aria-valuenow={ariaNow}\n aria-valuetext={ariaValuetext}\n class={otherProps.class}\n style={{ borderColor: color }}>\n {children}\n </div>\n );\n};\n\ntype CircleInnerProps = Pick<IntrinsicProps, 'class'> & {\n clipPath?: string;\n color?: string;\n};\n\nconst CircleInner = ({ clipPath, color, ...otherProps }: CircleInnerProps) => {\n return <div class={otherProps.class} style={{ clipPath: clipPath, borderColor: color }}></div>;\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-progress-circle-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-progress-circle-determinate-track-bg-color)'\n }}`,\n value: cssProps`${{\n borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color)'\n }}`\n};\n\nfunction _getClipPath(percentage: number) {\n let tangent;\n if (percentage < 0.125) {\n tangent = _calculateTangent(percentage) + 50;\n return `polygon(50% 0, ${tangent}% 0, 50% 50%)`;\n } else if (percentage < 0.375) {\n if (percentage < 0.25) {\n tangent = 50 - _calculateTangent(0.25 - percentage);\n } else {\n tangent = _calculateTangent(percentage - 0.25) + 50;\n }\n return `polygon(50% 0, 100% 0, 100% ${tangent}%, 50% 50%)`;\n } else if (percentage < 0.625) {\n if (percentage < 0.5) {\n tangent = 50 + _calculateTangent(0.5 - percentage);\n } else {\n tangent = 50 - _calculateTangent(percentage - 0.5);\n }\n return `polygon(50% 0, 100% 0, 100% 100%, ${tangent}% 100%, 50% 50%)`;\n } else if (percentage < 0.875) {\n if (percentage < 0.75) {\n tangent = 50 + _calculateTangent(0.75 - percentage);\n } else {\n tangent = 50 - _calculateTangent(percentage - 0.75);\n }\n return `polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% ${tangent}%, 50% 50%)`;\n }\n tangent = 50 - _calculateTangent(1 - percentage);\n return `polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% 0%, ${tangent}% 0%, 50% 50%)`;\n}\n\nfunction _calculateTangent(percentage: number) {\n return 50 Math.tan(percentage * 2 * Math.PI);\n}\n"],"names":["ProgressCircle","_a","value","_jsx","IndeterminateProgressCircle","Object","assign","otherProps","DeterminateProgressCircle","max","accessibleLabel","id","size","styles","base","indeterminateOuter","translations","useTranslationBundle","CircleWrapper","ariaValuetext","progressIndeterminate","class","baseClasses","children","CircleInner","indeterminateInner","percentage","Math","min","classNames","clipPath","_getClipPath","_jsxs","determinateInner","track","color","__rest","ariaMax","ariaNow","role","ariaMin","style","borderColor","tangent","_calculateTangent","tan","PI"],"mappings":"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"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_RatingGauge.css CHANGED Viewed

@@ -1,22 +1,22 @@
-.jdcynz{display:inline-flex;}.jdcynz:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-.l6g07z{cursor:pointer;touch-action:none;}
-._yb85ls{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;}
-._3j3phs{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;}
-._y7g8lb{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;}
-._wrhoe9{position:relative;}
+.icacfy{display:inline-flex;}.icacfy:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+._wqtsvh{cursor:pointer;touch-action:none;}
+._1ne2zv{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;}
+._k7lci8{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;}
+._591sy8{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;}
+.jpsyzf{position:relative;}
-.rwtkdq{top:0px;left:0px;position:absolute;width:100%;height:100%;}
+._tcvaxr{top:0px;left:0px;position:absolute;width:100%;height:100%;}
-._k7180v{position:absolute;}
-._29ecq3{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
-._2r2o6x{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
-._qc4qse{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
-._o7hntv{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
-._mgr4kj{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
-._53rojp{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
-.goezwb{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
-.g13d7e{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
-._dbjry0{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
-.ks0ff2{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
-.jwlywu{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
-._5nh9vh{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}
+._oyfiex{position:absolute;}
+._pb9h9b{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
+._6ddz5c{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
+.bbd3o6{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
+.t3bfjr{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
+.nwx4dk{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
+._o8k431{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
+._qjz3pf{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
+.to7bos{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
+._fta4k{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
+._0r0e76{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
+._mq5llc{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
+._w2brr{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_RatingGauge.js CHANGED Viewed

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 13.1.0 */
-import { _ as __rest } from './tslib.es6-deee4931.js';
+/* @oracle/oraclejet-preact: 13.1.1 */
+import { _ as __rest } from './tslib.es6-46109fc7.js';
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { useRef, useState, useEffect } from 'preact/hooks';
@@ -13,7 +13,7 @@ import './UNSAFE_Layer.js';
 import 'preact/compat';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './index-46e68d3c.js';
+import './index-c22a3f89.js';
 import './hooks/UNSAFE_useOutsideClick.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './hooks/UNSAFE_useHover.js';
@@ -51,19 +51,19 @@ const RatingStar = ({
 };
 const ratingStarStyles = {
-  base: "_k7180v",
-  selectedColor: "_29ecq3",
-  selectedBorderColor: "_2r2o6x",
-  unselectedColor: "_qc4qse",
-  unselectedBorderColor: "_o7hntv",
-  selectedReadonlyColor: "_mgr4kj",
-  selectedReadonlyBorderColor: "_53rojp",
-  unselectedReadonlyColor: "goezwb",
-  unselectedReadonlyBorderColor: "g13d7e",
-  selectedDisabledColor: "_dbjry0",
-  unselectedDisabledColor: "ks0ff2",
-  selectedDisabledBorderColor: "jwlywu",
-  unselectedDisabledBorderColor: "_5nh9vh"
+  base: "_oyfiex",
+  selectedColor: "_pb9h9b",
+  selectedBorderColor: "_6ddz5c",
+  unselectedColor: "bbd3o6",
+  unselectedBorderColor: "t3bfjr",
+  selectedReadonlyColor: "nwx4dk",
+  selectedReadonlyBorderColor: "_o8k431",
+  unselectedReadonlyColor: "_qjz3pf",
+  unselectedReadonlyBorderColor: "to7bos",
+  selectedDisabledColor: "_fta4k",
+  unselectedDisabledColor: "_0r0e76",
+  selectedDisabledBorderColor: "_mq5llc",
+  unselectedDisabledBorderColor: "_w2brr"
 };
 const RatingGaugeItem = ({
@@ -114,7 +114,7 @@ const RatingGaugeItem = ({
 };
 const fractionalStar = {
-  base: "rwtkdq"
+  base: "_tcvaxr"
 };
 function getValue(pageX, max, step, dimensionsRef, isRtl) {
@@ -345,12 +345,12 @@ function RatingGauge(_a) {
   });
 }
 const ratingStyles = {
-  base: "jdcynz",
-  interactive: "l6g07z",
-  lg: "_yb85ls",
-  md: "_3j3phs",
-  sm: "_y7g8lb",
-  item: "_wrhoe9"
+  base: "icacfy",
+  interactive: "_wqtsvh",
+  lg: "_1ne2zv",
+  md: "_k7lci8",
+  sm: "_591sy8",
+  item: "jpsyzf"
 };
 export { RatingGauge };

package/dist/js/libs/oraclejet-preact/es/UNSAFE_RatingGauge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_RatingGauge.js","sources":["../../src/UNSAFE_RatingGauge/RatingStar.tsx","../../src/UNSAFE_RatingGauge/RatingGaugeItem.tsx","../../src/UNSAFE_RatingGauge/RatingUtils.ts","../../src/UNSAFE_RatingGauge/useEvents.tsx","../../src/UNSAFE_RatingGauge/useTooltipOrDatatip.ts","../../src/UNSAFE_RatingGauge/RatingGauge.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype Props = {\n isSelected: boolean;\n isDisabled?: boolean;\n isReadOnly?: boolean;\n};\n\nconst RatingStar = ({ isSelected, isDisabled, isReadOnly }: Props) => {\n const selectionState = isSelected ? 'selected' : 'unselected';\n const disabledState = isDisabled && 'Disabled';\n const readonlyState = isReadOnly && 'Readonly';\n const styleStatePrefix = `${selectionState}${disabledState \|\| readonlyState \|\| ''}`;\n const innerStyleClass =\n ratingStarStyles[`${styleStatePrefix}Color` as keyof typeof ratingStarStyles];\n const outerStyleClass =\n ratingStarStyles[`${styleStatePrefix}BorderColor` as keyof typeof ratingStarStyles];\n\n return (\n <svg viewBox=\"0 0 36 36\" height=\"100%\" width=\"100%\" class={ratingStarStyles.base}>\n <g>\n <path\n class={innerStyleClass}\n d=\"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z\"\n />\n <path\n class={outerStyleClass}\n d=\"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z\"\n />\n </g>\n </svg>\n );\n};\n\nconst ratingStarStyles = {\n base: cssProps`${{\n position: 'absolute'\n }}`,\n selectedColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected)'\n }}`,\n selectedBorderColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected)'\n }}`,\n unselectedColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected)'\n }}`,\n unselectedBorderColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected)'\n }}`,\n selectedReadonlyColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly)'\n }}`,\n selectedReadonlyBorderColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly)'\n }}`,\n unselectedReadonlyColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly)'\n }}`,\n unselectedReadonlyBorderColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly)'\n }}`,\n selectedDisabledColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled)'\n }}`,\n unselectedDisabledColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled)'\n }}`,\n selectedDisabledBorderColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled)'\n }}`,\n unselectedDisabledBorderColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled)'\n }}`\n};\nexport { RatingStar };\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { Fragment } from 'preact';\nimport { RatingStar } from './RatingStar';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\ntype Props = {\n fillRatio: number;\n isDisabled?: boolean;\n isReadonly?: boolean;\n};\n\nconst RatingGaugeItem = ({ fillRatio, isDisabled, isReadonly }: Props) => {\n const { direction } = useUser();\n const isRtl = direction === 'rtl';\n\n if (fillRatio === 1 \|\| fillRatio === 0) {\n return (\n <RatingStar isSelected={fillRatio === 1} isDisabled={isDisabled} isReadOnly={isReadonly} />\n );\n }\n\n // if fillRatio is not 1 or zero, absolutely position selected star above the\n // unselected star and clip both to form partially selected star.\n\n return (\n <Fragment>\n <div\n class={fractionalStar.base}\n style={{\n clipPath: `inset(0% ${isRtl ? (1 - fillRatio) 100 : 0}% 0% ${\n isRtl ? 0 : fillRatio * 100\n }%)`\n }}>\n <RatingStar isSelected={false} isDisabled={isDisabled} isReadOnly={isReadonly} />\n </div>\n <div\n class={fractionalStar.base}\n style={{\n clipPath: `inset(0% ${isRtl ? 0 : (1 - fillRatio) * 100}% 0% ${\n isRtl ? (1 - fillRatio) * 100 : 0\n }%)`\n }}>\n <RatingStar isSelected={true} isDisabled={isDisabled} isReadOnly={isReadonly} />\n </div>\n </Fragment>\n );\n};\n\nconst fractionalStar = {\n base: cssProps`${{\n top: '0px',\n left: '0px',\n position: 'absolute',\n width: '100%',\n height: '100%'\n }}`\n};\n\nexport { RatingGaugeItem };\n","import type { Ref } from 'preact/hooks';\n\nexport function getValue(\n pageX: number,\n max: number,\n step: number,\n dimensionsRef: Ref<{ width: number; x: number }>,\n isRtl: boolean\n): number {\n const dimensions = dimensionsRef.current;\n if (!dimensions \|\| dimensions.width === 0) {\n return -1;\n }\n const width = pageX - dimensions.x;\n const val = (max * (isRtl ? dimensions.width - width : width)) / dimensions.width;\n const numSteps = val / step;\n return numSteps < 0.5 ? 0 : Math.ceil(numSteps) * step;\n}\n\nexport function getDimensions(element: HTMLElement \| null) {\n if (!element) {\n return {\n width: 0,\n x: 0\n };\n }\n\n const rect = element.getBoundingClientRect();\n return {\n width: Math.round(rect.width),\n x: Math.round(rect.x + window.scrollX)\n };\n}\n","/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { useRef } from 'preact/hooks';\nimport type { Ref, MutableRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { getValue, getDimensions } from './RatingUtils';\n\nexport type CommitDetail = {\n value: number;\n};\n\nexport type InputDetail = {\n value?: number;\n};\n\nexport const useEvents = (\n max: number,\n step: number,\n value: number,\n rootRef: Ref<HTMLElement>,\n dimensionsRef: MutableRef<{ width: number; x: number }>,\n isInteractive: boolean,\n onCommit?: (detail: CommitDetail) => void,\n onInput?: (detail: InputDetail) => void\n) => {\n const currentInput = useRef<number>();\n const { direction } = useUser();\n\n if (!isInteractive) {\n return {};\n }\n\n const isRtl = direction === 'rtl';\n\n const handleInput = (inputValue: number \| undefined) => {\n onInput?.({ value: inputValue } as InputDetail);\n currentInput.current = inputValue;\n };\n\n const cancelEvent = (event: Event) => {\n event.preventDefault();\n event.stopPropagation();\n };\n\n const pointerUpHandler = (event: PointerEvent) => {\n const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n if (val !== -1) {\n onCommit?.({ value: val } as CommitDetail);\n }\n };\n\n // When the document or rating gauge parent scrolls, we need to update the dimensionRef.current.x.\n // Instead of updating it for every scroll event, recalculate the dims the first time mouse enters\n // so we get fresh dimension value.\n const pointerEnterHandler = () => {\n dimensionsRef.current = getDimensions(rootRef.current);\n };\n\n const hoverHandler = (event: PointerEvent) => {\n const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n if (val !== -1 && val != currentInput.current) {\n handleInput(val);\n }\n };\n\n const blurHandler = () => {\n onCommit?.({ value: value } as CommitDetail);\n };\n\n const pointerLeaveHandler = () => {\n handleInput(undefined);\n };\n\n const keyDownHandler = (event: KeyboardEvent) => {\n const key = event.key;\n\n switch (key) {\n case 'Tab':\n return;\n case 'ArrowDown':\n handleInput(Math.max(0, value - step));\n break;\n case 'ArrowUp':\n handleInput(Math.min(max, value + step));\n break;\n case 'ArrowLeft': {\n const inputValue = isRtl ? Math.min(max, value + step) : Math.max(0, value - step);\n handleInput(inputValue);\n break;\n }\n case 'ArrowRight': {\n const inputValue = isRtl ? Math.max(0, value - step) : Math.min(max, value + step);\n handleInput(inputValue);\n break;\n }\n }\n cancelEvent(event);\n };\n\n const keyUpHandler = (event: KeyboardEvent) => {\n const key = event.key;\n\n switch (key) {\n case 'Enter':\n onCommit?.({ value: value } as CommitDetail);\n break;\n case 'Tab':\n handleInput(value);\n break;\n case 'Home':\n handleInput(0);\n break;\n case 'End':\n handleInput(max);\n break;\n }\n cancelEvent(event);\n };\n\n return {\n onPointerUp: pointerUpHandler,\n onBlur: blurHandler,\n onPointerMove: hoverHandler,\n onKeyUp: keyUpHandler,\n onKeyDown: keyDownHandler,\n onPointerLeave: pointerLeaveHandler,\n onPointerEnter: pointerEnterHandler\n };\n};\n","import { ComponentChild } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { useTooltipControlled } from '../hooks/UNSAFE_useTooltip';\n\ntype Props = {\n max: number;\n value: number;\n isReadonly?: boolean;\n isDisabled?: boolean;\n tooltip?: string;\n datatip?: string;\n ariaDescribedBy?: string;\n width: number;\n};\n\nexport function useTooltipOrDatatip({\n max,\n value,\n isReadonly,\n isDisabled,\n tooltip,\n datatip,\n ariaDescribedBy,\n width\n}: Props): {\n tooltipContent: ComponentChild;\n tooltipProps: Record<string, any>;\n} {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n\n const tooltipVariant = isReadonly && !isDisabled ? 'tooltip' : 'datatip';\n const datatipIndex = Math.max(1, Math.ceil(value));\n const offset =\n tooltipVariant === 'tooltip' ? 0 : ((datatipIndex - Math.ceil(max / 2)) width) / max;\n\n const { tooltipContent, tooltipProps } = useTooltipControlled({\n text: tooltipVariant === 'tooltip' ? tooltip : datatip,\n isOpen,\n anchor: {\n x: 'element',\n y: 'element'\n },\n position: 'bottom',\n offset: {\n mainAxis: 8, // redwood tooltip design spec\n crossAxis: offset\n },\n isDisabled: isDisabled,\n onToggle: ({ value }) => setIsOpen(value),\n variant: tooltipVariant\n });\n\n if (ariaDescribedBy) {\n tooltipProps['aria-describedby'] = ariaDescribedBy;\n }\n return {\n tooltipContent,\n tooltipProps\n };\n}\n","/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { Fragment } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { RatingGaugeItem } from './RatingGaugeItem';\nimport { CommitDetail, InputDetail, useEvents } from './useEvents';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getDimensions } from './RatingUtils';\nimport { useTooltipOrDatatip } from './useTooltipOrDatatip';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\n/\n Props for the RatingGauge\n /\ntype Props = {\n /\n Defines whether the rating gauge should be read only. User interaction is prevented if set to true.\n /\n isReadonly?: boolean;\n\n /\n Defines whether the gauge is disabled or not. User interaction is prevented and the rating gauge is hidden from screen readers if set to true.\n /\n isDisabled?: boolean;\n\n /\n The size of the individual rating gauge items.\n /\n size?: 'sm' \| 'md' \| 'lg';\n\n /\n The value of the rating gauge.\n /\n value: number;\n\n /\n Specifies the increment by which values can be changed.\n /\n step?: number;\n\n /\n Integer value specifying the maximum value of the gauge, which determines the number of items that are displayed\n /\n max?: number;\n\n /\n The callback called in response to hover or focus interactions with the rating gauge items.\n /\n onInput?: (detail: InputDetail) => void;\n\n /\n The callback called when value of gauge changes on blur or Enter or click.\n /\n onCommit?: (detail: CommitDetail) => void;\n\n /\n The rating gauge tooltip. Tooltip is only used for read only rating gauges. If accessibleLabel is not specified, tooltip will be used as the accessible label.\n /\n tooltip?: string;\n\n /\n The rating gauge datatip string. Datatip is used for interactive rating gauges.\n /\n datatip?: string;\n\n /\n A label to be used for accessibility purposes. Default label will be used if not provided.\n /\n accessibleLabel?: string;\n\n /\n The id of the element that labels the gauge.\n /\n ariaLabelledBy?: string;\n\n /\n The id of the element that describes the gauge.\n */\n ariaDescribedBy?: string;\n};\n\nconst getAriaLabel = (\n props: Pick<Props, 'accessibleLabel' \| 'tooltip' \| 'isReadonly' \| 'isDisabled'>\n) => {\n return props.accessibleLabel\n ? props.accessibleLabel\n : props.tooltip && props.isReadonly && !props.isDisabled\n ? props.tooltip\n : undefined;\n};\n\nexport function RatingGauge({\n max = 5,\n value = 0,\n size = 'md',\n step = 1,\n isReadonly,\n isDisabled,\n ...props\n}: Props) {\n const rootRef = useRef<HTMLDivElement>(null);\n const dimensionsRef = useRef(getDimensions(null));\n\n const isInteractive = !isReadonly && !isDisabled;\n\n // Since the dimension are compute lazily after render, store width and x in ref\n // This is used to identify hovered and clicked star.\n // width of the gauge depends on size and max so passing them as dependencies for useEffect\n useEffect(() => {\n dimensionsRef.current = getDimensions(rootRef.current);\n }, [size, max]);\n\n const eventProps = useEvents(\n max,\n step,\n value,\n rootRef,\n dimensionsRef,\n isInteractive,\n props.onCommit,\n props.onInput\n );\n\n const { tooltipContent, tooltipProps } = useTooltipOrDatatip({\n max,\n value,\n isReadonly,\n isDisabled,\n tooltip: props.tooltip,\n datatip: props.datatip,\n width: dimensionsRef.current.width,\n ariaDescribedBy: props.ariaDescribedBy\n });\n\n const mergedEventProps = mergeProps(eventProps, tooltipProps);\n const ariaLabel = getAriaLabel({\n accessibleLabel: props.accessibleLabel,\n tooltip: props.tooltip,\n isReadonly,\n isDisabled\n });\n return (\n <Fragment>\n <div\n ref={rootRef}\n class={classNames([\n ratingStyles.base,\n isInteractive ? ratingStyles.interactive : undefined\n ])}\n aria-label={ariaLabel}\n role=\"slider\"\n aria-valuemin=\"0\"\n aria-valuenow={value}\n aria-valuemax={max}\n aria-valuetext={value}\n aria-labelledby={props.ariaLabelledBy}\n tabIndex={isDisabled ? undefined : 0}\n aria-disabled={isDisabled ? 'true' : undefined}\n {...mergedEventProps}>\n {[...Array(max)].map((_, index: number) => {\n const fillRatio = Math.min(Math.max(0, value - index), 1);\n return (\n <div className={classNames([ratingStyles[size], ratingStyles.item])}>\n <RatingGaugeItem\n fillRatio={fillRatio}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n />\n </div>\n );\n })}\n </div>\n {tooltipContent}\n </Fragment>\n );\n}\n\nconst ratingStyles = {\n base: cssProps`${{\n display: 'inline-flex',\n '&:focus-visible': {\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n outlineStyle: 'dotted',\n outlineWidth: '1px'\n }\n }}`,\n interactive: cssProps`${{\n cursor: 'pointer',\n touchAction: 'none'\n }}`,\n lg: cssProps`${{\n height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n margin: '0px 2px'\n }}`,\n md: cssProps`${{\n height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n margin: '0px 1px'\n }}`,\n sm: cssProps`${{\n height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n margin: '0px 1px'\n }}`,\n item: cssProps`${{\n position: 'relative'\n }}`\n};\n"],"names":["RatingStar","isSelected","isDisabled","isReadOnly","disabledState","readonlyState","_jsx","Object","assign","viewBox","height","width","class","ratingStarStyles","base","children","_jsxs","innerStyleClass","d","outerStyleClass","RatingGaugeItem","fillRatio","isReadonly","direction","useUser","isRtl","Fragment","fractionalStar","style","clipPath","getAriaLabel","props","tooltip","RatingGauge","_a","rootRef","useRef","isInteractive","size","max","tooltipContent","tooltipProps","useTooltipOrDatatip","dimensionsRef","current","ref","classNames","ratingStyles","Math","min","value","index","className","item"],"mappings":"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"}
1	+ {"version":3,"file":"UNSAFE_RatingGauge.js","sources":["../../src/UNSAFE_RatingGauge/RatingStar.tsx","../../src/UNSAFE_RatingGauge/RatingGaugeItem.tsx","../../src/UNSAFE_RatingGauge/RatingUtils.ts","../../src/UNSAFE_RatingGauge/useEvents.tsx","../../src/UNSAFE_RatingGauge/useTooltipOrDatatip.ts","../../src/UNSAFE_RatingGauge/RatingGauge.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype Props = {\n isSelected: boolean;\n isDisabled?: boolean;\n isReadOnly?: boolean;\n};\n\nconst RatingStar = ({ isSelected, isDisabled, isReadOnly }: Props) => {\n const selectionState = isSelected ? 'selected' : 'unselected';\n const disabledState = isDisabled && 'Disabled';\n const readonlyState = isReadOnly && 'Readonly';\n const styleStatePrefix = `${selectionState}${disabledState \|\| readonlyState \|\| ''}`;\n const innerStyleClass =\n ratingStarStyles[`${styleStatePrefix}Color` as keyof typeof ratingStarStyles];\n const outerStyleClass =\n ratingStarStyles[`${styleStatePrefix}BorderColor` as keyof typeof ratingStarStyles];\n\n return (\n <svg viewBox=\"0 0 36 36\" height=\"100%\" width=\"100%\" class={ratingStarStyles.base}>\n <g>\n <path\n class={innerStyleClass}\n d=\"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z\"\n />\n <path\n class={outerStyleClass}\n d=\"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z\"\n />\n </g>\n </svg>\n );\n};\n\nconst ratingStarStyles = {\n base: cssProps`${{\n position: 'absolute'\n }}`,\n selectedColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected)'\n }}`,\n selectedBorderColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected)'\n }}`,\n unselectedColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected)'\n }}`,\n unselectedBorderColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected)'\n }}`,\n selectedReadonlyColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly)'\n }}`,\n selectedReadonlyBorderColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly)'\n }}`,\n unselectedReadonlyColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly)'\n }}`,\n unselectedReadonlyBorderColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly)'\n }}`,\n selectedDisabledColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled)'\n }}`,\n unselectedDisabledColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled)'\n }}`,\n selectedDisabledBorderColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled)'\n }}`,\n unselectedDisabledBorderColor: cssProps`${{\n fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled)'\n }}`\n};\nexport { RatingStar };\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { Fragment } from 'preact';\nimport { RatingStar } from './RatingStar';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\ntype Props = {\n fillRatio: number;\n isDisabled?: boolean;\n isReadonly?: boolean;\n};\n\nconst RatingGaugeItem = ({ fillRatio, isDisabled, isReadonly }: Props) => {\n const { direction } = useUser();\n const isRtl = direction === 'rtl';\n\n if (fillRatio === 1 \|\| fillRatio === 0) {\n return (\n <RatingStar isSelected={fillRatio === 1} isDisabled={isDisabled} isReadOnly={isReadonly} />\n );\n }\n\n // if fillRatio is not 1 or zero, absolutely position selected star above the\n // unselected star and clip both to form partially selected star.\n\n return (\n <Fragment>\n <div\n class={fractionalStar.base}\n style={{\n clipPath: `inset(0% ${isRtl ? (1 - fillRatio) 100 : 0}% 0% ${\n isRtl ? 0 : fillRatio * 100\n }%)`\n }}>\n <RatingStar isSelected={false} isDisabled={isDisabled} isReadOnly={isReadonly} />\n </div>\n <div\n class={fractionalStar.base}\n style={{\n clipPath: `inset(0% ${isRtl ? 0 : (1 - fillRatio) * 100}% 0% ${\n isRtl ? (1 - fillRatio) * 100 : 0\n }%)`\n }}>\n <RatingStar isSelected={true} isDisabled={isDisabled} isReadOnly={isReadonly} />\n </div>\n </Fragment>\n );\n};\n\nconst fractionalStar = {\n base: cssProps`${{\n top: '0px',\n left: '0px',\n position: 'absolute',\n width: '100%',\n height: '100%'\n }}`\n};\n\nexport { RatingGaugeItem };\n","import type { Ref } from 'preact/hooks';\n\nexport function getValue(\n pageX: number,\n max: number,\n step: number,\n dimensionsRef: Ref<{ width: number; x: number }>,\n isRtl: boolean\n): number {\n const dimensions = dimensionsRef.current;\n if (!dimensions \|\| dimensions.width === 0) {\n return -1;\n }\n const width = pageX - dimensions.x;\n const val = (max * (isRtl ? dimensions.width - width : width)) / dimensions.width;\n const numSteps = val / step;\n return numSteps < 0.5 ? 0 : Math.ceil(numSteps) * step;\n}\n\nexport function getDimensions(element: HTMLElement \| null) {\n if (!element) {\n return {\n width: 0,\n x: 0\n };\n }\n\n const rect = element.getBoundingClientRect();\n return {\n width: Math.round(rect.width),\n x: Math.round(rect.x + window.scrollX)\n };\n}\n","/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { useRef } from 'preact/hooks';\nimport type { Ref, MutableRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { getValue, getDimensions } from './RatingUtils';\n\nexport type CommitDetail = {\n value: number;\n};\n\nexport type InputDetail = {\n value?: number;\n};\n\nexport const useEvents = (\n max: number,\n step: number,\n value: number,\n rootRef: Ref<HTMLElement>,\n dimensionsRef: MutableRef<{ width: number; x: number }>,\n isInteractive: boolean,\n onCommit?: (detail: CommitDetail) => void,\n onInput?: (detail: InputDetail) => void\n) => {\n const currentInput = useRef<number>();\n const { direction } = useUser();\n\n if (!isInteractive) {\n return {};\n }\n\n const isRtl = direction === 'rtl';\n\n const handleInput = (inputValue: number \| undefined) => {\n onInput?.({ value: inputValue } as InputDetail);\n currentInput.current = inputValue;\n };\n\n const cancelEvent = (event: Event) => {\n event.preventDefault();\n event.stopPropagation();\n };\n\n const pointerUpHandler = (event: PointerEvent) => {\n const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n if (val !== -1) {\n onCommit?.({ value: val } as CommitDetail);\n }\n };\n\n // When the document or rating gauge parent scrolls, we need to update the dimensionRef.current.x.\n // Instead of updating it for every scroll event, recalculate the dims the first time mouse enters\n // so we get fresh dimension value.\n const pointerEnterHandler = () => {\n dimensionsRef.current = getDimensions(rootRef.current);\n };\n\n const hoverHandler = (event: PointerEvent) => {\n const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n if (val !== -1 && val != currentInput.current) {\n handleInput(val);\n }\n };\n\n const blurHandler = () => {\n onCommit?.({ value: value } as CommitDetail);\n };\n\n const pointerLeaveHandler = () => {\n handleInput(undefined);\n };\n\n const keyDownHandler = (event: KeyboardEvent) => {\n const key = event.key;\n\n switch (key) {\n case 'Tab':\n return;\n case 'ArrowDown':\n handleInput(Math.max(0, value - step));\n break;\n case 'ArrowUp':\n handleInput(Math.min(max, value + step));\n break;\n case 'ArrowLeft': {\n const inputValue = isRtl ? Math.min(max, value + step) : Math.max(0, value - step);\n handleInput(inputValue);\n break;\n }\n case 'ArrowRight': {\n const inputValue = isRtl ? Math.max(0, value - step) : Math.min(max, value + step);\n handleInput(inputValue);\n break;\n }\n }\n cancelEvent(event);\n };\n\n const keyUpHandler = (event: KeyboardEvent) => {\n const key = event.key;\n\n switch (key) {\n case 'Enter':\n onCommit?.({ value: value } as CommitDetail);\n break;\n case 'Tab':\n handleInput(value);\n break;\n case 'Home':\n handleInput(0);\n break;\n case 'End':\n handleInput(max);\n break;\n }\n cancelEvent(event);\n };\n\n return {\n onPointerUp: pointerUpHandler,\n onBlur: blurHandler,\n onPointerMove: hoverHandler,\n onKeyUp: keyUpHandler,\n onKeyDown: keyDownHandler,\n onPointerLeave: pointerLeaveHandler,\n onPointerEnter: pointerEnterHandler\n };\n};\n","import { ComponentChild } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { useTooltipControlled } from '../hooks/UNSAFE_useTooltip';\n\ntype Props = {\n max: number;\n value: number;\n isReadonly?: boolean;\n isDisabled?: boolean;\n tooltip?: string;\n datatip?: string;\n ariaDescribedBy?: string;\n width: number;\n};\n\nexport function useTooltipOrDatatip({\n max,\n value,\n isReadonly,\n isDisabled,\n tooltip,\n datatip,\n ariaDescribedBy,\n width\n}: Props): {\n tooltipContent: ComponentChild;\n tooltipProps: Record<string, any>;\n} {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n\n const tooltipVariant = isReadonly && !isDisabled ? 'tooltip' : 'datatip';\n const datatipIndex = Math.max(1, Math.ceil(value));\n const offset =\n tooltipVariant === 'tooltip' ? 0 : ((datatipIndex - Math.ceil(max / 2)) width) / max;\n\n const { tooltipContent, tooltipProps } = useTooltipControlled({\n text: tooltipVariant === 'tooltip' ? tooltip : datatip,\n isOpen,\n anchor: {\n x: 'element',\n y: 'element'\n },\n position: 'bottom',\n offset: {\n mainAxis: 8, // redwood tooltip design spec\n crossAxis: offset\n },\n isDisabled: isDisabled,\n onToggle: ({ value }) => setIsOpen(value),\n variant: tooltipVariant\n });\n\n if (ariaDescribedBy) {\n tooltipProps['aria-describedby'] = ariaDescribedBy;\n }\n return {\n tooltipContent,\n tooltipProps\n };\n}\n","/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { Fragment } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { RatingGaugeItem } from './RatingGaugeItem';\nimport { CommitDetail, InputDetail, useEvents } from './useEvents';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getDimensions } from './RatingUtils';\nimport { useTooltipOrDatatip } from './useTooltipOrDatatip';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\n/\n Props for the RatingGauge\n /\ntype Props = {\n /\n Defines whether the rating gauge should be read only. User interaction is prevented if set to true.\n /\n isReadonly?: boolean;\n\n /\n Defines whether the gauge is disabled or not. User interaction is prevented and the rating gauge is hidden from screen readers if set to true.\n /\n isDisabled?: boolean;\n\n /\n The size of the individual rating gauge items.\n /\n size?: 'sm' \| 'md' \| 'lg';\n\n /\n The value of the rating gauge.\n /\n value: number;\n\n /\n Specifies the increment by which values can be changed.\n /\n step?: number;\n\n /\n Integer value specifying the maximum value of the gauge, which determines the number of items that are displayed\n /\n max?: number;\n\n /\n The callback called in response to hover or focus interactions with the rating gauge items.\n /\n onInput?: (detail: InputDetail) => void;\n\n /\n The callback called when value of gauge changes on blur or Enter or click.\n /\n onCommit?: (detail: CommitDetail) => void;\n\n /\n The rating gauge tooltip. Tooltip is only used for read only rating gauges. If accessibleLabel is not specified, tooltip will be used as the accessible label.\n /\n tooltip?: string;\n\n /\n The rating gauge datatip string. Datatip is used for interactive rating gauges.\n /\n datatip?: string;\n\n /\n A label to be used for accessibility purposes. Default label will be used if not provided.\n /\n accessibleLabel?: string;\n\n /\n The id of the element that labels the gauge.\n /\n ariaLabelledBy?: string;\n\n /\n The id of the element that describes the gauge.\n */\n ariaDescribedBy?: string;\n};\n\nconst getAriaLabel = (\n props: Pick<Props, 'accessibleLabel' \| 'tooltip' \| 'isReadonly' \| 'isDisabled'>\n) => {\n return props.accessibleLabel\n ? props.accessibleLabel\n : props.tooltip && props.isReadonly && !props.isDisabled\n ? props.tooltip\n : undefined;\n};\n\nexport function RatingGauge({\n max = 5,\n value = 0,\n size = 'md',\n step = 1,\n isReadonly,\n isDisabled,\n ...props\n}: Props) {\n const rootRef = useRef<HTMLDivElement>(null);\n const dimensionsRef = useRef(getDimensions(null));\n\n const isInteractive = !isReadonly && !isDisabled;\n\n // Since the dimension are compute lazily after render, store width and x in ref\n // This is used to identify hovered and clicked star.\n // width of the gauge depends on size and max so passing them as dependencies for useEffect\n useEffect(() => {\n dimensionsRef.current = getDimensions(rootRef.current);\n }, [size, max]);\n\n const eventProps = useEvents(\n max,\n step,\n value,\n rootRef,\n dimensionsRef,\n isInteractive,\n props.onCommit,\n props.onInput\n );\n\n const { tooltipContent, tooltipProps } = useTooltipOrDatatip({\n max,\n value,\n isReadonly,\n isDisabled,\n tooltip: props.tooltip,\n datatip: props.datatip,\n width: dimensionsRef.current.width,\n ariaDescribedBy: props.ariaDescribedBy\n });\n\n const mergedEventProps = mergeProps(eventProps, tooltipProps);\n const ariaLabel = getAriaLabel({\n accessibleLabel: props.accessibleLabel,\n tooltip: props.tooltip,\n isReadonly,\n isDisabled\n });\n return (\n <Fragment>\n <div\n ref={rootRef}\n class={classNames([\n ratingStyles.base,\n isInteractive ? ratingStyles.interactive : undefined\n ])}\n aria-label={ariaLabel}\n role=\"slider\"\n aria-valuemin=\"0\"\n aria-valuenow={value}\n aria-valuemax={max}\n aria-valuetext={value}\n aria-labelledby={props.ariaLabelledBy}\n tabIndex={isDisabled ? undefined : 0}\n aria-disabled={isDisabled ? 'true' : undefined}\n {...mergedEventProps}>\n {[...Array(max)].map((_, index: number) => {\n const fillRatio = Math.min(Math.max(0, value - index), 1);\n return (\n <div className={classNames([ratingStyles[size], ratingStyles.item])}>\n <RatingGaugeItem\n fillRatio={fillRatio}\n isDisabled={isDisabled}\n isReadonly={isReadonly}\n />\n </div>\n );\n })}\n </div>\n {tooltipContent}\n </Fragment>\n );\n}\n\nconst ratingStyles = {\n base: cssProps`${{\n display: 'inline-flex',\n '&:focus-visible': {\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n outlineStyle: 'dotted',\n outlineWidth: '1px'\n }\n }}`,\n interactive: cssProps`${{\n cursor: 'pointer',\n touchAction: 'none'\n }}`,\n lg: cssProps`${{\n height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n margin: '0px 2px'\n }}`,\n md: cssProps`${{\n height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n margin: '0px 1px'\n }}`,\n sm: cssProps`${{\n height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n margin: '0px 1px'\n }}`,\n item: cssProps`${{\n position: 'relative'\n }}`\n};\n"],"names":["RatingStar","isSelected","isDisabled","isReadOnly","disabledState","readonlyState","_jsx","Object","assign","viewBox","height","width","class","ratingStarStyles","base","children","_jsxs","innerStyleClass","d","outerStyleClass","RatingGaugeItem","fillRatio","isReadonly","direction","useUser","isRtl","Fragment","fractionalStar","style","clipPath","getAriaLabel","props","tooltip","RatingGauge","_a","rootRef","useRef","isInteractive","size","max","tooltipContent","tooltipProps","useTooltipOrDatatip","dimensionsRef","current","ref","classNames","ratingStyles","Math","min","value","index","className","item"],"mappings":"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"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_SelectMultiple.css CHANGED Viewed

@@ -1,15 +1,15 @@
-._3otv08{height:20px;padding-bottom:0.75rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.75rem;}
+.oqjmke{box-sizing:border-box;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color);border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);display:flex;flex-direction:column;}
-.l1irv3{box-sizing:border-box;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color);border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);display:flex;flex-direction:column;}
+.s5zjhh{height:20px;padding-bottom:0.75rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.75rem;}
-._u290a{display:inline-flex;align-items:center;justify-content:center;padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-.twg85i{width:2.75rem;height:2.75rem;line-height:2.75rem;}
-._f3eafd{width:2.25rem;height:2.25rem;line-height:2.25rem;}
-.dxvfy{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.dxvfy:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
-.usxalw{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._x5se0f{display:inline-flex;align-items:center;justify-content:center;padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._v20f0{width:2.75rem;height:2.75rem;line-height:2.75rem;}
+._ib7nq{width:2.25rem;height:2.25rem;line-height:2.25rem;}
+._bdflo{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._bdflo:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
+.kpowzb{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._bjjqqk{padding-left:0;padding-right:0;margin:1px 0 2px 0;position:relative;overflow-x:hidden;overflow-y:auto;max-height:400px;box-sizing:border-box;display:flex;flex-direction:column;}
-._7skzed{padding-top:.5rem;padding-bottom:.5rem;}
-._r0l2mo{min-height:10rem;}
+._qv2kqj{display:inline-flex;}
-._hne3yc{display:inline-flex;}
+._ak2jsn{padding-left:0;padding-right:0;margin:1px 0 2px 0;position:relative;overflow-x:hidden;overflow-y:auto;max-height:400px;box-sizing:border-box;display:flex;flex-direction:column;}
+._g4adfn{padding-top:.5rem;padding-bottom:.5rem;}
+._xggpha{min-height:10rem;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_SelectMultiple.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.0 */
+/* @oracle/oraclejet-preact: 13.1.1 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { forwardRef } from 'preact/compat';
@@ -23,7 +23,7 @@ import { Layer } from './UNSAFE_Layer.js';
 import useOutsideClick from './hooks/UNSAFE_useOutsideClick.js';
 import { usePress } from './hooks/UNSAFE_usePress.js';
 import { classNames } from './utils/UNSAFE_classNames.js';
-import { _ as __rest } from './tslib.es6-deee4931.js';
+import { _ as __rest } from './tslib.es6-46109fc7.js';
 import { Chip } from './UNSAFE_Chip.js';
 import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
 import './hooks/UNSAFE_useFocusWithin.js';
@@ -33,12 +33,12 @@ import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_stringUtils.js';
-import './_curry1-b6f34fc4.js';
+import './_curry1-ce9e5040.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry2-255e04d1.js';
-import './_has-f370c697.js';
+import './_curry2-948d8424.js';
+import './_has-eb182826.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-77d2b8e6.js';
+import './keys-380e1b44.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './utils/UNSAFE_interpolations/text.js';
@@ -68,7 +68,7 @@ import './hooks/PRIVATE_useCurrentKey.js';
 import './hooks/PRIVATE_useCollectionFocusRing.js';
 import './UNSAFE_Skeleton.js';
 import './utils/UNSAFE_interpolations/borders.js';
-import './index-46e68d3c.js';
+import './index-c22a3f89.js';
 import './hooks/UNSAFE_useActionable.js';
 import './hooks/UNSAFE_useHover.js';
 import './hooks/UNSAFE_useToggle.js';
@@ -98,7 +98,7 @@ function renderItemText(item, itemText) {
     return itemText(item);
 }
-const itemStyles = "_3otv08";
+const itemStyles = "s5zjhh";
 const noOp = () => {};
@@ -194,7 +194,7 @@ const isSimpleClick = (event) => {
 };
 const rootStyles$3 = {
-  base: "l1irv3"
+  base: "oqjmke"
 };
 function Dropdown({
   anchorRef,
@@ -269,11 +269,11 @@ const ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core
 const ojButtonBorderlessChromeBorderColorHover = 'transparent';
 const rootStyles$2 = {
-  base: "_u290a",
-  sizeMd: "twg85i",
-  sizeSm: "_f3eafd",
-  enabled: "dxvfy",
-  disabled: "usxalw"
+  base: "_x5se0f",
+  sizeMd: "_v20f0",
+  sizeSm: "_ib7nq",
+  enabled: "_bdflo",
+  disabled: "kpowzb"
 };
 const noop = () => {};
@@ -315,13 +315,13 @@ function DropdownArrow({
 }
 const rootStyles$1 = {
-  base: "_bjjqqk",
+  base: "_ak2jsn",
   // TODO: This should really be applied directly to the child ListView so that the content
   // displays under the padding when scrolled, but we can't apply styles to the child collection.
   // TODO: Also need to figure out how to determine whether the collection is a ListView (in
   // the collectionRenderer case) in order to apply this styling.
-  listView: "_7skzed",
-  loading: "_r0l2mo"
+  listView: "_g4adfn",
+  loading: "_xggpha"
 };
 function DropdownList({
   children,
@@ -335,7 +335,7 @@ function DropdownList({
   }));
 }
-const rootStyles = "_hne3yc"; // This component renders a badge showing the number of selected values
+const rootStyles = "_qv2kqj"; // This component renders a badge showing the number of selected values
 function SelectedValuesCount(_a) {
   var {