@oracle/oraclejet 13.1.2 → 13.1.3

package/dist/js/libs/oraclejet-preact/es/UNSAFE_AspectRatio.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 13.1.2 */
-import { _ as __rest } from './tslib.es6-5e147f4d.js';
+/* @oracle/oraclejet-preact: 13.1.3 */
+import { _ as __rest } from './tslib.es6-45a6fa90.js';
 import { jsx } from 'preact/jsx-runtime';
 import './UNSAFE_AspectRatio.css';
 import { dimensionInterpolations } from './utils/UNSAFE_interpolations/dimensions.js';
@@ -8,9 +8,9 @@ import { classNames } from './utils/UNSAFE_classNames.js';
 import { stringLiteralArray } from './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_stringUtils.js';
-import './_curry1-69de8b60.js';
-import './_curry2-e4ddc670.js';
-import './_has-f6f8e89d.js';
+import './_curry1-e0b8da22.js';
+import './_curry2-14f77759.js';
+import './_has-67942ab5.js';
 
 // hack to get aspect-ratio to work.
 // CSS now has an aspect-ratio attribute that makes this super easy.
@@ -28,7 +28,7 @@ import './_has-f6f8e89d.js';
 // 100%/ratio. 100/(4/3) = 75%
 // e.g., 16/9 = 56.25%, 4/3 = 75%, 1/1=100%, 2/1=50%
 
-const baseDivStyles = "_r1ajir"; // common aspect ratios
+const baseDivStyles = "se0l1t"; // common aspect ratios
 // The box’s preferred aspect ratio is the specified ratio of width / height.
 // The ratio has a '/' as a separator and not a ':' because the '/' is what
 // the CSS aspect-ratio uses.

package/dist/js/libs/oraclejet-preact/es/UNSAFE_AspectRatio.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_AspectRatio.js","sources":["../../src/UNSAFE_AspectRatio/AspectRatio.tsx","../../src/UNSAFE_AspectRatio/index.ts"],"sourcesContent":["import { VNode } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\n// AspectRatio uses the common padding-bottom as a percentage\n// hack to get aspect-ratio to work.\n// CSS now has an aspect-ratio attribute that makes this super easy.\n// aspect-ratio is supported in all major browsers, most recently in Safari 15.\n// https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio\n// However, it isn't until jet 14 that we drop support for Safari 14.\n// When jet 14 comes out we can replace the padding-bottom hack with aspect-ratio css property.\n// Also a user could just put aspect-ratio directly on their dom, instead of wrapping\n// it inside this AspectRatio component.\n\n// NOTE: padding-bottom has to be on a dom node that is the child of a dom node that has\n// width, not the same dom node. From css doc:\n// The size of the padding as a percentage, relative to the width of the containing block.\n// So the root dom node has the dimensions styling and the '::before' dom node\n// has the padding information.\n// 100%/ratio. 100/(4/3) = 75%\n// e.g., 16/9 = 56.25%, 4/3 = 75%, 1/1=100%, 2/1=50%\n\nconst baseDivStyles = cssProps`${{\n  position: 'relative',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n\n  '&::before': {\n    content: \"''\",\n    display: 'block',\n    paddingBottom: 'calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)))'\n  },\n  // TODO: Revisit. there is no support for combinators, but combinators are necessary for the AspectRatio component, so it's an exception.\n  /* @ts-ignore */\n  '& > :first-child': {\n    position: 'absolute',\n    top: '0',\n    bottom: '0',\n    left: '0',\n    right: '0',\n    width: '100%',\n    height: '100%'\n  },\n  /* @ts-ignore */\n  '& > img': {\n    objectFit: 'cover'\n  },\n  /* @ts-ignore */\n  '& > video': {\n    objectFit: 'cover'\n  }\n}}`;\n\n// common aspect ratios\n// The box’s preferred aspect ratio is the specified ratio of width / height.\n// The ratio has a '/' as a separator and not a ':' because the '/' is what\n// the CSS aspect-ratio uses.\n// TODO: Don't use fixed ratios. Let them specify any number\nexport const ratios = stringLiteralArray([\n  '9/16',\n  '1/1',\n  '6/5',\n  '5/4',\n  '4/3',\n  '11/8',\n  '1.43/1',\n  '3/2',\n  '14/9',\n  '16/10',\n  '1.6180/1',\n  '5/3',\n  '16/9',\n  '1.85/1',\n  '1.9/1',\n  '2/1',\n  '2.2/1',\n  '64/21',\n  '2.4/1',\n  '2.414/1',\n  '2.76/1',\n  '32/9',\n  '18/5',\n  '4/1'\n]);\ntype Ratio = typeof ratios[number];\n\nconst dimensions = stringLiteralArray(['maxWidth', 'minWidth', 'width']);\n\ntype Dimension = typeof dimensions[number];\n\n// This component has some StyleInterpolationProps. Those are the width properties of the DimensionProps.\ntype StyleInterpolationProps = Pick<DimensionProps, Dimension>;\n\ntype AspectRatioProps = StyleInterpolationProps & {\n  /**\n   * The box’s preferred aspect ratio is the specified ratio of width / height. When ratio is 1/1\n   * it is a square.\n   */\n  ratio?: Ratio;\n  /**\n   * The child.\n   */\n  children: VNode<any>;\n};\n\n// Create an array [dimensionInterpolations['maxWidth'], dimensionInterpolations['width'], dimensionInterpolations['minWidth']]\nconst widthDimensionInterpolation = Array.from(dimensions, (x) => dimensionInterpolations[x]);\nconst interpolations = mergeInterpolations<StyleInterpolationProps>(widthDimensionInterpolation);\n\n/**\n * The AspectRatio component displays its content with a certain ratio based on the dimension\n * properties. Overflow content is hidden.\n *\n * It uses a common padding-bottom hack to do this. In future versions it will\n * be implemented using the CSS's aspect-ratio property when the browsers we need to support\n * all have it. For example, Safari 15 has it, but we won't drop Safari 14 until jet 14.\n *\n */\nexport function AspectRatio({ children, ratio = '1/1', ...props }: AspectRatioProps) {\n  const { class: cls, ...styles } = interpolations(props);\n  const stylesWithAspectRatioVar = { ...styles, '--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio': ratio };\n  return (\n    <div class={classNames([baseDivStyles, cls])} style={stylesWithAspectRatioVar}>\n      {children}\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 './AspectRatio';\n"],"names":["baseDivStyles","ratios","stringLiteralArray","dimensions","widthDimensionInterpolation","Array","from","x","dimensionInterpolations","interpolations","mergeInterpolations","AspectRatio","_a","_b","props","class","cls","styles","__rest"],"mappings":";;;;;;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAAA,aAAA,GAAA,SAAA;AAgCA;AACA;AACA;AACA;;AACA,MAAAC,MAAA,GAAAC,kBAAA,CAAA,OAAA,OAAA,OAAA,OAAA,OAAA,QAAA,UAAA,OAAA,QAAA,SAAA,YAAA,OAAA,QAAA,UAAA,SAAA,OAAA,SAAA,SAAA,SAAA,WAAA,UAAA,QAAA,QAAA,OAAA,CAAA,EAAA;AA4BA,MAAAC,UAAA,GAAAD,kBAAA,CAAA,CAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAAA,CAAA;;AAoBA,MAAAE,2BAAA,GAAAC,KAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,CAAA,IAAAC,uBAAA,CAAAD,CAAA,CAAA,CAAA,CAAA;AACA,MAAAE,cAAA,GAAAC,mBAAA,CAAAN,2BAAA,CAAA,CAAA;AAEA;;;;;;;;AAQG;;AACH,SAAAO,WAAA,CAAAC,EAAA,EAAA;;;;;;;AACE,EAAA,MAAAC,EAAA,GAAAJ,cAAA,CAAAK,KAAA,CAAA;QAAA;AAAAC,IAAAA,KAAA,EAAAC,GAAAA;AAAA,GAAA,GAAAH,EAAA;QAAAI,MAAA,GAAAC,MAAA,CAAAL,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;;;;;;;;;AAOF;;AClIA;;;;;;AAMG;;;;;;;"}
+{"version":3,"file":"UNSAFE_AspectRatio.js","sources":["../../src/UNSAFE_AspectRatio/AspectRatio.tsx","../../src/UNSAFE_AspectRatio/index.ts"],"sourcesContent":["import { VNode } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\n// AspectRatio uses the common padding-bottom as a percentage\n// hack to get aspect-ratio to work.\n// CSS now has an aspect-ratio attribute that makes this super easy.\n// aspect-ratio is supported in all major browsers, most recently in Safari 15.\n// https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio\n// However, it isn't until jet 14 that we drop support for Safari 14.\n// When jet 14 comes out we can replace the padding-bottom hack with aspect-ratio css property.\n// Also a user could just put aspect-ratio directly on their dom, instead of wrapping\n// it inside this AspectRatio component.\n\n// NOTE: padding-bottom has to be on a dom node that is the child of a dom node that has\n// width, not the same dom node. From css doc:\n// The size of the padding as a percentage, relative to the width of the containing block.\n// So the root dom node has the dimensions styling and the '::before' dom node\n// has the padding information.\n// 100%/ratio. 100/(4/3) = 75%\n// e.g., 16/9 = 56.25%, 4/3 = 75%, 1/1=100%, 2/1=50%\n\nconst baseDivStyles = cssProps`${{\n  position: 'relative',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n\n  '&::before': {\n    content: \"''\",\n    display: 'block',\n    paddingBottom: 'calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)))'\n  },\n  // TODO: Revisit. there is no support for combinators, but combinators are necessary for the AspectRatio component, so it's an exception.\n  /* @ts-ignore */\n  '& > :first-child': {\n    position: 'absolute',\n    top: '0',\n    bottom: '0',\n    left: '0',\n    right: '0',\n    width: '100%',\n    height: '100%'\n  },\n  /* @ts-ignore */\n  '& > img': {\n    objectFit: 'cover'\n  },\n  /* @ts-ignore */\n  '& > video': {\n    objectFit: 'cover'\n  }\n}}`;\n\n// common aspect ratios\n// The box’s preferred aspect ratio is the specified ratio of width / height.\n// The ratio has a '/' as a separator and not a ':' because the '/' is what\n// the CSS aspect-ratio uses.\n// TODO: Don't use fixed ratios. Let them specify any number\nexport const ratios = stringLiteralArray([\n  '9/16',\n  '1/1',\n  '6/5',\n  '5/4',\n  '4/3',\n  '11/8',\n  '1.43/1',\n  '3/2',\n  '14/9',\n  '16/10',\n  '1.6180/1',\n  '5/3',\n  '16/9',\n  '1.85/1',\n  '1.9/1',\n  '2/1',\n  '2.2/1',\n  '64/21',\n  '2.4/1',\n  '2.414/1',\n  '2.76/1',\n  '32/9',\n  '18/5',\n  '4/1'\n]);\ntype Ratio = typeof ratios[number];\n\nconst dimensions = stringLiteralArray(['maxWidth', 'minWidth', 'width']);\n\ntype Dimension = typeof dimensions[number];\n\n// This component has some StyleInterpolationProps. Those are the width properties of the DimensionProps.\ntype StyleInterpolationProps = Pick<DimensionProps, Dimension>;\n\ntype AspectRatioProps = StyleInterpolationProps & {\n  /**\n   * The box’s preferred aspect ratio is the specified ratio of width / height. When ratio is 1/1\n   * it is a square.\n   */\n  ratio?: Ratio;\n  /**\n   * The child.\n   */\n  children: VNode<any>;\n};\n\n// Create an array [dimensionInterpolations['maxWidth'], dimensionInterpolations['width'], dimensionInterpolations['minWidth']]\nconst widthDimensionInterpolation = Array.from(dimensions, (x) => dimensionInterpolations[x]);\nconst interpolations = mergeInterpolations<StyleInterpolationProps>(widthDimensionInterpolation);\n\n/**\n * The AspectRatio component displays its content with a certain ratio based on the dimension\n * properties. Overflow content is hidden.\n *\n * It uses a common padding-bottom hack to do this. In future versions it will\n * be implemented using the CSS's aspect-ratio property when the browsers we need to support\n * all have it. For example, Safari 15 has it, but we won't drop Safari 14 until jet 14.\n *\n */\nexport function AspectRatio({ children, ratio = '1/1', ...props }: AspectRatioProps) {\n  const { class: cls, ...styles } = interpolations(props);\n  const stylesWithAspectRatioVar = { ...styles, '--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio': ratio };\n  return (\n    <div class={classNames([baseDivStyles, cls])} style={stylesWithAspectRatioVar}>\n      {children}\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 './AspectRatio';\n"],"names":["baseDivStyles","ratios","stringLiteralArray","dimensions","widthDimensionInterpolation","Array","from","x","dimensionInterpolations","interpolations","mergeInterpolations","AspectRatio","_a","_b","props","class","cls","styles","__rest"],"mappings":";;;;;;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAAA,aAAA,GAAA,QAAA;AAgCA;AACA;AACA;AACA;;AACA,MAAAC,MAAA,GAAAC,kBAAA,CAAA,OAAA,OAAA,OAAA,OAAA,OAAA,QAAA,UAAA,OAAA,QAAA,SAAA,YAAA,OAAA,QAAA,UAAA,SAAA,OAAA,SAAA,SAAA,SAAA,WAAA,UAAA,QAAA,QAAA,OAAA,CAAA,EAAA;AA4BA,MAAAC,UAAA,GAAAD,kBAAA,CAAA,CAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAAA,CAAA;;AAoBA,MAAAE,2BAAA,GAAAC,KAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,CAAA,IAAAC,uBAAA,CAAAD,CAAA,CAAA,CAAA,CAAA;AACA,MAAAE,cAAA,GAAAC,mBAAA,CAAAN,2BAAA,CAAA,CAAA;AAEA;;;;;;;;AAQG;;AACH,SAAAO,WAAA,CAAAC,EAAA,EAAA;;;;;;;AACE,EAAA,MAAAC,EAAA,GAAAJ,cAAA,CAAAK,KAAA,CAAA;QAAA;AAAAC,IAAAA,KAAA,EAAAC,GAAAA;AAAA,GAAA,GAAAH,EAAA;QAAAI,MAAA,GAAAC,MAAA,CAAAL,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;;;;;;;;;AAOF;;AClIA;;;;;;AAMG;;;;;;;"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Avatar.css

@@ -1,7 +1,7 @@
-._78vmka{display:inline-grid;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size);}
-._so5s2i{--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius:50%;}
-._aw5aqr{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius);align-self:stretch;align-items:center;justify-content:center;display:flex;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2;background-position:center center;overflow-x:hidden;overflow-y:hidden;}
-.bwy5yc{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color);background-size:196px 196px;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern);}
-._v8v2kh{background-size:cover;}
-._3pdps{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight);}
-.dy18bt{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size);}
+.x58083{display:inline-grid;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size);}
+._3hlny4{--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius:50%;}
+._o8xsrv{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius);align-self:stretch;align-items:center;justify-content:center;display:flex;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2;background-position:center center;overflow-x:hidden;overflow-y:hidden;}
+.enb6ba{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color);background-size:196px 196px;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern);}
+._sci6g2{background-size:cover;}
+.h47tg0{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight);}
+.jj8ms{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size);}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Avatar.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 13.1.2 */
-import { _ as __rest } from './tslib.es6-5e147f4d.js';
+/* @oracle/oraclejet-preact: 13.1.3 */
+import { _ as __rest } from './tslib.es6-45a6fa90.js';
 import { jsx } from 'preact/jsx-runtime';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import './UNSAFE_Avatar.css';
@@ -85,15 +85,15 @@ const AvatarWrapper = ({
 };
 
 const styles = {
-  base: "_78vmka",
-  circle: "_so5s2i"
+  base: "x58083",
+  circle: "_3hlny4"
 };
 const contentStyles = {
-  base: "_aw5aqr",
-  content: "bwy5yc",
-  image: "_v8v2kh",
-  initials: "_3pdps",
-  icon: "dy18bt"
+  base: "_o8xsrv",
+  content: "enb6ba",
+  image: "_sci6g2",
+  initials: "h47tg0",
+  icon: "jj8ms"
 };
 
 export { Avatar };

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Avatar.js","sources":["../../src/UNSAFE_Avatar/Avatar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  /**\n   * Specifies the source for the image of the avatar.  Will only be displayed if no icon component is specified as a child.  Image will be rendered as a\n   * background image.\n   */\n  src?: string;\n  /**\n   * Specifies the initials of the avatar.  Will only be displayed if both the src attribute and the child icon component are not specified.\n   */\n  initials?: string;\n  /**\n   * Specifies the background of the avatar.\n   */\n  background?:\n    | 'neutral'\n    | 'orange'\n    | 'green'\n    | 'teal'\n    | 'blue'\n    | 'slate'\n    | 'pink'\n    | 'purple'\n    | 'lilac'\n    | 'gray';\n\n  /**\n   * Specifies the size of the avatar.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n  /**\n   * Specifies the shape of the avatar. Can be square or circle.  The default value of this\n   * property varies by theme.\n   */\n  shape?: 'square' | 'circle';\n  /**\n   * Avatar will set the aria-label attribute with accessibleLabel.\n   * If the component needs to be accessible, the aria label of the avatar must be populated.\n   * The component does not need to be accessible if any associated information (e.g. the name of the person represented by the avatar)\n   * is already available to assistive technologies (e.g when the name is rendered in addition to the avatar as part of the page content).\n   *\n   *  If accessibleLabel  is set, role will internally be set to 'img'.\n   */\n  accessibleLabel?: string;\n} & IntrinsicProps;\n\nexport function Avatar({ children, src, ...otherProps }: Props) {\n  if (src && !children) {\n    return <ImageAvatar src={src} {...otherProps}></ImageAvatar>;\n  } else {\n    return <ContentAvatar {...otherProps}>{children}</ContentAvatar>;\n  }\n}\n\nconst ImageAvatar = ({ src, ...otherProps }: Props) => {\n  const classes = classNames([contentStyles.base, contentStyles.image]);\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div class={classes} style={{ backgroundImage: `url(${src})` }}></div>\n    </AvatarWrapper>\n  );\n};\n\nconst ContentAvatar = ({ children, initials, ...otherProps }: Props) => {\n  const classes = [\n    contentStyles.base,\n    contentStyles.content,\n    initials ? contentStyles.initials : contentStyles.icon\n  ];\n\n  const childContent = initials || children;\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div aria-hidden=\"true\" class={classNames(classes)}>\n        {childContent}\n      </div>\n    </AvatarWrapper>\n  );\n};\n\nconst AvatarWrapper = ({\n  background = 'neutral',\n  size = 'md',\n  shape = 'square',\n  children,\n  accessibleLabel\n}: Props) => {\n  const classes = classNames([\n    styles.base,\n    `oj-c-avatar-bg-${background}`,\n    `oj-c-avatar-${size}`,\n    shape === 'circle' && styles.circle\n  ]);\n  if (accessibleLabel) {\n    return (\n      <div aria-label={accessibleLabel} role=\"img\" class={classes}>\n        {children}\n      </div>\n    );\n  } else {\n    return <div class={classes}>{children}</div>;\n  }\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'inline-grid',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size)'\n  }}`,\n\n  circle: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius': '50%'\n  }}`\n};\n\nconst contentStyles = {\n  base: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius)',\n    alignSelf: 'stretch',\n    alignItems: 'center',\n    justifyContent: 'center',\n    display: 'flex',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    gridRowStart: '1',\n    gridColumnStart: '1',\n    gridRowEnd: '2',\n    gridColumnEnd: '2',\n    backgroundPosition: 'center center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  content: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color)',\n    backgroundSize: '196px 196px',\n    backgroundImage: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern)'\n  }}`,\n  image: cssProps`${{\n    backgroundSize: 'cover'\n  }}`,\n  initials: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight)'\n  }}`,\n  icon: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size)'\n  }}`\n};\n"],"names":["Avatar","_a","src","children","_jsx","ContentAvatar","Object","assign","otherProps","ImageAvatar","__rest","classes","classNames","contentStyles","base","image","content","childContent","initials","AvatarWrapper","background","size","shape","accessibleLabel","styles","circle","role","class"],"mappings":";;;;;;AA0DA,SAAAA,MAAA,CAAAC,EAAA,EAAA;;;;;;;AACE,EAAA,IAAAC,GAAA,IAAA,CAAAC,QAAA,EAAA;;;;AAEC,GAFD,MAEO;IACL,OAAAC,GAAA,CAAAC,aAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAC,UAAA,EAAA;AAAAL,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AACD,GAAA;AACH,CAAA;;AAEA,MAAAM,WAAA,GAAAR,EAAA,IAAA;EAAqB,IAAA;AAAAC,IAAAA,GAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAO,UAAA,GAAAE,MAAA,CAAAT,EAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA;;AACnB,EAAA,MAAAU,OAAA,GAAAC,UAAA,CAAA,CAAAC,aAAA,CAAAC,IAAA,EAAAD,aAAA,CAAAE,KAAA,CAAA,CAAA,CAAA;;;;;;;;;AAMF,CAPA,CAAA;;AASA,MAAAV,aAAA,GAAAJ,EAAA,IAAA;;;;;;;EACE,MAAAU,OAAA,GAAA,CACEE,aAAA,CAAAC,IADF,EAEED,aAAA,CAAAG,OAFF,wDAAA,CAAA,CAAA;AAMA,EAAA,MAAAC,YAAA,GAAAC,QAAA,IAAAf,QAAA,CAAA;;;;;;;;;AAQF,CAfA,CAAA;;AAiBA,MAAAgB,aAAA,GAAA,CAAA;AAAAC,EAAAA,UAAA,GAAA,SAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAAC,EAAAA,KAAA,GAAA,QAAA;EAAAnB,QAAA;AAAAoB,EAAAA,eAAAA;AAAA,CAAA,KAAA;8BAQIC,MAAA,CAAAV,MACA,CAAA,eAAA,EAAAM,UAAA,CAAA,GACA,CAAAC,YAAAA,EAAAA,IAAA,IACAC,KAAA,KAAA,QAAA,IAAAE,MAAA,CAAAC;;AAEF,EAAA,IAAAF,eAAA,EAAA;AACE,IAAA,OAAAnB,GAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;AAAA,MAAA,YAAA,EAAAgB,eAAA;AAAAG,MAAAA,IAAA,EAAA,KAAA;AAAAC,MAAAA,KAAA,EAAAhB,OAAAA;AAAA,KAAA,EAAA;AAAAR,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AAKD,GAND,MAMO;AACL,IAAA,OAAAC,GAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;AAAAoB,MAAAA,KAAA,EAAAhB,OAAAA;AAAA,KAAA,EAAA;AAAAR,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AACD,GAAA;AACH,CAtBA,CAAA;;AAwBA,MAAAqB,MAAA,GAAA;QAAA,SAAA;;AAAA,CAAA,CAAA;AAYA,MAAAX,aAAA,GAAA;QAAA,SAAA;WAAA,QAAA;SAAA,SAAA;YAAA,QAAA;;AAAA,CAAA;;;;;;;"}
+{"version":3,"file":"UNSAFE_Avatar.js","sources":["../../src/UNSAFE_Avatar/Avatar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  /**\n   * Specifies the source for the image of the avatar.  Will only be displayed if no icon component is specified as a child.  Image will be rendered as a\n   * background image.\n   */\n  src?: string;\n  /**\n   * Specifies the initials of the avatar.  Will only be displayed if both the src attribute and the child icon component are not specified.\n   */\n  initials?: string;\n  /**\n   * Specifies the background of the avatar.\n   */\n  background?:\n    | 'neutral'\n    | 'orange'\n    | 'green'\n    | 'teal'\n    | 'blue'\n    | 'slate'\n    | 'pink'\n    | 'purple'\n    | 'lilac'\n    | 'gray';\n\n  /**\n   * Specifies the size of the avatar.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n  /**\n   * Specifies the shape of the avatar. Can be square or circle.  The default value of this\n   * property varies by theme.\n   */\n  shape?: 'square' | 'circle';\n  /**\n   * Avatar will set the aria-label attribute with accessibleLabel.\n   * If the component needs to be accessible, the aria label of the avatar must be populated.\n   * The component does not need to be accessible if any associated information (e.g. the name of the person represented by the avatar)\n   * is already available to assistive technologies (e.g when the name is rendered in addition to the avatar as part of the page content).\n   *\n   *  If accessibleLabel  is set, role will internally be set to 'img'.\n   */\n  accessibleLabel?: string;\n} & IntrinsicProps;\n\nexport function Avatar({ children, src, ...otherProps }: Props) {\n  if (src && !children) {\n    return <ImageAvatar src={src} {...otherProps}></ImageAvatar>;\n  } else {\n    return <ContentAvatar {...otherProps}>{children}</ContentAvatar>;\n  }\n}\n\nconst ImageAvatar = ({ src, ...otherProps }: Props) => {\n  const classes = classNames([contentStyles.base, contentStyles.image]);\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div class={classes} style={{ backgroundImage: `url(${src})` }}></div>\n    </AvatarWrapper>\n  );\n};\n\nconst ContentAvatar = ({ children, initials, ...otherProps }: Props) => {\n  const classes = [\n    contentStyles.base,\n    contentStyles.content,\n    initials ? contentStyles.initials : contentStyles.icon\n  ];\n\n  const childContent = initials || children;\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div aria-hidden=\"true\" class={classNames(classes)}>\n        {childContent}\n      </div>\n    </AvatarWrapper>\n  );\n};\n\nconst AvatarWrapper = ({\n  background = 'neutral',\n  size = 'md',\n  shape = 'square',\n  children,\n  accessibleLabel\n}: Props) => {\n  const classes = classNames([\n    styles.base,\n    `oj-c-avatar-bg-${background}`,\n    `oj-c-avatar-${size}`,\n    shape === 'circle' && styles.circle\n  ]);\n  if (accessibleLabel) {\n    return (\n      <div aria-label={accessibleLabel} role=\"img\" class={classes}>\n        {children}\n      </div>\n    );\n  } else {\n    return <div class={classes}>{children}</div>;\n  }\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'inline-grid',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size)'\n  }}`,\n\n  circle: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius': '50%'\n  }}`\n};\n\nconst contentStyles = {\n  base: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius)',\n    alignSelf: 'stretch',\n    alignItems: 'center',\n    justifyContent: 'center',\n    display: 'flex',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    gridRowStart: '1',\n    gridColumnStart: '1',\n    gridRowEnd: '2',\n    gridColumnEnd: '2',\n    backgroundPosition: 'center center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  content: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color)',\n    backgroundSize: '196px 196px',\n    backgroundImage: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern)'\n  }}`,\n  image: cssProps`${{\n    backgroundSize: 'cover'\n  }}`,\n  initials: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight)'\n  }}`,\n  icon: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size)'\n  }}`\n};\n"],"names":["Avatar","_a","src","children","_jsx","ContentAvatar","Object","assign","otherProps","ImageAvatar","__rest","classes","classNames","contentStyles","base","image","content","childContent","initials","AvatarWrapper","background","size","shape","accessibleLabel","styles","circle","role","class"],"mappings":";;;;;;AA0DA,SAAAA,MAAA,CAAAC,EAAA,EAAA;;;;;;;AACE,EAAA,IAAAC,GAAA,IAAA,CAAAC,QAAA,EAAA;;;;AAEC,GAFD,MAEO;IACL,OAAAC,GAAA,CAAAC,aAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAC,UAAA,EAAA;AAAAL,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AACD,GAAA;AACH,CAAA;;AAEA,MAAAM,WAAA,GAAAR,EAAA,IAAA;EAAqB,IAAA;AAAAC,IAAAA,GAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAO,UAAA,GAAAE,MAAA,CAAAT,EAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA;;AACnB,EAAA,MAAAU,OAAA,GAAAC,UAAA,CAAA,CAAAC,aAAA,CAAAC,IAAA,EAAAD,aAAA,CAAAE,KAAA,CAAA,CAAA,CAAA;;;;;;;;;AAMF,CAPA,CAAA;;AASA,MAAAV,aAAA,GAAAJ,EAAA,IAAA;;;;;;;EACE,MAAAU,OAAA,GAAA,CACEE,aAAA,CAAAC,IADF,EAEED,aAAA,CAAAG,OAFF,wDAAA,CAAA,CAAA;AAMA,EAAA,MAAAC,YAAA,GAAAC,QAAA,IAAAf,QAAA,CAAA;;;;;;;;;AAQF,CAfA,CAAA;;AAiBA,MAAAgB,aAAA,GAAA,CAAA;AAAAC,EAAAA,UAAA,GAAA,SAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAAC,EAAAA,KAAA,GAAA,QAAA;EAAAnB,QAAA;AAAAoB,EAAAA,eAAAA;AAAA,CAAA,KAAA;8BAQIC,MAAA,CAAAV,MACA,CAAA,eAAA,EAAAM,UAAA,CAAA,GACA,CAAAC,YAAAA,EAAAA,IAAA,IACAC,KAAA,KAAA,QAAA,IAAAE,MAAA,CAAAC;;AAEF,EAAA,IAAAF,eAAA,EAAA;AACE,IAAA,OAAAnB,GAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;AAAA,MAAA,YAAA,EAAAgB,eAAA;AAAAG,MAAAA,IAAA,EAAA,KAAA;AAAAC,MAAAA,KAAA,EAAAhB,OAAAA;AAAA,KAAA,EAAA;AAAAR,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AAKD,GAND,MAMO;AACL,IAAA,OAAAC,GAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;AAAAoB,MAAAA,KAAA,EAAAhB,OAAAA;AAAA,KAAA,EAAA;AAAAR,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AACD,GAAA;AACH,CAtBA,CAAA;;AAwBA,MAAAqB,MAAA,GAAA;QAAA,QAAA;;AAAA,CAAA,CAAA;AAYA,MAAAX,aAAA,GAAA;QAAA,SAAA;WAAA,QAAA;SAAA,SAAA;YAAA,QAAA;;AAAA,CAAA;;;;;;;"}

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

@@ -1,12 +1,12 @@
-._dn3l0o{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;}
-._u8x7pd{border-top-right-radius:0;border-bottom-right-radius:0;}
-._0a8o7n{--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);}
-.evonxe{--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);}
-.s0uepv{--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);}
-.qy2uyq{--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);}
-._r560dq{--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);}
-.zs509m{--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);}
-._o202w7{--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);}
-.rjhulc{--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);}
-._s312u0{--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);}
-._54t5gj{--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);}
+.lxgdcx{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;}
+.ejap3w{border-top-right-radius:0;border-bottom-right-radius:0;}
+.f7m9ja{--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);}
+._nz7t6x{--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);}
+._og6ql7{--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);}
+._so7im{--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);}
+._632ge{--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);}
+.vzto6k{--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);}
+.ydi4d9{--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);}
+._v53zn8{--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);}
+._j7d061{--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);}
+.zgovb5{--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

@@ -1,24 +1,24 @@
-/* @oracle/oraclejet-preact: 13.1.2 */
+/* @oracle/oraclejet-preact: 13.1.3 */
 import { jsx } from 'preact/jsx-runtime';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import './UNSAFE_Badge.css';
 
 const styles = {
-  base: "_dn3l0o",
+  base: "lxgdcx",
   //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: "_u8x7pd",
-  neutral: "_0a8o7n",
-  danger: "evonxe",
-  warning: "s0uepv",
-  success: "qy2uyq",
-  info: "_r560dq",
-  neutralSubtle: "zs509m",
-  dangerSubtle: "_o202w7",
-  warningSubtle: "rjhulc",
-  successSubtle: "_s312u0",
-  infoSubtle: "_54t5gj"
+  end: "ejap3w",
+  neutral: "f7m9ja",
+  danger: "_nz7t6x",
+  warning: "_og6ql7",
+  success: "_so7im",
+  info: "_632ge",
+  neutralSubtle: "vzto6k",
+  dangerSubtle: "ydi4d9",
+  warningSubtle: "_v53zn8",
+  successSubtle: "_j7d061",
+  infoSubtle: "zgovb5"
 };
 function Badge({
   variant = 'neutral',

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

@@ -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,SAAA;;;;OAAA,SAAA;WAAA,SAAA;UAAA,QAAA;WAAA,QAAA;WAAA,QAAA;QAAA,SAAA;iBAAA,QAAA;gBAAA,SAAA;iBAAA,QAAA;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;;;;;;;"}
+{"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,QAAA;UAAA,SAAA;WAAA,SAAA;WAAA,QAAA;QAAA,QAAA;iBAAA,QAAA;gBAAA,QAAA;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

@@ -1,16 +1,16 @@
-.z6ppq4{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;}.z6ppq4: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);}.z6ppq4: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){.z6ppq4:focus{outline:none;}}.z6ppq4:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-._ud9bv5: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){._xi10xf: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);}}
-.wcqoyh{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);}
-._75qpkv{padding-inline-start:0;padding-inline-end:0;}
-._eg4g6q{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);}
-.r1xdh5{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;}
+.gpzo3d{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
+._bgger1{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
+._e6ay40{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);}
+._a6ofxk{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);}
+._3l5s4r{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);}
+._buvn7r{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);}
+.q2xvw0{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);}
+._47ljs8{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}
 
-.qlyicf{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
-._8xt507{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
-._q8d6l{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);}
-._k234vn{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding);}
-.yv7fz6{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);}
-._ius20{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);}
-._lh35c6{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);}
-.f74daf{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}
+.ubp28v{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;}.ubp28v: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);}.ubp28v: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){.ubp28v:focus{outline:none;}}.ubp28v:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+._3uj6w: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){._rd178w: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);}}
+.wankdq{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);}
+._hs9vg7{padding-inline-start:0;padding-inline-end:0;}
+._s9ac1n{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);}
+._y4kaxx{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

@@ -1,6 +1,6 @@
-/* @oracle/oraclejet-preact: 13.1.2 */
+/* @oracle/oraclejet-preact: 13.1.3 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
-import { _ as __rest } from './tslib.es6-5e147f4d.js';
+import { _ as __rest } from './tslib.es6-45a6fa90.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-69de8b60.js';
-import './_curry2-e4ddc670.js';
-import './_has-f6f8e89d.js';
+import './_curry1-e0b8da22.js';
+import './_curry2-14f77759.js';
+import './_has-67942ab5.js';
 
 const NullFunction = () => null;
 
 const compStyles$1 = {
-  base: "z6ppq4",
-  hover: "_ud9bv5",
-  pseudohover: "_xi10xf",
-  unstyled: "wcqoyh",
-  min: "_75qpkv",
-  disabled: "_eg4g6q",
-  bottom: "r1xdh5"
+  base: "ubp28v",
+  hover: "_3uj6w",
+  pseudohover: "_rd178w",
+  unstyled: "wankdq",
+  min: "_hs9vg7",
+  disabled: "_s9ac1n",
+  bottom: "_y4kaxx"
 };
 const interpolations = [...Object.values(dimensionInterpolations)];
 const styleInterpolations = mergeInterpolations(interpolations);
@@ -99,14 +99,14 @@ const BaseButton = forwardRef((_a, ref) => {
 });
 
 const compStyles = {
-  text: "qlyicf",
-  icon: "_8xt507",
-  startText: "_q8d6l",
-  endText: "_k234vn",
-  startIcon: "yv7fz6",
-  startIconOnly: "_ius20",
-  endIcon: "_lh35c6",
-  label: "f74daf"
+  text: "gpzo3d",
+  icon: "_bgger1",
+  startText: "_e6ay40",
+  endText: "_a6ofxk",
+  startIcon: "_3l5s4r",
+  startIconOnly: "_buvn7r",
+  endIcon: "q2xvw0",
+  label: "_47ljs8"
 };
 
 const isNullOrUndefined = value => {

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

@@ -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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"}
+{"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

@@ -1,19 +1,19 @@
-/* @oracle/oraclejet-preact: 13.1.2 */
-import { _ as __rest } from './tslib.es6-5e147f4d.js';
+/* @oracle/oraclejet-preact: 13.1.3 */
+import { _ as __rest } from './tslib.es6-45a6fa90.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-69de8b60.js';
+import './_curry1-e0b8da22.js';
 import './utils/UNSAFE_mergeInterpolations.js';
 import './utils/UNSAFE_classNames.js';
-import './_curry2-e4ddc670.js';
-import './_has-f6f8e89d.js';
+import './_curry2-14f77759.js';
+import './_has-67942ab5.js';
 
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-7b74e23f.js';
+import './keys-ad27e5f5.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 

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

@@ -1,6 +1,6 @@
-.pfyumg{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.pfyumg:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-.nec29p{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;}
-._hilwal{--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);}
-._19rlb{--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);}
-._vjjtkr{--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);}
-.w18tcm{--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);}
+._7vwr9{cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._7vwr9:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+.lkufdu{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;}
+.ghgi71{--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);}
+._8qy54f{--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);}
+._pbshp{--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);}
+._senboo{--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

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.2 */
+/* @oracle/oraclejet-preact: 13.1.3 */
 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 = "pfyumg";
+const cursorandFocusStyle = "_7vwr9";
 const styles = {
-  base: "nec29p",
-  disabled: "_hilwal",
-  info: "_19rlb",
-  infoSubtle: "_vjjtkr",
-  infoSubtleLighter: "w18tcm"
+  base: "lkufdu",
+  disabled: "ghgi71",
+  info: "_8qy54f",
+  infoSubtle: "_pbshp",
+  infoSubtleLighter: "_senboo"
 };
 function Chip({
   isSelected,