@dpa-id-components/dpa-shared-components 8.1.0 → 8.1.1
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/UseBreakpoints.stories.ts +22 -0
- package/dist/UseBreakpoints.vue +12 -0
- package/dist/UseTailwindBreakpoints.stories.ts +22 -0
- package/dist/UseTailwindBreakpoints.vue +13 -0
- package/dist/alert-c8e2ae08.mjs +15 -0
- package/dist/arrow-left-93c1cdc7.mjs +15 -0
- package/dist/arrow-right-caf216c1.mjs +15 -0
- package/dist/audio-f02c6683.mjs +19 -0
- package/dist/audio-inline-92256dc7.mjs +19 -0
- package/dist/bookmark-4ff074d8.mjs +19 -0
- package/dist/bookmark-89d43835.mjs +18 -0
- package/dist/bookmark-fill-2b5e5104.mjs +18 -0
- package/dist/bookmark-fill-731ae06c.mjs +19 -0
- package/dist/checklist-e548cc3a.mjs +19 -0
- package/dist/checkmark-d41d01ff.mjs +19 -0
- package/dist/chevron-left-b66f074e.mjs +15 -0
- package/dist/chevron-right-b589ab17.mjs +17 -0
- package/dist/chevron-up-6418abb0.mjs +15 -0
- package/dist/clock-02be24f4.mjs +19 -0
- package/dist/close-5d26c1d1.mjs +15 -0
- package/dist/components/UiDatePickerMobile/UiDatePickerMobile.vue.d.ts +279 -0
- package/dist/components/UiFilterButton/UiFilterButton.stories.d.ts +22 -0
- package/dist/components/UiFilterButton/UiFilterButton.vue.d.ts +9 -0
- package/dist/components/UiMenu/UiMenu.stories.d.ts +22 -0
- package/dist/components/UiMenu/UiMenu.vue.d.ts +9 -0
- package/dist/copy-link-de7cb91d.mjs +19 -0
- package/dist/dpa-shared-components.mjs +499 -493
- package/dist/dpa-shared-components.umd.js +3 -3
- package/dist/emoji-9480b7e3.mjs +19 -0
- package/dist/filter-2926b3c6.mjs +20 -0
- package/dist/filter-e213ae59.mjs +15 -0
- package/dist/filter-outline-91e5aa0a.mjs +19 -0
- package/dist/flags-cb22ae09.mjs +19 -0
- package/dist/flash-6c2fa662.mjs +15 -0
- package/dist/folder-add-e6e37681.mjs +15 -0
- package/dist/folder-bc98dd3b.mjs +15 -0
- package/dist/graphic-855e5909.mjs +19 -0
- package/dist/graphic-90b2d2fc.mjs +20 -0
- package/dist/graphic-a41ad739.mjs +19 -0
- package/dist/graphic-inline-a41ad739.mjs +19 -0
- package/dist/help-471874fe.mjs +19 -0
- package/dist/home-85e0bf1d.mjs +15 -0
- package/dist/info-ee40cf5c.mjs +15 -0
- package/dist/latest-dd68ea4b.mjs +15 -0
- package/dist/main.css +23 -0
- package/dist/more-vertical-5797b4a7.mjs +15 -0
- package/dist/pdf-9b269d2e.mjs +22 -0
- package/dist/picture-inline-0eb9c590.mjs +19 -0
- package/dist/pin-ce661952.mjs +19 -0
- package/dist/plus-0900f7b4.mjs +15 -0
- package/dist/refresh-93ed1124.mjs +15 -0
- package/dist/reset-71987e6a.mjs +15 -0
- package/dist/screens.js +13 -0
- package/dist/search-9bebfc15.mjs +15 -0
- package/dist/share-f49b038e.mjs +15 -0
- package/dist/slack-05d08ea2.mjs +15 -0
- package/dist/style.css +1 -1
- package/dist/tailwind/screens.d.ts +8 -0
- package/dist/tailwind/useBreakpoints.d.ts +9 -0
- package/dist/tailwind/useTailwindBreakpoints.d.ts +9 -0
- package/dist/text-3969d470.mjs +15 -0
- package/dist/text-inline-cbb3242f.mjs +15 -0
- package/dist/useBreakpoints.ts +19 -0
- package/dist/useTailwindBreakpoints.ts +19 -0
- package/dist/utils.css +16 -0
- package/dist/video-e95f8e58.mjs +19 -0
- package/dist/video-inline-b961f9cd.mjs +19 -0
- package/package.json +1 -1
|
@@ -2,6 +2,10 @@ import type { StoryObj } from "@storybook/vue3";
|
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
4
|
component: import("vue").DefineComponent<{
|
|
5
|
+
size: {
|
|
6
|
+
type: import("vue").PropType<"xs" | "small">;
|
|
7
|
+
default: string;
|
|
8
|
+
};
|
|
5
9
|
title: {
|
|
6
10
|
type: import("vue").PropType<string>;
|
|
7
11
|
default: string;
|
|
@@ -41,6 +45,10 @@ declare const meta: {
|
|
|
41
45
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
42
46
|
click: (...args: any[]) => void;
|
|
43
47
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
48
|
+
size: {
|
|
49
|
+
type: import("vue").PropType<"xs" | "small">;
|
|
50
|
+
default: string;
|
|
51
|
+
};
|
|
44
52
|
title: {
|
|
45
53
|
type: import("vue").PropType<string>;
|
|
46
54
|
default: string;
|
|
@@ -80,6 +88,7 @@ declare const meta: {
|
|
|
80
88
|
}>> & {
|
|
81
89
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
82
90
|
}, {
|
|
91
|
+
size: "xs" | "small";
|
|
83
92
|
title: string;
|
|
84
93
|
disabled: boolean;
|
|
85
94
|
iconSize: "xs" | "small" | "large";
|
|
@@ -122,6 +131,10 @@ declare const meta: {
|
|
|
122
131
|
control: string;
|
|
123
132
|
options: string[];
|
|
124
133
|
};
|
|
134
|
+
size: {
|
|
135
|
+
control: string;
|
|
136
|
+
options: string[];
|
|
137
|
+
};
|
|
125
138
|
};
|
|
126
139
|
args: {
|
|
127
140
|
title: string;
|
|
@@ -140,6 +153,10 @@ declare const meta: {
|
|
|
140
153
|
};
|
|
141
154
|
components: {
|
|
142
155
|
UiFilterButton: import("vue").DefineComponent<{
|
|
156
|
+
size: {
|
|
157
|
+
type: import("vue").PropType<"xs" | "small">;
|
|
158
|
+
default: string;
|
|
159
|
+
};
|
|
143
160
|
title: {
|
|
144
161
|
type: import("vue").PropType<string>;
|
|
145
162
|
default: string;
|
|
@@ -179,6 +196,10 @@ declare const meta: {
|
|
|
179
196
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
180
197
|
click: (...args: any[]) => void;
|
|
181
198
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
199
|
+
size: {
|
|
200
|
+
type: import("vue").PropType<"xs" | "small">;
|
|
201
|
+
default: string;
|
|
202
|
+
};
|
|
182
203
|
title: {
|
|
183
204
|
type: import("vue").PropType<string>;
|
|
184
205
|
default: string;
|
|
@@ -218,6 +239,7 @@ declare const meta: {
|
|
|
218
239
|
}>> & {
|
|
219
240
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
220
241
|
}, {
|
|
242
|
+
size: "xs" | "small";
|
|
221
243
|
title: string;
|
|
222
244
|
disabled: boolean;
|
|
223
245
|
iconSize: "xs" | "small" | "large";
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import type { iconNames } from '../../components/UiIcon/iconNames';
|
|
2
2
|
declare const _default: import("vue").DefineComponent<{
|
|
3
|
+
size: {
|
|
4
|
+
type: import("vue").PropType<"xs" | "small">;
|
|
5
|
+
default: string;
|
|
6
|
+
};
|
|
3
7
|
title: {
|
|
4
8
|
type: import("vue").PropType<string>;
|
|
5
9
|
default: string;
|
|
@@ -39,6 +43,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
39
43
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
40
44
|
click: (...args: any[]) => void;
|
|
41
45
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
46
|
+
size: {
|
|
47
|
+
type: import("vue").PropType<"xs" | "small">;
|
|
48
|
+
default: string;
|
|
49
|
+
};
|
|
42
50
|
title: {
|
|
43
51
|
type: import("vue").PropType<string>;
|
|
44
52
|
default: string;
|
|
@@ -78,6 +86,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
78
86
|
}>> & {
|
|
79
87
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
80
88
|
}, {
|
|
89
|
+
size: "xs" | "small";
|
|
81
90
|
title: string;
|
|
82
91
|
disabled: boolean;
|
|
83
92
|
iconSize: "xs" | "small" | "large";
|
|
@@ -51,6 +51,10 @@ declare const meta: {
|
|
|
51
51
|
type: import("vue").PropType<string>;
|
|
52
52
|
default: string;
|
|
53
53
|
};
|
|
54
|
+
filterButtonSize: {
|
|
55
|
+
type: import("vue").PropType<"xs" | "small">;
|
|
56
|
+
default: string;
|
|
57
|
+
};
|
|
54
58
|
buttonVariant: {
|
|
55
59
|
type: import("vue").PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank">;
|
|
56
60
|
default: string;
|
|
@@ -139,6 +143,10 @@ declare const meta: {
|
|
|
139
143
|
type: import("vue").PropType<string>;
|
|
140
144
|
default: string;
|
|
141
145
|
};
|
|
146
|
+
filterButtonSize: {
|
|
147
|
+
type: import("vue").PropType<"xs" | "small">;
|
|
148
|
+
default: string;
|
|
149
|
+
};
|
|
142
150
|
buttonVariant: {
|
|
143
151
|
type: import("vue").PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank">;
|
|
144
152
|
default: string;
|
|
@@ -188,6 +196,7 @@ declare const meta: {
|
|
|
188
196
|
isOpen: boolean;
|
|
189
197
|
defaultTitle: string;
|
|
190
198
|
multiLabel: string;
|
|
199
|
+
filterButtonSize: "xs" | "small";
|
|
191
200
|
buttonVariant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank";
|
|
192
201
|
listVariant: "checkbox" | "selectable" | "blank";
|
|
193
202
|
checkboxColor: "blue" | "gray";
|
|
@@ -216,6 +225,10 @@ declare const meta: {
|
|
|
216
225
|
control: string;
|
|
217
226
|
options: string[];
|
|
218
227
|
};
|
|
228
|
+
filterButtonSize: {
|
|
229
|
+
control: string;
|
|
230
|
+
options: string[];
|
|
231
|
+
};
|
|
219
232
|
iconSize: {
|
|
220
233
|
control: string;
|
|
221
234
|
options: string[];
|
|
@@ -357,6 +370,10 @@ export declare const WithBlankButton: {
|
|
|
357
370
|
type: import("vue").PropType<string>;
|
|
358
371
|
default: string;
|
|
359
372
|
};
|
|
373
|
+
filterButtonSize: {
|
|
374
|
+
type: import("vue").PropType<"xs" | "small">;
|
|
375
|
+
default: string;
|
|
376
|
+
};
|
|
360
377
|
buttonVariant: {
|
|
361
378
|
type: import("vue").PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank">;
|
|
362
379
|
default: string;
|
|
@@ -445,6 +462,10 @@ export declare const WithBlankButton: {
|
|
|
445
462
|
type: import("vue").PropType<string>;
|
|
446
463
|
default: string;
|
|
447
464
|
};
|
|
465
|
+
filterButtonSize: {
|
|
466
|
+
type: import("vue").PropType<"xs" | "small">;
|
|
467
|
+
default: string;
|
|
468
|
+
};
|
|
448
469
|
buttonVariant: {
|
|
449
470
|
type: import("vue").PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank">;
|
|
450
471
|
default: string;
|
|
@@ -494,6 +515,7 @@ export declare const WithBlankButton: {
|
|
|
494
515
|
isOpen: boolean;
|
|
495
516
|
defaultTitle: string;
|
|
496
517
|
multiLabel: string;
|
|
518
|
+
filterButtonSize: "xs" | "small";
|
|
497
519
|
buttonVariant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank";
|
|
498
520
|
listVariant: "checkbox" | "selectable" | "blank";
|
|
499
521
|
checkboxColor: "blue" | "gray";
|
|
@@ -49,6 +49,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
49
49
|
type: import("vue").PropType<string>;
|
|
50
50
|
default: string;
|
|
51
51
|
};
|
|
52
|
+
filterButtonSize: {
|
|
53
|
+
type: import("vue").PropType<"xs" | "small">;
|
|
54
|
+
default: string;
|
|
55
|
+
};
|
|
52
56
|
buttonVariant: {
|
|
53
57
|
type: import("vue").PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank">;
|
|
54
58
|
default: string;
|
|
@@ -137,6 +141,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
137
141
|
type: import("vue").PropType<string>;
|
|
138
142
|
default: string;
|
|
139
143
|
};
|
|
144
|
+
filterButtonSize: {
|
|
145
|
+
type: import("vue").PropType<"xs" | "small">;
|
|
146
|
+
default: string;
|
|
147
|
+
};
|
|
140
148
|
buttonVariant: {
|
|
141
149
|
type: import("vue").PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank">;
|
|
142
150
|
default: string;
|
|
@@ -186,6 +194,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
186
194
|
isOpen: boolean;
|
|
187
195
|
defaultTitle: string;
|
|
188
196
|
multiLabel: string;
|
|
197
|
+
filterButtonSize: "small" | "xs";
|
|
189
198
|
buttonVariant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank";
|
|
190
199
|
listVariant: "checkbox" | "selectable" | "blank";
|
|
191
200
|
checkboxColor: "blue" | "gray";
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { openBlock as C, createElementBlock as e, createElementVNode as o } from "vue";
|
|
2
|
+
const t = {
|
|
3
|
+
viewBox: "0 0 16 16",
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
5
|
+
}, n = /* @__PURE__ */ o("path", {
|
|
6
|
+
"fill-rule": "evenodd",
|
|
7
|
+
"clip-rule": "evenodd",
|
|
8
|
+
d: "M9.92625 2.45989C10.7574 2.39037 11.5855 2.6258 12.2558 3.12221C12.6332 3.41382 12.9443 3.78229 13.1686 4.2032C13.3928 4.62412 13.5251 5.08788 13.5566 5.56377C13.5881 6.03965 13.5182 6.51681 13.3514 6.96362C13.1846 7.41043 12.9248 7.81671 12.5891 8.15554L11.8002 8.94443C11.7486 8.9965 11.6871 9.03783 11.6194 9.06604C11.5517 9.09424 11.4791 9.10876 11.4058 9.10876C11.3324 9.10876 11.2598 9.09424 11.1921 9.06604C11.1244 9.03783 11.063 8.9965 11.0113 8.94443C10.9593 8.89279 10.9179 8.83134 10.8897 8.76364C10.8615 8.69594 10.847 8.62333 10.847 8.54999C10.847 8.47665 10.8615 8.40403 10.8897 8.33633C10.9179 8.26863 10.9593 8.20719 11.0113 8.15554L11.8002 7.3611C12.023 7.14236 12.1971 6.87914 12.3113 6.5886C12.4256 6.29805 12.4773 5.9867 12.4631 5.67484C12.449 5.36297 12.3693 5.05758 12.2292 4.77858C12.0891 4.49957 11.8919 4.25321 11.6502 4.05554C11.1983 3.70335 10.6318 3.53114 10.0603 3.57219C9.4888 3.61323 8.95278 3.86461 8.55578 4.27776L7.83356 5.00554C7.78191 5.05761 7.72047 5.09894 7.65277 5.12715C7.58507 5.15535 7.51245 5.16987 7.43911 5.16987C7.36577 5.16987 7.29316 5.15535 7.22546 5.12715C7.15776 5.09894 7.09631 5.05761 7.04467 5.00554C6.98801 4.94247 6.94524 4.86819 6.91911 4.78754C6.89298 4.70688 6.88407 4.62163 6.89298 4.53732C6.90188 4.453 6.92839 4.37149 6.97079 4.29807C7.01319 4.22465 7.07053 4.16095 7.13911 4.1111L7.73911 3.49999C8.31762 2.89913 9.09507 2.52941 9.92625 2.45989ZM8.71665 6.49443L6.49443 8.71665C6.44236 8.7683 6.40103 8.82974 6.37282 8.89744C6.34462 8.96514 6.3301 9.03776 6.3301 9.1111C6.3301 9.18444 6.34462 9.25705 6.37282 9.32475C6.40103 9.39245 6.44236 9.4539 6.49443 9.50554C6.54608 9.55761 6.60752 9.59894 6.67522 9.62715C6.74292 9.65535 6.81554 9.66987 6.88888 9.66987C6.96221 9.66987 7.03483 9.65535 7.10253 9.62715C7.17023 9.59894 7.23167 9.55761 7.28332 9.50554L9.50554 7.28332C9.61015 7.17871 9.66892 7.03682 9.66892 6.88888C9.66892 6.74093 9.61015 6.59904 9.50554 6.49443C9.40093 6.38982 9.25904 6.33105 9.1111 6.33105C8.96315 6.33105 8.82127 6.38982 8.71665 6.49443ZM8.15567 11L7.44456 11.7055C7.04536 12.1169 6.5087 12.3669 5.93695 12.4079C5.3652 12.4489 4.79836 12.278 4.34456 11.9278C4.10471 11.7301 3.90899 11.4844 3.77003 11.2064C3.63107 10.9284 3.55197 10.6243 3.53783 10.3139C3.5237 10.0034 3.57484 9.69341 3.68796 9.40394C3.80108 9.11447 3.97367 8.85194 4.19456 8.63332L4.98345 7.83888C5.03552 7.78723 5.07685 7.72578 5.10506 7.65808C5.13326 7.59038 5.14779 7.51777 5.14779 7.44443C5.14779 7.37109 5.13326 7.29848 5.10506 7.23078C5.07685 7.16308 5.03552 7.10163 4.98345 7.04999C4.93181 6.99791 4.87036 6.95658 4.80266 6.92838C4.73496 6.90018 4.66235 6.88565 4.58901 6.88565C4.51567 6.88565 4.44305 6.90018 4.37535 6.92838C4.30765 6.95658 4.24621 6.99791 4.19456 7.04999L3.48901 7.7611C2.89465 8.33666 2.52933 9.10833 2.46088 9.93286C2.39242 10.7574 2.62548 11.5787 3.11679 12.2444C3.40839 12.6227 3.77714 12.9346 4.19856 13.1595C4.61997 13.3843 5.0844 13.5169 5.561 13.5484C6.03759 13.5799 6.51544 13.5097 6.9628 13.3423C7.41016 13.175 7.81678 12.9143 8.15567 12.5778L8.94456 11.7889C9.04918 11.6843 9.10795 11.5424 9.10795 11.3944C9.10795 11.2465 9.04918 11.1046 8.94456 11C8.83995 10.8954 8.69806 10.8366 8.55012 10.8366C8.40217 10.8366 8.26029 10.8954 8.15567 11Z"
|
|
9
|
+
}, null, -1), c = [
|
|
10
|
+
n
|
|
11
|
+
];
|
|
12
|
+
function r(l, d) {
|
|
13
|
+
return C(), e("svg", t, c);
|
|
14
|
+
}
|
|
15
|
+
const L = { render: r };
|
|
16
|
+
export {
|
|
17
|
+
L as default,
|
|
18
|
+
r as render
|
|
19
|
+
};
|