@onereach/ui-components 15.2.2 → 15.2.4

package/dist/bundled/v2/components/OrButtonV3/OrButton.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { ButtonType, ButtonVariant, ButtonColor } from './props.js';
-import { Button, ButtonVariants, ButtonColors } from './styles.js';
+import { Button, ButtonVariants, ButtonColors, ButtonLoadingColors } from './styles.js';
 import __vue_component__$1 from '../OrLoaderV3/OrLoader.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -45,7 +45,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-button-v3', ...Button, ...ButtonVariants[props.variant], ...ButtonColors[`${props.color}-${props.variant}`], props.loading && 'interactivity-none']);
+    const rootStyles = computed(() => ['or-button-v3', ...Button, ...ButtonVariants[props.variant], ...ButtonColors[`${props.color}-${props.variant}`], ...(props.loading ? ButtonLoadingColors[`${props.color}-${props.variant}`] : [])]);
     return {
       root,
       rootStyles,
@@ -68,7 +68,8 @@ var __vue_render__ = function () {
     attrs: {
       "type": _vm.type,
       "activated": _vm.activated,
-      "disabled": _vm.disabled
+      "disabled": _vm.disabled,
+      "data-loading": _vm.loading
     }
   }, Object.assign({}, _vm.isVue3 ? {} : _vm.$listeners, {
     click: function (e) {
@@ -84,7 +85,7 @@ var __vue_render__ = function () {
     class: ['contents', _vm.loading && 'invisible']
   }, [_vm._t("default")], 2), _vm._v(" "), _vm.loading ? [_c('div', {
     class: ['absolute']
-  }, [_vm.variant !== 'link' ? [_c('OrLoader', {
+  }, [_vm.variant == 'contained' || _vm.variant == 'outlined' ? [_c('OrLoader', {
     attrs: {
       "variant": 'circular',
       "color": 'inherit',

package/dist/bundled/v2/components/OrButtonV3/OrButton.vue.d.ts

@@ -31,7 +31,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }, {
     root: import("vue-demi").Ref<HTMLButtonElement | undefined>;
-    rootStyles: import("vue-demi").ComputedRef<(string | false)[]>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
     isVue3: boolean;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("click" | "focus" | "blur")[], "click" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     type: {

package/dist/bundled/v2/components/OrButtonV3/styles.d.ts

@@ -2,3 +2,4 @@ import { ButtonColor, ButtonVariant } from './props';
 export declare const Button: string[];
 export declare const ButtonVariants: Record<ButtonVariant, string[]>;
 export declare const ButtonColors: Record<`${ButtonColor}-${ButtonVariant}`, string[]>;
+export declare const ButtonLoadingColors: Record<`${ButtonColor}-${ButtonVariant}`, string[]>;

package/dist/bundled/v2/components/OrButtonV3/styles.js

@@ -71,5 +71,19 @@ const ButtonColors = {
   // Theme (activated)
   'activated:theme-foreground-default', 'dark:activated:theme-foreground-default-dark']
 };
+const ButtonLoadingColors = {
+  'primary-contained': ['interactivity-none', 'bg-primary-hover dark:bg-primary-hover-dark'],
+  'danger-contained': ['interactivity-none', 'bg-error-hover dark:bg-error-hover-dark'],
+  'inherit-contained': ['interactivity-none'],
+  'primary-outlined': ['interactivity-none'],
+  'danger-outlined': ['interactivity-none'],
+  'inherit-outlined': ['interactivity-none'],
+  'primary-text': ['interactivity-none', 'text-primary-hover dark:text-primary-hover-dark'],
+  'danger-text': ['interactivity-none', 'text-error-hover dark:text-error-hover-dark'],
+  'inherit-text': ['interactivity-none'],
+  'primary-link': ['interactivity-none', 'text-primary-hover dark:text-primary-hover-dark'],
+  'danger-link': ['interactivity-none', 'text-error-hover dark:text-error-hover-dark'],
+  'inherit-link': ['interactivity-none']
+};
 
-export { Button, ButtonColors, ButtonVariants };
+export { Button, ButtonColors, ButtonLoadingColors, ButtonVariants };

package/dist/bundled/v2/components/OrDataGridV3/OrDataGrid.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrDataGrid-c02226e4.js';
+export { _ as default } from '../../OrDataGrid-d7a51b42.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-c02226e4.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-d7a51b42.js';

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-6ad027de.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-8bdf79cc.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-4b5240ee.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-c493a964.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js

@@ -8,8 +8,8 @@ import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-6ad027de.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-8bdf79cc.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-4b5240ee.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-c493a964.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-945b6452.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-6ad027de.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-8bdf79cc.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-23a77a54.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-4b5240ee.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-c493a964.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-a9cd5170.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

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

@@ -1,7 +1,7 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-6ad027de.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-8bdf79cc.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-23a77a54.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-4b5240ee.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-c493a964.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-a9cd5170.js';
 export { formatDate } from './utils/formatDate.js';
 export { formatMobileDate } from './utils/formatMobileDate.js';
 export { formatMobileTime } from './utils/formatMobileTime.js';

package/dist/bundled/v2/components/OrListV3/OrList.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-945fee7f.js';
+export { _ as default } from '../../OrList-3d1f12cc.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-945fee7f.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-3d1f12cc.js';

package/dist/bundled/v2/components/OrProgressV3/OrProgress.js

@@ -84,7 +84,7 @@ var script = defineComponent({
           return ProgressColor.Error;
         }
       } else {
-        return props.color in ProgressColor ? props.color : ProgressColor.Success;
+        return Object.values(ProgressColor).includes(props.color) ? props.color : ProgressColor.Success;
       }
     });
     const computedSize = computed(() => isMobile.value ? 20 : 16);

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-23a77a54.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-a9cd5170.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-8bdf79cc.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-c493a964.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-945b6452.js';

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -7,8 +7,8 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-8bdf79cc.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-23a77a54.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-c493a964.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-a9cd5170.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-945b6452.js';

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

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrTree-fec1bf47.js';
+export { _ as default } from '../../OrTree-b2162648.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-fec1bf47.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-b2162648.js';

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

@@ -44,7 +44,7 @@ export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-c02226e4.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-d7a51b42.js';
 export { default as OrDateFormatV3 } from './OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './OrDateRangePickerV3/OrDateRangePicker.js';
@@ -52,9 +52,9 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-6ad027de.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-8bdf79cc.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-23a77a54.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-4b5240ee.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-c493a964.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-a9cd5170.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
 export { formatMobileDate } from './OrDateTimePickerV3/utils/formatMobileDate.js';
 export { formatMobileTime } from './OrDateTimePickerV3/utils/formatMobileTime.js';
@@ -109,7 +109,7 @@ export { default as OrLinkV3 } from './OrLinkV3/OrLink.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { default as OrList } from './OrList/OrList.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from '../OrList-945fee7f.js';
+export { O as OrListItem, _ as OrListV3 } from '../OrList-3d1f12cc.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';
@@ -211,4 +211,4 @@ export { default as useQueueV3 } from './OrToastV3/composable/useQueue.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 { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-fec1bf47.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-b2162648.js';