@oracle/oraclejet-preact 20.1.4 → 20.1.5

package/cjs/BadgeVariants.styles2.css

@@ -1,65 +1,65 @@
-.BadgeVariants_multiVariantStyles_edge_end__1h6m6d71 {
+.BadgeVariants_multiVariantStyles_edge_end__24kjgj1 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.BadgeVariants_multiVariantStyles_size_xs__1h6m6d72 {
+.BadgeVariants_multiVariantStyles_size_xs__24kjgj2 {
   --height__88ut8n6: var(--sizes-xs-height__88ut8nt);
   --fontSize__88ut8n2: var(--sizes-xs-fontSize__88ut8nu);
   --fontWeight__88ut8n3: var(--sizes-xs-fontWeight__88ut8nv);
   --borderRadius__88ut8n7: var(--sizes-xs-borderRadius__88ut8nw);
   --padding__88ut8n8: var(--sizes-xs-padding__88ut8nx);
 }
-.BadgeVariants_multiVariantStyles_size_sm__1h6m6d73 {
+.BadgeVariants_multiVariantStyles_size_sm__24kjgj3 {
   --height__88ut8n6: var(--sizes-sm-height__88ut8ny);
   --fontSize__88ut8n2: var(--sizes-sm-fontSize__88ut8nz);
   --fontWeight__88ut8n3: var(--sizes-sm-fontWeight__88ut8n10);
   --borderRadius__88ut8n7: var(--sizes-sm-borderRadius__88ut8n11);
   --padding__88ut8n8: var(--sizes-sm-padding__88ut8n12);
 }
-.BadgeVariants_multiVariantStyles_size_md__1h6m6d74 {
+.BadgeVariants_multiVariantStyles_size_md__24kjgj4 {
   --height__88ut8n6: var(--sizes-md-height__88ut8n13);
   --fontSize__88ut8n2: var(--sizes-md-fontSize__88ut8n14);
   --fontWeight__88ut8n3: var(--sizes-md-fontWeight__88ut8n15);
   --borderRadius__88ut8n7: var(--sizes-md-borderRadius__88ut8n16);
   --padding__88ut8n8: var(--sizes-md-padding__88ut8n17);
 }
-.BadgeVariants_multiVariantStyles_variant_neutral__1h6m6d75 {
+.BadgeVariants_multiVariantStyles_variant_neutral__24kjgj5 {
   --backgroundColor__88ut8n0: var(--variants-neutral-backgroundColor__88ut8n9);
   --color__88ut8n1: var(--variants-neutral-color__88ut8na);
 }
-.BadgeVariants_multiVariantStyles_variant_danger__1h6m6d76 {
+.BadgeVariants_multiVariantStyles_variant_danger__24kjgj6 {
   --backgroundColor__88ut8n0: var(--variants-danger-backgroundColor__88ut8nb);
   --color__88ut8n1: var(--variants-danger-color__88ut8nc);
 }
-.BadgeVariants_multiVariantStyles_variant_warning__1h6m6d77 {
+.BadgeVariants_multiVariantStyles_variant_warning__24kjgj7 {
   --backgroundColor__88ut8n0: var(--variants-warning-backgroundColor__88ut8nd);
   --color__88ut8n1: var(--variants-warning-color__88ut8ne);
 }
-.BadgeVariants_multiVariantStyles_variant_success__1h6m6d78 {
+.BadgeVariants_multiVariantStyles_variant_success__24kjgj8 {
   --backgroundColor__88ut8n0: var(--variants-success-backgroundColor__88ut8nf);
   --color__88ut8n1: var(--variants-success-color__88ut8ng);
 }
-.BadgeVariants_multiVariantStyles_variant_info__1h6m6d79 {
+.BadgeVariants_multiVariantStyles_variant_info__24kjgj9 {
   --backgroundColor__88ut8n0: var(--variants-info-backgroundColor__88ut8nh);
   --color__88ut8n1: var(--variants-info-color__88ut8ni);
 }
-.BadgeVariants_multiVariantStyles_variant_neutralSubtle__1h6m6d7a {
+.BadgeVariants_multiVariantStyles_variant_neutralSubtle__24kjgja {
   --backgroundColor__88ut8n0: var(--variants-neutralSubtle-backgroundColor__88ut8nj);
   --color__88ut8n1: var(--variants-neutralSubtle-color__88ut8nk);
 }
-.BadgeVariants_multiVariantStyles_variant_dangerSubtle__1h6m6d7b {
+.BadgeVariants_multiVariantStyles_variant_dangerSubtle__24kjgjb {
   --backgroundColor__88ut8n0: var(--variants-dangerSubtle-backgroundColor__88ut8nl);
   --color__88ut8n1: var(--variants-dangerSubtle-color__88ut8nm);
 }
-.BadgeVariants_multiVariantStyles_variant_warningSubtle__1h6m6d7c {
+.BadgeVariants_multiVariantStyles_variant_warningSubtle__24kjgjc {
   --backgroundColor__88ut8n0: var(--variants-warningSubtle-backgroundColor__88ut8nn);
   --color__88ut8n1: var(--variants-warningSubtle-color__88ut8no);
 }
-.BadgeVariants_multiVariantStyles_variant_successSubtle__1h6m6d7d {
+.BadgeVariants_multiVariantStyles_variant_successSubtle__24kjgjd {
   --backgroundColor__88ut8n0: var(--variants-successSubtle-backgroundColor__88ut8np);
   --color__88ut8n1: var(--variants-successSubtle-color__88ut8nq);
 }
-.BadgeVariants_multiVariantStyles_variant_infoSubtle__1h6m6d7e {
+.BadgeVariants_multiVariantStyles_variant_infoSubtle__24kjgje {
   --backgroundColor__88ut8n0: var(--variants-infoSubtle-backgroundColor__88ut8nr);
   --color__88ut8n1: var(--variants-infoSubtle-color__88ut8ns);
 }

package/cjs/BaseButton-e31fec18.js

@@ -0,0 +1,86 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var compat = require('preact/compat');
+var useHover = require('./useHover-49b0430d.js');
+var useActive = require('./useActive-6770f917.js');
+var useColorScheme = require('./useColorScheme-852ec82e.js');
+var classNames = require('./classNames-c14c6ef3.js');
+var dimensions = require('./dimensions-6101ca1f.js');
+var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
+var clientHints$1 = require('./clientHints-c40c5250.js');
+var mergeProps = require('./mergeProps-e3da7237.js');
+var UNSAFE_BaseButton_themes_redwood_BaseButtonTheme = require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
+var useComponentTheme = require('./useComponentTheme-181c58a1.js');
+var BareButton = require('./BareButton-e8a030d7.js');
+var buttonUtils = require('./buttonUtils-dff2ea3e.js');
+
+const interpolations = [...Object.values(dimensions.dimensionInterpolations)];
+const styleInterpolations = mergeInterpolations.mergeInterpolations(interpolations);
+const clientHints = clientHints$1.getClientHints();
+// :active only works on IOS devices if a touch handler exists
+const iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () { } } : {};
+const isHybrid = clientHints$1.getClientHints().hoverSupport === 'events';
+const BaseButton = compat.forwardRef(({ variant, isReadOnly = false, isDisabled = false, isRepeat = false, isClick, size, onAction, elementDetails = { type: 'button', buttonType: 'button' }, styling = ['default'], edge = 'none', testId, ...props }, ref) => {
+    const isStyled = (name) => {
+        return styling.indexOf(name) > -1;
+    };
+    const { globalEventProps, ariaProps } = buttonUtils.processGlobals(props);
+    const { hoverProps, isHover } = useHover.useHover({ isDisabled: !isHybrid });
+    const { activeProps, isActive } = useActive.useActive({ isDisabled: isReadOnly });
+    const { class: cls, ...styles } = styleInterpolations({
+        ...props,
+        ...globalEventProps
+    });
+    const ElementType = elementDetails.type;
+    const isSpan = ElementType == 'span';
+    const colorScheme = useColorScheme.useColorScheme();
+    const { variantClasses } = useComponentTheme.useComponentTheme(UNSAFE_BaseButton_themes_redwood_BaseButtonTheme.BaseButtonRedwoodTheme, {
+        size,
+        variant,
+        unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',
+        embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',
+        container: isStyled('container') ? 'isContainer' : 'notContainer',
+        noBorderRadiusStart: isStyled('noBorderRadiusStart')
+            ? 'isNoBorderRadiusStart'
+            : 'notNoBorderRadiusStart',
+        noBorderRadiusEnd: isStyled('noBorderRadiusEnd')
+            ? 'isNoBorderRadiusEnd'
+            : 'notNoBorderRadiusEnd',
+        noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',
+        noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',
+        activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',
+        selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',
+        buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',
+        trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',
+        fill: isStyled('fill') ? 'isFill' : 'notFill',
+        min: isStyled('min') ? 'isMin' : 'notMin',
+        disabled: isDisabled ? 'isDisabled' : 'notDisabled',
+        edge,
+        hybrid: isHybrid ? 'isHybrid' : 'notHybrid',
+        active: isActive ? 'isActive' : 'notActive',
+        hover: isHover ? 'isHover' : 'notHover',
+        span: isSpan ? 'isSpan' : 'notSpan',
+        widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',
+        widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',
+        hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',
+        noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',
+        newStackingContext: isStyled('newStackingContext')
+            ? 'isNewStackingContext'
+            : 'notNewStackingContext',
+        noUserSelect: isStyled('noUserSelect') ? 'notUserSelect' : 'isUserSelect',
+        colorScheme
+    });
+    const legacyGlobals = {
+        autofocus: props.autofocus,
+        title: props.title
+    };
+    const mergedProps = mergeProps.mergeProps(iosProps, ariaProps, hoverProps, isStyled('container') ? {} : activeProps, globalEventProps, legacyGlobals);
+    const wrapperClasses = classNames.classNames([cls, variantClasses]);
+    return (jsxRuntime.jsx(BareButton.BareButton, { ref: ref, isDisabled: isDisabled || isReadOnly, isClick: isClick, classNames: wrapperClasses, style: styles, testId: testId, onAction: onAction, autofocus: props['autofocus'], elementDetails: elementDetails, isRepeat: isRepeat, ...ariaProps, ...mergedProps, children: props.children }));
+});
+BaseButton.displayName = 'BaseButton';
+
+exports.BaseButton = BaseButton;
+//# sourceMappingURL=BaseButton-e31fec18.js.map

package/cjs/BaseButton-e31fec18.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton-e31fec18.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, ElementRef } from 'preact/compat';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { BaseButtonVariantOptions } from './themes/BaseButtonStyles.css';\nimport { BaseButtonRedwoodTheme } from './themes/redwood/BaseButtonTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { BareButton } from '#/UNSAFE_BareButton';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { processGlobals } from '../utils/UNSAFE_buttonUtils';\nimport type { ButtonIntrinsicProps, ButtonIntrinsicAriaProps } from '../utils/UNSAFE_buttonUtils';\n\ntype BaseButtonElementDetails =\n  | {\n      type: 'button';\n      buttonType?: 'button' | 'submit';\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: boolean;\n    }\n  | {\n      type: 'a';\n      buttonType?: never;\n      href: string;\n      target?: string;\n      rel?: string;\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: never;\n    }\n  | {\n      type: 'span';\n      buttonType?: never;\n      isFocusable?: boolean;\n      isLabel?: boolean;\n      isSwitch?: boolean;\n    };\n\nexport type StylingOptions =\n  | 'default'\n  | 'min'\n  | 'embedded'\n  | 'container'\n  | 'unstyled'\n  | 'fill'\n  | 'noBorderRadiusEnd'\n  | 'noBorderRadiusStart'\n  | 'noBorderEnd'\n  | 'noBorderStart'\n  | 'active'\n  | 'selected'\n  | 'buttonSetItem'\n  | 'trailingItem'\n  | 'widthEqual'\n  | 'hiddenLabel'\n  | 'noHoverActive'\n  | 'widthAuto'\n  | 'newStackingContext'\n  | 'noUserSelect';\n\nexport type Props = ButtonIntrinsicProps &\n  ButtonIntrinsicAriaProps &\n  DimensionProps &\n  TestIdProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button be read-only.\n     */\n    isReadOnly?: boolean;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifies if Button should use only a click handler, not keyup/down, ptr up/down\n     */\n    isClick?: boolean;\n\n    /**\n     *\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation.  Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\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     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n    /**\n     * The size indicates how large the button is rendered: 'xs', \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * Styling can be used for customizing buttons by removing label padding (\"min\") or\n     * removing all styling (\"unstyled\").\n     */\n    styling?: StylingOptions[];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: ComponentProps<typeof BareButton>['onAction'];\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BaseButtonElementDetails;\n  };\n\ntype ButtonHandle = ElementRef<typeof BareButton>;\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant,\n      isReadOnly = false,\n      isDisabled = false,\n      isRepeat = false,\n      isClick,\n      size,\n      onAction,\n      elementDetails = { type: 'button', buttonType: 'button' },\n      styling = ['default'],\n      edge = 'none',\n      testId,\n      ...props\n    }: Props,\n    ref: Ref<ButtonHandle>\n  ) => {\n    const isStyled = (name: StylingOptions) => {\n      return styling.indexOf(name) > -1;\n    };\n    const { globalEventProps, ariaProps } = processGlobals(props);\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive({ isDisabled: isReadOnly });\n    const { class: cls, ...styles } = styleInterpolations({\n      ...props,\n      ...globalEventProps\n    });\n\n    const ElementType = elementDetails.type;\n    const isSpan = ElementType == 'span';\n    const colorScheme = useColorScheme();\n\n    const { variantClasses } = useComponentTheme<BaseButtonVariantOptions>(BaseButtonRedwoodTheme, {\n      size,\n      variant,\n      unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',\n      embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',\n      container: isStyled('container') ? 'isContainer' : 'notContainer',\n      noBorderRadiusStart: isStyled('noBorderRadiusStart')\n        ? 'isNoBorderRadiusStart'\n        : 'notNoBorderRadiusStart',\n      noBorderRadiusEnd: isStyled('noBorderRadiusEnd')\n        ? 'isNoBorderRadiusEnd'\n        : 'notNoBorderRadiusEnd',\n      noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',\n      noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',\n      activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',\n      selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',\n      buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',\n      trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',\n      fill: isStyled('fill') ? 'isFill' : 'notFill',\n      min: isStyled('min') ? 'isMin' : 'notMin',\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      edge,\n      hybrid: isHybrid ? 'isHybrid' : 'notHybrid',\n      active: isActive ? 'isActive' : 'notActive',\n      hover: isHover ? 'isHover' : 'notHover',\n      span: isSpan ? 'isSpan' : 'notSpan',\n      widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',\n      widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',\n      hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',\n      noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',\n      newStackingContext: isStyled('newStackingContext')\n        ? 'isNewStackingContext'\n        : 'notNewStackingContext',\n      noUserSelect: isStyled('noUserSelect') ? 'notUserSelect' : 'isUserSelect',\n      colorScheme\n    });\n\n    const legacyGlobals = {\n      autofocus: props.autofocus,\n      title: props.title\n    };\n\n    const mergedProps = mergeProps(\n      iosProps,\n      ariaProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      globalEventProps,\n      legacyGlobals\n    );\n\n    const wrapperClasses = classNames([cls, variantClasses]);\n\n    return (\n      <BareButton\n        ref={ref}\n        isDisabled={isDisabled || isReadOnly}\n        isClick={isClick}\n        classNames={wrapperClasses}\n        style={styles}\n        testId={testId}\n        onAction={onAction}\n        autofocus={props['autofocus']}\n        elementDetails={elementDetails}\n        isRepeat={isRepeat}\n        {...ariaProps}\n        {...mergedProps}>\n        {props.children}\n      </BareButton>\n    );\n  }\n);\n\nBaseButton.displayName = 'BaseButton';\n"],"names":["dimensionInterpolations","mergeInterpolations","getClientHints","forwardRef","processGlobals","useHover","useActive","useColorScheme","useComponentTheme","BaseButtonRedwoodTheme","mergeProps","classNames","_jsx","BareButton"],"mappings":";;;;;;;;;;;;;;;;;;AAuJA,MAAM,cAAc,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAACA,kCAAuB,CAAC,CAAC,CAAC;AACnE,MAAM,mBAAmB,GAAGC,uCAAmB,CAAQ,cAAc,CAAC,CAAC;AAEvE,MAAM,WAAW,GAAGC,4BAAc,EAAE,CAAC;AACrC;AACA,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,KAAK,KAAK,GAAG,EAAE,YAAY,EAAE,eAAc,EAAE,GAAG,EAAE,CAAC;AACxF,MAAM,QAAQ,GAAGA,4BAAc,EAAE,CAAC,YAAY,KAAK,QAAQ,CAAC;AAE/C,MAAA,UAAU,GAAGC,iBAAU,CAClC,CACE,EACE,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,cAAc,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EACzD,OAAO,GAAG,CAAC,SAAS,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,MAAM,EACN,GAAG,KAAK,EACF,EACR,GAAsB,KACpB;AACF,IAAA,MAAM,QAAQ,GAAG,CAAC,IAAoB,KAAI;QACxC,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACpC,KAAC,CAAC;IACF,MAAM,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAGC,0BAAc,CAAC,KAAK,CAAC,CAAC;AAC9D,IAAA,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAGC,iBAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;AACpE,IAAA,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAGC,mBAAS,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,mBAAmB,CAAC;AACpD,QAAA,GAAG,KAAK;AACR,QAAA,GAAG,gBAAgB;AACpB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC;AACxC,IAAA,MAAM,MAAM,GAAG,WAAW,IAAI,MAAM,CAAC;AACrC,IAAA,MAAM,WAAW,GAAGC,6BAAc,EAAE,CAAC;AAErC,IAAA,MAAM,EAAE,cAAc,EAAE,GAAGC,mCAAiB,CAA2BC,uEAAsB,EAAE;QAC7F,IAAI;QACJ,OAAO;AACP,QAAA,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,YAAY,GAAG,aAAa;AAC7D,QAAA,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,YAAY,GAAG,aAAa;AAC7D,QAAA,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,aAAa,GAAG,cAAc;AACjE,QAAA,mBAAmB,EAAE,QAAQ,CAAC,qBAAqB,CAAC;AAClD,cAAE,uBAAuB;AACzB,cAAE,wBAAwB;AAC5B,QAAA,iBAAiB,EAAE,QAAQ,CAAC,mBAAmB,CAAC;AAC9C,cAAE,qBAAqB;AACvB,cAAE,sBAAsB;AAC1B,QAAA,aAAa,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG,iBAAiB,GAAG,kBAAkB;AACjF,QAAA,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,eAAe,GAAG,gBAAgB;AACzE,QAAA,WAAW,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,eAAe,GAAG,gBAAgB;AACpE,QAAA,aAAa,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,iBAAiB,GAAG,kBAAkB;AAC5E,QAAA,aAAa,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG,iBAAiB,GAAG,kBAAkB;AACjF,QAAA,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,gBAAgB,GAAG,iBAAiB;AAC7E,QAAA,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,GAAG,SAAS;AAC7C,QAAA,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,OAAO,GAAG,QAAQ;QACzC,QAAQ,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa;QACnD,IAAI;QACJ,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW;QAC3C,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW;QAC3C,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU;QACvC,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS;AACnC,QAAA,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,cAAc,GAAG,eAAe;AACrE,QAAA,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,aAAa,GAAG,cAAc;AACjE,QAAA,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,UAAU,GAAG,WAAW;AAC/D,QAAA,aAAa,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG,iBAAiB,GAAG,kBAAkB;AACjF,QAAA,kBAAkB,EAAE,QAAQ,CAAC,oBAAoB,CAAC;AAChD,cAAE,sBAAsB;AACxB,cAAE,uBAAuB;AAC3B,QAAA,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,eAAe,GAAG,cAAc;QACzE,WAAW;AACZ,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,aAAa,GAAG;QACpB,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC;IAEF,MAAM,WAAW,GAAGC,qBAAU,CAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,WAAW,EACxC,gBAAgB,EAChB,aAAa,CACd,CAAC;IAEF,MAAM,cAAc,GAAGC,qBAAU,CAAC,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC;IAEzD,QACEC,cAAC,CAAAC,qBAAU,EACT,EAAA,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,IAAI,UAAU,EACpC,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,cAAc,EAC1B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,EAC7B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EACd,GAAA,SAAS,EACT,GAAA,WAAW,EACd,QAAA,EAAA,KAAK,CAAC,QAAQ,EACJ,CAAA,EACb;AACJ,CAAC,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/cjs/BaseCardView-7ee4ea60.js

@@ -9,8 +9,8 @@ var mergeProps = require('./mergeProps-e3da7237.js');
 var collectionUtils = require('./collectionUtils-64b041ac.js');
 var ReorderableContext = require('./ReorderableContext-16396e17.js');
 var useNavigation = require('./useNavigation-54122cfc.js');
-require('./LayerHost-3cd73603.js');
-var useSelection = require('./useSelection-37939f09.js');
+require('./LayerHost-21391a0d.js');
+var useSelection = require('./useSelection-0ef0ee3c.js');
 var clientHints = require('./clientHints-c40c5250.js');
 var classNames = require('./classNames-c14c6ef3.js');
 
@@ -26,15 +26,15 @@ var useAnimation = require('./useAnimation-65c0e455.js');
 var useResizeObserver = require('./useResizeObserver-a9e97180.js');
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
 var FocusTrap = require('./FocusTrap-4873a3f2.js');
-var useUser = require('./useUser-1295b5cb.js');
+var useUser = require('./useUser-cc045b3e.js');
 var keys = require('./keys-25710458.js');
 require('./StyledCheckbox-123dcf30.js');
 
 require('./CollectionInteractionContext-f84ff7a1.js');
-var useReorderableItem = require('./useReorderableItem-f7c05349.js');
+var useReorderableItem = require('./useReorderableItem-26c54b26.js');
 var useReorderableContext = require('./useReorderableContext-92514102.js');
-var Grid = require('./Grid-cef20569.js');
-var Flex = require('./Flex-3a257bc3.js');
+var Grid = require('./Grid-156807d4.js');
+var Flex = require('./Flex-ec48072d.js');
 var PRIVATE_BaseCardView_themes_BaseCardViewContract_css = require('./PRIVATE_BaseCardView/themes/BaseCardViewContract.css.js');
 var Skeleton = require('./Skeleton-c8baa06c.js');
 

package/cjs/BaseDiagram-d2ab5135.js

@@ -9,31 +9,31 @@ var hooks = require('preact/hooks');
 var accUtils = require('./accUtils-4a359187.js');
 var keys = require('./keys-25710458.js');
 var classNames = require('./classNames-c14c6ef3.js');
-var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
-var useUser = require('./useUser-1295b5cb.js');
-var EmbeddedIconButton = require('./EmbeddedIconButton-3d1592a9.js');
+var useTranslationBundle = require('./useTranslationBundle-990e7928.js');
+var useUser = require('./useUser-cc045b3e.js');
+var EmbeddedIconButton = require('./EmbeddedIconButton-fee703ac.js');
 var Plus = require('./Plus-2b1b949c.js');
 var Minus = require('./Minus-fb6a3ff8.js');
 var layoutUtils = require('./layoutUtils-af53a104.js');
 var useVisHover = require('./useVisHover-ad36112d.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
-var useDatatip = require('./useDatatip-3f61ba40.js');
+var useDatatip = require('./useDatatip-2720b3c8.js');
 var useTextDimensions = require('./useTextDimensions-c8b41697.js');
 var clientUtils = require('./clientUtils-a4619fcd.js');
 var useVisDragModeControls = require('./useVisDragModeControls-57350db6.js');
-var useSelection = require('./useSelection-6173e791.js');
+var useSelection = require('./useSelection-8c33e1dc.js');
 var useVisTouchResponse = require('./useVisTouchResponse-376e11d5.js');
 var stringUtils = require('./stringUtils-3e19c8af.js');
 var useContextMenu = require('./useContextMenu-85f59166.js');
 require('./SelectMenuGroupContext-0d1d0219.js');
 require('preact');
 require('./logger-2c9401cc.js');
-require('./LayerHost-3cd73603.js');
+require('./LayerHost-21391a0d.js');
 require('preact/compat');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-08f65b56.js');
+require('./tooltipUtils-4ecc39d9.js');
 
 require('./UNSAFE_Menu/themes/MenuItemStyles.css.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');

package/cjs/BaseRichSelection-f93d232a.js

@@ -10,7 +10,7 @@ require('preact/hooks');
 var useFormFieldContextProps = require('./useFormFieldContextProps-0fa67f6c.js');
 var preact = require('preact');
 var useCollectionFocusRing = require('./useCollectionFocusRing-ae37ebf5.js');
-var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
+var useTranslationBundle = require('./useTranslationBundle-990e7928.js');
 var Label = require('./Label-3b08d4f6.js');
 var InlineHelp = require('./InlineHelp-0bbda3d9.js');
 require('./logger-2c9401cc.js');
@@ -20,16 +20,16 @@ require('./safeHref-c478be73.js');
 
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
 var InlineUserAssistance = require('./InlineUserAssistance-ca15d165.js');
-require('./Flex-3a257bc3.js');
+require('./Flex-ec48072d.js');
 
 
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
-var useTestId = require('./useTestId-4f53d561.js');
-require('./LayerHost-3cd73603.js');
+var useTestId = require('./useTestId-a8b07506.js');
+require('./LayerHost-21391a0d.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-08f65b56.js');
+require('./tooltipUtils-4ecc39d9.js');
 
 require('./IconButton-d753d39b.js');
 
@@ -40,7 +40,7 @@ var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
 
 
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
-require('./Popup-d9afc79c.js');
+require('./Popup-da1d83bc.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 
 
@@ -50,14 +50,14 @@ require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
 var CheckboxRadioFieldStyles_css = require('./CheckboxRadioFieldStyles.css-b526d45d.js');
 var CheckboxRadioContext = require('./CheckboxRadioContext-3b134bd1.js');
 var LayoutStyles_css = require('./LayoutStyles.css-b4025421.js');
-var Grid = require('./Grid-cef20569.js');
+var Grid = require('./Grid-156807d4.js');
 var refUtils = require('./refUtils-a9872e75.js');
 var useContainerBreakpoints = require('./useContainerBreakpoints-1d967863.js');
 var RichSelectionStartContext = require('./RichSelectionStartContext-3d10f9ed.js');
-var View = require('./View-ed116d78.js');
+var View = require('./View-67ff7d0e.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var useFormFieldContext = require('./useFormFieldContext-4632eb73.js');
-var StyledLabelValueLayout = require('./StyledLabelValueLayout-48da61b9.js');
+var StyledLabelValueLayout = require('./StyledLabelValueLayout-3ee66ef1.js');
 var useComponentTheme = require('./useComponentTheme-181c58a1.js');
 var UNSAFE_RadioItem_themes_redwood_RadioTheme = require('./UNSAFE_RadioItem/themes/redwood/RadioTheme.js');
 var UNSAFE_Label_themes_redwood_LabelTheme = require('./UNSAFE_Label/themes/redwood/LabelTheme.js');

package/cjs/BaseSelector-4c1bbbd6.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
 var useActive = require('./useActive-6770f917.js');
 var useFocus = require('./useFocus-1b288fb9.js');
-var useTestId = require('./useTestId-4f53d561.js');
+var useTestId = require('./useTestId-a8b07506.js');
 var useHover = require('./useHover-49b0430d.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var StyledCheckbox = require('./StyledCheckbox-123dcf30.js');

package/cjs/BaseSwatchView-5fafa065.js

@@ -10,7 +10,7 @@ var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
 var useTabbableMode = require('./useTabbableMode-dbd254e8.js');
 var keys = require('./keys-25710458.js');
 var collectionUtils = require('./collectionUtils-64b041ac.js');
-var useCurrentKey = require('./useCurrentKey-1b9e3382.js');
+var useCurrentKey = require('./useCurrentKey-b66cf089.js');
 var useCollectionFocusRing = require('./useCollectionFocusRing-ae37ebf5.js');
 var useTabbableModeSet = require('./useTabbableModeSet-930b0b3e.js');
 var useSwatchSelection = require('./useSwatchSelection-8ca16859.js');
@@ -22,7 +22,7 @@ var tabbableUtils = require('./tabbableUtils-22a50472.js');
 var useId = require('./useId-6c0eeb27.js');
 var useResizeObserver = require('./useResizeObserver-a9e97180.js');
 var FocusTrap = require('./FocusTrap-4873a3f2.js');
-var Flex = require('./Flex-3a257bc3.js');
+var Flex = require('./Flex-ec48072d.js');
 
 /**
  * The internal component used to render a single item in SwatchView.

package/cjs/Button-59db38b3.js

@@ -0,0 +1,24 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var BaseButton = require('./BaseButton-e31fec18.js');
+var ButtonLabelLayout = require('./ButtonLabelLayout-c0018463.js');
+var compat = require('preact/compat');
+
+/**
+ * A button is a pressable element that invokes an action.
+ */
+const Button = compat.forwardRef(({ variant = 'outlined', isDisabled = false, isRepeat = false, size = 'md', display = 'all', type: buttonType = 'button', endIcon, startIcon, autofocus, edge, testId, onAction, label = '', 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, width, onBlur, onFocus, onMouseEnter, onMouseLeave, onTouchEnd, onTouchStart }, ref) => {
+    const labelOnly = (!startIcon && !endIcon) || display === 'label';
+    const elementDetails = {
+        type: 'button',
+        buttonType: buttonType
+    };
+    const content = labelOnly ? (label) : (jsxRuntime.jsx(ButtonLabelLayout.ButtonLabelLayout, { display: display, startIcon: startIcon, endIcon: endIcon, size: size, children: label }));
+    return (jsxRuntime.jsx(BaseButton.BaseButton, { ref: ref, elementDetails: elementDetails, isDisabled: isDisabled, isRepeat: isRepeat, size: size, width: width, autofocus: autofocus, edge: edge, variant: variant, styling: [labelOnly ? 'default' : 'min'], onAction: onAction, "aria-label": accessibleLabel ?? label, "aria-describedby": ariaDescribedBy, onBlur: onBlur, onFocus: onFocus, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchEnd: onTouchEnd, onTouchStart: onTouchStart, testId: testId, children: content }));
+});
+Button.displayName = 'Button';
+
+exports.Button = Button;
+//# sourceMappingURL=Button-59db38b3.js.map

package/cjs/Button-59db38b3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-59db38b3.js","sources":["../../src/UNSAFE_Button/Button.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 type { ComponentChildren, ComponentProps, JSX } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype IntrinsicProps = Pick<\n  UnpackSignals<JSX.HTMLAttributes<HTMLElement>>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\ntype Props = IntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * The startIcon is the button's start icon.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * aria-label - override label for accessibility\n     */\n    'aria-label'?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\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     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: ComponentProps<typeof BaseButton>['variant'];\n\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right.\n     */\n    edge?: ComponentProps<typeof BaseButton>['edge'];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: ComponentProps<typeof BaseButton>['onAction'];\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the button.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n  };\n/**\n * A button is a pressable element that invokes an action.\n */\nexport const Button = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      display = 'all',\n      type: buttonType = 'button',\n      endIcon,\n      startIcon,\n      autofocus,\n      edge,\n      testId,\n      onAction,\n      label = '',\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    }: Props,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    const labelOnly = (!startIcon && !endIcon) || display === 'label';\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n    const content = labelOnly ? (\n      label\n    ) : (\n      <ButtonLabelLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n        {label}\n      </ButtonLabelLayout>\n    );\n\n    return (\n      <BaseButton\n        ref={ref}\n        elementDetails={elementDetails}\n        isDisabled={isDisabled}\n        isRepeat={isRepeat}\n        size={size}\n        width={width}\n        autofocus={autofocus}\n        edge={edge}\n        variant={variant}\n        styling={[labelOnly ? 'default' : 'min']}\n        onAction={onAction}\n        aria-label={accessibleLabel ?? label}\n        aria-describedby={ariaDescribedBy}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}\n        testId={testId}>\n        {content}\n      </BaseButton>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["forwardRef","_jsx","ButtonLabelLayout","BaseButton"],"mappings":";;;;;;;;AAgHA;;AAEG;AACI,MAAM,MAAM,GAAGA,iBAAU,CAC9B,CACE,EACE,OAAO,GAAG,UAAU,EACpB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,IAAI,EAAE,UAAU,GAAG,QAAQ,EAC3B,OAAO,EACP,SAAS,EACT,SAAS,EACT,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,YAAY,EAAE,eAAe,EAC7B,kBAAkB,EAAE,eAAe,EACnC,KAAK,EACL,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACN,EACR,GAA+B,KAC7B;AACF,IAAA,MAAM,SAAS,GAAG,CAAC,CAAC,SAAS,IAAI,CAAC,OAAO,KAAK,OAAO,KAAK,OAAO,CAAC;AAClE,IAAA,MAAM,cAAc,GAAG;AACrB,QAAA,IAAI,EAAE,QAAiB;AACvB,QAAA,UAAU,EAAE,UAAU;KACvB,CAAC;AACF,IAAA,MAAM,OAAO,GAAG,SAAS,IACvB,KAAK,KAELC,cAAA,CAACC,mCAAiB,EAAC,EAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EACpF,KAAK,EAAA,CACY,CACrB,CAAC;IAEF,QACED,eAACE,qBAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,SAAS,GAAG,SAAS,GAAG,KAAK,CAAC,EACxC,QAAQ,EAAE,QAAQ,EACN,YAAA,EAAA,eAAe,IAAI,KAAK,EAAA,kBAAA,EAClB,eAAe,EACjC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACb,QAAA,EAAA,OAAO,EACG,CAAA,EACb;AACJ,CAAC,EACD;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/cjs/ButtonSet-ed013090.js

@@ -12,8 +12,8 @@ var preact = require('preact');
 var ButtonSetPositionContext = require('./ButtonSetPositionContext-6a358667.js');
 var hooks = require('preact/hooks');
 var toggleButtonUtils = require('./toggleButtonUtils-245111a7.js');
-var useTestId = require('./useTestId-4f53d561.js');
-var useRovingTabIndexContainer = require('./useRovingTabIndexContainer-0ce4681d.js');
+var useTestId = require('./useTestId-a8b07506.js');
+var useRovingTabIndexContainer = require('./useRovingTabIndexContainer-46b897fd.js');
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
 var useTabbableMode = require('./useTabbableMode-dbd254e8.js');
 var refUtils = require('./refUtils-a9872e75.js');

package/cjs/ButtonSetButton-fbed5d07.js

@@ -3,7 +3,7 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var compat = require('preact/compat');
-var BaseButton = require('./BaseButton-51014bfb.js');
+var BaseButton = require('./BaseButton-e31fec18.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var useButtonSetContext = require('./useButtonSetContext-a2f31c8e.js');
 var ToggleButtonLabel = require('./ToggleButtonLabel-d29e4b07.js');

package/cjs/ButtonSetIconButton-8c0557e2.js

@@ -4,16 +4,16 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var preact = require('preact');
 var compat = require('preact/compat');
-var BaseButton = require('./BaseButton-51014bfb.js');
-var useTooltip = require('./useTooltip-1a9ae4fb.js');
+var BaseButton = require('./BaseButton-e31fec18.js');
+var useTooltip = require('./useTooltip-f31e7e8f.js');
 require('preact/hooks');
 var mergeProps = require('./mergeProps-e3da7237.js');
 require('./logger-2c9401cc.js');
-require('./LayerHost-3cd73603.js');
+require('./LayerHost-21391a0d.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-08f65b56.js');
+require('./tooltipUtils-4ecc39d9.js');
 var useButtonSetContext = require('./useButtonSetContext-a2f31c8e.js');
 var ToggleButtonLabel = require('./ToggleButtonLabel-d29e4b07.js');
 var toggleButtonUtils = require('./toggleButtonUtils-245111a7.js');

package/cjs/Center-a23cf0cd.js

@@ -0,0 +1,18 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var Flex = require('./Flex-ec48072d.js');
+
+/**
+ * Center is a convenience component that creates a flexbox
+ * with justifyContent: center and alignItems: center.
+ *
+ */
+// TODO: How do I add background-color, border, etc?
+function Center({ children, width = '100%', height = '100%', ...props }) {
+    return (jsxRuntime.jsx(Flex.Flex, { ...props, justify: "center", align: "center", width: width, height: height, children: children }));
+}
+
+exports.Center = Center;
+//# sourceMappingURL=Center-a23cf0cd.js.map

package/cjs/Center-a23cf0cd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center-a23cf0cd.js","sources":["../../src/UNSAFE_Center/Center.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { Flex } from '../UNSAFE_Flex';\n\ntype Props = DimensionProps & {\n  children?: ComponentChildren;\n};\n\n/**\n * Center is a convenience component that creates a flexbox\n * with justifyContent: center and alignItems: center.\n *\n */\n// TODO: How do I add background-color, border, etc?\nfunction Center({ children, width = '100%', height = '100%', ...props }: Props) {\n  return (\n    <Flex {...props} justify=\"center\" align=\"center\" width={width} height={height}>\n      {children}\n    </Flex>\n  );\n}\n\nexport { Center };\n"],"names":["_jsx","Flex"],"mappings":";;;;;;AAQA;;;;AAIG;AACH;AACA,SAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,EAAS,EAAA;IAC5E,QACEA,cAAC,CAAAC,SAAI,EAAK,EAAA,GAAA,KAAK,EAAE,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAC1E,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ;;;;"}

package/cjs/Chart-790a72df.js

@@ -6,41 +6,41 @@ var PRIVATE_Chart_themes_ChartStyles_css = require('./PRIVATE_Chart/themes/Chart
 var TrackResizeContainer = require('./TrackResizeContainer-a8631f0d.js');
 var UNSAFE_visErrors = require('./UNSAFE_visErrors.js');
 var useTextDimensions = require('./useTextDimensions-c8b41697.js');
-var useCssVars = require('./useCssVars-8e83d496.js');
+var useCssVars = require('./useCssVars-b7192b44.js');
 var hooks = require('preact/hooks');
-var ReferenceLineArea = require('./ReferenceLineArea-7bc34276.js');
+var ReferenceLineArea = require('./ReferenceLineArea-d00d2b33.js');
 var utils = require('./utils-ee4fc356.js');
-var useUser = require('./useUser-1295b5cb.js');
+var useUser = require('./useUser-cc045b3e.js');
 
 var useId = require('./useId-6c0eeb27.js');
 var Axis = require('./Axis-b44bda3a.js');
 var useChartViewport = require('./useChartViewport-25f7d6db.js');
 var useChartNav = require('./useChartNav-c69c817e.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
-var useSelectDrill = require('./useSelectDrill-2c89c2a1.js');
-var useTestId = require('./useTestId-4f53d561.js');
+var useSelectDrill = require('./useSelectDrill-d6308b38.js');
+var useTestId = require('./useTestId-a8b07506.js');
 var cssUtils = require('./cssUtils-60d6bb40.js');
 var useChartContextMenu = require('./useChartContextMenu-085565cb.js');
 var useChartDnd = require('./useChartDnd-edaa3619.js');
 var eventsUtils = require('./eventsUtils-b87ea91f.js');
 require('./accUtils-4a359187.js');
 var layoutUtils = require('./layoutUtils-af53a104.js');
-var useTooltip = require('./useTooltip-1a9ae4fb.js');
+var useTooltip = require('./useTooltip-f31e7e8f.js');
 require('./logger-2c9401cc.js');
-require('./LayerHost-3cd73603.js');
+require('./LayerHost-21391a0d.js');
 var compat = require('preact/compat');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-08f65b56.js');
+require('./tooltipUtils-4ecc39d9.js');
 var useChartMarquee = require('./useChartMarquee-bd1c4ccf.js');
 var useVisTouchResponse = require('./useVisTouchResponse-376e11d5.js');
 var useOverviewContext = require('./useOverviewContext-1732a3f1.js');
 var scale = require('./scale-9e43a5f6.js');
 var OverviewSlidingWindow = require('./OverviewSlidingWindow-8dae7bd9.js');
 var PRIVATE_VisOverview_themes_VisOverview_css = require('./PRIVATE_VisOverview/themes/VisOverview.css.js');
-var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
-var useChartDatatip = require('./useChartDatatip-14508528.js');
+var useTranslationBundle = require('./useTranslationBundle-990e7928.js');
+var useChartDatatip = require('./useChartDatatip-8743c788.js');
 var preact = require('preact');
 var stringUtils = require('./stringUtils-3e19c8af.js');
 var ScrollBar = require('./ScrollBar-76e58249.js');

package/cjs/CheckboxControl-9e5926a2.js

@@ -11,22 +11,22 @@ var useFocus = require('./useFocus-1b288fb9.js');
 var classNames = require('./classNames-c14c6ef3.js');
 require('./TabbableModeContext-e99d527e.js');
 var useTabbableMode = require('./useTabbableMode-dbd254e8.js');
-var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
+var useTranslationBundle = require('./useTranslationBundle-990e7928.js');
 require('./safeHref-c478be73.js');
 
 
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
-require('./Flex-3a257bc3.js');
+require('./Flex-ec48072d.js');
 
 
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
 require('preact');
 var useId = require('./useId-6c0eeb27.js');
-require('./LayerHost-3cd73603.js');
+require('./LayerHost-21391a0d.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-08f65b56.js');
+require('./tooltipUtils-4ecc39d9.js');
 
 require('./IconButton-d753d39b.js');
 
@@ -40,13 +40,13 @@ require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.j
 require('./FormContext-d1d05967.js');
 require('./FormFieldContext-69fe83d2.js');
 require('./InputGroupContext-05f2a46f.js');
-require('./Popup-d9afc79c.js');
+require('./Popup-da1d83bc.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 var useFocusWithin = require('./useFocusWithin-eb7f956a.js');
 
 
 require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
-var IconUserAssistance = require('./IconUserAssistance-0f2f1b27.js');
+var IconUserAssistance = require('./IconUserAssistance-dd870757.js');
 var StyledCheckbox = require('./StyledCheckbox-123dcf30.js');
 var UNSAFE_Checkbox_themes_redwood_CheckboxTheme = require('./UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js');
 var useActive = require('./useActive-6770f917.js');

package/cjs/CheckboxRadioField-13d71c60.js

@@ -4,7 +4,7 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var compat = require('preact/compat');
 var useCollectionFocusRing = require('./useCollectionFocusRing-ae37ebf5.js');
-var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
+var useTranslationBundle = require('./useTranslationBundle-990e7928.js');
 var Label = require('./Label-3b08d4f6.js');
 var InlineHelp = require('./InlineHelp-0bbda3d9.js');
 require('./logger-2c9401cc.js');
@@ -15,17 +15,17 @@ require('./safeHref-c478be73.js');
 
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
 var InlineUserAssistance = require('./InlineUserAssistance-ca15d165.js');
-require('./Flex-3a257bc3.js');
+require('./Flex-ec48072d.js');
 
 
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
 require('preact');
-var useTestId = require('./useTestId-4f53d561.js');
-require('./LayerHost-3cd73603.js');
+var useTestId = require('./useTestId-a8b07506.js');
+require('./LayerHost-21391a0d.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-08f65b56.js');
+require('./tooltipUtils-4ecc39d9.js');
 
 require('./IconButton-d753d39b.js');
 
@@ -37,7 +37,7 @@ var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
 
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
 require('./FormFieldContext-69fe83d2.js');
-require('./Popup-d9afc79c.js');
+require('./Popup-da1d83bc.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 
 

package/cjs/CheckboxRadioLabelValueLayout-a4908590.js

@@ -12,7 +12,7 @@ var UNSAFE_RadioItem_themes_redwood_RadioTheme = require('./UNSAFE_RadioItem/the
 var UNSAFE_Label_themes_redwood_LabelTheme = require('./UNSAFE_Label/themes/redwood/LabelTheme.js');
 var UNSAFE_TextField_themes_redwood_FormLayoutTheme = require('./UNSAFE_TextField/themes/redwood/FormLayoutTheme.js');
 var UNSAFE_Checkbox_themes_redwood_CheckboxTheme = require('./UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js');
-var StyledLabelValueLayout = require('./StyledLabelValueLayout-48da61b9.js');
+var StyledLabelValueLayout = require('./StyledLabelValueLayout-3ee66ef1.js');
 
 var formControlUtils = require('./formControlUtils-31d8bc55.js');