@onereach/ui-components 2.74.10-beta.2352.0 → 2.74.10
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/{OrCheckbox-41d31e45.js → OrCheckbox-384760cb.js} +1 -1
- package/dist/bundled/v2/{OrNotification-f2fe5d84.js → OrNotification-35c163f7.js} +2 -6
- package/dist/bundled/v2/{OrSelect-43ba3073.js → OrSelect-617da939.js} +8 -4
- package/dist/bundled/v2/{OrTag-59ab76c5.js → OrTag-d79178d7.js} +4 -2
- package/dist/bundled/v2/components/index.js +4 -4
- package/dist/bundled/v2/components/or-checkbox-v3/index.js +1 -1
- package/dist/bundled/v2/components/or-notification-v3/OrNotification.vue.d.ts +0 -11
- package/dist/bundled/v2/components/or-notification-v3/index.js +1 -1
- package/dist/bundled/v2/components/or-select-v3/index.js +3 -3
- package/dist/bundled/v2/components/or-tag-v3/index.js +1 -1
- package/dist/bundled/v2/index.js +5 -5
- package/dist/bundled/v3/{OrCheckbox.vue_vue_type_script_lang-fc067611.js → OrCheckbox.vue_vue_type_script_lang-08f64a02.js} +1 -1
- package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-8847ca60.js → OrNotification.vue_vue_type_script_lang-b0280317.js} +0 -4
- package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-b50634d8.js → OrSelect.vue_vue_type_script_lang-44a4968b.js} +11 -6
- package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-4fe7e19f.js → OrTag.vue_vue_type_script_lang-2f138d1a.js} +1 -1
- package/dist/bundled/v3/components/index.js +4 -4
- package/dist/bundled/v3/components/or-checkbox-v3/index.js +1 -1
- package/dist/bundled/v3/components/or-notification-v3/OrNotification.vue.d.ts +0 -11
- package/dist/bundled/v3/components/or-notification-v3/index.js +1 -1
- package/dist/bundled/v3/components/or-select-v3/index.js +3 -3
- package/dist/bundled/v3/components/or-tag-v3/index.js +1 -1
- package/dist/bundled/v3/index.js +30 -28
- package/dist/esm/v2/{OrCheckbox-aa9ca791.js → OrCheckbox-49d7d6b1.js} +1 -1
- package/dist/esm/v2/{OrNotification-25318559.js → OrNotification-e8c1df46.js} +2 -6
- package/dist/esm/v2/{OrSelect-d991fe95.js → OrSelect-1c9d6951.js} +8 -4
- package/dist/esm/v2/{OrTag-1ed1265c.js → OrTag-e6de86c9.js} +4 -2
- package/dist/esm/v2/components/index.js +4 -4
- package/dist/esm/v2/components/or-checkbox-v3/index.js +1 -1
- package/dist/esm/v2/components/or-notification-v3/OrNotification.vue.d.ts +0 -11
- package/dist/esm/v2/components/or-notification-v3/index.js +1 -1
- package/dist/esm/v2/components/or-select-v3/index.js +3 -3
- package/dist/esm/v2/components/or-tag-v3/index.js +1 -1
- package/dist/esm/v2/index.js +4 -4
- package/dist/esm/v3/{OrCheckbox-16c1e2f4.js → OrCheckbox-a8388252.js} +1 -1
- package/dist/esm/v3/{OrNotification-c043e5fc.js → OrNotification-e600fd9a.js} +3 -8
- package/dist/esm/v3/{OrSelect-b06bf2d8.js → OrSelect-9008533e.js} +10 -5
- package/dist/esm/v3/{OrTag-f66c6142.js → OrTag-8a6e7bba.js} +6 -3
- package/dist/esm/v3/components/index.js +4 -4
- package/dist/esm/v3/components/or-checkbox-v3/index.js +1 -1
- package/dist/esm/v3/components/or-notification-v3/OrNotification.vue.d.ts +0 -11
- package/dist/esm/v3/components/or-notification-v3/index.js +1 -1
- package/dist/esm/v3/components/or-select-v3/index.js +3 -3
- package/dist/esm/v3/components/or-tag-v3/index.js +1 -1
- package/dist/esm/v3/index.js +4 -4
- package/package.json +4 -3
- package/src/components/or-checkbox-v3/styles.ts +1 -0
- package/src/components/or-notification-v3/OrNotification.stories3.ts +0 -53
- package/src/components/or-notification-v3/OrNotification.vue +0 -6
- package/src/components/or-select-v3/OrSelect.stories3.ts +19 -0
- package/src/components/or-select-v3/OrSelect.vue +3 -1
- package/src/components/or-select-v3/styles.ts +3 -0
- package/src/components/or-tag-v3/OrTag.vue +3 -2
- package/src/components/or-tag-v3/styles.ts +2 -1
|
@@ -74,10 +74,6 @@ var script = defineComponent({
|
|
|
74
74
|
variant: {
|
|
75
75
|
type: String,
|
|
76
76
|
default: NotificationVariant.Info
|
|
77
|
-
},
|
|
78
|
-
disableClose: {
|
|
79
|
-
type: Boolean,
|
|
80
|
-
default: false
|
|
81
77
|
}
|
|
82
78
|
},
|
|
83
79
|
expose: ['root'],
|
|
@@ -129,7 +125,7 @@ var __vue_render__ = function () {
|
|
|
129
125
|
}
|
|
130
126
|
})], 1), _vm._v(" "), _c('div', {
|
|
131
127
|
class: ['grow', 'my-[-2px] md:my-[-3px]']
|
|
132
|
-
}, [_vm._t("default")], 2), _vm._v(" "),
|
|
128
|
+
}, [_vm._t("default")], 2), _vm._v(" "), _c('OrIconButton', {
|
|
133
129
|
attrs: {
|
|
134
130
|
"icon": 'close',
|
|
135
131
|
"size": 'm'
|
|
@@ -140,7 +136,7 @@ var __vue_render__ = function () {
|
|
|
140
136
|
return _vm.$emit('close');
|
|
141
137
|
}
|
|
142
138
|
}
|
|
143
|
-
})
|
|
139
|
+
})], 1);
|
|
144
140
|
};
|
|
145
141
|
var __vue_staticRenderFns__ = [];
|
|
146
142
|
|
|
@@ -2,7 +2,7 @@ import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch }
|
|
|
2
2
|
import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
|
|
3
3
|
import { u as useOverflow } from './useOverflow-af6161c8.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
|
-
import { _ as __vue_component__$1 } from './OrCheckbox-
|
|
5
|
+
import { _ as __vue_component__$1 } from './OrCheckbox-49d7d6b1.js';
|
|
6
6
|
import { _ as __vue_component__$2 } from './OrError-13845bb0.js';
|
|
7
7
|
import { _ as __vue_component__$3 } from './OrExpansionPanel-0a12d957.js';
|
|
8
8
|
import { _ as __vue_component__$4 } from './OrHint-78b399cb.js';
|
|
@@ -12,7 +12,7 @@ import { _ as __vue_component__$6 } from './OrInput-1ddf99ba.js';
|
|
|
12
12
|
import { _ as __vue_component__$8 } from './OrLabel-0945a4d9.js';
|
|
13
13
|
import { _ as __vue_component__$9 } from './OrMenuItem-4f810513.js';
|
|
14
14
|
import { _ as __vue_component__$a } from './OrPopover-b3746279.js';
|
|
15
|
-
import { _ as __vue_component__$b } from './OrTag-
|
|
15
|
+
import { _ as __vue_component__$b } from './OrTag-e6de86c9.js';
|
|
16
16
|
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
17
17
|
|
|
18
18
|
const SelectRoot = [
|
|
@@ -33,7 +33,9 @@ const SelectPlaceholder = [
|
|
|
33
33
|
// Theme
|
|
34
34
|
'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
|
|
35
35
|
// Interactivity
|
|
36
|
-
'select-none'
|
|
36
|
+
'select-none',
|
|
37
|
+
// Typography
|
|
38
|
+
'truncate'];
|
|
37
39
|
const SelectDropdown = [
|
|
38
40
|
// Overflow
|
|
39
41
|
'overflow-y-auto',
|
|
@@ -365,7 +367,9 @@ var __vue_render__ = function () {
|
|
|
365
367
|
}, {
|
|
366
368
|
"model": _vm.proxyModelValue
|
|
367
369
|
})] : [_vm.proxyModelValue ? [_vm._t("valueTemplate", function () {
|
|
368
|
-
return [
|
|
370
|
+
return [_c('span', {
|
|
371
|
+
staticClass: "truncate"
|
|
372
|
+
}, [_vm._v("\n " + _vm._s(_vm.selection.label) + "\n ")])];
|
|
369
373
|
}, {
|
|
370
374
|
"model": _vm.proxyModelValue
|
|
371
375
|
})] : [_c('span', {
|
|
@@ -18,7 +18,7 @@ const TagRoot = [
|
|
|
18
18
|
// Layout
|
|
19
19
|
'layout-inline-row',
|
|
20
20
|
// Box
|
|
21
|
-
'max-w-
|
|
21
|
+
'w-fit', 'max-w-full',
|
|
22
22
|
// Shape
|
|
23
23
|
'rounded-full',
|
|
24
24
|
// Spacing
|
|
@@ -121,7 +121,9 @@ var __vue_render__ = function () {
|
|
|
121
121
|
return _vm.$emit('blur', $event);
|
|
122
122
|
}
|
|
123
123
|
}
|
|
124
|
-
}, [
|
|
124
|
+
}, [_c('div', {
|
|
125
|
+
staticClass: "truncate"
|
|
126
|
+
}, [_vm._t("default")], 2), _vm._v(" "), _vm.variant === 'reset' ? [_c('div', {
|
|
125
127
|
class: ['layout-row', 'm-[-4px] md:m-[-2px]']
|
|
126
128
|
}, [_c('OrIconButton', {
|
|
127
129
|
attrs: {
|
|
@@ -12,7 +12,7 @@ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultV
|
|
|
12
12
|
export { _ as OrCardV3 } from '../OrCard-e89c44ef.js';
|
|
13
13
|
export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-b2ab81d9.js';
|
|
14
14
|
export { _ as OrCheckbox } from '../OrCheckbox-8ee37e4d.js';
|
|
15
|
-
export { _ as OrCheckboxV3 } from '../OrCheckbox-
|
|
15
|
+
export { _ as OrCheckboxV3 } from '../OrCheckbox-49d7d6b1.js';
|
|
16
16
|
export { _ as OrChip } from '../OrChips.vue_rollup-plugin-vue_styles.0-ebb4a1f0.js';
|
|
17
17
|
export { _ as OrChips } from '../OrChips-b84495ca.js';
|
|
18
18
|
export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-bb5da880.js';
|
|
@@ -53,7 +53,7 @@ export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as Popov
|
|
|
53
53
|
export { _ as OrModal, O as OrModalSizes } from '../OrModal-00808e43.js';
|
|
54
54
|
export { M as ModalSize, _ as OrModalV3 } from '../OrModal-a938e31b.js';
|
|
55
55
|
export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-453fff8c.js';
|
|
56
|
-
export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-
|
|
56
|
+
export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-e8c1df46.js';
|
|
57
57
|
export { _ as OrNumberInput } from '../OrNumberInput-a864b102.js';
|
|
58
58
|
export { _ as OrOverflowMenu } from '../OrOverflowMenu-a934294f.js';
|
|
59
59
|
export { _ as OrOverlay } from '../OrOverlay-ccec2218.js';
|
|
@@ -69,7 +69,7 @@ export { _ as OrSearch } from '../OrSearch-709d1c90.js';
|
|
|
69
69
|
export { _ as OrSearchV3 } from '../OrSearch-09e7d4dc.js';
|
|
70
70
|
export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-7486115b.js';
|
|
71
71
|
export { _ as OrSelect } from '../OrSelect-2898b47a.js';
|
|
72
|
-
export { _ as OrSelectV3 } from '../OrSelect-
|
|
72
|
+
export { _ as OrSelectV3 } from '../OrSelect-1c9d6951.js';
|
|
73
73
|
export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-feacf13a.js';
|
|
74
74
|
export { _ as OrSidebarV3 } from '../OrSidebar-6b246de1.js';
|
|
75
75
|
export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-9178923e.js';
|
|
@@ -86,7 +86,7 @@ export { _ as OrTabV3 } from '../OrTab-1ff87c76.js';
|
|
|
86
86
|
export { _ as OrTabs } from '../OrTabs-12138346.js';
|
|
87
87
|
export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-6d7d9d7e.js';
|
|
88
88
|
export { _ as OrTag } from '../OrTag-c09e03c1.js';
|
|
89
|
-
export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-
|
|
89
|
+
export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-e6de86c9.js';
|
|
90
90
|
export { _ as OrTeleport } from '../OrTeleport.vue2-f0c16c71.js';
|
|
91
91
|
export { _ as OrTeleportV3 } from '../OrTeleport.vue2-fb92f29f.js';
|
|
92
92
|
export { _ as OrTextV3 } from '../OrText-91d662a0.js';
|
|
@@ -10,22 +10,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
10
10
|
type: PropType<NotificationVariant>;
|
|
11
11
|
default: NotificationVariant;
|
|
12
12
|
};
|
|
13
|
-
disableClose: {
|
|
14
|
-
type: BooleanConstructor;
|
|
15
|
-
default: boolean;
|
|
16
|
-
};
|
|
17
13
|
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
18
14
|
variant: {
|
|
19
15
|
type: PropType<NotificationVariant>;
|
|
20
16
|
default: NotificationVariant;
|
|
21
17
|
};
|
|
22
|
-
disableClose: {
|
|
23
|
-
type: BooleanConstructor;
|
|
24
|
-
default: boolean;
|
|
25
|
-
};
|
|
26
18
|
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
27
19
|
variant: NotificationVariant;
|
|
28
|
-
disableClose: boolean;
|
|
29
20
|
} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
30
21
|
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
31
22
|
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
@@ -33,9 +24,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
33
24
|
icon: import("@vue/composition-api").ComputedRef<"warning" | "error" | "info" | "check_circle" | undefined>;
|
|
34
25
|
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
|
|
35
26
|
variant: NotificationVariant;
|
|
36
|
-
disableClose: boolean;
|
|
37
27
|
} & {}, {
|
|
38
28
|
variant: NotificationVariant;
|
|
39
|
-
disableClose: boolean;
|
|
40
29
|
}, true>);
|
|
41
30
|
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { N as NotificationVariant, _ as OrNotificationV3 } from '../../OrNotification-
|
|
1
|
+
export { N as NotificationVariant, _ as OrNotificationV3 } from '../../OrNotification-e8c1df46.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import '../../OrIconButton-140f940e.js';
|
|
4
4
|
import '../../OrIcon-c434985a.js';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export { _ as OrSelectV3 } from '../../OrSelect-
|
|
1
|
+
export { _ as OrSelectV3 } from '../../OrSelect-1c9d6951.js';
|
|
2
2
|
export { a as SelectSize } from '../../OrInputBox-53d1f66d.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '../../dropdown-open-0d314aa4.js';
|
|
5
5
|
import '../../useOverflow-af6161c8.js';
|
|
6
6
|
import '@vueuse/core';
|
|
7
|
-
import '../../OrCheckbox-
|
|
7
|
+
import '../../OrCheckbox-49d7d6b1.js';
|
|
8
8
|
import '../../useIdAttribute-859439f0.js';
|
|
9
9
|
import '../../OrLabel-0945a4d9.js';
|
|
10
10
|
import '../../normalize-component-6e8e3d80.js';
|
|
@@ -27,4 +27,4 @@ import '../../OrTeleport.vue2-fb92f29f.js';
|
|
|
27
27
|
import 'portal-vue';
|
|
28
28
|
import '../../OrLoader-8f1f3af1.js';
|
|
29
29
|
import '../../OrMenuItem-4f810513.js';
|
|
30
|
-
import '../../OrTag-
|
|
30
|
+
import '../../OrTag-e6de86c9.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-
|
|
1
|
+
export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-e6de86c9.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import '../../OrIconButton-140f940e.js';
|
|
4
4
|
import '../../OrIcon-c434985a.js';
|
package/dist/esm/v2/index.js
CHANGED
|
@@ -12,7 +12,7 @@ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultV
|
|
|
12
12
|
export { _ as OrCardV3 } from './OrCard-e89c44ef.js';
|
|
13
13
|
export { a as OrCarousel, _ as OrCarouselItem } from './OrCarouselItem-b2ab81d9.js';
|
|
14
14
|
export { _ as OrCheckbox } from './OrCheckbox-8ee37e4d.js';
|
|
15
|
-
export { _ as OrCheckboxV3 } from './OrCheckbox-
|
|
15
|
+
export { _ as OrCheckboxV3 } from './OrCheckbox-49d7d6b1.js';
|
|
16
16
|
export { _ as OrChip } from './OrChips.vue_rollup-plugin-vue_styles.0-ebb4a1f0.js';
|
|
17
17
|
export { _ as OrChips } from './OrChips-b84495ca.js';
|
|
18
18
|
export { _ as OrCode, O as OrCodeLanguages } from './OrCode-bb5da880.js';
|
|
@@ -53,7 +53,7 @@ export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as Popov
|
|
|
53
53
|
export { _ as OrModal, O as OrModalSizes } from './OrModal-00808e43.js';
|
|
54
54
|
export { M as ModalSize, _ as OrModalV3 } from './OrModal-a938e31b.js';
|
|
55
55
|
export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-453fff8c.js';
|
|
56
|
-
export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-
|
|
56
|
+
export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-e8c1df46.js';
|
|
57
57
|
export { _ as OrNumberInput } from './OrNumberInput-a864b102.js';
|
|
58
58
|
export { _ as OrOverflowMenu } from './OrOverflowMenu-a934294f.js';
|
|
59
59
|
export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
|
|
@@ -69,7 +69,7 @@ export { _ as OrSearch } from './OrSearch-709d1c90.js';
|
|
|
69
69
|
export { _ as OrSearchV3 } from './OrSearch-09e7d4dc.js';
|
|
70
70
|
export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-7486115b.js';
|
|
71
71
|
export { _ as OrSelect } from './OrSelect-2898b47a.js';
|
|
72
|
-
export { _ as OrSelectV3 } from './OrSelect-
|
|
72
|
+
export { _ as OrSelectV3 } from './OrSelect-1c9d6951.js';
|
|
73
73
|
export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
|
|
74
74
|
export { _ as OrSidebarV3 } from './OrSidebar-6b246de1.js';
|
|
75
75
|
export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-9178923e.js';
|
|
@@ -86,7 +86,7 @@ export { _ as OrTabV3 } from './OrTab-1ff87c76.js';
|
|
|
86
86
|
export { _ as OrTabs } from './OrTabs-12138346.js';
|
|
87
87
|
export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-6d7d9d7e.js';
|
|
88
88
|
export { _ as OrTag } from './OrTag-c09e03c1.js';
|
|
89
|
-
export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-
|
|
89
|
+
export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-e6de86c9.js';
|
|
90
90
|
export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
|
|
91
91
|
export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
|
|
92
92
|
export { _ as OrTextV3 } from './OrText-91d662a0.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, ref, computed } from 'vue-demi';
|
|
2
2
|
import { s as script$2 } from './OrIconButton-2a9a6627.js';
|
|
3
3
|
import { s as script$1 } from './OrIcon-ea40e58c.js';
|
|
4
|
-
import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot,
|
|
4
|
+
import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, withModifiers } from 'vue';
|
|
5
5
|
|
|
6
6
|
var NotificationVariant;
|
|
7
7
|
(function (NotificationVariant) {
|
|
@@ -74,10 +74,6 @@ var script = defineComponent({
|
|
|
74
74
|
variant: {
|
|
75
75
|
type: String,
|
|
76
76
|
default: NotificationVariant.Info
|
|
77
|
-
},
|
|
78
|
-
disableClose: {
|
|
79
|
-
type: Boolean,
|
|
80
|
-
default: false
|
|
81
77
|
}
|
|
82
78
|
},
|
|
83
79
|
expose: ['root'],
|
|
@@ -123,12 +119,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
123
119
|
}, [createVNode(_component_OrIcon, {
|
|
124
120
|
icon: _ctx.icon,
|
|
125
121
|
variant: 'filled-bold'
|
|
126
|
-
}, null, 8 /* PROPS */, ["icon"])], 2 /* CLASS */), createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]),
|
|
127
|
-
key: 0,
|
|
122
|
+
}, null, 8 /* PROPS */, ["icon"])], 2 /* CLASS */), createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), createVNode(_component_OrIconButton, {
|
|
128
123
|
icon: 'close',
|
|
129
124
|
size: 'm',
|
|
130
125
|
onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('close'), ["stop"]))
|
|
131
|
-
})
|
|
126
|
+
})], 2 /* CLASS */);
|
|
132
127
|
}
|
|
133
128
|
|
|
134
129
|
script.render = render;
|
|
@@ -2,7 +2,7 @@ import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch }
|
|
|
2
2
|
import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
|
|
3
3
|
import { u as useOverflow } from './useOverflow-af6161c8.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
|
-
import { s as script$1 } from './OrCheckbox-
|
|
5
|
+
import { s as script$1 } from './OrCheckbox-a8388252.js';
|
|
6
6
|
import { s as script$2 } from './OrError-19198748.js';
|
|
7
7
|
import { s as script$3 } from './OrExpansionPanel-541cc4c1.js';
|
|
8
8
|
import { s as script$4 } from './OrHint-6863124f.js';
|
|
@@ -12,7 +12,7 @@ import { s as script$6 } from './OrInput-0c07888f.js';
|
|
|
12
12
|
import { s as script$8 } from './OrLabel-f700f9fb.js';
|
|
13
13
|
import { s as script$9 } from './OrMenuItem-de91aded.js';
|
|
14
14
|
import { s as script$a } from './OrPopover-464a5606.js';
|
|
15
|
-
import { s as script$b } from './OrTag-
|
|
15
|
+
import { s as script$b } from './OrTag-8a6e7bba.js';
|
|
16
16
|
import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, createVNode, withModifiers } from 'vue';
|
|
17
17
|
|
|
18
18
|
const SelectRoot = [
|
|
@@ -33,7 +33,9 @@ const SelectPlaceholder = [
|
|
|
33
33
|
// Theme
|
|
34
34
|
'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
|
|
35
35
|
// Interactivity
|
|
36
|
-
'select-none'
|
|
36
|
+
'select-none',
|
|
37
|
+
// Typography
|
|
38
|
+
'truncate'];
|
|
37
39
|
const SelectDropdown = [
|
|
38
40
|
// Overflow
|
|
39
41
|
'overflow-y-auto',
|
|
@@ -286,6 +288,9 @@ var script = defineComponent({
|
|
|
286
288
|
|
|
287
289
|
const _hoisted_1 = ["id", "tabindex", "disabled"];
|
|
288
290
|
const _hoisted_2 = {
|
|
291
|
+
class: "truncate"
|
|
292
|
+
};
|
|
293
|
+
const _hoisted_3 = {
|
|
289
294
|
class: /*#__PURE__*/normalizeClass(['layout-row'])
|
|
290
295
|
};
|
|
291
296
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
@@ -356,12 +361,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
356
361
|
}, [_ctx.proxyModelValue ? renderSlot(_ctx.$slots, "valueTemplate", {
|
|
357
362
|
key: 0,
|
|
358
363
|
model: _ctx.proxyModelValue
|
|
359
|
-
}, () => [
|
|
364
|
+
}, () => [createElementVNode("span", _hoisted_2, toDisplayString(_ctx.selection.label), 1 /* TEXT */)]) : (openBlock(), createElementBlock("span", {
|
|
360
365
|
key: 1,
|
|
361
366
|
class: normalizeClass(_ctx.placeholderStyles)
|
|
362
367
|
}, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 64 /* STABLE_FRAGMENT */))], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1), _ctx.multiple && _ctx.outerItems.length > 0 ? (openBlock(), createElementBlock(Fragment, {
|
|
363
368
|
key: 0
|
|
364
|
-
}, [createTextVNode(" +" + toDisplayString(_ctx.outerItems.length), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), createElementVNode("div",
|
|
369
|
+
}, [createTextVNode(" +" + toDisplayString(_ctx.outerItems.length), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [createVNode(_component_OrIcon, {
|
|
365
370
|
icon: _ctx.popoverState === 'open' ? 'arrow_drop_up' : 'arrow_drop_down',
|
|
366
371
|
variant: 'outlined'
|
|
367
372
|
}, null, 8 /* PROPS */, ["icon"])]), createVNode(_component_OrPopover, {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
|
|
2
2
|
import { s as script$1 } from './OrIconButton-2a9a6627.js';
|
|
3
|
-
import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
|
|
3
|
+
import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
|
|
4
4
|
|
|
5
5
|
var TagVariant;
|
|
6
6
|
(function (TagVariant) {
|
|
@@ -18,7 +18,7 @@ const TagRoot = [
|
|
|
18
18
|
// Layout
|
|
19
19
|
'layout-inline-row',
|
|
20
20
|
// Box
|
|
21
|
-
'max-w-
|
|
21
|
+
'w-fit', 'max-w-full',
|
|
22
22
|
// Shape
|
|
23
23
|
'rounded-full',
|
|
24
24
|
// Spacing
|
|
@@ -97,6 +97,9 @@ var script = defineComponent({
|
|
|
97
97
|
|
|
98
98
|
const _hoisted_1 = ["tabindex", "disabled"];
|
|
99
99
|
const _hoisted_2 = {
|
|
100
|
+
class: "truncate"
|
|
101
|
+
};
|
|
102
|
+
const _hoisted_3 = {
|
|
100
103
|
key: 0,
|
|
101
104
|
class: /*#__PURE__*/normalizeClass(['layout-row', 'm-[-4px] md:m-[-2px]'])
|
|
102
105
|
};
|
|
@@ -110,7 +113,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
110
113
|
onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
|
|
111
114
|
onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
|
|
112
115
|
onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
|
|
113
|
-
}, [renderSlot(_ctx.$slots, "default"), _ctx.variant === 'reset' ? (openBlock(), createElementBlock("div",
|
|
116
|
+
}, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), _ctx.variant === 'reset' ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(_component_OrIconButton, {
|
|
114
117
|
icon: 'close',
|
|
115
118
|
color: _ctx.custom ? 'inherit' : _ctx.color,
|
|
116
119
|
disabled: _ctx.disabled,
|
|
@@ -10,7 +10,7 @@ export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultV
|
|
|
10
10
|
export { s as OrCardV3 } from '../OrCard-cd6af82e.js';
|
|
11
11
|
export { a as OrCarousel, s as OrCarouselItem } from '../OrCarouselItem-9071b02e.js';
|
|
12
12
|
export { s as OrCheckbox } from '../OrCheckbox-d402975a.js';
|
|
13
|
-
export { s as OrCheckboxV3 } from '../OrCheckbox-
|
|
13
|
+
export { s as OrCheckboxV3 } from '../OrCheckbox-a8388252.js';
|
|
14
14
|
export { s as OrChip, a as OrChips } from '../OrChips-39d4be17.js';
|
|
15
15
|
export { s as OrCode, O as OrCodeLanguages } from '../OrCode-9d6b10da.js';
|
|
16
16
|
export { s as OrCollapse } from '../OrCollapse-445141ab.js';
|
|
@@ -50,7 +50,7 @@ export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as Popov
|
|
|
50
50
|
export { s as OrModal, O as OrModalSizes } from '../OrModal-efacdf3f.js';
|
|
51
51
|
export { M as ModalSize, s as OrModalV3 } from '../OrModal-07c092ab.js';
|
|
52
52
|
export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-f7d413aa.js';
|
|
53
|
-
export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-
|
|
53
|
+
export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-e600fd9a.js';
|
|
54
54
|
export { s as OrNumberInput } from '../OrNumberInput-b32b5ce3.js';
|
|
55
55
|
export { s as OrOverflowMenu } from '../OrOverflowMenu-31fa636f.js';
|
|
56
56
|
export { s as OrOverlay } from '../OrOverlay-451dce49.js';
|
|
@@ -66,7 +66,7 @@ export { s as OrSearch } from '../OrSearch-06c13e14.js';
|
|
|
66
66
|
export { s as OrSearchV3 } from '../OrSearch-e1cc559b.js';
|
|
67
67
|
export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-880b4911.js';
|
|
68
68
|
export { s as OrSelect } from '../OrSelect-5c6f0ff8.js';
|
|
69
|
-
export { s as OrSelectV3 } from '../OrSelect-
|
|
69
|
+
export { s as OrSelectV3 } from '../OrSelect-9008533e.js';
|
|
70
70
|
export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
|
|
71
71
|
export { s as OrSidebarV3 } from '../OrSidebar-0a32cc49.js';
|
|
72
72
|
export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-647d2c50.js';
|
|
@@ -83,7 +83,7 @@ export { s as OrTabV3 } from '../OrTab-d3785ea4.js';
|
|
|
83
83
|
export { s as OrTabs } from '../OrTabs-d3812c11.js';
|
|
84
84
|
export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-9949f87b.js';
|
|
85
85
|
export { s as OrTag } from '../OrTag-909a5dc9.js';
|
|
86
|
-
export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-
|
|
86
|
+
export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-8a6e7bba.js';
|
|
87
87
|
export { s as OrTeleport } from '../OrTeleport.vue3-9bce0c02.js';
|
|
88
88
|
export { s as OrTeleportV3 } from '../OrTeleport.vue3-8099178c.js';
|
|
89
89
|
export { s as OrTextV3 } from '../OrText-a3b00048.js';
|
|
@@ -10,22 +10,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
10
10
|
type: PropType<NotificationVariant>;
|
|
11
11
|
default: NotificationVariant;
|
|
12
12
|
};
|
|
13
|
-
disableClose: {
|
|
14
|
-
type: BooleanConstructor;
|
|
15
|
-
default: boolean;
|
|
16
|
-
};
|
|
17
13
|
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
18
14
|
variant: {
|
|
19
15
|
type: PropType<NotificationVariant>;
|
|
20
16
|
default: NotificationVariant;
|
|
21
17
|
};
|
|
22
|
-
disableClose: {
|
|
23
|
-
type: BooleanConstructor;
|
|
24
|
-
default: boolean;
|
|
25
|
-
};
|
|
26
18
|
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
27
19
|
variant: NotificationVariant;
|
|
28
|
-
disableClose: boolean;
|
|
29
20
|
} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
30
21
|
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
31
22
|
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
@@ -33,9 +24,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
33
24
|
icon: import("@vue/composition-api").ComputedRef<"warning" | "error" | "info" | "check_circle" | undefined>;
|
|
34
25
|
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
|
|
35
26
|
variant: NotificationVariant;
|
|
36
|
-
disableClose: boolean;
|
|
37
27
|
} & {}, {
|
|
38
28
|
variant: NotificationVariant;
|
|
39
|
-
disableClose: boolean;
|
|
40
29
|
}, true>);
|
|
41
30
|
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { N as NotificationVariant, s as OrNotificationV3 } from '../../OrNotification-
|
|
1
|
+
export { N as NotificationVariant, s as OrNotificationV3 } from '../../OrNotification-e600fd9a.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import '../../OrIconButton-2a9a6627.js';
|
|
4
4
|
import '../../OrIcon-ea40e58c.js';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export { s as OrSelectV3 } from '../../OrSelect-
|
|
1
|
+
export { s as OrSelectV3 } from '../../OrSelect-9008533e.js';
|
|
2
2
|
export { a as SelectSize } from '../../OrInputBox-2467d7e4.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '../../dropdown-open-0d314aa4.js';
|
|
5
5
|
import '../../useOverflow-af6161c8.js';
|
|
6
6
|
import '@vueuse/core';
|
|
7
|
-
import '../../OrCheckbox-
|
|
7
|
+
import '../../OrCheckbox-a8388252.js';
|
|
8
8
|
import '../../useIdAttribute-859439f0.js';
|
|
9
9
|
import '../../OrLabel-f700f9fb.js';
|
|
10
10
|
import 'vue';
|
|
@@ -26,4 +26,4 @@ import '../../OrOverlay-55f6cf9c.js';
|
|
|
26
26
|
import '../../OrTeleport.vue3-8099178c.js';
|
|
27
27
|
import '../../OrLoader-3a918ce9.js';
|
|
28
28
|
import '../../OrMenuItem-de91aded.js';
|
|
29
|
-
import '../../OrTag-
|
|
29
|
+
import '../../OrTag-8a6e7bba.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-
|
|
1
|
+
export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-8a6e7bba.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import '../../OrIconButton-2a9a6627.js';
|
|
4
4
|
import '../../OrIcon-ea40e58c.js';
|
package/dist/esm/v3/index.js
CHANGED
|
@@ -10,7 +10,7 @@ export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultV
|
|
|
10
10
|
export { s as OrCardV3 } from './OrCard-cd6af82e.js';
|
|
11
11
|
export { a as OrCarousel, s as OrCarouselItem } from './OrCarouselItem-9071b02e.js';
|
|
12
12
|
export { s as OrCheckbox } from './OrCheckbox-d402975a.js';
|
|
13
|
-
export { s as OrCheckboxV3 } from './OrCheckbox-
|
|
13
|
+
export { s as OrCheckboxV3 } from './OrCheckbox-a8388252.js';
|
|
14
14
|
export { s as OrChip, a as OrChips } from './OrChips-39d4be17.js';
|
|
15
15
|
export { s as OrCode, O as OrCodeLanguages } from './OrCode-9d6b10da.js';
|
|
16
16
|
export { s as OrCollapse } from './OrCollapse-445141ab.js';
|
|
@@ -50,7 +50,7 @@ export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as Popov
|
|
|
50
50
|
export { s as OrModal, O as OrModalSizes } from './OrModal-efacdf3f.js';
|
|
51
51
|
export { M as ModalSize, s as OrModalV3 } from './OrModal-07c092ab.js';
|
|
52
52
|
export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-f7d413aa.js';
|
|
53
|
-
export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-
|
|
53
|
+
export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-e600fd9a.js';
|
|
54
54
|
export { s as OrNumberInput } from './OrNumberInput-b32b5ce3.js';
|
|
55
55
|
export { s as OrOverflowMenu } from './OrOverflowMenu-31fa636f.js';
|
|
56
56
|
export { s as OrOverlay } from './OrOverlay-451dce49.js';
|
|
@@ -66,7 +66,7 @@ export { s as OrSearch } from './OrSearch-06c13e14.js';
|
|
|
66
66
|
export { s as OrSearchV3 } from './OrSearch-e1cc559b.js';
|
|
67
67
|
export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-880b4911.js';
|
|
68
68
|
export { s as OrSelect } from './OrSelect-5c6f0ff8.js';
|
|
69
|
-
export { s as OrSelectV3 } from './OrSelect-
|
|
69
|
+
export { s as OrSelectV3 } from './OrSelect-9008533e.js';
|
|
70
70
|
export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
|
|
71
71
|
export { s as OrSidebarV3 } from './OrSidebar-0a32cc49.js';
|
|
72
72
|
export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-647d2c50.js';
|
|
@@ -83,7 +83,7 @@ export { s as OrTabV3 } from './OrTab-d3785ea4.js';
|
|
|
83
83
|
export { s as OrTabs } from './OrTabs-d3812c11.js';
|
|
84
84
|
export { s as OrTabsV3, T as TabsVariant } from './OrTabs-9949f87b.js';
|
|
85
85
|
export { s as OrTag } from './OrTag-909a5dc9.js';
|
|
86
|
-
export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-
|
|
86
|
+
export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-8a6e7bba.js';
|
|
87
87
|
export { s as OrTeleport } from './OrTeleport.vue3-9bce0c02.js';
|
|
88
88
|
export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
|
|
89
89
|
export { s as OrTextV3 } from './OrText-a3b00048.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/ui-components",
|
|
3
|
-
"version": "2.74.10
|
|
3
|
+
"version": "2.74.10",
|
|
4
4
|
"description": "Vue components library for v2/3",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./dist/auto/index.js",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@codemirror/lang-json": "6.0.0",
|
|
39
39
|
"@codemirror/lang-markdown": "6.0.1",
|
|
40
40
|
"@floating-ui/dom": "0.3.1",
|
|
41
|
-
"@onereach/styles": "^2.35.
|
|
41
|
+
"@onereach/styles": "^2.35.0",
|
|
42
42
|
"@splidejs/splide": "4.0.6",
|
|
43
43
|
"@types/lodash": "4.14.173",
|
|
44
44
|
"@types/sortablejs": "1.10.7",
|
|
@@ -124,5 +124,6 @@
|
|
|
124
124
|
"default": "./dist/bundled/v3/components/*/index.js"
|
|
125
125
|
},
|
|
126
126
|
"./package.json": "./package.json"
|
|
127
|
-
}
|
|
127
|
+
},
|
|
128
|
+
"gitHead": "1f1852e105aaa4766853920c0b3686e9a3cacab3"
|
|
128
129
|
}
|
|
@@ -24,10 +24,6 @@ export default {
|
|
|
24
24
|
control: { type: 'select' },
|
|
25
25
|
options: Object.values(NotificationVariant),
|
|
26
26
|
},
|
|
27
|
-
|
|
28
|
-
disableClose: {
|
|
29
|
-
control: { type: 'boolean' },
|
|
30
|
-
},
|
|
31
27
|
},
|
|
32
28
|
|
|
33
29
|
parameters: {
|
|
@@ -60,7 +56,6 @@ const Template: StoryFn<typeof OrNotification> = (args) => ({
|
|
|
60
56
|
<OrNotification
|
|
61
57
|
v-bind="args"
|
|
62
58
|
@close="handleClose"
|
|
63
|
-
class="shadow-none"
|
|
64
59
|
>
|
|
65
60
|
${args.default}
|
|
66
61
|
</OrNotification>
|
|
@@ -73,51 +68,3 @@ Notification.args = {
|
|
|
73
68
|
// Slots
|
|
74
69
|
default: '<a href="#">Lorem ipsum</a> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
|
75
70
|
};
|
|
76
|
-
|
|
77
|
-
export const WithoutCloseButton = Template.bind({});
|
|
78
|
-
|
|
79
|
-
WithoutCloseButton.args = {
|
|
80
|
-
disableClose: true,
|
|
81
|
-
// Slots
|
|
82
|
-
default: '<a href="#">Lorem ipsum</a> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
|
|
83
|
-
};
|
|
84
|
-
|
|
85
|
-
export const WithShadowOverride: StoryFn<typeof OrNotification> = (args) => ({
|
|
86
|
-
components: {
|
|
87
|
-
OrNotification,
|
|
88
|
-
},
|
|
89
|
-
|
|
90
|
-
setup() {
|
|
91
|
-
return {
|
|
92
|
-
args,
|
|
93
|
-
handleClose: action('close'),
|
|
94
|
-
};
|
|
95
|
-
},
|
|
96
|
-
|
|
97
|
-
template: `
|
|
98
|
-
<div class="flex flex-col gap-3xl w-full">
|
|
99
|
-
<OrNotification
|
|
100
|
-
v-bind="args"
|
|
101
|
-
@close="handleClose"
|
|
102
|
-
>
|
|
103
|
-
Default shadow
|
|
104
|
-
</OrNotification>
|
|
105
|
-
<OrNotification
|
|
106
|
-
v-bind="args"
|
|
107
|
-
@close="handleClose"
|
|
108
|
-
class="shadow-none"
|
|
109
|
-
>
|
|
110
|
-
Without shadow
|
|
111
|
-
</OrNotification>
|
|
112
|
-
<OrNotification
|
|
113
|
-
v-bind="args"
|
|
114
|
-
@close="handleClose"
|
|
115
|
-
class="shadow-modal"
|
|
116
|
-
>
|
|
117
|
-
Shadow like in modal
|
|
118
|
-
</OrNotification>
|
|
119
|
-
</div>
|
|
120
|
-
`,
|
|
121
|
-
});
|
|
122
|
-
|
|
123
|
-
WithShadowOverride.args = {};
|