@onereach/ui-components 16.1.0 → 16.1.2

package/dist/esm/v3/components/or-time-picker-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTimePickerV3 } from '../../OrTimePicker-aef3f99a.js';
+export { s as OrTimePickerV3 } from '../../OrTimePicker-54206397.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '../../TimeFormat-a7f5565b.js';
@@ -11,7 +11,7 @@ import '@vueuse/core';
 import '../../useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePicker-a794ed01.js';
+import '../../OrDateTimePicker-c90953ea.js';
 import '../../OrError-331220bc.js';
 import 'vue';
 import '../../OrHint-262c8217.js';
@@ -32,10 +32,10 @@ import '../../isPrevented-b1764210.js';
 import '../../isAncestor-2973d4f4.js';
 import '../../OrInputBox-2f33498c.js';
 import '../../OrLabel-4abbce6e.js';
-import '../../OrDateTimePickerTimeSelect-2e9eb896.js';
+import '../../OrDateTimePickerTimeSelect-149ec6c0.js';
 import '../../useTimeMask-a1c090c1.js';
 import '../../formatTime-3f37a00f.js';
-import '../../OrButton-1a1f7255.js';
+import '../../OrButton-e997c224.js';
 import '../../OrLoader-5e2f359b.js';
 import '../../OrMenuItem-6caf8844.js';
 import '../../OrMenu-95509740.js';

package/dist/esm/v3/components/or-time-range-picker-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-2324abdb.js';
+export { s as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-8396e1ad.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '../../TimeFormat-a7f5565b.js';
@@ -12,7 +12,7 @@ import '../../useProxyModelValue-e18f251e.js';
 import '../../useResponsive-491da8c6.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePicker-a794ed01.js';
+import '../../OrDateTimePicker-c90953ea.js';
 import '../../OrError-331220bc.js';
 import 'vue';
 import '../../OrHint-262c8217.js';
@@ -32,10 +32,10 @@ import '../../isPrevented-b1764210.js';
 import '../../isAncestor-2973d4f4.js';
 import '../../OrInputBox-2f33498c.js';
 import '../../OrLabel-4abbce6e.js';
-import '../../OrDateTimePickerTimeSelect-2e9eb896.js';
+import '../../OrDateTimePickerTimeSelect-149ec6c0.js';
 import '../../useTimeMask-a1c090c1.js';
 import '../../formatTime-3f37a00f.js';
-import '../../OrButton-1a1f7255.js';
+import '../../OrButton-e997c224.js';
 import '../../OrLoader-5e2f359b.js';
 import '../../OrMenuItem-6caf8844.js';
 import '../../OrMenu-95509740.js';

package/dist/esm/v3/components/or-tree-v3/index.js

@@ -1,7 +1,7 @@
-export { s as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-867a1870.js';
+export { s as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-f97c9a08.js';
 import 'vue-demi';
 import '@vueuse/core';
-import '../../OrButton-1a1f7255.js';
+import '../../OrButton-e997c224.js';
 import '../../OrLoader-5e2f359b.js';
 import 'vue';
 import '../../OrIcon-9aff520e.js';

package/dist/esm/v3/index.js

@@ -1,19 +1,19 @@
-export { s as OrAutocompleteV3 } from './OrAutocomplete-36ea1cd2.js';
+export { s as OrAutocompleteV3 } from './OrAutocomplete-4ebb9e1d.js';
 export { O as OR_AVATAR_SIZE, s as OrAvatar } from './OrAvatar-dbec7020.js';
 export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './OrAvatar-cab88a78.js';
 export { B as BottomSheetVariant, s as OrBottomSheetV3 } from './OrBottomSheet-a7a06f7f.js';
 export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-c05bdda7.js';
-export { s as OrButtonGroupV3 } from './OrButtonGroup-7d496373.js';
+export { s as OrButtonGroupV3 } from './OrButtonGroup-5b5c0690.js';
 export { s as OrButtonV2 } from './OrButton-bc9cc4a5.js';
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrIconButton, s as OrIconButtonV2 } from './OrIconButton-5ccfcc6f.js';
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-1a1f7255.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-e997c224.js';
 export { s as OrCard } from './OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-6559e6fa.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-9db013d5.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-42ed704c.js';
 export { C as CardPadding, s as OrCardV3 } from './OrCard-999571e5.js';
 export { s as OrCheckbox } from './OrCheckbox-9d30d1d2.js';
-export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-7d7c21d0.js';
-export { s as OrCheckboxTreeV3 } from './OrCheckboxTree-ee736c1c.js';
+export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-a506ccd5.js';
+export { s as OrCheckboxTreeV3 } from './OrCheckboxTree-65d7b19b.js';
 export { s as OrCheckboxV3 } from './OrCheckbox-e353ee89.js';
 export { s as OrChip } from './OrChip-354bd93f.js';
 export { s as OrChips } from './OrChips-24f72916.js';
@@ -30,17 +30,17 @@ export { s as OrCollapse } from './OrCollapse-fdd7efab.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-28027e9a.js';
 export { s as OrCombinedInputV3 } from './OrCombinedInput-75b556fa.js';
 export { s as OrConfirm } from './OrConfirm-05a78778.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-25ac8fb4.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-aa2ea8b3.js';
 export { s as OrContextMenuV3 } from './OrContextMenu-d8c71891.js';
-export { s as OrDataGridV3 } from './OrDataGrid-afced5b1.js';
-export { D as DataGridVariant } from './OrDataGridToolbar-8282c98f.js';
-export { s as OrDateFormatV3 } from './OrDateFormat-fa5cb24e.js';
-export { s as OrDatePickerV3 } from './OrDatePicker-a9faa75a.js';
-export { s as OrDateRangePickerV3 } from './OrDateRangePicker-f0509cf9.js';
-export { s as OrDateTimeFormatV3 } from './OrDateTimeFormat-a64fae37.js';
+export { s as OrDataGridV3 } from './OrDataGrid-550f18b2.js';
+export { D as DataGridVariant } from './OrDataGridToolbar-a4871539.js';
+export { s as OrDateFormatV3 } from './OrDateFormat-a7f36236.js';
+export { s as OrDatePickerV3 } from './OrDatePicker-3f64e170.js';
+export { s as OrDateRangePickerV3 } from './OrDateRangePicker-d5cd11d1.js';
+export { s as OrDateTimeFormatV3 } from './OrDateTimeFormat-929ff4a6.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-5bae57ec.js';
-export { s as OrDateTimePickerV3 } from './OrDateTimePicker-a794ed01.js';
-export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-2e9eb896.js';
+export { s as OrDateTimePickerV3 } from './OrDateTimePicker-c90953ea.js';
+export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-149ec6c0.js';
 export { f as formatDate, a as formatTime } from './formatTime-3f37a00f.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from './getCurrentDate-e5a478c3.js';
 export { g as getNextMonthDate } from './getNextMonthDate-8ec29631.js';
@@ -54,9 +54,9 @@ export { s as OrErrorTagV3 } from './OrErrorTag-94f074a2.js';
 export { s as OrErrorV3 } from './OrError-331220bc.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanel-bb8883a1.js';
 export { F as FabColor, s as OrFabV3 } from './OrFab-f949bf4f.js';
-export { s as OrFilterPopoverV3 } from './OrFilterPopover-e7dde291.js';
+export { s as OrFilterPopoverV3 } from './OrFilterPopover-564e4997.js';
 export { s as OrFilterTriggerV3 } from './OrFilterTrigger-1d5c6704.js';
-export { s as OrFilterV3 } from './OrFilter-68c0355f.js';
+export { s as OrFilterV3 } from './OrFilter-5ec823c1.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-00617713.js';
 export { F as FormGroupDirection, s as OrFormGroupV3 } from './OrFormGroup-893719a1.js';
 export { s as OrHint } from './OrHint-8822005b.js';
@@ -76,7 +76,7 @@ export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-4abbce6e.js';
 export { L as LinkColor, s as OrLinkV3 } from './OrLink-c83a51b2.js';
 export { s as OrList } from './OrList-9445e452.js';
 export { s as OrListOfInputs } from './OrListOfInputs-298bae5f.js';
-export { s as OrListV3 } from './OrList-401c3455.js';
+export { s as OrListV3 } from './OrList-14d8cf31.js';
 export { s as OrListItem } from './OrListItem-12fa8abd.js';
 export { L as LoaderViews, s as OrLoader } from './OrLoader-d5a5b426.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from './OrLoader-5e2f359b.js';
@@ -90,7 +90,7 @@ export { s as OrNumberInput } from './OrNumberInput-daa7b3f0.js';
 export { s as OrOverflowMenu } from './OrOverflowMenu-e19fb6c8.js';
 export { s as OrOverlay } from './OrOverlay-451dce49.js';
 export { s as OrOverlayV3 } from './OrOverlay-97c94f0b.js';
-export { s as OrPaginationV3 } from './OrPagination-dd2e3594.js';
+export { s as OrPaginationV3 } from './OrPagination-544f2d50.js';
 export { s as OrPassword } from './OrPassword-352677d0.js';
 export { s as OrPopoverV3, a as PopoverPlacement, P as PopoverVariant } from './OrPopover-0daeba14.js';
 export { i as isPrevented } from './isPrevented-b1764210.js';
@@ -103,13 +103,13 @@ export { s as OrRadioV3 } from './OrRadio-8677bac3.js';
 export { s as OrRangeSliderV3 } from './OrRangeSlider-c1ed0ba5.js';
 export { s as OrRatingV3, R as RatingVariant } from './OrRating-7c2f8e4d.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-1d0c171b.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-10431839.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-4ec30209.js';
 export { s as OrRichTooltipV3, R as RichTooltipBehavior } from './OrRichTooltip-160af591.js';
 export { s as OrSearch } from './OrSearch-4192737e.js';
 export { s as OrSearchV3 } from './OrSearch-b7a558ef.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-5dd163fb.js';
 export { s as OrSelect } from './OrSelect-2c033afb.js';
-export { s as OrSelectV3 } from './OrSelect-24b7538f.js';
+export { s as OrSelectV3 } from './OrSelect-9347b36b.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-4ab42b93.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from './props-339b3fd2.js';
 export { s as OrSkeletonCircle } from './OrSkeletonCircle-66e175a0.js';
@@ -121,7 +121,7 @@ export { s as OrSkeletonRectV3 } from './OrSkeletonRect-d0b8b2cf.js';
 export { s as OrSkeletonTextV3 } from './OrSkeletonText-5e9579c1.js';
 export { s as OrSlider } from './OrSlider-d6f94501.js';
 export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from './OrSlider-5c665987.js';
-export { s as OrSortingV3 } from './OrSorting-71989785.js';
+export { s as OrSortingV3 } from './OrSorting-c946c7a3.js';
 export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from './OrStatus-29df22e1.js';
 export { s as OrStepper } from './OrStepper-8722709f.js';
 export { s as OrSwitch } from './OrSwitch-043fb0ba.js';
@@ -132,18 +132,18 @@ export { s as OrTabV3 } from './OrTab-5f903429.js';
 export { s as OrTabs } from './OrTabs-bc8c8be5.js';
 export { s as OrTabsV3, T as TabsVariant } from './OrTabs-66729e19.js';
 export { s as OrTag } from './OrTag-68b92040.js';
-export { s as OrTagInputV3 } from './OrTagInput-7180d576.js';
+export { s as OrTagInputV3 } from './OrTagInput-e3686f04.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-f048f982.js';
-export { s as OrTagsV3, T as TagsOverflow } from './OrTags-2b333e56.js';
+export { s as OrTagsV3, T as TagsOverflow } from './OrTags-44507e58.js';
 export { s as OrTeleport } from './OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from './OrText-ea114c19.js';
 export { s as OrTextarea } from './OrTextarea-b16e1a72.js';
 export { s as OrTextareaV3 } from './OrTextarea-f9cbc1c3.js';
 export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-20cc3bac.js';
-export { s as OrTimeFormatV3 } from './OrTimeFormat-f923a263.js';
-export { s as OrTimePickerV3 } from './OrTimePicker-aef3f99a.js';
-export { s as OrTimeRangePickerV3 } from './OrTimeRangePicker-2324abdb.js';
+export { s as OrTimeFormatV3 } from './OrTimeFormat-a9fb9afb.js';
+export { s as OrTimePickerV3 } from './OrTimePicker-54206397.js';
+export { s as OrTimeRangePickerV3 } from './OrTimeRangePicker-8396e1ad.js';
 export { s as OrToast, a as OrToastContainer } from './OrToastContainer-cea387eb.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-a1f907bc.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-0f27194b.js';
@@ -151,7 +151,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-41cf0
 export { s as OrTooltip } from './OrTooltip-a15bf4b1.js';
 export { s as OrTooltipContent } from './OrTooltipContent-c0042844.js';
 export { s as OrTooltipV3 } from './OrTooltip-de856939.js';
-export { s as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-867a1870.js';
+export { s as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-f97c9a08.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 export { g as getItemByValue } from './getItemByValue-be7353df.js';
 export { g as getItemsByValue } from './getItemsByValue-b08b7d12.js';
@@ -230,7 +230,7 @@ import '@tiptap/extension-horizontal-rule';
 import '@tiptap/extension-bold';
 import '@tiptap/extension-code-block';
 import 'lodash/keyBy';
-import './OrSelectMultipleControl-d57bb904.js';
+import './OrSelectMultipleControl-274c9752.js';
 import './OrSelectControlInput-e0116b29.js';
 import './OrSelectPlaceholder-81502228.js';
 import './OrSelectSingleControl-70644f38.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "16.1.0",
+  "version": "16.1.2",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -40,7 +40,7 @@
     "@codemirror/lang-json": "6.0.1",
     "@codemirror/lang-markdown": "6.1.1",
     "@floating-ui/dom": "1.5.3",
-    "@onereach/styles": "^16.1.0",
+    "@onereach/styles": "^16.1.2",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -180,5 +180,5 @@
     },
     "./package.json": "./package.json"
   },
-  "gitHead": "d058877dfe5a4a4152accd1da2bdef79ccc8f7c7"
+  "gitHead": "46d18e60986abccd4e32d4af67692a9e64991514"
 }

package/src/components/or-button-v3/OrButton.vue

@@ -13,24 +13,24 @@
       blur: (e) => $emit('blur', e),
     }"
   >
-    <div :class="['contents', loading && 'invisible']">
+    <div :class="contentStyles">
       <slot />
     </div>
 
     <template v-if="loading">
-      <div :class="['absolute']">
-        <template v-if="variant == 'contained' || variant == 'outlined'">
+      <template v-if="variant == 'contained' || variant == 'outlined'">
+        <div :class="['absolute']">
           <OrLoader
             :variant="'circular'"
             :color="'inherit'"
             :size="'s'"
           />
-        </template>
+        </div>
+      </template>
 
-        <template v-else>
-          {{ loadingText }}&hellip;
-        </template>
-      </div>
+      <template v-else>
+        {{ loadingText }}&hellip;
+      </template>
     </template>
   </button>
 </template>
@@ -108,9 +108,15 @@ export default defineComponent({
       ...(props.loading ? Styles.ButtonLoadingColors[`${props.color}-${props.variant}`] : []),
     ]);
 
+    const contentStyles = computed(() => [
+      'contents',
+      ...(props.loading ? Styles.ButtonContentLoadingStyles[props.variant] : []),
+    ]);
+
     return {
       root,
       rootStyles,
+      contentStyles,
       isVue3,
     };
   },

package/src/components/or-button-v3/styles.ts

@@ -197,3 +197,17 @@ export const ButtonLoadingColors: Record<`${ButtonColor}-${ButtonVariant}`, stri
   ],
 };
 
+export const ButtonContentLoadingStyles: Record<ButtonVariant, string[]> = {
+  'contained': [
+    'invisible',
+  ],
+  'outlined': [
+    'invisible',
+  ],
+  'text': [
+    'hidden',
+  ],
+  'link': [
+    'hidden',
+  ],
+};

package/src/components/or-confirm-v3/OrConfirm.vue

@@ -54,7 +54,7 @@
             :color="confirmButtonColor"
             :loading="loading"
             :disabled="isConfirmationButtonDisabled"
-            @click="confirm(); close()"
+            @click="onConfirmClick"
           >
             {{ confirmButtonText }}
           </OrButton>
@@ -103,6 +103,11 @@ export default defineComponent({
       default: 'Confirm',
     },
 
+    autoCloseOnConfirm: {
+      type: Boolean,
+      default: true,
+    },
+
     cancelButtonText: {
       type: String,
       default: 'Cancel',
@@ -223,6 +228,12 @@ export default defineComponent({
       isInputActive.value = false;
     }
 
+    function onConfirmClick(): void {
+      confirm();
+      if (props.autoCloseOnConfirm) {
+        close();
+      }
+    }
     // Events
     watch(escape, (val) => {
       if (val) close();
@@ -263,6 +274,7 @@ export default defineComponent({
       footerStyles,
       buttonsStyles,
       confirm,
+      onConfirmClick,
       open,
       close,
       onInputFocus,