@onereach/ui-components 2.70.2-beta.2203.0 → 2.70.2-beta.2207.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundled/v2/{OrConfirm-057e997e.js → OrConfirm-23c3ce56.js} +5 -12
- package/dist/bundled/v2/{OrSelect-c49e1bcf.js → OrSelect-02fb39f0.js} +1 -1
- package/dist/bundled/v2/{OrTag-e3e6fdd6.js → OrTag-30fecee5.js} +1 -1
- package/dist/bundled/v2/components/index.js +3 -3
- package/dist/bundled/v2/components/or-confirm-v3/index.js +3 -3
- package/dist/bundled/v2/components/or-select-v3/index.js +2 -2
- package/dist/bundled/v2/components/or-tag-v3/index.js +1 -1
- package/dist/bundled/v2/index.js +4 -4
- package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-9d9a3917.js → OrConfirm.vue_vue_type_script_lang-05b21989.js} +5 -12
- package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-58e5a52b.js → OrSelect.vue_vue_type_script_lang-83f15704.js} +1 -1
- package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-e45c345b.js → OrTag.vue_vue_type_script_lang-3e30f662.js} +1 -1
- package/dist/bundled/v3/components/index.js +3 -3
- package/dist/bundled/v3/components/or-confirm-v3/index.js +2 -2
- package/dist/bundled/v3/components/or-select-v3/index.js +2 -2
- package/dist/bundled/v3/components/or-tag-v3/index.js +1 -1
- package/dist/bundled/v3/index.js +6 -6
- package/dist/esm/v2/{OrConfirm-047d4086.js → OrConfirm-e2ab9b4c.js} +6 -13
- package/dist/esm/v2/{OrSelect-1d705445.js → OrSelect-f8837f5d.js} +1 -1
- package/dist/esm/v2/{OrTag-52e4cc94.js → OrTag-5c404031.js} +1 -1
- package/dist/esm/v2/components/index.js +3 -3
- package/dist/esm/v2/components/or-confirm-v3/index.js +7 -7
- package/dist/esm/v2/components/or-select-v3/index.js +2 -2
- package/dist/esm/v2/components/or-tag-v3/index.js +1 -1
- package/dist/esm/v2/index.js +3 -3
- package/dist/esm/v3/{OrConfirm-fee3c859.js → OrConfirm-1bcd39b1.js} +6 -13
- package/dist/esm/v3/{OrSelect-dfa4885f.js → OrSelect-8fbd88bc.js} +1 -1
- package/dist/esm/v3/{OrTag-efa7578f.js → OrTag-5d54f37d.js} +1 -1
- package/dist/esm/v3/components/index.js +3 -3
- package/dist/esm/v3/components/or-confirm-v3/index.js +6 -6
- package/dist/esm/v3/components/or-select-v3/index.js +2 -2
- package/dist/esm/v3/components/or-tag-v3/index.js +1 -1
- package/dist/esm/v3/index.js +3 -3
- package/package.json +1 -1
- package/src/components/or-confirm-v3/OrConfirm.vue +10 -11
- package/src/components/or-confirm-v3/styles.ts +3 -13
- package/src/components/or-tag-v3/styles.ts +3 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
|
|
2
|
-
import { l as logicAnd } from './index-01519e46.js';
|
|
3
1
|
import { defineComponent, ref, computed, watch } from 'vue';
|
|
2
|
+
import { useMagicKeys, whenever } from '@vueuse/core';
|
|
3
|
+
import { l as logicAnd } from './index-01519e46.js';
|
|
4
4
|
import './OrBottomSheet.vue_vue_type_script_lang-6fb49de9.js';
|
|
5
5
|
import './OrButton-2b27c1fd.js';
|
|
6
6
|
import './OrInput-a4f220ed.js';
|
|
@@ -15,14 +15,12 @@ var ConfirmType;
|
|
|
15
15
|
})(ConfirmType || (ConfirmType = {}));
|
|
16
16
|
|
|
17
17
|
const ConfirmRoot = [
|
|
18
|
-
// Position
|
|
19
|
-
'fixed md:static', 'left-none', 'right-none', 'bottom-none',
|
|
20
18
|
// Layout
|
|
21
19
|
'layout-column',
|
|
22
20
|
// Box
|
|
23
|
-
'w-
|
|
21
|
+
'w-[320px]',
|
|
24
22
|
// Shape
|
|
25
|
-
'rounded-
|
|
23
|
+
'rounded-md',
|
|
26
24
|
// Spacing
|
|
27
25
|
'px-lg', 'py-lg', 'gap-md',
|
|
28
26
|
// Typography
|
|
@@ -55,10 +53,8 @@ const ConfirmFooterTypes = {
|
|
|
55
53
|
'flex-row-reverse']
|
|
56
54
|
};
|
|
57
55
|
const ConfirmFooterButtons = [
|
|
58
|
-
// Layout
|
|
59
|
-
'grow',
|
|
60
56
|
// Box
|
|
61
|
-
'w-
|
|
57
|
+
'w-[128px]'];
|
|
62
58
|
|
|
63
59
|
var script = defineComponent({
|
|
64
60
|
name: 'OrConfirm',
|
|
@@ -200,9 +196,6 @@ var script = defineComponent({
|
|
|
200
196
|
const inputBoxStyles = computed(() => [...ConfirmInput]);
|
|
201
197
|
const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);
|
|
202
198
|
const buttonsStyles = computed(() => [...ConfirmFooterButtons]);
|
|
203
|
-
// #region Click Outside
|
|
204
|
-
onClickOutside(root, close);
|
|
205
|
-
// #endregion
|
|
206
199
|
return {
|
|
207
200
|
root,
|
|
208
201
|
confirmationInput,
|
|
@@ -9,7 +9,7 @@ import './OrInputBox-eb54d73d.js';
|
|
|
9
9
|
import './OrLabel-c6873e79.js';
|
|
10
10
|
import './OrMenuItem-4feaba6c.js';
|
|
11
11
|
import './OrPopover-c462ce77.js';
|
|
12
|
-
import { s as script$3 } from './OrTag.vue_vue_type_script_lang-
|
|
12
|
+
import { s as script$3 } from './OrTag.vue_vue_type_script_lang-3e30f662.js';
|
|
13
13
|
import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-293d2de2.js';
|
|
14
14
|
import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
|
|
15
15
|
import { u as useOverflow } from './useOverflow-6dce216b.js';
|
|
@@ -42,7 +42,7 @@ const TagRootVariants = {
|
|
|
42
42
|
const TagRootColors = {
|
|
43
43
|
'default': [
|
|
44
44
|
// Theme
|
|
45
|
-
'theme-preset-2-primary', 'dark:theme-preset-2-primary-dark'],
|
|
45
|
+
'theme-preset-2-primary', 'dark:theme-preset-2-primary-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'],
|
|
46
46
|
'danger': [
|
|
47
47
|
// Theme
|
|
48
48
|
'theme-preset-2-error', 'dark:theme-preset-2-error-dark']
|
|
@@ -19,7 +19,7 @@ export { s as OrCode, O as OrCodeLanguages } from '../OrCode.vue_vue_type_script
|
|
|
19
19
|
export { s as OrCollapse } from '../OrCollapse.vue_vue_type_script_lang-65cbb754.js';
|
|
20
20
|
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.vue_vue_type_script_lang-4141378d.js';
|
|
21
21
|
export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-0f16fc67.js';
|
|
22
|
-
export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-
|
|
22
|
+
export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-05b21989.js';
|
|
23
23
|
export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker.vue_vue_type_script_lang-7bfe5005.js';
|
|
24
24
|
export { s as OrError } from '../OrError.vue_vue_type_script_lang-7c39e012.js';
|
|
25
25
|
export { s as OrErrorTagV3 } from '../OrErrorTag.vue_vue_type_script_lang-4828c387.js';
|
|
@@ -68,7 +68,7 @@ export { s as OrRadioV3 } from '../OrRadio.vue_vue_type_script_lang-2e666a56.js'
|
|
|
68
68
|
export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-06f318ca.js';
|
|
69
69
|
export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl.vue_vue_type_script_lang-579406f5.js';
|
|
70
70
|
export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-26c0a70a.js';
|
|
71
|
-
export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-
|
|
71
|
+
export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-83f15704.js';
|
|
72
72
|
export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar.vue_vue_type_script_lang-7c55ac0a.js';
|
|
73
73
|
export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-ce0b152c.js';
|
|
74
74
|
export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText.vue_vue_type_script_lang-f3f989c3.js';
|
|
@@ -84,7 +84,7 @@ export { s as OrTabV3 } from '../OrTab.vue_vue_type_script_lang-134ad9d1.js';
|
|
|
84
84
|
export { s as OrTabs } from '../OrTabs.vue_vue_type_script_lang-40e2a6e9.js';
|
|
85
85
|
export { s as OrTabsV3, T as TabsVariant } from '../OrTabs.vue_vue_type_script_lang-61b79a5a.js';
|
|
86
86
|
export { s as OrTag } from '../OrTag.vue_vue_type_script_lang-8c526c11.js';
|
|
87
|
-
export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag.vue_vue_type_script_lang-
|
|
87
|
+
export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag.vue_vue_type_script_lang-3e30f662.js';
|
|
88
88
|
export { s as OrTeleport } from '../OrTeleportVue3-012351e1.js';
|
|
89
89
|
export { s as OrTeleportV3 } from '../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
|
|
90
90
|
export { s as OrTextV3 } from '../OrText.vue_vue_type_script_lang-d9525d49.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-
|
|
1
|
+
export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-05b21989.js';
|
|
2
|
+
import 'vue';
|
|
2
3
|
import '@vueuse/core';
|
|
3
4
|
import '../../index-01519e46.js';
|
|
4
|
-
import 'vue';
|
|
5
5
|
import '../../OrBottomSheet.vue_vue_type_script_lang-6fb49de9.js';
|
|
6
6
|
import '../../OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
|
|
7
7
|
import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-
|
|
1
|
+
export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-83f15704.js';
|
|
2
2
|
export { a as SelectSize } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
|
|
3
3
|
import 'vue';
|
|
4
4
|
import '../../OrCheckbox.vue_vue_type_script_lang-8b36e06c.js';
|
|
@@ -29,6 +29,6 @@ import '../../useResponsive-9d397e2a.js';
|
|
|
29
29
|
import '../../OrInputBox-eb54d73d.js';
|
|
30
30
|
import '../../OrMenuItem-4feaba6c.js';
|
|
31
31
|
import '../../OrMenuItem.vue_vue_type_script_lang-0ffaef05.js';
|
|
32
|
-
import '../../OrTag.vue_vue_type_script_lang-
|
|
32
|
+
import '../../OrTag.vue_vue_type_script_lang-3e30f662.js';
|
|
33
33
|
import '../../dropdown-open-293d2de2.js';
|
|
34
34
|
import '../../useOverflow-6dce216b.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag.vue_vue_type_script_lang-
|
|
1
|
+
export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag.vue_vue_type_script_lang-3e30f662.js';
|
|
2
2
|
import 'vue';
|
|
3
3
|
import '../../OrIconButton-cd62526d.js';
|
|
4
4
|
import '../../OrIconButton.vue_vue_type_script_lang-aefcf30d.js';
|