@oracle/oraclejet 12.0.2 → 12.1.1

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Message/UNSAFE_Message.css

@@ -1,19 +1,19 @@
-.oj-message-base-1pff9bj{background-color:var(--oj-private-message-banner-background-color);border-bottom:1px solid var(--oj-core-divider-color);}.oj-message-base-1pff9bj:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-core-focus-border-color);outline-offset:1px;}
-.oj-message-section-egmprm{border:1px solid var(--oj-core-divider-color);border-radius:var(--oj-core-border-radius-lg);}
-.oj-message-header-u96tr4{line-height:var(--oj-private-message-banner-summary-line-height);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}@media screen and (max-width:599.9px){.oj-message-header-u96tr4{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}
-.oj-message-content-1g7rydb{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:var(--oj-core-spacing-4x);padding-right:var(--oj-core-spacing-4x);padding-bottom:var(--oj-core-spacing-4x);padding-left:var(--oj-core-spacing-4x);}
+.oj-message-base-ph7f1{background-color:var(--oj-private-message-banner-background-color);border-bottom:1px solid var(--oj-core-divider-color);}.oj-message-base-ph7f1:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-core-focus-border-color);outline-offset:1px;}
+.oj-message-section-y709vw{border:1px solid var(--oj-core-divider-color);border-radius:var(--oj-core-border-radius-lg);}
+.oj-message-header-13ytxxv{line-height:var(--oj-private-message-banner-summary-line-height);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}@media screen and (max-width:599.9px){.oj-message-header-13ytxxv{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}
+.oj-message-content-1cvp4im{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:var(--oj-core-spacing-4x);padding-right:var(--oj-core-spacing-4x);padding-bottom:var(--oj-core-spacing-4x);padding-left:var(--oj-core-spacing-4x);}
 
-.oj-message-banner-1od9sup{margin-inline-start:0.25rem;margin-inline-end:-0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;}
+.oj-message-banner-2rbena{margin-inline-start:0.25rem;margin-inline-end:-0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;}
 
-.oj-message-base-1od7fta{margin-top:var(--oj-core-spacing-2x);overflow-wrap:anywhere;}
-.oj-message-banner-vjb6uq{font-size:var(--oj-typography-body-sm-font-size);color:var(--oj-core-text-color-primary);}
+.oj-message-base-14kwy8x{margin-top:var(--oj-core-spacing-2x);overflow-wrap:anywhere;}
+.oj-message-banner-takd8k{font-size:var(--oj-typography-body-sm-font-size);color:var(--oj-core-text-color-primary);}
 
-.oj-message-svgStyles-9kq0vg{-webkit-flex:none;-ms-flex:none;flex:none;}
+.oj-message-svgStyles-8z03w3{-webkit-flex:none;-ms-flex:none;flex:none;}
 
-.oj-message-messageStartIconStyles-1yd6a19{margin-inline-end:var(--oj-core-spacing-2x);}
-.oj-message-banner-1g1eblq{color:var(--oj-private-message-banner-start-icon-color);width:var(--oj-private-message-banner-start-icon-size);height:var(--oj-private-message-banner-summary-line-height);}
+.oj-message-messageStartIconStyles-iuvtfp{margin-inline-end:var(--oj-core-spacing-2x);}
+.oj-message-banner-zjhpfj{color:var(--oj-private-message-banner-start-icon-color);width:var(--oj-private-message-banner-start-icon-size);height:var(--oj-private-message-banner-summary-line-height);}
 
-.oj-message-base-iiq630{-webkit-flex:1;-ms-flex:1;flex:1;overflow-wrap:anywhere;}
-.oj-message-banner-1cqkul6{font-size:var(--oj-private-message-banner-summary-text-size);font-weight:var(--oj-private-message-banner-summary-text-weight);color:var(--oj-private-message-banner-summary-text-color);}
+.oj-message-base-bowowq{-webkit-flex:1;-ms-flex:1;flex:1;overflow-wrap:anywhere;}
+.oj-message-banner-vxm2jp{font-size:var(--oj-private-message-banner-summary-text-size);font-weight:var(--oj-private-message-banner-summary-text-weight);color:var(--oj-private-message-banner-summary-text-color);}
 
-.oj-message-banner-4wwib2{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:var(--oj-typography-body-xs-font-size);color:var(--oj-core-text-color-secondary);}
+.oj-message-banner-18frmp1{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:var(--oj-typography-body-xs-font-size);color:var(--oj-core-text-color-secondary);}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Message.js

@@ -8,7 +8,7 @@ define(['exports', '@oracle/oraclejet-preact/UNSAFE_Flex', '@oracle/oraclejet-pr
    * @ignore
    */
   const messageCloseButtonStyles = {
-    banner: "oj-message-banner-1od9sup"
+    banner: "oj-message-banner-2rbena"
   };
   /**
    * A Component for rendering the message close button
@@ -156,8 +156,8 @@ define(['exports', '@oracle/oraclejet-preact/UNSAFE_Flex', '@oracle/oraclejet-pr
    */
   const messageDetailStyles = {
     // TODO: Reevaluate once the TEXT component is available (JET-46891)
-    base: "oj-message-base-1od7fta",
-    banner: "oj-message-banner-vjb6uq"
+    base: "oj-message-base-14kwy8x",
+    banner: "oj-message-banner-takd8k"
   };
   /**
    * Default renderer for rendering the detail content.
@@ -224,7 +224,7 @@ define(['exports', '@oracle/oraclejet-preact/UNSAFE_Flex', '@oracle/oraclejet-pr
   // tracked by JET-47348 - set images in a component
 
 
-  const svgStyles = "oj-message-svgStyles-9kq0vg";
+  const svgStyles = "oj-message-svgStyles-8z03w3";
 
   const Svg = ({
     class: className,
@@ -317,9 +317,9 @@ define(['exports', '@oracle/oraclejet-preact/UNSAFE_Flex', '@oracle/oraclejet-pr
    * as shown at https://oss.oracle.com/licenses/upl/
    * @ignore
    */
-  const messageStartIconStyles = "oj-message-messageStartIconStyles-1yd6a19";
+  const messageStartIconStyles = "oj-message-messageStartIconStyles-iuvtfp";
   const severityIconStyles = {
-    banner: "oj-message-banner-1g1eblq"
+    banner: "oj-message-banner-zjhpfj"
   };
   const severityIcons = {
     confirmation: ConfirmationIcon,
@@ -355,8 +355,8 @@ define(['exports', '@oracle/oraclejet-preact/UNSAFE_Flex', '@oracle/oraclejet-pr
    */
   const messageSummaryStyles = {
     // TODO: Reevaluate once the TEXT component is available (JET-46891)
-    base: "oj-message-base-iiq630",
-    banner: "oj-message-banner-1cqkul6"
+    base: "oj-message-base-bowowq",
+    banner: "oj-message-banner-vxm2jp"
   };
   /**
    * Summary Component for rendering the summary text of the Message
@@ -381,7 +381,7 @@ define(['exports', '@oracle/oraclejet-preact/UNSAFE_Flex', '@oracle/oraclejet-pr
    * @ignore
    */
   const messageTimestampStyles = {
-    banner: "oj-message-banner-4wwib2"
+    banner: "oj-message-banner-18frmp1"
   };
   /**
    * Timestamp Component for rendering timestamp in Message
@@ -517,11 +517,11 @@ define(['exports', '@oracle/oraclejet-preact/UNSAFE_Flex', '@oracle/oraclejet-pr
 
 
   const messageStyles = {
-    base: "oj-message-base-1pff9bj",
-    section: "oj-message-section-egmprm",
-    header: "oj-message-header-u96tr4",
+    base: "oj-message-base-ph7f1",
+    section: "oj-message-section-y709vw",
+    header: "oj-message-header-13ytxxv",
     // TODO: Replace with Flex and View components to handle padding and flex
-    content: "oj-message-content-1g7rydb"
+    content: "oj-message-content-1cvp4im"
   };
   /**
    * A component that styles the header for the message component

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

@@ -1,4 +1,4 @@
-.oj-avatar-base-16cndb4{display:inline-block;}
-.oj-avatar-circle-12jcysz{--oj-avatar-border-radius:50%;}
-.oj-avatar-base-2yaxf7{border-radius:var(--oj-avatar-border-radius);background-size:12.25rem 12.25rem;width:100%;height:100%;}
-.oj-avatar-base-ziwlvt{border-radius:var(--oj-avatar-border-radius);background-color:var(--oj-avatar-bg-color);color:var(--oj-avatar-text-color);-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:var(--oj-avatar-initials-font-size);font-weight:var(--oj-avatar-initials-font-weight);height:var(--oj-avatar-size);width:var(--oj-avatar-size);grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2;}
+.oj-avatar-base-h7wazt{display:inline-block;}
+.oj-avatar-circle-10ze69p{--oj-avatar-border-radius:50%;}
+.oj-avatar-base-q328hp{border-radius:var(--oj-avatar-border-radius);background-size:12.25rem 12.25rem;width:100%;height:100%;}
+.oj-avatar-base-ehtq2q{border-radius:var(--oj-avatar-border-radius);background-color:var(--oj-avatar-bg-color);color:var(--oj-avatar-text-color);-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:var(--oj-avatar-initials-font-size);font-weight:var(--oj-avatar-initials-font-weight);height:var(--oj-avatar-size);width:var(--oj-avatar-size);grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2;}

package/dist/js/libs/oraclejet-preact/es/Avatar/index.js

@@ -1,7 +1,7 @@
 import { h } from 'preact';
 import { classNames } from '@oracle/oraclejet-preact/utils/classNames';
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -29,8 +29,8 @@ function __rest(s, e) {
 }
 
 const styles = {
-  base: "oj-avatar-base-16cndb4",
-  circle: "oj-avatar-circle-12jcysz"
+  base: "oj-avatar-base-h7wazt",
+  circle: "oj-avatar-circle-10ze69p"
 };
 
 const StyledAvatar = ({
@@ -46,7 +46,7 @@ const StyledAvatar = ({
 };
 
 const patternStyles = {
-  base: "oj-avatar-base-2yaxf7"
+  base: "oj-avatar-base-q328hp"
 };
 
 const StyledAvatarPattern = () => h("div", {
@@ -54,7 +54,7 @@ const StyledAvatarPattern = () => h("div", {
 });
 
 const contentStyles = {
-  base: "oj-avatar-base-ziwlvt"
+  base: "oj-avatar-base-ehtq2q"
 };
 
 const StyledAvatarContent = ({

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

@@ -1,7 +1,7 @@
-.oj-collapsible-content-fzqrlf{-webkit-transition:max-height var(--oj-animation-duration-long);transition:max-height var(--oj-animation-duration-long);overflow-y:hidden;}
+.oj-collapsible-content-hho2zv{-webkit-transition:max-height var(--oj-animation-duration-long);transition:max-height var(--oj-animation-duration-long);overflow-y:hidden;}
 
-.oj-collapsible-base-1g0oc7j{color:var(--oj-heading-text-color);padding:var(--oj-core-spacing-1x) 0;cursor:pointer;}
-.oj-collapsible-disabled-hwqsg4{color:var(--oj-core-text-color-disabled);cursor:auto;}
+.oj-collapsible-base-1pf2uk6{color:var(--oj-heading-text-color);padding:var(--oj-core-spacing-1x) 0;cursor:pointer;}
+.oj-collapsible-disabled-n3j7vy{color:var(--oj-core-text-color-disabled);cursor:auto;}
 
-.oj-collapsible-base-1qywvwl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--oj-private-button-ghost-chrome-text-color);background-color:transparent;border:none;cursor:pointer;padding:5px;margin-inline-start:-8px;}
-.oj-collapsible-disabled-mo9wyu{color:var(--oj-core-text-color-disabled);cursor:auto;}
+.oj-collapsible-base-1glatks{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--oj-private-button-ghost-chrome-text-color);background-color:transparent;border:none;cursor:pointer;padding:5px;margin-inline-start:-8px;}
+.oj-collapsible-disabled-oaykyi{color:var(--oj-core-text-color-disabled);cursor:auto;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Collapsible/index.js

@@ -5,8 +5,8 @@ import { classNames } from '@oracle/oraclejet-preact/utils/classNames';
 import { Flex } from '@oracle/oraclejet-preact/UNSAFE_Flex';
 
 const styles$2 = {
-  base: "oj-collapsible-base-1qywvwl",
-  disabled: "oj-collapsible-disabled-mo9wyu"
+  base: "oj-collapsible-base-1glatks",
+  disabled: "oj-collapsible-disabled-oaykyi"
 };
 /**
  * Header icon subcomponent
@@ -47,8 +47,8 @@ const CollapsibleHeaderIcon = ({
 };
 
 const styles$1 = {
-  base: "oj-collapsible-base-1g0oc7j",
-  disabled: "oj-collapsible-disabled-hwqsg4"
+  base: "oj-collapsible-base-1pf2uk6",
+  disabled: "oj-collapsible-disabled-n3j7vy"
 };
 /**
  * Header subcomponent
@@ -78,7 +78,7 @@ const CollapsibleHeader = ({
 };
 
 const styles = {
-  content: "oj-collapsible-content-fzqrlf"
+  content: "oj-collapsible-content-hho2zv"
 };
 /**
  * Content subcomponent - expand/collapse animation is implemented using a CSS

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

@@ -1,24 +1,24 @@
-.oj-flex-baseStyles-uk15d4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.oj-flex-baseStyles-1fjajdl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
 
-.oj-flex-row-1vvm9uo{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
-.oj-flex-column-1f6tws4{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
-.oj-flex-baseline-ur2zsu{-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;}
-.oj-flex-center-1vl1cnq{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.oj-flex-end-1gfzmdd{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}
-.oj-flex-start-zr75ed{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
-.oj-flex-inherit-1coj9xs{-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;}
-.oj-flex-initial-11nenr0{-webkit-align-items:initial;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;}
-.oj-flex-stretch-zmigml{-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}
-.oj-flex-center-1mmfjeb{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
-.oj-flex-end-e3bw7{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
-.oj-flex-start-14oocbl{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
-.oj-flex-inherit-9x04yt{-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;}
-.oj-flex-initial-1qg5fm0{-webkit-box-pack:initial;-webkit-justify-content:initial;-ms-flex-pack:initial;justify-content:initial;}
-.oj-flex-around-tzqwuj{-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;}
-.oj-flex-between-idw8zg{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
-.oj-flex-evenly-rmb8vt{-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;}
-.oj-flex-nowrap-qhhp95{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
-.oj-flex-wrap-12tnipv{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
-.oj-flex-reverse-16nj3zj{-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;}
-.oj-flex-inherit-1n9lln8{-webkit-flex-wrap:inherit;-ms-flex-wrap:inherit;flex-wrap:inherit;}
-.oj-flex-initial-14gjqky{-webkit-flex-wrap:initial;-ms-flex-wrap:initial;flex-wrap:initial;}
+.oj-flex-row-1r2r04x{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
+.oj-flex-column-jvysn7{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.oj-flex-baseline-sn7vdu{-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;}
+.oj-flex-center-rpq1co{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.oj-flex-end-1gkv0nk{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}
+.oj-flex-start-19zmlgk{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
+.oj-flex-inherit-6cg1j7{-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;}
+.oj-flex-initial-e73gk1{-webkit-align-items:initial;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;}
+.oj-flex-stretch-pkf80b{-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}
+.oj-flex-center-cz2ys{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+.oj-flex-end-vydaj5{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
+.oj-flex-start-1bfjt7u{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
+.oj-flex-inherit-1vx2ckm{-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;}
+.oj-flex-initial-1kcnwum{-webkit-box-pack:initial;-webkit-justify-content:initial;-ms-flex-pack:initial;justify-content:initial;}
+.oj-flex-around-9r1l2k{-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;}
+.oj-flex-between-mpocno{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
+.oj-flex-evenly-1iqacd2{-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;}
+.oj-flex-nowrap-y59k8t{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
+.oj-flex-wrap-fmpvou{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
+.oj-flex-reverse-1b0qr8v{-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;}
+.oj-flex-inherit-1ij7eal{-webkit-flex-wrap:inherit;-ms-flex-wrap:inherit;flex-wrap:inherit;}
+.oj-flex-initial-3nzaji{-webkit-flex-wrap:initial;-ms-flex-wrap:initial;flex-wrap:initial;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Flex/index.js

@@ -2,7 +2,7 @@ import { h } from 'preact';
 import { dimensionInterpolations } from '@oracle/oraclejet-preact/utils/interpolations/dimensions';
 import { mergeInterpolations } from '@oracle/oraclejet-preact/utils/mergeInterpolations';
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -168,34 +168,34 @@ const spaceStyles = {
   xxl: '2.5rem'
 };
 const directionStyles = {
-  row: "oj-flex-row-1vvm9uo",
-  column: "oj-flex-column-1f6tws4"
+  row: "oj-flex-row-1r2r04x",
+  column: "oj-flex-column-jvysn7"
 };
 const alignStyles = {
-  baseline: "oj-flex-baseline-ur2zsu",
-  center: "oj-flex-center-1vl1cnq",
-  end: "oj-flex-end-1gfzmdd",
-  start: "oj-flex-start-zr75ed",
-  inherit: "oj-flex-inherit-1coj9xs",
-  initial: "oj-flex-initial-11nenr0",
-  stretch: "oj-flex-stretch-zmigml"
+  baseline: "oj-flex-baseline-sn7vdu",
+  center: "oj-flex-center-rpq1co",
+  end: "oj-flex-end-1gkv0nk",
+  start: "oj-flex-start-19zmlgk",
+  inherit: "oj-flex-inherit-6cg1j7",
+  initial: "oj-flex-initial-e73gk1",
+  stretch: "oj-flex-stretch-pkf80b"
 };
 const justifyStyles = {
-  center: "oj-flex-center-1mmfjeb",
-  end: "oj-flex-end-e3bw7",
-  start: "oj-flex-start-14oocbl",
-  inherit: "oj-flex-inherit-9x04yt",
-  initial: "oj-flex-initial-1qg5fm0",
-  around: "oj-flex-around-tzqwuj",
-  between: "oj-flex-between-idw8zg",
-  evenly: "oj-flex-evenly-rmb8vt"
+  center: "oj-flex-center-cz2ys",
+  end: "oj-flex-end-vydaj5",
+  start: "oj-flex-start-1bfjt7u",
+  inherit: "oj-flex-inherit-1vx2ckm",
+  initial: "oj-flex-initial-1kcnwum",
+  around: "oj-flex-around-9r1l2k",
+  between: "oj-flex-between-mpocno",
+  evenly: "oj-flex-evenly-1iqacd2"
 };
 const wrapStyles = {
-  nowrap: "oj-flex-nowrap-qhhp95",
-  wrap: "oj-flex-wrap-12tnipv",
-  reverse: "oj-flex-reverse-16nj3zj",
-  inherit: "oj-flex-inherit-1n9lln8",
-  initial: "oj-flex-initial-14gjqky"
+  nowrap: "oj-flex-nowrap-y59k8t",
+  wrap: "oj-flex-wrap-fmpvou",
+  reverse: "oj-flex-reverse-1b0qr8v",
+  inherit: "oj-flex-inherit-1ij7eal",
+  initial: "oj-flex-initial-3nzaji"
 };
 const styles = {
   direction: directionStyles,
@@ -248,7 +248,7 @@ const flexboxInterpolations = {
   }
 };
 
-const baseStyles = "oj-flex-baseStyles-uk15d4";
+const baseStyles = "oj-flex-baseStyles-1fjajdl";
 const interpolations = [...Object.values(dimensionInterpolations), ...Object.values(flexboxInterpolations)];
 const styleInterpolations = mergeInterpolations(interpolations);
 const Flex = _a => {

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

@@ -1 +1 @@
-.oj-hidden-accessible-hiddenAccessibleStyle-fiz5m0{border:0;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}
+.oj-hidden-accessible-hiddenAccessibleStyle-10xavsd{border:0;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_HiddenAccessible/index.js

@@ -1,6 +1,6 @@
 import { h } from 'preact';
 
-const hiddenAccessibleStyle = "oj-hidden-accessible-hiddenAccessibleStyle-fiz5m0";
+const hiddenAccessibleStyle = "oj-hidden-accessible-hiddenAccessibleStyle-10xavsd";
 /**
  * HiddenAccessible is a helper component that hides its children visually,
  * but keeps them visible to screen readers.

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

@@ -1 +1 @@
-.oj-live-region-offScreenStyle-142utbc{border:0;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}
+.oj-live-region-offScreenStyle-14cpbki{border:0;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_LiveRegion/index.js

@@ -1,7 +1,7 @@
 import { h } from 'preact';
 import { useState, useCallback, useEffect } from 'preact/hooks';
 
-const offScreenStyle = "oj-live-region-offScreenStyle-142utbc";
+const offScreenStyle = "oj-live-region-offScreenStyle-14cpbki";
 /**
  * A helper component that renders an aria-live region
  *

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

@@ -1,19 +1,19 @@
-.oj-message-base-1pff9bj{background-color:var(--oj-private-message-banner-background-color);border-bottom:1px solid var(--oj-core-divider-color);}.oj-message-base-1pff9bj:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-core-focus-border-color);outline-offset:1px;}
-.oj-message-section-egmprm{border:1px solid var(--oj-core-divider-color);border-radius:var(--oj-core-border-radius-lg);}
-.oj-message-header-u96tr4{line-height:var(--oj-private-message-banner-summary-line-height);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}@media screen and (max-width:599.9px){.oj-message-header-u96tr4{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}
-.oj-message-content-1g7rydb{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:var(--oj-core-spacing-4x);padding-right:var(--oj-core-spacing-4x);padding-bottom:var(--oj-core-spacing-4x);padding-left:var(--oj-core-spacing-4x);}
+.oj-message-base-ph7f1{background-color:var(--oj-private-message-banner-background-color);border-bottom:1px solid var(--oj-core-divider-color);}.oj-message-base-ph7f1:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-core-focus-border-color);outline-offset:1px;}
+.oj-message-section-y709vw{border:1px solid var(--oj-core-divider-color);border-radius:var(--oj-core-border-radius-lg);}
+.oj-message-header-13ytxxv{line-height:var(--oj-private-message-banner-summary-line-height);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}@media screen and (max-width:599.9px){.oj-message-header-13ytxxv{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}
+.oj-message-content-1cvp4im{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:var(--oj-core-spacing-4x);padding-right:var(--oj-core-spacing-4x);padding-bottom:var(--oj-core-spacing-4x);padding-left:var(--oj-core-spacing-4x);}
 
-.oj-message-banner-1od9sup{margin-inline-start:0.25rem;margin-inline-end:-0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;}
+.oj-message-banner-2rbena{margin-inline-start:0.25rem;margin-inline-end:-0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;}
 
-.oj-message-base-1od7fta{margin-top:var(--oj-core-spacing-2x);overflow-wrap:anywhere;}
-.oj-message-banner-vjb6uq{font-size:var(--oj-typography-body-sm-font-size);color:var(--oj-core-text-color-primary);}
+.oj-message-base-14kwy8x{margin-top:var(--oj-core-spacing-2x);overflow-wrap:anywhere;}
+.oj-message-banner-takd8k{font-size:var(--oj-typography-body-sm-font-size);color:var(--oj-core-text-color-primary);}
 
-.oj-message-svgStyles-9kq0vg{-webkit-flex:none;-ms-flex:none;flex:none;}
+.oj-message-svgStyles-8z03w3{-webkit-flex:none;-ms-flex:none;flex:none;}
 
-.oj-message-messageStartIconStyles-1yd6a19{margin-inline-end:var(--oj-core-spacing-2x);}
-.oj-message-banner-1g1eblq{color:var(--oj-private-message-banner-start-icon-color);width:var(--oj-private-message-banner-start-icon-size);height:var(--oj-private-message-banner-summary-line-height);}
+.oj-message-messageStartIconStyles-iuvtfp{margin-inline-end:var(--oj-core-spacing-2x);}
+.oj-message-banner-zjhpfj{color:var(--oj-private-message-banner-start-icon-color);width:var(--oj-private-message-banner-start-icon-size);height:var(--oj-private-message-banner-summary-line-height);}
 
-.oj-message-base-iiq630{-webkit-flex:1;-ms-flex:1;flex:1;overflow-wrap:anywhere;}
-.oj-message-banner-1cqkul6{font-size:var(--oj-private-message-banner-summary-text-size);font-weight:var(--oj-private-message-banner-summary-text-weight);color:var(--oj-private-message-banner-summary-text-color);}
+.oj-message-base-bowowq{-webkit-flex:1;-ms-flex:1;flex:1;overflow-wrap:anywhere;}
+.oj-message-banner-vxm2jp{font-size:var(--oj-private-message-banner-summary-text-size);font-weight:var(--oj-private-message-banner-summary-text-weight);color:var(--oj-private-message-banner-summary-text-color);}
 
-.oj-message-banner-4wwib2{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:var(--oj-typography-body-xs-font-size);color:var(--oj-core-text-color-secondary);}
+.oj-message-banner-18frmp1{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:var(--oj-typography-body-xs-font-size);color:var(--oj-core-text-color-secondary);}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Message/index.js

@@ -17,7 +17,7 @@ import { TransitionGroup, Transition } from '@oracle/oraclejet-preact/UNSAFE_Tra
  * @ignore
  */
 const messageCloseButtonStyles = {
-  banner: "oj-message-banner-1od9sup"
+  banner: "oj-message-banner-2rbena"
 };
 /**
  * A Component for rendering the message close button
@@ -165,8 +165,8 @@ function formatTimestamp(isoTime) {
  */
 const messageDetailStyles = {
   // TODO: Reevaluate once the TEXT component is available (JET-46891)
-  base: "oj-message-base-1od7fta",
-  banner: "oj-message-banner-vjb6uq"
+  base: "oj-message-base-14kwy8x",
+  banner: "oj-message-banner-takd8k"
 };
 /**
  * Default renderer for rendering the detail content.
@@ -233,7 +233,7 @@ function useSvgId() {
 // tracked by JET-47348 - set images in a component
 
 
-const svgStyles = "oj-message-svgStyles-9kq0vg";
+const svgStyles = "oj-message-svgStyles-8z03w3";
 
 const Svg = ({
   class: className,
@@ -326,9 +326,9 @@ const WarningIcon = ({
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore
  */
-const messageStartIconStyles = "oj-message-messageStartIconStyles-1yd6a19";
+const messageStartIconStyles = "oj-message-messageStartIconStyles-iuvtfp";
 const severityIconStyles = {
-  banner: "oj-message-banner-1g1eblq"
+  banner: "oj-message-banner-zjhpfj"
 };
 const severityIcons = {
   confirmation: ConfirmationIcon,
@@ -364,8 +364,8 @@ function MessageStartIcon({
  */
 const messageSummaryStyles = {
   // TODO: Reevaluate once the TEXT component is available (JET-46891)
-  base: "oj-message-base-iiq630",
-  banner: "oj-message-banner-1cqkul6"
+  base: "oj-message-base-bowowq",
+  banner: "oj-message-banner-vxm2jp"
 };
 /**
  * Summary Component for rendering the summary text of the Message
@@ -390,7 +390,7 @@ function MessageSummary({
  * @ignore
  */
 const messageTimestampStyles = {
-  banner: "oj-message-banner-4wwib2"
+  banner: "oj-message-banner-18frmp1"
 };
 /**
  * Timestamp Component for rendering timestamp in Message
@@ -526,11 +526,11 @@ function isSeverityIconNeeded(severity) {
 
 
 const messageStyles = {
-  base: "oj-message-base-1pff9bj",
-  section: "oj-message-section-egmprm",
-  header: "oj-message-header-u96tr4",
+  base: "oj-message-base-ph7f1",
+  section: "oj-message-section-y709vw",
+  header: "oj-message-header-13ytxxv",
   // TODO: Replace with Flex and View components to handle padding and flex
-  content: "oj-message-content-1g7rydb"
+  content: "oj-message-content-1cvp4im"
 };
 /**
  * A component that styles the header for the message component

package/dist/js/libs/oraclejet-preact/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oracle/oraclejet-preact",
-  "version": "0.0.1",
+  "version": "12.1.0",
   "description": "Oracle JET preact based components",
   "scripts": {
     "build": "npm run rollup && npm run build:index && npm run build:types && npm run build:copy",
@@ -56,6 +56,7 @@
     "@types/chai": "^4.2.21",
     "@types/mocha": "^9.0.0",
     "@types/ramda": "^0.27.46",
+    "@types/react": "^16.14.0",
     "babel-loader": "^8.2.2",
     "babel-plugin-react-docgen": "^4.2.1",
     "chai": "^4.2.0",
@@ -88,6 +89,7 @@
     "rollup-plugin-typescript": "^1.0.1",
     "sinon": "^7.4.2",
     "typescript": "~4.2.0",
+    "@types/react": "17.0.39",
     "webpack": "^4.27.0"
   },
   "files": [