@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-17f264f9.js';
|
|
3
1
|
import './index-fa6eb4ca.js';
|
|
2
|
+
import { useMagicKeys, whenever } from '@vueuse/core';
|
|
3
|
+
import { l as logicAnd } from './index-17f264f9.js';
|
|
4
4
|
import { O as OrOverlay } from './OrOverlay-3c89d622.js';
|
|
5
5
|
import { O as OrButton, a as ButtonColor } from './OrButton-a846fa7e.js';
|
|
6
6
|
import { O as OrInput } from './OrInput-82ccfe00.js';
|
|
@@ -14,14 +14,12 @@ var ConfirmType;
|
|
|
14
14
|
})(ConfirmType || (ConfirmType = {}));
|
|
15
15
|
|
|
16
16
|
const ConfirmRoot = [
|
|
17
|
-
// Position
|
|
18
|
-
'fixed md:static', 'left-none', 'right-none', 'bottom-none',
|
|
19
17
|
// Layout
|
|
20
18
|
'layout-column',
|
|
21
19
|
// Box
|
|
22
|
-
'w-
|
|
20
|
+
'w-[320px]',
|
|
23
21
|
// Shape
|
|
24
|
-
'rounded-
|
|
22
|
+
'rounded-md',
|
|
25
23
|
// Spacing
|
|
26
24
|
'px-lg', 'py-lg', 'gap-md',
|
|
27
25
|
// Typography
|
|
@@ -54,10 +52,8 @@ const ConfirmFooterTypes = {
|
|
|
54
52
|
'flex-row-reverse']
|
|
55
53
|
};
|
|
56
54
|
const ConfirmFooterButtons = [
|
|
57
|
-
// Layout
|
|
58
|
-
'grow',
|
|
59
55
|
// Box
|
|
60
|
-
'w-
|
|
56
|
+
'w-[128px]'];
|
|
61
57
|
|
|
62
58
|
var script = defineComponent({
|
|
63
59
|
name: 'OrConfirm',
|
|
@@ -199,9 +195,6 @@ var script = defineComponent({
|
|
|
199
195
|
const inputBoxStyles = computed(() => [...ConfirmInput]);
|
|
200
196
|
const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);
|
|
201
197
|
const buttonsStyles = computed(() => [...ConfirmFooterButtons]);
|
|
202
|
-
// #region Click Outside
|
|
203
|
-
onClickOutside(root, close);
|
|
204
|
-
// #endregion
|
|
205
198
|
return {
|
|
206
199
|
root,
|
|
207
200
|
confirmationInput,
|
|
@@ -9,7 +9,7 @@ import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-79ec54ad.js';
|
|
|
9
9
|
import { O as OrLabel } from './OrLabel-172c4b89.js';
|
|
10
10
|
import { O as OrMenuItem } from './OrMenuItem-26420908.js';
|
|
11
11
|
import { O as OrPopover } from './OrPopover-5dc240f1.js';
|
|
12
|
-
import { O as OrTag } from './OrTag-
|
|
12
|
+
import { O as OrTag } from './OrTag-30fecee5.js';
|
|
13
13
|
import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e2a93aaf.js';
|
|
14
14
|
import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
|
|
15
15
|
import { u as useOverflow } from './useOverflow-bae6342f.js';
|
|
@@ -43,7 +43,7 @@ const TagRootVariants = {
|
|
|
43
43
|
const TagRootColors = {
|
|
44
44
|
'default': [
|
|
45
45
|
// Theme
|
|
46
|
-
'theme-preset-2-primary', 'dark:theme-preset-2-primary-dark'],
|
|
46
|
+
'theme-preset-2-primary', 'dark:theme-preset-2-primary-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'],
|
|
47
47
|
'danger': [
|
|
48
48
|
// Theme
|
|
49
49
|
'theme-preset-2-error', 'dark:theme-preset-2-error-dark']
|
|
@@ -19,7 +19,7 @@ export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-fc6876ec.js';
|
|
|
19
19
|
export { O as OrCollapse } from '../OrCollapse-3aa9a9b7.js';
|
|
20
20
|
export { _ 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-a1a37e83.js';
|
|
21
21
|
export { _ as OrConfirm } from '../OrConfirm-56d01cff.js';
|
|
22
|
-
export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-
|
|
22
|
+
export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-23c3ce56.js';
|
|
23
23
|
export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-e212f892.js';
|
|
24
24
|
export { O as OrError } from '../OrError-31503e4c.js';
|
|
25
25
|
export { _ as OrErrorTagV3 } from '../OrErrorTag-d0c5bcf4.js';
|
|
@@ -68,7 +68,7 @@ export { _ as OrRadioV3 } from '../OrRadio-cd39b20b.js';
|
|
|
68
68
|
export { O as OrSearchV3 } from '../OrSearch-53470b0e.js';
|
|
69
69
|
export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-21cc914e.js';
|
|
70
70
|
export { _ as OrSelect } from '../OrSelect-a23d4210.js';
|
|
71
|
-
export { _ as OrSelectV3 } from '../OrSelect-
|
|
71
|
+
export { _ as OrSelectV3 } from '../OrSelect-02fb39f0.js';
|
|
72
72
|
export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';
|
|
73
73
|
export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-c95ef614.js';
|
|
74
74
|
export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-242d22f3.js';
|
|
@@ -84,7 +84,7 @@ export { O as OrTabV3 } from '../OrTab-dd949240.js';
|
|
|
84
84
|
export { _ as OrTabs } from '../OrTabs-4c8f6422.js';
|
|
85
85
|
export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-42f7c52c.js';
|
|
86
86
|
export { _ as OrTag } from '../OrTag-79e48fec.js';
|
|
87
|
-
export { O as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-
|
|
87
|
+
export { O as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-30fecee5.js';
|
|
88
88
|
export { O as OrTeleport } from '../OrTeleportVue2-3544f185.js';
|
|
89
89
|
export { O as OrTeleportV3 } from '../OrTeleport.vue2-e9ba3054.js';
|
|
90
90
|
export { _ as OrTextV3 } from '../OrText-eac4b9f5.js';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-
|
|
2
|
-
import '@vueuse/core';
|
|
3
|
-
import '../../index-17f264f9.js';
|
|
1
|
+
export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-23c3ce56.js';
|
|
4
2
|
import '../../index-fa6eb4ca.js';
|
|
5
3
|
import 'vue';
|
|
6
4
|
import '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
5
|
+
import '@vueuse/core';
|
|
6
|
+
import '../../index-17f264f9.js';
|
|
7
7
|
import '../../OrOverlay-3c89d622.js';
|
|
8
8
|
import '../../OrTeleport.vue2-e9ba3054.js';
|
|
9
9
|
import 'portal-vue';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { _ as OrSelectV3 } from '../../OrSelect-
|
|
1
|
+
export { _ as OrSelectV3 } from '../../OrSelect-02fb39f0.js';
|
|
2
2
|
export { a as SelectSize } from '../../OrInputBox-79ec54ad.js';
|
|
3
3
|
import '../../index-fa6eb4ca.js';
|
|
4
4
|
import 'vue';
|
|
@@ -25,6 +25,6 @@ import 'portal-vue';
|
|
|
25
25
|
import '../../useElevation-aac032f4.js';
|
|
26
26
|
import '../../useResponsive-e13dfbb0.js';
|
|
27
27
|
import '../../OrMenuItem-26420908.js';
|
|
28
|
-
import '../../OrTag-
|
|
28
|
+
import '../../OrTag-30fecee5.js';
|
|
29
29
|
import '../../dropdown-open-e2a93aaf.js';
|
|
30
30
|
import '../../useOverflow-bae6342f.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { O as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-
|
|
1
|
+
export { O as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-30fecee5.js';
|
|
2
2
|
import '../../index-fa6eb4ca.js';
|
|
3
3
|
import 'vue';
|
|
4
4
|
import '@vue/composition-api/dist/vue-composition-api.mjs';
|