@dpa-id-components/dpa-shared-components 4.0.2 → 4.0.3
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 +1 -1
- package/dist/UseTailwindBreakpoints.stories.ts +22 -0
- package/dist/UseTailwindBreakpoints.vue +12 -0
- package/dist/audio-inline-92256dc7.mjs +19 -0
- package/dist/dpa-shared-components.mjs +1 -1
- package/dist/dpa-shared-components.umd.js +1 -1
- package/dist/graphic-inline-a41ad739.mjs +19 -0
- package/dist/main.css +0 -45
- package/dist/picture-inline-0eb9c590.mjs +19 -0
- package/dist/screens.js +13 -0
- package/dist/screens.json +7 -0
- package/dist/style.css +1 -1
- package/dist/tailwind/screens.d.ts +8 -0
- package/dist/tailwind/tailwind.config.d.cts +214 -0
- package/dist/tailwind/useTailwindBreakpoints.d.ts +9 -0
- package/dist/text-inline-cbb3242f.mjs +15 -0
- package/dist/useTailwindBreakpoints.ts +19 -0
- package/dist/video-inline-b961f9cd.mjs +19 -0
- package/package.json +4 -1
- package/dist/components/testcomponent.vue.d.ts +0 -2
|
@@ -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
|
+
}, 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,2 +0,0 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
2
|
-
export default _default;
|