@oracle/oraclejet 13.1.15 → 13.1.16

package/dist/pcss/oj/13.1.16/oj/helpers/themes/base/_oj-helpers.scss

@@ -0,0 +1,547 @@
+// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+// WARNING: do not directly import this file, instead import the
+// version in your the theme specific directory,
+// for example theme/themes/redwood/oj-helpers.scss
+// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+@import "../../../utilities/_oj.utilities.modules.scss";
+@import "../../../utilities/_oj.utilities.icons.scss";
+@import "../../../utilities/_oj.utilities.masonrylayout.scss";
+@import "../../../utilities/_oj.utilities.json.scss";
+
+
+@include module-include-once("common.helper") {
+  /* helpers
+  ----------------------------------*/
+  // todo: we won't support the old syntax
+  [data-bind*="ojComponent"]:not(.oj-component-initnode) {
+    visibility: hidden;
+  }
+
+  // write out the theme map
+  $themeRootMap: ();
+
+  @if ($privateThemeName != null) {
+    $themeRootMap: map-merge(
+      $themeRootMap,
+      (
+        name: $privateThemeName
+      )
+    );
+  }
+  @if ($privateThemeTargetPlatform != null) {
+    $themeRootMap: map-merge(
+      $themeRootMap,
+      (
+        targetPlatform: $privateThemeTargetPlatform
+      )
+    );
+  }
+  $themeRootMap: map-merge(
+    $themeRootMap,
+    (
+      behavior: "redwood"
+    )
+  );
+  $themeRootMap: map-merge(
+    $themeRootMap,
+    (
+      jetReleaseVersion: "v13.1.16"
+    )
+  );
+
+  .oj-theme-json {
+    font-family: oj-json-from-map($themeRootMap) !important;
+  }
+
+  .oj-helper-hidden-accessible {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+  }
+
+  .oj-helper-clearfix:before,
+  .oj-helper-clearfix:after {
+    content: " ";
+    display: table;
+  }
+  .oj-helper-clearfix:after {
+    clear: both;
+  }
+
+  /* Used by the framework's support for detecting resize */
+  .oj-helper-detect-expansion,
+  .oj-helper-detect-contraction {
+    position: absolute;
+    overflow: hidden;
+    visibility: hidden;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    direction: ltr;
+  }
+
+  // NOTE: this uses !important, it is meant to be used to override a default value
+  .oj-helper-hidden {
+    display: none !important;
+  }
+
+  // NOTE: this uses !important, it is meant to be used to override a default value
+  .oj-helper-inline-block {
+    display: inline-block !important;
+  }
+  // NOTE: this uses !important, it is meant to be used to override a default value
+  .oj-helper-tabular-nums {
+    font-variant-numeric: tabular-nums !important;
+  }
+  // NOTE: this uses !important, it is meant to be used to override a default value
+  .oj-helper-proportional-nums {
+    font-variant-numeric: proportional-nums !important;
+  }
+
+  
+  // NOTE: this uses !important, it is meant to be used to override a default value
+  .oj-helper-overflow-wrap-anywhere {
+    overflow-wrap: break-word !important;
+    overflow-wrap: anywhere !important;
+  }
+
+  // NOTE: this uses !important, it is meant to be used to override a default value
+  .oj-helper-hyphens-auto {
+    hyphens: auto !important;
+  }
+
+  // todo: add a demo for these text-align classes
+
+  /* aligns text left by default, aligns right when dir="rtl" is set on html element
+     NOTE: this uses !important, it can therefore be used to override a previously set value */
+  .oj-helper-text-align-start {
+    text-align: left !important;
+    html[dir="rtl"] & {
+      text-align: right !important;
+    }
+  }
+
+  // NOTE: this uses !important, it is meant to be used to override a default value
+  .oj-helper-text-align-center {
+    text-align: center !important;
+  }
+
+  /* aligns text right by default, aligns left when dir="rtl" is set on html element
+     NOTE: this uses !important, it can therefore be used to override a previously set value */
+  .oj-helper-text-align-end {
+    text-align: right !important;
+    html[dir="rtl"] & {
+      text-align: left !important;
+    }
+  }
+
+  /* Sets the start margin, equivalent to setting
+     margin-left: auto in ltr languages and margin-right: auto in rtl languages */
+  .oj-helper-margin-start-auto {
+    @include oj-ltr() {
+      margin-left: auto !important;
+    }
+
+    @include oj-rtl() {
+      margin-right: auto !important;
+    }
+  }
+
+  /* Sets the left and right margins to auto */
+  .oj-helper-margin-auto {
+    margin-left: auto !important;
+    margin-right: auto !important;
+  }
+
+  /* Sets the end margin, equivalent to setting
+     margin-right: auto in ltr languages and margin-left: auto in rtl languages */
+  .oj-helper-margin-end-auto {
+    @include oj-ltr() {
+      margin-right: auto !important;
+    }
+
+    @include oj-rtl() {
+      margin-left: auto !important;
+    }
+  }
+
+  /* aligns text right
+     NOTE: this uses !important, it can therefore be used to override a previously set value */
+  .oj-helper-text-align-right {
+    text-align: right !important;
+  }
+
+  /* aligns text left
+     NOTE: this uses !important, it can therefore be used to override a previously set value */
+  .oj-helper-text-align-left {
+    text-align: left !important;
+  }
+
+  /* Used by the ojModule binding on a DIV that will hold cached Views */
+  .oj-helper-module-cache {
+    position: absolute;
+    display: none;
+  }
+
+  // focus
+
+  $focusConfig: ();
+
+  @if ($privateFocusHighlightPolicy) {
+    $focusConfig: map-merge(
+      $focusConfig,
+      (
+        focusHighlightPolicy: $privateFocusHighlightPolicy
+      )
+    );
+  }
+
+  .oj-focus-config {
+    font-family: oj-json-from-map($focusConfig) !important;
+  }
+
+  // marker style for ojDialog accesskey bug #22685535
+  .oj-helper-element-with-accesskey {
+  }
+
+  // marker style for ojDialog accesskey bug #22685535
+  .oj-helper-element-in-dialog-with-accesskey {
+  }
+
+  /* justifies flex content start
+     NOTE: this uses !important, it can therefore be used to override a previously set value */
+  .oj-helper-justify-content-flex-start {
+    justify-content: flex-start !important;
+  }
+
+  /* justifies flex content end
+     NOTE: this uses !important, it can therefore be used to override a previously set value */
+  .oj-helper-justify-content-flex-end {
+    justify-content: flex-end !important;
+  }
+
+  /* justifies flex content center
+     NOTE: this uses !important, it can therefore be used to override a previously set value */
+  .oj-helper-justify-content-center {
+    justify-content: center !important;
+  }
+
+  /* justifies flex content space between
+     NOTE: this uses !important, it can therefore be used to override a previously set value */
+  .oj-helper-justify-content-space-between {
+    justify-content: space-between !important;
+  }
+
+  /* justifies flex content space around
+     NOTE: this uses !important, it can therefore be used to override a previously set value */
+  .oj-helper-justify-content-space-around {
+    justify-content: space-around !important;
+  }
+
+  /* justifies flex content right
+     NOTE: this uses !important, it can therefore be used to override a previously set value */
+  .oj-helper-justify-content-right {
+    @include oj-ltr() {
+      justify-content: flex-end !important;
+    }
+
+    @include oj-rtl() {
+      justify-content: flex-start !important;
+    }
+  }
+
+  /* justifies flex content left
+     NOTE: this uses !important, it can therefore be used to override a previously set value */
+  .oj-helper-justify-content-left {
+    @include oj-ltr() {
+      justify-content: flex-start !important;
+    }
+
+    @include oj-rtl() {
+      justify-content: flex-end !important;
+    }
+  }
+
+  .oj-helper-border-box {
+    box-sizing: border-box !important;
+  }
+
+  .oj-helper-content-box {
+    box-sizing: border-content !important;
+  }
+
+  .oj-helper-white-space-normal{
+    white-space: normal !important;
+  }
+
+  .oj-helper-white-space-nowrap {
+    white-space: nowrap !important;
+  }
+
+  .oj-helper-white-space-pre{
+    white-space: pre !important;
+  }
+
+  .oj-helper-white-space-pre-wrap{
+    white-space: pre-wrap !important;
+  }
+
+  .oj-helper-white-space-pre-line{
+    white-space: pre-line !important;
+  }
+  
+
+  //colors
+  .oj-text-color-primary,
+  .oj-text-primary-color,
+  .oj-icon-color-primary {
+    color: var(--oj-core-text-color-primary) !important;
+  }
+
+  .oj-text-tertiary-color,
+  .oj-text-color-secondary,
+  .oj-text-secondary-color,
+  .oj-icon-color-secondary {
+    color: var(--oj-core-text-color-secondary) !important;
+  }
+
+
+  .oj-text-color-disabled,
+  .oj-text-disabled-color,
+  .oj-icon-color-disabled {
+    color: var(--oj-core-text-color-disabled) !important;
+  }
+  .oj-text-color-danger,
+  .oj-icon-color-danger {
+    color: var(--oj-core-danger-3) !important;
+  }
+  .oj-text-color-warning,
+  .oj-icon-color-warning {
+    color: var(--oj-core-warning-3) !important;
+  }
+  .oj-text-color-success,
+  .oj-icon-color-success {
+    color: var(--oj-core-success-3) !important;
+  }
+
+  .oj-icon-color-info {
+    color: var(--oj-core-info-3) !important;
+  }
+
+  .oj-border {
+    border: 1px solid var(--oj-core-divider-color) !important;
+  }
+
+  //DIVIDER
+
+  .oj-divider-top,
+  .oj-border-top {
+    border-top: 1px solid var(--oj-core-divider-color) !important;
+  }
+
+  .oj-divider-top.oj-divider-padding {
+    padding-top: var(--oj-core-divider-margin) !important;
+  }
+
+  .oj-divider-top.oj-divider-margin {
+    margin-top: var(--oj-core-divider-margin) !important;
+  }
+
+  .oj-divider-bottom,
+  .oj-border-bottom {
+    border-bottom: 1px solid var(--oj-core-divider-color) !important;
+  }
+
+  .oj-divider-bottom.oj-divider-padding {
+    padding-bottom: var(--oj-core-divider-margin) !important;
+  }
+
+  .oj-divider-bottom.oj-divider-margin {
+    margin-bottom: var(--oj-core-divider-margin) !important;
+  }
+
+  .oj-divider-start,
+  .oj-border-start {
+    @include oj-ltr() {
+      border-left: 1px solid var(--oj-core-divider-color) !important;
+    }
+    @include oj-rtl() {
+      border-right: 1px solid var(--oj-core-divider-color) !important;
+    }
+  }
+
+  .oj-divider-start.oj-divider-padding {
+    @include oj-ltr() {
+      padding-left: var(--oj-core-divider-margin) !important;
+    }
+    @include oj-rtl() {
+      padding-right: var(--oj-core-divider-margin) !important;
+    }
+  }
+
+  .oj-divider-start.oj-divider-margin {
+    @include oj-ltr() {
+      margin-left: var(--oj-core-divider-margin) !important;
+      margin-right: 0 !important;
+    }
+    @include oj-rtl() {
+      margin-right: var(--oj-core-divider-margin) !important;
+      margin-left: 0 !important;
+    }
+  }
+
+  .oj-divider-end,
+  .oj-border-end {
+    @include oj-ltr() {
+      border-right: 1px solid var(--oj-core-divider-color) !important;
+    }
+    @include oj-rtl() {
+      border-left: 1px solid var(--oj-core-divider-color) !important;
+    }
+  }
+
+  .oj-divider-end.oj-divider-padding {
+    @include oj-ltr() {
+      padding-right: var(--oj-core-divider-margin) !important;
+    }
+    @include oj-rtl() {
+      padding-left: var(--oj-core-divider-margin) !important;
+    }
+  }
+
+  .oj-divider-end.oj-divider-margin {
+    @include oj-ltr() {
+      margin-right: var(--oj-core-divider-margin) !important;
+    }
+    @include oj-rtl() {
+      margin-left: var(--oj-core-divider-margin) !important;
+    }
+  }
+  
+  .oj-bg-body {
+    background-color: var(--oj-body-bg-color) !important;
+  }
+
+  .oj-bg-neutral-0 {
+    background-color: RGB(var(--oj-palette-neutral-rgb-0)) !important;
+  }
+
+  .oj-bg-neutral-10 {
+    background-color: RGB(var(--oj-palette-neutral-rgb-10)) !important;
+  }
+  .oj-bg-neutral-20 {
+    background-color: RGB(var(--oj-palette-neutral-rgb-20)) !important;
+  }
+
+  .oj-bg-neutral-30 {
+    background-color: RGB(var(--oj-palette-neutral-rgb-30)) !important;
+  }
+
+  .oj-bg-neutral-170 {
+    background-color: RGB(var(--oj-palette-neutral-rgb-170)) !important;
+  }
+
+  .oj-bg-neutral-180 {
+    background-color: RGB(var(--oj-palette-neutral-rgb-180)) !important;
+  }
+  .oj-bg-neutral-190 {
+    background-color: RGB(var(--oj-palette-neutral-rgb-190)) !important;
+  }
+
+  .oj-bg-neutral-200 {
+    background-color: RGB(var(--oj-palette-neutral-rgb-200)) !important;
+  }
+  .oj-bg-danger-10 {
+    background-color: RGB(var(--oj-palette-danger-rgb-10)) !important;
+  }
+
+  .oj-bg-danger-30 {
+    background-color: RGB(var(--oj-palette-danger-rgb-30)) !important;
+  }
+  
+  .oj-bg-danger-20 {
+    background-color: RGB(var(--oj-palette-danger-rgb-20)) !important;
+  }
+
+
+  .oj-bg-warning-10 {
+    background-color: RGB(var(--oj-palette-warning-rgb-10)) !important;
+  }
+
+  .oj-bg-warning-30 {
+    background-color: RGB(var(--oj-palette-warning-rgb-30)) !important;
+  }
+  
+  .oj-bg-warning-20 {
+    background-color: RGB(var(--oj-palette-warning-rgb-20)) !important;
+  }
+
+  .oj-bg-success-10 {
+    background-color: RGB(var(--oj-palette-success-rgb-10)) !important;
+  }
+
+  .oj-bg-success-30 {
+    background-color: RGB(var(--oj-palette-success-rgb-30)) !important;
+  }
+
+  .oj-bg-success-20 {
+    background-color: RGB(var(--oj-palette-success-rgb-20)) !important;
+  }
+
+
+  .oj-bg-info-10 {
+    background-color: RGB(var(--oj-palette-info-rgb-10)) !important;
+  }
+
+  .oj-bg-info-20 {
+    background-color: RGB(var(--oj-palette-info-rgb-20)) !important;
+  }
+
+  .oj-bg-info-30 {
+    background-color: RGB(var(--oj-palette-info-rgb-30)) !important;
+  }
+
+  .oj-bg-brand-10 {
+    background-color: RGB(var(--oj-palette-brand-rgb-10)) !important;
+  }
+
+  .oj-bg-brand-20 {
+    background-color: RGB(var(--oj-palette-brand-rgb-20)) !important;
+  }
+
+  .oj-bg-brand-30 {
+    background-color: RGB(var(--oj-palette-brand-rgb-30)) !important;
+  }
+
+  .oj-line-clamp-1,
+  .oj-line-clamp-2,
+  .oj-line-clamp-3,
+  .oj-line-clamp-4 {
+    display: -webkit-box !important;
+    /* autoprefixer: ignore next */
+    -webkit-box-orient: vertical !important;
+    overflow: hidden !important;
+  }
+
+  .oj-line-clamp-1 {
+    -webkit-line-clamp: 1 !important;
+  }
+
+  .oj-line-clamp-2 {
+    -webkit-line-clamp: 2 !important;
+  }
+
+  .oj-line-clamp-3 {
+    -webkit-line-clamp: 3 !important;
+  }
+
+  .oj-line-clamp-4 {
+    -webkit-line-clamp: 4 !important;
+  }
+}

package/dist/scss/common/helpers/_oj.common.helpers.scss

@@ -29,7 +29,7 @@
       $themeRootMap: map-merge($themeRootMap, (targetPlatform: $themeTargetPlatform));
   }
   $themeRootMap: map-merge($themeRootMap, (behavior: "alta"));
-  $themeRootMap: map-merge($themeRootMap, (jetReleaseVersion: "v13.1.15"));
+  $themeRootMap: map-merge($themeRootMap, (jetReleaseVersion: "v13.1.16"));
 
   .oj-theme-json {
       font-family: oj-json-from-map($themeRootMap);

package/dist/types/ojdrawerlayout/ojdrawerlayout.d.ts

@@ -63,8 +63,9 @@ export declare class DrawerLayout extends Component<ExtendGlobalProps<Props>, St
     private startClosedWithEsc;
     private endClosedWithEsc;
     private bottomClosedWithEsc;
-    private overlayDrawerResizeListener;
-    private reflowDrawerResizeListener;
+    private overlayDrawerResizeHandler;
+    private reflowDrawerResizeHandler;
+    private windowResizeHandler;
     private drawerOpener;
     private elementWithFocusBeforeDrawerCloses;
     private handleResize;
@@ -117,7 +118,7 @@ export declare class DrawerLayout extends Component<ExtendGlobalProps<Props>, St
     private afterCloseHandler;
     private lockResizeListener;
     private refreshHandler;
-    private resizeHandler;
+    private windowResizeCallback;
     private getDrawerPosition;
     private setStartEndOverlayDrawersHeight;
 }

package/dist/types/ojdrawerpopup/ojdrawerpopup.d.ts

@@ -35,6 +35,7 @@ export declare class DrawerPopup extends Component<ExtendGlobalProps<Props>, Sta
     private isShiftKeyActive;
     private hammerInstance;
     private drawerResizeHandler;
+    private windowResizeHandler;
     private drawerOpener;
     private elementWithFocusBeforeDrawerCloses;
     static getDerivedStateFromProps(props: Readonly<Props>, state: Readonly<State>): Partial<State> | null;
@@ -61,7 +62,7 @@ export declare class DrawerPopup extends Component<ExtendGlobalProps<Props>, Sta
     componentDidUpdate(prevProps: Readonly<Props>, prevState: Readonly<State>): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    private resizeHandler;
+    private windowResizeCallback;
     private getViewportResolvedDisplayMode;
     private getViewportResolvedDisplayModeVertical;
     handleComponentUpdate(prevState: Readonly<State>): void;

package/dist/webpack-tools/4.x/webpack.config.js

@@ -39,8 +39,8 @@ module.exports = {
       'jqueryui-amd': path.resolve(__dirname, './web/js/libs/jquery/jqueryui-amd-1.13.2'),
       'hammerjs': path.resolve(__dirname, './web/js/libs/hammer/hammer-2.0.8'),
       'ojdnd': path.resolve(__dirname, './web/js/libs/dnd-polyfill/dnd-polyfill-1.0.2'),
-      'ojs': path.resolve(__dirname, './web/js/libs/oj/13.1.15/debug'),
-      'ojtranslations': path.resolve(__dirname, './web/js/libs/oj/13.1.15/resources'),
+      'ojs': path.resolve(__dirname, './web/js/libs/oj/13.1.16/debug'),
+      'ojtranslations': path.resolve(__dirname, './web/js/libs/oj/13.1.16/resources'),
       '@oracle/oraclejet-preact': path.resolve(__dirname, './web/js/libs/oraclejet-preact/amd'),
       'signals': path.resolve(__dirname, './web/js/libs/js-signals/signals'),
       'touchr': path.resolve(__dirname, './web/js/libs/touchr/touchr'),
@@ -80,7 +80,7 @@ module.exports = {
           }
         },
         // Point this setting to the root folder for the associated JET distribution (could be a CDN). Used by the oj.Config.getResourceUri() call
-        baseResourceUrl: "./web/js/libs/oj/13.1.15"
+        baseResourceUrl: "./web/js/libs/oj/13.1.16"
       }
     )
 

package/dist/webpack-tools/webpack.config.js

@@ -39,8 +39,8 @@ module.exports = {
       'jqueryui-amd': path.resolve(__dirname, './web/js/libs/jquery/jqueryui-amd-1.13.2'),
       'hammerjs': path.resolve(__dirname, './web/js/libs/hammer/hammer-2.0.8'),
       'ojdnd': path.resolve(__dirname, './web/js/libs/dnd-polyfill/dnd-polyfill-1.0.2'),
-      'ojs': path.resolve(__dirname, './web/js/libs/oj/13.1.15/debug'),
-      'ojtranslations': path.resolve(__dirname, './web/js/libs/oj/13.1.15/resources'),
+      'ojs': path.resolve(__dirname, './web/js/libs/oj/13.1.16/debug'),
+      'ojtranslations': path.resolve(__dirname, './web/js/libs/oj/13.1.16/resources'),
       '@oracle/oraclejet-preact': path.resolve(__dirname, './web/js/libs/oraclejet-preact/amd'),
       'signals': path.resolve(__dirname, './web/js/libs/js-signals/signals'),
       'touchr': path.resolve(__dirname, './web/js/libs/touchr/touchr'),
@@ -80,7 +80,7 @@ module.exports = {
           }
         },
         // Point this setting to the root folder for the associated JET distribution (could be a CDN). Used by the oj.Config.getResourceUri() call
-        baseResourceUrl: "./web/js/libs/oj/13.1.15"
+        baseResourceUrl: "./web/js/libs/oj/13.1.16"
       }
     )
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oracle/oraclejet",
-  "version": "13.1.15",
+  "version": "13.1.16",
   "license": "UPL-1.0",
   "description": "Oracle JavaScript Extension Toolkit (JET) empowers developers by providing a modular open source toolkit based on modern JavaScript, CSS3 and HTML5 design and development principles.",
   "keywords": [

package/dist/js/libs/oraclejet-preact/amd/Badge-4695f6d8.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime","./utils/UNSAFE_classNames",'module',"./classNames-80067919"],(function(e,n,s,a,t){"use strict";const l={base:"_uunja6",end:"d4jte8",neutral:"uorjn0",danger:"_xulauq",warning:"_p4dl4j",success:"_pz3776",info:"_jgkump",neutralSubtle:"_krh94m",dangerSubtle:"dd0v7c",warningSubtle:"_qvpflo",successSubtle:"_2z6f0",infoSubtle:"_xl1ql"};e.Badge=function({variant:e="neutral",size:s="md",placement:a="none",children:u}){const c=t.classNames([l.base,"sm"===s&&"oj-badge-sm","end"===a&&l.end,l[e]]);return n.jsx("span",Object.assign({class:c},{children:u}))}}));
-//# sourceMappingURL=Badge-4695f6d8.js.map

package/dist/js/libs/oraclejet-preact/amd/Badge-4695f6d8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge-4695f6d8.js","sources":["../../src/UNSAFE_Badge/Badge.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nexport type Props = {\n  /**\n   * Sets the variant for the badge. Badge can be subtle or solid with different colors.\n   */\n  variant?:\n    | 'neutral'\n    | 'neutralSubtle'\n    | 'danger'\n    | 'dangerSubtle'\n    | 'success'\n    | 'successSubtle'\n    | 'warning'\n    | 'warningSubtle'\n    | 'info'\n    | 'infoSubtle';\n  /**\n   * Specifies the size of the badge. Consists of two options: Medium and small.\n   */\n  size?: 'sm' | 'md';\n  /**\n   * Specifies the placement of the badge. Badges can be attached to the end edge of another component. They lose their default corner rounding on right side for ltr direction or left side for rtl direction.\n   */\n  placement?: 'none' | 'end';\n  /**\n   * Specifies the string that will be rendered in the badge.\n   */\n  children: string;\n};\n\nconst styles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color)',\n    display: 'inline-block',\n    paddingTop: '0',\n    paddingBottom: '0',\n    paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding)',\n    paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding)',\n    boxSizing: 'border-box',\n    borderTopLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderTopRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderBottomRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderBottomLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight)',\n    fontStretch: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    textAlign: 'center'\n  }}`,\n\n  //right-aligned with the right edge of another component for ltr direction\n  //left-aligned for rtl direction pending by\n  //https://jira.oraclecorp.com/jira/browse/JET-47572: need an api for rtl\n  end: cssProps`${{\n    borderTopRightRadius: '0',\n    borderBottomRightRadius: '0'\n  }}`,\n\n  neutral: cssProps`${{\n    /* solid neutral badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast)'\n  }}`,\n  danger: cssProps`${{\n    /* solid danger badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast)'\n  }}`,\n  warning: cssProps`${{\n    /* solid warning badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast)'\n  }}`,\n  success: cssProps`${{\n    /* solid success badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast)'\n  }}`,\n  info: cssProps`${{\n    /* solid info badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast)'\n  }}`,\n\n  neutralSubtle: cssProps`${{\n    /* subtle neutral badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast)'\n  }}`,\n  dangerSubtle: cssProps`${{\n    /* subtle danger badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast)'\n  }}`,\n  warningSubtle: cssProps`${{\n    /* subtle warning badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast)'\n  }}`,\n  successSubtle: cssProps`${{\n    /* subtle success badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast)'\n  }}`,\n  infoSubtle: cssProps`${{\n    /* subtle info badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast)'\n  }}`\n};\n\nexport function Badge({ variant = 'neutral', size = 'md', placement = 'none', children }: Props) {\n  const textClasses = classNames([\n    styles.base,\n    size === 'sm' && 'oj-badge-sm',\n    placement === 'end' && styles.end,\n    styles[variant]\n  ]);\n  return <span class={textClasses}>{children}</span>;\n}\n"],"names":["styles","variant","size","placement","children","base","end","_jsx","Object","assign","class","textClasses"],"mappings":"wIAuCA,MAAAA,EAAA,MAAA,cAAA,iBAAA,gBAAA,kBAAA,kBAAA,eAAA,wBAAA,uBAAA,uBAAA,wBAAA,sCAuGA,UAAAC,QAAAA,EAAA,UAAAC,KAAAA,EAAA,KAAAC,UAAAA,EAAA,OAAAC,SAAAA,0BAEIJ,EAAAK,6BAEA,QAAAF,GAAAH,EAAAM,WAGF,OAAAC,MAAA,OAAAC,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAP,SAAAA"}

package/dist/js/libs/oraclejet-preact/amd/Button-cb2c1a2b.js

@@ -1,2 +0,0 @@
-function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var s=Object.prototype.toString.call(e).slice(8,-1);return"Object"===s&&e.constructor&&(s=e.constructor.name),"Map"===s||"Set"===s?Array.from(e):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?_arrayLikeToArray(e,t):void 0}}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var s=0,n=new Array(t);s<t;s++)n[s]=e[s];return n}define(["exports","preact/jsx-runtime","./tslib.es6-adaee4a4",'module',"./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./utils/UNSAFE_classNames","preact/compat","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_mergeInterpolations","./utils/PRIVATE_clientHints","./clientHints-23967d78","./classNames-80067919"],(function(e,t,s,n,a,r,o,i,l,c,u,d,b){"use strict";const y=()=>null,p="_jajzda",_="_cyh163",f="_gxzdgf",m="mf8zrg",g="_c0rrkp",j="_3ylkvy",A="_l8eyk4",h=_toConsumableArray(Object.values(l.dimensionInterpolations)),I=c.mergeInterpolations(h),v="ios"===d.getClientHints().platform?{ontouchstart:function(){}}:{},x=d.getClientHints().isHybrid,z=i.forwardRef(((e,n)=>{var{variant:o="outlined",isDisabled:i=!1,size:l="md",elementDetails:c={type:"button"},styling:u="default",edge:d="none",accessibleLabel:h}=e,z=s.__rest(e,["variant","isDisabled","size","elementDetails","styling","edge","accessibleLabel"]);const{pressProps:S}=a.usePress(z.onAction?z.onAction:y,{isDisabled:i}),{hoverProps:O,isHover:k}=r.useHover({isDisabled:x}),H=I(z),{class:N}=H,T=s.__rest(H,["class"]),$=b.classNames(["default"===u&&p,"unstyled"===u&&m,"min"===u&&p||g,`oj-c-button-${o}`,`oj-c-button-${l}`,i&&j,"bottom"===d&&A,!x&&f,x&&k&&_]),w=Object.assign({},c),{type:D="button"}=w,L=s.__rest(w,["type"]),E="button"===D?{type:"button"}:{role:"link"},U=z.title||h,C=c.type;return t.jsx(C,Object.assign({ref:n,disabled:i,class:`${$} ${N}`,style:T,autofocus:z.autofocus,title:U,tabIndex:i?-1:0,"aria-label":h},L,E,S,v,O,{children:z.children}))})),S="_f2g8hi",O="dsg3oo",k="vzdzj2",H="_am2qpa",N="wy5q7a",T="_j3suym",$="_4m0nbg",w="_ro48gx",D=e=>null==e;function L(e){var{size:n="md",display:a="all"}=e,r=s.__rest(e,["size","display"]);const o="all"==a||"icons"==a,i="all"==a||"label"==a,l=w,c=r.startIcon&&("icons"===a||!r.children)&&!r.endIcon,u=!D(r.startIcon)&&"all"===a,d=!D(r.endIcon)&&"all"===a,y=r.startIcon&&r.endIcon,p=`${O} oj-c-button-layout-${n} ${$}`,_=b.classNames([O,`oj-c-button-layout-${n}`,c?T:N]),f=b.classNames([S,u&&!y&&H,d&&!y&&k]);return t.jsxs("span",Object.assign({class:l},{children:[o&&r.startIcon&&t.jsx("span",Object.assign({class:_},{children:r.startIcon})),i&&r.children&&t.jsxs("span",Object.assign({class:f},{children:[" ",r.children," "]})),o&&r.endIcon&&t.jsx("span",Object.assign({class:p},{children:r.endIcon}))]}))}const E=i.forwardRef((({variant:e="outlined",isDisabled:s=!1,size:n="md",display:a="all",endIcon:r,startIcon:o,autofocus:i,edge:l,onAction:c,label:u="",accessibleLabel:d,title:b,width:y},p)=>{const _=!o&&!r||"label"===a,f=_?u:t.jsx(L,Object.assign({display:a,startIcon:o,endIcon:r,size:n},{children:u}));return t.jsx(z,Object.assign({ref:p,isDisabled:s,size:n,width:y,autofocus:i,edge:l,variant:e,styling:_?"min":"default",onAction:c,accessibleLabel:null!=d?d:"icons"===a?u:void 0,title:null!=b?b:"icons"===a?null!=d?d:u:void 0,"aria-label":"icons"===a?u:null},{children:f}))}));e.Button=E}));
-//# sourceMappingURL=Button-cb2c1a2b.js.map