@oracle/oraclejet-preact 14.0.10 → 14.1.1

package/es/Theme-redwood/theme.css

@@ -409,6 +409,10 @@
 :root {
   --oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-20), 0.7);
   --oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.8);
+  --oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger:  #D63B25;
+  --oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning: #CF7C00;
+  --oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success: #508223;
+
 }
 
 .oj-c-colorscheme-dark, .oj-color-invert {
@@ -419,7 +423,6 @@
   --oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover      : rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0), 0.08);
   --oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active     : rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0), 0.12);
 }
-
 /* end:src/Common/themes/redwood/Common.css */
 /* start:src/hooks/UNSAFE_useTooltip/themes/redwood/useTooltip.css */
 :root {
@@ -586,7 +589,7 @@
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);  
     --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);
-    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             transparent;    
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             transparent;        
 }
 
 .oj-c-base-button-callToAction {
@@ -601,7 +604,7 @@
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast);
     --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);
     --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         transparent;
-    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);    
 }
 
 .oj-c-base-button-borderless {
@@ -619,6 +622,21 @@
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);  
 }
 
+.oj-c-base-button-ghost {
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color:                      transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color:                  transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color:                    var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover:                transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover:            transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover:              var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active:               transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active:           transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);      
+}
+
 .oj-c-base-button-solid {
     --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color:                      rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190),.08);
     --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color:                  transparent;
@@ -631,7 +649,7 @@
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);    
     --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);
     --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         transparent;
-    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);    
 }
 
 .oj-c-base-button-danger {
@@ -646,7 +664,7 @@
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast);
     --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);
     --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         transparent;
-    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);    
 }
 
 .oj-c-base-button-lg {
@@ -736,13 +754,13 @@
 /* end:src/UNSAFE_BaseButton/themes/redwood/BaseButton.css */
 /* start:src/UNSAFE_Button/themes/redwood/ButtonLayout.css */
 .oj-c-button-layout-lg {
-    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        1rem;
-    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:        1rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        1.0rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:        1.0rem;
 }
 
 .oj-c-button-layout-md {
-    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        .625rem;
-    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:       .625rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:       0.625rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:       0.625rem;
 }
 
 .oj-c-button-layout-sm {
@@ -1181,6 +1199,24 @@
     --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly:     rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-100));
     --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected:     rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-100));
 }
+
+.oj-c-rating-gauge-success {
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected:              var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected:       var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly:     var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success);
+}
+
+.oj-c-rating-gauge-warning {
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected:              var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected:       var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly:     var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning);
+}
+
+.oj-c-rating-gauge-danger {
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected:              var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected:       var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly:     var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger);
+}
 /* end:src/UNSAFE_RatingGauge/themes/redwood/RatingGauge.css */
 /* start:src/UNSAFE_Selector/themes/redwood/Selector.css */
 :root {

package/es/Theme-stable/theme.css

@@ -389,6 +389,16 @@
   --oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-170), 0.15);
 }
 
+/* dvt vars */
+:root {
+  --oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-20), 0.7);
+  --oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.8);
+  --oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger:  #D63B25;
+  --oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning: #CF7C00;
+  --oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success: #508223;
+
+}
+
 .oj-c-colorscheme-dark, .oj-color-invert {
   /* Override CSS vars to make it dark themed (the values are taken from the Legacy JET scoped under oj-color-invert) */
   --oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary  : rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0));
@@ -580,6 +590,21 @@
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);
     --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             transparent;
     --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);   
+}
+
+.oj-c-base-button-ghost {
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color:                      transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color:                  transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color:                    var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover:                transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover:            transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover:              var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active:               transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active:           transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             transparent;
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         transparent;
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);  
 }
 
@@ -629,7 +654,7 @@
 :root {
     --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color:             transparent;
     --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color:         rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), .5);
-    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius:        var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);
+    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius:        var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);    
     --oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight:          600;
     --oj-c-PRIVATE-DO-NOT-USE-base-button-height:               2.75rem;
     --oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding: 1rem;
@@ -700,13 +725,13 @@
 /* end:src/UNSAFE_BaseButton/themes/stable/BaseButton.css */
 /* start:src/UNSAFE_Button/themes/stable/ButtonLayout.css */
 .oj-c-button-layout-lg {
-    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        1rem;
-    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:        1rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        1.0rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:        1.0rem;
 }
 
 .oj-c-button-layout-md {
-    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        .625rem;
-    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:       .625rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:       0.625rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:       0.625rem;
 }
 
 .oj-c-button-layout-sm {
@@ -715,6 +740,23 @@
     --oj-c-PRIVATE-DO-NOT-USE-button-icon-size:                   1.25rem;
 }    
 
+.oj-c-button-layout-embedded-lg {
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        1rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:        0.84375rem;
+}
+
+.oj-c-button-layout-embedded-md {
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        .625rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:        .59375rem;
+}
+
+.oj-c-button-layout-embedded-sm {
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding:        .5rem;      
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding:        .46875rem;
+    --oj-c-PRIVATE-DO-NOT-USE-button-icon-size:                   1.25rem;
+}    
+
+
 :root {
     --oj-c-PRIVATE-DO-NOT-USE-button-icon-size:                   var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);
 }
@@ -1084,6 +1126,24 @@
     --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-100));
     --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-100));
 }
+
+.oj-c-rating-gauge-success {
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected:              var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected:       var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly:     var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success);
+}
+
+.oj-c-rating-gauge-warning {
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected:              var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected:       var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly:     var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning);
+}
+
+.oj-c-rating-gauge-danger {
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected:              var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected:       var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger);
+    --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly:     var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger);
+}
 /* end:src/UNSAFE_RatingGauge/themes/stable/RatingGauge.css */
 /* start:src/UNSAFE_Selector/themes/stable/Selector.css */
 :root {

package/es/UNSAFE_AspectRatio.css

@@ -1 +1 @@
-._1m6teo7{position:relative;overflow-x:hidden;overflow-y:hidden;}._1m6teo7::before{content:'';display:block;padding-bottom:calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)));}._1m6teo7 > :first-child{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;}._1m6teo7 > img{object-fit:cover;}._1m6teo7 > video{object-fit:cover;}
+._1bdsc1q{position:relative;overflow-x:hidden;overflow-y:hidden;}._1bdsc1q::before{content:'';display:block;padding-bottom:calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)));}._1bdsc1q > :first-child{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;}._1bdsc1q > img{object-fit:cover;}._1bdsc1q > video{object-fit:cover;}

package/es/UNSAFE_AspectRatio.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
-import { _ as __rest } from './tslib.es6-b6983924.js';
+/* @oracle/oraclejet-preact: 14.1.1 */
+import { _ as __rest } from './tslib.es6-724d273f.js';
 import { jsx } from 'preact/jsx-runtime';
 import "./UNSAFE_AspectRatio.css";
 import { dimensionInterpolations } from './utils/UNSAFE_interpolations/dimensions.js';
@@ -7,10 +7,10 @@ import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import { stringLiteralArray } from './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
-import './_curry1-b6de3166.js';
-import './_curry3-677965a8.js';
-import './_curry2-410644b2.js';
-import './_has-e3120790.js';
+import './_curry1-2e8e0d03.js';
+import './_curry3-41970884.js';
+import './_curry2-881202fe.js';
+import './_has-f0e635df.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-e3120790.js';
 // 100%/ratio. 100/(4/3) = 75%
 // e.g., 16/9 = 56.25%, 4/3 = 75%, 1/1=100%, 2/1=50%
 
-const baseDivStyles = "_1m6teo7"; // common aspect ratios
+const baseDivStyles = "_1bdsc1q"; // 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/es/UNSAFE_Avatar.css

@@ -1,8 +1,8 @@
-.k1hicv{display:inline-grid;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size);}
-._10ee1rp{--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius:50%;}
-.n9jm7t > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-.e8kvzp{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;}
-._19lzc62{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);}
-._1u9edtu{background-size:cover;}
-.wm3xkw{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);}
-.l020lw{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size);}
+._3l6tvf{display:inline-grid;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size);}
+.ka8x1b{--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius:50%;}
+.e2rj6j > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1hfxiom{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;}
+._2igphf{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);}
+.avjgiz{background-size:cover;}
+._1qedi4u{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);}
+._1jjmye5{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size);}

package/es/UNSAFE_Avatar.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
-import { _ as __rest } from './tslib.es6-b6983924.js';
+/* @oracle/oraclejet-preact: 14.1.1 */
+import { _ as __rest } from './tslib.es6-724d273f.js';
 import { jsx } from 'preact/jsx-runtime';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import "./UNSAFE_Avatar.css";
@@ -89,16 +89,16 @@ const AvatarWrapper = ({
 };
 
 const styles = {
-  base: "k1hicv",
-  circle: "_10ee1rp"
+  base: "_3l6tvf",
+  circle: "ka8x1b"
 };
-const childrenStyles = "n9jm7t";
+const childrenStyles = "e2rj6j";
 const contentStyles = {
-  base: "e8kvzp",
-  content: "_19lzc62",
-  image: "_1u9edtu",
-  initials: "wm3xkw",
-  icon: "l020lw"
+  base: "_1hfxiom",
+  content: "_2igphf",
+  image: "avjgiz",
+  initials: "_1qedi4u",
+  icon: "_1jjmye5"
 };
 
 export { Avatar };

package/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 { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<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   * AccessibleLabel does not need to be set if associated information is available to assistive technologies elsewhere on the page,\n   * for example if a person's name is shown next to the avatar.\n   * Otherwise accessibleLabel must be set to make the page accessible.\n   *\n   *  If accessibleLabel  is set, role will internally be set to 'img'.\n   */\n  accessibleLabel?: string;\n} & IntrinsicProps;\n\n/**\n * An avatar represents a person or entity as initials or an image.\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    !initials && childrenStyles\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 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 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","childrenStyles"],"mappings":";;;;;;AAyDA;;AAEG;;AACH,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,6BAAA,CAAA,CAAA;AAOA,EAAA,MAAAC,YAAA,GAAAC,QAAA,IAAAf,QAAA,CAAA;;;;;;;;;AAQF,CAhBA,CAAA;;AAkBA,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,MAAAI,cAAA,GAAA,QAAA,CAAA;AAUA,MAAAf,aAAA,GAAA;QAAA,QAAA;WAAA,UAAA;SAAA,UAAA;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 { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<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   * AccessibleLabel does not need to be set if associated information is available to assistive technologies elsewhere on the page,\n   * for example if a person's name is shown next to the avatar.\n   * Otherwise accessibleLabel must be set to make the page accessible.\n   *\n   *  If accessibleLabel  is set, role will internally be set to 'img'.\n   */\n  accessibleLabel?: string;\n} & IntrinsicProps;\n\n/**\n * An avatar represents a person or entity as initials or an image.\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    !initials && childrenStyles\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 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 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","childrenStyles"],"mappings":";;;;;;AAyDA;;AAEG;;AACH,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,6BAAA,CAAA,CAAA;AAOA,EAAA,MAAAC,YAAA,GAAAC,QAAA,IAAAf,QAAA,CAAA;;;;;;;;;AAQF,CAhBA,CAAA;;AAkBA,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,MAAAI,cAAA,GAAA,QAAA,CAAA;AAUA,MAAAf,aAAA,GAAA;QAAA,UAAA;WAAA,SAAA;SAAA,QAAA;YAAA,UAAA;;AAAA,CAAA;;;;;;;"}

package/es/UNSAFE_Badge.css

@@ -1,13 +1,13 @@
-._10s1pk8{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;vertical-align:middle;}
-.x0oznk{border-top-right-radius:0;border-bottom-right-radius:0;}
-.ptslhn{--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);}
-._9gcb4m{--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);}
-.t2v347{--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);}
-._12p3f9t{--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);}
-._125ek4o{--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);}
-.ypl5ru{--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);}
-._18ofa7{--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);}
-.pfoj8a{--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);}
-._1f5cr4s{--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);}
-.b0zhkj{--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);}
-.ht1o98 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1d383pp{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;vertical-align:middle;}
+.wfu873{border-top-right-radius:0;border-bottom-right-radius:0;}
+._1kdfmcy{--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);}
+.ju7td4{--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);}
+.nwc06o{--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);}
+._185yk4i{--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);}
+.fvqfn9{--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);}
+._10jivgv{--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);}
+._8b33m6{--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);}
+.mzpm0x{--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);}
+._61gv8m{--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);}
+._9rscwv{--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);}
+.q448yo > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/es/UNSAFE_Badge.js

@@ -1,25 +1,25 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
+/* @oracle/oraclejet-preact: 14.1.1 */
 import { jsx } from 'preact/jsx-runtime';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import "./UNSAFE_Badge.css";
 
 const styles = {
-  base: "_10s1pk8",
+  base: "_1d383pp",
   //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: "x0oznk",
-  neutral: "ptslhn",
-  danger: "_9gcb4m",
-  warning: "t2v347",
-  success: "_12p3f9t",
-  info: "_125ek4o",
-  neutralSubtle: "ypl5ru",
-  dangerSubtle: "_18ofa7",
-  warningSubtle: "pfoj8a",
-  successSubtle: "_1f5cr4s",
-  infoSubtle: "b0zhkj",
-  childrenMargins: "ht1o98"
+  end: "wfu873",
+  neutral: "_1kdfmcy",
+  danger: "ju7td4",
+  warning: "nwc06o",
+  success: "_185yk4i",
+  info: "fvqfn9",
+  neutralSubtle: "_10jivgv",
+  dangerSubtle: "_8b33m6",
+  warningSubtle: "mzpm0x",
+  successSubtle: "_61gv8m",
+  infoSubtle: "_9rscwv",
+  childrenMargins: "q448yo"
 };
 function Badge({
   variant = 'neutral',

package/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 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\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    verticalAlign: 'middle'\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  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`\n};\n\nexport function Badge({ variant = 'neutral', size = 'md', edge = 'none', children }: Props) {\n  const textClasses = classNames([\n    styles.base,\n    size === 'sm' && 'oj-badge-sm',\n    edge === 'end' && styles.end,\n    styles[variant],\n    styles.childrenMargins\n  ]);\n  return <span class={textClasses}>{children}</span>;\n}\n"],"names":["styles","Badge","variant","size","edge","children","base","end","childrenMargins","_jsx","Object","assign","class","textClasses"],"mappings":";;;;;AAuCA,MAAAA,MAAA,GAAA;QAAA,UAAA;;;;OAAA,QAAA;WAAA,QAAA;UAAA,SAAA;WAAA,QAAA;WAAA,UAAA;QAAA,UAAA;iBAAA,QAAA;gBAAA,SAAA;iBAAA,QAAA;iBAAA,UAAA;cAAA,QAAA;;AAAA,CAAA,CAAA;AAkHA,SAAAC,KAAA,CAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAAC,EAAAA,IAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;kCAEIL,MAAA,CAAAM,sCAEAF,IAAA,KAAA,KAAA,IAAAJ,MAAA,CAAAO,sBAEAP,MAAA,CAAAQ;AAEF,EAAA,OAAAC,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,WAAAA;AAAA,GAAA,EAAA;AAAAR,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 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\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    verticalAlign: 'middle'\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  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`\n};\n\nexport function Badge({ variant = 'neutral', size = 'md', edge = 'none', children }: Props) {\n  const textClasses = classNames([\n    styles.base,\n    size === 'sm' && 'oj-badge-sm',\n    edge === 'end' && styles.end,\n    styles[variant],\n    styles.childrenMargins\n  ]);\n  return <span class={textClasses}>{children}</span>;\n}\n"],"names":["styles","Badge","variant","size","edge","children","base","end","childrenMargins","_jsx","Object","assign","class","textClasses"],"mappings":";;;;;AAuCA,MAAAA,MAAA,GAAA;QAAA,UAAA;;;;OAAA,QAAA;WAAA,UAAA;UAAA,QAAA;WAAA,QAAA;WAAA,UAAA;QAAA,QAAA;iBAAA,UAAA;gBAAA,SAAA;iBAAA,QAAA;iBAAA,SAAA;cAAA,SAAA;;AAAA,CAAA,CAAA;AAkHA,SAAAC,KAAA,CAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAAC,EAAAA,IAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;kCAEIL,MAAA,CAAAM,sCAEAF,IAAA,KAAA,KAAA,IAAAJ,MAAA,CAAAO,sBAEAP,MAAA,CAAAQ;AAEF,EAAA,OAAAC,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,WAAAA;AAAA,GAAA,EAAA;AAAAR,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;;;;;;"}

package/es/UNSAFE_BaseButton.css

@@ -1,15 +1,15 @@
-.vrkz8b{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-base-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-base-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);overflow-x:hidden;overflow-y:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-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;}.vrkz8b:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}.vrkz8b:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-.x3b8x4:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}
-.mmnmrz{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}
-@media(hover:hover){._1ysauoz:hover:enabled:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
-@media(hover:hover){.v2120o:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
-.ll51xt{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);}
-._1hkx5yy{padding-inline-start:0;padding-inline-end:0;}
-._19catix{width:100%;}
-._9l1csf{background-color:transparent;border-style:hidden;cursor:none;display:flex;}._9l1csf:active{background-color:transparent;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
-.kzsj3j{height:100%;display:flex;}.kzsj3j:focus-visible{outline-style:none;}
-._2tfcf0{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0px;}
-.bygnbv{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:0px;}
-.aewkdi{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled);}
-.nffy9c{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;}
-._1q2lfmw > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1kroqf0{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-base-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-base-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);overflow-x:hidden;overflow-y:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-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;}._1kroqf0:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}._1kroqf0:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+._1gjyl5h:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}
+.jjfmyo{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}
+@media(hover:hover){.yhh59l:hover:enabled:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
+@media(hover:hover){.gwtu4b:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
+.ss2pk2{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);}
+.cutrt2{padding-inline-start:0;padding-inline-end:0;}
+._3fzhwq{width:100%;}
+.e2idh9{background-color:transparent;border-style:hidden;cursor:none;display:flex;}.e2idh9:active{background-color:transparent;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
+.sgc3bb{height:100%;display:flex;}.sgc3bb:focus-visible{outline-style:none;}
+.g8op07{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0px;}
+.rww4w0{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:0px;}
+.dmlar6{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled);}
+._1l6oqsz{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;}
+._197s62s > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}