@dpa-id-components/dpa-shared-components 7.0.8 → 7.0.9
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/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/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/compositions/index.d.ts +2 -0
- package/dist/copy-link-de7cb91d.mjs +19 -0
- package/dist/dpa-shared-components.mjs +2 -2
- package/dist/dpa-shared-components.umd.js +1 -1
- 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-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/more-vertical-5797b4a7.mjs +15 -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/screens.json +7 -0
- package/dist/search-9bebfc15.mjs +15 -0
- package/dist/share-f49b038e.mjs +15 -0
- package/dist/slack-05d08ea2.mjs +15 -0
- package/dist/tailwind/screens.d.ts +8 -0
- package/dist/tailwind/tailwind.config.d.cts +214 -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/video-e95f8e58.mjs +19 -0
- package/dist/video-inline-b961f9cd.mjs +19 -0
- package/package.json +2 -2
|
@@ -0,0 +1,214 @@
|
|
|
1
|
+
declare const screens: {
|
|
2
|
+
sm: string;
|
|
3
|
+
md: string;
|
|
4
|
+
lg: string;
|
|
5
|
+
xl: string;
|
|
6
|
+
xxl: string;
|
|
7
|
+
};
|
|
8
|
+
export namespace theme {
|
|
9
|
+
export const inset: {
|
|
10
|
+
0: number;
|
|
11
|
+
"1/2": string;
|
|
12
|
+
full: string;
|
|
13
|
+
};
|
|
14
|
+
export { screens };
|
|
15
|
+
export const fontSize: {
|
|
16
|
+
xs: string;
|
|
17
|
+
sm: string;
|
|
18
|
+
base: string;
|
|
19
|
+
lg: string;
|
|
20
|
+
xl: string;
|
|
21
|
+
"2xl": string;
|
|
22
|
+
"3xl": string;
|
|
23
|
+
"4xl": string;
|
|
24
|
+
"5xl": string;
|
|
25
|
+
"6xl": string;
|
|
26
|
+
"7xl": string;
|
|
27
|
+
};
|
|
28
|
+
export const spacing: {
|
|
29
|
+
px: string;
|
|
30
|
+
0: string;
|
|
31
|
+
0.5: string;
|
|
32
|
+
1: string;
|
|
33
|
+
1.5: string;
|
|
34
|
+
2: string;
|
|
35
|
+
2.5: string;
|
|
36
|
+
3: string;
|
|
37
|
+
3.5: string;
|
|
38
|
+
4: string;
|
|
39
|
+
5: string;
|
|
40
|
+
6: string;
|
|
41
|
+
7: string;
|
|
42
|
+
8: string;
|
|
43
|
+
9: string;
|
|
44
|
+
10: string;
|
|
45
|
+
11: string;
|
|
46
|
+
12: string;
|
|
47
|
+
14: string;
|
|
48
|
+
16: string;
|
|
49
|
+
20: string;
|
|
50
|
+
24: string;
|
|
51
|
+
28: string;
|
|
52
|
+
32: string;
|
|
53
|
+
36: string;
|
|
54
|
+
37: string;
|
|
55
|
+
40: string;
|
|
56
|
+
41: string;
|
|
57
|
+
44: string;
|
|
58
|
+
48: string;
|
|
59
|
+
52: string;
|
|
60
|
+
56: string;
|
|
61
|
+
60: string;
|
|
62
|
+
64: string;
|
|
63
|
+
72: string;
|
|
64
|
+
80: string;
|
|
65
|
+
96: string;
|
|
66
|
+
};
|
|
67
|
+
export namespace extend {
|
|
68
|
+
export namespace outline {
|
|
69
|
+
const blue: string[];
|
|
70
|
+
}
|
|
71
|
+
export namespace fontFamily {
|
|
72
|
+
const sans: string[];
|
|
73
|
+
const marketing: string[];
|
|
74
|
+
}
|
|
75
|
+
export namespace spacing_1 {
|
|
76
|
+
const inherit: string;
|
|
77
|
+
const half: string;
|
|
78
|
+
const inputFocused: string;
|
|
79
|
+
}
|
|
80
|
+
export { spacing_1 as spacing };
|
|
81
|
+
export const duration: {
|
|
82
|
+
0: string;
|
|
83
|
+
};
|
|
84
|
+
export const colors: {
|
|
85
|
+
transparent: string;
|
|
86
|
+
black: string;
|
|
87
|
+
white: string;
|
|
88
|
+
gray: {
|
|
89
|
+
100: string;
|
|
90
|
+
200: string;
|
|
91
|
+
300: string;
|
|
92
|
+
400: string;
|
|
93
|
+
500: string;
|
|
94
|
+
600: string;
|
|
95
|
+
700: string;
|
|
96
|
+
800: string;
|
|
97
|
+
900: string;
|
|
98
|
+
};
|
|
99
|
+
blue: {
|
|
100
|
+
default: string;
|
|
101
|
+
dark: string;
|
|
102
|
+
};
|
|
103
|
+
red: {
|
|
104
|
+
default: string;
|
|
105
|
+
dark: string;
|
|
106
|
+
};
|
|
107
|
+
pink: {
|
|
108
|
+
default: string;
|
|
109
|
+
dark: string;
|
|
110
|
+
};
|
|
111
|
+
purple: {
|
|
112
|
+
default: string;
|
|
113
|
+
dark: string;
|
|
114
|
+
};
|
|
115
|
+
cyan: {
|
|
116
|
+
default: string;
|
|
117
|
+
dark: string;
|
|
118
|
+
};
|
|
119
|
+
teal: {
|
|
120
|
+
default: string;
|
|
121
|
+
dark: string;
|
|
122
|
+
};
|
|
123
|
+
green: {
|
|
124
|
+
default: string;
|
|
125
|
+
dark: string;
|
|
126
|
+
};
|
|
127
|
+
yellow: {
|
|
128
|
+
default: string;
|
|
129
|
+
dark: string;
|
|
130
|
+
};
|
|
131
|
+
orange: {
|
|
132
|
+
default: string;
|
|
133
|
+
dark: string;
|
|
134
|
+
};
|
|
135
|
+
"alert-red": {
|
|
136
|
+
default: string;
|
|
137
|
+
dark: string;
|
|
138
|
+
};
|
|
139
|
+
"alert-green": {
|
|
140
|
+
default: string;
|
|
141
|
+
dark: string;
|
|
142
|
+
};
|
|
143
|
+
"neon-green": string;
|
|
144
|
+
rainbow: {
|
|
145
|
+
red: string;
|
|
146
|
+
"red-dark": string;
|
|
147
|
+
orange: string;
|
|
148
|
+
purple: string;
|
|
149
|
+
};
|
|
150
|
+
};
|
|
151
|
+
export const opacity: {
|
|
152
|
+
60: string;
|
|
153
|
+
20: string;
|
|
154
|
+
};
|
|
155
|
+
export namespace boxShadow {
|
|
156
|
+
const _default: string;
|
|
157
|
+
export { _default as default };
|
|
158
|
+
export const negative: string;
|
|
159
|
+
export const md: string;
|
|
160
|
+
export const lg: string;
|
|
161
|
+
}
|
|
162
|
+
const inset_1: {
|
|
163
|
+
0: number;
|
|
164
|
+
auto: string;
|
|
165
|
+
1: string;
|
|
166
|
+
3: string;
|
|
167
|
+
4: string;
|
|
168
|
+
5: string;
|
|
169
|
+
12: string;
|
|
170
|
+
16: string;
|
|
171
|
+
full: string;
|
|
172
|
+
};
|
|
173
|
+
export { inset_1 as inset };
|
|
174
|
+
export namespace screens_1 {
|
|
175
|
+
namespace print {
|
|
176
|
+
const raw: string;
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
export { screens_1 as screens };
|
|
180
|
+
export const lineHeight: {
|
|
181
|
+
3: string;
|
|
182
|
+
4: string;
|
|
183
|
+
5: string;
|
|
184
|
+
6: string;
|
|
185
|
+
7: string;
|
|
186
|
+
8: string;
|
|
187
|
+
9: string;
|
|
188
|
+
10: string;
|
|
189
|
+
};
|
|
190
|
+
export const width: {
|
|
191
|
+
4.5: string;
|
|
192
|
+
};
|
|
193
|
+
export const height: {
|
|
194
|
+
4.5: string;
|
|
195
|
+
};
|
|
196
|
+
}
|
|
197
|
+
export const maxHeight: {
|
|
198
|
+
60: string;
|
|
199
|
+
};
|
|
200
|
+
}
|
|
201
|
+
export namespace variants {
|
|
202
|
+
const opacity_1: string[];
|
|
203
|
+
export { opacity_1 as opacity };
|
|
204
|
+
const outline_1: string[];
|
|
205
|
+
export { outline_1 as outline };
|
|
206
|
+
export const display: string[];
|
|
207
|
+
export const textColor: string[];
|
|
208
|
+
export const textDecoration: string[];
|
|
209
|
+
}
|
|
210
|
+
export const plugins: (typeof import("@tailwindcss/typography") | {
|
|
211
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
|
212
|
+
config?: Partial<import("tailwindcss/types/config").Config> | undefined;
|
|
213
|
+
})[];
|
|
214
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
declare const _default: () => {
|
|
2
|
+
currentBreakpoint: import("vue").ComputedRef<string[]>;
|
|
3
|
+
sm: import("vue").ComputedRef<boolean>;
|
|
4
|
+
md: import("vue").ComputedRef<boolean>;
|
|
5
|
+
lg: import("vue").ComputedRef<boolean>;
|
|
6
|
+
xl: import("vue").ComputedRef<boolean>;
|
|
7
|
+
xxl: import("vue").ComputedRef<boolean>;
|
|
8
|
+
};
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
declare const _default: () => {
|
|
2
|
+
currentBreakpoint: import("vue").ComputedRef<string[]>;
|
|
3
|
+
sm: import("vue").ComputedRef<boolean>;
|
|
4
|
+
md: import("vue").ComputedRef<boolean>;
|
|
5
|
+
lg: import("vue").ComputedRef<boolean>;
|
|
6
|
+
xl: import("vue").ComputedRef<boolean>;
|
|
7
|
+
xxl: import("vue").ComputedRef<boolean>;
|
|
8
|
+
};
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
|
|
2
|
+
const n = {
|
|
3
|
+
viewBox: "0 0 16 16",
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
5
|
+
}, c = /* @__PURE__ */ o("path", { d: "M4.75 4H11.25C11.6642 4 12 4.33579 12 4.75C12 5.16421 11.6642 5.5 11.25 5.5H4.75C4.33579 5.5 4 5.16421 4 4.75C4 4.33579 4.33579 4 4.75 4ZM4.75 7H11.25C11.6642 7 12 7.33579 12 7.75C12 8.16421 11.6642 8.5 11.25 8.5H4.75C4.33579 8.5 4 8.16421 4 7.75C4 7.33579 4.33579 7 4.75 7ZM4.75 10H8.25C8.66421 10 9 10.3358 9 10.75C9 11.1642 8.66421 11.5 8.25 11.5H4.75C4.33579 11.5 4 11.1642 4 10.75C4 10.3358 4.33579 10 4.75 10Z" }, null, -1), r = [
|
|
6
|
+
c
|
|
7
|
+
];
|
|
8
|
+
function C(s, d) {
|
|
9
|
+
return e(), t("svg", n, r);
|
|
10
|
+
}
|
|
11
|
+
const _ = { render: C };
|
|
12
|
+
export {
|
|
13
|
+
_ as default,
|
|
14
|
+
C as render
|
|
15
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
|
|
2
|
+
const n = {
|
|
3
|
+
viewBox: "0 0 16 16",
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
5
|
+
}, c = /* @__PURE__ */ o("path", { d: "M4.75 4H11.25C11.6642 4 12 4.33579 12 4.75C12 5.16421 11.6642 5.5 11.25 5.5H4.75C4.33579 5.5 4 5.16421 4 4.75C4 4.33579 4.33579 4 4.75 4ZM4.75 7H11.25C11.6642 7 12 7.33579 12 7.75C12 8.16421 11.6642 8.5 11.25 8.5H4.75C4.33579 8.5 4 8.16421 4 7.75C4 7.33579 4.33579 7 4.75 7ZM4.75 10H8.25C8.66421 10 9 10.3358 9 10.75C9 11.1642 8.66421 11.5 8.25 11.5H4.75C4.33579 11.5 4 11.1642 4 10.75C4 10.3358 4.33579 10 4.75 10Z" }, null, -1), r = [
|
|
6
|
+
c
|
|
7
|
+
];
|
|
8
|
+
function C(s, l) {
|
|
9
|
+
return e(), t("svg", n, r);
|
|
10
|
+
}
|
|
11
|
+
const _ = { render: C };
|
|
12
|
+
export {
|
|
13
|
+
_ as default,
|
|
14
|
+
C as render
|
|
15
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { useBreakpoints } from "@vueuse/core";
|
|
2
|
+
import { computed } from "vue";
|
|
3
|
+
import screens from "./screens.json";
|
|
4
|
+
|
|
5
|
+
export default () => {
|
|
6
|
+
const breakpoints = useBreakpoints({
|
|
7
|
+
...screens,
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
const currentBreakpoint = breakpoints.current();
|
|
11
|
+
|
|
12
|
+
const sm = computed(() => currentBreakpoint.value.includes("sm"));
|
|
13
|
+
const md = computed(() => currentBreakpoint.value.includes("md"));
|
|
14
|
+
const lg = computed(() => currentBreakpoint.value.includes("lg"));
|
|
15
|
+
const xl = computed(() => currentBreakpoint.value.includes("xl"));
|
|
16
|
+
const xxl = computed(() => currentBreakpoint.value.includes("xxl"));
|
|
17
|
+
|
|
18
|
+
return { currentBreakpoint, sm, md, lg, xl, xxl };
|
|
19
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { useBreakpoints } from "@vueuse/core";
|
|
2
|
+
import { computed } from "vue";
|
|
3
|
+
import screens from "./screens.json";
|
|
4
|
+
|
|
5
|
+
export default () => {
|
|
6
|
+
const breakpoints = useBreakpoints({
|
|
7
|
+
...screens,
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
const currentBreakpoint = breakpoints.current();
|
|
11
|
+
|
|
12
|
+
const sm = computed(() => currentBreakpoint.value.includes("sm"));
|
|
13
|
+
const md = computed(() => currentBreakpoint.value.includes("md"));
|
|
14
|
+
const lg = computed(() => currentBreakpoint.value.includes("lg"));
|
|
15
|
+
const xl = computed(() => currentBreakpoint.value.includes("xl"));
|
|
16
|
+
const xxl = computed(() => currentBreakpoint.value.includes("xxl"));
|
|
17
|
+
|
|
18
|
+
return { currentBreakpoint, sm, md, lg, xl, xxl };
|
|
19
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
|
|
2
|
+
const n = {
|
|
3
|
+
viewBox: "0 0 16 16",
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
5
|
+
}, r = /* @__PURE__ */ t("path", {
|
|
6
|
+
"fill-rule": "evenodd",
|
|
7
|
+
"clip-rule": "evenodd",
|
|
8
|
+
d: "M7.304 12.0019C7.09933 12.0019 6.89267 11.9579 6.7 11.8672C6.268 11.6632 6 11.2585 6 10.8099V5.19252C6 4.74385 6.268 4.33918 6.7 4.13518C7.188 3.90518 7.76667 3.97252 8.17267 4.30785L11.572 7.11718C11.8447 7.34118 12 7.66385 12 8.00118C12 8.33852 11.8447 8.66118 11.572 8.88518L8.17267 11.6939C7.92733 11.8972 7.618 12.0019 7.304 12.0019Z"
|
|
9
|
+
}, null, -1), c = [
|
|
10
|
+
r
|
|
11
|
+
];
|
|
12
|
+
function d(l, s) {
|
|
13
|
+
return e(), o("svg", n, c);
|
|
14
|
+
}
|
|
15
|
+
const _ = { render: d };
|
|
16
|
+
export {
|
|
17
|
+
_ as default,
|
|
18
|
+
d as render
|
|
19
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
|
|
2
|
+
const n = {
|
|
3
|
+
viewBox: "0 0 16 16",
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
5
|
+
}, l = /* @__PURE__ */ t("path", {
|
|
6
|
+
"fill-rule": "evenodd",
|
|
7
|
+
"clip-rule": "evenodd",
|
|
8
|
+
d: "M7.304 12.0019C7.09933 12.0019 6.89267 11.9579 6.7 11.8672C6.268 11.6632 6 11.2585 6 10.8099V5.19252C6 4.74385 6.268 4.33918 6.7 4.13518C7.188 3.90518 7.76667 3.97252 8.17267 4.30785L11.572 7.11718C11.8447 7.34118 12 7.66385 12 8.00118C12 8.33852 11.8447 8.66118 11.572 8.88518L8.17267 11.6939C7.92733 11.8972 7.618 12.0019 7.304 12.0019Z"
|
|
9
|
+
}, null, -1), r = [
|
|
10
|
+
l
|
|
11
|
+
];
|
|
12
|
+
function c(d, s) {
|
|
13
|
+
return e(), o("svg", n, r);
|
|
14
|
+
}
|
|
15
|
+
const _ = { render: c };
|
|
16
|
+
export {
|
|
17
|
+
_ as default,
|
|
18
|
+
c as render
|
|
19
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dpa-id-components/dpa-shared-components",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.9",
|
|
4
4
|
"engines": {
|
|
5
5
|
"node": ">=16"
|
|
6
6
|
},
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"vite": "^4.0.1",
|
|
89
89
|
"vite-plugin-dts": "^2.0.0",
|
|
90
90
|
"vite-svg-loader": "^4.0.0",
|
|
91
|
-
"vitest": "^0.
|
|
91
|
+
"vitest": "^0.33.0",
|
|
92
92
|
"vue-loader": "^17.0.0",
|
|
93
93
|
"vue-tsc": "^1.0.13"
|
|
94
94
|
},
|