npm - @oracle/oraclejet - Versions diffs - 13.1.5 → 13.1.7 - Mend

@oracle/oraclejet 13.1.5 → 13.1.7

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 (2089) hide show

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

@@ -1,12 +1,12 @@
-.ih2hwm{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color);display:inline-block;padding-top:0;padding-bottom:0;padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);min-width:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight);font-stretch:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
-.jcy0ku{border-top-right-radius:0;border-bottom-right-radius:0;}
-._vbre7r{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast);}
-._kkoo2{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast);}
-._p0hqf{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast);}
-.hwo5zc{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast);}
-.gpc1od{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
-._s1btc2{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast);}
-.my5k73{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast);}
-.vbkmv{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast);}
-._chcdlf{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast);}
-._qlny4y{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast);}
+._ezbk1a{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color);display:inline-block;padding-top:0;padding-bottom:0;padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);min-width:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight);font-stretch:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
+._0irith{border-top-right-radius:0;border-bottom-right-radius:0;}
+._yk0ktg{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast);}
+._x6a8c{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast);}
+._bxwpy{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast);}
+._0t1ho{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast);}
+._qs23tn{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
+._kcpt3{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast);}
+._nrxs{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast);}
+._fev7ru{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast);}
+._5rczqo{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast);}
+.j819vg{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast);}

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

@@ -1,24 +1,24 @@
-/* @oracle/oraclejet-preact: 13.1.5 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 import { jsx } from 'preact/jsx-runtime';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import './UNSAFE_Badge.css';
 const styles = {
-  base: "ih2hwm",
+  base: "_ezbk1a",
   //right-aligned with the right edge of another component for ltr direction
   //left-aligned for rtl direction pending by
   //https://jira.oraclecorp.com/jira/browse/JET-47572: need an api for rtl
-  end: "jcy0ku",
-  neutral: "_vbre7r",
-  danger: "_kkoo2",
-  warning: "_p0hqf",
-  success: "hwo5zc",
-  info: "gpc1od",
-  neutralSubtle: "_s1btc2",
-  dangerSubtle: "my5k73",
-  warningSubtle: "vbkmv",
-  successSubtle: "_chcdlf",
-  infoSubtle: "_qlny4y"
+  end: "_0irith",
+  neutral: "_yk0ktg",
+  danger: "_x6a8c",
+  warning: "_bxwpy",
+  success: "_0t1ho",
+  info: "_qs23tn",
+  neutralSubtle: "_kcpt3",
+  dangerSubtle: "_nrxs",
+  warningSubtle: "_fev7ru",
+  successSubtle: "_5rczqo",
+  infoSubtle: "j819vg"
 };
 function Badge({
   variant = 'neutral',

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_Badge.js","sources":["../../src/UNSAFE_Badge/Badge.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nexport type Props = {\n /\n Sets the variant for the badge. Badge can be subtle or solid with different colors.\n /\n variant?:\n \| 'neutral'\n \| 'neutralSubtle'\n \| 'danger'\n \| 'dangerSubtle'\n \| 'success'\n \| 'successSubtle'\n \| 'warning'\n \| 'warningSubtle'\n \| 'info'\n \| 'infoSubtle';\n /\n Specifies the size of the badge. Consists of two options: Medium and small.\n /\n size?: 'sm' \| 'md';\n /\n Specifies the placement of the badge. Badges can be attached to the end edge of another component. They lose their default corner rounding on right side for ltr direction or left side for rtl direction.\n /\n placement?: 'none' \| 'end';\n /\n Specifies the string that will be rendered in the badge.\n /\n children: string;\n};\n\nconst styles = {\n base: cssProps`${{\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color)',\n display: 'inline-block',\n paddingTop: '0',\n paddingBottom: '0',\n paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding)',\n paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding)',\n boxSizing: 'border-box',\n borderTopLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n borderTopRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n borderBottomRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n borderBottomLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n height: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight)',\n fontStretch: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch)',\n overflowX: 'hidden',\n overflowY: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n textAlign: 'center'\n }}`,\n\n //right-aligned with the right edge of another component for ltr direction\n //left-aligned for rtl direction pending by\n //https://jira.oraclecorp.com/jira/browse/JET-47572: need an api for rtl\n end: cssProps`${{\n borderTopRightRadius: '0',\n borderBottomRightRadius: '0'\n }}`,\n\n neutral: cssProps`${{\n / solid neutral badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast)'\n }}`,\n danger: cssProps`${{\n / solid danger badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast)'\n }}`,\n warning: cssProps`${{\n / solid warning badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast)'\n }}`,\n success: cssProps`${{\n / solid success badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast)'\n }}`,\n info: cssProps`${{\n / solid info badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast)'\n }}`,\n\n neutralSubtle: cssProps`${{\n / subtle neutral badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast)'\n }}`,\n dangerSubtle: cssProps`${{\n / subtle danger badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast)'\n }}`,\n warningSubtle: cssProps`${{\n / subtle warning badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast)'\n }}`,\n successSubtle: cssProps`${{\n / subtle success badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast)'\n }}`,\n infoSubtle: cssProps`${{\n / subtle info badges */\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast)'\n }}`\n};\n\nexport function Badge({ variant = 'neutral', size = 'md', placement = 'none', children }: Props) {\n const textClasses = classNames([\n styles.base,\n size === 'sm' && 'oj-badge-sm',\n placement === 'end' && styles.end,\n styles[variant]\n ]);\n return <span class={textClasses}>{children}</span>;\n}\n"],"names":["styles","Badge","variant","size","placement","children","base","end","_jsx","Object","assign","class","textClasses"],"mappings":";;;;;AAuCA,MAAAA,MAAA,GAAA;QAAA,~~QAAA~~;;;;OAAA,~~QAAA~~;WAAA,SAAA;UAAA,QAAA;WAAA,QAAA;WAAA,QAAA;QAAA,~~QAAA~~;iBAAA,~~SAAA~~;gBAAA,~~QAAA~~;iBAAA,~~OAAA~~;iBAAA,SAAA;;AAAA,CAAA,CAAA;AAuGA,SAAAC,KAAA,CAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAAC,EAAAA,SAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;kCAEIL,MAAA,CAAAM,sCAEAF,SAAA,KAAA,KAAA,IAAAJ,MAAA,CAAAO;AAGF,EAAA,OAAAC,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,WAAAA;AAAA,GAAA,EAAA;AAAAP,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;;;;;;"}
1	+ {"version":3,"file":"UNSAFE_Badge.js","sources":["../../src/UNSAFE_Badge/Badge.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nexport type Props = {\n /\n Sets the variant for the badge. Badge can be subtle or solid with different colors.\n /\n variant?:\n \| 'neutral'\n \| 'neutralSubtle'\n \| 'danger'\n \| 'dangerSubtle'\n \| 'success'\n \| 'successSubtle'\n \| 'warning'\n \| 'warningSubtle'\n \| 'info'\n \| 'infoSubtle';\n /\n Specifies the size of the badge. Consists of two options: Medium and small.\n /\n size?: 'sm' \| 'md';\n /\n Specifies the placement of the badge. Badges can be attached to the end edge of another component. They lose their default corner rounding on right side for ltr direction or left side for rtl direction.\n /\n placement?: 'none' \| 'end';\n /\n Specifies the string that will be rendered in the badge.\n /\n children: string;\n};\n\nconst styles = {\n base: cssProps`${{\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color)',\n display: 'inline-block',\n paddingTop: '0',\n paddingBottom: '0',\n paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding)',\n paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding)',\n boxSizing: 'border-box',\n borderTopLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n borderTopRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n borderBottomRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n borderBottomLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n height: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight)',\n fontStretch: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch)',\n overflowX: 'hidden',\n overflowY: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n textAlign: 'center'\n }}`,\n\n //right-aligned with the right edge of another component for ltr direction\n //left-aligned for rtl direction pending by\n //https://jira.oraclecorp.com/jira/browse/JET-47572: need an api for rtl\n end: cssProps`${{\n borderTopRightRadius: '0',\n borderBottomRightRadius: '0'\n }}`,\n\n neutral: cssProps`${{\n / solid neutral badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast)'\n }}`,\n danger: cssProps`${{\n / solid danger badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast)'\n }}`,\n warning: cssProps`${{\n / solid warning badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast)'\n }}`,\n success: cssProps`${{\n / solid success badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast)'\n }}`,\n info: cssProps`${{\n / solid info badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast)'\n }}`,\n\n neutralSubtle: cssProps`${{\n / subtle neutral badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast)'\n }}`,\n dangerSubtle: cssProps`${{\n / subtle danger badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast)'\n }}`,\n warningSubtle: cssProps`${{\n / subtle warning badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast)'\n }}`,\n successSubtle: cssProps`${{\n / subtle success badges /\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast)'\n }}`,\n infoSubtle: cssProps`${{\n / subtle info badges */\n '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast)'\n }}`\n};\n\nexport function Badge({ variant = 'neutral', size = 'md', placement = 'none', children }: Props) {\n const textClasses = classNames([\n styles.base,\n size === 'sm' && 'oj-badge-sm',\n placement === 'end' && styles.end,\n styles[variant]\n ]);\n return <span class={textClasses}>{children}</span>;\n}\n"],"names":["styles","Badge","variant","size","placement","children","base","end","_jsx","Object","assign","class","textClasses"],"mappings":";;;;;AAuCA,MAAAA,MAAA,GAAA;QAAA,SAAA;;;;OAAA,SAAA;WAAA,SAAA;UAAA,QAAA;WAAA,QAAA;WAAA,QAAA;QAAA,SAAA;iBAAA,QAAA;gBAAA,OAAA;iBAAA,SAAA;iBAAA,SAAA;;AAAA,CAAA,CAAA;AAuGA,SAAAC,KAAA,CAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAAC,EAAAA,SAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;kCAEIL,MAAA,CAAAM,sCAEAF,SAAA,KAAA,KAAA,IAAAJ,MAAA,CAAAO;AAGF,EAAA,OAAAC,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,WAAAA;AAAA,GAAA,EAAA;AAAAP,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;;;;;;"}

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

@@ -1,16 +1,16 @@
-._0qb5zb{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);display:inline-block;font-family:inherit;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);overflow-x:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);padding-top:0;padding-bottom:0;pointer-events:auto;text-overflow:ellipsis;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap;}._0qb5zb:active:enabled{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-active);}._0qb5zb:focus{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}@supports selector(:focus-visible){._0qb5zb:focus{outline:none;}}._0qb5zb:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-._emla3e:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover);}
-@media(hover:hover){._c6r6du:hover:enabled:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover);}}
-._0a3c8u{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);}
-._zg6vs{padding-inline-start:0;padding-inline-end:0;}
-.el82ps{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-disabled);}
-._v061y6{border-left-width:0;border-right-width:0;border-block-end-width:0;width:100%;border-top-left-radius:0;border-top-right-radius:0;}
+._bg0c7p{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
+._xqaja{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
+._ybezl7{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);}
+._vi25ud{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);}
+.skaxs7{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
+._01mbc0{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
+._hrx2sr{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
+.x0x5c7{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}
-._bi1kmc{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
-._wx7igm{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
-.wh1oau{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);}
-.e3t4kt{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);}
-._b281sn{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
-.faea02{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
-._5p66l1{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
-.mv751o{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}
+._2c7qk2{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);display:inline-block;font-family:inherit;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);overflow-x:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);padding-top:0;padding-bottom:0;pointer-events:auto;text-overflow:ellipsis;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap;}._2c7qk2:active:enabled{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-active);}._2c7qk2:focus{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}@supports selector(:focus-visible){._2c7qk2:focus{outline:none;}}._2c7qk2:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+.fbwvix:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover);}
+@media(hover:hover){._sdxxxq:hover:enabled:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover);}}
+.lry390{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-button-height);}
+._ripu69{padding-inline-start:0;padding-inline-end:0;}
+.e87ic2{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-disabled);}
+.e264z7{border-left-width:0;border-right-width:0;border-block-end-width:0;width:100%;border-top-left-radius:0;border-top-right-radius:0;}

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

@@ -1,6 +1,6 @@
-/* @oracle/oraclejet-preact: 13.1.5 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
-import { _ as __rest } from './tslib.es6-4f0cd53a.js';
+import { _ as __rest } from './tslib.es6-288303a1.js';
 import './UNSAFE_Button.css';
 import { usePress } from './hooks/UNSAFE_usePress.js';
 import { useHover } from './hooks/UNSAFE_useHover.js';
@@ -14,20 +14,20 @@ import './hooks/UNSAFE_useToggle.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_stringUtils.js';
-import './_curry1-2c31d42e.js';
-import './_curry2-709d75f8.js';
-import './_has-607deff2.js';
+import './_curry1-ceaa72de.js';
+import './_curry2-4a5cffff.js';
+import './_has-01645a8b.js';
 const NullFunction = () => null;
 const compStyles$1 = {
-  base: "_0qb5zb",
-  hover: "_emla3e",
-  pseudohover: "_c6r6du",
-  unstyled: "_0a3c8u",
-  min: "_zg6vs",
-  disabled: "el82ps",
-  bottom: "_v061y6"
+  base: "_2c7qk2",
+  hover: "fbwvix",
+  pseudohover: "_sdxxxq",
+  unstyled: "lry390",
+  min: "_ripu69",
+  disabled: "e87ic2",
+  bottom: "e264z7"
 };
 const interpolations = [...Object.values(dimensionInterpolations)];
 const styleInterpolations = mergeInterpolations(interpolations);
@@ -99,14 +99,14 @@ const BaseButton = forwardRef((_a, ref) => {
 });
 const compStyles = {
-  text: "_bi1kmc",
-  icon: "_wx7igm",
-  startText: "wh1oau",
-  endText: "e3t4kt",
-  startIcon: "_b281sn",
-  startIconOnly: "faea02",
-  endIcon: "_5p66l1",
-  label: "mv751o"
+  text: "_bg0c7p",
+  icon: "_xqaja",
+  startText: "_ybezl7",
+  endText: "_vi25ud",
+  startIcon: "skaxs7",
+  startIconOnly: "_01mbc0",
+  endIcon: "_hrx2sr",
+  label: "x0x5c7"
 };
 const isNullOrUndefined = value => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_Button.js","sources":["../../src/UNSAFE_Button/BaseButton.tsx","../../src/UNSAFE_Button/ButtonLayout.tsx","../../src/UNSAFE_Button/Button.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 { ComponentChildren, JSX, Ref } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { forwardRef } from 'preact/compat';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\ntype ButtonElementDetails =\n \| { type: 'button' }\n \| { type: 'a'; href: string; target?: string; rel?: string };\nconst NullFunction = () => null;\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLElement>, 'autofocus' \| 'title'>;\n\nexport type Props = IntrinsicProps &\n DimensionProps & {\n /\n The default slot is the button's text label. The oj-c-button element accepts plain text or DOM nodes as children for the default slot.\"\n /\n children?: ComponentChildren;\n\n /\n Specifies that the button element should be disabled.\n /\n isDisabled?: boolean;\n\n /\n Indicates in what states the button has chrome (background and border).\n * \"borderless\"': \"Borderless buttons are the least prominent variation.\n * Borderless buttons are useful for supplemental actions that require minimal emphasis.\",\n * \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n * solid buttons. Outlined buttons are useful for secondary actions.\",\n * \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n * most important actions in the UI.\",\n * \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n * complete the action that is the main goal of the page or page section. There\n * should only be one CTA button on a page at any given time.\",\n * \"danger\"': \"A Danger button alerts the user to a dangerous situation.\",\n /\n variant?: 'borderless' \| 'outlined' \| 'solid' \| 'callToAction' \| 'danger';\n\n /\n size\n /\n size?: 'sm' \| 'md' \| 'lg';\n\n /\n edge\n /\n edge?: 'none' \| 'bottom';\n\n /\n accessibleLabel\n /\n accessibleLabel?: string;\n\n /\n styling\n /\n styling?: 'default' \| 'min' \| 'unstyled';\n\n /\n Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n /\n onAction?: () => void;\n\n /\n Indicate element type and associated details\n /\n elementDetails?: ButtonElementDetails;\n };\n\nconst compStyles = {\n base: cssProps`${{\n alignItems: 'center',\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color)',\n borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color)',\n borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius)',\n borderStyle: 'solid',\n borderWidth: '1px',\n boxSizing: 'border-box',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color)',\n cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n display: 'inline-block',\n fontFamily: 'inherit',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-font-weight)',\n height: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-height)',\n justifyContent: 'center',\n minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-height)',\n overflowX: 'hidden',\n paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding)',\n paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding)',\n paddingTop: 0,\n paddingBottom: 0,\n pointerEvents: 'auto',\n textOverflow: 'ellipsis',\n verticalAlign: 'top',\n WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n whiteSpace: 'nowrap',\n\n // @ts-ignore\n '&:active:enabled': {\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-active)',\n borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-active)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-active)'\n },\n '&:focus': {\n outlineStyle: 'dotted',\n outlineOffset: '1px',\n outlineWidth: '1px',\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n },\n '@supports selector(:focus-visible)': {\n '&:focus': {\n / Remove the focus indicator on mouse-focus for browsers\n that do support :focus-visible /\n outline: 'none'\n }\n },\n '&:focus-visible': {\n outlineStyle: 'dotted',\n outlineOffset: '1px',\n outlineWidth: '1px',\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n }\n }}`,\n\n hover: cssProps`${{\n // @ts-ignore\n '&:not(:active)': {\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover)',\n borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover)'\n }\n }}`,\n\n pseudohover: cssProps`${{\n // @ts-ignore\n '@media(hover: hover)': {\n '&:hover:enabled:not(:active)': {\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover)',\n borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover)'\n }\n }\n }}`,\n\n unstyled: cssProps`${{\n boxSizing: 'border-box',\n cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n height: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-height)'\n }}`,\n\n min: cssProps`${{\n paddingInlineStart: '0',\n paddingInlineEnd: '0'\n }}`,\n\n disabled: cssProps`${{\n pointerEvents: 'none',\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-disabled)',\n borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-disabled)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-disabled)'\n }}`,\n\n bottom: cssProps`${{\n borderLeftWidth: '0',\n borderRightWidth: '0',\n borderBlockEndWidth: '0',\n width: '100%',\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0'\n }}`\n};\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().isHybrid;\n\nexport const BaseButton = forwardRef(\n (\n {\n variant = 'outlined',\n isDisabled = false,\n size = 'md',\n elementDetails = { type: 'button' },\n styling = 'default',\n edge = 'none',\n accessibleLabel,\n ...props\n }: Props,\n ref?: Ref<HTMLButtonElement> & Ref<HTMLAnchorElement>\n ) => {\n const { pressProps } = usePress(props.onAction ? props.onAction : NullFunction, {\n isDisabled\n });\n const { hoverProps, isHover } = useHover({ isDisabled: isHybrid });\n const { class: cls, ...styles } = styleInterpolations(props);\n const rootStyles = classNames([\n styling === 'default' && compStyles.base,\n styling === 'unstyled' && compStyles.unstyled,\n (styling === 'min' && compStyles.base) \|\| compStyles.min,\n `oj-c-button-${variant}`,\n `oj-c-button-${size}`,\n isDisabled && compStyles.disabled,\n edge === 'bottom' && compStyles.bottom,\n !isHybrid && compStyles.pseudohover,\n isHybrid && isHover && compStyles.hover\n ]);\n const { type: elementType = 'button', ...elementProps } = { ...elementDetails };\n const role = elementType === 'button' ? { type: 'button' } : { role: 'link' };\n const tooltip = props.title \|\| accessibleLabel;\n const ElementType = elementDetails.type;\n\n return (\n <ElementType\n ref={ref}\n disabled={isDisabled}\n class={`${rootStyles} ${cls}`}\n style={styles}\n autofocus={props['autofocus']}\n title={tooltip}\n tabIndex={isDisabled ? -1 : 0}\n aria-label={accessibleLabel}\n {...elementProps}\n {...role}\n {...pressProps}\n {...iosProps}\n {...hoverProps}>\n {props.children}\n </ElementType>\n );\n }\n);\n","/\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 { ComponentChildren, ComponentProps } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { BaseButton } from './BaseButton';\n\nexport type ButtonDisplay = 'icons' \| 'label' \| 'all';\n\nexport type Props = {\n /\n The default slot is the button's text label. The oj-c-button element accepts plain text or DOM nodes as children for the default slot.\"\n /\n children?: ComponentChildren;\n\n /\n The startIcon = is the button's start icon.\n /\n startIcon?: ComponentChildren;\n\n /\n The endIcon is the button's end icon.\n /\n endIcon?: ComponentChildren;\n\n /\n size\n /\n size?: ComponentProps<typeof BaseButton>['size'];\n\n /\n display\n /\n display?: ButtonDisplay;\n};\n\nconst compStyles = {\n text: cssProps`${{\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n display: 'inline-flex'\n }}`,\n\n icon: cssProps`${{\n display: 'inline-flex',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size)',\n fontWeight: 'normal',\n marginTop: 0,\n marginBottom: 0\n }}`,\n\n startText: cssProps`${{\n marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding)'\n }}`,\n\n endText: cssProps`${{\n marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding)'\n }}`,\n\n startIcon: cssProps`${{\n marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding)',\n marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n }}`,\n\n startIconOnly: cssProps`${{\n marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)',\n marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n }}`,\n\n endIcon: cssProps`${{\n marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding)',\n marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n }}`,\n\n label: cssProps`${{\n cursor: 'inherit',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '100%',\n height: '100%'\n }}`\n};\n\nconst isNullOrUndefined = (\n value: ComponentChildren \| null \| undefined\n): value is null \| undefined => {\n return value === null \|\| value === undefined;\n};\n\nexport function ButtonLayout({ size = 'md', display = 'all', ...props }: Props) {\n const showIcons = display == 'all' \|\| display == 'icons';\n const showText = display == 'all' \|\| display == 'label';\n const labelClass = compStyles.label;\n const isOnlyIcon = props.startIcon && (display === 'icons' \|\| !props.children) && !props.endIcon;\n const textStartIcon = !isNullOrUndefined(props.startIcon) && display === 'all';\n const textEndIcon = !isNullOrUndefined(props.endIcon) && display === 'all';\n const isTwoIcons = props.startIcon && props.endIcon;\n\n const endIconClass = `${compStyles.icon} oj-c-button-layout-${size} ${compStyles.endIcon}`;\n const startIconStyles = classNames([\n compStyles.icon,\n `oj-c-button-layout-${size}`,\n isOnlyIcon ? compStyles.startIconOnly : compStyles.startIcon\n ]);\n const textStyles = classNames([\n compStyles.text,\n textStartIcon && !isTwoIcons && compStyles.endText,\n textEndIcon && !isTwoIcons && compStyles.startText\n ]);\n\n return (\n <span class={labelClass}>\n {showIcons && props.startIcon && <span class={startIconStyles}>{props.startIcon}</span>}\n {showText && props.children && <span class={textStyles}> {props.children} </span>}\n {showIcons && props.endIcon && <span class={endIconClass}>{props.endIcon}</span>}\n </span>\n );\n}\n","/\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, ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { BaseButton } from './BaseButton';\nimport { ButtonLayout } from './ButtonLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLButtonElement>, 'autofocus'>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\ntype Props = IntrinsicProps &\n WidthProps & {\n /\n The startIcon = is the button's start icon.\n /\n startIcon?: ComponentChildren;\n\n /\n The endIcon is the button's end icon.\n /\n endIcon?: ComponentChildren;\n\n /\n Specifies that the button element should be disabled.\n /\n isDisabled?: boolean;\n\n /\n label - button label, used for accessibility if no override\n /\n label?: string;\n\n /\n accessibleLabel - override label for accessibility\n /\n accessibleLabel?: string;\n\n /\n Indicates in what states the button has chrome (background and border).\n * \"borderless\"': \"Borderless buttons are the least prominent variation.\n * Borderless buttons are useful for supplemental actions that require minimal emphasis.\",\n * \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n * solid buttons. Outlined buttons are useful for secondary actions.\",\n * \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n * most important actions in the UI.\",\n * \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n * complete the action that is the main goal of the page or page section. There\n * should only be one CTA button on a page at any given time.\",\n * \"danger\"': \"A Danger button alerts the user to a dangerous situation.\",\n /\n variant?: ComponentProps<typeof BaseButton>['variant'];\n\n /\n size\n /\n size?: ComponentProps<typeof BaseButton>['size'];\n\n /\n edge\n /\n edge?: ComponentProps<typeof BaseButton>['edge'];\n\n /\n Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n /\n onAction?: () => void \| null;\n\n /\n display\n /\n display?: ComponentProps<typeof ButtonLayout>['display'];\n\n /\n title\n */\n title?: string;\n };\n\nexport const Button = forwardRef(\n (\n {\n variant = 'outlined',\n isDisabled = false,\n size = 'md',\n display = 'all',\n endIcon,\n startIcon,\n autofocus,\n edge,\n onAction,\n label = '',\n accessibleLabel,\n title,\n width\n }: Props,\n ref?: Ref<HTMLButtonElement>\n ) => {\n const labelOnly = (!startIcon && !endIcon) \|\| display === 'label';\n const content = labelOnly ? (\n label\n ) : (\n <ButtonLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n {label}\n </ButtonLayout>\n );\n return (\n <BaseButton\n ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement>}\n isDisabled={isDisabled}\n size={size}\n width={width}\n autofocus={autofocus}\n edge={edge}\n variant={variant}\n styling={labelOnly ? 'min' : 'default'}\n onAction={onAction}\n accessibleLabel={accessibleLabel ?? (display === 'icons' ? label : undefined)}\n title={title ?? (display === 'icons' ? accessibleLabel ?? label : undefined)}\n aria-label={display === 'icons' ? label : null}>\n {content}\n </BaseButton>\n );\n }\n);\n"],"names":["NullFunction","compStyles","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","clientHints","getClientHints","iosProps","platform","ontouchstart","isHybrid","BaseButton","forwardRef","_a","ref","variant","isDisabled","size","elementDetails","type","styling","edge","accessibleLabel","props","__rest","pressProps","usePress","onAction","hoverProps","isHover","useHover","_b","class","cls","styles","base","unstyled","bottom","pseudohover","hover","_c","assign","elementType","elementProps","tooltip","title","ElementType","_jsx","disabled","rootStyles","style","autofocus","tabIndex","role","children","isNullOrUndefined","value","undefined","ButtonLayout","display","labelClass","label","textStartIcon","startIcon","textEndIcon","endIcon","endIconClass","icon","text","isTwoIcons","endText","startText"],"mappings":"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"}
1	+ {"version":3,"file":"UNSAFE_Button.js","sources":["../../src/UNSAFE_Button/BaseButton.tsx","../../src/UNSAFE_Button/ButtonLayout.tsx","../../src/UNSAFE_Button/Button.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 { ComponentChildren, JSX, Ref } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { forwardRef } from 'preact/compat';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\ntype ButtonElementDetails =\n \| { type: 'button' }\n \| { type: 'a'; href: string; target?: string; rel?: string };\nconst NullFunction = () => null;\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLElement>, 'autofocus' \| 'title'>;\n\nexport type Props = IntrinsicProps &\n DimensionProps & {\n /\n The default slot is the button's text label. The oj-c-button element accepts plain text or DOM nodes as children for the default slot.\"\n /\n children?: ComponentChildren;\n\n /\n Specifies that the button element should be disabled.\n /\n isDisabled?: boolean;\n\n /\n Indicates in what states the button has chrome (background and border).\n * \"borderless\"': \"Borderless buttons are the least prominent variation.\n * Borderless buttons are useful for supplemental actions that require minimal emphasis.\",\n * \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n * solid buttons. Outlined buttons are useful for secondary actions.\",\n * \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n * most important actions in the UI.\",\n * \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n * complete the action that is the main goal of the page or page section. There\n * should only be one CTA button on a page at any given time.\",\n * \"danger\"': \"A Danger button alerts the user to a dangerous situation.\",\n /\n variant?: 'borderless' \| 'outlined' \| 'solid' \| 'callToAction' \| 'danger';\n\n /\n size\n /\n size?: 'sm' \| 'md' \| 'lg';\n\n /\n edge\n /\n edge?: 'none' \| 'bottom';\n\n /\n accessibleLabel\n /\n accessibleLabel?: string;\n\n /\n styling\n /\n styling?: 'default' \| 'min' \| 'unstyled';\n\n /\n Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n /\n onAction?: () => void;\n\n /\n Indicate element type and associated details\n /\n elementDetails?: ButtonElementDetails;\n };\n\nconst compStyles = {\n base: cssProps`${{\n alignItems: 'center',\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color)',\n borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color)',\n borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius)',\n borderStyle: 'solid',\n borderWidth: '1px',\n boxSizing: 'border-box',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color)',\n cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n display: 'inline-block',\n fontFamily: 'inherit',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-font-weight)',\n height: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-height)',\n justifyContent: 'center',\n minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-height)',\n overflowX: 'hidden',\n paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding)',\n paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding)',\n paddingTop: 0,\n paddingBottom: 0,\n pointerEvents: 'auto',\n textOverflow: 'ellipsis',\n verticalAlign: 'top',\n WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n whiteSpace: 'nowrap',\n\n // @ts-ignore\n '&:active:enabled': {\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-active)',\n borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-active)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-active)'\n },\n '&:focus': {\n outlineStyle: 'dotted',\n outlineOffset: '1px',\n outlineWidth: '1px',\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n },\n '@supports selector(:focus-visible)': {\n '&:focus': {\n / Remove the focus indicator on mouse-focus for browsers\n that do support :focus-visible /\n outline: 'none'\n }\n },\n '&:focus-visible': {\n outlineStyle: 'dotted',\n outlineOffset: '1px',\n outlineWidth: '1px',\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n }\n }}`,\n\n hover: cssProps`${{\n // @ts-ignore\n '&:not(:active)': {\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover)',\n borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover)'\n }\n }}`,\n\n pseudohover: cssProps`${{\n // @ts-ignore\n '@media(hover: hover)': {\n '&:hover:enabled:not(:active)': {\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover)',\n borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover)'\n }\n }\n }}`,\n\n unstyled: cssProps`${{\n boxSizing: 'border-box',\n cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n height: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-height)'\n }}`,\n\n min: cssProps`${{\n paddingInlineStart: '0',\n paddingInlineEnd: '0'\n }}`,\n\n disabled: cssProps`${{\n pointerEvents: 'none',\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-disabled)',\n borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-disabled)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-disabled)'\n }}`,\n\n bottom: cssProps`${{\n borderLeftWidth: '0',\n borderRightWidth: '0',\n borderBlockEndWidth: '0',\n width: '100%',\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0'\n }}`\n};\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().isHybrid;\n\nexport const BaseButton = forwardRef(\n (\n {\n variant = 'outlined',\n isDisabled = false,\n size = 'md',\n elementDetails = { type: 'button' },\n styling = 'default',\n edge = 'none',\n accessibleLabel,\n ...props\n }: Props,\n ref?: Ref<HTMLButtonElement> & Ref<HTMLAnchorElement>\n ) => {\n const { pressProps } = usePress(props.onAction ? props.onAction : NullFunction, {\n isDisabled\n });\n const { hoverProps, isHover } = useHover({ isDisabled: isHybrid });\n const { class: cls, ...styles } = styleInterpolations(props);\n const rootStyles = classNames([\n styling === 'default' && compStyles.base,\n styling === 'unstyled' && compStyles.unstyled,\n (styling === 'min' && compStyles.base) \|\| compStyles.min,\n `oj-c-button-${variant}`,\n `oj-c-button-${size}`,\n isDisabled && compStyles.disabled,\n edge === 'bottom' && compStyles.bottom,\n !isHybrid && compStyles.pseudohover,\n isHybrid && isHover && compStyles.hover\n ]);\n const { type: elementType = 'button', ...elementProps } = { ...elementDetails };\n const role = elementType === 'button' ? { type: 'button' } : { role: 'link' };\n const tooltip = props.title \|\| accessibleLabel;\n const ElementType = elementDetails.type;\n\n return (\n <ElementType\n ref={ref}\n disabled={isDisabled}\n class={`${rootStyles} ${cls}`}\n style={styles}\n autofocus={props['autofocus']}\n title={tooltip}\n tabIndex={isDisabled ? -1 : 0}\n aria-label={accessibleLabel}\n {...elementProps}\n {...role}\n {...pressProps}\n {...iosProps}\n {...hoverProps}>\n {props.children}\n </ElementType>\n );\n }\n);\n","/\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 { ComponentChildren, ComponentProps } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { BaseButton } from './BaseButton';\n\nexport type ButtonDisplay = 'icons' \| 'label' \| 'all';\n\nexport type Props = {\n /\n The default slot is the button's text label. The oj-c-button element accepts plain text or DOM nodes as children for the default slot.\"\n /\n children?: ComponentChildren;\n\n /\n The startIcon = is the button's start icon.\n /\n startIcon?: ComponentChildren;\n\n /\n The endIcon is the button's end icon.\n /\n endIcon?: ComponentChildren;\n\n /\n size\n /\n size?: ComponentProps<typeof BaseButton>['size'];\n\n /\n display\n /\n display?: ButtonDisplay;\n};\n\nconst compStyles = {\n text: cssProps`${{\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n display: 'inline-flex'\n }}`,\n\n icon: cssProps`${{\n display: 'inline-flex',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size)',\n fontWeight: 'normal',\n marginTop: 0,\n marginBottom: 0\n }}`,\n\n startText: cssProps`${{\n marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding)'\n }}`,\n\n endText: cssProps`${{\n marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding)'\n }}`,\n\n startIcon: cssProps`${{\n marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding)',\n marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n }}`,\n\n startIconOnly: cssProps`${{\n marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)',\n marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n }}`,\n\n endIcon: cssProps`${{\n marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding)',\n marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n }}`,\n\n label: cssProps`${{\n cursor: 'inherit',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '100%',\n height: '100%'\n }}`\n};\n\nconst isNullOrUndefined = (\n value: ComponentChildren \| null \| undefined\n): value is null \| undefined => {\n return value === null \|\| value === undefined;\n};\n\nexport function ButtonLayout({ size = 'md', display = 'all', ...props }: Props) {\n const showIcons = display == 'all' \|\| display == 'icons';\n const showText = display == 'all' \|\| display == 'label';\n const labelClass = compStyles.label;\n const isOnlyIcon = props.startIcon && (display === 'icons' \|\| !props.children) && !props.endIcon;\n const textStartIcon = !isNullOrUndefined(props.startIcon) && display === 'all';\n const textEndIcon = !isNullOrUndefined(props.endIcon) && display === 'all';\n const isTwoIcons = props.startIcon && props.endIcon;\n\n const endIconClass = `${compStyles.icon} oj-c-button-layout-${size} ${compStyles.endIcon}`;\n const startIconStyles = classNames([\n compStyles.icon,\n `oj-c-button-layout-${size}`,\n isOnlyIcon ? compStyles.startIconOnly : compStyles.startIcon\n ]);\n const textStyles = classNames([\n compStyles.text,\n textStartIcon && !isTwoIcons && compStyles.endText,\n textEndIcon && !isTwoIcons && compStyles.startText\n ]);\n\n return (\n <span class={labelClass}>\n {showIcons && props.startIcon && <span class={startIconStyles}>{props.startIcon}</span>}\n {showText && props.children && <span class={textStyles}> {props.children} </span>}\n {showIcons && props.endIcon && <span class={endIconClass}>{props.endIcon}</span>}\n </span>\n );\n}\n","/\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, ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { BaseButton } from './BaseButton';\nimport { ButtonLayout } from './ButtonLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLButtonElement>, 'autofocus'>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\ntype Props = IntrinsicProps &\n WidthProps & {\n /\n The startIcon = is the button's start icon.\n /\n startIcon?: ComponentChildren;\n\n /\n The endIcon is the button's end icon.\n /\n endIcon?: ComponentChildren;\n\n /\n Specifies that the button element should be disabled.\n /\n isDisabled?: boolean;\n\n /\n label - button label, used for accessibility if no override\n /\n label?: string;\n\n /\n accessibleLabel - override label for accessibility\n /\n accessibleLabel?: string;\n\n /\n Indicates in what states the button has chrome (background and border).\n * \"borderless\"': \"Borderless buttons are the least prominent variation.\n * Borderless buttons are useful for supplemental actions that require minimal emphasis.\",\n * \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n * solid buttons. Outlined buttons are useful for secondary actions.\",\n * \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n * most important actions in the UI.\",\n * \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n * complete the action that is the main goal of the page or page section. There\n * should only be one CTA button on a page at any given time.\",\n * \"danger\"': \"A Danger button alerts the user to a dangerous situation.\",\n /\n variant?: ComponentProps<typeof BaseButton>['variant'];\n\n /\n size\n /\n size?: ComponentProps<typeof BaseButton>['size'];\n\n /\n edge\n /\n edge?: ComponentProps<typeof BaseButton>['edge'];\n\n /\n Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n /\n onAction?: () => void \| null;\n\n /\n display\n /\n display?: ComponentProps<typeof ButtonLayout>['display'];\n\n /\n title\n */\n title?: string;\n };\n\nexport const Button = forwardRef(\n (\n {\n variant = 'outlined',\n isDisabled = false,\n size = 'md',\n display = 'all',\n endIcon,\n startIcon,\n autofocus,\n edge,\n onAction,\n label = '',\n accessibleLabel,\n title,\n width\n }: Props,\n ref?: Ref<HTMLButtonElement>\n ) => {\n const labelOnly = (!startIcon && !endIcon) \|\| display === 'label';\n const content = labelOnly ? (\n label\n ) : (\n <ButtonLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n {label}\n </ButtonLayout>\n );\n return (\n <BaseButton\n ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement>}\n isDisabled={isDisabled}\n size={size}\n width={width}\n autofocus={autofocus}\n edge={edge}\n variant={variant}\n styling={labelOnly ? 'min' : 'default'}\n onAction={onAction}\n accessibleLabel={accessibleLabel ?? (display === 'icons' ? label : undefined)}\n title={title ?? (display === 'icons' ? accessibleLabel ?? label : undefined)}\n aria-label={display === 'icons' ? label : null}>\n {content}\n </BaseButton>\n );\n }\n);\n"],"names":["NullFunction","compStyles","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","clientHints","getClientHints","iosProps","platform","ontouchstart","isHybrid","BaseButton","forwardRef","_a","ref","variant","isDisabled","size","elementDetails","type","styling","edge","accessibleLabel","props","__rest","pressProps","usePress","onAction","hoverProps","isHover","useHover","_b","class","cls","styles","base","unstyled","bottom","pseudohover","hover","_c","assign","elementType","elementProps","tooltip","title","ElementType","_jsx","disabled","rootStyles","style","autofocus","tabIndex","role","children","isNullOrUndefined","value","undefined","ButtonLayout","display","labelClass","label","textStartIcon","startIcon","textEndIcon","endIcon","endIconClass","icon","text","isTwoIcons","endText","startText"],"mappings":"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"}

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

@@ -1,19 +1,19 @@
-/* @oracle/oraclejet-preact: 13.1.5 */
-import { _ as __rest } from './tslib.es6-4f0cd53a.js';
+/* @oracle/oraclejet-preact: 13.1.7 */
+import { _ as __rest } from './tslib.es6-288303a1.js';
 import { jsx } from 'preact/jsx-runtime';
 import { Flex } from './UNSAFE_Flex.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_stringUtils.js';
-import './_curry1-2c31d42e.js';
+import './_curry1-ceaa72de.js';
 import './utils/UNSAFE_mergeInterpolations.js';
 import './utils/UNSAFE_classNames.js';
-import './_curry2-709d75f8.js';
-import './_has-607deff2.js';
+import './_curry2-4a5cffff.js';
+import './_has-01645a8b.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-a9531eea.js';
+import './keys-bce1b461.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';

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

@@ -1,6 +1,6 @@
-.rzsuom{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.rzsuom:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-._kx0pe0{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color);display:inline-block;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);height:2rem;min-width:2rem;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
-._3zxdwv{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._jf0557{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
-._kw537o{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
-._vl568h{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
+._xugfm3{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._xugfm3:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+._xcg1qz{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color);display:inline-block;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius);height:2rem;min-width:2rem;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
+._3a5jn4{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.aftyx{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
+._9dtate{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}
+.lauam{--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3);--oj-c-PRIVATE-DO-NOT-USE-chip-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast);}

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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.5 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 import { jsx } from 'preact/jsx-runtime';
 import { useActionable } from './hooks/UNSAFE_useActionable.js';
 import './UNSAFE_Chip.css';
@@ -11,13 +11,13 @@ import './hooks/UNSAFE_useActive.js';
 import './hooks/UNSAFE_useFocus.js';
 import './hooks/UNSAFE_usePress.js';
-const cursorandFocusStyle = "rzsuom";
+const cursorandFocusStyle = "_xugfm3";
 const styles = {
-  base: "_kx0pe0",
-  disabled: "_3zxdwv",
-  info: "_jf0557",
-  infoSubtle: "_kw537o",
-  infoSubtleLighter: "_vl568h"
+  base: "_xcg1qz",
+  disabled: "_3a5jn4",
+  info: "aftyx",
+  infoSubtle: "_9dtate",
+  infoSubtleLighter: "lauam"
 };
 function Chip({
   isSelected,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_Chip.js","sources":["../../src/UNSAFE_Chip/Chip.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 { useActionable } from '../hooks/UNSAFE_useActionable';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst cursorandFocusStyle = cssProps`${{\n cursor: 'var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n '&:focus-visible': {\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n outlineStyle: 'dotted',\n outlineWidth: '1px',\n outlineOffset: '1px'\n }\n}}`;\n\nconst styles = {\n base: cssProps`${{\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color)',\n display: 'inline-block',\n paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n boxSizing: 'border-box',\n borderTopLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n borderTopRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n borderBottomRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n borderBottomLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n height: '2rem',\n minWidth: '2rem',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height)',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight)',\n overflowX: 'hidden',\n overflowY: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n textAlign: 'center'\n }}`,\n disabled: cssProps`${{\n '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n }}`,\n info: cssProps`${{\n '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast)'\n }}`,\n infoSubtle: cssProps`${{\n '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast)'\n }}`,\n infoSubtleLighter: cssProps`${{\n '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3)',\n '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast)'\n }}`\n};\n\ntype SelectedChangeDetail = { previousValue?: boolean; value?: boolean };\n\ntype Props = {\n /\n Specifies if the chip component is selected.\n /\n isSelected?: boolean;\n /\n Disables the component.\n /\n isDisabled?: boolean;\n /\n Specifies some screen reader text.\n /\n accessibleLabel?: string;\n children: string;\n /\n Triggered when a chip is clickable, whether by keyboard, mouse, or touch events.\n */\n onToggle?: (detail: SelectedChangeDetail) => void;\n //\n};\n\nexport function Chip({ isSelected, isDisabled, accessibleLabel, children, onToggle }: Props) {\n const handleAction = useCallback(() => {\n onToggle?.({ previousValue: isSelected, value: !isSelected });\n }, [isSelected, onToggle]);\n\n const { actionableProps, isHover, isActive } = useActionable(handleAction, {\n isSuppressDup: false\n });\n\n const variant = isDisabled\n ? 'disabled'\n : isSelected \|\| isActive\n ? 'info'\n : isHover\n ? 'infoSubtle'\n : 'infoSubtleLighter';\n\n const classes = classNames([\n styles.base,\n isDisabled ? styles.disabled : `${styles.base} ${styles[variant]} ${cursorandFocusStyle}`\n ]);\n\n return isDisabled ? (\n <div class={classes}>{children}</div>\n ) : (\n <div\n {...actionableProps}\n class={classes}\n tabIndex={0}\n aria-label={accessibleLabel}\n role=\"switch\"\n aria-checked={isSelected ? 'true' : 'false'}>\n {children}\n </div>\n );\n}\n"],"names":["cursorandFocusStyle","styles","Chip","isSelected","isDisabled","accessibleLabel","children","onToggle","handleAction","useCallback","previousValue","value","isSuppressDup","isHover","base"],"mappings":";;;;;;;;;;;;;AAYA,MAAAA,mBAAA,GAAA,~~QAAA~~,CAAA;AAUA,MAAAC,MAAA,GAAA;QAAA,SAAA;YAAA,SAAA;QAAA,~~SAAA~~;cAAA,SAAA;;AAAA,CAAA,CAAA;AAwEA,SAAAC,IAAA,CAAA;EAAAC,UAAA;EAAAC,UAAA;EAAAC,eAAA;EAAAC,QAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,YAAA,GAAAC,WAAA,CAAA,MAAA;AACEF,IAAAA,QAAA,KAAA,IAAA,IAAAA,QAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAA,CAAA;AAAAG,MAAAA,aAAA,EAAAP,UAAA;AAAAQ,MAAAA,KAAA,EAAA,CAAAR,UAAAA;AAAA,KAAA,CAAA,CAAA;AACF,GAFA,EAEA,CAAAA,UAAA,EAAAI,QAAA,CAFA,CAAA,CAAA;;;;;;AAKEK,IAAAA,aAAA,EAAA,KAAA;;+BAIA,sCAEA,SACAC,OAAA,GACA,YADA;8BAKAZ,MAAA,CAAAa;;;;;;;;;;;;;;AAiBJ;;;;;;;"}
1	+ {"version":3,"file":"UNSAFE_Chip.js","sources":["../../src/UNSAFE_Chip/Chip.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 { useActionable } from '../hooks/UNSAFE_useActionable';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst cursorandFocusStyle = cssProps`${{\n cursor: 'var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n '&:focus-visible': {\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n outlineStyle: 'dotted',\n outlineWidth: '1px',\n outlineOffset: '1px'\n }\n}}`;\n\nconst styles = {\n base: cssProps`${{\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color)',\n display: 'inline-block',\n paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n boxSizing: 'border-box',\n borderTopLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n borderTopRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n borderBottomRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n borderBottomLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n height: '2rem',\n minWidth: '2rem',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height)',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight)',\n overflowX: 'hidden',\n overflowY: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n textAlign: 'center'\n }}`,\n disabled: cssProps`${{\n '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n }}`,\n info: cssProps`${{\n '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast)'\n }}`,\n infoSubtle: cssProps`${{\n '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast)'\n }}`,\n infoSubtleLighter: cssProps`${{\n '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3)',\n '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast)'\n }}`\n};\n\ntype SelectedChangeDetail = { previousValue?: boolean; value?: boolean };\n\ntype Props = {\n /\n Specifies if the chip component is selected.\n /\n isSelected?: boolean;\n /\n Disables the component.\n /\n isDisabled?: boolean;\n /\n Specifies some screen reader text.\n /\n accessibleLabel?: string;\n children: string;\n /\n Triggered when a chip is clickable, whether by keyboard, mouse, or touch events.\n */\n onToggle?: (detail: SelectedChangeDetail) => void;\n //\n};\n\nexport function Chip({ isSelected, isDisabled, accessibleLabel, children, onToggle }: Props) {\n const handleAction = useCallback(() => {\n onToggle?.({ previousValue: isSelected, value: !isSelected });\n }, [isSelected, onToggle]);\n\n const { actionableProps, isHover, isActive } = useActionable(handleAction, {\n isSuppressDup: false\n });\n\n const variant = isDisabled\n ? 'disabled'\n : isSelected \|\| isActive\n ? 'info'\n : isHover\n ? 'infoSubtle'\n : 'infoSubtleLighter';\n\n const classes = classNames([\n styles.base,\n isDisabled ? styles.disabled : `${styles.base} ${styles[variant]} ${cursorandFocusStyle}`\n ]);\n\n return isDisabled ? (\n <div class={classes}>{children}</div>\n ) : (\n <div\n {...actionableProps}\n class={classes}\n tabIndex={0}\n aria-label={accessibleLabel}\n role=\"switch\"\n aria-checked={isSelected ? 'true' : 'false'}>\n {children}\n </div>\n );\n}\n"],"names":["cursorandFocusStyle","styles","Chip","isSelected","isDisabled","accessibleLabel","children","onToggle","handleAction","useCallback","previousValue","value","isSuppressDup","isHover","base"],"mappings":";;;;;;;;;;;;;AAYA,MAAAA,mBAAA,GAAA,SAAA,CAAA;AAUA,MAAAC,MAAA,GAAA;QAAA,SAAA;YAAA,SAAA;QAAA,OAAA;cAAA,SAAA;;AAAA,CAAA,CAAA;AAwEA,SAAAC,IAAA,CAAA;EAAAC,UAAA;EAAAC,UAAA;EAAAC,eAAA;EAAAC,QAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,YAAA,GAAAC,WAAA,CAAA,MAAA;AACEF,IAAAA,QAAA,KAAA,IAAA,IAAAA,QAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAA,CAAA;AAAAG,MAAAA,aAAA,EAAAP,UAAA;AAAAQ,MAAAA,KAAA,EAAA,CAAAR,UAAAA;AAAA,KAAA,CAAA,CAAA;AACF,GAFA,EAEA,CAAAA,UAAA,EAAAI,QAAA,CAFA,CAAA,CAAA;;;;;;AAKEK,IAAAA,aAAA,EAAA,KAAA;;+BAIA,sCAEA,SACAC,OAAA,GACA,YADA;8BAKAZ,MAAA,CAAAa;;;;;;;;;;;;;;AAiBJ;;;;;;;"}

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

@@ -1,5 +1,5 @@
-.mor09h{color:var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-right:0;padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-left:0;cursor:pointer;}
-._9bb308{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
+._i2y3yq{color:var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-right:0;padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-left:0;cursor:pointer;}
+._a1i7td{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
-._0b4b5o{display:flex;align-items:center;color:var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color);background-color:transparent;border:none;cursor:pointer;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-inline-start:-8px;}
-._bcwrau{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
+._o8l4yr{display:flex;align-items:center;color:var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color);background-color:transparent;border:none;cursor:pointer;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-inline-start:-8px;}
+._5syh6y{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}

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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.5 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useState, useEffect, useRef } from 'preact/hooks';
 import { useId } from './hooks/UNSAFE_useId.js';
@@ -8,17 +8,17 @@ import { Flex } from './UNSAFE_Flex.js';
 import { CollapseIcon } from './UNSAFE_ThemedIcons.js';
 import { IcoChevronDown as SvgIcoChevronDown } from './UNSAFE_Icons.js';
 import { useAnimation } from './hooks/UNSAFE_useAnimation.js';
-import './tslib.es6-4f0cd53a.js';
+import './tslib.es6-288303a1.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_stringUtils.js';
-import './_curry1-2c31d42e.js';
+import './_curry1-ceaa72de.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry2-709d75f8.js';
-import './_has-607deff2.js';
+import './_curry2-4a5cffff.js';
+import './_has-01645a8b.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-a9531eea.js';
+import './keys-bce1b461.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './UNSAFE_Icon.js';
@@ -30,8 +30,8 @@ import 'preact/compat';
 import './hooks/UNSAFE_useTheme.js';
 const styles$1 = {
-  base: "_0b4b5o",
-  disabled: "_bcwrau"
+  base: "_o8l4yr",
+  disabled: "_5syh6y"
 };
 /**
  * Header icon subcomponent
@@ -60,8 +60,8 @@ const CollapsibleHeaderIcon = ({
 };
 const styles = {
-  base: "mor09h",
-  disabled: "_9bb308"
+  base: "_i2y3yq",
+  disabled: "_a1i7td"
 };
 /**
  * Header subcomponent

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx","../../src/UNSAFE_Collapsible/index.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ExpandIcon, CollapseIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n contentId: string;\n isDisabled: boolean;\n headerId: string;\n isExpanded: boolean;\n onClick?: (event: Event) => void;\n};\n\nconst styles = {\n base: cssProps`${{\n display: 'flex',\n alignItems: 'center',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color)',\n backgroundColor: 'transparent',\n border: 'none',\n cursor: 'pointer',\n paddingTop: '5px',\n paddingRight: '5px',\n paddingBottom: '5px',\n paddingLeft: '5px',\n marginInlineStart: '-8px'\n }}`,\n disabled: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n cursor: 'auto'\n }}`\n};\n\n/*\n Header icon subcomponent\n /\nexport const CollapsibleHeaderIcon = ({\n contentId,\n isDisabled,\n headerId,\n isExpanded,\n onClick\n}: IconProps) => {\n const classes = classNames([styles.base, isDisabled && styles.disabled]);\n const Icon = isExpanded ? ExpandIcon : CollapseIcon;\n return (\n <button\n class={classes}\n aria-labelledby={headerId}\n aria-controls={contentId}\n aria-expanded={isExpanded}\n onClick={onClick}>\n <Icon size=\"6x\" />\n </button>\n );\n};\n","import { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' \| 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n id: string;\n contentId: string;\n isDisabled: boolean;\n isExpanded: boolean;\n toggleHandler: () => void;\n};\n\nconst styles = {\n base: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color)',\n paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n paddingRight: '0',\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n paddingLeft: '0',\n cursor: 'pointer'\n }}`,\n disabled: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n cursor: 'auto'\n }}`\n};\n\n/\n Header subcomponent\n /\nexport const CollapsibleHeader = ({\n children,\n id,\n contentId,\n isDisabled,\n isExpanded,\n toggleHandler\n}: HeaderProps) => {\n const classes = classNames([styles.base, isDisabled && styles.disabled]);\n\n return (\n <div id={id} class={classes} onClick={toggleHandler}>\n <Flex align=\"center\">\n <CollapsibleHeaderIcon\n isDisabled={isDisabled}\n headerId={id}\n contentId={contentId}\n isExpanded={isExpanded}\n />\n {children}\n </Flex>\n </div>\n );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\n\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n id: string;\n isExpanded: boolean;\n onTransitionEnd: () => void;\n};\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n const [state, setState] = useState<'mounting' \| 'mounted' \| 'unmounting' \| 'unmounted'>(\n isExpanded ? 'mounted' : 'unmounted'\n );\n\n const [prevExpanded, setPrevExpanded] = useState<boolean>(isExpanded);\n const isAnimating = isExpanded !== prevExpanded \|\| ['mounting', 'unmounting'].includes(state);\n\n useEffect(() => {\n if (isAnimating) {\n setState(isExpanded ? 'mounting' : 'unmounting');\n }\n }, [isExpanded, isAnimating]);\n\n const { nodeRef } = useAnimation<'expanded' \| 'collapsed', HTMLDivElement>(\n ['mounted', 'mounting'].includes(state) ? 'expanded' : 'collapsed',\n {\n animationStates,\n onAnimationEnd: ({ animationState }) => {\n const isExpanded = animationState === 'expanded';\n setState(isExpanded ? 'mounted' : 'unmounted');\n setPrevExpanded(isExpanded);\n onTransitionEnd?.();\n }\n }\n );\n return (\n <div ref={nodeRef} id={id} tabIndex={-1} aria-hidden={!isExpanded \|\| undefined}>\n {(isAnimating \|\| state === 'mounted') && children}\n </div>\n );\n};\n\n/\n The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n * explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n * We could check that based on node.style.maxHeight.\n \n The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n * This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n \n In some future, handling unmounting would be handled using another API agnostic to useAnimation hook. For now, this is handled by user.\n /\n\nconst animationStates: UseAnimationConfig<\n 'expanded' \| 'collapsed',\n HTMLDivElement\n>['animationStates'] = {\n expanded: (node) => {\n return {\n to: {\n maxHeight: `${node.scrollHeight}px`,\n overflowY: 'hidden'\n },\n options: {\n duration: 400\n },\n end: {\n maxHeight: 'none'\n }\n };\n },\n collapsed: (node) => {\n return {\n ...(node.style.maxHeight === 'none' && {\n from: {\n maxHeight: `${node.scrollHeight}px`\n }\n }),\n to: {\n overflowY: 'hidden',\n maxHeight: '0'\n },\n options: {\n duration: 400\n }\n };\n }\n};\n","import { ComponentChildren, JSX } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' \| 'children'>;\n\ntype Props = IntrinsicProps & {\n /\n Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n /\n header?: ComponentChildren;\n\n /\n Disables the collapsible if set to true\n /\n isDisabled?: boolean;\n\n /\n Specifies if the content is expanded\n /\n isExpanded?: boolean;\n\n /\n Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n /\n onToggle?: (details: ToggleDetail) => void;\n\n /\n Property that triggers a callback after toggle animation is done\n /\n onTransitionEnd?: (details: ToggleDetail) => void;\n};\n\nexport type ToggleDetail = {\n value: boolean;\n};\n\n/\n Controlled Collapsible component\n /\nexport const Collapsible = ({\n id,\n header,\n children,\n isDisabled = false,\n isExpanded = false,\n onToggle,\n onTransitionEnd\n}: Props) => {\n const rootRef = useRef<HTMLDivElement>(null);\n const uniqueID = useId();\n const headerId = `oj-collapsible-header-${uniqueID}`;\n const contentId = `oj-collapsible-content-${uniqueID}`;\n\n /\n Function handling toggle and invoking callback for collapsing/expanding\n /\n const toggleHandler = () => {\n if (isDisabled) {\n return;\n }\n onToggle?.({\n value: !isExpanded\n });\n };\n\n /\n Function that is triggerd when animation ends\n /\n const transitionEndHandler = () => {\n onTransitionEnd?.({\n value: isExpanded\n });\n };\n\n return (\n <div id={id} ref={rootRef}>\n <CollapsibleHeader\n id={headerId}\n contentId={contentId}\n toggleHandler={toggleHandler}\n isDisabled={isDisabled}\n isExpanded={isExpanded}>\n {header}\n </CollapsibleHeader>\n <CollapsibleContent\n id={contentId}\n isExpanded={isExpanded}\n onTransitionEnd={transitionEndHandler}>\n {children}\n </CollapsibleContent>\n </div>\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 /\nexport from './Collapsible';\n"],"names":["styles","CollapsibleHeaderIcon","contentId","isDisabled","headerId","isExpanded","onClick","classes","classNames","base","disabled","CollapsibleHeader","children","id","toggleHandler","_jsx","_jsxs"],"mappings":"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"}
1	+ {"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx","../../src/UNSAFE_Collapsible/index.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ExpandIcon, CollapseIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n contentId: string;\n isDisabled: boolean;\n headerId: string;\n isExpanded: boolean;\n onClick?: (event: Event) => void;\n};\n\nconst styles = {\n base: cssProps`${{\n display: 'flex',\n alignItems: 'center',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color)',\n backgroundColor: 'transparent',\n border: 'none',\n cursor: 'pointer',\n paddingTop: '5px',\n paddingRight: '5px',\n paddingBottom: '5px',\n paddingLeft: '5px',\n marginInlineStart: '-8px'\n }}`,\n disabled: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n cursor: 'auto'\n }}`\n};\n\n/*\n Header icon subcomponent\n /\nexport const CollapsibleHeaderIcon = ({\n contentId,\n isDisabled,\n headerId,\n isExpanded,\n onClick\n}: IconProps) => {\n const classes = classNames([styles.base, isDisabled && styles.disabled]);\n const Icon = isExpanded ? ExpandIcon : CollapseIcon;\n return (\n <button\n class={classes}\n aria-labelledby={headerId}\n aria-controls={contentId}\n aria-expanded={isExpanded}\n onClick={onClick}>\n <Icon size=\"6x\" />\n </button>\n );\n};\n","import { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' \| 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n id: string;\n contentId: string;\n isDisabled: boolean;\n isExpanded: boolean;\n toggleHandler: () => void;\n};\n\nconst styles = {\n base: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color)',\n paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n paddingRight: '0',\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n paddingLeft: '0',\n cursor: 'pointer'\n }}`,\n disabled: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n cursor: 'auto'\n }}`\n};\n\n/\n Header subcomponent\n /\nexport const CollapsibleHeader = ({\n children,\n id,\n contentId,\n isDisabled,\n isExpanded,\n toggleHandler\n}: HeaderProps) => {\n const classes = classNames([styles.base, isDisabled && styles.disabled]);\n\n return (\n <div id={id} class={classes} onClick={toggleHandler}>\n <Flex align=\"center\">\n <CollapsibleHeaderIcon\n isDisabled={isDisabled}\n headerId={id}\n contentId={contentId}\n isExpanded={isExpanded}\n />\n {children}\n </Flex>\n </div>\n );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\n\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n id: string;\n isExpanded: boolean;\n onTransitionEnd: () => void;\n};\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n const [state, setState] = useState<'mounting' \| 'mounted' \| 'unmounting' \| 'unmounted'>(\n isExpanded ? 'mounted' : 'unmounted'\n );\n\n const [prevExpanded, setPrevExpanded] = useState<boolean>(isExpanded);\n const isAnimating = isExpanded !== prevExpanded \|\| ['mounting', 'unmounting'].includes(state);\n\n useEffect(() => {\n if (isAnimating) {\n setState(isExpanded ? 'mounting' : 'unmounting');\n }\n }, [isExpanded, isAnimating]);\n\n const { nodeRef } = useAnimation<'expanded' \| 'collapsed', HTMLDivElement>(\n ['mounted', 'mounting'].includes(state) ? 'expanded' : 'collapsed',\n {\n animationStates,\n onAnimationEnd: ({ animationState }) => {\n const isExpanded = animationState === 'expanded';\n setState(isExpanded ? 'mounted' : 'unmounted');\n setPrevExpanded(isExpanded);\n onTransitionEnd?.();\n }\n }\n );\n return (\n <div ref={nodeRef} id={id} tabIndex={-1} aria-hidden={!isExpanded \|\| undefined}>\n {(isAnimating \|\| state === 'mounted') && children}\n </div>\n );\n};\n\n/\n The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n * explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n * We could check that based on node.style.maxHeight.\n \n The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n * This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n \n In some future, handling unmounting would be handled using another API agnostic to useAnimation hook. For now, this is handled by user.\n /\n\nconst animationStates: UseAnimationConfig<\n 'expanded' \| 'collapsed',\n HTMLDivElement\n>['animationStates'] = {\n expanded: (node) => {\n return {\n to: {\n maxHeight: `${node.scrollHeight}px`,\n overflowY: 'hidden'\n },\n options: {\n duration: 400\n },\n end: {\n maxHeight: 'none'\n }\n };\n },\n collapsed: (node) => {\n return {\n ...(node.style.maxHeight === 'none' && {\n from: {\n maxHeight: `${node.scrollHeight}px`\n }\n }),\n to: {\n overflowY: 'hidden',\n maxHeight: '0'\n },\n options: {\n duration: 400\n }\n };\n }\n};\n","import { ComponentChildren, JSX } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' \| 'children'>;\n\ntype Props = IntrinsicProps & {\n /\n Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n /\n header?: ComponentChildren;\n\n /\n Disables the collapsible if set to true\n /\n isDisabled?: boolean;\n\n /\n Specifies if the content is expanded\n /\n isExpanded?: boolean;\n\n /\n Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n /\n onToggle?: (details: ToggleDetail) => void;\n\n /\n Property that triggers a callback after toggle animation is done\n /\n onTransitionEnd?: (details: ToggleDetail) => void;\n};\n\nexport type ToggleDetail = {\n value: boolean;\n};\n\n/\n Controlled Collapsible component\n /\nexport const Collapsible = ({\n id,\n header,\n children,\n isDisabled = false,\n isExpanded = false,\n onToggle,\n onTransitionEnd\n}: Props) => {\n const rootRef = useRef<HTMLDivElement>(null);\n const uniqueID = useId();\n const headerId = `oj-collapsible-header-${uniqueID}`;\n const contentId = `oj-collapsible-content-${uniqueID}`;\n\n /\n Function handling toggle and invoking callback for collapsing/expanding\n /\n const toggleHandler = () => {\n if (isDisabled) {\n return;\n }\n onToggle?.({\n value: !isExpanded\n });\n };\n\n /\n Function that is triggerd when animation ends\n /\n const transitionEndHandler = () => {\n onTransitionEnd?.({\n value: isExpanded\n });\n };\n\n return (\n <div id={id} ref={rootRef}>\n <CollapsibleHeader\n id={headerId}\n contentId={contentId}\n toggleHandler={toggleHandler}\n isDisabled={isDisabled}\n isExpanded={isExpanded}>\n {header}\n </CollapsibleHeader>\n <CollapsibleContent\n id={contentId}\n isExpanded={isExpanded}\n onTransitionEnd={transitionEndHandler}>\n {children}\n </CollapsibleContent>\n </div>\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 /\nexport from './Collapsible';\n"],"names":["styles","CollapsibleHeaderIcon","contentId","isDisabled","headerId","isExpanded","onClick","classes","classNames","base","disabled","CollapsibleHeader","children","id","toggleHandler","_jsx","_jsxs"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.5 */
+/* @oracle/oraclejet-preact: 13.1.7 */
 import { jsx } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';