@onereach/ui-components 4.11.3-beta.2973.0 → 4.12.0

package/dist/bundled/v3/components/index.js

@@ -14,7 +14,7 @@ export { ButtonColor, ButtonType, ButtonVariant } from './OrButtonV3/props.js';
 export { s as OrCard } from '../OrCard.vue_vue_type_script_lang-81561dd8.js';
 export { CARD_COLLECTION_LAYOUT } from './OrCardCollection/constants.js';
 export { s as OrCardCollection } from '../OrCardCollection.vue_vue_type_script_lang-eb86b548.js';
-export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-a833fe48.js';
+export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-9d20dd3c.js';
 export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './OrCardCollectionV3/props.js';
 export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-b204e541.js';
 export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-dedfe767.js';
@@ -25,7 +25,7 @@ export { s as OrChip } from '../OrChip.vue_vue_type_script_lang-d0c62419.js';
 export { s as OrChips } from '../OrChips.vue_vue_type_script_lang-d7a38038.js';
 export { s as OrCode } from '../OrCode.vue_vue_type_script_lang-ce5a4f02.js';
 export { OrCodeLanguages } from './OrCode/constants.js';
-export { s as OrCodeV3 } from '../OrCode.vue_vue_type_script_lang-ec51e1e8.js';
+export { s as OrCodeV3 } from '../OrCode.vue_vue_type_script_lang-005a6380.js';
 export { CodeLanguage } from './OrCodeV3/props.js';
 export { s as OrCollapse } from '../OrCollapse.vue_vue_type_script_lang-e2dcce92.js';
 export { s as OrColorPicker } from '../OrColorPicker.vue_vue_type_script_lang-7c9b353d.js';
@@ -33,19 +33,19 @@ export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, gree
 export { s as OrCombinedInputV3 } from '../OrCombinedInput.vue_vue_type_script_lang-cb7a88f3.js';
 export { InputBoxSize as CombinedInputSize, InputBoxSize as DatePickerSize, InputBoxSize as DateTimePickerSize, InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TagInputSize, InputBoxSize as TextareaSize, InputBoxSize as TimePickerSize } from './OrInputBoxV3/props.js';
 export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-836e2a0f.js';
-export { s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-2f107000.js';
+export { s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-1ce271f7.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-17a4f0de.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-d94c33ca.js';
 export { s as OrDateTimePicker } from '../OrDateTimePicker.vue_vue_type_script_lang-b7857a99.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-eae6683b.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-46b1735a.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat } from './OrDateTimePickerV3/props.js';
 export { s as OrEmptyStateV3 } from '../OrEmptyState.vue_vue_type_script_lang-2c1f09ef.js';
 export { EmptyStateSize } from './OrEmptyStateV3/props.js';
 export { s as OrError } from '../OrError.vue_vue_type_script_lang-450321b8.js';
 export { s as OrErrorTagV3 } from '../OrErrorTag.vue_vue_type_script_lang-a4be8f6a.js';
 export { s as OrErrorV3 } from '../OrError.vue_vue_type_script_lang-df7b5e32.js';
-export { s as OrExpansionPanelV3 } from '../OrExpansionPanel.vue_vue_type_script_lang-6ea94b95.js';
+export { s as OrExpansionPanelV3 } from '../OrExpansionPanel.vue_vue_type_script_lang-fa265d9a.js';
 export { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant } from './OrExpansionPanelV3/props.js';
 export { s as OrFabV3 } from '../OrFab.vue_vue_type_script_lang-e2723ddc.js';
 export { FabColor } from './OrFabV3/props.js';
@@ -57,25 +57,25 @@ export { s as OrHint } from '../OrHint.vue_vue_type_script_lang-5eb3ee22.js';
 export { s as OrHintV3 } from '../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 export { s as OrIcon } from '../OrIcon.vue_vue_type_script_lang-b77bb268.js';
 export { OrIconColors, OrIconType } from './OrIcon/constants.js';
-export { s as OrIconButtonV3 } from '../OrIconButton.vue_vue_type_script_lang-42887e92.js';
+export { s as OrIconButtonV3 } from '../OrIconButton.vue_vue_type_script_lang-fafcb023.js';
 export { IconSize as IconButtonSize, IconSize, IconVariant } from './OrIconV3/props.js';
 export { IconButtonColor } from './OrIconButtonV3/props.js';
 export { s as OrIconV3 } from '../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 export { s as OrInlineInputBoxV3 } from '../OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';
 export { InlineInputBoxSize, InlineInputBoxSize as InlineInputSize } from './OrInlineInputBoxV3/props.js';
-export { s as OrInlineInputV3 } from '../OrInlineInput.vue_vue_type_script_lang-13269054.js';
+export { s as OrInlineInputV3 } from '../OrInlineInput.vue_vue_type_script_lang-c94cbe72.js';
 export { InlineInputType } from './OrInlineInputV3/props.js';
 export { s as OrInlineTextEdit } from '../OrInlineTextEdit.vue_vue_type_script_lang-58bc1a00.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './OrInlineTextEdit/constants.js';
-export { s as OrInlineTextareaV3 } from '../OrInlineTextarea.vue_vue_type_script_lang-3a251a7b.js';
+export { s as OrInlineTextareaV3 } from '../OrInlineTextarea.vue_vue_type_script_lang-77460342.js';
 export { s as OrInput } from '../OrInput.vue_vue_type_script_lang-1be980cf.js';
 export { s as OrInputBoxV3 } from '../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
-export { s as OrInputV3 } from '../OrInput.vue_vue_type_script_lang-73c33e2e.js';
+export { s as OrInputV3 } from '../OrInput.vue_vue_type_script_lang-9696e091.js';
 export { InputType } from './OrInputV3/props.js';
 export { s as OrLabel } from '../OrLabel.vue_vue_type_script_lang-6243e348.js';
 export { s as OrLabelV3 } from '../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 export { LabelVariant } from './OrLabelV3/props.js';
-export { s as OrLinkV3 } from '../OrLink.vue_vue_type_script_lang-2d66ea4d.js';
+export { s as OrLinkV3 } from '../OrLink.vue_vue_type_script_lang-f813dee2.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { s as OrList } from '../OrList.vue_vue_type_script_lang-c6f46a0e.js';
 export { s as OrListOfInputs } from '../OrListOfInputs.vue_vue_type_script_lang-04af76e1.js';
@@ -83,22 +83,22 @@ export { s as OrLoader } from '../OrLoader.vue_vue_type_script_lang-a1fed697.js'
 export { LoaderViews } from './OrLoader/constants.js';
 export { s as OrLoaderV3 } from '../OrLoader.vue_vue_type_script_lang-a21dc976.js';
 export { LoaderColor, LoaderSize, LoaderVariant } from './OrLoaderV3/props.js';
-export { s as OrMenuItemV3 } from '../OrMenuItem.vue_vue_type_script_lang-aed2c8e6.js';
+export { s as OrMenuItemV3 } from '../OrMenuItem.vue_vue_type_script_lang-f35dcab4.js';
 export { s as OrMenuV3 } from '../OrMenu.vue_vue_type_script_lang-f8611f9d.js';
 export { PopoverPlacement as MenuPlacement, PopoverPlacement, PopoverVariant, PopoverPlacement as TooltipPlacement } from './OrPopoverV3/props.js';
 export { s as OrModal } from '../OrModal.vue_vue_type_script_lang-32c395a3.js';
 export { OrModalSizes } from './OrModal/constants.js';
-export { s as OrModalV3 } from '../OrModal.vue_vue_type_script_lang-5397e0dd.js';
+export { s as OrModalV3 } from '../OrModal.vue_vue_type_script_lang-b853cc1e.js';
 export { ModalSize } from './OrModalV3/props.js';
 export { s as OrNotification } from '../OrNotification.vue_vue_type_script_lang-86084f5e.js';
 export { OR_NOTIFICATION_SIZE, OR_NOTIFICATION_TYPE } from './OrNotification/constants.js';
-export { s as OrNotificationV3 } from '../OrNotification.vue_vue_type_script_lang-a0b4041e.js';
+export { s as OrNotificationV3 } from '../OrNotification.vue_vue_type_script_lang-093cb959.js';
 export { NotificationVariant } from './OrNotificationV3/props.js';
 export { s as OrNumberInput } from '../OrNumberInput.vue_vue_type_script_lang-9d6763fa.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu.vue_vue_type_script_lang-e077c7fd.js';
 export { s as OrOverlay } from '../OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
 export { s as OrOverlayV3 } from '../OrOverlay.vue_vue_type_script_lang-9036d75d.js';
-export { s as OrPaginationV3 } from '../OrPagination.vue_vue_type_script_lang-29423a33.js';
+export { s as OrPaginationV3 } from '../OrPagination.vue_vue_type_script_lang-32a27808.js';
 export { s as OrPassword } from '../OrPassword.vue_vue_type_script_lang-0a87f331.js';
 export { s as OrPopoverV3 } from '../OrPopover.vue_vue_type_script_lang-d15ec5cb.js';
 export { s as OrProgress } from '../OrProgress.vue_vue_type_script_lang-89224310.js';
@@ -110,14 +110,14 @@ export { s as OrRadioGroup } from '../OrRadioGroup.vue_vue_type_script_lang-75b6
 export { s as OrRadioGroupV3 } from '../OrRadioGroup.vue_vue_type_script_lang-d7f6f8ca.js';
 export { s as OrRadioV3 } from '../OrRadio.vue_vue_type_script_lang-48c2bc6b.js';
 export { s as OrSearch } from '../OrSearch.vue_vue_type_script_lang-933e71b8.js';
-export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-143806cd.js';
+export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-9d98ed4d.js';
 export { s as OrSegmentedControlV3 } from '../OrSegmentedControl.vue_vue_type_script_lang-3a7df112.js';
 export { SegmentedControlSize } from './OrSegmentedControlV3/props.js';
 export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-b8b014f6.js';
-export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-cd8928f7.js';
+export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-69c5cd67.js';
 export { s as OrSidebar } from '../OrSidebar.vue_vue_type_script_lang-cac8e5b7.js';
 export { OrSidebarSide } from './OrSidebar/constants.js';
-export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-9298b6e0.js';
+export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-a79c5901.js';
 export { OrSidebarPlacement } from './OrSidebarV3/props.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle.vue_vue_type_script_lang-b768e00d.js';
 export { s as OrSkeletonRect } from '../OrSkeletonRect.vue_vue_type_script_lang-32f819ad.js';
@@ -128,21 +128,20 @@ export { s as OrSkeletonRectV3 } from '../OrSkeletonRect.vue_vue_type_script_lan
 export { s as OrSkeletonTextV3 } from '../OrSkeletonText.vue_vue_type_script_lang-6703fb3a.js';
 export { s as OrSlider } from '../OrSlider.vue_vue_type_script_lang-9ae4141f.js';
 export { s as OrSortHeaderV3 } from '../OrSortHeader.vue_vue_type_script_lang-a444d88b.js';
-export { s as OrSortingV3 } from '../OrSortingV3.vue_vue_type_script_lang-9e8ccd25.js';
 export { s as OrStepper } from '../OrStepper.vue_vue_type_script_lang-999e65f6.js';
 export { s as OrSwitch } from '../OrSwitch.vue_vue_type_script_lang-3ef06bbd.js';
 export { s as OrSwitchV3 } from '../OrSwitch.vue_vue_type_script_lang-2014e70b.js';
 export { s as OrTab } from '../OrTab.vue_vue_type_script_lang-d9ee65b6.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem.vue_vue_type_script_lang-e1a0b91f.js';
-export { s as OrTabV3 } from '../OrTab.vue_vue_type_script_lang-79f2f523.js';
+export { s as OrTabV3 } from '../OrTab.vue_vue_type_script_lang-8af58197.js';
 export { s as OrTabs } from '../OrTabs.vue_vue_type_script_lang-9129d34b.js';
-export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-ca608c74.js';
+export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-e9ea6c28.js';
 export { TabsVariant } from './OrTabsV3/props.js';
 export { s as OrTag } from '../OrTag.vue_vue_type_script_lang-42a69c16.js';
-export { s as OrTagInputV3 } from '../OrTagInput.vue_vue_type_script_lang-c2fc7f9a.js';
-export { s as OrTagV3 } from '../OrTag.vue_vue_type_script_lang-47c6bbdc.js';
+export { s as OrTagInputV3 } from '../OrTagInput.vue_vue_type_script_lang-7f991f8e.js';
+export { s as OrTagV3 } from '../OrTag.vue_vue_type_script_lang-a04676a1.js';
 export { TagColor, TagVariant } from './OrTagV3/props.js';
-export { s as OrTagsV3 } from '../OrTags.vue_vue_type_script_lang-425bb731.js';
+export { s as OrTagsV3 } from '../OrTags.vue_vue_type_script_lang-1b9aabbb.js';
 export { default as OrTeleport } from './OrTeleport/OrTeleport.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 export { s as OrTextV3 } from '../OrText.vue_vue_type_script_lang-6ce019db.js';
@@ -150,14 +149,14 @@ export { s as OrTextarea } from '../OrTextarea.vue_vue_type_script_lang-af7cab22
 export { s as OrTextareaV3 } from '../OrTextarea.vue_vue_type_script_lang-44484741.js';
 export { s as OrTextbox } from '../OrTextbox.vue_vue_type_script_lang-80e42d58.js';
 export { TextboxTypes } from './OrTextbox/constants.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker.vue_vue_type_script_lang-c00997fc.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker.vue_vue_type_script_lang-d558f82f.js';
 export { default as OrToast } from './OrToast/OrToast.js';
 export { s as OrToastContainer } from '../OrToastContainer.vue_vue_type_script_lang-f9813bc6.js';
 export { default as useToast } from './OrToast/composable/useToast.js';
 export { default as useQueue } from './OrToast/composable/useQueue.js';
 export { PositionsX, PositionsY, ToastType, TransitionType } from './OrToast/constants.js';
 export { default as OrToastV3 } from './OrToastV3/OrToast.js';
-export { s as OrToastContainerV3 } from '../OrToastContainer.vue_vue_type_script_lang-b2b61918.js';
+export { s as OrToastContainerV3 } from '../OrToastContainer.vue_vue_type_script_lang-7910c852.js';
 export { default as useToastV3 } from './OrToastV3/composable/useToast.js';
 export { default as useQueueV3 } from './OrToastV3/composable/useQueue.js';
 export { t as TypesV3 } from '../types-668300dd.js';
@@ -221,12 +220,11 @@ import './OrPopoverV3/OrPopover.js';
 import './OrPopoverV3/styles.js';
 import './OrBottomSheetV3/OrBottomSheet.js';
 import '../hooks/useResponsive/useResponsive.js';
-import './OrSortingV3/OrSortingV3.js';
+import './OrButtonV3/OrButton.js';
 import './OrMenuV3/OrMenu.js';
 import './OrMenuV3/styles.js';
 import './OrMenuItemV3/OrMenuItem.js';
 import './OrMenuItemV3/styles.js';
-import './OrButtonV3/OrButton.js';
 import './OrSearchV3/OrSearch.js';
 import './OrInputV3/OrInput.js';
 import './OrInputV3/styles.js';
@@ -272,7 +270,7 @@ import '../index-500b3ace.js';
 import './OrButtonV2/OrButton.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-14136fbd.js';
+import '../OrDateTimePickerMonthSelect-57340c1e.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrDateTimePickerPopoverHeader-4959231c.js';
 import './OrDatePickerV3/styles.js';

package/dist/bundled/v3/hooks/useTheme.js

@@ -2244,6 +2244,7 @@ var tailwind_config_preset = {
             fontSize: fontSizeMobile ?? fontSizeDesktop,
             lineHeight: optionsMobile?.lineHeight ?? optionsDesktop?.lineHeight,
 
+            // Desktop
             [`@media (min-width: ${theme('screens.md')})`]: {
               fontFamily: theme(`fontFamily.${value}`),
               fontWeight: theme(`fontWeight.${value}`),
@@ -2317,12 +2318,23 @@ var tailwind_config_preset = {
             },
 
             '&:not(.interactivity-none)': {
-              '&:hover, &[force-state="hover"], &:focus-visible, &[force-state="focus"]': {
+              '&:active, &[force-state="active"]': {
                 backgroundColor: theme(`backgroundColor.${token}-hover` + suffix),
               },
 
-              '&:active, &[force-state="active"]': {
-                backgroundColor: theme(`backgroundColor.${token}` + suffix),
+              // Desktop
+              [`@media (min-width: ${theme('screens.md')})`]: {
+                '&:hover, &[force-state="hover"]': {
+                  backgroundColor: theme(`backgroundColor.${token}-hover` + suffix),
+                },
+
+                '&:focus-visible, &[force-state="focus"]': {
+                  backgroundColor: theme(`backgroundColor.${token}-hover` + suffix),
+                },
+
+                '&:active, &[force-state="active"]': {
+                  backgroundColor: theme(`backgroundColor.${token}` + suffix),
+                },
               },
             },
 
@@ -2348,12 +2360,23 @@ var tailwind_config_preset = {
             },
 
             '&:not(.interactivity-none)': {
-              '&:hover, &[force-state="hover"], &:focus-visible, &[force-state="focus"]': {
+              '&:active, &[force-state="active"]': {
                 backgroundColor: theme(`backgroundColor.${token}-opacity-0-12` + suffix),
               },
 
-              '&:active, &[force-state="active"]': {
-                backgroundColor: theme(`backgroundColor.${token}-opacity-0-16` + suffix),
+              // Desktop
+              [`@media (min-width: ${theme('screens.md')})`]: {
+                '&:hover, &[force-state="hover"]': {
+                  backgroundColor: theme(`backgroundColor.${token}-opacity-0-12` + suffix),
+                },
+
+                '&:focus-visible, &[force-state="focus"]': {
+                  backgroundColor: theme(`backgroundColor.${token}-opacity-0-12` + suffix),
+                },
+
+                '&:active, &[force-state="active"]': {
+                  backgroundColor: theme(`backgroundColor.${token}-opacity-0-16` + suffix),
+                },
               },
             },
 
@@ -2379,12 +2402,23 @@ var tailwind_config_preset = {
             },
 
             '&:not(.interactivity-none)': {
-              '&:hover, &[force-state="hover"], &:focus-visible, &[force-state="focus"]': {
+              '&:active, &[force-state="active"]': {
                 backgroundColor: theme(`backgroundColor.${token}-opacity-0-08` + suffix),
               },
 
-              '&:active, &[force-state="active"]': {
-                backgroundColor: theme(`backgroundColor.${token}-opacity-0-16` + suffix),
+              // Desktop
+              [`@media (min-width: ${theme('screens.md')})`]: {
+                '&:hover, &[force-state="hover"]': {
+                  backgroundColor: theme(`backgroundColor.${token}-opacity-0-08` + suffix),
+                },
+
+                '&:focus-visible, &[force-state="focus"]': {
+                  backgroundColor: theme(`backgroundColor.${token}-opacity-0-08` + suffix),
+                },
+
+                '&:active, &[force-state="active"]': {
+                  backgroundColor: theme(`backgroundColor.${token}-opacity-0-16` + suffix),
+                },
               },
             },
 
@@ -2410,12 +2444,23 @@ var tailwind_config_preset = {
             },
 
             '&:not(.interactivity-none)': {
-              '&:hover, &[force-state="hover"], &:focus-visible, &[force-state="focus"]': {
+              '&:active, &[force-state="active"]': {
                 color: theme(`textColor.${token}-hover` + suffix),
               },
 
-              '&:active, &[force-state="active"]': {
-                color: theme(`textColor.${token}` + suffix),
+              // Desktop
+              [`@media (min-width: ${theme('screens.md')})`]: {
+                '&:hover, &[force-state="hover"]': {
+                  color: theme(`textColor.${token}-hover` + suffix),
+                },
+
+                '&:focus-visible, &[force-state="focus"]': {
+                  color: theme(`textColor.${token}-hover` + suffix),
+                },
+
+                '&:active, &[force-state="active"]': {
+                  color: theme(`textColor.${token}` + suffix),
+                },
               },
             },