@oracle/oraclejet-preact 15.0.1 → 15.0.2

package/cjs/PRIVATE_CheckboxRadioField.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.2 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -12,26 +12,26 @@ var UNSAFE_UserAssistance = require('./UNSAFE_UserAssistance.js');
 var hooks_PRIVATE_useMessageSeverity = require('./hooks/PRIVATE_useMessageSeverity.js');
 var hooks_UNSAFE_useAccessibleContext = require('./hooks/UNSAFE_useAccessibleContext.js');
 require('./utils/UNSAFE_stringUtils.js');
-var stringUtils = require('./stringUtils-af6fd26a.js');
+var stringUtils = require('./stringUtils-d1bdf7ce.js');
 require('./UNSAFE_Theme.js');
 
 var UNSAFE_LabelValueLayout = require('./UNSAFE_LabelValueLayout.js');
-var CheckboxRadioContext = require('./CheckboxRadioContext-a95491fb.js');
-var Flex = require('./Flex-85c61ef2.js');
-var utils = require('./utils-0c81feb5.js');
-var Label = require('./Label-49ffe49b.js');
+var CheckboxRadioContext = require('./CheckboxRadioContext-0e63b3d7.js');
+var Flex = require('./Flex-073319a8.js');
+var utils = require('./utils-bb547fca.js');
+var Label = require('./Label-3ca60506.js');
 require('preact/hooks');
 require('./hooks/UNSAFE_useComponentTheme.js');
 require('./utils/UNSAFE_logger.js');
-require('./_curry1-3c3ec80a.js');
-require('./_curry2-d1bd17a7.js');
-require('./InlineHelpSource-808c5c8b.js');
+require('./_curry1-410cf7a9.js');
+require('./_curry2-da22a179.js');
+require('./InlineHelpSource-689cb213.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-e3012b84.js');
+require('./classNames-1984816f.js');
 require('./hooks/UNSAFE_useTabbableMode.js');
 require('preact');
 require('./hooks/UNSAFE_useTranslationBundle.js');
-require('./index-271a51c2.js');
+require('./index-ca22f113.js');
 require('./Common.js');
 require('./Common/themes.js');
 require('./Common/themes/redwood/theme.js');
@@ -42,18 +42,18 @@ require('./UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js');
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js');
 
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
-require('./vanilla-extract-recipes-createRuntimeFn.esm-bf1f6c23.js');
+require('./vanilla-extract-recipes-createRuntimeFn.esm-bafa929f.js');
 require('./UNSAFE_ComponentMessage.js');
-require('./ComponentMessage-befcb18b.js');
+require('./ComponentMessage-5e6ee566.js');
 require('./PRIVATE_Message.js');
 require('./utils/PRIVATE_timer.js');
 require('./PRIVATE_Message/themes/MessageStyles.css.js');
 
-require('./MessageCloseButton-a79ac18f.js');
+require('./MessageCloseButton-435b5158.js');
 require('./UNSAFE_IconButton.js');
-require('./IconButton-2bbf711f.js');
+require('./IconButton-f3eac48f.js');
 require('./UNSAFE_BaseButton.js');
-require('./BaseButton-efa811d5.js');
+require('./BaseButton-f455961e.js');
 require('./hooks/UNSAFE_usePress.js');
 require('./hooks/UNSAFE_useHover.js');
 require('./hooks/UNSAFE_useToggle.js');
@@ -63,21 +63,22 @@ require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry3-d465b635.js');
-require('./_has-1aeb6905.js');
+require('./_curry3-dd1302bc.js');
+require('./_has-d47ef7fe.js');
 require('./utils/PRIVATE_clientHints.js');
-require('./clientHints-12b1b057.js');
+require('./clientHints-2d954461.js');
 require('./utils/UNSAFE_mergeProps.js');
-require('./ButtonLayout-1bae5882.js');
+require('./UNSAFE_ButtonLayout.js');
+require('./ButtonLayout-d18b77db.js');
 require('./UNSAFE_Text.js');
-require('./Text-e6387e33.js');
+require('./Text-e0308c31.js');
 require('./UNSAFE_Text/themes/TextStyles.css.js');
 
 require('./hooks/UNSAFE_useTooltip.js');
 require('./hooks/UNSAFE_useId.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-1a91617c.js');
-require('./index-76acdb87.js');
+require('./Floating-ebe3006e.js');
+require('./index-61382a46.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./utils/PRIVATE_floatingUtils.js');
 require('./utils/PRIVATE_refUtils.js');
@@ -88,17 +89,17 @@ require('./UNSAFE_Floating/themes/FloatingStyles.css.js');
 require('./UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js');
 
 require('./UNSAFE_Floating/themes/redwood/FloatingVariants.css.js');
-require('./vanilla-extract-dynamic.esm-36ac8427.js');
+require('./vanilla-extract-dynamic.esm-e03ef3b0.js');
 require('./UNSAFE_Floating/themes/FloatingContract.css.js');
 require('./UNSAFE_Layer.js');
-require('./useThemeInterpolations-b80becc1.js');
+require('./useThemeInterpolations-33fdd51c.js');
 require('./hooks/UNSAFE_useColorScheme.js');
 require('./hooks/UNSAFE_useScale.js');
 require('./utils/UNSAFE_interpolations/theme.js');
 require('./hooks/UNSAFE_useFocus.js');
 require('./hooks/UNSAFE_useTouch.js');
 require('./hooks/UNSAFE_useAnimation.js');
-require('./useAnimation-546deb0d.js');
+require('./useAnimation-01b5a114.js');
 require('./hooks/UNSAFE_useThemeInterpolations.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
@@ -109,21 +110,21 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js'
 
 require('./PRIVATE_ThemedIcons/CloseIcon.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-11b3264a.js');
+require('./Icon-8e120d7c.js');
 require('./UNSAFE_Icon/themes/IconStyle.css.js');
 
-require('./MessageDetail-a68e7270.js');
-require('./MessageFormattingUtils-74e43476.js');
+require('./MessageDetail-db2ba983.js');
+require('./MessageFormattingUtils-211b1238.js');
 require('./utils/UNSAFE_getLocale.js');
-require('./Message.types-8fdfd9c6.js');
-require('./MessageStartIcon-43e502f1.js');
+require('./Message.types-03383753.js');
+require('./MessageStartIcon-c1e9e8df.js');
 require('./PRIVATE_ThemedIcons/MessageConfirmationIcon.js');
 require('./PRIVATE_ThemedIcons/MessageErrorIcon.js');
 require('./PRIVATE_ThemedIcons/MessageInfoIcon.js');
 require('./PRIVATE_ThemedIcons/MessageWarningIcon.js');
-require('./MessageSummary-310ab850.js');
-require('./MessageTimestamp-c7543150.js');
-require('./MessageUtils-37c2f030.js');
+require('./MessageSummary-6c8fd7c8.js');
+require('./MessageTimestamp-3521bad9.js');
+require('./MessageUtils-573a7312.js');
 require('./utils/UNSAFE_soundUtils.js');
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme.js');
 require('./UNSAFE_MessageBanner/themes/MessageBannerStyles.css.js');
@@ -132,26 +133,26 @@ require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css.js');
 
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
 
-require('./MessagesManager-46e92ffb.js');
+require('./MessagesManager-7ed100c9.js');
 require('./PRIVATE_TransitionGroup.js');
 require('./hooks/UNSAFE_useMessagesContext.js');
 require('./UNSAFE_HiddenAccessible.js');
-require('./HiddenAccessible-f7dc116c.js');
+require('./HiddenAccessible-161ea183.js');
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js');
 require('./UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js');
 
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css.js');
 
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
-require('./ComponentMessageContainer-ed1dfbab.js');
+require('./ComponentMessageContainer-473f6e98.js');
 require('./hooks/UNSAFE_useFormContext.js');
 require('./hooks/UNSAFE_useFormFieldContext.js');
 require('./hooks/UNSAFE_useInputGroupContext.js');
 require('./UNSAFE_Popup.js');
 require('./utils/PRIVATE_tabbableUtils.js');
-require('./_arity-3a933ed1.js');
+require('./_arity-13a90185.js');
 require('./UNSAFE_FocusTrap.js');
-require('./FocusTrap-e2628c2c.js');
+require('./FocusTrap-8f61039f.js');
 require('./hooks/PRIVATE_useAnimationStatus.js');
 require('./UNSAFE_Popup/themes/PopupContract.css.js');
 require('./UNSAFE_Popup/themes/redwood/PopupTheme.js');
@@ -160,13 +161,13 @@ require('./UNSAFE_Popup/themes/redwood/PopupBaseTheme.css.js');
 require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
 
 require('./UNSAFE_Divider.js');
-require('./Divider-10bca031.js');
+require('./Divider-f0faae7a.js');
 require('./UNSAFE_Divider/themes/DividerStyles.css.js');
 
-require('./CompactHelpSource-3dbe3864.js');
+require('./CompactHelpSource-f44de8d4.js');
 require('./PRIVATE_ThemedIcons/HelpIcon.js');
 require('./hooks/UNSAFE_useFocusWithin.js');
-require('./useFocusWithin-b85aa9a9.js');
+require('./useFocusWithin-8a2df4d2.js');
 require('./UNSAFE_Label/themes/redwood/LabelTheme.js');
 require('./UNSAFE_Label/themes/LabelStyles.css.js');
 
@@ -194,11 +195,11 @@ require('./UNSAFE_TextField/themes/FormLayoutStyles.css.js');
 require('./UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js');
 
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-af18dac3.js');
+require('./keys-7aa4b04b.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-a22871b8.js');
+require('./flexbox-e0bc744f.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-1abcdd72.js');
+require('./flexitem-35c89973.js');
 
 /**
  * @license

package/cjs/PRIVATE_CheckboxRadioField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_CheckboxRadioField.js","sources":["../../src/PRIVATE_CheckboxRadioField/useCheckboxRadioField.ts","../../src/PRIVATE_CheckboxRadioField/CheckboxRadioField.tsx"],"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 */\n\nimport { ComponentProps } from 'preact';\nimport { useMessageSeverity } from '../hooks/PRIVATE_useMessageSeverity';\nimport { useAccessibleContext } from '../hooks/UNSAFE_useAccessibleContext';\nimport { merge } from '../utils/UNSAFE_stringUtils';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\n\ntype UseCheckboxRadioFieldProps = {\n  ariaDescribedBy?: string;\n  baseId: string;\n  hasValue?: boolean;\n  hasTopUserAssistance?: boolean;\n  hasBottomUserAssistance?: boolean;\n  isFocused?: boolean; // TODO: check if this is needed\n  isReadonly?: boolean;\n  isRequired?: boolean;\n  label: string;\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  styleVariant?: 'default' | 'embedded'; // TODO: check if this is needed\n  messages?: ComponentProps<typeof InlineUserAssistance>['messages'];\n};\n\ntype GroupProps = {\n  groupProps: {\n    'aria-describedby'?: string;\n    'aria-labelledby'?: string;\n    'aria-required'?: boolean;\n    'aria-invalid'?: boolean;\n    id: string;\n    readonly?: boolean;\n  };\n  labelProps: {\n    forId: string;\n    id: string;\n    isRequiredShown?: boolean;\n  };\n  topUserAssistanceProps?: {\n    id: string;\n    variant: 'reflow';\n  };\n  bottomUserAssistanceProps?: {\n    id: string;\n    isRequiredShown: boolean;\n  };\n};\n\nexport function useCheckboxRadioField({\n  ariaDescribedBy,\n  baseId,\n  hasValue,\n  hasTopUserAssistance,\n  hasBottomUserAssistance,\n  isReadonly,\n  isRequired = false,\n  label,\n  labelEdge,\n  messages\n}: UseCheckboxRadioFieldProps): GroupProps {\n  const optionsGroupId = `${baseId}-group`;\n  const labelId = `${baseId}-label`;\n  const topUaId = hasTopUserAssistance ? `${baseId}-top-ua` : undefined;\n  const bottomUaId = hasBottomUserAssistance ? `${baseId}-bottom-ua` : undefined;\n\n  const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n  const ariaLabelledBy = label === '' && labelEdge === 'none' ? UNSAFE_ariaLabelledBy : labelId;\n\n  const highestMessageSeverity = useMessageSeverity(messages);\n  const hasErrorMessage = highestMessageSeverity === 'error';\n\n  return {\n    groupProps: {\n      'aria-describedby': merge([topUaId, bottomUaId, ariaDescribedBy]),\n      'aria-labelledby': ariaLabelledBy,\n      'aria-required': isRequired,\n      ...(isReadonly && { readonly: true }),\n      ...(hasErrorMessage && { 'aria-invalid': true }),\n      id: optionsGroupId\n      // TODO: ariaInvalid when one of message is error type?\n    },\n    labelProps: {\n      forId: optionsGroupId,\n      id: labelId\n    },\n    // TOP UA is assistive text and help link/text\n    ...(hasTopUserAssistance && {\n      topUserAssistanceProps: {\n        id: topUaId as string,\n        // Use reflow variant so that top UA doesn't have min height\n        variant: 'reflow'\n      }\n    }),\n    // Bottom UA is required indicator or messages\n    ...(hasBottomUserAssistance && {\n      bottomUserAssistanceProps: {\n        id: bottomUaId as string,\n        isRequiredShown: !!isRequired && !hasValue\n      }\n    })\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 */\n\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '../utils/UNSAFE_size';\n\nimport { Flex } from '../UNSAFE_Flex';\nimport { Label } from '../UNSAFE_Label';\n\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { useCheckboxRadioField } from './useCheckboxRadioField';\n\nimport { xUnits } from '../UNSAFE_Theme';\n\nimport { topUAContainerStyles } from './CheckboxRadioFieldStyles.css';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { CheckboxRadioContext } from './CheckboxRadioContext';\n\n// FIXME: https://jira.oraclecorp.com/jira/browse/JET-57861\ntype CalcType = `calc(${string})`;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * baseId, used to generate other element IDs.\n   */\n  baseId: string;\n  /**\n   * <RadioOption /> or <Checkbox />\n   */\n  children: ComponentChildren;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Value of the radio option.\n   */\n  hasValue?: boolean;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies if the radio group is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies if the radio group is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies whether the radio group requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Label text for the group of radio buttons.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  // TODO: future work: extend this to support checkbox usage too\n  role?: 'radiogroup';\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n\n  parentComponentVariant: 'radioGroup';\n};\n\nexport const CheckboxRadioField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      direction = 'column',\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      labelStartWidth = '33%',\n      parentComponentVariant,\n      messages,\n      userAssistanceDensity,\n      role,\n      children\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const hasTopUserAssistance = !!assistiveText || (!!helpSourceLink && !!helpSourceText);\n    const hasBottomUserAssistance = !isDisabled && !isReadonly;\n    const groupRef = useRef<HTMLDivElement>(null);\n\n    const { groupProps, labelProps, topUserAssistanceProps, bottomUserAssistanceProps } =\n      useCheckboxRadioField({\n        ariaDescribedBy,\n        baseId,\n        isRequired,\n        isReadonly,\n        label,\n        labelEdge,\n        messages,\n        hasValue,\n        hasTopUserAssistance,\n        hasBottomUserAssistance\n      });\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (!isDisabled) {\n          const inputChildren = groupRef.current?.querySelectorAll<HTMLInputElement>('input') ?? [];\n          const selectedChild = Array.from(inputChildren).find((child) => child.checked);\n\n          if (selectedChild) {\n            selectedChild.focus();\n          } else {\n            inputChildren[0].focus();\n          }\n        }\n      },\n      blur: () => {\n        if (groupRef.current?.contains(document.activeElement)) {\n          (document.activeElement as HTMLElement).blur();\n        }\n      }\n    }));\n\n    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n      (elem: Element | null) => {\n        return !!groupRef.current?.contains(elem);\n      },\n      ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft']\n    );\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div\n            id={`${baseId}-top-ua-container`}\n            class={labelEdge === 'start' ? topUAContainerStyles.start : topUAContainerStyles.top}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <Flex direction={direction} {...(direction === 'row' && { gap: xUnits(8) as CalcType })}>\n          {children}\n        </Flex>\n        {hasBottomUserAssistance && !isReadonly && (\n          <InlineUserAssistance\n            {...bottomUserAssistanceProps}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={\n              userAssistanceDensity === 'reflow' ? userAssistanceDensity : 'efficient'\n            }\n            id={`${baseId}-bottom-ua-container`}\n          />\n        )}\n      </>\n    );\n\n    // TODO: spacing under label when labelEdge === 'top' and hasTopUA.\n    return (\n      <div role={role} ref={groupRef} {...groupProps} {...focusRingProps}>\n        {labelEdge === 'none' && content}\n        {labelEdge !== 'none' && (\n          <LabelValueLayout\n            parentComponentVariant={parentComponentVariant}\n            hasTopUserAssistance={hasTopUserAssistance}\n            label={\n              <Label\n                {...labelProps}\n                variant={labelEdge}\n                userAssistanceDensity=\"efficient\"\n                parentComponentVariant={parentComponentVariant}>\n                {label}\n              </Label>\n            }\n            labelEdge={labelEdge === 'inside' ? 'top' : labelEdge}\n            labelStartWidth={labelStartWidth}>\n            <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n              {content}\n            </CheckboxRadioContext.Provider>\n          </LabelValueLayout>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["useAccessibleContext","useMessageSeverity","merge","forwardRef","useRef","useImperativeHandle","useCollectionFocusRing","_jsxs","_Fragment","_jsx","InlineUserAssistanceContainer","InlineHelp","Flex","xUnits","InlineUserAssistance","LabelValueLayout","Label","CheckboxRadioContext"],"mappings":"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"}
+{"version":3,"file":"PRIVATE_CheckboxRadioField.js","sources":["../../src/PRIVATE_CheckboxRadioField/useCheckboxRadioField.ts","../../src/PRIVATE_CheckboxRadioField/CheckboxRadioField.tsx"],"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 */\n\nimport { ComponentProps } from 'preact';\nimport { useMessageSeverity } from '../hooks/PRIVATE_useMessageSeverity';\nimport { useAccessibleContext } from '../hooks/UNSAFE_useAccessibleContext';\nimport { merge } from '../utils/UNSAFE_stringUtils';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\n\ntype UseCheckboxRadioFieldProps = {\n  ariaDescribedBy?: string;\n  baseId: string;\n  hasValue?: boolean;\n  hasTopUserAssistance?: boolean;\n  hasBottomUserAssistance?: boolean;\n  isFocused?: boolean; // TODO: check if this is needed\n  isReadonly?: boolean;\n  isRequired?: boolean;\n  label: string;\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  styleVariant?: 'default' | 'embedded'; // TODO: check if this is needed\n  messages?: ComponentProps<typeof InlineUserAssistance>['messages'];\n};\n\ntype GroupProps = {\n  groupProps: {\n    'aria-describedby'?: string;\n    'aria-labelledby'?: string;\n    'aria-required'?: boolean;\n    'aria-invalid'?: boolean;\n    id: string;\n    readonly?: boolean;\n  };\n  labelProps: {\n    forId: string;\n    id: string;\n    isRequiredShown?: boolean;\n  };\n  topUserAssistanceProps?: {\n    id: string;\n    variant: 'reflow';\n  };\n  bottomUserAssistanceProps?: {\n    id: string;\n    isRequiredShown: boolean;\n  };\n};\n\nexport function useCheckboxRadioField({\n  ariaDescribedBy,\n  baseId,\n  hasValue,\n  hasTopUserAssistance,\n  hasBottomUserAssistance,\n  isReadonly,\n  isRequired = false,\n  label,\n  labelEdge,\n  messages\n}: UseCheckboxRadioFieldProps): GroupProps {\n  const optionsGroupId = `${baseId}-group`;\n  const labelId = `${baseId}-label`;\n  const topUaId = hasTopUserAssistance ? `${baseId}-top-ua` : undefined;\n  const bottomUaId = hasBottomUserAssistance ? `${baseId}-bottom-ua` : undefined;\n\n  const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n  const ariaLabelledBy = label === '' && labelEdge === 'none' ? UNSAFE_ariaLabelledBy : labelId;\n\n  const highestMessageSeverity = useMessageSeverity(messages);\n  const hasErrorMessage = highestMessageSeverity === 'error';\n\n  return {\n    groupProps: {\n      'aria-describedby': merge([topUaId, bottomUaId, ariaDescribedBy]),\n      'aria-labelledby': ariaLabelledBy,\n      'aria-required': isRequired,\n      ...(isReadonly && { readonly: true }),\n      ...(hasErrorMessage && { 'aria-invalid': true }),\n      id: optionsGroupId\n      // TODO: ariaInvalid when one of message is error type?\n    },\n    labelProps: {\n      forId: optionsGroupId,\n      id: labelId\n    },\n    // TOP UA is assistive text and help link/text\n    ...(hasTopUserAssistance && {\n      topUserAssistanceProps: {\n        id: topUaId as string,\n        // Use reflow variant so that top UA doesn't have min height\n        variant: 'reflow'\n      }\n    }),\n    // Bottom UA is required indicator or messages\n    ...(hasBottomUserAssistance && {\n      bottomUserAssistanceProps: {\n        id: bottomUaId as string,\n        isRequiredShown: !!isRequired && !hasValue\n      }\n    })\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 */\n\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '../utils/UNSAFE_size';\n\nimport { Flex } from '../UNSAFE_Flex';\nimport { Label } from '../UNSAFE_Label';\n\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { useCheckboxRadioField } from './useCheckboxRadioField';\n\nimport { xUnits } from '../UNSAFE_Theme';\n\nimport { topUAContainerStyles } from './CheckboxRadioFieldStyles.css';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { CheckboxRadioContext } from './CheckboxRadioContext';\n\n// FIXME: https://jira.oraclecorp.com/jira/browse/JET-57861\ntype CalcType = `calc(${string})`;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * baseId, used to generate other element IDs.\n   */\n  baseId: string;\n  /**\n   * <RadioOption /> or <Checkbox />\n   */\n  children: ComponentChildren;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Value of the radio option.\n   */\n  hasValue?: boolean;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies if the radio group is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies if the radio group is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies whether the radio group requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Label text for the group of radio buttons.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  // TODO: future work: extend this to support checkbox usage too\n  role?: 'radiogroup';\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n\n  parentComponentVariant: 'radioGroup';\n};\n\nexport const CheckboxRadioField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      direction = 'column',\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      labelStartWidth = '33%',\n      parentComponentVariant,\n      messages,\n      userAssistanceDensity,\n      role,\n      children\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const hasTopUserAssistance = !!assistiveText || (!!helpSourceLink && !!helpSourceText);\n    const hasBottomUserAssistance = !isDisabled && !isReadonly;\n    const groupRef = useRef<HTMLDivElement>(null);\n\n    const { groupProps, labelProps, topUserAssistanceProps, bottomUserAssistanceProps } =\n      useCheckboxRadioField({\n        ariaDescribedBy,\n        baseId,\n        isRequired,\n        isReadonly,\n        label,\n        labelEdge,\n        messages,\n        hasValue,\n        hasTopUserAssistance,\n        hasBottomUserAssistance\n      });\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (!isDisabled) {\n          const inputChildren = groupRef.current?.querySelectorAll<HTMLInputElement>('input') ?? [];\n          const selectedChild = Array.from(inputChildren).find((child) => child.checked);\n\n          if (selectedChild) {\n            selectedChild.focus();\n          } else {\n            inputChildren[0].focus();\n          }\n        }\n      },\n      blur: () => {\n        if (groupRef.current?.contains(document.activeElement)) {\n          (document.activeElement as HTMLElement).blur();\n        }\n      }\n    }));\n\n    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n      (elem: Element | null) => {\n        return !!groupRef.current?.contains(elem);\n      },\n      ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft']\n    );\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div\n            id={`${baseId}-top-ua-container`}\n            class={labelEdge === 'start' ? topUAContainerStyles.start : topUAContainerStyles.top}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <Flex direction={direction} {...(direction === 'row' && { gap: xUnits(8) as CalcType })}>\n          {children}\n        </Flex>\n        {hasBottomUserAssistance && !isReadonly && (\n          <InlineUserAssistance\n            {...bottomUserAssistanceProps}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={\n              userAssistanceDensity === 'reflow' ? userAssistanceDensity : 'efficient'\n            }\n            id={`${baseId}-bottom-ua-container`}\n          />\n        )}\n      </>\n    );\n\n    // TODO: spacing under label when labelEdge === 'top' and hasTopUA.\n    return (\n      <div role={role} ref={groupRef} {...groupProps} {...focusRingProps}>\n        {labelEdge === 'none' && content}\n        {labelEdge !== 'none' && (\n          <LabelValueLayout\n            parentComponentVariant={parentComponentVariant}\n            hasTopUserAssistance={hasTopUserAssistance}\n            label={\n              <Label\n                {...labelProps}\n                variant={labelEdge}\n                userAssistanceDensity=\"efficient\"\n                parentComponentVariant={parentComponentVariant}>\n                {label}\n              </Label>\n            }\n            labelEdge={labelEdge === 'inside' ? 'top' : labelEdge}\n            labelStartWidth={labelStartWidth}>\n            <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n              {content}\n            </CheckboxRadioContext.Provider>\n          </LabelValueLayout>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["useAccessibleContext","useMessageSeverity","merge","forwardRef","useRef","useImperativeHandle","useCollectionFocusRing","_jsxs","_Fragment","_jsx","InlineUserAssistanceContainer","InlineHelp","Flex","xUnits","InlineUserAssistance","LabelValueLayout","Label","CheckboxRadioContext"],"mappings":"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"}

package/cjs/PRIVATE_Collection.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.2 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Collection = require('./Collection-4e253323.js');
+var Collection = require('./Collection-67eff64a.js');
 require('preact/jsx-runtime');
 require('preact');
 

package/cjs/PRIVATE_Icons/CheckboxMixed.js

@@ -1,25 +1,25 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.2 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('preact/jsx-runtime');
 require('../UNSAFE_Icon.js');
-var Icon = require('../Icon-11b3264a.js');
+var Icon = require('../Icon-8e120d7c.js');
 require('preact');
 require('../utils/UNSAFE_size.js');
 require('../UNSAFE_Theme.js');
-require('../utils-0c81feb5.js');
+require('../utils-bb547fca.js');
 require('../Common/themes/themeContract.css.js');
 require('../hooks/UNSAFE_useTooltip.js');
 require('preact/hooks');
 require('../hooks/UNSAFE_useId.js');
 require('../UNSAFE_Floating.js');
-require('../Floating-1a91617c.js');
+require('../Floating-ebe3006e.js');
 require('preact/compat');
-require('../index-76acdb87.js');
+require('../index-61382a46.js');
 require('../hooks/UNSAFE_useUser.js');
-require('../index-271a51c2.js');
+require('../index-ca22f113.js');
 require('../Common.js');
 require('../Common/themes.js');
 require('../Common/themes/redwood/theme.js');
@@ -29,34 +29,34 @@ require('../hooks/UNSAFE_useOutsideClick.js');
 require('../utils/UNSAFE_arrayUtils.js');
 require('../hooks/UNSAFE_useComponentTheme.js');
 require('../utils/UNSAFE_logger.js');
-require('../_curry1-3c3ec80a.js');
-require('../_curry2-d1bd17a7.js');
+require('../_curry1-410cf7a9.js');
+require('../_curry2-da22a179.js');
 require('../utils/UNSAFE_classNames.js');
-require('../classNames-e3012b84.js');
+require('../classNames-1984816f.js');
 require('../UNSAFE_Floating/themes/redwood/FloatingTheme.js');
 require('../UNSAFE_Floating/themes/FloatingStyles.css.js');
 
 require('../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js');
 
 require('../UNSAFE_Floating/themes/redwood/FloatingVariants.css.js');
-require('../vanilla-extract-recipes-createRuntimeFn.esm-bf1f6c23.js');
-require('../vanilla-extract-dynamic.esm-36ac8427.js');
+require('../vanilla-extract-recipes-createRuntimeFn.esm-bafa929f.js');
+require('../vanilla-extract-dynamic.esm-e03ef3b0.js');
 require('../UNSAFE_Floating/themes/FloatingContract.css.js');
 require('../UNSAFE_Layer.js');
-require('../useThemeInterpolations-b80becc1.js');
+require('../useThemeInterpolations-33fdd51c.js');
 require('../hooks/UNSAFE_useColorScheme.js');
 require('../hooks/UNSAFE_useScale.js');
 require('../utils/UNSAFE_interpolations/theme.js');
 require('../utils/UNSAFE_mergeInterpolations.js');
-require('../_curry3-d465b635.js');
-require('../_has-1aeb6905.js');
+require('../_curry3-dd1302bc.js');
+require('../_has-d47ef7fe.js');
 require('../hooks/UNSAFE_useHover.js');
 require('../hooks/UNSAFE_useToggle.js');
 require('../hooks/UNSAFE_useFocus.js');
 require('../hooks/UNSAFE_useTouch.js');
 require('../utils/UNSAFE_mergeProps.js');
 require('../hooks/UNSAFE_useAnimation.js');
-require('../useAnimation-546deb0d.js');
+require('../useAnimation-01b5a114.js');
 require('../hooks/UNSAFE_useThemeInterpolations.js');
 require('../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');

package/cjs/PRIVATE_Icons/CheckboxOff.js

@@ -1,25 +1,25 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.2 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('preact/jsx-runtime');
 require('../UNSAFE_Icon.js');
-var Icon = require('../Icon-11b3264a.js');
+var Icon = require('../Icon-8e120d7c.js');
 require('preact');
 require('../utils/UNSAFE_size.js');
 require('../UNSAFE_Theme.js');
-require('../utils-0c81feb5.js');
+require('../utils-bb547fca.js');
 require('../Common/themes/themeContract.css.js');
 require('../hooks/UNSAFE_useTooltip.js');
 require('preact/hooks');
 require('../hooks/UNSAFE_useId.js');
 require('../UNSAFE_Floating.js');
-require('../Floating-1a91617c.js');
+require('../Floating-ebe3006e.js');
 require('preact/compat');
-require('../index-76acdb87.js');
+require('../index-61382a46.js');
 require('../hooks/UNSAFE_useUser.js');
-require('../index-271a51c2.js');
+require('../index-ca22f113.js');
 require('../Common.js');
 require('../Common/themes.js');
 require('../Common/themes/redwood/theme.js');
@@ -29,34 +29,34 @@ require('../hooks/UNSAFE_useOutsideClick.js');
 require('../utils/UNSAFE_arrayUtils.js');
 require('../hooks/UNSAFE_useComponentTheme.js');
 require('../utils/UNSAFE_logger.js');
-require('../_curry1-3c3ec80a.js');
-require('../_curry2-d1bd17a7.js');
+require('../_curry1-410cf7a9.js');
+require('../_curry2-da22a179.js');
 require('../utils/UNSAFE_classNames.js');
-require('../classNames-e3012b84.js');
+require('../classNames-1984816f.js');
 require('../UNSAFE_Floating/themes/redwood/FloatingTheme.js');
 require('../UNSAFE_Floating/themes/FloatingStyles.css.js');
 
 require('../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js');
 
 require('../UNSAFE_Floating/themes/redwood/FloatingVariants.css.js');
-require('../vanilla-extract-recipes-createRuntimeFn.esm-bf1f6c23.js');
-require('../vanilla-extract-dynamic.esm-36ac8427.js');
+require('../vanilla-extract-recipes-createRuntimeFn.esm-bafa929f.js');
+require('../vanilla-extract-dynamic.esm-e03ef3b0.js');
 require('../UNSAFE_Floating/themes/FloatingContract.css.js');
 require('../UNSAFE_Layer.js');
-require('../useThemeInterpolations-b80becc1.js');
+require('../useThemeInterpolations-33fdd51c.js');
 require('../hooks/UNSAFE_useColorScheme.js');
 require('../hooks/UNSAFE_useScale.js');
 require('../utils/UNSAFE_interpolations/theme.js');
 require('../utils/UNSAFE_mergeInterpolations.js');
-require('../_curry3-d465b635.js');
-require('../_has-1aeb6905.js');
+require('../_curry3-dd1302bc.js');
+require('../_has-d47ef7fe.js');
 require('../hooks/UNSAFE_useHover.js');
 require('../hooks/UNSAFE_useToggle.js');
 require('../hooks/UNSAFE_useFocus.js');
 require('../hooks/UNSAFE_useTouch.js');
 require('../utils/UNSAFE_mergeProps.js');
 require('../hooks/UNSAFE_useAnimation.js');
-require('../useAnimation-546deb0d.js');
+require('../useAnimation-01b5a114.js');
 require('../hooks/UNSAFE_useThemeInterpolations.js');
 require('../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');

package/cjs/PRIVATE_Icons/CheckboxOn.js

@@ -1,25 +1,25 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.2 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('preact/jsx-runtime');
 require('../UNSAFE_Icon.js');
-var Icon = require('../Icon-11b3264a.js');
+var Icon = require('../Icon-8e120d7c.js');
 require('preact');
 require('../utils/UNSAFE_size.js');
 require('../UNSAFE_Theme.js');
-require('../utils-0c81feb5.js');
+require('../utils-bb547fca.js');
 require('../Common/themes/themeContract.css.js');
 require('../hooks/UNSAFE_useTooltip.js');
 require('preact/hooks');
 require('../hooks/UNSAFE_useId.js');
 require('../UNSAFE_Floating.js');
-require('../Floating-1a91617c.js');
+require('../Floating-ebe3006e.js');
 require('preact/compat');
-require('../index-76acdb87.js');
+require('../index-61382a46.js');
 require('../hooks/UNSAFE_useUser.js');
-require('../index-271a51c2.js');
+require('../index-ca22f113.js');
 require('../Common.js');
 require('../Common/themes.js');
 require('../Common/themes/redwood/theme.js');
@@ -29,34 +29,34 @@ require('../hooks/UNSAFE_useOutsideClick.js');
 require('../utils/UNSAFE_arrayUtils.js');
 require('../hooks/UNSAFE_useComponentTheme.js');
 require('../utils/UNSAFE_logger.js');
-require('../_curry1-3c3ec80a.js');
-require('../_curry2-d1bd17a7.js');
+require('../_curry1-410cf7a9.js');
+require('../_curry2-da22a179.js');
 require('../utils/UNSAFE_classNames.js');
-require('../classNames-e3012b84.js');
+require('../classNames-1984816f.js');
 require('../UNSAFE_Floating/themes/redwood/FloatingTheme.js');
 require('../UNSAFE_Floating/themes/FloatingStyles.css.js');
 
 require('../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js');
 
 require('../UNSAFE_Floating/themes/redwood/FloatingVariants.css.js');
-require('../vanilla-extract-recipes-createRuntimeFn.esm-bf1f6c23.js');
-require('../vanilla-extract-dynamic.esm-36ac8427.js');
+require('../vanilla-extract-recipes-createRuntimeFn.esm-bafa929f.js');
+require('../vanilla-extract-dynamic.esm-e03ef3b0.js');
 require('../UNSAFE_Floating/themes/FloatingContract.css.js');
 require('../UNSAFE_Layer.js');
-require('../useThemeInterpolations-b80becc1.js');
+require('../useThemeInterpolations-33fdd51c.js');
 require('../hooks/UNSAFE_useColorScheme.js');
 require('../hooks/UNSAFE_useScale.js');
 require('../utils/UNSAFE_interpolations/theme.js');
 require('../utils/UNSAFE_mergeInterpolations.js');
-require('../_curry3-d465b635.js');
-require('../_has-1aeb6905.js');
+require('../_curry3-dd1302bc.js');
+require('../_has-d47ef7fe.js');
 require('../hooks/UNSAFE_useHover.js');
 require('../hooks/UNSAFE_useToggle.js');
 require('../hooks/UNSAFE_useFocus.js');
 require('../hooks/UNSAFE_useTouch.js');
 require('../utils/UNSAFE_mergeProps.js');
 require('../hooks/UNSAFE_useAnimation.js');
-require('../useAnimation-546deb0d.js');
+require('../useAnimation-01b5a114.js');
 require('../hooks/UNSAFE_useThemeInterpolations.js');
 require('../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');

package/cjs/PRIVATE_List/themes/ListStyles.css.js

@@ -1,10 +1,10 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
+/* @oracle/oraclejet-preact: 15.0.2 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 
-var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../vanilla-extract-recipes-createRuntimeFn.esm-bf1f6c23.js');
+var vanillaExtractRecipesCreateRuntimeFn_esm = require('../../vanilla-extract-recipes-createRuntimeFn.esm-bafa929f.js');
 
 var listGroupHeaderMultiVariantStyles = vanillaExtractRecipesCreateRuntimeFn_esm.createRuntimeFn({defaultClassName:'ListStyles_listItemStyles_base__1wld4xf1',variantClassNames:{gridlineTop:{visible:'ListStyles_listGroupHeaderMultiVariantStyles_gridlineTop_visible__1wld4xfv',hidden:''},gridlineBottom:{visible:'ListStyles_listGroupHeaderMultiVariantStyles_gridlineBottom_visible__1wld4xfx',hidden:''},expandable:{isExpandable:'ListStyles_listGroupHeaderMultiVariantStyles_expandable_isExpandable__1wld4xfz',notExpandable:'ListStyles_listGroupHeaderMultiVariantStyles_expandable_notExpandable__1wld4xf10'},active:{isActive:'',notActive:''},focusRingVisible:{isFocusRingVisible:'ListStyles_listGroupHeaderMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xf13',notFocusRingVisible:''},needsEventsHover:{isNeedsEventsHover:'',notNeedsEventsHover:''},pseudoHover:{isPseudoHover:'',notPseudoHover:''}},defaultVariants:{},compoundVariants:[[{expandable:'isExpandable',pseudoHover:'isPseudoHover'},'ListStyles_listGroupHeaderMultiVariantStyles_compound_0__1wld4xf19'],[{expandable:'isExpandable',needsEventsHover:'isNeedsEventsHover'},'ListStyles_listGroupHeaderMultiVariantStyles_compound_1__1wld4xf1a'],[{expandable:'isExpandable',active:'isActive'},'ListStyles_listGroupHeaderMultiVariantStyles_compound_2__1wld4xf1b']]});
 var listItemMultiVariantStyles = vanillaExtractRecipesCreateRuntimeFn_esm.createRuntimeFn({defaultClassName:'ListStyles_listItemStyles_base__1wld4xf1',variantClassNames:{gridlineTop:{visible:'ListStyles_listItemMultiVariantStyles_gridlineTop_visible__1wld4xf6',hidden:''},gridlineBottom:{visible:'ListStyles_listItemMultiVariantStyles_gridlineBottom_visible__1wld4xf8',hidden:''},selectable:{isSelectable:'',notSelectable:''},selected:{isSelected:'ListStyles_listItemMultiVariantStyles_selected_isSelected__1wld4xfc',notSelected:''},selectedSingle:{isSelectedSingle:'',notSelectedSingle:''},focusHighlight:{isFocusHighlight:'',notFocusHighlight:''},focusRingVisible:{isFocusRingVisible:'ListStyles_listItemMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xfi',notFocusRingVisible:''},active:{isActive:'',notActive:''},needsEventsHover:{isNeedsEventsHover:'',notNeedsEventsHover:''},pseudoHover:{isPseudoHover:'',notPseudoHover:''}},defaultVariants:{},compoundVariants:[[{selected:'isSelected',selectedSingle:'isSelectedSingle'},'ListStyles_listItemMultiVariantStyles_compound_0__1wld4xfq'],[{selectable:'isSelectable',selected:'notSelected',pseudoHover:'isPseudoHover'},'ListStyles_listItemMultiVariantStyles_compound_1__1wld4xfr'],[{selectable:'isSelectable',selected:'notSelected',needsEventsHover:'isNeedsEventsHover'},'ListStyles_listItemMultiVariantStyles_compound_2__1wld4xfs'],[{selected:'notSelected',focusHighlight:'isFocusHighlight'},'ListStyles_listItemMultiVariantStyles_compound_3__1wld4xft'],[{selectable:'isSelectable',selected:'notSelected',active:'isActive'},'ListStyles_listItemMultiVariantStyles_compound_4__1wld4xfu']]});