@dpa-id-components/dpa-shared-components 22.1.0 → 22.3.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.
Files changed (16) hide show
  1. package/dist/assets/icons/user-need-inspire-me.vue.d.ts +3 -0
  2. package/dist/components/UiButton/UiButton.vue.d.ts +0 -1
  3. package/dist/components/UiIcon/icons.d.ts +3 -2
  4. package/dist/dpa-shared-components.js +6 -9
  5. package/dist/src/assets/icons/user-need-inspire-me.vue +16 -0
  6. package/dist/src/components/UiButton/README.md +1 -1
  7. package/dist/src/components/UiButton/UiButton.stories.ts +10 -2
  8. package/dist/src/components/UiButton/UiButton.vue +0 -4
  9. package/dist/src/components/UiIcon/icons.ts +3 -2
  10. package/dist/user-need-inspire-me-CvRPwxt2.js +21 -0
  11. package/package.json +1 -1
  12. package/src/assets/icons/user-need-inspire-me.vue +16 -0
  13. package/src/components/UiButton/README.md +1 -1
  14. package/src/components/UiButton/UiButton.vue +0 -4
  15. package/src/components/UiIcon/icons.ts +3 -2
  16. /package/dist/{text-C4wZ-s0Z.js → text-C4wZ-s0Z2.js} +0 -0
package/dist/assets/icons/user-need-inspire-me.vue.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
2
+ declare const _default: typeof __VLS_export;
3
+ export default _default;
package/dist/components/UiButton/UiButton.vue.d.ts CHANGED
@@ -15,7 +15,6 @@ type __VLS_Props = {
15
15
  to?: RouteLocationRaw;
16
16
  size?: keyof typeof BUTTON_SIZE_CLASSES;
17
17
  appearance?: "fill-emphasis" | "fill-subtle" | "outline-emphasis" | "outline-subtle" | "ghost";
18
- disabled?: boolean;
19
18
  };
20
19
  declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
21
20
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
package/dist/components/UiIcon/icons.d.ts CHANGED
@@ -59,8 +59,8 @@ export declare const icons: {
59
59
  readonly event: () => Promise<typeof import("../../assets/icons/event.vue")>;
60
60
  readonly expand: () => Promise<typeof import("../../assets/icons/expand.vue")>;
61
61
  readonly "external-link": () => Promise<typeof import("../../assets/icons/external-link.vue")>;
62
- readonly "file-pdf": () => Promise<typeof import("../../assets/icons/file-pdf.vue")>;
63
62
  readonly file: () => Promise<typeof import("../../assets/icons/file.vue")>;
63
+ readonly "file-pdf": () => Promise<typeof import("../../assets/icons/file-pdf.vue")>;
64
64
  readonly filter: () => Promise<typeof import("../../assets/icons/filter.vue")>;
65
65
  readonly flag: () => Promise<typeof import("../../assets/icons/flag.vue")>;
66
66
  readonly "flag-filled": () => Promise<typeof import("../../assets/icons/flag-filled.vue")>;
@@ -78,8 +78,8 @@ export declare const icons: {
78
78
  readonly "grid-4": () => Promise<typeof import("../../assets/icons/grid-4.vue")>;
79
79
  readonly "grid-6": () => Promise<typeof import("../../assets/icons/grid-6.vue")>;
80
80
  readonly "grid-9": () => Promise<typeof import("../../assets/icons/grid-9.vue")>;
81
- readonly "grid-masonry-9": () => Promise<typeof import("../../assets/icons/grid-masonry-9.vue")>;
82
81
  readonly "grid-masonry": () => Promise<typeof import("../../assets/icons/grid-masonry.vue")>;
82
+ readonly "grid-masonry-9": () => Promise<typeof import("../../assets/icons/grid-masonry-9.vue")>;
83
83
  readonly help: () => Promise<typeof import("../../assets/icons/help.vue")>;
84
84
  readonly home: () => Promise<typeof import("../../assets/icons/home.vue")>;
85
85
  readonly image: () => Promise<typeof import("../../assets/icons/image.vue")>;
@@ -162,6 +162,7 @@ export declare const icons: {
162
162
  readonly "user-need-educate-me": () => Promise<typeof import("../../assets/icons/user-need-educate-me.vue")>;
163
163
  readonly "user-need-give-me-perspective": () => Promise<typeof import("../../assets/icons/user-need-give-me-perspective.vue")>;
164
164
  readonly "user-need-help-me": () => Promise<typeof import("../../assets/icons/user-need-help-me.vue")>;
165
+ readonly "user-need-inspire-me": () => Promise<typeof import("../../assets/icons/user-need-inspire-me.vue")>;
165
166
  readonly "user-need-touch-me": () => Promise<typeof import("../../assets/icons/user-need-touch-me.vue")>;
166
167
  readonly "user-need-update-me": () => Promise<typeof import("../../assets/icons/user-need-update-me.vue")>;
167
168
  readonly video: () => Promise<typeof import("../../assets/icons/video.vue")>;
package/dist/dpa-shared-components.js CHANGED
@@ -76,8 +76,8 @@ var he = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, _e = Objec
76
76
  event: () => import("./event-C6fYIB3A.js"),
77
77
  expand: () => import("./expand-CbaTiURl.js"),
78
78
  "external-link": () => import("./external-link-DKF31dpS.js"),
79
- "file-pdf": () => import("./file-pdf-C4WTAvL4.js"),
80
79
  file: () => import("./file-DWQzWW7U.js"),
80
+ "file-pdf": () => import("./file-pdf-C4WTAvL4.js"),
81
81
  filter: () => import("./filter-kGJtnOhb.js"),
82
82
  flag: () => import("./flag-L7yd4mwV.js"),
83
83
  "flag-filled": () => import("./flag-filled-CTDa2efs.js"),
@@ -95,8 +95,8 @@ var he = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, _e = Objec
95
95
  "grid-4": () => import("./grid-4-BQUX0ES8.js"),
96
96
  "grid-6": () => import("./grid-6-CBmGEiqx.js"),
97
97
  "grid-9": () => import("./grid-9-B4NrxHyA.js"),
98
- "grid-masonry-9": () => import("./grid-masonry-9-5-pMpPJP.js"),
99
98
  "grid-masonry": () => import("./grid-masonry-CQKadmp9.js"),
99
+ "grid-masonry-9": () => import("./grid-masonry-9-5-pMpPJP.js"),
100
100
  help: () => import("./help-DRp9OUcp.js"),
101
101
  home: () => import("./home-BXPuwKXk.js"),
102
102
  image: () => import("./image-BuaeqPub.js"),
@@ -179,6 +179,7 @@ var he = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, _e = Objec
179
179
  "user-need-educate-me": () => import("./user-need-educate-me-B5uX-I2R.js"),
180
180
  "user-need-give-me-perspective": () => import("./user-need-give-me-perspective-D1ivktbZ.js"),
181
181
  "user-need-help-me": () => import("./user-need-help-me-Re-fEjwm.js"),
182
+ "user-need-inspire-me": () => import("./user-need-inspire-me-CvRPwxt2.js"),
182
183
  "user-need-touch-me": () => import("./user-need-touch-me-D025Uac5.js"),
183
184
  "user-need-update-me": () => import("./user-need-update-me-DU3SfxYI.js"),
184
185
  video: () => import("./video-B0IVRe8t.js"),
@@ -1983,11 +1984,7 @@ var an = { key: 0 }, on = /* @__PURE__ */ h({
1983
1984
  props: {
1984
1985
  to: { default: () => void 0 },
1985
1986
  size: { default: "md" },
1986
- appearance: { default: "fill-emphasis" },
1987
- disabled: {
1988
- type: Boolean,
1989
- default: !1
1990
- }
1987
+ appearance: { default: "fill-emphasis" }
1991
1988
  },
1992
1989
  setup(e) {
1993
1990
  let t = {
@@ -1997,7 +1994,7 @@ var an = { key: 0 }, on = /* @__PURE__ */ h({
1997
1994
  lg: "h-12 text-base [&:has(>svg:only-child)]:w-12 [&:not(:has(>svg:only-child))]:px-4 [&>svg]:size-5 [&:has(>svg:only-child)>svg]:size-6"
1998
1995
  }, r = o(() => {
1999
1996
  let t = {};
2000
- return typeof e.to == "string" ? t.href = e.to : e.to ? t.to = e.to : (t.disabled = e.disabled, t.type = "button"), t;
1997
+ return typeof e.to == "string" ? t.href = e.to : e.to ? t.to = e.to : t.type = "button", t;
2001
1998
  }), a = o(() => ({
2002
1999
  "fill-emphasis": "border-transparent bg-primary text-neutral not-disabled:hover:bg-primary-hover disabled:bg-neutral-faint disabled:text-neutral-soft",
2003
2000
  "outline-emphasis": "border-neutral-faint bg-transparent text-primary-emphasis not-disabled:hover:border-neutral-subtle not-disabled:hover:text-primary-hover disabled:text-neutral-faint",
@@ -14172,7 +14169,7 @@ var _l = {
14172
14169
  package: () => import("./package-a6wVeuDo.js"),
14173
14170
  picture: () => import("./picture-CmfKLBKL.js"),
14174
14171
  story: () => import("./story-DHD4LNQr.js"),
14175
- text: () => import("./text-C4wZ-s0Z.js"),
14172
+ text: () => import("./text-C4wZ-s0Z2.js"),
14176
14173
  video: () => import("./video-07EjnCpD.js")
14177
14174
  }, pf = {};
14178
14175
  function mf(e, t) {
package/dist/src/assets/icons/user-need-inspire-me.vue ADDED
@@ -0,0 +1,16 @@
1
+ <template>
2
+ <svg
3
+ width="24"
4
+ height="24"
5
+ viewBox="0 0 24 24"
6
+ fill="none"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ >
9
+ <path
10
+ fill-rule="evenodd"
11
+ clip-rule="evenodd"
12
+ d="M9 5.121C9 4.502 9.502 4 10.121 4C10.557 4 10.961 4.077 11.277 4.408C11.3704 4.50571 11.4826 4.58349 11.6068 4.63662C11.7311 4.68976 11.8649 4.71715 12 4.71715C12.1351 4.71715 12.2689 4.68976 12.3932 4.63662C12.5174 4.58349 12.6296 4.50571 12.723 4.408C13.039 4.077 13.443 4 13.879 4C14.1008 3.99987 14.3177 4.06554 14.5021 4.18871C14.6866 4.31188 14.8304 4.487 14.9153 4.69192C15.0002 4.89684 15.0224 5.12234 14.9791 5.33988C14.9358 5.55742 14.8289 5.75722 14.672 5.914L12 8.586L9.328 5.914C9.22388 5.80987 9.14132 5.68623 9.08504 5.55016C9.02876 5.41409 8.99986 5.26825 9 5.121ZM10.121 2C9.50369 1.99995 8.90023 2.18297 8.38694 2.52591C7.87365 2.86884 7.47359 3.35629 7.23735 3.92661C7.0011 4.49693 6.9393 5.1245 7.05974 5.72994C7.18019 6.33539 7.47747 6.89152 7.914 7.328L11.293 10.708C11.4805 10.8955 11.7348 11.0008 12 11.0008C12.2652 11.0008 12.5195 10.8955 12.707 10.708L16.086 7.328C16.522 6.89133 16.8189 6.33524 16.9391 5.72995C17.0592 5.12467 16.9973 4.49735 16.7612 3.92723C16.525 3.35711 16.1252 2.86976 15.6122 2.52675C15.0992 2.18373 14.4961 2.00043 13.879 2C13.215 2 12.581 2.113 12 2.454C11.42 2.114 10.785 2 10.121 2ZM18.879 9C19.498 9 20 9.502 20 10.121C20 10.557 19.923 10.961 19.592 11.277C19.4943 11.3704 19.4165 11.4826 19.3634 11.6068C19.3102 11.7311 19.2828 11.8649 19.2828 12C19.2828 12.1351 19.3102 12.2689 19.3634 12.3932C19.4165 12.5174 19.4943 12.6296 19.592 12.723C19.923 13.039 20 13.443 20 13.879C20.0001 14.1008 19.9345 14.3177 19.8113 14.5021C19.6881 14.6866 19.513 14.8304 19.3081 14.9153C19.1032 15.0002 18.8777 15.0224 18.6601 14.9791C18.4426 14.9358 18.2428 14.8289 18.086 14.672L15.414 12L18.086 9.328C18.296 9.118 18.581 9 18.879 9ZM22 10.121C22 9.50369 21.817 8.90023 21.4741 8.38694C21.1312 7.87365 20.6437 7.47359 20.0734 7.23735C19.5031 7.0011 18.8755 6.9393 18.2701 7.05974C17.6646 7.18019 17.1085 7.47747 16.672 7.914L13.292 11.293C13.1045 11.4805 12.9992 11.7348 12.9992 12C12.9992 12.2652 13.1045 12.5195 13.292 12.707L16.672 16.086C17.1085 16.5225 17.6646 16.8198 18.2701 16.9403C18.8755 17.0607 19.5031 16.9989 20.0734 16.7627C20.6437 16.5264 21.1312 16.1263 21.4741 15.6131C21.817 15.0998 22 14.4963 22 13.879C22 13.215 21.887 12.581 21.546 12C21.886 11.42 22 10.785 22 10.121ZM13.879 20C14.1008 20.0001 14.3177 19.9345 14.5021 19.8113C14.6866 19.6881 14.8304 19.513 14.9153 19.3081C15.0002 19.1032 15.0224 18.8777 14.9791 18.6601C14.9358 18.4426 14.8289 18.2428 14.672 18.086L12 15.414L9.328 18.086C9.17109 18.2428 9.06422 18.4426 9.02091 18.6601C8.9776 18.8777 8.9998 19.1032 9.0847 19.3081C9.1696 19.513 9.31339 19.6881 9.49786 19.8113C9.68233 19.9345 9.89919 20.0001 10.121 20C10.557 20 10.961 19.923 11.277 19.592C11.3704 19.4943 11.4826 19.4165 11.6068 19.3634C11.7311 19.3102 11.8649 19.2828 12 19.2828C12.1351 19.2828 12.2689 19.3102 12.3932 19.3634C12.5174 19.4165 12.6296 19.4943 12.723 19.592C13.039 19.923 13.443 20 13.879 20ZM17 18.879C17.0001 19.2889 16.9195 19.6948 16.7627 20.0735C16.6059 20.4522 16.376 20.7963 16.0862 21.0862C15.7963 21.376 15.4522 21.6059 15.0735 21.7627C14.6948 21.9195 14.2889 22.0001 13.879 22C13.215 22 12.581 21.887 12 21.546C11.42 21.886 10.785 22 10.121 22C9.50369 22 8.90023 21.817 8.38694 21.4741C7.87365 21.1312 7.47359 20.6437 7.23735 20.0734C7.0011 19.5031 6.9393 18.8755 7.05974 18.2701C7.18019 17.6646 7.47747 17.1085 7.914 16.672L11.293 13.292C11.4805 13.1045 11.7348 12.9992 12 12.9992C12.2652 12.9992 12.5195 13.1045 12.707 13.292L16.086 16.672C16.671 17.257 17 18.051 17 18.879ZM5.121 15C4.97375 15.0001 4.82792 14.9712 4.69186 14.9149C4.55579 14.8586 4.43216 14.7761 4.32804 14.672C4.22392 14.5678 4.14135 14.4442 4.08506 14.3081C4.02877 14.1721 3.99987 14.0262 4 13.879C4 13.443 4.077 13.039 4.408 12.723C4.50571 12.6296 4.58349 12.5174 4.63662 12.3932C4.68976 12.2689 4.71715 12.1351 4.71715 12C4.71715 11.8649 4.68976 11.7311 4.63662 11.6068C4.58349 11.4826 4.50571 11.3704 4.408 11.277C4.077 10.961 4 10.557 4 10.121C3.99987 9.89919 4.06554 9.68233 4.18871 9.49786C4.31188 9.31339 4.487 9.1696 4.69192 9.0847C4.89684 8.9998 5.12234 8.9776 5.33988 9.02091C5.55742 9.06422 5.75722 9.17109 5.914 9.328L8.586 12L5.914 14.672C5.80987 14.7761 5.68623 14.8587 5.55016 14.915C5.41409 14.9712 5.26825 15.0001 5.121 15ZM2 13.879C1.99995 14.4963 2.18297 15.0998 2.52591 15.6131C2.86884 16.1263 3.35629 16.5264 3.92661 16.7627C4.49693 16.9989 5.1245 17.0607 5.72994 16.9403C6.33539 16.8198 6.89152 16.5225 7.328 16.086L10.708 12.707C10.8955 12.5195 11.0008 12.2652 11.0008 12C11.0008 11.7348 10.8955 11.4805 10.708 11.293L7.328 7.914C6.89152 7.47747 6.33539 7.18019 5.72994 7.05974C5.1245 6.9393 4.49693 7.0011 3.92661 7.23735C3.35629 7.47359 2.86884 7.87365 2.52591 8.38694C2.18297 8.90023 1.99995 9.50369 2 10.121C2 10.785 2.113 11.419 2.454 12C2.114 12.58 2 13.215 2 13.879Z"
13
+ fill="currentColor"
14
+ />
15
+ </svg>
16
+ </template>
package/dist/src/components/UiButton/README.md CHANGED
@@ -39,13 +39,13 @@ import { UiButton } from "@dpa-id-components/dpa-shared-components";
39
39
  ## API
40
40
 
41
41
  ### Props
42
+ Note: This component binds all non-prop attributes on its principal element (either a button or a element). This allows you to add arbitrary HTML attributes (and event listeners) on the principal element without them being explicitly supported by the component.
42
43
 
43
44
  | Name | Type | Default | Description |
44
45
  |--------------|--------------------------------------------------------------------------------------------|-------------|----------------------------------|
45
46
  | `to` | `RouteLocationRaw` | `undefined` | `RouterLink` `to` prop |
46
47
  | `size` | `"xs"`, `"sm"`, `"md"`, or `"lg"` | `"md"` | |
47
48
  | `appearance` | `"fill-emphasis"`, `"fill-subtle"`, `"outline-emphasis"`, `"outline-subtle"`, or `"ghost"` | `"primary"` | |
48
- | `disabled` | `boolean` | `false` | Whether the `button` is disabled |
49
49
 
50
50
  ### Slots
51
51
 
package/dist/src/components/UiButton/UiButton.stories.ts CHANGED
@@ -5,16 +5,24 @@ import UiIcon from "../UiIcon/UiIcon.vue";
5
5
 
6
6
  import UiButton from "./UiButton.vue";
7
7
 
8
+ type UiButtonArgs = InstanceType<typeof UiButton>["$props"] & {
9
+ disabled?: boolean;
10
+ };
8
11
  const meta = {
9
12
  title: "Ui/UiButton",
10
13
  component: UiButton,
11
14
  args: {
12
- disabled: false,
13
15
  appearance: "fill-emphasis",
14
16
  size: "md",
15
17
  to: undefined,
16
18
  },
17
- } satisfies Meta<typeof UiButton>;
19
+ argTypes: {
20
+ disabled: {
21
+ control: "boolean",
22
+ description: "Native disabled attribute",
23
+ },
24
+ },
25
+ } satisfies Meta<UiButtonArgs>;
18
26
 
19
27
  export default meta;
20
28
  type Story = StoryObj<typeof meta>;
package/dist/src/components/UiButton/UiButton.vue CHANGED
@@ -43,7 +43,6 @@ const {
43
43
  to = undefined,
44
44
  size = "md",
45
45
  appearance = "fill-emphasis",
46
- disabled = false,
47
46
  } = defineProps<{
48
47
  to?: RouteLocationRaw;
49
48
  size?: keyof typeof BUTTON_SIZE_CLASSES;
@@ -53,18 +52,15 @@ const {
53
52
  | "outline-emphasis"
54
53
  | "outline-subtle"
55
54
  | "ghost";
56
- disabled?: boolean;
57
55
  }>();
58
56
 
59
57
  const attributes = computed(() => {
60
58
  const attrs: Record<string, unknown> = {};
61
-
62
59
  if (typeof to === "string") {
63
60
  attrs.href = to;
64
61
  } else if (to) {
65
62
  attrs.to = to;
66
63
  } else {
67
- attrs.disabled = disabled;
68
64
  attrs.type = "button";
69
65
  }
70
66
 
package/dist/src/components/UiIcon/icons.ts CHANGED
@@ -61,8 +61,8 @@ export const icons = {
61
61
  "event": () => import("../../assets/icons/event.vue"),
62
62
  "expand": () => import("../../assets/icons/expand.vue"),
63
63
  "external-link": () => import("../../assets/icons/external-link.vue"),
64
- "file-pdf": () => import("../../assets/icons/file-pdf.vue"),
65
64
  "file": () => import("../../assets/icons/file.vue"),
65
+ "file-pdf": () => import("../../assets/icons/file-pdf.vue"),
66
66
  "filter": () => import("../../assets/icons/filter.vue"),
67
67
  "flag": () => import("../../assets/icons/flag.vue"),
68
68
  "flag-filled": () => import("../../assets/icons/flag-filled.vue"),
@@ -80,8 +80,8 @@ export const icons = {
80
80
  "grid-4": () => import("../../assets/icons/grid-4.vue"),
81
81
  "grid-6": () => import("../../assets/icons/grid-6.vue"),
82
82
  "grid-9": () => import("../../assets/icons/grid-9.vue"),
83
- "grid-masonry-9": () => import("../../assets/icons/grid-masonry-9.vue"),
84
83
  "grid-masonry": () => import("../../assets/icons/grid-masonry.vue"),
84
+ "grid-masonry-9": () => import("../../assets/icons/grid-masonry-9.vue"),
85
85
  "help": () => import("../../assets/icons/help.vue"),
86
86
  "home": () => import("../../assets/icons/home.vue"),
87
87
  "image": () => import("../../assets/icons/image.vue"),
@@ -164,6 +164,7 @@ export const icons = {
164
164
  "user-need-educate-me": () => import("../../assets/icons/user-need-educate-me.vue"),
165
165
  "user-need-give-me-perspective": () => import("../../assets/icons/user-need-give-me-perspective.vue"),
166
166
  "user-need-help-me": () => import("../../assets/icons/user-need-help-me.vue"),
167
+ "user-need-inspire-me": () => import("../../assets/icons/user-need-inspire-me.vue"),
167
168
  "user-need-touch-me": () => import("../../assets/icons/user-need-touch-me.vue"),
168
169
  "user-need-update-me": () => import("../../assets/icons/user-need-update-me.vue"),
169
170
  "video": () => import("../../assets/icons/video.vue"),
package/dist/user-need-inspire-me-CvRPwxt2.js ADDED
@@ -0,0 +1,21 @@
1
+ import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
2
+ import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
3
+ //#region src/assets/icons/user-need-inspire-me.vue
4
+ var i = {}, a = {
5
+ width: "24",
6
+ height: "24",
7
+ viewBox: "0 0 24 24",
8
+ fill: "none",
9
+ xmlns: "http://www.w3.org/2000/svg"
10
+ };
11
+ function o(e, i) {
12
+ return r(), t("svg", a, [...i[0] ||= [n("path", {
13
+ "fill-rule": "evenodd",
14
+ "clip-rule": "evenodd",
15
+ d: "M9 5.121C9 4.502 9.502 4 10.121 4C10.557 4 10.961 4.077 11.277 4.408C11.3704 4.50571 11.4826 4.58349 11.6068 4.63662C11.7311 4.68976 11.8649 4.71715 12 4.71715C12.1351 4.71715 12.2689 4.68976 12.3932 4.63662C12.5174 4.58349 12.6296 4.50571 12.723 4.408C13.039 4.077 13.443 4 13.879 4C14.1008 3.99987 14.3177 4.06554 14.5021 4.18871C14.6866 4.31188 14.8304 4.487 14.9153 4.69192C15.0002 4.89684 15.0224 5.12234 14.9791 5.33988C14.9358 5.55742 14.8289 5.75722 14.672 5.914L12 8.586L9.328 5.914C9.22388 5.80987 9.14132 5.68623 9.08504 5.55016C9.02876 5.41409 8.99986 5.26825 9 5.121ZM10.121 2C9.50369 1.99995 8.90023 2.18297 8.38694 2.52591C7.87365 2.86884 7.47359 3.35629 7.23735 3.92661C7.0011 4.49693 6.9393 5.1245 7.05974 5.72994C7.18019 6.33539 7.47747 6.89152 7.914 7.328L11.293 10.708C11.4805 10.8955 11.7348 11.0008 12 11.0008C12.2652 11.0008 12.5195 10.8955 12.707 10.708L16.086 7.328C16.522 6.89133 16.8189 6.33524 16.9391 5.72995C17.0592 5.12467 16.9973 4.49735 16.7612 3.92723C16.525 3.35711 16.1252 2.86976 15.6122 2.52675C15.0992 2.18373 14.4961 2.00043 13.879 2C13.215 2 12.581 2.113 12 2.454C11.42 2.114 10.785 2 10.121 2ZM18.879 9C19.498 9 20 9.502 20 10.121C20 10.557 19.923 10.961 19.592 11.277C19.4943 11.3704 19.4165 11.4826 19.3634 11.6068C19.3102 11.7311 19.2828 11.8649 19.2828 12C19.2828 12.1351 19.3102 12.2689 19.3634 12.3932C19.4165 12.5174 19.4943 12.6296 19.592 12.723C19.923 13.039 20 13.443 20 13.879C20.0001 14.1008 19.9345 14.3177 19.8113 14.5021C19.6881 14.6866 19.513 14.8304 19.3081 14.9153C19.1032 15.0002 18.8777 15.0224 18.6601 14.9791C18.4426 14.9358 18.2428 14.8289 18.086 14.672L15.414 12L18.086 9.328C18.296 9.118 18.581 9 18.879 9ZM22 10.121C22 9.50369 21.817 8.90023 21.4741 8.38694C21.1312 7.87365 20.6437 7.47359 20.0734 7.23735C19.5031 7.0011 18.8755 6.9393 18.2701 7.05974C17.6646 7.18019 17.1085 7.47747 16.672 7.914L13.292 11.293C13.1045 11.4805 12.9992 11.7348 12.9992 12C12.9992 12.2652 13.1045 12.5195 13.292 12.707L16.672 16.086C17.1085 16.5225 17.6646 16.8198 18.2701 16.9403C18.8755 17.0607 19.5031 16.9989 20.0734 16.7627C20.6437 16.5264 21.1312 16.1263 21.4741 15.6131C21.817 15.0998 22 14.4963 22 13.879C22 13.215 21.887 12.581 21.546 12C21.886 11.42 22 10.785 22 10.121ZM13.879 20C14.1008 20.0001 14.3177 19.9345 14.5021 19.8113C14.6866 19.6881 14.8304 19.513 14.9153 19.3081C15.0002 19.1032 15.0224 18.8777 14.9791 18.6601C14.9358 18.4426 14.8289 18.2428 14.672 18.086L12 15.414L9.328 18.086C9.17109 18.2428 9.06422 18.4426 9.02091 18.6601C8.9776 18.8777 8.9998 19.1032 9.0847 19.3081C9.1696 19.513 9.31339 19.6881 9.49786 19.8113C9.68233 19.9345 9.89919 20.0001 10.121 20C10.557 20 10.961 19.923 11.277 19.592C11.3704 19.4943 11.4826 19.4165 11.6068 19.3634C11.7311 19.3102 11.8649 19.2828 12 19.2828C12.1351 19.2828 12.2689 19.3102 12.3932 19.3634C12.5174 19.4165 12.6296 19.4943 12.723 19.592C13.039 19.923 13.443 20 13.879 20ZM17 18.879C17.0001 19.2889 16.9195 19.6948 16.7627 20.0735C16.6059 20.4522 16.376 20.7963 16.0862 21.0862C15.7963 21.376 15.4522 21.6059 15.0735 21.7627C14.6948 21.9195 14.2889 22.0001 13.879 22C13.215 22 12.581 21.887 12 21.546C11.42 21.886 10.785 22 10.121 22C9.50369 22 8.90023 21.817 8.38694 21.4741C7.87365 21.1312 7.47359 20.6437 7.23735 20.0734C7.0011 19.5031 6.9393 18.8755 7.05974 18.2701C7.18019 17.6646 7.47747 17.1085 7.914 16.672L11.293 13.292C11.4805 13.1045 11.7348 12.9992 12 12.9992C12.2652 12.9992 12.5195 13.1045 12.707 13.292L16.086 16.672C16.671 17.257 17 18.051 17 18.879ZM5.121 15C4.97375 15.0001 4.82792 14.9712 4.69186 14.9149C4.55579 14.8586 4.43216 14.7761 4.32804 14.672C4.22392 14.5678 4.14135 14.4442 4.08506 14.3081C4.02877 14.1721 3.99987 14.0262 4 13.879C4 13.443 4.077 13.039 4.408 12.723C4.50571 12.6296 4.58349 12.5174 4.63662 12.3932C4.68976 12.2689 4.71715 12.1351 4.71715 12C4.71715 11.8649 4.68976 11.7311 4.63662 11.6068C4.58349 11.4826 4.50571 11.3704 4.408 11.277C4.077 10.961 4 10.557 4 10.121C3.99987 9.89919 4.06554 9.68233 4.18871 9.49786C4.31188 9.31339 4.487 9.1696 4.69192 9.0847C4.89684 8.9998 5.12234 8.9776 5.33988 9.02091C5.55742 9.06422 5.75722 9.17109 5.914 9.328L8.586 12L5.914 14.672C5.80987 14.7761 5.68623 14.8587 5.55016 14.915C5.41409 14.9712 5.26825 15.0001 5.121 15ZM2 13.879C1.99995 14.4963 2.18297 15.0998 2.52591 15.6131C2.86884 16.1263 3.35629 16.5264 3.92661 16.7627C4.49693 16.9989 5.1245 17.0607 5.72994 16.9403C6.33539 16.8198 6.89152 16.5225 7.328 16.086L10.708 12.707C10.8955 12.5195 11.0008 12.2652 11.0008 12C11.0008 11.7348 10.8955 11.4805 10.708 11.293L7.328 7.914C6.89152 7.47747 6.33539 7.18019 5.72994 7.05974C5.1245 6.9393 4.49693 7.0011 3.92661 7.23735C3.35629 7.47359 2.86884 7.87365 2.52591 8.38694C2.18297 8.90023 1.99995 9.50369 2 10.121C2 10.785 2.113 11.419 2.454 12C2.114 12.58 2 13.215 2 13.879Z",
16
+ fill: "currentColor"
17
+ }, null, -1)]]);
18
+ }
19
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
20
+ //#endregion
21
+ export { s as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dpa-id-components/dpa-shared-components",
3
- "version": "22.1.0",
3
+ "version": "22.3.0",
4
4
  "description": "Shared Vue components library for dpa projects",
5
5
  "files": [
6
6
  "src",
package/src/assets/icons/user-need-inspire-me.vue ADDED
@@ -0,0 +1,16 @@
1
+ <template>
2
+ <svg
3
+ width="24"
4
+ height="24"
5
+ viewBox="0 0 24 24"
6
+ fill="none"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ >
9
+ <path
10
+ fill-rule="evenodd"
11
+ clip-rule="evenodd"
12
+ d="M9 5.121C9 4.502 9.502 4 10.121 4C10.557 4 10.961 4.077 11.277 4.408C11.3704 4.50571 11.4826 4.58349 11.6068 4.63662C11.7311 4.68976 11.8649 4.71715 12 4.71715C12.1351 4.71715 12.2689 4.68976 12.3932 4.63662C12.5174 4.58349 12.6296 4.50571 12.723 4.408C13.039 4.077 13.443 4 13.879 4C14.1008 3.99987 14.3177 4.06554 14.5021 4.18871C14.6866 4.31188 14.8304 4.487 14.9153 4.69192C15.0002 4.89684 15.0224 5.12234 14.9791 5.33988C14.9358 5.55742 14.8289 5.75722 14.672 5.914L12 8.586L9.328 5.914C9.22388 5.80987 9.14132 5.68623 9.08504 5.55016C9.02876 5.41409 8.99986 5.26825 9 5.121ZM10.121 2C9.50369 1.99995 8.90023 2.18297 8.38694 2.52591C7.87365 2.86884 7.47359 3.35629 7.23735 3.92661C7.0011 4.49693 6.9393 5.1245 7.05974 5.72994C7.18019 6.33539 7.47747 6.89152 7.914 7.328L11.293 10.708C11.4805 10.8955 11.7348 11.0008 12 11.0008C12.2652 11.0008 12.5195 10.8955 12.707 10.708L16.086 7.328C16.522 6.89133 16.8189 6.33524 16.9391 5.72995C17.0592 5.12467 16.9973 4.49735 16.7612 3.92723C16.525 3.35711 16.1252 2.86976 15.6122 2.52675C15.0992 2.18373 14.4961 2.00043 13.879 2C13.215 2 12.581 2.113 12 2.454C11.42 2.114 10.785 2 10.121 2ZM18.879 9C19.498 9 20 9.502 20 10.121C20 10.557 19.923 10.961 19.592 11.277C19.4943 11.3704 19.4165 11.4826 19.3634 11.6068C19.3102 11.7311 19.2828 11.8649 19.2828 12C19.2828 12.1351 19.3102 12.2689 19.3634 12.3932C19.4165 12.5174 19.4943 12.6296 19.592 12.723C19.923 13.039 20 13.443 20 13.879C20.0001 14.1008 19.9345 14.3177 19.8113 14.5021C19.6881 14.6866 19.513 14.8304 19.3081 14.9153C19.1032 15.0002 18.8777 15.0224 18.6601 14.9791C18.4426 14.9358 18.2428 14.8289 18.086 14.672L15.414 12L18.086 9.328C18.296 9.118 18.581 9 18.879 9ZM22 10.121C22 9.50369 21.817 8.90023 21.4741 8.38694C21.1312 7.87365 20.6437 7.47359 20.0734 7.23735C19.5031 7.0011 18.8755 6.9393 18.2701 7.05974C17.6646 7.18019 17.1085 7.47747 16.672 7.914L13.292 11.293C13.1045 11.4805 12.9992 11.7348 12.9992 12C12.9992 12.2652 13.1045 12.5195 13.292 12.707L16.672 16.086C17.1085 16.5225 17.6646 16.8198 18.2701 16.9403C18.8755 17.0607 19.5031 16.9989 20.0734 16.7627C20.6437 16.5264 21.1312 16.1263 21.4741 15.6131C21.817 15.0998 22 14.4963 22 13.879C22 13.215 21.887 12.581 21.546 12C21.886 11.42 22 10.785 22 10.121ZM13.879 20C14.1008 20.0001 14.3177 19.9345 14.5021 19.8113C14.6866 19.6881 14.8304 19.513 14.9153 19.3081C15.0002 19.1032 15.0224 18.8777 14.9791 18.6601C14.9358 18.4426 14.8289 18.2428 14.672 18.086L12 15.414L9.328 18.086C9.17109 18.2428 9.06422 18.4426 9.02091 18.6601C8.9776 18.8777 8.9998 19.1032 9.0847 19.3081C9.1696 19.513 9.31339 19.6881 9.49786 19.8113C9.68233 19.9345 9.89919 20.0001 10.121 20C10.557 20 10.961 19.923 11.277 19.592C11.3704 19.4943 11.4826 19.4165 11.6068 19.3634C11.7311 19.3102 11.8649 19.2828 12 19.2828C12.1351 19.2828 12.2689 19.3102 12.3932 19.3634C12.5174 19.4165 12.6296 19.4943 12.723 19.592C13.039 19.923 13.443 20 13.879 20ZM17 18.879C17.0001 19.2889 16.9195 19.6948 16.7627 20.0735C16.6059 20.4522 16.376 20.7963 16.0862 21.0862C15.7963 21.376 15.4522 21.6059 15.0735 21.7627C14.6948 21.9195 14.2889 22.0001 13.879 22C13.215 22 12.581 21.887 12 21.546C11.42 21.886 10.785 22 10.121 22C9.50369 22 8.90023 21.817 8.38694 21.4741C7.87365 21.1312 7.47359 20.6437 7.23735 20.0734C7.0011 19.5031 6.9393 18.8755 7.05974 18.2701C7.18019 17.6646 7.47747 17.1085 7.914 16.672L11.293 13.292C11.4805 13.1045 11.7348 12.9992 12 12.9992C12.2652 12.9992 12.5195 13.1045 12.707 13.292L16.086 16.672C16.671 17.257 17 18.051 17 18.879ZM5.121 15C4.97375 15.0001 4.82792 14.9712 4.69186 14.9149C4.55579 14.8586 4.43216 14.7761 4.32804 14.672C4.22392 14.5678 4.14135 14.4442 4.08506 14.3081C4.02877 14.1721 3.99987 14.0262 4 13.879C4 13.443 4.077 13.039 4.408 12.723C4.50571 12.6296 4.58349 12.5174 4.63662 12.3932C4.68976 12.2689 4.71715 12.1351 4.71715 12C4.71715 11.8649 4.68976 11.7311 4.63662 11.6068C4.58349 11.4826 4.50571 11.3704 4.408 11.277C4.077 10.961 4 10.557 4 10.121C3.99987 9.89919 4.06554 9.68233 4.18871 9.49786C4.31188 9.31339 4.487 9.1696 4.69192 9.0847C4.89684 8.9998 5.12234 8.9776 5.33988 9.02091C5.55742 9.06422 5.75722 9.17109 5.914 9.328L8.586 12L5.914 14.672C5.80987 14.7761 5.68623 14.8587 5.55016 14.915C5.41409 14.9712 5.26825 15.0001 5.121 15ZM2 13.879C1.99995 14.4963 2.18297 15.0998 2.52591 15.6131C2.86884 16.1263 3.35629 16.5264 3.92661 16.7627C4.49693 16.9989 5.1245 17.0607 5.72994 16.9403C6.33539 16.8198 6.89152 16.5225 7.328 16.086L10.708 12.707C10.8955 12.5195 11.0008 12.2652 11.0008 12C11.0008 11.7348 10.8955 11.4805 10.708 11.293L7.328 7.914C6.89152 7.47747 6.33539 7.18019 5.72994 7.05974C5.1245 6.9393 4.49693 7.0011 3.92661 7.23735C3.35629 7.47359 2.86884 7.87365 2.52591 8.38694C2.18297 8.90023 1.99995 9.50369 2 10.121C2 10.785 2.113 11.419 2.454 12C2.114 12.58 2 13.215 2 13.879Z"
13
+ fill="currentColor"
14
+ />
15
+ </svg>
16
+ </template>
package/src/components/UiButton/README.md CHANGED
@@ -39,13 +39,13 @@ import { UiButton } from "@dpa-id-components/dpa-shared-components";
39
39
  ## API
40
40
 
41
41
  ### Props
42
+ Note: This component binds all non-prop attributes on its principal element (either a button or a element). This allows you to add arbitrary HTML attributes (and event listeners) on the principal element without them being explicitly supported by the component.
42
43
 
43
44
  | Name | Type | Default | Description |
44
45
  |--------------|--------------------------------------------------------------------------------------------|-------------|----------------------------------|
45
46
  | `to` | `RouteLocationRaw` | `undefined` | `RouterLink` `to` prop |
46
47
  | `size` | `"xs"`, `"sm"`, `"md"`, or `"lg"` | `"md"` | |
47
48
  | `appearance` | `"fill-emphasis"`, `"fill-subtle"`, `"outline-emphasis"`, `"outline-subtle"`, or `"ghost"` | `"primary"` | |
48
- | `disabled` | `boolean` | `false` | Whether the `button` is disabled |
49
49
 
50
50
  ### Slots
51
51
 
package/src/components/UiButton/UiButton.vue CHANGED
@@ -43,7 +43,6 @@ const {
43
43
  to = undefined,
44
44
  size = "md",
45
45
  appearance = "fill-emphasis",
46
- disabled = false,
47
46
  } = defineProps<{
48
47
  to?: RouteLocationRaw;
49
48
  size?: keyof typeof BUTTON_SIZE_CLASSES;
@@ -53,18 +52,15 @@ const {
53
52
  | "outline-emphasis"
54
53
  | "outline-subtle"
55
54
  | "ghost";
56
- disabled?: boolean;
57
55
  }>();
58
56
 
59
57
  const attributes = computed(() => {
60
58
  const attrs: Record<string, unknown> = {};
61
-
62
59
  if (typeof to === "string") {
63
60
  attrs.href = to;
64
61
  } else if (to) {
65
62
  attrs.to = to;
66
63
  } else {
67
- attrs.disabled = disabled;
68
64
  attrs.type = "button";
69
65
  }
70
66
 
package/src/components/UiIcon/icons.ts CHANGED
@@ -61,8 +61,8 @@ export const icons = {
61
61
  "event": () => import("../../assets/icons/event.vue"),
62
62
  "expand": () => import("../../assets/icons/expand.vue"),
63
63
  "external-link": () => import("../../assets/icons/external-link.vue"),
64
- "file-pdf": () => import("../../assets/icons/file-pdf.vue"),
65
64
  "file": () => import("../../assets/icons/file.vue"),
65
+ "file-pdf": () => import("../../assets/icons/file-pdf.vue"),
66
66
  "filter": () => import("../../assets/icons/filter.vue"),
67
67
  "flag": () => import("../../assets/icons/flag.vue"),
68
68
  "flag-filled": () => import("../../assets/icons/flag-filled.vue"),
@@ -80,8 +80,8 @@ export const icons = {
80
80
  "grid-4": () => import("../../assets/icons/grid-4.vue"),
81
81
  "grid-6": () => import("../../assets/icons/grid-6.vue"),
82
82
  "grid-9": () => import("../../assets/icons/grid-9.vue"),
83
- "grid-masonry-9": () => import("../../assets/icons/grid-masonry-9.vue"),
84
83
  "grid-masonry": () => import("../../assets/icons/grid-masonry.vue"),
84
+ "grid-masonry-9": () => import("../../assets/icons/grid-masonry-9.vue"),
85
85
  "help": () => import("../../assets/icons/help.vue"),
86
86
  "home": () => import("../../assets/icons/home.vue"),
87
87
  "image": () => import("../../assets/icons/image.vue"),
@@ -164,6 +164,7 @@ export const icons = {
164
164
  "user-need-educate-me": () => import("../../assets/icons/user-need-educate-me.vue"),
165
165
  "user-need-give-me-perspective": () => import("../../assets/icons/user-need-give-me-perspective.vue"),
166
166
  "user-need-help-me": () => import("../../assets/icons/user-need-help-me.vue"),
167
+ "user-need-inspire-me": () => import("../../assets/icons/user-need-inspire-me.vue"),
167
168
  "user-need-touch-me": () => import("../../assets/icons/user-need-touch-me.vue"),
168
169
  "user-need-update-me": () => import("../../assets/icons/user-need-update-me.vue"),
169
170
  "video": () => import("../../assets/icons/video.vue"),
/package/dist/{text-C4wZ-s0Z.js → text-C4wZ-s0Z2.js} RENAMED
File without changes