@oracle/oraclejet-preact 15.1.6 → 15.1.7

package/amd/AvatarVariants.styles.css

@@ -1,116 +1,116 @@
-.AvatarVariants_multiVariantStyles_size_2xs__4ilptg0 {
+.AvatarVariants_multiVariantStyles_size_2xs__1h7waq80 {
   --size__n2nsgo2: var(--sizes-2xs-size__n2nsgo12);
   --initialsFontSize__n2nsgo4: var(--sizes-2xs-initialsFontSize__n2nsgo14);
   --initialsFontWeight__n2nsgo5: var(--sizes-2xs-initialsFontWeight__n2nsgo15);
   --iconFontSize__n2nsgo6: var(--sizes-2xs-iconFontSize__n2nsgo16);
 }
-.AvatarVariants_multiVariantStyles_size_xs__4ilptg1 {
+.AvatarVariants_multiVariantStyles_size_xs__1h7waq81 {
   --size__n2nsgo2: var(--sizes-xs-size__n2nsgo17);
   --initialsFontSize__n2nsgo4: var(--sizes-xs-initialsFontSize__n2nsgo19);
   --initialsFontWeight__n2nsgo5: var(--sizes-xs-initialsFontWeight__n2nsgo1a);
   --iconFontSize__n2nsgo6: var(--sizes-xs-iconFontSize__n2nsgo1b);
 }
-.AvatarVariants_multiVariantStyles_size_sm__4ilptg2 {
+.AvatarVariants_multiVariantStyles_size_sm__1h7waq82 {
   --size__n2nsgo2: var(--sizes-sm-size__n2nsgo1c);
   --initialsFontSize__n2nsgo4: var(--sizes-sm-initialsFontSize__n2nsgo1e);
   --initialsFontWeight__n2nsgo5: var(--sizes-sm-initialsFontWeight__n2nsgo1f);
   --iconFontSize__n2nsgo6: var(--sizes-sm-iconFontSize__n2nsgo1g);
 }
-.AvatarVariants_multiVariantStyles_size_md__4ilptg3 {
+.AvatarVariants_multiVariantStyles_size_md__1h7waq83 {
   --size__n2nsgo2: var(--sizes-md-size__n2nsgo1h);
   --initialsFontSize__n2nsgo4: var(--sizes-md-initialsFontSize__n2nsgo1j);
   --initialsFontWeight__n2nsgo5: var(--sizes-md-initialsFontWeight__n2nsgo1k);
   --iconFontSize__n2nsgo6: var(--sizes-md-iconFontSize__n2nsgo1l);
 }
-.AvatarVariants_multiVariantStyles_size_lg__4ilptg4 {
+.AvatarVariants_multiVariantStyles_size_lg__1h7waq84 {
   --size__n2nsgo2: var(--sizes-lg-size__n2nsgo1m);
   --initialsFontSize__n2nsgo4: var(--sizes-lg-initialsFontSize__n2nsgo1o);
   --initialsFontWeight__n2nsgo5: var(--sizes-lg-initialsFontWeight__n2nsgo1p);
   --iconFontSize__n2nsgo6: var(--sizes-lg-iconFontSize__n2nsgo1q);
 }
-.AvatarVariants_multiVariantStyles_size_xl__4ilptg5 {
+.AvatarVariants_multiVariantStyles_size_xl__1h7waq85 {
   --size__n2nsgo2: var(--sizes-xl-size__n2nsgo1r);
   --initialsFontSize__n2nsgo4: var(--sizes-xl-initialsFontSize__n2nsgo1t);
   --initialsFontWeight__n2nsgo5: var(--sizes-xl-initialsFontWeight__n2nsgo1u);
   --iconFontSize__n2nsgo6: var(--sizes-xl-iconFontSize__n2nsgo1v);
 }
-.AvatarVariants_multiVariantStyles_size_2xl__4ilptg6 {
+.AvatarVariants_multiVariantStyles_size_2xl__1h7waq86 {
   --size__n2nsgo2: var(--sizes-2xl-size__n2nsgo1w);
   --initialsFontSize__n2nsgo4: var(--sizes-2xl-initialsFontSize__n2nsgo1y);
   --initialsFontWeight__n2nsgo5: var(--sizes-2xl-initialsFontWeight__n2nsgo1z);
   --iconFontSize__n2nsgo6: var(--sizes-2xl-iconFontSize__n2nsgo20);
 }
-.AvatarVariants_multiVariantStyles_background_neutral__4ilptg7 {
+.AvatarVariants_multiVariantStyles_background_neutral__1h7waq87 {
   --bgColor__n2nsgo0: var(--colors-neutral-bgColor__n2nsgo8);
   --pattern__n2nsgo7: var(--colors-neutral-pattern__n2nsgo9);
   --textColor__n2nsgo1: var(--colors-neutral-textColor__n2nsgoa);
 }
-.AvatarVariants_multiVariantStyles_background_orange__4ilptg8 {
+.AvatarVariants_multiVariantStyles_background_orange__1h7waq88 {
   --bgColor__n2nsgo0: var(--colors-orange-bgColor__n2nsgob);
   --pattern__n2nsgo7: var(--colors-orange-pattern__n2nsgoc);
   --textColor__n2nsgo1: var(--colors-orange-textColor__n2nsgod);
 }
-.AvatarVariants_multiVariantStyles_background_green__4ilptg9 {
+.AvatarVariants_multiVariantStyles_background_green__1h7waq89 {
   --bgColor__n2nsgo0: var(--colors-green-bgColor__n2nsgoe);
   --pattern__n2nsgo7: var(--colors-green-pattern__n2nsgof);
   --textColor__n2nsgo1: var(--colors-green-textColor__n2nsgog);
 }
-.AvatarVariants_multiVariantStyles_background_teal__4ilptga {
+.AvatarVariants_multiVariantStyles_background_teal__1h7waq8a {
   --bgColor__n2nsgo0: var(--colors-teal-bgColor__n2nsgoh);
   --pattern__n2nsgo7: var(--colors-teal-pattern__n2nsgoi);
   --textColor__n2nsgo1: var(--colors-teal-textColor__n2nsgoj);
 }
-.AvatarVariants_multiVariantStyles_background_blue__4ilptgb {
+.AvatarVariants_multiVariantStyles_background_blue__1h7waq8b {
   --bgColor__n2nsgo0: var(--colors-blue-bgColor__n2nsgok);
   --pattern__n2nsgo7: var(--colors-blue-pattern__n2nsgol);
   --textColor__n2nsgo1: var(--colors-blue-textColor__n2nsgom);
 }
-.AvatarVariants_multiVariantStyles_background_slate__4ilptgc {
+.AvatarVariants_multiVariantStyles_background_slate__1h7waq8c {
   --bgColor__n2nsgo0: var(--colors-slate-bgColor__n2nsgon);
   --pattern__n2nsgo7: var(--colors-slate-pattern__n2nsgoo);
   --textColor__n2nsgo1: var(--colors-slate-textColor__n2nsgop);
 }
-.AvatarVariants_multiVariantStyles_background_pink__4ilptgd {
+.AvatarVariants_multiVariantStyles_background_pink__1h7waq8d {
   --bgColor__n2nsgo0: var(--colors-pink-bgColor__n2nsgoq);
   --pattern__n2nsgo7: var(--colors-pink-pattern__n2nsgor);
   --textColor__n2nsgo1: var(--colors-pink-textColor__n2nsgos);
 }
-.AvatarVariants_multiVariantStyles_background_purple__4ilptge {
+.AvatarVariants_multiVariantStyles_background_purple__1h7waq8e {
   --bgColor__n2nsgo0: var(--colors-purple-bgColor__n2nsgot);
   --pattern__n2nsgo7: var(--colors-purple-pattern__n2nsgou);
   --textColor__n2nsgo1: var(--colors-purple-textColor__n2nsgov);
 }
-.AvatarVariants_multiVariantStyles_background_lilac__4ilptgf {
+.AvatarVariants_multiVariantStyles_background_lilac__1h7waq8f {
   --bgColor__n2nsgo0: var(--colors-lilac-bgColor__n2nsgow);
   --pattern__n2nsgo7: var(--colors-lilac-pattern__n2nsgox);
   --textColor__n2nsgo1: var(--colors-lilac-textColor__n2nsgoy);
 }
-.AvatarVariants_multiVariantStyles_background_gray__4ilptgg {
+.AvatarVariants_multiVariantStyles_background_gray__1h7waq8g {
   --bgColor__n2nsgo0: var(--colors-gray-bgColor__n2nsgoz);
   --pattern__n2nsgo7: var(--colors-gray-pattern__n2nsgo10);
   --textColor__n2nsgo1: var(--colors-gray-textColor__n2nsgo11);
 }
-.AvatarVariants_multiVariantStyles_shape_circle__4ilptgh {
+.AvatarVariants_multiVariantStyles_shape_circle__1h7waq8h {
   --borderRadius__n2nsgo3: var(--shapes-circle-borderRadius__n2nsgo21);
 }
-.AvatarVariants_multiVariantStyles_compound_0__4ilptgj {
+.AvatarVariants_multiVariantStyles_compound_0__1h7waq8j {
   --borderRadius__n2nsgo3: var(--sizes-2xs-borderRadius__n2nsgo13);
 }
-.AvatarVariants_multiVariantStyles_compound_1__4ilptgk {
+.AvatarVariants_multiVariantStyles_compound_1__1h7waq8k {
   --borderRadius__n2nsgo3: var(--sizes-xs-borderRadius__n2nsgo18);
 }
-.AvatarVariants_multiVariantStyles_compound_2__4ilptgl {
+.AvatarVariants_multiVariantStyles_compound_2__1h7waq8l {
   --borderRadius__n2nsgo3: var(--sizes-sm-borderRadius__n2nsgo1d);
 }
-.AvatarVariants_multiVariantStyles_compound_3__4ilptgm {
+.AvatarVariants_multiVariantStyles_compound_3__1h7waq8m {
   --borderRadius__n2nsgo3: var(--sizes-md-borderRadius__n2nsgo1i);
 }
-.AvatarVariants_multiVariantStyles_compound_4__4ilptgn {
+.AvatarVariants_multiVariantStyles_compound_4__1h7waq8n {
   --borderRadius__n2nsgo3: var(--sizes-lg-borderRadius__n2nsgo1n);
 }
-.AvatarVariants_multiVariantStyles_compound_5__4ilptgo {
+.AvatarVariants_multiVariantStyles_compound_5__1h7waq8o {
   --borderRadius__n2nsgo3: var(--sizes-xl-borderRadius__n2nsgo1s);
 }
-.AvatarVariants_multiVariantStyles_compound_6__4ilptgp {
+.AvatarVariants_multiVariantStyles_compound_6__1h7waq8p {
   --borderRadius__n2nsgo3: var(--sizes-2xl-borderRadius__n2nsgo1x);
 }

package/amd/AvatarVariants.styles2.css

@@ -1,116 +1,116 @@
-.AvatarVariants_multiVariantStyles_size_2xs__1h7waq80 {
+.AvatarVariants_multiVariantStyles_size_2xs__4ilptg0 {
   --size__n2nsgo2: var(--sizes-2xs-size__n2nsgo12);
   --initialsFontSize__n2nsgo4: var(--sizes-2xs-initialsFontSize__n2nsgo14);
   --initialsFontWeight__n2nsgo5: var(--sizes-2xs-initialsFontWeight__n2nsgo15);
   --iconFontSize__n2nsgo6: var(--sizes-2xs-iconFontSize__n2nsgo16);
 }
-.AvatarVariants_multiVariantStyles_size_xs__1h7waq81 {
+.AvatarVariants_multiVariantStyles_size_xs__4ilptg1 {
   --size__n2nsgo2: var(--sizes-xs-size__n2nsgo17);
   --initialsFontSize__n2nsgo4: var(--sizes-xs-initialsFontSize__n2nsgo19);
   --initialsFontWeight__n2nsgo5: var(--sizes-xs-initialsFontWeight__n2nsgo1a);
   --iconFontSize__n2nsgo6: var(--sizes-xs-iconFontSize__n2nsgo1b);
 }
-.AvatarVariants_multiVariantStyles_size_sm__1h7waq82 {
+.AvatarVariants_multiVariantStyles_size_sm__4ilptg2 {
   --size__n2nsgo2: var(--sizes-sm-size__n2nsgo1c);
   --initialsFontSize__n2nsgo4: var(--sizes-sm-initialsFontSize__n2nsgo1e);
   --initialsFontWeight__n2nsgo5: var(--sizes-sm-initialsFontWeight__n2nsgo1f);
   --iconFontSize__n2nsgo6: var(--sizes-sm-iconFontSize__n2nsgo1g);
 }
-.AvatarVariants_multiVariantStyles_size_md__1h7waq83 {
+.AvatarVariants_multiVariantStyles_size_md__4ilptg3 {
   --size__n2nsgo2: var(--sizes-md-size__n2nsgo1h);
   --initialsFontSize__n2nsgo4: var(--sizes-md-initialsFontSize__n2nsgo1j);
   --initialsFontWeight__n2nsgo5: var(--sizes-md-initialsFontWeight__n2nsgo1k);
   --iconFontSize__n2nsgo6: var(--sizes-md-iconFontSize__n2nsgo1l);
 }
-.AvatarVariants_multiVariantStyles_size_lg__1h7waq84 {
+.AvatarVariants_multiVariantStyles_size_lg__4ilptg4 {
   --size__n2nsgo2: var(--sizes-lg-size__n2nsgo1m);
   --initialsFontSize__n2nsgo4: var(--sizes-lg-initialsFontSize__n2nsgo1o);
   --initialsFontWeight__n2nsgo5: var(--sizes-lg-initialsFontWeight__n2nsgo1p);
   --iconFontSize__n2nsgo6: var(--sizes-lg-iconFontSize__n2nsgo1q);
 }
-.AvatarVariants_multiVariantStyles_size_xl__1h7waq85 {
+.AvatarVariants_multiVariantStyles_size_xl__4ilptg5 {
   --size__n2nsgo2: var(--sizes-xl-size__n2nsgo1r);
   --initialsFontSize__n2nsgo4: var(--sizes-xl-initialsFontSize__n2nsgo1t);
   --initialsFontWeight__n2nsgo5: var(--sizes-xl-initialsFontWeight__n2nsgo1u);
   --iconFontSize__n2nsgo6: var(--sizes-xl-iconFontSize__n2nsgo1v);
 }
-.AvatarVariants_multiVariantStyles_size_2xl__1h7waq86 {
+.AvatarVariants_multiVariantStyles_size_2xl__4ilptg6 {
   --size__n2nsgo2: var(--sizes-2xl-size__n2nsgo1w);
   --initialsFontSize__n2nsgo4: var(--sizes-2xl-initialsFontSize__n2nsgo1y);
   --initialsFontWeight__n2nsgo5: var(--sizes-2xl-initialsFontWeight__n2nsgo1z);
   --iconFontSize__n2nsgo6: var(--sizes-2xl-iconFontSize__n2nsgo20);
 }
-.AvatarVariants_multiVariantStyles_background_neutral__1h7waq87 {
+.AvatarVariants_multiVariantStyles_background_neutral__4ilptg7 {
   --bgColor__n2nsgo0: var(--colors-neutral-bgColor__n2nsgo8);
   --pattern__n2nsgo7: var(--colors-neutral-pattern__n2nsgo9);
   --textColor__n2nsgo1: var(--colors-neutral-textColor__n2nsgoa);
 }
-.AvatarVariants_multiVariantStyles_background_orange__1h7waq88 {
+.AvatarVariants_multiVariantStyles_background_orange__4ilptg8 {
   --bgColor__n2nsgo0: var(--colors-orange-bgColor__n2nsgob);
   --pattern__n2nsgo7: var(--colors-orange-pattern__n2nsgoc);
   --textColor__n2nsgo1: var(--colors-orange-textColor__n2nsgod);
 }
-.AvatarVariants_multiVariantStyles_background_green__1h7waq89 {
+.AvatarVariants_multiVariantStyles_background_green__4ilptg9 {
   --bgColor__n2nsgo0: var(--colors-green-bgColor__n2nsgoe);
   --pattern__n2nsgo7: var(--colors-green-pattern__n2nsgof);
   --textColor__n2nsgo1: var(--colors-green-textColor__n2nsgog);
 }
-.AvatarVariants_multiVariantStyles_background_teal__1h7waq8a {
+.AvatarVariants_multiVariantStyles_background_teal__4ilptga {
   --bgColor__n2nsgo0: var(--colors-teal-bgColor__n2nsgoh);
   --pattern__n2nsgo7: var(--colors-teal-pattern__n2nsgoi);
   --textColor__n2nsgo1: var(--colors-teal-textColor__n2nsgoj);
 }
-.AvatarVariants_multiVariantStyles_background_blue__1h7waq8b {
+.AvatarVariants_multiVariantStyles_background_blue__4ilptgb {
   --bgColor__n2nsgo0: var(--colors-blue-bgColor__n2nsgok);
   --pattern__n2nsgo7: var(--colors-blue-pattern__n2nsgol);
   --textColor__n2nsgo1: var(--colors-blue-textColor__n2nsgom);
 }
-.AvatarVariants_multiVariantStyles_background_slate__1h7waq8c {
+.AvatarVariants_multiVariantStyles_background_slate__4ilptgc {
   --bgColor__n2nsgo0: var(--colors-slate-bgColor__n2nsgon);
   --pattern__n2nsgo7: var(--colors-slate-pattern__n2nsgoo);
   --textColor__n2nsgo1: var(--colors-slate-textColor__n2nsgop);
 }
-.AvatarVariants_multiVariantStyles_background_pink__1h7waq8d {
+.AvatarVariants_multiVariantStyles_background_pink__4ilptgd {
   --bgColor__n2nsgo0: var(--colors-pink-bgColor__n2nsgoq);
   --pattern__n2nsgo7: var(--colors-pink-pattern__n2nsgor);
   --textColor__n2nsgo1: var(--colors-pink-textColor__n2nsgos);
 }
-.AvatarVariants_multiVariantStyles_background_purple__1h7waq8e {
+.AvatarVariants_multiVariantStyles_background_purple__4ilptge {
   --bgColor__n2nsgo0: var(--colors-purple-bgColor__n2nsgot);
   --pattern__n2nsgo7: var(--colors-purple-pattern__n2nsgou);
   --textColor__n2nsgo1: var(--colors-purple-textColor__n2nsgov);
 }
-.AvatarVariants_multiVariantStyles_background_lilac__1h7waq8f {
+.AvatarVariants_multiVariantStyles_background_lilac__4ilptgf {
   --bgColor__n2nsgo0: var(--colors-lilac-bgColor__n2nsgow);
   --pattern__n2nsgo7: var(--colors-lilac-pattern__n2nsgox);
   --textColor__n2nsgo1: var(--colors-lilac-textColor__n2nsgoy);
 }
-.AvatarVariants_multiVariantStyles_background_gray__1h7waq8g {
+.AvatarVariants_multiVariantStyles_background_gray__4ilptgg {
   --bgColor__n2nsgo0: var(--colors-gray-bgColor__n2nsgoz);
   --pattern__n2nsgo7: var(--colors-gray-pattern__n2nsgo10);
   --textColor__n2nsgo1: var(--colors-gray-textColor__n2nsgo11);
 }
-.AvatarVariants_multiVariantStyles_shape_circle__1h7waq8h {
+.AvatarVariants_multiVariantStyles_shape_circle__4ilptgh {
   --borderRadius__n2nsgo3: var(--shapes-circle-borderRadius__n2nsgo21);
 }
-.AvatarVariants_multiVariantStyles_compound_0__1h7waq8j {
+.AvatarVariants_multiVariantStyles_compound_0__4ilptgj {
   --borderRadius__n2nsgo3: var(--sizes-2xs-borderRadius__n2nsgo13);
 }
-.AvatarVariants_multiVariantStyles_compound_1__1h7waq8k {
+.AvatarVariants_multiVariantStyles_compound_1__4ilptgk {
   --borderRadius__n2nsgo3: var(--sizes-xs-borderRadius__n2nsgo18);
 }
-.AvatarVariants_multiVariantStyles_compound_2__1h7waq8l {
+.AvatarVariants_multiVariantStyles_compound_2__4ilptgl {
   --borderRadius__n2nsgo3: var(--sizes-sm-borderRadius__n2nsgo1d);
 }
-.AvatarVariants_multiVariantStyles_compound_3__1h7waq8m {
+.AvatarVariants_multiVariantStyles_compound_3__4ilptgm {
   --borderRadius__n2nsgo3: var(--sizes-md-borderRadius__n2nsgo1i);
 }
-.AvatarVariants_multiVariantStyles_compound_4__1h7waq8n {
+.AvatarVariants_multiVariantStyles_compound_4__4ilptgn {
   --borderRadius__n2nsgo3: var(--sizes-lg-borderRadius__n2nsgo1n);
 }
-.AvatarVariants_multiVariantStyles_compound_5__1h7waq8o {
+.AvatarVariants_multiVariantStyles_compound_5__4ilptgo {
   --borderRadius__n2nsgo3: var(--sizes-xl-borderRadius__n2nsgo1s);
 }
-.AvatarVariants_multiVariantStyles_compound_6__1h7waq8p {
+.AvatarVariants_multiVariantStyles_compound_6__4ilptgp {
   --borderRadius__n2nsgo3: var(--sizes-2xl-borderRadius__n2nsgo1x);
 }

package/amd/Badge-fc7af324.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Badge/themes/redwood/BadgeTheme'], (function(e,s,n,o){"use strict";e.Badge=function({variant:e,size:t,edge:d,children:a}){const{classes:i}=n.useComponentTheme(o.BadgeRedwoodTheme,{variant:e,size:t,edge:d});return s.jsx("span",{class:i,children:a})}}));
+//# sourceMappingURL=Badge-fc7af324.js.map

package/amd/Badge-fc7af324.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-fc7af324.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 { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { BadgeStyles, BadgeVariantOptions } from './themes/BadgeStyles.css';\nimport { BadgeRedwoodTheme } from './themes/redwood/BadgeTheme';\n\nexport type Props = {\n  /**\n   * Sets the variant for the badge. Badge can be subtle or solid with different colors. The default value of this property is theme driven.\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. The default value of this property is theme driven.\n   */\n  size?: 'sm' | 'md';\n  /**\n   * Specifies the edge 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  edge?: 'none' | 'end';\n  /**\n   * Specifies the string that will be rendered in the badge.\n   */\n  children: string;\n};\n\nexport function Badge({ variant, size, edge, children }: Props) {\n  const { classes } = useComponentTheme<BadgeVariantOptions, BadgeStyles>(BadgeRedwoodTheme, {\n    variant,\n    size,\n    edge\n  });\n\n  return <span class={classes}>{children}</span>;\n}\n"],"names":["variant","size","edge","children","classes","useComponentTheme","BadgeRedwoodTheme","_jsx","class"],"mappings":"8JAwCM,UAAgBA,QAAEA,EAAOC,KAAEA,EAAIC,KAAEA,EAAIC,SAAEA,IAC3C,MAAMC,QAAEA,GAAYC,EAAiBA,kBAAmCC,oBAAmB,CACzFN,UACAC,OACAC,SAGF,OAAOK,EAAAA,YAAMC,MAAOJ,EAAUD,SAAAA,GAChC"}

package/amd/BadgeVariants.styles.css

@@ -1,58 +1,58 @@
-.BadgeVariants_multiVariantStyles_edge_end__24kjgj1 {
+.BadgeVariants_multiVariantStyles_edge_end__1h6m6d71 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.BadgeVariants_multiVariantStyles_size_sm__24kjgj2 {
+.BadgeVariants_multiVariantStyles_size_sm__1h6m6d72 {
   --height__88ut8n6: var(--sizes-sm-height__88ut8nt);
   --fontSize__88ut8n2: var(--sizes-sm-fontSize__88ut8nu);
   --fontWeight__88ut8n3: var(--sizes-sm-fontWeight__88ut8nv);
   --borderRadius__88ut8n7: var(--sizes-sm-borderRadius__88ut8nw);
   --padding__88ut8n8: var(--sizes-sm-padding__88ut8nx);
 }
-.BadgeVariants_multiVariantStyles_size_md__24kjgj3 {
+.BadgeVariants_multiVariantStyles_size_md__1h6m6d73 {
   --height__88ut8n6: var(--sizes-md-height__88ut8ny);
   --fontSize__88ut8n2: var(--sizes-md-fontSize__88ut8nz);
   --fontWeight__88ut8n3: var(--sizes-md-fontWeight__88ut8n10);
   --borderRadius__88ut8n7: var(--sizes-md-borderRadius__88ut8n11);
   --padding__88ut8n8: var(--sizes-md-padding__88ut8n12);
 }
-.BadgeVariants_multiVariantStyles_variant_neutral__24kjgj4 {
+.BadgeVariants_multiVariantStyles_variant_neutral__1h6m6d74 {
   --backgroundColor__88ut8n0: var(--variants-neutral-backgroundColor__88ut8n9);
   --color__88ut8n1: var(--variants-neutral-color__88ut8na);
 }
-.BadgeVariants_multiVariantStyles_variant_danger__24kjgj5 {
+.BadgeVariants_multiVariantStyles_variant_danger__1h6m6d75 {
   --backgroundColor__88ut8n0: var(--variants-danger-backgroundColor__88ut8nb);
   --color__88ut8n1: var(--variants-danger-color__88ut8nc);
 }
-.BadgeVariants_multiVariantStyles_variant_warning__24kjgj6 {
+.BadgeVariants_multiVariantStyles_variant_warning__1h6m6d76 {
   --backgroundColor__88ut8n0: var(--variants-warning-backgroundColor__88ut8nd);
   --color__88ut8n1: var(--variants-warning-color__88ut8ne);
 }
-.BadgeVariants_multiVariantStyles_variant_success__24kjgj7 {
+.BadgeVariants_multiVariantStyles_variant_success__1h6m6d77 {
   --backgroundColor__88ut8n0: var(--variants-success-backgroundColor__88ut8nf);
   --color__88ut8n1: var(--variants-success-color__88ut8ng);
 }
-.BadgeVariants_multiVariantStyles_variant_info__24kjgj8 {
+.BadgeVariants_multiVariantStyles_variant_info__1h6m6d78 {
   --backgroundColor__88ut8n0: var(--variants-info-backgroundColor__88ut8nh);
   --color__88ut8n1: var(--variants-info-color__88ut8ni);
 }
-.BadgeVariants_multiVariantStyles_variant_neutralSubtle__24kjgj9 {
+.BadgeVariants_multiVariantStyles_variant_neutralSubtle__1h6m6d79 {
   --backgroundColor__88ut8n0: var(--variants-neutralSubtle-backgroundColor__88ut8nj);
   --color__88ut8n1: var(--variants-neutralSubtle-color__88ut8nk);
 }
-.BadgeVariants_multiVariantStyles_variant_dangerSubtle__24kjgja {
+.BadgeVariants_multiVariantStyles_variant_dangerSubtle__1h6m6d7a {
   --backgroundColor__88ut8n0: var(--variants-dangerSubtle-backgroundColor__88ut8nl);
   --color__88ut8n1: var(--variants-dangerSubtle-color__88ut8nm);
 }
-.BadgeVariants_multiVariantStyles_variant_warningSubtle__24kjgjb {
+.BadgeVariants_multiVariantStyles_variant_warningSubtle__1h6m6d7b {
   --backgroundColor__88ut8n0: var(--variants-warningSubtle-backgroundColor__88ut8nn);
   --color__88ut8n1: var(--variants-warningSubtle-color__88ut8no);
 }
-.BadgeVariants_multiVariantStyles_variant_successSubtle__24kjgjc {
+.BadgeVariants_multiVariantStyles_variant_successSubtle__1h6m6d7c {
   --backgroundColor__88ut8n0: var(--variants-successSubtle-backgroundColor__88ut8np);
   --color__88ut8n1: var(--variants-successSubtle-color__88ut8nq);
 }
-.BadgeVariants_multiVariantStyles_variant_infoSubtle__24kjgjd {
+.BadgeVariants_multiVariantStyles_variant_infoSubtle__1h6m6d7d {
   --backgroundColor__88ut8n0: var(--variants-infoSubtle-backgroundColor__88ut8nr);
   --color__88ut8n1: var(--variants-infoSubtle-color__88ut8ns);
 }

package/amd/BadgeVariants.styles2.css

@@ -1,58 +1,58 @@
-.BadgeVariants_multiVariantStyles_edge_end__1h6m6d71 {
+.BadgeVariants_multiVariantStyles_edge_end__24kjgj1 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.BadgeVariants_multiVariantStyles_size_sm__1h6m6d72 {
+.BadgeVariants_multiVariantStyles_size_sm__24kjgj2 {
   --height__88ut8n6: var(--sizes-sm-height__88ut8nt);
   --fontSize__88ut8n2: var(--sizes-sm-fontSize__88ut8nu);
   --fontWeight__88ut8n3: var(--sizes-sm-fontWeight__88ut8nv);
   --borderRadius__88ut8n7: var(--sizes-sm-borderRadius__88ut8nw);
   --padding__88ut8n8: var(--sizes-sm-padding__88ut8nx);
 }
-.BadgeVariants_multiVariantStyles_size_md__1h6m6d73 {
+.BadgeVariants_multiVariantStyles_size_md__24kjgj3 {
   --height__88ut8n6: var(--sizes-md-height__88ut8ny);
   --fontSize__88ut8n2: var(--sizes-md-fontSize__88ut8nz);
   --fontWeight__88ut8n3: var(--sizes-md-fontWeight__88ut8n10);
   --borderRadius__88ut8n7: var(--sizes-md-borderRadius__88ut8n11);
   --padding__88ut8n8: var(--sizes-md-padding__88ut8n12);
 }
-.BadgeVariants_multiVariantStyles_variant_neutral__1h6m6d74 {
+.BadgeVariants_multiVariantStyles_variant_neutral__24kjgj4 {
   --backgroundColor__88ut8n0: var(--variants-neutral-backgroundColor__88ut8n9);
   --color__88ut8n1: var(--variants-neutral-color__88ut8na);
 }
-.BadgeVariants_multiVariantStyles_variant_danger__1h6m6d75 {
+.BadgeVariants_multiVariantStyles_variant_danger__24kjgj5 {
   --backgroundColor__88ut8n0: var(--variants-danger-backgroundColor__88ut8nb);
   --color__88ut8n1: var(--variants-danger-color__88ut8nc);
 }
-.BadgeVariants_multiVariantStyles_variant_warning__1h6m6d76 {
+.BadgeVariants_multiVariantStyles_variant_warning__24kjgj6 {
   --backgroundColor__88ut8n0: var(--variants-warning-backgroundColor__88ut8nd);
   --color__88ut8n1: var(--variants-warning-color__88ut8ne);
 }
-.BadgeVariants_multiVariantStyles_variant_success__1h6m6d77 {
+.BadgeVariants_multiVariantStyles_variant_success__24kjgj7 {
   --backgroundColor__88ut8n0: var(--variants-success-backgroundColor__88ut8nf);
   --color__88ut8n1: var(--variants-success-color__88ut8ng);
 }
-.BadgeVariants_multiVariantStyles_variant_info__1h6m6d78 {
+.BadgeVariants_multiVariantStyles_variant_info__24kjgj8 {
   --backgroundColor__88ut8n0: var(--variants-info-backgroundColor__88ut8nh);
   --color__88ut8n1: var(--variants-info-color__88ut8ni);
 }
-.BadgeVariants_multiVariantStyles_variant_neutralSubtle__1h6m6d79 {
+.BadgeVariants_multiVariantStyles_variant_neutralSubtle__24kjgj9 {
   --backgroundColor__88ut8n0: var(--variants-neutralSubtle-backgroundColor__88ut8nj);
   --color__88ut8n1: var(--variants-neutralSubtle-color__88ut8nk);
 }
-.BadgeVariants_multiVariantStyles_variant_dangerSubtle__1h6m6d7a {
+.BadgeVariants_multiVariantStyles_variant_dangerSubtle__24kjgja {
   --backgroundColor__88ut8n0: var(--variants-dangerSubtle-backgroundColor__88ut8nl);
   --color__88ut8n1: var(--variants-dangerSubtle-color__88ut8nm);
 }
-.BadgeVariants_multiVariantStyles_variant_warningSubtle__1h6m6d7b {
+.BadgeVariants_multiVariantStyles_variant_warningSubtle__24kjgjb {
   --backgroundColor__88ut8n0: var(--variants-warningSubtle-backgroundColor__88ut8nn);
   --color__88ut8n1: var(--variants-warningSubtle-color__88ut8no);
 }
-.BadgeVariants_multiVariantStyles_variant_successSubtle__1h6m6d7c {
+.BadgeVariants_multiVariantStyles_variant_successSubtle__24kjgjc {
   --backgroundColor__88ut8n0: var(--variants-successSubtle-backgroundColor__88ut8np);
   --color__88ut8n1: var(--variants-successSubtle-color__88ut8nq);
 }
-.BadgeVariants_multiVariantStyles_variant_infoSubtle__1h6m6d7d {
+.BadgeVariants_multiVariantStyles_variant_infoSubtle__24kjgjd {
   --backgroundColor__88ut8n0: var(--variants-infoSubtle-backgroundColor__88ut8nr);
   --color__88ut8n1: var(--variants-infoSubtle-color__88ut8ns);
 }

package/amd/BaseButton-51ceb4d8.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useActive', './utils/UNSAFE_classNames', 'preact/compat', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_mergeInterpolations', './utils/PRIVATE_clientHints', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './clientHints-64969ca7', './classNames-cba917a6'], (function(e,s,t,o,n,a,i,r,u,l,c,d,p,b,m){"use strict";const h="j5p8mr",_="_1vhhh7s",v="mwfcr3",f="udgili",y="_1cpa88b",A="_13p1wss",E="_19qliuu",N="_37mj0m",S="_1xdaeqd",g="_3t2tz9",F="_19n9xl5",j="_17z7yy7",x="gjmob",k="_1c6s4cc",P=[...Object.values(u.dimensionInterpolations)],T=l.mergeInterpolations(P),U="ios"===b.getClientHints().platform?{ontouchstart:function(){}}:{},H="events"===b.getClientHints().hoverSupport,B=i.forwardRef((({variant:e="outlined",isDisabled:a=!1,isRepeat:i=!1,size:r="md",elementDetails:u={type:"button"},styling:l=["default"],edge:c="none","aria-label":b,"aria-hidden":P,"aria-expanded":B,"aria-roledescription":M,"aria-haspopup":R,"aria-describedby":I,onBlur:w,onFocus:D,onMouseEnter:z,onMouseLeave:q,onTouchEnd:C,onTouchStart:L,...O},$)=>{const{pressProps:V}=t.usePress((e=>{O.onAction&&O.onAction({reason:"keyup"==e.type?"keyboard":"pointer"})}),{isDisabled:a,isRepeat:i}),G=e=>l.indexOf(e)>-1,{hoverProps:J,isHover:K}=o.useHover({isDisabled:!H}),{activeProps:Q,isActive:W}=n.useActive(),{class:X,...Y}=T(O),{type:Z="button",...ee}={...u},se=((e,s)=>{switch(e){case"link":return{role:"link"};case"button":return{};default:return s?{role:"none"}:{role:"button"}}})(Z,P??!1),te=u.type,oe="span"==te,ne="button"==te,{isTabbable:ae}=d.useTabbableMode(),ie=m.classNames([!G("unstyled")&&h,G("unstyled")&&A,G("embedded")&&g,G("container")&&S,G("noBorderRadiusStart")&&F,G("noBorderRadiusEnd")&&j,G("active")&&v,G("fill")&&N,G("min")&&E,`oj-c-base-button-${e}`,`oj-c-base-button-${r}`,a&&x,"bottom"===c&&k,!H&&!oe&&!W&&f,!H&&oe&&!W&&!a&&!G("container")&&y,H&&K&&!W&&!a&&!G("container")&&_,!G("container")&&W&&!a&&v,"_1tnujc6"]),re={onBlur:w,onFocus:D,onMouseEnter:z,onMouseLeave:q,onTouchEnd:C,onTouchStart:L},ue=p.mergeProps(ee,V,U,J,G("container")?{}:Q,ne?{}:{"aria-disabled":a},re),le=m.classNames([X,ie]);return s.jsx(te,{ref:$,disabled:a,class:le,style:Y,autofocus:O.autofocus,title:O.title,tabIndex:a||!ae?-1:0,"aria-label":b,"aria-haspopup":R?"menu":void 0,"aria-describedby":I,"aria-hidden":P,"aria-roledescription":M,"aria-expanded":B,...ue,...se,children:O.children})}));e.BaseButton=B}));
+//# sourceMappingURL=BaseButton-51ceb4d8.js.map

package/amd/BaseButton-51ceb4d8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton-51ceb4d8.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\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';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\nexport type ActionDetail = {\n  reason: 'pointer' | 'keyboard';\n};\n\ntype BaseButtonElementDetails =\n  | { type: 'button' }\n  | { type: 'a'; href: string; target?: string; rel?: string }\n  | { type: 'span' };\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'title'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\nexport type StylingOptions =\n  | 'default'\n  | 'min'\n  | 'embedded'\n  | 'container'\n  | 'unstyled'\n  | 'fill'\n  | 'noBorderRadiusEnd'\n  | 'noBorderRadiusStart'\n  | 'active';\n\ntype AriaProps = {\n  'aria-hidden'?: boolean;\n  'aria-expanded'?: boolean;\n  'aria-roledescription'?: string;\n  'aria-describedby'?: string;\n  'aria-haspopup'?: string;\n};\n\nexport type Props = IntrinsicProps &\n  AriaProps &\n  DimensionProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-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     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     *\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation.  Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * 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?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n    /**\n     * The size indicates how large the button is rendered: 'xs', \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * The aria-label is used to provide guidance for screen readers.\n     */\n    'aria-label'?: string;\n\n    /**\n     * Styling can be used for customizing buttons by removing label padding (\"min\") or\n     * removing all styling (\"unstyled\").\n     */\n    styling?: StylingOptions[];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: (details: ActionDetail) => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BaseButtonElementDetails;\n  };\n\nconst activeStyles = {\n  backgroundImage:\n    'linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-active), var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-active))',\n  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active)',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active)'\n};\n\nconst hoverStyles = {\n  backgroundImage:\n    'linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-hover),var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-hover))',\n  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover)',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover)'\n};\n\nconst compStyles = {\n  base: cssProps`${{\n    alignItems: 'center',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius)',\n    borderStyle: 'solid',\n    borderWidth: '1px',\n    boxSizing: 'border-box',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-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-base-button-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)',\n    justifyContent: 'center',\n    minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)',\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-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': activeStyles,\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)': hoverStyles\n  }}`,\n\n  active: cssProps`${activeStyles}`,\n\n  pseudohover: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:enabled:not(:active)': hoverStyles\n    }\n  }}`,\n\n  pseudohoverSpan: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:not(:active)': hoverStyles\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-base-button-height)'\n  }}`,\n\n  min: cssProps`${{\n    paddingInlineStart: '0',\n    paddingInlineEnd: '0'\n  }}`,\n\n  fill: cssProps`${{\n    width: '100%'\n  }}`,\n\n  container: cssProps`\n   ${{\n     backgroundColor: 'transparent',\n     borderStyle: 'hidden',\n     cursor: 'none',\n     display: 'flex',\n     '&:active': {\n       backgroundColor: 'transparent',\n       borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color)'\n     }\n   }}\n `,\n\n  embedded: cssProps`\n   ${{\n     height: '100%',\n     display: 'flex',\n     '&:focus-visible': {\n       outlineStyle: 'none'\n     }\n   }}\n `,\n\n  noBorderRadiusStart: cssProps`\n ${{\n   borderStartStartRadius: 0,\n   borderEndStartRadius: 0,\n   borderInlineStartWidth: '0px'\n }}\n `,\n\n  noBorderRadiusEnd: cssProps`\n ${{\n   borderEndEndRadius: 0,\n   borderStartEndRadius: 0,\n   borderInlineEndWidth: '0px'\n }}\n `,\n\n  disabled: cssProps`${{\n    pointerEvents: 'none',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-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 childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\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().hoverSupport === 'events';\n\nconst roleProps = (\n  elType: string,\n  hidden: boolean\n): { role?: HTMLAttributesSignalExcluded['role'] } => {\n  switch (elType) {\n    case 'link':\n      return { role: 'link' };\n    case 'button':\n      return {};\n    default:\n      return hidden ? { role: 'none' } : { role: 'button' };\n  }\n};\n\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      elementDetails = { type: 'button' },\n      styling = ['default'],\n      edge = 'none',\n      'aria-label': accessibleLabel,\n      'aria-hidden': ariaHidden,\n      'aria-expanded': ariaExpanded,\n      'aria-roledescription': ariaRoledescription,\n      'aria-haspopup': ariaHasPopup,\n      'aria-describedby': ariaDescribedBy,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      ...props\n    }: Props,\n    ref?:\n      | ForwardedRef<HTMLButtonElement>\n      | ForwardedRef<HTMLAnchorElement>\n      | ForwardedRef<HTMLSpanElement>\n  ) => {\n    const pressHandler = (e: Event) => {\n      if (props.onAction) {\n        props.onAction({\n          reason: e.type == 'keyup' ? 'keyboard' : 'pointer'\n        });\n      }\n    };\n\n    const { pressProps } = usePress(pressHandler, {\n      isDisabled,\n      isRepeat\n    });\n    const isStyled = (name: StylingOptions) => {\n      return styling.indexOf(name) > -1;\n    };\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive();\n    const { class: cls, ...styles } = styleInterpolations(props);\n    const { type: elementType = 'button', ...elementProps } = { ...elementDetails };\n    const role = roleProps(elementType, ariaHidden ?? false);\n    const ElementType = elementDetails.type;\n    const isSpan = ElementType == 'span';\n    const isBaseButton = ElementType == 'button';\n    const { isTabbable } = useTabbableMode();\n    const rootStyles = classNames([\n      !isStyled('unstyled') && compStyles.base,\n      isStyled('unstyled') && compStyles.unstyled,\n      isStyled('embedded') && compStyles.embedded,\n      isStyled('container') && compStyles.container,\n      isStyled('noBorderRadiusStart') && compStyles.noBorderRadiusStart,\n      isStyled('noBorderRadiusEnd') && compStyles.noBorderRadiusEnd,\n      isStyled('active') && compStyles.active,\n      isStyled('fill') && compStyles.fill,\n      isStyled('min') && compStyles.min,\n      `oj-c-base-button-${variant}`,\n      `oj-c-base-button-${size}`,\n      isDisabled && compStyles.disabled,\n      edge === 'bottom' && compStyles.bottom,\n      !isHybrid && !isSpan && !isActive && compStyles.pseudohover,\n      !isHybrid &&\n        isSpan &&\n        !isActive &&\n        !isDisabled &&\n        !isStyled('container') &&\n        compStyles.pseudohoverSpan,\n      isHybrid && isHover && !isActive && !isDisabled && !isStyled('container') && compStyles.hover,\n      !isStyled('container') && isActive && !isDisabled && compStyles.active,\n      childrenStyles\n    ]);\n\n    const globalEventProps = {\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    };\n\n    const mergedProps = mergeProps(\n      elementProps,\n      pressProps,\n      iosProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      isBaseButton ? {} : { 'aria-disabled': isDisabled },\n      globalEventProps\n    );\n\n    const wrapperClasses = classNames([cls, rootStyles]);\n\n    return (\n      <ElementType\n        // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.\n        ref={\n          ref as ForwardedRef<HTMLButtonElement> &\n            ForwardedRef<HTMLAnchorElement> &\n            ForwardedRef<HTMLSpanElement>\n        }\n        disabled={isDisabled}\n        class={wrapperClasses}\n        style={styles}\n        autofocus={props['autofocus']}\n        title={props.title}\n        tabIndex={isDisabled || !isTabbable ? -1 : 0}\n        aria-label={accessibleLabel}\n        aria-haspopup={ariaHasPopup ? 'menu' : undefined}\n        aria-describedby={ariaDescribedBy}\n        aria-hidden={ariaHidden}\n        aria-roledescription={ariaRoledescription}\n        aria-expanded={ariaExpanded}\n        {...mergedProps}\n        {...role}>\n        {props.children}\n      </ElementType>\n    );\n  }\n);\n"],"names":["compStyles","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","iosProps","getClientHints","platform","ontouchstart","isHybrid","hoverSupport","BaseButton","forwardRef","variant","isDisabled","isRepeat","size","elementDetails","type","styling","edge","accessibleLabel","ariaHidden","ariaExpanded","ariaRoledescription","ariaHasPopup","ariaDescribedBy","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","props","ref","pressProps","usePress","e","reason","isStyled","name","hoverProps","isHover","useHover","class","cls","styles","elementType","elementProps","roleProps","elType","hidden","role","ElementType","isSpan","isBaseButton","isTabbable","useTabbableMode","isActive","globalEventProps","mergedProps","mergeProps","activeProps","disabled","wrapperClasses","style","autofocus","title","tabIndex","undefined","children"],"mappings":"+bAkIA,MAcAA,WAAAA,aAAAA,EA8CkB,SA9ClBA,WAAAA,aAAAA,aAAAA,aAAAA,YAAAA,EAwFE,WAxFFA,EAkGE,UAlGFA,EA0GE,WA1GFA,EAkHE,WAlHFA,UAAAA,aA+IAC,EAAA,IAAAC,OAAAC,OAAAC,EAAAA,0BAEAC,EAAAC,EAAAA,oBAAAL,GAIAM,EAAA,QAFAC,EAAAA,iBAEAC,SAAA,CAAAC,aAAA,WAAA,GAAA,GACAC,EAAA,WAAAH,EAAAA,iBAAAI,aAgBAC,EAAAC,EAAAA,YAAA,EAAAC,UAAA,WAAAC,cAAA,EAAAC,YAAA,EAAAC,OAAA,KAAAC,iBAAA,CAAAC,KAAA,UAAAC,UAAA,CAAA,WAAAC,OAAA,OAAA,aAAAC,EAAA,cAAAC,EAAA,gBAAAC,EAAA,uBAAAC,EAAA,gBAAAC,EAAA,mBAAAC,EAAAC,SAAAC,UAAAC,eAAAC,eAAAC,aAAAC,kBAAAC,GAAAC,KA6BI,MAQAC,WAAAA,GAAAC,EAAAA,UARAC,4BAGMC,OAAA,SAAAD,EAAAnB,KAAA,WAAA,WAEH,GAGH,2BAIAqB,EAAAC,oBAGAC,WAAAA,EAAAC,QAAAA,GAAAC,WAAA,CAAA7B,YAAAL,8CAEAmC,MAAAC,KAAAC,GAAA3C,EAAA8B,IACAf,KAAA6B,EAAA,YAAAC,IAAA,IAAA/B,MA7DJgC,EAAAC,EAAAC,KAIE,OAAAD,GACE,IAAA,OACE,MAAA,CAAAE,KAAA,QACF,IAAA,SACE,MAAA,GACF,QACE,OAAAD,EAAA,CAAAC,KAAA,QAAA,CAAAA,KAAA,UACH,YAoDCC,GAAApC,EAAAC,KACAoC,GAAA,QAAAD,GACAE,GAAA,UAAAF,IACAG,WAAAA,IAAAC,EAAAA,oCAEElB,EAAA,aAAAzC,EACAyC,EAAA,aAAAzC,EACAyC,EAAA,aAAAzC,EACAyC,EAAA,cAAAzC,EACAyC,EAAA,wBAAAzC,EACAyC,EAAA,sBAAAzC,EACAyC,EAAA,WAAAzC,EACAyC,EAAA,SAAAzC,EACAyC,EAAA,QAAAzC,EACA,oBAAAe,IACA,oBAAAG,SAEA,WAAAI,GAAAtB,kBAEAW,QAEEiD,IACA5C,oBAEAhB,EACFW,GAAAiC,IAAAgB,IAAA5C,IAAAyB,EAAA,cAAAzC,GACAyC,EAAA,cAAAmB,IAAA5C,GAAAhB,EApGL,aAwGG6D,GAAA,+EASAC,GAAAC,EAAAA,WAAAb,GAAAb,EAAA9B,EAAAoC,EAAAF,EAAA,aAAA,CAAA,EAAAuB,EAAAP,GAAA,CAAA,EAAA,CAAA,gBAAAzC,GAAA6C,6CAeIzB,IAAAA,EAAA6B,SAAAjD,EAAA8B,MAAAoB,GAAAC,MAAAnB,EAAAoB,UAAAjC,EAAA,UAAAkC,MAAAlC,EAAAkC,MAAAC,SAAAtD,IAAA0C,IAAA,EAAA,EAAA,aAAAnC,EAAA,gBAAAI,EAAA,YAAA4C,EAAA,mBAAA3C,EAAA,cAAAJ,EAAA,uBAAAE,EAAA,gBAAAD,KAAAqC,MAAAR,GAAAkB,SAAArC,EAAAqC,UAAA"}

package/amd/Button-55d932fd.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './UNSAFE_BaseButton', './UNSAFE_ButtonLayout', 'preact/compat', './ButtonLayout-7da9c275', './BaseButton-51ceb4d8'], (function(e,o,t,n,a,s,i){"use strict";const u=a.forwardRef((({variant:e="outlined",isDisabled:t=!1,isRepeat:n=!1,size:a="md",display:u="all",endIcon:r,startIcon:c,autofocus:d,edge:l,onAction:B,label:b="","aria-label":f,"aria-describedby":h,width:p,onBlur:y,onFocus:E,onMouseEnter:L,onMouseLeave:m,onTouchEnd:v,onTouchStart:x},A)=>{const F=!c&&!r||"label"===u,I=F?b:o.jsx(s.ButtonLayout,{display:u,startIcon:c,endIcon:r,size:a,children:b});return o.jsx(i.BaseButton,{ref:A,isDisabled:t,isRepeat:n,size:a,width:p,autofocus:d,edge:l,variant:e,styling:[F?"default":"min"],onAction:B,"aria-label":f??b,"aria-describedby":h,onBlur:y,onFocus:E,onMouseEnter:L,onMouseLeave:m,onTouchEnd:v,onTouchStart:x,children:I})}));e.Button=u}));
+//# sourceMappingURL=Button-55d932fd.js.map

package/amd/Button-55d932fd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-55d932fd.js","sources":["../../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, ComponentProps, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLayout } from '../UNSAFE_ButtonLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\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     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * aria-label - override label for accessibility\n     */\n    'aria-label'?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * 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     * The size indicates how large the button is rendered.\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right.\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 indicates whether only the label or all elements should be rendered by the button.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n  };\n/**\n * A button is a pressable element that invokes an action.\n */\nexport const Button = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      display = 'all',\n      endIcon,\n      startIcon,\n      autofocus,\n      edge,\n      onAction,\n      label = '',\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\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> & Ref<HTMLSpanElement>}\n        isDisabled={isDisabled}\n        isRepeat={isRepeat}\n        size={size}\n        width={width}\n        autofocus={autofocus}\n        edge={edge}\n        variant={variant}\n        styling={[labelOnly ? 'default' : 'min']}\n        onAction={onAction}\n        aria-label={accessibleLabel ?? label}\n        aria-describedby={ariaDescribedBy}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}>\n        {content}\n      </BaseButton>\n    );\n  }\n);\n"],"names":["Button","forwardRef","variant","isDisabled","isRepeat","size","display","endIcon","startIcon","autofocus","edge","onAction","label","accessibleLabel","ariaDescribedBy","width","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","ref","labelOnly","content","_jsx","jsx","ButtonLayout","children","BaseButton","styling"],"mappings":"8LA0GO,MAAMA,EAASC,EAAUA,YAC9B,EAEIC,UAAU,WACVC,cAAa,EACbC,YAAW,EACXC,OAAO,KACPC,UAAU,MACVC,UACAC,YACAC,YACAC,OACAC,WACAC,QAAQ,GACR,aAAcC,EACd,mBAAoBC,EACpBC,QACAC,SACAC,UACAC,eACAC,eACAC,aACAC,gBAEFC,KAEA,MAAMC,GAAcf,IAAcD,GAAwB,UAAZD,EACxCkB,EAAUD,IAGdE,EAAAC,IAACC,eAAa,CAAArB,QAASA,EAASE,UAAWA,EAAWD,QAASA,EAASF,KAAMA,EAAIuB,SAC/EhB,IAGL,OACEa,EAACC,IAAAG,cACCP,IAAKA,EACLnB,WAAYA,EACZC,SAAUA,EACVC,KAAMA,EACNU,MAAOA,EACPN,UAAWA,EACXC,KAAMA,EACNR,QAASA,EACT4B,QAAS,CAACP,EAAY,UAAY,OAClCZ,SAAUA,EAAQ,aACNE,GAAmBD,qBACbE,EAClBE,OAAQA,EACRC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACdC,WAAYA,EACZC,aAAcA,WACbG,GAEH"}

package/amd/ButtonLayout-7da9c275.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'module', './utils/UNSAFE_classNames', './UNSAFE_Text', './classNames-cba917a6', './Text-da38d901'], (function(s,n,c,l,a,t,e){"use strict";const i="_1cf1pu2",o="_1i3185f",d="_112g1jl",r="smvn94",u="_11xeo3h",x="iloqtq",f="_14k1sqt",h="p1jxfb",j="qc6wb2",p=s=>null==s;s.ButtonLayout=function({size:s="md",display:c="all",styling:l="default",...a}){const m="all"===c||"icons"===c,I="all"===c||"label"===c,b=j,N=a.startIcon&&("icons"===c||!a.children)&&!a.endIcon,_="embedded"===l,y=!p(a.startIcon)&&"all"===c,$=!p(a.endIcon)&&"all"===c,q=!p(a.startIcon)&&!p(a.endIcon),g=q&&"icons"===c,T=`${d} oj-c-button-layout-${s} ${h}`,w=t.classNames([d,_?`oj-c-button-layout-embedded-${s}`:`oj-c-button-layout-${s}`,!N&&x,g&&f]),A=t.classNames([i,y&&!a.suffix&&!q&&u,$&&!q&&r]),E=t.classNames([o,y&&!q&&u]);return n.jsxs("span",{class:b,children:[m&&a.startIcon&&n.jsx("span",{class:w,children:a.startIcon}),I&&a.children&&n.jsxs("span",{class:A,children:[" ",a.children," "]}),I&&a.suffix&&n.jsx("span",{class:E,children:n.jsx(e.Text,{truncation:"ellipsis",weight:"inherit",children:a.suffix})}),m&&a.endIcon&&n.jsx("span",{class:T,children:a.endIcon})]})}}));
+//# sourceMappingURL=ButtonLayout-7da9c275.js.map

package/amd/ButtonLayout-7da9c275.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLayout-7da9c275.js","sources":["../../src/UNSAFE_ButtonLayout/ButtonLayout.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, ComponentProps } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { Text } from '../UNSAFE_Text';\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 suffix is appended to the text label, used for menu buttons.\n   */\n  suffix?: string;\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   * Styling can be used for customizing icon layout by limiting padding (\"embedded\")\n   */\n  styling?: 'default' | 'embedded';\n\n  /**\n   * The size indicates how large the button is rendered.\n   */\n  size?: ComponentProps<typeof BaseButton>['size'];\n\n  /**\n   * Display indicates whether the label, the icons, or all elements should be rendered by the button.\n   */\n  display?: ButtonDisplay;\n};\n\nexport const compStyles = {\n  text: cssProps`\n    ${{\n      overflowX: 'hidden',\n      overflowY: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      display: 'inline-block'\n    }}\n  `,\n  suffix: cssProps`\n    ${{\n      fontWeight: '300',\n      overflowX: 'hidden',\n      overflowY: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n      display: 'inline-flex'\n    }}\n  `,\n\n  icon: cssProps`\n    ${{\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\n  startText: cssProps`\n    ${{\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)'\n    }}\n  `,\n\n  endText: cssProps`\n    ${{\n      marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)'\n    }}\n  `,\n\n  startIcon: cssProps`\n  ${{\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\n  startIconWhenBothIconsOnly: cssProps`\n  ${{\n    marginInlineEnd: 0,\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n  }}\n  `,\n\n  endIcon: cssProps`\n  ${{\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\n  label: cssProps`\n    ${{\n      cursor: 'inherit',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: '100%',\n      height: '100%'\n    }}\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({\n  size = 'md',\n  display = 'all',\n  styling = 'default',\n  ...props\n}: 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 isEmbedded = styling === 'embedded';\n  const textStartIcon = !isNullOrUndefined(props.startIcon) && display === 'all';\n  const textEndIcon = !isNullOrUndefined(props.endIcon) && display === 'all';\n  const isTwoIcons = !isNullOrUndefined(props.startIcon) && !isNullOrUndefined(props.endIcon);\n  const isTwoIconsOnly = isTwoIcons && display === 'icons';\n\n  const endIconClass = `${compStyles.icon} oj-c-button-layout-${size} ${compStyles.endIcon}`;\n  const startIconStyles = classNames([\n    compStyles.icon,\n    isEmbedded ? `oj-c-button-layout-embedded-${size}` : `oj-c-button-layout-${size}`,\n    !isOnlyIcon && compStyles.startIcon,\n    isTwoIconsOnly && compStyles.startIconWhenBothIconsOnly\n  ]);\n  const textStyles = classNames([\n    compStyles.text,\n    textStartIcon && !props.suffix && !isTwoIcons && compStyles.endText,\n    textEndIcon && !isTwoIcons && compStyles.startText\n  ]);\n  const suffixStyles = classNames([\n    compStyles.suffix,\n    textStartIcon && !isTwoIcons && compStyles.endText\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      {showText && props.suffix && (\n        <span class={suffixStyles}>\n          <Text truncation={'ellipsis'} weight={'inherit'}>\n            {props.suffix}\n          </Text>\n        </span>\n      )}\n      {showIcons && props.endIcon && <span class={endIconClass}>{props.endIcon}</span>}\n    </span>\n  );\n}\n"],"names":["compStyles","isNullOrUndefined","value","size","display","styling","props","labelClass","isEmbedded","textStartIcon","startIcon","textEndIcon","endIcon","isTwoIcons","isTwoIconsOnly","endIconClass","isOnlyIcon","_jsxs","class","children","showIcons","_jsx","startIconStyles","showText","textStyles","suffix","suffixStyles","jsx","Text","truncation","weight"],"mappings":"8KAoDA,MAAAA,EASG,WATHA,EAoBG,WApBHA,EA8BG,WA9BHA,EAoCG,SApCHA,EA0CG,WA1CHA,EAiDC,SAjDDA,EAwDG,WAxDHA,EA+DC,SA/DDA,WA6EAC,EAAAC,GAGEA,uBAGF,UAAAC,KAAAA,EAAA,KAAAC,QAAAA,EAAA,MAAAC,QAAAA,EAAA,aAAAC,4DAQEC,EAAAP,wDAEAQ,EAAA,aAAAH,EACAI,GAAAR,EAAAK,EAAAI,YAAA,QAAAN,EACAO,GAAAV,EAAAK,EAAAM,UAAA,QAAAR,EACAS,GAAAZ,EAAAK,EAAAI,aAAAT,EAAAK,EAAAM,SACAE,EAAAD,GAAA,UAAAT,EAEAW,EAAA,GAAAf,wBAAAG,KAAAH,oBAEEA,kEAEAgB,GAAAhB,yBAIAA,sBAEAW,IAAAE,GAAAb,oBAGAA,EACAS,IAAAI,GAAAb,IAGF,OAAAiB,EAAAA,KAAA,OAAA,CAAAC,MAAAX,EAAAY,SAAA,CAAAC,GAAAd,EAAAI,WAAAW,EAAAA,IAAA,OAAA,CAAAH,MAAAI,EAAAH,SAAAb,EAAAI,YAAAa,GAAAjB,EAAAa,UAAAF,EAAAA,KAAA,OAAA,CAAAC,MAAAM,EAAAL,SAAA,CAAA,IAAAb,EAAAa,SAAA,OAAAI,GAAAjB,EAAAmB,QAAAJ,EAAAA,IAAA,OAAA,CAAAH,MAAAQ,EAAAP,SAAAE,EAAAM,IAAAC,OAAA,CAAAC,WAAA,WAAAC,OAAA,UAAAX,SAAAb,EAAAmB,WAAAL,GAAAd,EAAAM,SAAAS,EAAAA,IAAA,OAAA,CAAAH,MAAAH,EAAAI,SAAAb,EAAAM,YAcF"}

package/amd/CardGrid-2d2f8373.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './utils/UNSAFE_mergeProps', './utils/UNSAFE_keys', './utils/PRIVATE_collectionUtils', './hooks/UNSAFE_useId', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useSelection', './UNSAFE_Grid', './UNSAFE_Selector', './UNSAFE_Skeleton', './SkeletonContainer-77f3d6c6', './PRIVATE_LoadMoreCollection', 'preact/compat', './utils/UNSAFE_classNames', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useAnimation', './hooks/UNSAFE_useTabbableMode', './UNSAFE_FocusTrap', './UNSAFE_CardGrid/themes/CardGridStyles.css', './classNames-cba917a6', './useAnimation-2e147b11', './FocusTrap-fe5f852b', './LoadMoreCollection-d1cb6cbb', './Skeleton-d5e3b1fb'], (function(e,t,i,o,n,s,r,a,l,c,u,d,y,m,f,b,h,p,g,x,A,S,k,C,w,E,v,F){"use strict";const R="oj-cardgrid-item",K="."+R;const T=e=>({animationStates:{slideUp:{from:{translateY:"50px"},to:{translateY:"0px"},options:{duration:300,delay:50*e,easing:[0,0,.2,1]}},slideDown:{from:{translateY:"-50px"},to:{translateY:"0"},options:{duration:300,delay:50*e,easing:[0,0,.2,1]}}},isAnimatedOnMount:!0}),M=e=>({animationStates:{opacity:{from:{opacity:0},to:{opacity:1},options:{duration:150,delay:50*e,easing:"linear"}}},isAnimatedOnMount:!0}),N=h.memo((function({children:e,itemKey:o,itemIndex:n,isTabbable:s,isFocused:a,isFocusRingVisible:l,isSelected:c,selectionMode:u,initialAnimation:d,setCardDimension:y}){const m=i.useRef(null),f=k.multiVariantStyles({itemFocused:a&&l?"isItemFocused":"isNotItemFocused",itemInitialOpacity:d?"isTransparent":"isNotTransparent"}),b=C.classNames([R,k.styles.itemStyle,f]);i.useLayoutEffect((()=>{const e=m.current?.firstElementChild;y&&e&&y({width:e.offsetWidth,height:e.offsetHeight})}),[]);const{nodeRef:h}=w.useAnimation(d||"none",T(n)),{nodeRef:p}=w.useAnimation(d?"opacity":"none",M(n)),x=i.useMemo((()=>g.mergeRefs(m,h,p)),[m,h,p,d]);return t.jsx("div",{id:r.useId(),ref:x,class:b,role:"gridcell","data-oj-key":o,onKeyDown:e=>{!s||"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.stopPropagation()},"aria-selected":"none"===u?void 0:c,..."number"==typeof o&&{"data-oj-key-type":"number"},children:t.jsx(A.TabbableModeContext.Provider,{value:{isTabbable:s},children:t.jsx(E.FocusTrap,{isDisabled:!s,restoreFocusRef:!1,children:e})})})}),((e,t)=>!(!e||!t)&&(e.itemKey===t.itemKey&&e.itemIndex===t.itemIndex&&e.itemData===t.itemData&&e.isTabbable===t.isTabbable&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.isSelected===t.isSelected&&e.initialAnimation===t.initialAnimation)));const I={all:!1,keys:new Set},P={xs:12,sm:16,md:24,lg:48,xl:64},_=260,j=(e,i,o)=>[...Array(e)].map((()=>t.jsx(f.SkeletonContainer,{minimumCount:1,children:()=>t.jsx(F.Skeleton,{height:`calc(${o||300}px)`})},i&&r.useId()+(new Date).getTime()))),U=e=>t.jsx(d.Grid,{...e,children:j(25)}),D=(e,i,o,n)=>{if(!o)return;const s={...e};o&&!i&&(s.gridTemplateColumns=`repeat(auto-fit, ${_}px)`);const r=[],a=[],l=o-i%o;if(l>0){const e=j(l,!0,n);r.push(e),a.push(l)}const c=o;if(l<c){const e=j(c,!0,n);r.push(e),a.push(c)}return r.map(((e,i)=>t.jsx("div",{...0==i&&{class:v.LOADMORE_STYLE_CLASS},style:{gridColumn:`span ${a[i]}`},children:t.jsx(d.Grid,{...s,children:e})})))},V=(e,t,i)=>{if(!t||!i)return 0;return Math.floor((i+e)/(e+t))};e.CardGrid=function({children:e,data:r,onLoadMore:m=(()=>{}),hasMore:f=!1,getRowKey:b,currentKey:h,onCurrentKeyChange:p,selectionMode:g="none",selectedKeys:x=I,onSelectionChange:A,viewportConfig:S,"aria-label":C,"aria-labelledby":w,initialAnimation:E="slideUp",gutterSize:F="sm"}){const R=i.useRef(null),T=i.useRef(),M=i.useRef(),j=i.useRef(!0),[L,B]=i.useState(0),[G,O]=i.useState({width:0,height:0}),Y=P[F],$={gap:Y/4+"x",gridTemplateColumns:G.width?`repeat(auto-fit, ${G.width}px)`:void 0},z="none"===g?void 0:"multiple"===g,W=f||!r||0===L?-1:Math.ceil(r?.length/L);i.useEffect((()=>{G.width&&L&&(j.current=!1)}),[G.width&&L]);const H=i.useCallback((e=>{const t=V(Y,G.width||_,e);t>0&&B(t)}),[Y,G.width]);i.useEffect((()=>{const e=R?.current;e&&H(e.offsetWidth)}),[H]);const q=i.useCallback((e=>{for(const t of e)H(t.contentRect.width)}),[H]);i.useEffect((()=>{const e=R.current;if(e){const t=new ResizeObserver((e=>{q(e)}));return t.observe(e),()=>{t.unobserve(e)}}}),[q]);const J=e=>!!R.current?.contains(e);let Q=!1;const[X,Z]=c.useTabbableModeSet(J,(e=>s.keyExtractor(e,K)),h,((e,t)=>{J(e)&&(t?(Q=!0,setTimeout((()=>{R.current?.focus()}),0)):R.current?.focus())}),(e=>{p&&p({value:e})})),{currentKeyProps:ee}=a.useCurrentKey((e=>s.keyExtractor(e,K)),"multiple"!==g,(()=>s.getPrevNextKeyByCount(r,b,h,-L)),(()=>s.getPrevNextKeyByCount(r,b,h,L)),(()=>s.getPrevNextKeyByCount(r,b,h,-1)),(()=>s.getPrevNextKeyByCount(r,b,h,1)),h,p),[te,ie]=l.useCollectionFocusRing(J,["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]);i.useEffect((()=>{if(null!=h&&R.current){const e=s.findElementByKey(R.current,h,K);if(e){e.scrollIntoView({block:"nearest"});const t=e.closest("[role=gridcell]");t&&R.current.setAttribute("aria-activedescendant",t.id)}}}),[h,r]);const oe=i.useCallback((e=>{A&&(!1===e.value.all&&e.value.keys.size>0&&(T.current=Array.from(e.value.keys.values()).pop()),A(e))}),[T,A]),ne=i.useCallback((e=>{if(r&&A){const t=s.handleSelectionRange(e,r,b);Array.isArray(t)&&A({value:{all:!1,keys:new Set(t)},target:null})}}),[r,A,m]),{selectionProps:se}=u.useSelection((e=>e===R.current?void 0===h?null:h:s.keyExtractor(e,K)),x,g,!1,"replace",!1,oe,T.current,h,((e,t)=>()=>s.getPrevNextKeyByCount(r,b,e,t?-L:L)),((e,t)=>()=>s.getPrevNextKeyByCount(r,b,e,t?-1:1)),(e=>{if(R.current){const t=s.findElementByKey(R.current,e,K);t&&t.scrollIntoView({block:"nearest"})}}),ne),re=i.useCallback((e=>{const i=b(e.data),o="multiple"===g?()=>t.jsx(y.Selector,{onChange:A,rowKey:i,selectedKeys:x}):void 0;return{index:e.index,data:e.data,metadata:{key:i},selector:o,isSelected:n.containsKey(x,i)}}),[g,x,A]),ae=D($,r?.length||0,L,G.height);S=s.getViewportConfig(R,S);const le=t.jsx("div",{role:"row",children:t.jsx(d.Grid,{...$,children:t.jsx(v.LoadMoreCollection,{data:r,hasMore:f,onLoadMore:m,loadMoreIndicator:ae,loadMoreThreshold:Y+4,viewportConfig:S,children:i=>{const o=re(i),n=X(o.metadata.key),s=h===o.metadata.key&&!n,r=s&&te&&!Q,a=o.isSelected;return(i=>t.jsx(N,{itemKey:o.metadata.key,itemIndex:o.index,itemData:o.data,isTabbable:n,isFocused:s,isFocusRingVisible:r,isSelected:a,selectionMode:g,...j.current&&{initialAnimation:E},...0===i.index&&{setCardDimension:O},children:e(i)},o.metadata.key))(o)}})})});return t.jsx("div",{...o.mergeProps(Z,ee,ie,se,{onFocus:()=>{if(!n.isKeyDefined(h)&&p&&X(void 0)&&R.current){const e=M.current||s.getFirstVisibleKey(R.current,K);n.isKeyDefined(e)&&p({value:e})}},onPointerDown:e=>{const t=s.keyExtractor(e.target,K);n.isKeyDefined(t)&&(M.current=t)}}),ref:R,role:"grid",class:k.styles.baseStyle,tabIndex:0,"aria-label":C,"aria-labelledby":w,"aria-multiselectable":z,"aria-rowcount":W,"aria-colcount":L,children:null==r?U($):le})}}));
+//# sourceMappingURL=CardGrid-2d2f8373.js.map