@onereach/ui-components 4.11.1-beta.2966.0 → 4.11.1

package/dist/bundled/v2/components/OrTreeV3/types.js

@@ -0,0 +1,8 @@
+var TreeNodeDropPosition;
+(function (TreeNodeDropPosition) {
+  TreeNodeDropPosition["Top"] = "top";
+  TreeNodeDropPosition["Bottom"] = "bottom";
+  TreeNodeDropPosition["Middle"] = "middle";
+})(TreeNodeDropPosition || (TreeNodeDropPosition = {}));
+
+export { TreeNodeDropPosition };

package/dist/bundled/v2/components/index.d.ts

@@ -104,3 +104,4 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
+export * from './or-tree-v3';

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

@@ -164,6 +164,8 @@ export { p as PropsV3 } from '../props-7be029c7.js';
 export { default as OrTooltip } from './OrTooltip/OrTooltip.js';
 export { default as OrTooltipContent } from './OrTooltipContent/OrTooltipContent.js';
 export { default as OrTooltipV3 } from './OrTooltipV3/OrTooltip.js';
+export { default as OrTreeV3 } from './OrTreeV3/OrTree.js';
+export { TreeNodeDropPosition } from './OrTreeV3/types.js';
 import 'vue-demi';
 import '../style-inject.es-4c6f2515.js';
 import '../normalize-component-6e8e3d80.js';
@@ -231,7 +233,7 @@ import './OrCombinedInputV3/styles.js';
 import '../index-15e8c1f3.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-84aa4843.js';
+import '../OrDateTimePickerMonthSelect-88a629fe.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrDateTimePickerPopoverHeader-52a99e6a.js';
 import './OrDatePickerV3/styles.js';

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

@@ -2244,7 +2244,6 @@ 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}`),
@@ -2318,23 +2317,12 @@ var tailwind_config_preset = {
             },
 
             '&:not(.interactivity-none)': {
-              '&:active, &[force-state="active"]': {
+              '&:hover, &[force-state="hover"], &:focus-visible, &[force-state="focus"]': {
                 backgroundColor: theme(`backgroundColor.${token}-hover` + 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),
-                },
+              '&:active, &[force-state="active"]': {
+                backgroundColor: theme(`backgroundColor.${token}` + suffix),
               },
             },
 
@@ -2360,23 +2348,12 @@ var tailwind_config_preset = {
             },
 
             '&:not(.interactivity-none)': {
-              '&:active, &[force-state="active"]': {
+              '&:hover, &[force-state="hover"], &:focus-visible, &[force-state="focus"]': {
                 backgroundColor: theme(`backgroundColor.${token}-opacity-0-12` + 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),
-                },
+              '&:active, &[force-state="active"]': {
+                backgroundColor: theme(`backgroundColor.${token}-opacity-0-16` + suffix),
               },
             },
 
@@ -2402,23 +2379,12 @@ var tailwind_config_preset = {
             },
 
             '&:not(.interactivity-none)': {
-              '&:active, &[force-state="active"]': {
+              '&:hover, &[force-state="hover"], &:focus-visible, &[force-state="focus"]': {
                 backgroundColor: theme(`backgroundColor.${token}-opacity-0-08` + 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),
-                },
+              '&:active, &[force-state="active"]': {
+                backgroundColor: theme(`backgroundColor.${token}-opacity-0-16` + suffix),
               },
             },
 
@@ -2444,23 +2410,12 @@ var tailwind_config_preset = {
             },
 
             '&:not(.interactivity-none)': {
-              '&:active, &[force-state="active"]': {
+              '&:hover, &[force-state="hover"], &:focus-visible, &[force-state="focus"]': {
                 color: theme(`textColor.${token}-hover` + 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),
-                },
+              '&:active, &[force-state="active"]': {
+                color: theme(`textColor.${token}` + suffix),
               },
             },