@oracle/oraclejet-preact 14.1.13 → 14.1.14

package/es/UNSAFE_Selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Selector.js","sources":["../../src/UNSAFE_Selector/Selector.tsx","../../src/UNSAFE_Selector/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Keys, containsKey } from '../utils/UNSAFE_keys';\nimport { useSelection } from '../hooks/PRIVATE_useSelection';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { CheckboxOffIcon, CheckboxOnIcon } from '../UNSAFE_ThemedIcons';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    '&:active': {\n      transform: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-transform-active)',\n      transitionProperty: 'transform',\n      transitionDuration: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xshort)',\n      transitionTimingFunction: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in-out)'\n    }\n  }}`,\n  container: cssProps`${{\n    display: 'inline-block'\n  }}`\n};\n\nconst checkboxStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-size)',\n    lineHeight: 0\n  }}`,\n  unselected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-unselected)'\n  }}`,\n  selected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-selected)'\n  }}`\n};\n\n/**\n * Props for the Selector Component\n */\nexport type Props<K> = {\n  /**\n   * The key associated with the Selector.\n   */\n  rowKey: K;\n  /**\n   * The selected keys.\n   */\n  selectedKeys: Keys<K>;\n  /**\n   * aria-label for this selector\n   */\n  accessibleLabel?: string;\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n};\n\n// internal component to use in place of the real Checkbox\nfunction Checkbox(props: {\n  checked: boolean;\n  accessibleLabel?: string;\n  onClick?: (event: MouseEvent) => void;\n}) {\n  const { isTabbable } = useTabbableMode();\n\n  const classes = classNames([\n    checkboxStyles.base,\n    props.checked ? checkboxStyles.selected : checkboxStyles.unselected\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaLabel = props.checked\n    ? translations.selector_selected()\n    : translations.selector_unselected();\n  return (\n    <div\n      class={classes}\n      tabIndex={isTabbable ? 0 : -1}\n      type=\"checkbox\"\n      checked={props.checked}\n      aria-label={props.accessibleLabel || ariaLabel}\n      onClick={props.onClick}>\n      {props.checked ? <CheckboxOnIcon /> : <CheckboxOffIcon />}\n    </div>\n  );\n}\n\n// click event handler used by Selector\nconst handleClick = (event: Event) => {\n  // we don't want container component like ListView to process it\n  event.stopPropagation();\n};\n\n// update selectionProps onClick event to call event.stopPropagation()\nconst updateSelectionProps = (selectionProps: any) => {\n  // click event handler return from useSelection\n  const onClick = selectionProps.onClick;\n  if (onClick) {\n    // click event handler used by Selector\n    selectionProps.onClick = (event: MouseEvent) => {\n      onClick(event);\n      handleClick(event);\n    };\n    return selectionProps;\n  }\n  return { onClick: handleClick };\n};\n\n/**\n * The Selector component is used to enable multi-selection in Collection components.\n */\nexport function Selector<K>({ accessibleLabel, rowKey, selectedKeys, onChange }: Props<K>) {\n  const { selectionProps } = useSelection(\n    () => rowKey,\n    selectedKeys,\n    'multiple',\n    false,\n    'toggle',\n    onChange\n  );\n\n  // TODO: replace internal with Preact checkbox component once it is available\n  return (\n    <div class={styles.container} {...updateSelectionProps(selectionProps)}>\n      <div class={styles.base}>\n        <Flex align=\"center\" justify=\"center\" width=\"11x\" height=\"11x\">\n          <Checkbox checked={containsKey(selectedKeys, rowKey)} accessibleLabel={accessibleLabel} />\n        </Flex>\n      </div>\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { Selector } from './Selector';\n"],"names":["styles","checkboxStyles","Checkbox","props","isTabbable","useTabbableMode","base","checked","selected","unselected","translations","useTranslationBundle","ariaLabel","selector_selected","selector_unselected","handleClick","event","updateSelectionProps","selectionProps","onClick","Selector","accessibleLabel","rowKey","selectedKeys","onChange"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAAA,MAAA,GAAA;QAAA,UAAA;;AAAA,CAAA,CAAA;AAeA,MAAAC,cAAA,GAAA;QAAA,UAAA;cAAA,UAAA;;AAAA,CAAA;;AAqCA,SAAAC,QAAA,CAAAC,KAAA,EAAA;EAKE,MAAA;AAAAC,IAAAA,UAAAA;AAAA,GAAA,GAAAC,eAAA,EAAA,CAAA;8BAGEJ,cAAA,CAAAK,MACAH,KAAA,CAAAI,OAAA,GAAAN,cAAA,CAAAO,QAAA,GAAAP,cAAA,CAAAQ;AAEF,EAAA,MAAAC,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,SAAA,GAAAT,KAAA,CAAAI,OAAA,GACEG,YAAA,CAAAG,iBAAA,EADF,GAEEH,YAAA,CAAAI,mBAAA,EAFF,CAAA;;;;;;;;;;;AAcF;;;AAGA,MAAAC,WAAA,GAAAC,KAAA,IAAA;;;AAGA,CAHA;;;AAMA,MAAAC,oBAAA,GAAAC,cAAA,IAAA;;AAEE,EAAA,MAAAC,OAAA,GAAAD,cAAA,CAAAC,OAAA,CAAA;;AACA,EAAA,IAAAA,OAAA,EAAA;;AAEED,IAAAA,cAAA,CAAAC,OAAA,GAAAH,KAAA,IAAA;;;KAAA,CAAA;;AAIA,IAAA,OAAAE,cAAA,CAAA;AACD,GAAA;;EACD,OAAA;AAAAC,IAAAA,OAAA,EAAAJ,WAAAA;GAAA,CAAA;AACF,CAZA,CAAA;AAcA;;AAEG;;;AACH,SAAAK,QAAA,CAAA;EAAAC,eAAA;EAAAC,MAAA;EAAAC,YAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;;;sFAAA;;;;;;;;;;;;;;;;;;;;;AAoBA;;AC9IA;;;;;;AAMG;;;;;;;"}
+{"version":3,"file":"UNSAFE_Selector.js","sources":["../../src/UNSAFE_Selector/Selector.tsx","../../src/UNSAFE_Selector/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Keys, containsKey } from '../utils/UNSAFE_keys';\nimport { useSelection } from '../hooks/PRIVATE_useSelection';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { CheckboxOffIcon, CheckboxOnIcon } from '../UNSAFE_ThemedIcons';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    '&:active': {\n      transform: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-transform-active)',\n      transitionProperty: 'transform',\n      transitionDuration: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xshort)',\n      transitionTimingFunction: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in-out)'\n    }\n  }}`,\n  container: cssProps`${{\n    display: 'inline-block'\n  }}`\n};\n\nconst checkboxStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-size)',\n    lineHeight: 0\n  }}`,\n  unselected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-unselected)'\n  }}`,\n  selected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-selected)'\n  }}`\n};\n\n/**\n * Props for the Selector Component\n */\nexport type Props<K> = {\n  /**\n   * The key associated with the Selector.\n   */\n  rowKey: K;\n  /**\n   * The selected keys.\n   */\n  selectedKeys: Keys<K>;\n  /**\n   * aria-label for this selector\n   */\n  accessibleLabel?: string;\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n};\n\n// internal component to use in place of the real Checkbox\nfunction Checkbox(props: {\n  checked: boolean;\n  accessibleLabel?: string;\n  onClick?: (event: MouseEvent) => void;\n}) {\n  const { isTabbable } = useTabbableMode();\n\n  const classes = classNames([\n    checkboxStyles.base,\n    props.checked ? checkboxStyles.selected : checkboxStyles.unselected\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaLabel = props.checked\n    ? translations.selector_selected()\n    : translations.selector_unselected();\n  return (\n    <div\n      class={classes}\n      tabIndex={isTabbable ? 0 : -1}\n      type=\"checkbox\"\n      checked={props.checked}\n      aria-label={props.accessibleLabel || ariaLabel}\n      onClick={props.onClick}>\n      {props.checked ? <CheckboxOnIcon /> : <CheckboxOffIcon />}\n    </div>\n  );\n}\n\n// click event handler used by Selector\nconst handleClick = (event: Event) => {\n  // we don't want container component like ListView to process it\n  event.stopPropagation();\n};\n\n// update selectionProps onClick event to call event.stopPropagation()\nconst updateSelectionProps = (selectionProps: any) => {\n  // click event handler return from useSelection\n  const onClick = selectionProps.onClick;\n  if (onClick) {\n    // click event handler used by Selector\n    selectionProps.onClick = (event: MouseEvent) => {\n      onClick(event);\n      handleClick(event);\n    };\n    return selectionProps;\n  }\n  return { onClick: handleClick };\n};\n\n/**\n * The Selector component is used to enable multi-selection in Collection components.\n */\nexport function Selector<K>({ accessibleLabel, rowKey, selectedKeys, onChange }: Props<K>) {\n  const { selectionProps } = useSelection(\n    () => rowKey,\n    selectedKeys,\n    'multiple',\n    false,\n    'toggle',\n    onChange\n  );\n\n  // TODO: replace internal with Preact checkbox component once it is available\n  return (\n    <div class={styles.container} {...updateSelectionProps(selectionProps)}>\n      <div class={styles.base}>\n        <Flex align=\"center\" justify=\"center\" width=\"11x\" height=\"11x\">\n          <Checkbox checked={containsKey(selectedKeys, rowKey)} accessibleLabel={accessibleLabel} />\n        </Flex>\n      </div>\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { Selector } from './Selector';\n"],"names":["styles","checkboxStyles","Checkbox","props","isTabbable","useTabbableMode","base","checked","selected","unselected","translations","useTranslationBundle","ariaLabel","selector_selected","selector_unselected","handleClick","event","updateSelectionProps","selectionProps","onClick","Selector","accessibleLabel","rowKey","selectedKeys","onChange"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAAA,MAAA,GAAA;QAAA,QAAA;;AAAA,CAAA,CAAA;AAeA,MAAAC,cAAA,GAAA;QAAA,SAAA;cAAA,QAAA;;AAAA,CAAA;;AAqCA,SAAAC,QAAA,CAAAC,KAAA,EAAA;EAKE,MAAA;AAAAC,IAAAA,UAAAA;AAAA,GAAA,GAAAC,eAAA,EAAA,CAAA;8BAGEJ,cAAA,CAAAK,MACAH,KAAA,CAAAI,OAAA,GAAAN,cAAA,CAAAO,QAAA,GAAAP,cAAA,CAAAQ;AAEF,EAAA,MAAAC,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,SAAA,GAAAT,KAAA,CAAAI,OAAA,GACEG,YAAA,CAAAG,iBAAA,EADF,GAEEH,YAAA,CAAAI,mBAAA,EAFF,CAAA;;;;;;;;;;;AAcF;;;AAGA,MAAAC,WAAA,GAAAC,KAAA,IAAA;;;AAGA,CAHA;;;AAMA,MAAAC,oBAAA,GAAAC,cAAA,IAAA;;AAEE,EAAA,MAAAC,OAAA,GAAAD,cAAA,CAAAC,OAAA,CAAA;;AACA,EAAA,IAAAA,OAAA,EAAA;;AAEED,IAAAA,cAAA,CAAAC,OAAA,GAAAH,KAAA,IAAA;;;KAAA,CAAA;;AAIA,IAAA,OAAAE,cAAA,CAAA;AACD,GAAA;;EACD,OAAA;AAAAC,IAAAA,OAAA,EAAAJ,WAAAA;GAAA,CAAA;AACF,CAZA,CAAA;AAcA;;AAEG;;;AACH,SAAAK,QAAA,CAAA;EAAAC,eAAA;EAAAC,MAAA;EAAAC,YAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;;;sFAAA;;;;;;;;;;;;;;;;;;;;;AAoBA;;AC9IA;;;;;;AAMG;;;;;;;"}

package/es/UNSAFE_Skeleton.css

@@ -1 +1 @@
-.a2zsfm{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-skeleton-animation-name);animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.5s;}
+._17onvit{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-skeleton-animation-name);animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.5s;}

package/es/UNSAFE_Skeleton.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.1.13 */
-import { _ as __rest } from './tslib.es6-5ac77683.js';
+/* @oracle/oraclejet-preact: 14.1.14 */
+import { _ as __rest } from './tslib.es6-9b64a31a.js';
 import { jsx } from 'preact/jsx-runtime';
 import "./UNSAFE_Skeleton.css";
 import { classNames } from './utils/UNSAFE_classNames.js';
@@ -8,10 +8,10 @@ import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
 import { borderInterpolations } from './utils/UNSAFE_interpolations/borders.js';
 import { stringLiteralArray } from './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
-import './_curry1-fb454e58.js';
-import './_curry3-8336cc21.js';
-import './_curry2-7a71d5d4.js';
-import './_has-ae8757cb.js';
+import './_curry1-2a9333ec.js';
+import './_curry3-aa3c73cf.js';
+import './_curry2-07c02247.js';
+import './_has-eab86c92.js';
 
 const dimensions = stringLiteralArray(['height', 'width']);
 const border = stringLiteralArray(['borderRadius']); // Create an array [dimensionInterpolations['height'], dimensionInterpolations['width']]
@@ -23,7 +23,7 @@ const SkeletonInterpolations = mergeInterpolations(interpolations);
 /* Styling for skeleton main (loop) animation */
 
 const animationSkeletonStyle = {
-  base: "a2zsfm"
+  base: "_17onvit"
 };
 /**
  * Skeleton component allows the appropriate skeleton to be rendered based on the

package/es/UNSAFE_Spacer.js

@@ -1,18 +1,18 @@
-/* @oracle/oraclejet-preact: 14.1.13 */
-import { _ as __rest } from './tslib.es6-5ac77683.js';
+/* @oracle/oraclejet-preact: 14.1.14 */
+import { _ as __rest } from './tslib.es6-9b64a31a.js';
 import { jsx } from 'preact/jsx-runtime';
 import { dimensionInterpolations } from './utils/UNSAFE_interpolations/dimensions.js';
 import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
 import { flexitemInterpolations } from './utils/UNSAFE_interpolations/flexitem.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
-import './_curry1-fb454e58.js';
+import './_curry1-2a9333ec.js';
 import './utils/UNSAFE_classNames.js';
-import './_curry3-8336cc21.js';
-import './_curry2-7a71d5d4.js';
-import './_has-ae8757cb.js';
+import './_curry3-aa3c73cf.js';
+import './_curry2-07c02247.js';
+import './_has-eab86c92.js';
 
-import './keys-cab92c76.js';
+import './keys-f592c2a6.js';
 
 const interpolations = [...Object.values(dimensionInterpolations), flexitemInterpolations.flex];
 const styleInterpolations = mergeInterpolations(interpolations);

package/es/UNSAFE_SplitMenuButton.css

@@ -1,5 +1,5 @@
-._1e6rtsf{border-top-width:0px;border-bottom-width:0px;border-right-width:0px;border-left-width:1px;border-style:solid;height:100%;display:inline-flex;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
-._7ht88k{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);}
-.tuyyn3{display:contents;}
-.qx4tvm{display:inline-block;}
-._16je3re > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.agmw8f{border-top-width:0px;border-bottom-width:0px;border-right-width:0px;border-left-width:1px;border-style:solid;height:100%;display:inline-flex;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
+._6kp987{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);}
+.vntk40{display:contents;}
+._1g40j8y{display:inline-block;}
+.kkvb7d > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/es/UNSAFE_SplitMenuButton.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.1.13 */
-import { _ as __rest } from './tslib.es6-5ac77683.js';
+/* @oracle/oraclejet-preact: 14.1.14 */
+import { _ as __rest } from './tslib.es6-9b64a31a.js';
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { ButtonLayout } from './UNSAFE_Button.js';
 import './UNSAFE_ThemedIcons.js';
@@ -19,10 +19,10 @@ import './hooks/UNSAFE_useToggle.js';
 import './hooks/UNSAFE_useActive.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
-import './_curry1-fb454e58.js';
-import './_curry3-8336cc21.js';
-import './_curry2-7a71d5d4.js';
-import './_has-ae8757cb.js';
+import './_curry1-2a9333ec.js';
+import './_curry3-aa3c73cf.js';
+import './_curry2-07c02247.js';
+import './_has-eab86c92.js';
 import './utils/PRIVATE_clientHints.js';
 import 'preact';
 import './utils/UNSAFE_mergeProps.js';
@@ -30,7 +30,7 @@ import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './index-7edfa153.js';
+import './index-d05c2960.js';
 import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';
@@ -42,16 +42,16 @@ import './hooks/UNSAFE_useTouch.js';
 import './hooks/UNSAFE_useAnimation.js';
 import './hooks/UNSAFE_useTheme.js';
 import './hooks/PRIVATE_useCollectionFocusRing.js';
-import './useModal-fe76aabd.js';
+import './useModal-733c53cc.js';
 import './UNSAFE_Text.js';
 import './UNSAFE_Divider.js';
 
 const compStyles = {
-  divider: "_1e6rtsf",
-  disabledDivider: "_7ht88k",
-  icon: "tuyyn3",
-  root: "qx4tvm",
-  childrenMargins: "_16je3re"
+  divider: "agmw8f",
+  disabledDivider: "_6kp987",
+  icon: "vntk40",
+  root: "_1g40j8y",
+  childrenMargins: "kkvb7d"
 };
 const menuButtonStyling = ['embedded', 'min', 'noBorderRadiusStart'];
 const menuButtonActiveStyling = [...menuButtonStyling, 'active'];

package/es/UNSAFE_SplitMenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_SplitMenuButton.js","sources":["../../src/UNSAFE_SplitMenuButton/SplitMenuButton.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 { ButtonLayout } from '../UNSAFE_Button';\nimport { NavDownIcon } from '../UNSAFE_ThemedIcons';\nimport { Menu } from '../UNSAFE_Menu';\n\nimport { BaseButton, StylingOptions } from '../UNSAFE_BaseButton';\n\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { ComponentChildren } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useCallback, useState, useRef, useImperativeHandle } from 'preact/hooks';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'title'>;\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type Props = IntrinsicProps &\n  WidthInterpolationProps & {\n    /**\n     * children - One or more MenuItems\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The label rendered on the action side of the button.  Used\n     * to identify which child MenuItem action is invoked.\n     */\n    label?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     \n     */\n    variant?: 'outlined' | 'solid' | 'callToAction';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void;\n  };\n\nexport const compStyles = {\n  divider: cssProps`${{\n    borderTopWidth: '0px',\n    borderBottomWidth: '0px',\n    borderRightWidth: '0px',\n    borderLeftWidth: '1px',\n    borderStyle: 'solid',\n    height: '100%',\n    display: 'inline-flex',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color)'\n  }}`,\n\n  disabledDivider: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled)'\n  }}`,\n\n  icon: cssProps`${{\n    display: 'contents'\n  }}`,\n\n  root: cssProps`${{\n    display: 'inline-block'\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\nconst menuButtonStyling = ['embedded', 'min', 'noBorderRadiusStart'] as StylingOptions[];\nconst menuButtonActiveStyling = [...menuButtonStyling, 'active'] as StylingOptions[];\n\nconst actionbuttonStyling = ['embedded', 'fill', 'noBorderRadiusEnd'] as StylingOptions[];\nconst actionButtonActiveStyling = [...actionbuttonStyling, 'active'] as StylingOptions[];\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\n\nconst styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n\n/**\n * A SplitMenuButton is a combined action and menu button.\n */\nexport const SplitMenuButton = forwardRef(\n  (\n    {\n      children,\n      label = '',\n      variant = 'outlined',\n      isDisabled = false,\n      size = 'md',\n      onAction,\n      ...props\n    }: Props,\n    ref?: ForwardedRef<HTMLSpanElement>\n  ) => {\n    const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n    const [isActive, setIsActive] = useState<boolean>(false);\n    const { class: cls, ...styles } = styleInterpolations(props);\n\n    // SPACE or ENTER on root area invokes action, as does CLICK/TAP on LEFT SIDE ACTION AREA\n    // DOWN ARROW invokes menu, as does CLICK/TAP on RIGHT SIDE MENU AREA\n    const onKeyDown = useCallback(\n      (event: KeyboardEvent) => {\n        if (event.key === ' ' || event.key === 'Enter') {\n          setIsActive(true);\n        } else if (event.key == 'ArrowDown') {\n          !isDisabled && setIsMenuOpen((menuOpen: boolean) => !menuOpen);\n          // Prevent page scroll for down arrow, user definitely wanted to show menu in this case.\n          // Don't prevent other keypress defaults, as user may want to hold SPACE down to scroll page.\n          event.preventDefault();\n        }\n      },\n      [isDisabled, setIsMenuOpen, setIsActive]\n    );\n\n    const onKeyUp = useCallback(\n      (event: KeyboardEvent) => {\n        if (event.key === ' ' || event.key === 'Enter') {\n          !isDisabled && onAction && onAction();\n          setIsActive(false);\n        }\n      },\n      [isDisabled, onAction, setIsActive]\n    );\n\n    const onBlur = useCallback(() => {\n      setIsActive(false);\n    }, [setIsActive]);\n\n    const _ref = useRef<HTMLSpanElement>(null);\n    useImperativeHandle(ref!, () => _ref.current!, [_ref]);\n\n    const menuHandler = () => {\n      setIsMenuOpen(!isMenuOpen);\n    };\n\n    const handleClose = (e: any) => {\n      //Focus has to be set on the launcher when menu is dismissed or\n      //item is \"selected\"\n      if (e.reason === 'dismissed' || e.reason === 'itemAction') {\n        _ref.current?.focus();\n      }\n      setIsMenuOpen(false);\n    };\n\n    const dividerStyles = classNames([\n      compStyles.divider,\n      isDisabled && compStyles.disabledDivider\n    ]);\n\n    const rootStyles = classNames([compStyles.root]);\n\n    // Using Span for top button allows us to avoid :hover state rendering by\n    // taking advantage of :enabled not on spans\n    const rootButton = () => {\n      return (\n        <BaseButton\n          elementDetails={{ type: 'span' }}\n          ref={\n            _ref as ForwardedRef<HTMLButtonElement> &\n              ForwardedRef<HTMLAnchorElement> &\n              ForwardedRef<HTMLSpanElement>\n          }\n          isDisabled={isDisabled}\n          styling={['container', 'min']}\n          variant={variant}\n          size={size}\n          accessibleLabel={label}\n          ariaRoledescription=\"split menu button, press down arrow to invoke menu\"\n          ariaExpanded={isMenuOpen}>\n          <TabbableModeContext.Provider value={{ isTabbable: false }}>\n            <BaseButton\n              elementDetails={{ type: 'span' }}\n              variant={variant}\n              styling={getActionButtonStyling(isActive)}\n              size={size}\n              isDisabled={isDisabled}\n              ariaHidden={true}\n              onAction={onAction}>\n              {label}\n            </BaseButton>\n            <div class={`${dividerStyles}`} />\n            <BaseButton\n              elementDetails={{ type: 'span' }}\n              variant={variant}\n              styling={getMenuButtonStyling(isMenuOpen)}\n              size={size}\n              isDisabled={isDisabled}\n              ariaHidden={true}\n              onAction={menuHandler}>\n              <ButtonLayout\n                display=\"icons\"\n                startIcon={<NavDownIcon />}\n                size={size}\n                styling=\"embedded\"></ButtonLayout>\n            </BaseButton>\n          </TabbableModeContext.Provider>\n        </BaseButton>\n      );\n    };\n\n    if (isDisabled) {\n      return (\n        <span role=\"toolbar\" class={`${rootStyles} ${cls}`} style={styles}>\n          {rootButton()}\n        </span>\n      );\n    } else {\n      return (\n        <span\n          role=\"toolbar\"\n          class={`${rootStyles} ${cls}`}\n          style={styles}\n          onKeyDown={!isDisabled && onKeyDown}\n          onKeyUp={onKeyUp}\n          onBlur={onBlur}>\n          {rootButton()}\n          <Menu anchorRef={_ref} isOpen={isMenuOpen} onClose={handleClose}>\n            <span className={compStyles.childrenMargins}>{children}</span>\n          </Menu>\n        </span>\n      );\n    }\n  }\n);\n\nfunction getMenuButtonStyling(isActive: boolean) {\n  return isActive ? menuButtonActiveStyling : menuButtonStyling;\n}\n\nfunction getActionButtonStyling(isActive: boolean) {\n  return isActive ? actionButtonActiveStyling : actionbuttonStyling;\n}\n"],"names":["compStyles","menuButtonStyling","menuButtonActiveStyling","actionbuttonStyling","actionButtonActiveStyling","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","SplitMenuButton","forwardRef","_a","ref","_b","props","class","cls","styles","__rest","onKeyDown","useCallback","event","key","isDisabled","setIsMenuOpen","menuOpen","onKeyUp","onAction","onBlur","setIsActive","_ref","useRef","useImperativeHandle","current","isMenuOpen","handleClose","e","focus","divider","_jsx","BaseButton","assign","elementDetails","type","styling","variant","size","accessibleLabel","label","ariaRoledescription","ariaExpanded","children","_jsxs","TabbableModeContext","Provider","value","isTabbable","getActionButtonStyling","isActive","ariaHidden","dividerStyles","getMenuButtonStyling","menuHandler","ButtonLayout","display","startIcon","NavDownIcon","role","rootStyles","style","rootButton","Menu","anchorRef","isOpen","onClose","className","childrenMargins"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_SplitMenuButton.js","sources":["../../src/UNSAFE_SplitMenuButton/SplitMenuButton.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 { ButtonLayout } from '../UNSAFE_Button';\nimport { NavDownIcon } from '../UNSAFE_ThemedIcons';\nimport { Menu } from '../UNSAFE_Menu';\n\nimport { BaseButton, StylingOptions } from '../UNSAFE_BaseButton';\n\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { ComponentChildren } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useCallback, useState, useRef, useImperativeHandle } from 'preact/hooks';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'title'>;\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type Props = IntrinsicProps &\n  WidthInterpolationProps & {\n    /**\n     * children - One or more MenuItems\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The label rendered on the action side of the button.  Used\n     * to identify which child MenuItem action is invoked.\n     */\n    label?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     \n     */\n    variant?: 'outlined' | 'solid' | 'callToAction';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void;\n  };\n\nexport const compStyles = {\n  divider: cssProps`${{\n    borderTopWidth: '0px',\n    borderBottomWidth: '0px',\n    borderRightWidth: '0px',\n    borderLeftWidth: '1px',\n    borderStyle: 'solid',\n    height: '100%',\n    display: 'inline-flex',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color)'\n  }}`,\n\n  disabledDivider: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled)'\n  }}`,\n\n  icon: cssProps`${{\n    display: 'contents'\n  }}`,\n\n  root: cssProps`${{\n    display: 'inline-block'\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\nconst menuButtonStyling = ['embedded', 'min', 'noBorderRadiusStart'] as StylingOptions[];\nconst menuButtonActiveStyling = [...menuButtonStyling, 'active'] as StylingOptions[];\n\nconst actionbuttonStyling = ['embedded', 'fill', 'noBorderRadiusEnd'] as StylingOptions[];\nconst actionButtonActiveStyling = [...actionbuttonStyling, 'active'] as StylingOptions[];\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\n\nconst styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n\n/**\n * A SplitMenuButton is a combined action and menu button.\n */\nexport const SplitMenuButton = forwardRef(\n  (\n    {\n      children,\n      label = '',\n      variant = 'outlined',\n      isDisabled = false,\n      size = 'md',\n      onAction,\n      ...props\n    }: Props,\n    ref?: ForwardedRef<HTMLSpanElement>\n  ) => {\n    const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n    const [isActive, setIsActive] = useState<boolean>(false);\n    const { class: cls, ...styles } = styleInterpolations(props);\n\n    // SPACE or ENTER on root area invokes action, as does CLICK/TAP on LEFT SIDE ACTION AREA\n    // DOWN ARROW invokes menu, as does CLICK/TAP on RIGHT SIDE MENU AREA\n    const onKeyDown = useCallback(\n      (event: KeyboardEvent) => {\n        if (event.key === ' ' || event.key === 'Enter') {\n          setIsActive(true);\n        } else if (event.key == 'ArrowDown') {\n          !isDisabled && setIsMenuOpen((menuOpen: boolean) => !menuOpen);\n          // Prevent page scroll for down arrow, user definitely wanted to show menu in this case.\n          // Don't prevent other keypress defaults, as user may want to hold SPACE down to scroll page.\n          event.preventDefault();\n        }\n      },\n      [isDisabled, setIsMenuOpen, setIsActive]\n    );\n\n    const onKeyUp = useCallback(\n      (event: KeyboardEvent) => {\n        if (event.key === ' ' || event.key === 'Enter') {\n          !isDisabled && onAction && onAction();\n          setIsActive(false);\n        }\n      },\n      [isDisabled, onAction, setIsActive]\n    );\n\n    const onBlur = useCallback(() => {\n      setIsActive(false);\n    }, [setIsActive]);\n\n    const _ref = useRef<HTMLSpanElement>(null);\n    useImperativeHandle(ref!, () => _ref.current!, [_ref]);\n\n    const menuHandler = () => {\n      setIsMenuOpen(!isMenuOpen);\n    };\n\n    const handleClose = (e: any) => {\n      //Focus has to be set on the launcher when menu is dismissed or\n      //item is \"selected\"\n      if (e.reason === 'dismissed' || e.reason === 'itemAction') {\n        _ref.current?.focus();\n      }\n      setIsMenuOpen(false);\n    };\n\n    const dividerStyles = classNames([\n      compStyles.divider,\n      isDisabled && compStyles.disabledDivider\n    ]);\n\n    const rootStyles = classNames([compStyles.root]);\n\n    // Using Span for top button allows us to avoid :hover state rendering by\n    // taking advantage of :enabled not on spans\n    const rootButton = () => {\n      return (\n        <BaseButton\n          elementDetails={{ type: 'span' }}\n          ref={\n            _ref as ForwardedRef<HTMLButtonElement> &\n              ForwardedRef<HTMLAnchorElement> &\n              ForwardedRef<HTMLSpanElement>\n          }\n          isDisabled={isDisabled}\n          styling={['container', 'min']}\n          variant={variant}\n          size={size}\n          accessibleLabel={label}\n          ariaRoledescription=\"split menu button, press down arrow to invoke menu\"\n          ariaExpanded={isMenuOpen}>\n          <TabbableModeContext.Provider value={{ isTabbable: false }}>\n            <BaseButton\n              elementDetails={{ type: 'span' }}\n              variant={variant}\n              styling={getActionButtonStyling(isActive)}\n              size={size}\n              isDisabled={isDisabled}\n              ariaHidden={true}\n              onAction={onAction}>\n              {label}\n            </BaseButton>\n            <div class={`${dividerStyles}`} />\n            <BaseButton\n              elementDetails={{ type: 'span' }}\n              variant={variant}\n              styling={getMenuButtonStyling(isMenuOpen)}\n              size={size}\n              isDisabled={isDisabled}\n              ariaHidden={true}\n              onAction={menuHandler}>\n              <ButtonLayout\n                display=\"icons\"\n                startIcon={<NavDownIcon />}\n                size={size}\n                styling=\"embedded\"></ButtonLayout>\n            </BaseButton>\n          </TabbableModeContext.Provider>\n        </BaseButton>\n      );\n    };\n\n    if (isDisabled) {\n      return (\n        <span role=\"toolbar\" class={`${rootStyles} ${cls}`} style={styles}>\n          {rootButton()}\n        </span>\n      );\n    } else {\n      return (\n        <span\n          role=\"toolbar\"\n          class={`${rootStyles} ${cls}`}\n          style={styles}\n          onKeyDown={!isDisabled && onKeyDown}\n          onKeyUp={onKeyUp}\n          onBlur={onBlur}>\n          {rootButton()}\n          <Menu anchorRef={_ref} isOpen={isMenuOpen} onClose={handleClose}>\n            <span className={compStyles.childrenMargins}>{children}</span>\n          </Menu>\n        </span>\n      );\n    }\n  }\n);\n\nfunction getMenuButtonStyling(isActive: boolean) {\n  return isActive ? menuButtonActiveStyling : menuButtonStyling;\n}\n\nfunction getActionButtonStyling(isActive: boolean) {\n  return isActive ? actionButtonActiveStyling : actionbuttonStyling;\n}\n"],"names":["compStyles","menuButtonStyling","menuButtonActiveStyling","actionbuttonStyling","actionButtonActiveStyling","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","SplitMenuButton","forwardRef","_a","ref","_b","props","class","cls","styles","__rest","onKeyDown","useCallback","event","key","isDisabled","setIsMenuOpen","menuOpen","onKeyUp","onAction","onBlur","setIsActive","_ref","useRef","useImperativeHandle","current","isMenuOpen","handleClose","e","focus","divider","_jsx","BaseButton","assign","elementDetails","type","styling","variant","size","accessibleLabel","label","ariaRoledescription","ariaExpanded","children","_jsxs","TabbableModeContext","Provider","value","isTabbable","getActionButtonStyling","isActive","ariaHidden","dividerStyles","getMenuButtonStyling","menuHandler","ButtonLayout","display","startIcon","NavDownIcon","role","rootStyles","style","rootButton","Menu","anchorRef","isOpen","onClose","className","childrenMargins"],"mappings":"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"}

package/es/UNSAFE_Subheading.css

@@ -1,8 +1,8 @@
-.t6chef{margin:0;}.t6chef > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-.wlghcv{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xs-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xs-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xs-line-height);}
-._19hsffa{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-sm-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-sm-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-sm-line-height);}
-._1gcd4bx{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-md-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-md-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-md-line-height);}
-.hske7m{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-lg-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-lg-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-lg-line-height);}
-._18rce0t{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xl-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xl-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xl-line-height);}
-._8mr3gx{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-2xl-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-2xl-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-2xl-line-height);}
-.b186bv{font-size:inherit;font-weight:inherit;line-height:inherit;}
+._1q7rd7g{margin:0;}._1q7rd7g > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._12jjwpe{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xs-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xs-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xs-line-height);}
+.qul4oh{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-sm-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-sm-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-sm-line-height);}
+.d82pt5{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-md-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-md-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-md-line-height);}
+._1lvopzz{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-lg-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-lg-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-lg-line-height);}
+.pnbq3s{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xl-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xl-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xl-line-height);}
+.bxmb4k{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-2xl-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-2xl-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-2xl-line-height);}
+.wgsje7{font-size:inherit;font-weight:inherit;line-height:inherit;}

package/es/UNSAFE_Subheading.js

@@ -1,14 +1,14 @@
-/* @oracle/oraclejet-preact: 14.1.13 */
-import { _ as __rest } from './tslib.es6-5ac77683.js';
+/* @oracle/oraclejet-preact: 14.1.14 */
+import { _ as __rest } from './tslib.es6-9b64a31a.js';
 import { jsx } from 'preact/jsx-runtime';
 import { stringLiteralArray } from './utils/UNSAFE_arrayUtils.js';
 import "./UNSAFE_Subheading.css";
 import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
 import './utils/UNSAFE_classNames.js';
-import './_curry1-fb454e58.js';
-import './_curry3-8336cc21.js';
-import './_curry2-7a71d5d4.js';
-import './_has-ae8757cb.js';
+import './_curry1-2a9333ec.js';
+import './_curry3-aa3c73cf.js';
+import './_curry2-07c02247.js';
+import './_has-eab86c92.js';
 
 /**
  * A function that always returns `false`. Any passed in parameters are ignored.
@@ -10956,15 +10956,15 @@ const headingsizeMap = {
   span: 'md'
 };
 const styles = {
-  base: "t6chef",
+  base: "_1q7rd7g",
   size: {
-    xs: "wlghcv",
-    sm: "_19hsffa",
-    md: "_1gcd4bx",
-    lg: "hske7m",
-    xl: "_18rce0t",
-    '2xl': "_8mr3gx",
-    inherit: "b186bv"
+    xs: "_12jjwpe",
+    sm: "qul4oh",
+    md: "d82pt5",
+    lg: "_1lvopzz",
+    xl: "pnbq3s",
+    '2xl': "bxmb4k",
+    inherit: "wgsje7"
   }
 };
 const sizeOptions = keys(styles.size);