@oracle/oraclejet-preact 14.0.11 → 14.0.12

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,SAAA;;AAAA,CAAA,CAAA;AAeA,MAAAC,cAAA,GAAA;QAAA,QAAA;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,QAAA;cAAA,SAAA;;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 @@
-._159lnyj{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;}
+._5b6uia{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.0.11 */
-import { _ as __rest } from './tslib.es6-889a3913.js';
+/* @oracle/oraclejet-preact: 14.0.12 */
+import { _ as __rest } from './tslib.es6-d3abf634.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-6ff386cd.js';
-import './_curry3-10b7c5c1.js';
-import './_curry2-fb042bda.js';
-import './_has-f345efff.js';
+import './_curry1-741e4bea.js';
+import './_curry3-38b39c78.js';
+import './_curry2-17784d2a.js';
+import './_has-236af835.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: "_159lnyj"
+  base: "_5b6uia"
 };
 /**
  * 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.0.11 */
-import { _ as __rest } from './tslib.es6-889a3913.js';
+/* @oracle/oraclejet-preact: 14.0.12 */
+import { _ as __rest } from './tslib.es6-d3abf634.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-6ff386cd.js';
+import './_curry1-741e4bea.js';
 import './utils/UNSAFE_classNames.js';
-import './_curry3-10b7c5c1.js';
-import './_curry2-fb042bda.js';
-import './_has-f345efff.js';
+import './_curry3-38b39c78.js';
+import './_curry2-17784d2a.js';
+import './_has-236af835.js';
 
-import './keys-19401115.js';
+import './keys-1671d3fe.js';
 
 const interpolations = [...Object.values(dimensionInterpolations), flexitemInterpolations.flex];
 const styleInterpolations = mergeInterpolations(interpolations);

package/es/UNSAFE_SplitMenuButton.css

@@ -1,5 +1,5 @@
-.da7rwo{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);}
-.vy4qy8{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);}
-.wyq3gc{display:contents;}
-.u1vbte{display:inline-block;}
-.ne0p7h > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._9lnm5x{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);}
+.h2whky{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);}
+._1197g9l{display:contents;}
+._6qusdh{display:inline-block;}
+._1sb5jg2 > *{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.0.11 */
-import { _ as __rest } from './tslib.es6-889a3913.js';
+/* @oracle/oraclejet-preact: 14.0.12 */
+import { _ as __rest } from './tslib.es6-d3abf634.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-6ff386cd.js';
-import './_curry3-10b7c5c1.js';
-import './_curry2-fb042bda.js';
-import './_has-f345efff.js';
+import './_curry1-741e4bea.js';
+import './_curry3-38b39c78.js';
+import './_curry2-17784d2a.js';
+import './_has-236af835.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-312e6fa0.js';
+import './index-6eadec6f.js';
 import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';
@@ -46,11 +46,11 @@ import './UNSAFE_Text.js';
 import './UNSAFE_Divider.js';
 
 const compStyles = {
-  divider: "da7rwo",
-  disabledDivider: "vy4qy8",
-  icon: "wyq3gc",
-  root: "u1vbte",
-  childrenMargins: "ne0p7h"
+  divider: "_9lnm5x",
+  disabledDivider: "h2whky",
+  icon: "_1197g9l",
+  root: "_6qusdh",
+  childrenMargins: "_1sb5jg2"
 };
 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      if (e.reason === 'cancel' || 'focusLoss') {\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","reason","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      if (e.reason === 'cancel' || 'focusLoss') {\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","reason","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_Text.css

@@ -1,25 +1,25 @@
-.fgd3ix{overflow-x:hidden;overflow-y:hidden;overflow-wrap:anywhere;display:inline;}
-._197s55w{display:-webkit-box;-webkit-box-orient:vertical;}
-._5ehqnr{text-overflow:clip;white-space:nowrap;width:100%;display:inline-block;}
-.ea9anu{text-overflow:ellipsis;white-space:nowrap;width:100%;display:inline-block;}
-._1fg8fny{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-._137iaas{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-.af38bq{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-.qs4rup{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.bhh7zv{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._1khh92f{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
-._14ofxn4{color:inherit;}
-.sgfopi{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-line-height);}
-._12cmqge{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height);}
-.u46l09{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-line-height);}
-._15yztu0{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height);}
-.wi8tyy{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-line-height);}
-._118folx{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-line-height);}
-._1n08vk3{font-size:inherit;line-height:inherit;}
-._5s8zsn{font-weight:normal;}
-._1h0yz8p{font-weight:600;}
-._1fuiimp{font-weight:700;}
-._1fhpl7i{font-weight:inherit;}
-.le920n{hyphens:auto;}
-.mc7cq5{hyphens:none;}
-._1hki699 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._11ahcbp{overflow-x:hidden;overflow-y:hidden;overflow-wrap:anywhere;display:inline;}
+.ypu8cz{display:-webkit-box;-webkit-box-orient:vertical;}
+._1hwdl78{text-overflow:clip;white-space:nowrap;width:100%;display:inline-block;}
+.hmzbxm{text-overflow:ellipsis;white-space:nowrap;width:100%;display:inline-block;}
+._1ukbqb8{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._1yzelxr{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+._1bsku7r{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._18d281k{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._1u26bit{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._88g5cg{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
+.tez170{color:inherit;}
+._1xftt2n{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-line-height);}
+._1k9gpyn{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height);}
+._8k049b{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-line-height);}
+._1qxx5cp{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height);}
+._1xnasos{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-line-height);}
+._5ylvf9{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-line-height);}
+._17wgci4{font-size:inherit;line-height:inherit;}
+.a0y82w{font-weight:normal;}
+._1vv480l{font-weight:600;}
+._1jfchbc{font-weight:700;}
+._1yyml3i{font-weight:inherit;}
+._1mpsh20{hyphens:auto;}
+._1w07yay{hyphens:none;}
+._10apqpr > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/es/UNSAFE_Text.js

@@ -1,49 +1,49 @@
-/* @oracle/oraclejet-preact: 14.0.11 */
-import { _ as __rest } from './tslib.es6-889a3913.js';
+/* @oracle/oraclejet-preact: 14.0.12 */
+import { _ as __rest } from './tslib.es6-d3abf634.js';
 import { jsx } from 'preact/jsx-runtime';
 import "./UNSAFE_Text.css";
 import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
 import './utils/UNSAFE_classNames.js';
-import './_curry1-6ff386cd.js';
-import './_curry3-10b7c5c1.js';
-import './_curry2-fb042bda.js';
-import './_has-f345efff.js';
+import './_curry1-741e4bea.js';
+import './_curry3-38b39c78.js';
+import './_curry2-17784d2a.js';
+import './_has-236af835.js';
 
 const styles = {
-  base: "fgd3ix",
-  lineClamp: "_197s55w",
+  base: "_11ahcbp",
+  lineClamp: "ypu8cz",
   truncation: {
     none: '',
-    clip: "_5ehqnr",
-    ellipsis: "ea9anu"
+    clip: "_1hwdl78",
+    ellipsis: "hmzbxm"
   },
   variant: {
-    primary: "_1fg8fny",
-    secondary: "_137iaas",
-    disabled: "af38bq",
-    danger: "qs4rup",
-    warning: "bhh7zv",
-    success: "_1khh92f",
-    inherit: "_14ofxn4"
+    primary: "_1ukbqb8",
+    secondary: "_1yzelxr",
+    disabled: "_1bsku7r",
+    danger: "_18d281k",
+    warning: "_1u26bit",
+    success: "_88g5cg",
+    inherit: "tez170"
   },
   size: {
-    '2xs': "sgfopi",
-    xs: "_12cmqge",
-    sm: "u46l09",
-    md: "_15yztu0",
-    lg: "wi8tyy",
-    xl: "_118folx",
-    inherit: "_1n08vk3"
+    '2xs': "_1xftt2n",
+    xs: "_1k9gpyn",
+    sm: "_8k049b",
+    md: "_1qxx5cp",
+    lg: "_1xnasos",
+    xl: "_5ylvf9",
+    inherit: "_17wgci4"
   },
   weight: {
-    normal: "_5s8zsn",
-    semiBold: "_1h0yz8p",
-    bold: "_1fuiimp",
-    inherit: "_1fhpl7i"
+    normal: "a0y82w",
+    semiBold: "_1vv480l",
+    bold: "_1jfchbc",
+    inherit: "_1yyml3i"
   },
   hyphens: {
-    auto: "le920n",
-    none: "mc7cq5"
+    auto: "_1mpsh20",
+    none: "_1w07yay"
   }
 };
 const interpolations = [() => ({
@@ -75,7 +75,7 @@ const interpolations = [() => ({
   webkitLineClamp: lineClamp
 }];
 const styleInterpolations = mergeInterpolations(interpolations);
-const childrenStyles = "_1hki699";
+const childrenStyles = "_10apqpr";
 function Text(_a) {
   var {
     children

package/es/UNSAFE_Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Text.js","sources":["../../src/UNSAFE_Text/Text.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype StylePropsWithOutTruncate = {\n  /**\n   * Specifies text color. If set as \"inherit\", takes text color from its parent element.\n   */\n  variant?: 'primary' | 'secondary' | 'disabled' | 'danger' | 'warning' | 'success' | 'inherit';\n\n  /**\n   * Specifies font size and line height. If set as \"inherit\", takes font size and line height from its parent element.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'inherit';\n\n  /**\n   * Specifies the font weight. If set as \"inherit\", takes font weight from its parent element.\n   */\n  weight?: 'normal' | 'semiBold' | 'bold' | 'inherit';\n\n  /**\n   * Specifies if hyphens should be included when handling long words with no spaces.\n   */\n  hyphens?: 'auto' | 'none';\n};\ntype TruncateProps =\n  | {\n      /**\n       * Truncates text at a specific number of lines and then displays an ellipsis (…) at the end of the last line. Parent of the element needs to have a specific width so text starts overflowing and produce a truncation.\n       */\n      lineClamp?: number;\n      /**\n       * Determines text behavior when text is truncated. Be aware of setting either lineClamp or truncation. Setting both props would produce a type error. In most cases, lineClamp=1 tries to put the ellipsis at the end of a \"word\". On the other hand, using truncation=\"ellipsis\" will show as much as possible text, then put the ellipsis at the end.\n       */\n      truncation?: never;\n    }\n  | {\n      lineClamp?: never;\n      truncation?: 'none' | 'clip' | 'ellipsis';\n    };\ntype AdditionalProps = {\n  /**\n   * Specifies the text id\n   */\n  id?: string;\n\n  /**\n   * Specifies the children.\n   */\n  children?: string;\n};\ntype Props = StylePropsWithOutTruncate & TruncateProps & AdditionalProps;\n\nconst styles = {\n  base: cssProps`${{\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    overflowWrap: 'anywhere',\n    display: 'inline'\n  }}`,\n  lineClamp: cssProps`${{\n    display: '-webkit-box',\n    WebkitBoxOrient: 'vertical'\n  }}`,\n  truncation: {\n    none: '',\n    clip: cssProps`${{\n      textOverflow: 'clip',\n      whiteSpace: 'nowrap',\n      width: '100%',\n      display: 'inline-block'\n    }}`,\n    ellipsis: cssProps`${{\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      width: '100%',\n      display: 'inline-block'\n    }}`\n  },\n  variant: {\n    primary: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n    }}`,\n    secondary: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n    }}`,\n    disabled: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n    }}`,\n    danger: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n    }}`,\n    warning: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n    }}`,\n    success: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3)'\n    }}`,\n    inherit: cssProps`${{\n      color: 'inherit'\n    }}`\n  },\n  size: {\n    '2xs': cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-line-height)'\n    }}`,\n    xs: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height)'\n    }}`,\n    sm: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-line-height)'\n    }}`,\n    md: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height)'\n    }}`,\n    lg: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-line-height)'\n    }}`,\n    xl: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-line-height)'\n    }}`,\n    inherit: cssProps`${{\n      fontSize: 'inherit',\n      lineHeight: 'inherit'\n    }}`\n  },\n  weight: {\n    normal: cssProps`${{\n      fontWeight: 'normal'\n    }}`,\n    semiBold: cssProps`${{\n      fontWeight: '600'\n    }}`,\n    bold: cssProps`${{\n      fontWeight: '700'\n    }}`,\n    inherit: cssProps`${{\n      fontWeight: 'inherit'\n    }}`\n  },\n  hyphens: {\n    auto: cssProps`${{\n      hyphens: 'auto'\n    }}`,\n    none: cssProps`${{\n      hyphens: 'none'\n    }}`\n  }\n};\nconst interpolations = [\n  () => ({ class: styles.base }),\n  ({ size = 'inherit' }: Pick<StylePropsWithOutTruncate, 'size'>) => ({\n    class: styles.size[size]\n  }),\n  ({ weight = 'inherit' }: Pick<StylePropsWithOutTruncate, 'weight'>) => ({\n    class: styles.weight[weight]\n  }),\n  ({ variant = 'inherit' }: Pick<StylePropsWithOutTruncate, 'variant'>) => ({\n    class: styles.variant[variant]\n  }),\n  ({ hyphens = 'auto' }: Pick<StylePropsWithOutTruncate, 'hyphens'>) => ({\n    class: styles.hyphens[hyphens]\n  }),\n  ({ truncation = 'none' }: Pick<TruncateProps, 'truncation'>) => ({\n    class: styles.truncation[truncation]\n  }),\n  ({ lineClamp }: Pick<TruncateProps, 'lineClamp'>) =>\n    !lineClamp ? {} : { class: styles.lineClamp, webkitLineClamp: lineClamp }\n];\nconst styleInterpolations = mergeInterpolations<Omit<Props, 'children'>>(interpolations);\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nexport function Text({ children, ...props }: Props) {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  return (\n    <span class={cls} style={styles} id={props.id}>\n      <span className={childrenStyles}>{children}</span>\n    </span>\n  );\n}\n"],"names":["styles","truncation","none","variant","size","weight","hyphens","interpolations","class","styleInterpolations","mergeInterpolations","childrenStyles","Text","_a","children","props","__rest","_b","cls"],"mappings":";;;;;;;;;;;AA2DA,MAAAA,MAAA,GAAA;QAAA,QAAA;aAAA,UAAA;AAWEC,EAAAA,UAAA,EAAA;AACEC,IAAAA,IAAA,EAAA,EADF;UAAA,SAAA;;GAXF;AA0BEC,EAAAA,OAAA,EAAA;aAAA,UAAA;eAAA,UAAA;cAAA,QAAA;YAAA,QAAA;aAAA,QAAA;aAAA,UAAA;;GA1BF;AAiDEC,EAAAA,IAAA,EAAA;SAAA,EAAA,QAAA;QAAA,UAAA;QAAA,QAAA;QAAA,UAAA;QAAA,QAAA;QAAA,UAAA;;GAjDF;AA+EEC,EAAAA,MAAA,EAAA;YAAA,SAAA;cAAA,UAAA;UAAA,UAAA;;GA/EF;AA6FEC,EAAAA,OAAA,EAAA;UAAA,QAAA;;AAAA,GAAA;AA7FF,CAAA,CAAA;AAsGA,MAAAC,cAAA,GAAA;;EAAA;;;AAGIC,EAAAA,KAAA,EAAAR,MAAA,CAAAI,IAAA,CAAAA,IAAA,CAAA;EAHJ;;;AAMII,EAAAA,KAAA,EAAAR,MAAA,CAAAK,MAAA,CAAAA,MAAA,CAAA;EANJ;;;AASIG,EAAAA,KAAA,EAAAR,MAAA,CAAAG,OAAA,CAAAA,OAAA,CAAA;EATJ;;;AAYIK,EAAAA,KAAA,EAAAR,MAAA,CAAAM,OAAA,CAAAA,OAAA,CAAA;EAZJ;;;AAeIE,EAAAA,KAAA,EAAAR,MAAA,CAAAC,UAAA,CAAAA,UAAA,CAAA;EAfJ;;;;;CAAA,CAAA,CAAA;AAoBA,MAAAQ,mBAAA,GAAAC,mBAAA,CAAAH,cAAA,CAAA,CAAA;AACA,MAAAI,cAAA,GAAA,UAAA,CAAA;AAUA,SAAAC,IAAA,CAAAC,EAAA,EAAA;EAAqB,IAAA;AAAAC,IAAAA,QAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAE,KAAA,GAAAC,MAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;AACnB,EAAA,MAAAI,EAAA,GAAAR,mBAAA,CAAAM,KAAA,CAAA;QAAA;AAAAP,IAAAA,KAAA,EAAAU,GAAAA;AAAA,GAAA,GAAAD,EAAA;QAAAjB,MAAA,GAAAgB,MAAA,CAAAC,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;AAMF;;;;;;;"}
+{"version":3,"file":"UNSAFE_Text.js","sources":["../../src/UNSAFE_Text/Text.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype StylePropsWithOutTruncate = {\n  /**\n   * Specifies text color. If set as \"inherit\", takes text color from its parent element.\n   */\n  variant?: 'primary' | 'secondary' | 'disabled' | 'danger' | 'warning' | 'success' | 'inherit';\n\n  /**\n   * Specifies font size and line height. If set as \"inherit\", takes font size and line height from its parent element.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'inherit';\n\n  /**\n   * Specifies the font weight. If set as \"inherit\", takes font weight from its parent element.\n   */\n  weight?: 'normal' | 'semiBold' | 'bold' | 'inherit';\n\n  /**\n   * Specifies if hyphens should be included when handling long words with no spaces.\n   */\n  hyphens?: 'auto' | 'none';\n};\ntype TruncateProps =\n  | {\n      /**\n       * Truncates text at a specific number of lines and then displays an ellipsis (…) at the end of the last line. Parent of the element needs to have a specific width so text starts overflowing and produce a truncation.\n       */\n      lineClamp?: number;\n      /**\n       * Determines text behavior when text is truncated. Be aware of setting either lineClamp or truncation. Setting both props would produce a type error. In most cases, lineClamp=1 tries to put the ellipsis at the end of a \"word\". On the other hand, using truncation=\"ellipsis\" will show as much as possible text, then put the ellipsis at the end.\n       */\n      truncation?: never;\n    }\n  | {\n      lineClamp?: never;\n      truncation?: 'none' | 'clip' | 'ellipsis';\n    };\ntype AdditionalProps = {\n  /**\n   * Specifies the text id\n   */\n  id?: string;\n\n  /**\n   * Specifies the children.\n   */\n  children?: string;\n};\ntype Props = StylePropsWithOutTruncate & TruncateProps & AdditionalProps;\n\nconst styles = {\n  base: cssProps`${{\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    overflowWrap: 'anywhere',\n    display: 'inline'\n  }}`,\n  lineClamp: cssProps`${{\n    display: '-webkit-box',\n    WebkitBoxOrient: 'vertical'\n  }}`,\n  truncation: {\n    none: '',\n    clip: cssProps`${{\n      textOverflow: 'clip',\n      whiteSpace: 'nowrap',\n      width: '100%',\n      display: 'inline-block'\n    }}`,\n    ellipsis: cssProps`${{\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      width: '100%',\n      display: 'inline-block'\n    }}`\n  },\n  variant: {\n    primary: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n    }}`,\n    secondary: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n    }}`,\n    disabled: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n    }}`,\n    danger: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n    }}`,\n    warning: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n    }}`,\n    success: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3)'\n    }}`,\n    inherit: cssProps`${{\n      color: 'inherit'\n    }}`\n  },\n  size: {\n    '2xs': cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-line-height)'\n    }}`,\n    xs: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height)'\n    }}`,\n    sm: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-line-height)'\n    }}`,\n    md: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height)'\n    }}`,\n    lg: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-line-height)'\n    }}`,\n    xl: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-font-size)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-line-height)'\n    }}`,\n    inherit: cssProps`${{\n      fontSize: 'inherit',\n      lineHeight: 'inherit'\n    }}`\n  },\n  weight: {\n    normal: cssProps`${{\n      fontWeight: 'normal'\n    }}`,\n    semiBold: cssProps`${{\n      fontWeight: '600'\n    }}`,\n    bold: cssProps`${{\n      fontWeight: '700'\n    }}`,\n    inherit: cssProps`${{\n      fontWeight: 'inherit'\n    }}`\n  },\n  hyphens: {\n    auto: cssProps`${{\n      hyphens: 'auto'\n    }}`,\n    none: cssProps`${{\n      hyphens: 'none'\n    }}`\n  }\n};\nconst interpolations = [\n  () => ({ class: styles.base }),\n  ({ size = 'inherit' }: Pick<StylePropsWithOutTruncate, 'size'>) => ({\n    class: styles.size[size]\n  }),\n  ({ weight = 'inherit' }: Pick<StylePropsWithOutTruncate, 'weight'>) => ({\n    class: styles.weight[weight]\n  }),\n  ({ variant = 'inherit' }: Pick<StylePropsWithOutTruncate, 'variant'>) => ({\n    class: styles.variant[variant]\n  }),\n  ({ hyphens = 'auto' }: Pick<StylePropsWithOutTruncate, 'hyphens'>) => ({\n    class: styles.hyphens[hyphens]\n  }),\n  ({ truncation = 'none' }: Pick<TruncateProps, 'truncation'>) => ({\n    class: styles.truncation[truncation]\n  }),\n  ({ lineClamp }: Pick<TruncateProps, 'lineClamp'>) =>\n    !lineClamp ? {} : { class: styles.lineClamp, webkitLineClamp: lineClamp }\n];\nconst styleInterpolations = mergeInterpolations<Omit<Props, 'children'>>(interpolations);\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nexport function Text({ children, ...props }: Props) {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  return (\n    <span class={cls} style={styles} id={props.id}>\n      <span className={childrenStyles}>{children}</span>\n    </span>\n  );\n}\n"],"names":["styles","truncation","none","variant","size","weight","hyphens","interpolations","class","styleInterpolations","mergeInterpolations","childrenStyles","Text","_a","children","props","__rest","_b","cls"],"mappings":";;;;;;;;;;;AA2DA,MAAAA,MAAA,GAAA;QAAA,UAAA;aAAA,QAAA;AAWEC,EAAAA,UAAA,EAAA;AACEC,IAAAA,IAAA,EAAA,EADF;UAAA,UAAA;;GAXF;AA0BEC,EAAAA,OAAA,EAAA;aAAA,UAAA;eAAA,UAAA;cAAA,UAAA;YAAA,UAAA;aAAA,UAAA;aAAA,SAAA;;GA1BF;AAiDEC,EAAAA,IAAA,EAAA;SAAA,EAAA,UAAA;QAAA,UAAA;QAAA,SAAA;QAAA,UAAA;QAAA,UAAA;QAAA,SAAA;;GAjDF;AA+EEC,EAAAA,MAAA,EAAA;YAAA,QAAA;cAAA,UAAA;UAAA,UAAA;;GA/EF;AA6FEC,EAAAA,OAAA,EAAA;UAAA,UAAA;;AAAA,GAAA;AA7FF,CAAA,CAAA;AAsGA,MAAAC,cAAA,GAAA;;EAAA;;;AAGIC,EAAAA,KAAA,EAAAR,MAAA,CAAAI,IAAA,CAAAA,IAAA,CAAA;EAHJ;;;AAMII,EAAAA,KAAA,EAAAR,MAAA,CAAAK,MAAA,CAAAA,MAAA,CAAA;EANJ;;;AASIG,EAAAA,KAAA,EAAAR,MAAA,CAAAG,OAAA,CAAAA,OAAA,CAAA;EATJ;;;AAYIK,EAAAA,KAAA,EAAAR,MAAA,CAAAM,OAAA,CAAAA,OAAA,CAAA;EAZJ;;;AAeIE,EAAAA,KAAA,EAAAR,MAAA,CAAAC,UAAA,CAAAA,UAAA,CAAA;EAfJ;;;;;CAAA,CAAA,CAAA;AAoBA,MAAAQ,mBAAA,GAAAC,mBAAA,CAAAH,cAAA,CAAA,CAAA;AACA,MAAAI,cAAA,GAAA,UAAA,CAAA;AAUA,SAAAC,IAAA,CAAAC,EAAA,EAAA;EAAqB,IAAA;AAAAC,IAAAA,QAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAE,KAAA,GAAAC,MAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;AACnB,EAAA,MAAAI,EAAA,GAAAR,mBAAA,CAAAM,KAAA,CAAA;QAAA;AAAAP,IAAAA,KAAA,EAAAU,GAAAA;AAAA,GAAA,GAAAD,EAAA;QAAAjB,MAAA,GAAAgB,MAAA,CAAAC,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;AAMF;;;;;;;"}

package/es/UNSAFE_TextArea.css

@@ -1,3 +1,3 @@
-.v5zz6l{display:flex;align-items:center;justify-content:flex-end;cursor:text;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);text-decoration-line:none;padding-top:0;padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-._1gf352n{visibility:hidden;}
-.yfz2w8{display:inline-block;}
+._172uhkk{display:flex;align-items:center;justify-content:flex-end;cursor:text;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);text-decoration-line:none;padding-top:0;padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+._1hv3nn{visibility:hidden;}
+._1ax9muh{display:inline-block;}

package/es/UNSAFE_TextArea.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.11 */
+/* @oracle/oraclejet-preact: 14.0.12 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { forwardRef, useCallback as useCallback$1 } from 'preact/compat';
@@ -15,16 +15,16 @@ import { classNames } from './utils/UNSAFE_classNames.js';
 import { useCallback } from 'preact/hooks';
 import { usePress } from './hooks/UNSAFE_usePress.js';
 import { useCurrentValueReducer } from './hooks/UNSAFE_useCurrentValueReducer.js';
-import './tslib.es6-889a3913.js';
+import './tslib.es6-d3abf634.js';
 import './hooks/UNSAFE_useFocusWithin.js';
 import './hooks/UNSAFE_useTabbableMode.js';
 import './utils/UNSAFE_interpolations/text.js';
-import './keys-19401115.js';
-import './_curry1-6ff386cd.js';
-import './_has-f345efff.js';
+import './keys-1671d3fe.js';
+import './_curry1-741e4bea.js';
+import './_has-236af835.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-10b7c5c1.js';
-import './_curry2-fb042bda.js';
+import './_curry3-38b39c78.js';
+import './_curry2-17784d2a.js';
 import './hooks/UNSAFE_useTranslationBundle.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';
@@ -55,7 +55,7 @@ import './UNSAFE_Icons.js';
 import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './UNSAFE_Floating.js';
-import './index-312e6fa0.js';
+import './index-6eadec6f.js';
 import './hooks/UNSAFE_useUser.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
@@ -74,14 +74,14 @@ import './UNSAFE_HiddenAccessible.js';
 import './utils/UNSAFE_lengthFilter.js';
 
 const rootStyles = {
-  base: "v5zz6l"
+  base: "_172uhkk"
 };
 const remainingTextStyles = {
-  hide: "_1gf352n"
+  hide: "_1hv3nn"
 }; // the spans surrounding the {valueLength}, / and {maxlength}  need to be display: inline-block
 // so that the order is flipped horizontally in RTL.
 
-const spanStyles = "yfz2w8";
+const spanStyles = "_1ax9muh";
 
 const noop = () => {};