@dpa-id-components/dpa-shared-components 8.9.0 → 8.9.2

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.
@@ -0,0 +1,15 @@
1
+ import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
2
+ const n = {
3
+ viewBox: "0 0 24 24",
4
+ xmlns: "http://www.w3.org/2000/svg"
5
+ }, r = /* @__PURE__ */ o("path", { d: "M3.51471 12L12 3.51472L20.4853 12L12 20.4853L3.51471 12Z" }, null, -1), c = [
6
+ r
7
+ ];
8
+ function s(l, d) {
9
+ return e(), t("svg", n, c);
10
+ }
11
+ const i = { render: s };
12
+ export {
13
+ i as default,
14
+ s as render
15
+ };
@@ -0,0 +1,19 @@
1
+ import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
2
+ const n = {
3
+ viewBox: "0 0 24 24",
4
+ xmlns: "http://www.w3.org/2000/svg"
5
+ }, l = /* @__PURE__ */ o("path", {
6
+ "fill-rule": "evenodd",
7
+ "clip-rule": "evenodd",
8
+ d: "M12 6.34315L6.34314 12L12 17.6569L17.6568 12L12 6.34315ZM3.51471 12L12 20.4853L20.4853 12L12 3.51472L3.51471 12Z"
9
+ }, null, -1), r = [
10
+ l
11
+ ];
12
+ function c(d, s) {
13
+ return e(), t("svg", n, r);
14
+ }
15
+ const L = { render: c };
16
+ export {
17
+ L as default,
18
+ c as render
19
+ };
@@ -0,0 +1,19 @@
1
+ import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
2
+ const n = {
3
+ viewBox: "0 0 24 24",
4
+ xmlns: "http://www.w3.org/2000/svg"
5
+ }, r = /* @__PURE__ */ o("path", {
6
+ d: "M7 12L7 15M10.3 9L10.3 15M13.6 12V15M16.9 6V15M20 18H4",
7
+ "stroke-width": "2",
8
+ "stroke-linecap": "round"
9
+ }, null, -1), c = [
10
+ r
11
+ ];
12
+ function s(d, i) {
13
+ return e(), t("svg", n, c);
14
+ }
15
+ const a = { render: s };
16
+ export {
17
+ a as default,
18
+ s as render
19
+ };
@@ -0,0 +1,20 @@
1
+ import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
2
+ const r = {
3
+ viewBox: "0 0 24 24",
4
+ xmlns: "http://www.w3.org/2000/svg"
5
+ }, n = /* @__PURE__ */ o("path", {
6
+ d: "M7 12L7 15M10.3 9L10.3 15M13.6 12V15M16.9 6V15M20 18H4",
7
+ stroke: "#212121",
8
+ "stroke-width": "2",
9
+ "stroke-linecap": "round"
10
+ }, null, -1), c = [
11
+ n
12
+ ];
13
+ function s(d, i) {
14
+ return e(), t("svg", r, c);
15
+ }
16
+ const a = { render: s };
17
+ export {
18
+ a as default,
19
+ s as render
20
+ };
@@ -0,0 +1,19 @@
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
+ }, r = /* @__PURE__ */ o("path", {
6
+ "fill-rule": "evenodd",
7
+ "clip-rule": "evenodd",
8
+ d: "M5.5 10.75V8.25C5.5 7.83579 5.16421 7.5 4.75 7.5C4.33579 7.5 4 7.83579 4 8.25V10.75C4 11.1642 4.33579 11.5 4.75 11.5C5.16421 11.5 5.5 11.1642 5.5 10.75ZM8.5 10.75V6.25C8.5 5.83579 8.16421 5.5 7.75 5.5C7.33579 5.5 7 5.83579 7 6.25V10.75C7 11.1642 7.33579 11.5 7.75 11.5C8.16421 11.5 8.5 11.1642 8.5 10.75ZM11.5 10.75V4.25C11.5 3.83579 11.1642 3.5 10.75 3.5C10.3358 3.5 10 3.83579 10 4.25V10.75C10 11.1642 10.3358 11.5 10.75 11.5C11.1642 11.5 11.5 11.1642 11.5 10.75Z"
9
+ }, null, -1), c = [
10
+ r
11
+ ];
12
+ function l(d, C) {
13
+ return e(), t("svg", n, c);
14
+ }
15
+ const i = { render: l };
16
+ export {
17
+ i as default,
18
+ l as render
19
+ };
@@ -0,0 +1,19 @@
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
+ }, r = /* @__PURE__ */ o("path", {
6
+ "fill-rule": "evenodd",
7
+ "clip-rule": "evenodd",
8
+ d: "M5 4.5H11C11.138 4.5 11.25 4.612 11.25 4.75V8.594L9.62 7.507C9.252 7.262 8.767 7.287 8.427 7.57L4.75 10.625V4.75C4.75 4.612 4.862 4.5 5 4.5ZM11 3H5C4.034 3 3.25 3.783 3.25 4.75V10.75C3.25 11.717 4.034 12.5 5 12.5H11C11.966 12.5 12.75 11.717 12.75 10.75V4.75C12.75 3.783 11.966 3 11 3ZM6.5 7.25C7.052 7.25 7.5 6.803 7.5 6.25C7.5 5.697 7.052 5.25 6.5 5.25C5.948 5.25 5.5 5.697 5.5 6.25C5.5 6.803 5.948 7.25 6.5 7.25Z"
9
+ }, null, -1), c = [
10
+ r
11
+ ];
12
+ function l(d, s) {
13
+ return e(), t("svg", n, c);
14
+ }
15
+ const i = { render: l };
16
+ export {
17
+ i as default,
18
+ l as render
19
+ };
@@ -0,0 +1,13 @@
1
+ export const screens = {
2
+ sm: "640px",
3
+ md: "768px",
4
+ lg: "1024px",
5
+ xl: "1280px",
6
+ xxl: "1600px",
7
+ };
8
+
9
+ export default screens;
10
+
11
+ if (module !== undefined) {
12
+ module.exports = screens;
13
+ }
@@ -0,0 +1,8 @@
1
+ export namespace screens {
2
+ const sm: string;
3
+ const md: string;
4
+ const lg: string;
5
+ const xl: string;
6
+ const xxl: string;
7
+ }
8
+ export default screens;
@@ -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, 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
+ };
package/dist/utils.css ADDED
@@ -0,0 +1,16 @@
1
+ @tailwind utilities;
2
+
3
+ @layer utilities {
4
+ @variants responsive {
5
+ /* Hide scrollbar for Chrome, Safari and Opera */
6
+ .no-scrollbar::-webkit-scrollbar {
7
+ display: none;
8
+ }
9
+
10
+ /* Hide scrollbar for IE, Edge and Firefox */
11
+ .no-scrollbar {
12
+ -ms-overflow-style: none; /* IE and Edge */
13
+ scrollbar-width: none; /* Firefox */
14
+ }
15
+ }
16
+ }
@@ -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": "8.9.0",
3
+ "version": "8.9.2",
4
4
  "engines": {
5
5
  "node": ">=16"
6
6
  },
@@ -1,15 +0,0 @@
1
- import { openBlock as C, createElementBlock as e, createElementVNode as t } from "vue";
2
- const o = {
3
- viewBox: "0 0 24 24",
4
- xmlns: "http://www.w3.org/2000/svg"
5
- }, n = /* @__PURE__ */ t("path", { d: "M12 6C12.26 6 12.52 5.9 12.7 5.7C12.88 5.52 13 5.26 13 5V3C13 2.74 12.9 2.48 12.7 2.3C12.52 2.12 12.26 2 12 2C11.74 2 11.48 2.1 11.3 2.3C11.12 2.48 11 2.74 11 3V5C11 5.26 11.1 5.52 11.3 5.7C11.48 5.88 11.74 6 12 6ZM21.7 11.3C21.52 11.12 21.26 11 21 11H19C18.74 11 18.48 11.1 18.3 11.3C18.12 11.48 18 11.74 18 12C18 12.26 18.1 12.52 18.3 12.7C18.48 12.88 18.74 13 19 13H21C21.26 13 21.52 12.9 21.7 12.7C21.88 12.52 22 12.26 22 12C22 11.74 21.9 11.48 21.7 11.3ZM3 11H5C5.26 11 5.52 11.12 5.7 11.3C5.9 11.48 6 11.74 6 12C6 12.26 5.88 12.52 5.7 12.7C5.52 12.9 5.26 13 5 13H3C2.74 13 2.48 12.88 2.3 12.7C2.1 12.52 2 12.26 2 12C2 11.74 2.12 11.48 2.3 11.3C2.48 11.1 2.74 11 3 11ZM7.40002 8.06C7.52002 8 7.64002 7.92 7.72002 7.84C7.90002 7.64 8.00002 7.38 7.98002 7.12C7.98002 6.86 7.86002 6.6 7.66002 6.42L6.22002 5C6.02002 4.82 5.76002 4.72 5.50002 4.72C5.24002 4.72 4.98002 4.84 4.80002 5.04C4.62002 5.24 4.52002 5.5 4.52002 5.76C4.52002 6.02 4.64002 6.28 4.84002 6.46L6.28002 7.86C6.28002 7.86 6.50002 8.02 6.62002 8.08C6.74002 8.12 6.88002 8.16 7.02002 8.14C7.16002 8.14 7.28002 8.12 7.42002 8.06H7.40002ZM19.48 5.76001C19.48 5.88001 19.46 6.02001 19.4 6.14001V6.12001C19.34 6.24001 19.18 6.44001 19.18 6.44001L17.74 7.84001C17.56 8.02001 17.32 8.12001 17.06 8.12001C16.92 8.12001 16.78 8.10001 16.66 8.04001C16.54 8.00001 16.44 7.92001 16.34 7.82001C16.14 7.64001 16.04 7.38001 16.04 7.12001C16.04 6.86001 16.16 6.60001 16.34 6.42001L17.78 5.06001C17.96 4.86001 18.22 4.76001 18.48 4.76001C18.74 4.76001 19 4.88001 19.18 5.06001C19.28 5.14001 19.34 5.26001 19.4 5.38001C19.46 5.50001 19.48 5.64001 19.48 5.76001ZM15 22C16.1 22 17 21.1 17 20H7C7 21.1 7.9 22 9 22H15ZM12 7C13.04 7 14.06 7.32 14.92 7.94C15.78 8.56 16.4 9.42 16.74 10.42C16.92 10.94 17 11.46 17 12V18H7V12C7 11.46 7.08 10.94 7.26 10.42C7.6 9.42 8.22 8.56 9.08 7.94C9.92 7.34 10.96 7 12 7Z" }, null, -1), c = [
6
- n
7
- ];
8
- function r(s, l) {
9
- return C(), e("svg", o, c);
10
- }
11
- const H = { render: r };
12
- export {
13
- H as default,
14
- r as render
15
- };
@@ -1,29 +0,0 @@
1
- import { openBlock as e, createElementBlock as t, createElementVNode as C } from "vue";
2
- const o = {
3
- viewBox: "0 0 24 24",
4
- xmlns: "http://www.w3.org/2000/svg"
5
- }, c = /* @__PURE__ */ C("g", { "clip-path": "url(#clip0_288_1427)" }, [
6
- /* @__PURE__ */ C("path", {
7
- "fill-rule": "evenodd",
8
- "clip-rule": "evenodd",
9
- d: "M21 3H20V2C20 1.45 19.55 1 19 1C18.45 1 18 1.45 18 2V3H17C16.8443 3 16.6966 3.03607 16.5649 3.10026C16.5512 3.10693 16.5377 3.11389 16.5244 3.12115C16.2127 3.29102 16 3.62187 16 4C16 4.55 16.45 5 17 5H18V6C18 6.55 18.45 7 19 7C19.55 7 20 6.55 20 6V5.9989V5H21C21.55 5 22 4.55 22 4C22 3.45 21.55 3 21 3ZM12 2C13.0552 2 14.0721 2.16341 15.027 2.4663C14.6969 2.89005 14.5 3.42248 14.5 4C14.5 4.14026 14.5116 4.27786 14.5339 4.4119C13.7244 4.14155 12.8695 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 10.773 19.7181 9.57512 19.1903 8.49283C19.9053 8.43876 20.5374 8.08251 20.9587 7.55181C21.6252 8.89157 22 10.402 22 12C22 17.523 17.523 22 12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2ZM17 13C17 14.3261 16.4732 15.5979 15.5355 16.5355C14.5979 17.4732 13.3261 18 12 18C10.6739 18 9.40215 17.4732 8.46447 16.5355C7.52678 15.5979 7 14.3261 7 13H17ZM10 9.5C10 10.3284 9.32843 11 8.5 11C7.67157 11 7 10.3284 7 9.5C7 8.67157 7.67157 8 8.5 8C9.32843 8 10 8.67157 10 9.5ZM15.5 11C16.3284 11 17 10.3284 17 9.5C17 8.67157 16.3284 8 15.5 8C14.6716 8 14 8.67157 14 9.5C14 10.3284 14.6716 11 15.5 11Z"
10
- })
11
- ], -1), d = /* @__PURE__ */ C("defs", null, [
12
- /* @__PURE__ */ C("clipPath", { id: "clip0_288_1427" }, [
13
- /* @__PURE__ */ C("rect", {
14
- width: "24",
15
- height: "24"
16
- })
17
- ])
18
- ], -1), l = [
19
- c,
20
- d
21
- ];
22
- function i(n, r) {
23
- return e(), t("svg", o, l);
24
- }
25
- const _ = { render: i };
26
- export {
27
- _ as default,
28
- i as render
29
- };