@dpa-id-components/dpa-shared-components 7.2.1 → 8.0.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/README.md +3 -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/DpaEventItem/DpaEventItem.stories.d.ts +3 -3
- package/dist/components/UiDatePickerMobile/UiDatePickerMobile.vue.d.ts +279 -0
- package/dist/components/UiFilterBadge/UiFilterBadge.stories.d.ts +3 -3
- package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.stories.d.ts +3 -3
- package/dist/components/UiIconButton/UiIconButton.stories.d.ts +6 -6
- package/dist/components/UiIconButton/UiIconButton.vue.d.ts +3 -3
- package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +3 -3
- package/dist/compositions/index.d.ts +1 -1
- package/dist/copy-link-de7cb91d.mjs +19 -0
- package/dist/dpa-shared-components.d.ts +52 -1
- package/dist/dpa-shared-components.mjs +3802 -3798
- package/dist/dpa-shared-components.umd.js +5 -5
- package/dist/eil-311dfbe1.mjs +15 -0
- package/dist/emoji-9480b7e3.mjs +19 -0
- package/dist/emoji-add-7fb19e1a.mjs +29 -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/fonts.css +23 -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/search-9bebfc15.mjs +15 -0
- package/dist/share-f49b038e.mjs +15 -0
- package/dist/shims-vue.d.ts +6 -0
- package/dist/slack-05d08ea2.mjs +15 -0
- package/dist/style.css +1 -1
- package/dist/text-3969d470.mjs +15 -0
- package/dist/text-inline-cbb3242f.mjs +15 -0
- package/dist/video-e95f8e58.mjs +19 -0
- package/dist/video-inline-b961f9cd.mjs +19 -0
- package/package.json +2 -2
- package/dist/UseBreakpoints.stories.ts +0 -22
- package/dist/UseBreakpoints.vue +0 -12
- package/dist/useBreakpoints.ts +0 -19
- /package/dist/{tailwind → compositions/useBreakpoints}/UseBreakpoints.stories.d.ts +0 -0
- /package/dist/{tailwind → compositions/useBreakpoints}/useBreakpoints.d.ts +0 -0
|
@@ -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 { 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": "
|
|
3
|
+
"version": "8.0.0",
|
|
4
4
|
"engines": {
|
|
5
5
|
"node": ">=16"
|
|
6
6
|
},
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"@tailwindcss/ui": "^0.7.2",
|
|
63
63
|
"@types/color": "^3.0.3",
|
|
64
64
|
"@types/jsdom": "^21.0.0",
|
|
65
|
-
"@types/node": "^
|
|
65
|
+
"@types/node": "^20.0.0",
|
|
66
66
|
"@types/uuid": "^9.0.1",
|
|
67
67
|
"@vitejs/plugin-vue": "^4.0.0",
|
|
68
68
|
"@vue/eslint-config-prettier": "^8.0.0",
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import UseBreakpoints from "./UseBreakpoints.vue";
|
|
2
|
-
import type { Meta, StoryObj } from "@storybook/vue3";
|
|
3
|
-
|
|
4
|
-
const meta = {
|
|
5
|
-
title: "tailwind/UseBreakpoints.ts",
|
|
6
|
-
component: UseBreakpoints,
|
|
7
|
-
argTypes: {},
|
|
8
|
-
parameters: {},
|
|
9
|
-
} satisfies Meta<typeof UseBreakpoints>;
|
|
10
|
-
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof meta>;
|
|
13
|
-
|
|
14
|
-
export const Default: Story = {
|
|
15
|
-
render: (args: any) => ({
|
|
16
|
-
setup() {
|
|
17
|
-
return { args };
|
|
18
|
-
},
|
|
19
|
-
components: { UseBreakpoints },
|
|
20
|
-
template: `<div><UseBreakpoints /></div>`,
|
|
21
|
-
}),
|
|
22
|
-
};
|
package/dist/UseBreakpoints.vue
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<UiButton v-if="lg">Button for LG</UiButton>
|
|
3
|
-
<UiIconButton v-else icon-name="emoji" />
|
|
4
|
-
</template>
|
|
5
|
-
|
|
6
|
-
<script setup lang="ts">
|
|
7
|
-
import useBreakpoints from "./useBreakpoints";
|
|
8
|
-
import UiIconButton from "@/components/UiIconButton/UiIconButton.vue";
|
|
9
|
-
import UiButton from "@/components/UiButton/UiButton.vue";
|
|
10
|
-
|
|
11
|
-
const { lg } = useBreakpoints();
|
|
12
|
-
</script>
|
package/dist/useBreakpoints.ts
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
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
|
-
};
|
|
File without changes
|
|
File without changes
|