@oracle/oraclejet-preact 17.0.9 → 17.0.11

package/es/UNSAFE_Avatar/themes/redwood/AvatarTheme.js

@@ -5,7 +5,7 @@ import { multiVariantStyles } from './AvatarVariants.css.js';
 import './../../../AvatarStyles.styles.css';
 import './../../../ImageVars.styles.css';
 import './AvatarBaseTheme.styles.css';
-import './../../../AvatarVariants.styles2.css';
+import './../../../AvatarVariants.styles.css';
 import '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 /*******************

package/es/UNSAFE_Avatar/themes/redwood/AvatarVariants.css.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import './../../../AvatarStyles.styles.css';
-import './../../../AvatarVariants.styles2.css';
+import './../../../AvatarVariants.styles.css';
 import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'AvatarStyles_base__167n05h0',variantClassNames:{size:{'2xs':'AvatarVariants_multiVariantStyles_size_2xs__1h7waq80',xs:'AvatarVariants_multiVariantStyles_size_xs__1h7waq81',sm:'AvatarVariants_multiVariantStyles_size_sm__1h7waq82',md:'AvatarVariants_multiVariantStyles_size_md__1h7waq83',lg:'AvatarVariants_multiVariantStyles_size_lg__1h7waq84',xl:'AvatarVariants_multiVariantStyles_size_xl__1h7waq85','2xl':'AvatarVariants_multiVariantStyles_size_2xl__1h7waq86'},background:{neutral:'AvatarVariants_multiVariantStyles_background_neutral__1h7waq87',orange:'AvatarVariants_multiVariantStyles_background_orange__1h7waq88',green:'AvatarVariants_multiVariantStyles_background_green__1h7waq89',teal:'AvatarVariants_multiVariantStyles_background_teal__1h7waq8a',blue:'AvatarVariants_multiVariantStyles_background_blue__1h7waq8b',slate:'AvatarVariants_multiVariantStyles_background_slate__1h7waq8c',pink:'AvatarVariants_multiVariantStyles_background_pink__1h7waq8d',purple:'AvatarVariants_multiVariantStyles_background_purple__1h7waq8e',lilac:'AvatarVariants_multiVariantStyles_background_lilac__1h7waq8f',gray:'AvatarVariants_multiVariantStyles_background_gray__1h7waq8g'},shape:{circle:'AvatarVariants_multiVariantStyles_shape_circle__1h7waq8h',square:'AvatarVariants_multiVariantStyles_shape_square__1h7waq8i'}},defaultVariants:{background:'neutral',size:'md',shape:'square'},compoundVariants:[[{size:'2xs',shape:'square'},'AvatarVariants_multiVariantStyles_compound_0__1h7waq8j'],[{size:'xs',shape:'square'},'AvatarVariants_multiVariantStyles_compound_1__1h7waq8k'],[{size:'sm',shape:'square'},'AvatarVariants_multiVariantStyles_compound_2__1h7waq8l'],[{size:'md',shape:'square'},'AvatarVariants_multiVariantStyles_compound_3__1h7waq8m'],[{size:'lg',shape:'square'},'AvatarVariants_multiVariantStyles_compound_4__1h7waq8n'],[{size:'xl',shape:'square'},'AvatarVariants_multiVariantStyles_compound_5__1h7waq8o'],[{size:'2xl',shape:'square'},'AvatarVariants_multiVariantStyles_compound_6__1h7waq8p']]});

package/es/UNSAFE_Avatar/themes/stable/AvatarTheme.js

@@ -4,7 +4,7 @@ import { baseTheme } from './AvatarBaseTheme.css.js';
 import { multiVariantStyles } from './AvatarVariants.css.js';
 import './../../../AvatarStyles.styles.css';
 import './AvatarBaseTheme.styles.css';
-import './../../../AvatarVariants.styles.css';
+import './../../../AvatarVariants.styles2.css';
 import '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 /*******************

package/es/UNSAFE_Avatar/themes/stable/AvatarVariants.css.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import './../../../AvatarStyles.styles.css';
-import './../../../AvatarVariants.styles.css';
+import './../../../AvatarVariants.styles2.css';
 import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'AvatarStyles_base__167n05h0',variantClassNames:{size:{'2xs':'AvatarVariants_multiVariantStyles_size_2xs__4ilptg0',xs:'AvatarVariants_multiVariantStyles_size_xs__4ilptg1',sm:'AvatarVariants_multiVariantStyles_size_sm__4ilptg2',md:'AvatarVariants_multiVariantStyles_size_md__4ilptg3',lg:'AvatarVariants_multiVariantStyles_size_lg__4ilptg4',xl:'AvatarVariants_multiVariantStyles_size_xl__4ilptg5','2xl':'AvatarVariants_multiVariantStyles_size_2xl__4ilptg6'},background:{neutral:'AvatarVariants_multiVariantStyles_background_neutral__4ilptg7',orange:'AvatarVariants_multiVariantStyles_background_orange__4ilptg8',green:'AvatarVariants_multiVariantStyles_background_green__4ilptg9',teal:'AvatarVariants_multiVariantStyles_background_teal__4ilptga',blue:'AvatarVariants_multiVariantStyles_background_blue__4ilptgb',slate:'AvatarVariants_multiVariantStyles_background_slate__4ilptgc',pink:'AvatarVariants_multiVariantStyles_background_pink__4ilptgd',purple:'AvatarVariants_multiVariantStyles_background_purple__4ilptge',lilac:'AvatarVariants_multiVariantStyles_background_lilac__4ilptgf',gray:'AvatarVariants_multiVariantStyles_background_gray__4ilptgg'},shape:{circle:'AvatarVariants_multiVariantStyles_shape_circle__4ilptgh',square:'AvatarVariants_multiVariantStyles_shape_square__4ilptgi'}},defaultVariants:{background:'neutral',size:'md',shape:'circle'},compoundVariants:[[{size:'2xs',shape:'square'},'AvatarVariants_multiVariantStyles_compound_0__4ilptgj'],[{size:'xs',shape:'square'},'AvatarVariants_multiVariantStyles_compound_1__4ilptgk'],[{size:'sm',shape:'square'},'AvatarVariants_multiVariantStyles_compound_2__4ilptgl'],[{size:'md',shape:'square'},'AvatarVariants_multiVariantStyles_compound_3__4ilptgm'],[{size:'lg',shape:'square'},'AvatarVariants_multiVariantStyles_compound_4__4ilptgn'],[{size:'xl',shape:'square'},'AvatarVariants_multiVariantStyles_compound_5__4ilptgo'],[{size:'2xl',shape:'square'},'AvatarVariants_multiVariantStyles_compound_6__4ilptgp']]});

package/es/UNSAFE_Avatar.js

@@ -8,7 +8,7 @@ import './UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.css.js';
 import './ImageVars.styles.css';
 import './UNSAFE_Avatar/themes/redwood/AvatarBaseTheme.styles.css';
 import './UNSAFE_Avatar/themes/redwood/AvatarVariants.css.js';
-import './AvatarVariants.styles2.css';
+import './AvatarVariants.styles.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 import './classNames-4e12b00d.js';
 import './ImageVars.css-7b3180c8.js';

package/es/UNSAFE_BarChart/__test__/BarChart.spec.js

@@ -11,7 +11,7 @@ import '../../TabbableModeContext-7d8ad946.js';
 import 'preact/hooks';
 import { a as queryAllBy, c as checkTooltipText } from '../../domUtil-90e55ab7.js';
 import { g as getClientHints } from '../../clientHints-c76a913b.js';
-import { B as BarChart } from '../../BarChart-72948598.js';
+import { B as BarChart } from '../../BarChart-c8f78f4b.js';
 import 'preact';
 import '../../Common/themes/redwood/theme.js';
 import '../../Common/themes/themeContract.css.js';
@@ -36,7 +36,7 @@ import '../../utils-6eab3a64.js';
 import '../../colorUtils-16eb823f.js';
 import '../../_curry1-25297e59.js';
 import '../../pathUtils-1a478322.js';
-import '../../Chart-304043b3.js';
+import '../../Chart-793bd008.js';
 import '../../TrackResizeContainer-8360f2c2.js';
 import '../../useSize-b08223d4.js';
 import '../../useResizeObserver-260ee12b.js';
@@ -69,6 +69,9 @@ import '../../mergeProps-88ea8306.js';
 import '../../useChartNav-be57fa70.js';
 import '../../layoutUtils-2374ab3e.js';
 import '../../useVisHover-d7a0b2f3.js';
+import '../../ScrollBar-a431a4f0.js';
+import '../../PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
+import './../../ScrollBarStyles.styles.css';
 import '../../useSelectDrill-9ce5bccf.js';
 import '../../useChartDataCursor-8e78a79f.js';
 import '../../hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css.js';
@@ -234,9 +237,6 @@ import '../../IconToggleButton-f57e5484.js';
 import '../../useToggleAction-fc0f5399.js';
 import '../../useVisTouchResponse-e9ca4766.js';
 import '../../stringUtils-16f617bc.js';
-import '../../ScrollBar-a431a4f0.js';
-import '../../PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
-import './../../ScrollBarStyles.styles.css';
 
 const gdpData = [
     {

package/es/UNSAFE_BarChart.js

@@ -1,5 +1,5 @@
 /* @oracle/oraclejet-preact: undefined */
-export { B as BarChart } from './BarChart-72948598.js';
+export { B as BarChart } from './BarChart-c8f78f4b.js';
 import 'preact/jsx-runtime';
 import './useUser-99920e02.js';
 import 'preact/hooks';
@@ -27,7 +27,7 @@ import './utils-6eab3a64.js';
 import './colorUtils-16eb823f.js';
 import './_curry1-25297e59.js';
 import './pathUtils-1a478322.js';
-import './Chart-304043b3.js';
+import './Chart-793bd008.js';
 import './TrackResizeContainer-8360f2c2.js';
 import './useSize-b08223d4.js';
 import './useResizeObserver-260ee12b.js';
@@ -60,6 +60,9 @@ import './mergeProps-88ea8306.js';
 import './useChartNav-be57fa70.js';
 import './layoutUtils-2374ab3e.js';
 import './useVisHover-d7a0b2f3.js';
+import './ScrollBar-a431a4f0.js';
+import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
+import './ScrollBarStyles.styles.css';
 import './useSelectDrill-9ce5bccf.js';
 import './useChartDataCursor-8e78a79f.js';
 import './hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css.js';
@@ -228,7 +231,4 @@ import './IconToggleButton-f57e5484.js';
 import './useToggleAction-fc0f5399.js';
 import './useVisTouchResponse-e9ca4766.js';
 import './stringUtils-16f617bc.js';
-import './ScrollBar-a431a4f0.js';
-import './PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js';
-import './ScrollBarStyles.styles.css';
 //# sourceMappingURL=UNSAFE_BarChart.js.map

package/es/UNSAFE_CheckboxItem.js

@@ -5,25 +5,31 @@ import './FormContext-4d71f9c7.js';
 import { u as useFormContext } from './useFormContext-875cacd7.js';
 import './FormFieldContext-68eb5946.js';
 import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
-import { u as useCheckboxSetContext } from './CheckboxSet-836e3263.js';
 import { C as CheckboxControl } from './CheckboxControl-7174e0b2.js';
+import { u as useCheckboxSetContext } from './CheckboxSetContext-1be56556.js';
 import 'preact';
 import 'preact/compat';
-import './useFormFieldContextProps-d07cd618.js';
-import './CheckboxSetStyles.styles.css';
+import './CheckboxRadioContext-fe425383.js';
+import './HiddenAccessible-61197e7c.js';
+import './HiddenAccessibleStyles.styles.css';
+import './useComponentTheme-d2f9e47f.js';
+import './logger-c92f309c.js';
+import './useFocus-38c95977.js';
+import './useToggle-8b7fcefe.js';
+import './classNames-4e12b00d.js';
+import './TabbableModeContext-7d8ad946.js';
+import './useTabbableMode-a3a351d0.js';
 import './useId-03dbfdf0.js';
-import './CheckboxRadioField-c7c4643e.js';
-import './useCollectionFocusRing-d0c80397.js';
-import './collectionUtils-d72c7c40.js';
-import './keys-df361af9.js';
-import './clientHints-c76a913b.js';
 import './useTranslationBundle-cd815e10.js';
 import './LayerHost-45f545d7.js';
 import './Common/themes/redwood/theme.js';
 import './Common/themes/themeContract.css.js';
+import './UserAssistanceStyles.styles.css';
+import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
+import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
+import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 import './Flex-24628925.js';
 import './useTestId-adde554c.js';
-import './classNames-4e12b00d.js';
 import './boxalignment-486c5ac9.js';
 import './size-782ed57a.js';
 import './utils-6eab3a64.js';
@@ -43,14 +49,6 @@ import './_curry3-0b4222d7.js';
 import './_curry2-34316bcf.js';
 import './_isObject-1fab0f5b.js';
 import './FlexStyles.styles.css';
-import './Label-6674b3f2.js';
-import './useComponentTheme-d2f9e47f.js';
-import './logger-c92f309c.js';
-import './TabbableModeContext-7d8ad946.js';
-import './UserAssistanceStyles.styles.css';
-import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
-import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
-import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
@@ -79,8 +77,6 @@ import './UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
 import './vanilla-extract-dynamic.esm-2955d60a.js';
 import './UNSAFE_Floating/themes/FloatingContract.css.js';
 import './useHover-d5088fcd.js';
-import './useToggle-8b7fcefe.js';
-import './useFocus-38c95977.js';
 import './useTouch-4828df25.js';
 import './mergeProps-88ea8306.js';
 import './useAnimation-fe9990dc.js';
@@ -98,7 +94,7 @@ import './IconButton-37310d21.js';
 import './BaseButton-5b2791b1.js';
 import './usePress-97fc1cf1.js';
 import './useActive-7d9737a5.js';
-import './useTabbableMode-a3a351d0.js';
+import './clientHints-c76a913b.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
 import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './BaseButtonStyles.styles.css';
@@ -124,7 +120,6 @@ import './getLocale-1c41e86a.js';
 import './stringUtils-16f617bc.js';
 import './TransitionGroup-5fd80dc9.js';
 import './MessagesContext-76544845.js';
-import './HiddenAccessibleStyles.styles.css';
 import './ComponentMessageStyles.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
@@ -161,73 +156,19 @@ import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
 import './PopupStyles.styles.css';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './SeparatorStyles.styles.css';
-import './CompactLabelAssistance-fc9478aa.js';
-import './CompactHelpSource-548938ff.js';
-import './Help-6b4bade1.js';
-import './Icon-90c3a630.js';
-import './UNSAFE_Icon/themes/IconStyle.css.js';
 import './useFocusWithin-30b1e2d8.js';
-import './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
-import './UNSAFE_Label/themes/redwood/LabelTheme.js';
-import './UNSAFE_Label/themes/LabelStyles.css.js';
 import './LabelStyles.styles.css';
-import './UNSAFE_Label/themes/redwood/LabelBaseTheme.css.js';
 import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
-import './UNSAFE_TextField/themes/redwood/TextFieldTheme.js';
-import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
-import './SkeletonStyles.styles.css';
-import './TextFieldLoadingStyles.styles.css';
-import './TextFieldStyles.styles.css';
-import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css.js';
-import './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.styles.css';
-import './UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js';
-import './TextFieldVariants.styles.css';
+import './IconUserAssistance-c226cb4f.js';
+import './Help-6b4bade1.js';
+import './Icon-90c3a630.js';
+import './UNSAFE_Icon/themes/IconStyle.css.js';
 import './InlineHelp-95ca55a5.js';
 import './InlineHelpSource-b43def76.js';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
+import './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js';
-import './InlineUserAssistance-bb690d93.js';
-import './ComponentMessageContainer-7d9228a3.js';
-import './MessagesManager-0d60fea1.js';
-import './SuccessS-b342103c.js';
-import './ErrorS-e6e7e0e2.js';
-import './InformationS-170eee52.js';
-import './WarningS-67afbb93.js';
-import './PRIVATE_Message/themes/MessageStyles.css.js';
-import './soundUtils-88264cb5.js';
-import './useMessagesContext-9e1dbe91.js';
-import './Transition-f9501682.js';
-import './HiddenAccessible-61197e7c.js';
-import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js';
-import './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js';
-import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css.js';
-import './useInputGroupContext-1d19411e.js';
-import './useMessageSeverity-65295e8f.js';
-import './CheckboxRadioFieldStyles.styles.css';
-import './LabelValueLayout-23b74176.js';
-import './LabelValueLayoutStyles.styles.css';
-import './UNSAFE_RadioItem/themes/redwood/RadioTheme.js';
-import './UNSAFE_RadioItem/themes/RadioStyles.css.js';
-import './RadioStyles.styles.css';
-import './UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.css.js';
-import './UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.styles.css';
-import './UNSAFE_RadioItem/themes/redwood/RadioVariants.css.js';
-import './UNSAFE_TextField/themes/redwood/FormLayoutTheme.js';
-import './UNSAFE_TextField/themes/FormLayoutStyles.css.js';
-import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js';
-import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css';
-import './UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js';
-import './UNSAFE_Checkbox/themes/CheckboxStyles.css.js';
-import './CheckboxStyles.styles.css';
-import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js';
-import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css';
-import './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js';
-import './CheckboxVariants.styles.css';
-import './CheckboxRadioContext-fe425383.js';
-import './LayoutStyles.css-a679044e.js';
-import './LayoutStyles.styles.css';
-import './IconUserAssistance-c226cb4f.js';
 import './StyledCheckbox-7dc33a92.js';
 import './Check-c76fe451.js';
 import './CheckboxOff-d9693a93.js';
@@ -243,6 +184,15 @@ import './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css.js';
 import './CheckboxIconVariants.styles.css';
 import './StyledCheckbox.styles.css';
 import './useCollectionGestureContext-f18b492f.js';
+import './UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js';
+import './UNSAFE_Checkbox/themes/CheckboxStyles.css.js';
+import './CheckboxStyles.styles.css';
+import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js';
+import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css';
+import './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js';
+import './CheckboxVariants.styles.css';
+import './LayoutStyles.css-a679044e.js';
+import './LayoutStyles.styles.css';
 
 /**
  * CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.

package/es/UNSAFE_CheckboxItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_CheckboxItem.js","sources":["../../src/UNSAFE_CheckboxItem/CheckboxItem.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 { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useCheckboxSetContext } from '../UNSAFE_CheckboxSet';\n\nimport { CheckboxControl } from '../PRIVATE_CheckboxControl/CheckboxControl';\nimport { InlineUserAssistance } from '#UNSAFE_UserAssistance';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * Text that describes the checkbox item value.\n   */\n  children: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Value of the checkbox item.\n   */\n  value: string | number;\n};\n\n/**\n * CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.\n */\nconst CheckboxItem = ({\n  children,\n  value,\n  assistiveText,\n  helpSourceLink,\n  helpSourceText\n}: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, onCommit, value: groupValue } = useCheckboxSetContext();\n\n  const isChecked = groupValue?.has(value);\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n\n  const onChangeHandler = useCallback(\n    (e: Event) => {\n      // return early on keyup if key isn't spacebar\n      const { key } = e as KeyboardEvent;\n      if (key !== undefined && key !== ' ') {\n        return;\n      }\n\n      // create a new set from the previous and add or remove the changed value\n      const newGroupValue = new Set(groupValue);\n      newGroupValue.has(value) ? newGroupValue.delete(value) : newGroupValue.add(value);\n\n      onCommit?.({\n        previousValue: groupValue,\n        value: newGroupValue.size > 0 ? newGroupValue : undefined\n      });\n    },\n    [groupValue, onCommit, value]\n  );\n\n  return (\n    <CheckboxControl\n      name={name}\n      value={value}\n      {...(!isReadonly && !isDisabled\n        ? { onChange: onChangeHandler, onKeyUp: onChangeHandler }\n        : {})}\n      assistiveText={assistiveText}\n      helpSourceLink={helpSourceLink}\n      helpSourceText={helpSourceText}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      isReadonly={isReadonly}>\n      {children}\n    </CheckboxControl>\n  );\n};\n\nexport { CheckboxItem };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;;AAEG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,cAAc,EACd,cAAc,EACR,KAAI;AACV,IAAA,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;AACpF,IAAA,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,mBAAmB,EAAE,CAAC;AAC3F,IAAA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEtE,MAAM,SAAS,GAAG,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;AACzC,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AACrD,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AAErD,IAAA,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,CAAQ,KAAI;;AAEX,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,CAAkB,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,GAAG,EAAE;YACpC,OAAO;SACR;;AAGD,QAAA,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;QAC1C,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAElF,QAAA,QAAQ,GAAG;AACT,YAAA,aAAa,EAAE,UAAU;AACzB,YAAA,KAAK,EAAE,aAAa,CAAC,IAAI,GAAG,CAAC,GAAG,aAAa,GAAG,SAAS;AAC1D,SAAA,CAAC,CAAC;KACJ,EACD,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC9B,CAAC;AAEF,IAAA,QACEA,GAAC,CAAA,eAAe,EACd,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACR,IAAC,CAAC,UAAU,IAAI,CAAC,UAAU;cAC3B,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE;AACzD,cAAE,EAAE,CAAC,EACP,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EAAA,QAAA,EACrB,QAAQ,EAAA,CACO,EAClB;AACJ;;;;"}
+{"version":3,"file":"UNSAFE_CheckboxItem.js","sources":["../../src/UNSAFE_CheckboxItem/CheckboxItem.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 { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useCheckboxSetContext } from '../UNSAFE_CheckboxSet';\n\nimport { CheckboxControl } from '../PRIVATE_CheckboxControl/CheckboxControl';\nimport { InlineUserAssistance } from '#UNSAFE_UserAssistance';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * Text that describes the checkbox item value.\n   */\n  children: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Value of the checkbox item.\n   */\n  value: string | number;\n};\n\n/**\n * CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.\n */\nconst CheckboxItem = ({\n  children,\n  value,\n  assistiveText,\n  helpSourceLink,\n  helpSourceText\n}: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, onCommit, value: groupValue } = useCheckboxSetContext();\n\n  const isChecked = groupValue?.has(value);\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n\n  const onChangeHandler = useCallback(\n    (e: Event) => {\n      // return early on keyup if key isn't spacebar\n      const { key } = e as KeyboardEvent;\n      if (key !== undefined && key !== ' ') {\n        return;\n      }\n\n      // create a new set from the previous and add or remove the changed value\n      const newGroupValue = new Set(groupValue);\n      newGroupValue.has(value) ? newGroupValue.delete(value) : newGroupValue.add(value);\n\n      onCommit?.({\n        previousValue: groupValue,\n        value: newGroupValue.size > 0 ? newGroupValue : undefined\n      });\n    },\n    [groupValue, onCommit, value]\n  );\n\n  return (\n    <CheckboxControl\n      name={name}\n      value={value}\n      {...(!isReadonly && !isDisabled\n        ? { onChange: onChangeHandler, onKeyUp: onChangeHandler }\n        : {})}\n      assistiveText={assistiveText}\n      helpSourceLink={helpSourceLink}\n      helpSourceText={helpSourceText}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      isReadonly={isReadonly}>\n      {children}\n    </CheckboxControl>\n  );\n};\n\nexport { CheckboxItem };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;;AAEG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,cAAc,EACd,cAAc,EACR,KAAI;AACV,IAAA,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;AACpF,IAAA,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,mBAAmB,EAAE,CAAC;AAC3F,IAAA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEtE,MAAM,SAAS,GAAG,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;AACzC,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AACrD,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AAErD,IAAA,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,CAAQ,KAAI;;AAEX,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,CAAkB,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,GAAG,EAAE;YACpC,OAAO;SACR;;AAGD,QAAA,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;QAC1C,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAElF,QAAA,QAAQ,GAAG;AACT,YAAA,aAAa,EAAE,UAAU;AACzB,YAAA,KAAK,EAAE,aAAa,CAAC,IAAI,GAAG,CAAC,GAAG,aAAa,GAAG,SAAS;AAC1D,SAAA,CAAC,CAAC;KACJ,EACD,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC9B,CAAC;AAEF,IAAA,QACEA,GAAC,CAAA,eAAe,EACd,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACR,IAAC,CAAC,UAAU,IAAI,CAAC,UAAU;cAC3B,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE;AACzD,cAAE,EAAE,CAAC,EACP,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EAAA,QAAA,EACrB,QAAQ,EAAA,CACO,EAClB;AACJ;;;;"}

package/es/UNSAFE_CheckboxSet.js

@@ -1,16 +1,17 @@
 /* @oracle/oraclejet-preact: undefined */
-export { C as CheckboxSet, a as CheckboxSetContext, u as useCheckboxSetContext } from './CheckboxSet-836e3263.js';
-import 'preact/jsx-runtime';
-import 'preact';
-import 'preact/hooks';
-import 'preact/compat';
+import { jsx } from 'preact/jsx-runtime';
+import { toChildArray } from 'preact';
+import { useMemo } from 'preact/hooks';
+import { forwardRef } from 'preact/compat';
+import { C as CheckboxSetContext } from './CheckboxSetContext-1be56556.js';
+export { C as CheckboxSetContext, u as useCheckboxSetContext } from './CheckboxSetContext-1be56556.js';
 import './FormContext-4d71f9c7.js';
-import './useFormContext-875cacd7.js';
-import './FormFieldContext-68eb5946.js';
-import './useFormFieldContextProps-d07cd618.js';
+import { u as useFormContext } from './useFormContext-875cacd7.js';
+import { F as FormFieldContext } from './FormFieldContext-68eb5946.js';
+import { u as useFormFieldContextProps } from './useFormFieldContextProps-d07cd618.js';
 import './CheckboxSetStyles.styles.css';
-import './useId-03dbfdf0.js';
-import './CheckboxRadioField-c7c4643e.js';
+import { u as useId } from './useId-03dbfdf0.js';
+import { C as CheckboxRadioField } from './CheckboxRadioField-c7c4643e.js';
 import './useCollectionFocusRing-d0c80397.js';
 import './collectionUtils-d72c7c40.js';
 import './keys-df361af9.js';
@@ -226,4 +227,37 @@ import './CheckboxVariants.styles.css';
 import './CheckboxRadioContext-fe425383.js';
 import './LayoutStyles.css-a679044e.js';
 import './LayoutStyles.styles.css';
+
+var styles = {ul:'CheckboxSetStyles_styles_ul__68p6630'};
+
+/**
+ * A CheckboxSet set allows the user to select one or more options from a set.
+ */
+const CheckboxSet = forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, columnSpan, direction = 'column', helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, messages, onCommit, userAssistanceDensity: propUserAssistanceDensity, value, children, testId }, ref) => {
+    const hasValue = value !== undefined ? value.size > 0 : false;
+    const baseId = useId();
+    const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, userAssistanceDensity: formUserAssistanceDensity } = useFormContext();
+    // default to FormContext values if component properties are not specified
+    const isDisabled = propIsDisabled ?? isFormDisabled;
+    const isReadonly = propIsReadonly ?? isFormReadonly;
+    const labelEdge = propLabelEdge ?? formLabelEdge;
+    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;
+    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
+    const formFieldContext = useFormFieldContextProps({
+        hasValue,
+        isDisabled,
+        isReadonly
+    });
+    const checkboxSetContext = useMemo(() => ({
+        name: baseId,
+        value,
+        onCommit
+    }), [baseId, onCommit, value]);
+    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>
+    const childrenArray = toChildArray(children).filter(Boolean);
+    const wrappedChildren = childrenArray.map((item) => jsx("li", { children: item }));
+    return (jsx(FormFieldContext.Provider, { value: formFieldContext, children: jsx(CheckboxRadioField, { "aria-describedby": ariaDescribedBy, assistiveText: assistiveText, baseId: baseId, columnSpan: columnSpan, direction: direction, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, isDisabled: isDisabled, isReadonly: isReadonly, isRequired: isRequired, label: label, labelEdge: labelEdge, labelStartWidth: labelStartWidth, parentComponentVariant: "checkboxSet", messages: messages, userAssistanceDensity: userAssistanceDensity, hasValue: hasValue, role: "group", testId: testId, ref: ref, children: jsx(CheckboxSetContext.Provider, { value: checkboxSetContext, children: jsx("ul", { className: styles.ul, children: wrappedChildren }) }) }) }));
+});
+
+export { CheckboxSet };
 //# sourceMappingURL=UNSAFE_CheckboxSet.js.map

package/es/UNSAFE_CheckboxSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_CheckboxSet.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UNSAFE_CheckboxSet.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { ComponentChildren, ComponentProps, Ref, toChildArray } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\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'?: AriaAttributesSignalExcluded['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * set of CheckboxItems\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\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 whether the checkbox set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of checkbox items.\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  /**\n   * Callback invoked each time the user changes selected option.\n   */\n  onCommit: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\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>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the selected checkbox option.\n   */\n  value?: Set<string | number>;\n} & TestIdProps;\n/**\n * A CheckboxSet set allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\n      direction = 'column',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      children,\n      testId\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value !== undefined ? value.size > 0 : false;\n    const baseId = useId();\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    const checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n    const childrenArray = toChildArray(children).filter(Boolean);\n    const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          columnSpan={columnSpan}\n          direction={direction}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          label={label}\n          labelEdge={labelEdge}\n          labelStartWidth={labelStartWidth}\n          parentComponentVariant=\"checkboxSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          role=\"group\"\n          testId={testId}\n          ref={ref}>\n          <CheckboxSetContext.Provider value={checkboxSetContext}>\n            <ul className={styles.ul}>{wrappedChildren}</ul>\n          </CheckboxSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoGA;;AAEG;AACI,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EACE,kBAAkB,EAAE,eAAe,EACnC,aAAa,EACb,UAAU,EACV,SAAS,GAAG,QAAQ,EACpB,cAAc,EACd,cAAc,EACd,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,cAAc,EAC1B,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,QAAQ,EACR,QAAQ,EACR,qBAAqB,EAAE,yBAAyB,EAChD,KAAK,EACL,QAAQ,EACR,MAAM,EACA,EACR,GAA0B,KACxB;AACF,IAAA,MAAM,QAAQ,GAAG,KAAK,KAAK,SAAS,GAAG,KAAK,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC;AAC9D,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAEvB,MAAM,EACJ,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,qBAAqB,EAAE,yBAAyB,EACjD,GAAG,cAAc,EAAE,CAAC;;AAGrB,IAAA,MAAM,UAAU,GAAG,cAAc,IAAI,cAAc,CAAC;AACpD,IAAA,MAAM,UAAU,GAAG,cAAc,IAAI,cAAc,CAAC;AACpD,IAAA,MAAM,SAAS,GAAG,aAAa,IAAI,aAAa,CAAC;AACjD,IAAA,MAAM,eAAe,GAAG,mBAAmB,IAAI,mBAAmB,CAAC;AACnE,IAAA,MAAM,qBAAqB,GAAG,yBAAyB,IAAI,yBAAyB,CAAC;IAErF,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;QAChD,QAAQ;QACR,UAAU;QACV,UAAU;AACX,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,kBAAkB,GAAG,OAAO,CAChC,OAAO;AACL,QAAA,IAAI,EAAE,MAAM;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,EACF,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC1B,CAAC;;IAGF,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAC7D,IAAA,MAAM,eAAe,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,KAAKA,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EAAK,IAAI,EAAA,CAAM,CAAC,CAAC;IAErE,QACEA,GAAC,CAAA,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,EAAA,QAAA,EAChDA,GAAC,CAAA,kBAAkB,wBACC,eAAe,EACjC,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,sBAAsB,EAAC,aAAa,EACpC,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,QAAA,EAAAA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,kBAAkB,EAAA,QAAA,EACpDA,YAAI,SAAS,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAAG,eAAe,EAAA,CAAM,EACpB,CAAA,EAAA,CACX,EACK,CAAA,EAC5B;AACJ,CAAC;;;;"}

package/es/UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltTheme.js

@@ -3,7 +3,7 @@ import { variants, styles } from '../ConveyorBeltStyles.css.js';
 import { multiVariantStyles } from './ConveyorBeltVariants.css.js';
 import { baseTheme } from './ConveyorBeltBaseTheme.css.js';
 import './../../../ConveyorBeltStyles.styles.css';
-import './../../../ConveyorBeltVariants.styles2.css';
+import './../../../ConveyorBeltVariants.styles.css';
 import '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 import './ConveyorBeltBaseTheme.styles.css';
 

package/es/UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltVariants.css.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import './../../../ConveyorBeltStyles.styles.css';
-import './../../../ConveyorBeltVariants.styles2.css';
+import './../../../ConveyorBeltVariants.styles.css';
 import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'ConveyorBeltStyles_baseStyle__1u3kg3i0',variantClassNames:{orientation:{horizontal:'ConveyorBeltVariants_multiVariantStyles_orientation_horizontal__1j16ept0',vertical:'ConveyorBeltVariants_multiVariantStyles_orientation_vertical__1j16ept1'},content:{horizontal:'ConveyorBeltVariants_multiVariantStyles_content_horizontal__1j16ept2',vertical:'ConveyorBeltVariants_multiVariantStyles_content_vertical__1j16ept3'},overflow:{horizontal:'ConveyorBeltVariants_multiVariantStyles_overflow_horizontal__1j16ept4',vertical:'ConveyorBeltVariants_multiVariantStyles_overflow_vertical__1j16ept5'},direction:{rtl:'',ltr:''},previousButton:{horizontal:'',vertical:'ConveyorBeltStyles_topButton__1u3kg3ie'},nextButton:{horizontal:'',vertical:'ConveyorBeltStyles_bottomButton__1u3kg3if'},pagination:{next:'',previous:'',both:'',none:''},arrowVisibility:{visible:'',hidden:''}},defaultVariants:{},compoundVariants:[[{nextButton:'horizontal',direction:'ltr'},'ConveyorBeltStyles_endButton__1u3kg3id'],[{nextButton:'horizontal',direction:'rtl'},'ConveyorBeltStyles_startButton__1u3kg3ic'],[{previousButton:'horizontal',direction:'ltr'},'ConveyorBeltStyles_startButton__1u3kg3ic'],[{previousButton:'horizontal',direction:'rtl'},'ConveyorBeltStyles_endButton__1u3kg3id'],[{pagination:'next',orientation:'horizontal',direction:'ltr',arrowVisibility:'visible'},'ConveyorBeltStyles_endButtonClipPath__1u3kg3i3'],[{pagination:'next',orientation:'horizontal',direction:'rtl',arrowVisibility:'visible'},'ConveyorBeltStyles_startButtonClipPath__1u3kg3i4'],[{pagination:'previous',orientation:'horizontal',direction:'ltr',arrowVisibility:'visible'},'ConveyorBeltStyles_startButtonClipPath__1u3kg3i4'],[{pagination:'previous',orientation:'horizontal',direction:'rtl',arrowVisibility:'visible'},'ConveyorBeltStyles_endButtonClipPath__1u3kg3i3'],[{pagination:'both',orientation:'horizontal',arrowVisibility:'visible'},'ConveyorBeltStyles_bothHorizontalButtonClipPath__1u3kg3i7'],[{pagination:'previous',orientation:'vertical',arrowVisibility:'visible'},'ConveyorBeltStyles_topButtonClipPath__1u3kg3i5'],[{pagination:'next',orientation:'vertical',arrowVisibility:'visible'},'ConveyorBeltStyles_bottomButtonClipPath__1u3kg3i6'],[{pagination:'both',orientation:'vertical',arrowVisibility:'visible'},'ConveyorBeltStyles_bothVerticalButtonClipPath__1u3kg3i8']]});

package/es/UNSAFE_ConveyorBelt/themes/stable/ConveyorBeltTheme.js

@@ -3,7 +3,7 @@ import { variants, styles } from '../ConveyorBeltStyles.css.js';
 import { multiVariantStyles } from './ConveyorBeltVariants.css.js';
 import { baseTheme } from './ConveyorBeltBaseTheme.css.js';
 import './../../../ConveyorBeltStyles.styles.css';
-import './../../../ConveyorBeltVariants.styles.css';
+import './../../../ConveyorBeltVariants.styles2.css';
 import '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 import './ConveyorBeltBaseTheme.styles.css';
 

package/es/UNSAFE_ConveyorBelt/themes/stable/ConveyorBeltVariants.css.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import './../../../ConveyorBeltStyles.styles.css';
-import './../../../ConveyorBeltVariants.styles.css';
+import './../../../ConveyorBeltVariants.styles2.css';
 import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'ConveyorBeltStyles_baseStyle__1u3kg3i0',variantClassNames:{orientation:{horizontal:'ConveyorBeltVariants_multiVariantStyles_orientation_horizontal__1mqb5jc0',vertical:'ConveyorBeltVariants_multiVariantStyles_orientation_vertical__1mqb5jc1'},content:{horizontal:'ConveyorBeltVariants_multiVariantStyles_content_horizontal__1mqb5jc2',vertical:'ConveyorBeltVariants_multiVariantStyles_content_vertical__1mqb5jc3'},overflow:{horizontal:'ConveyorBeltVariants_multiVariantStyles_overflow_horizontal__1mqb5jc4',vertical:'ConveyorBeltVariants_multiVariantStyles_overflow_vertical__1mqb5jc5'},direction:{rtl:'',ltr:''},previousButton:{horizontal:'',vertical:'ConveyorBeltStyles_topButton__1u3kg3ie'},nextButton:{horizontal:'',vertical:'ConveyorBeltStyles_bottomButton__1u3kg3if'},pagination:{next:'',previous:'',both:'',none:''},arrowVisibility:{visible:'',hidden:''}},defaultVariants:{},compoundVariants:[[{nextButton:'horizontal',direction:'ltr'},'ConveyorBeltStyles_endButton__1u3kg3id'],[{nextButton:'horizontal',direction:'rtl'},'ConveyorBeltStyles_startButton__1u3kg3ic'],[{previousButton:'horizontal',direction:'ltr'},'ConveyorBeltStyles_startButton__1u3kg3ic'],[{previousButton:'horizontal',direction:'rtl'},'ConveyorBeltStyles_endButton__1u3kg3id'],[{pagination:'next',orientation:'horizontal',direction:'ltr',arrowVisibility:'visible'},'ConveyorBeltStyles_endButtonClipPath__1u3kg3i3'],[{pagination:'next',orientation:'horizontal',direction:'rtl',arrowVisibility:'visible'},'ConveyorBeltStyles_startButtonClipPath__1u3kg3i4'],[{pagination:'previous',orientation:'horizontal',direction:'ltr',arrowVisibility:'visible'},'ConveyorBeltStyles_startButtonClipPath__1u3kg3i4'],[{pagination:'previous',orientation:'horizontal',direction:'rtl',arrowVisibility:'visible'},'ConveyorBeltStyles_endButtonClipPath__1u3kg3i3'],[{pagination:'both',orientation:'horizontal',arrowVisibility:'visible'},'ConveyorBeltStyles_bothHorizontalButtonClipPath__1u3kg3i7'],[{pagination:'previous',orientation:'vertical',arrowVisibility:'visible'},'ConveyorBeltStyles_topButtonClipPath__1u3kg3i5'],[{pagination:'next',orientation:'vertical',arrowVisibility:'visible'},'ConveyorBeltStyles_bottomButtonClipPath__1u3kg3i6'],[{pagination:'both',orientation:'vertical',arrowVisibility:'visible'},'ConveyorBeltStyles_bothVerticalButtonClipPath__1u3kg3i8']]});

package/es/UNSAFE_ConveyorBelt.js

@@ -96,7 +96,7 @@ import './UNSAFE_ConveyorBelt/themes/ConveyorBeltStyles.css.js';
 import './ConveyorBeltStyles.styles.css';
 import './UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltTheme.js';
 import './UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltVariants.css.js';
-import './ConveyorBeltVariants.styles2.css';
+import './ConveyorBeltVariants.styles.css';
 import './UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.css.js';
 import './UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltBaseTheme.styles.css';
 import './useConveyorBeltItem-ce7d69d6.js';

package/es/UNSAFE_FilePicker/themes/redwood/FilePickerTheme.js

@@ -4,7 +4,7 @@ import { baseTheme } from './FilePickerBaseTheme.css.js';
 import { multiVariantStyles } from './FilePickerVariants.css.js';
 import './../../../FilePickerStyles.styles.css';
 import './FilePickerBaseTheme.styles.css';
-import './../../../FilePickerVariants.styles2.css';
+import './../../../FilePickerVariants.styles.css';
 import '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 /*******************

package/es/UNSAFE_FilePicker/themes/redwood/FilePickerVariants.css.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import './../../../FilePickerStyles.styles.css';
-import './../../../FilePickerVariants.styles2.css';
+import './../../../FilePickerVariants.styles.css';
 import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'FilePickerStyles_baseStyle__dogf2s4',variantClassNames:{disabledState:{isDisabled:'FilePickerVariants_multiVariantStyles_disabledState_isDisabled__1lw5ul40'},hoveredState:{isHover:'FilePickerStyles_outerNeedsEventsHoverStyle__dogf2s2'},pseudoHoveredState:{isPseudoHover:'FilePickerVariants_multiVariantStyles_pseudoHoveredState_isPseudoHover__1lw5ul42'}},defaultVariants:{},compoundVariants:[]});

package/es/UNSAFE_FilePicker/themes/stable/FilePickerTheme.js

@@ -4,7 +4,7 @@ import { baseTheme } from './FilePickerBaseTheme.css.js';
 import { multiVariantStyles } from './FilePickerVariants.css.js';
 import './../../../FilePickerStyles.styles.css';
 import './FilePickerBaseTheme.styles.css';
-import './../../../FilePickerVariants.styles.css';
+import './../../../FilePickerVariants.styles2.css';
 import '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 /*******************

package/es/UNSAFE_FilePicker/themes/stable/FilePickerVariants.css.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import './../../../FilePickerStyles.styles.css';
-import './../../../FilePickerVariants.styles.css';
+import './../../../FilePickerVariants.styles2.css';
 import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'FilePickerStyles_baseStyle__dogf2s4',variantClassNames:{disabledState:{isDisabled:'FilePickerVariants_multiVariantStyles_disabledState_isDisabled__ac40y0'},hoveredState:{isHover:'FilePickerStyles_outerNeedsEventsHoverStyle__dogf2s2'},pseudoHoveredState:{isPseudoHover:'FilePickerVariants_multiVariantStyles_pseudoHoveredState_isPseudoHover__ac40y2'}},defaultVariants:{},compoundVariants:[]});

package/es/UNSAFE_FilePicker.js

@@ -34,6 +34,6 @@ import './FilePickerStyles.styles.css';
 import './UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.css.js';
 import './UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.styles.css';
 import './UNSAFE_FilePicker/themes/redwood/FilePickerVariants.css.js';
-import './FilePickerVariants.styles2.css';
+import './FilePickerVariants.styles.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 //# sourceMappingURL=UNSAFE_FilePicker.js.map

package/es/UNSAFE_FormLayout/themes/redwood/FormLayoutTheme.js

@@ -5,7 +5,7 @@ import { multiVariantStyles } from './FormLayoutVariants.css.js';
 import './../../../LayoutStyles.styles.css';
 import './../../../FormLayoutStyles.styles.css';
 import './FormLayoutBaseTheme.styles.css';
-import './../../../FormLayoutVariants.styles2.css';
+import './../../../FormLayoutVariants.styles.css';
 import '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 const FormLayoutRedwoodTheme = {

package/es/UNSAFE_FormLayout/themes/redwood/FormLayoutVariants.css.js

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import './../../../LayoutStyles.styles.css';
 import './../../../FormLayoutStyles.styles.css';
-import './../../../FormLayoutVariants.styles2.css';
+import './../../../FormLayoutVariants.styles.css';
 import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'',variantClassNames:{columnBehavior:{responsive:'',fixed:''},direction:{row:'FormLayoutStyles_baseRowDirectionStyle__1h1o9fy2',column:'FormLayoutStyles_baseColumnDirectionStyle__1h1o9fy3'}},defaultVariants:{},compoundVariants:[[{direction:'row',columnBehavior:'responsive'},'FormLayoutVariants_multiVariantStyles_compound_0__18itx624'],[{direction:'column',columnBehavior:'responsive'},'FormLayoutVariants_multiVariantStyles_compound_1__18itx625'],[{direction:'row',columnBehavior:'fixed'},'FormLayoutVariants_multiVariantStyles_compound_2__18itx626'],[{direction:'column',columnBehavior:'fixed'},'FormLayoutVariants_multiVariantStyles_compound_3__18itx627']]});

package/es/UNSAFE_FormLayout/themes/stable/FormLayoutTheme.js

@@ -5,7 +5,7 @@ import { multiVariantStyles } from './FormLayoutVariants.css.js';
 import './../../../LayoutStyles.styles.css';
 import './../../../FormLayoutStyles.styles.css';
 import './FormLayoutBaseTheme.styles.css';
-import './../../../FormLayoutVariants.styles.css';
+import './../../../FormLayoutVariants.styles2.css';
 import '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 const FormLayoutStableTheme = {

package/es/UNSAFE_FormLayout/themes/stable/FormLayoutVariants.css.js

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import './../../../LayoutStyles.styles.css';
 import './../../../FormLayoutStyles.styles.css';
-import './../../../FormLayoutVariants.styles.css';
+import './../../../FormLayoutVariants.styles2.css';
 import { c as createRuntimeFn } from '../../../vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 
 var multiVariantStyles = createRuntimeFn({defaultClassName:'',variantClassNames:{columnBehavior:{responsive:'',fixed:''},direction:{row:'FormLayoutStyles_baseRowDirectionStyle__1h1o9fy2',column:'FormLayoutStyles_baseColumnDirectionStyle__1h1o9fy3'}},defaultVariants:{},compoundVariants:[[{direction:'row',columnBehavior:'responsive'},'FormLayoutVariants_multiVariantStyles_compound_0__8e1oxk4'],[{direction:'column',columnBehavior:'responsive'},'FormLayoutVariants_multiVariantStyles_compound_1__8e1oxk5'],[{direction:'row',columnBehavior:'fixed'},'FormLayoutVariants_multiVariantStyles_compound_2__8e1oxk6'],[{direction:'column',columnBehavior:'fixed'},'FormLayoutVariants_multiVariantStyles_compound_3__8e1oxk7']]});

package/es/UNSAFE_FormLayout.js

@@ -16,7 +16,7 @@ import './UNSAFE_FormLayout/themes/redwood/FormLayoutBaseTheme.css.js';
 import './UNSAFE_FormLayout/themes/redwood/FormLayoutBaseTheme.styles.css';
 import './UNSAFE_FormLayout/themes/redwood/FormLayoutVariants.css.js';
 import './FormLayoutStyles.styles.css';
-import './FormLayoutVariants.styles2.css';
+import './FormLayoutVariants.styles.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 import './classNames-4e12b00d.js';
 import './useTestId-adde554c.js';

package/es/UNSAFE_InputDateMask.js

@@ -256,7 +256,7 @@ import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js';
 import './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css.js';
 import './ReadonlyTextFieldStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css.js';
-import './ReadonlyTextFieldVariants.styles2.css';
+import './ReadonlyTextFieldVariants.styles.css';
 import './TextField-323fe0e9.js';
 import './useFocusableTextField-1cdf65e0.js';
 import './useTextField-f57cfb8d.js';