@dpa-id-components/dpa-shared-components 12.2.4 → 12.4.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 (52) hide show
  1. package/dist/ai-VuCGPNLN.mjs +15 -0
  2. package/dist/components/DpaMediaItem/DpaMediaItem.stories.d.ts +6 -6
  3. package/dist/components/DpaMediaItem/DpaMediaItem.vue.d.ts +3 -2
  4. package/dist/components/UiAutocomplete/UiAutocomplete.stories.d.ts +3 -3
  5. package/dist/components/UiAutocomplete/UiAutocomplete.vue.d.ts +3 -3
  6. package/dist/components/UiBadge/UiBadge.stories.d.ts +10 -11
  7. package/dist/components/UiBadge/UiBadge.vue.d.ts +4 -4
  8. package/dist/components/UiButton/UiButton.stories.d.ts +7 -8
  9. package/dist/components/UiButton/UiButton.vue.d.ts +3 -3
  10. package/dist/components/UiCheckBoxGroup/UiCheckBoxGroup.vue.d.ts +2 -1
  11. package/dist/components/UiDatePicker/UiDatePicker.stories.d.ts +81 -82
  12. package/dist/components/UiDatePicker/UiDatePicker.vue.d.ts +31 -31
  13. package/dist/components/UiFilterBadge/UiFilterBadge.stories.d.ts +2 -2
  14. package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.stories.d.ts +2 -2
  15. package/dist/components/UiFilterButton/UiFilterButton.stories.d.ts +28 -29
  16. package/dist/components/UiFilterButton/UiFilterButton.vue.d.ts +5 -5
  17. package/dist/components/UiIcon/UiIcon.stories.d.ts +4 -5
  18. package/dist/components/UiIcon/UiIcon.vue.d.ts +8 -4
  19. package/dist/components/UiIcon/iconNames.d.ts +1 -1
  20. package/dist/components/UiIconButton/UiIconButton.stories.d.ts +10 -11
  21. package/dist/components/UiIconButton/UiIconButton.vue.d.ts +2 -2
  22. package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts +32 -33
  23. package/dist/components/UiInfoContent/UiInfoContent.vue.d.ts +3 -3
  24. package/dist/components/UiInput/UiInput.stories.d.ts +12 -12
  25. package/dist/components/UiInput/UiInput.vue.d.ts +1 -1
  26. package/dist/components/UiList/UiList.stories.d.ts +6 -6
  27. package/dist/components/UiListItem/UiListItem.stories.d.ts +26 -27
  28. package/dist/components/UiListItem/UiListItem.vue.d.ts +3 -3
  29. package/dist/components/UiMenu/UiMenu.stories.d.ts +4 -4
  30. package/dist/components/UiMenu/UiMenu.vue.d.ts +3 -2
  31. package/dist/components/UiOverlayMenu/UiOverlayMenu.stories.d.ts +12 -12
  32. package/dist/components/UiSimpleInput/UiSimpleInput.stories.d.ts +16 -0
  33. package/dist/components/UiSimpleInput/UiSimpleInput.vue.d.ts +2 -0
  34. package/dist/components/UiSnackbar/UiSnackbar.stories.d.ts +25 -26
  35. package/dist/components/UiSnackbar/UiSnackbar.vue.d.ts +3 -3
  36. package/dist/components/UiTextButton/UiTextButton.stories.d.ts +14 -14
  37. package/dist/components/UiTextButton/UiTextButton.vue.d.ts +5 -6
  38. package/dist/components/index.d.ts +2 -2
  39. package/dist/dpa-shared-components.mjs +3780 -3886
  40. package/dist/dpa-shared-components.umd.js +7 -7
  41. package/dist/graphic-C1wh-TxG.mjs +15 -0
  42. package/dist/label-ZzjOPjln.mjs +19 -0
  43. package/dist/label-filled-j_-BCTAD.mjs +19 -0
  44. package/dist/lock-Dcj4HaSk.mjs +19 -0
  45. package/dist/lock-filled-BnsIWWZt.mjs +19 -0
  46. package/dist/story-cXfkRTNd.mjs +15 -0
  47. package/dist/style.css +1 -1
  48. package/dist/thumbs-down-CdwHyt1J.mjs +19 -0
  49. package/package.json +4 -13
  50. package/dist/graphic-BmqiWT4u.mjs +0 -20
  51. package/dist/lock-EkeSCdjL.mjs +0 -19
  52. /package/dist/components/UiSimpleInput/{UiSimpleInput.d.ts → UiSimpleInput.spec.d.ts} +0 -0
package/dist/components/UiIconButton/UiIconButton.stories.d.ts CHANGED
@@ -1,9 +1,8 @@
1
1
  import { StoryObj } from '@storybook/vue3';
2
- import { iconNames } from '../UiIcon/iconNames';
3
2
  declare const meta: {
4
3
  title: string;
5
4
  component: import('vue').DefineComponent<{
6
- iconName: (typeof iconNames)[number];
5
+ iconName: import('..').UiIconName;
7
6
  title?: string;
8
7
  disabled?: boolean;
9
8
  backgroundColor?: "blue" | "none" | "gray-hover";
@@ -12,7 +11,7 @@ declare const meta: {
12
11
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
13
12
  click: (args_0: MouseEvent) => any;
14
13
  }, string, import('vue').PublicProps, Readonly<{
15
- iconName: (typeof iconNames)[number];
14
+ iconName: import('..').UiIconName;
16
15
  title?: string;
17
16
  disabled?: boolean;
18
17
  backgroundColor?: "blue" | "none" | "gray-hover";
@@ -30,7 +29,7 @@ declare const meta: {
30
29
  argTypes: {
31
30
  iconName: {
32
31
  control: "select";
33
- options: string[];
32
+ options: ("activities" | "alert" | "alert-fill" | "alert-octagon" | "ai" | "apps" | "archive" | "arrow-left" | "arrow-nav-left" | "arrow-nav-right" | "arrow-up" | "arrow-right" | "arrow-down" | "arrowhead-left" | "arrowhead-right" | "arrowhead-top" | "atmo" | "audio" | "audio-circled" | "audio-filled" | "bag" | "bell" | "bell-fill" | "book" | "bookmark" | "bookmark-fill" | "bookmark-outlined" | "box" | "bulb" | "call" | "camera" | "check" | "checklist" | "checkmark" | "checkmark-double" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clipboard" | "clock" | "close" | "cloud-save" | "code" | "collapse" | "color-palette" | "comment" | "comment-fill" | "copy" | "copy-link" | "delete" | "download" | "dpa-id" | "edit" | "edit-add" | "eil" | "emoji" | "emoji-add" | "envelope" | "event" | "expand" | "external-link" | "file" | "file-pdf" | "filter" | "filter-outline" | "flag" | "flag-fill" | "flag-filled" | "flag-outline" | "flags" | "flash" | "folder" | "folder-add" | "folder-fill" | "folder-filled" | "gallery" | "graphic" | "graphic-circled" | "graphic-filled" | "graphics" | "grid-1" | "grid-2" | "grid-3" | "grid-4" | "grid-6" | "grid-9" | "grid-masonry" | "grid-masonry-9" | "help" | "home" | "image" | "image focus point" | "impact-high" | "impact-low" | "impact-medium" | "impact-very-high" | "impact-very-low" | "info" | "info-fill" | "info-filled" | "label" | "label-filled" | "language" | "latest" | "lightbulb" | "list" | "lock" | "lock-filled" | "mail" | "map" | "map-outline" | "menu" | "minus" | "more-horizontal" | "more-vertical" | "move" | "move-up-down" | "navigation" | "note" | "offline" | "paper-plane" | "paperplane" | "pause" | "pause-circle" | "pdf" | "pen" | "pen-check" | "people" | "phone" | "picture" | "picture-circled" | "picture-filled" | "pin" | "planning" | "play" | "play-circle" | "play-fill" | "plus" | "plus-circle" | "print" | "refresh" | "reset" | "responsive" | "rubix-thema" | "save" | "saved-search" | "saved-search-fill" | "search" | "settings" | "share" | "share-alternative" | "sidebar" | "sidebar-fill" | "slack" | "slider-config" | "spellcheck" | "spinner" | "standard-view" | "star" | "star-fill" | "star-filled" | "stop" | "story" | "sync" | "tasks" | "text" | "text-circled" | "text-filled" | "thumbs-down" | "thumbs-up" | "thumbs-up-double" | "topic" | "union" | "upload" | "video" | "video overlay" | "video-circled" | "video-filled" | "view" | "view-off" | "volume-up")[];
34
33
  };
35
34
  size: {
36
35
  control: "select";
@@ -46,13 +45,13 @@ declare const meta: {
46
45
  };
47
46
  };
48
47
  args: {
49
- iconName: string;
48
+ iconName: "alert";
50
49
  size: "large";
51
50
  backgroundColor: "blue";
52
51
  iconColor: "white";
53
52
  };
54
53
  render: (args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
55
- iconName: (typeof iconNames)[number];
54
+ iconName: import('..').UiIconName;
56
55
  title?: string;
57
56
  disabled?: boolean;
58
57
  backgroundColor?: "blue" | "none" | "gray-hover";
@@ -61,7 +60,7 @@ declare const meta: {
61
60
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
62
61
  click: (args_0: MouseEvent) => any;
63
62
  }, string, import('vue').PublicProps, Readonly<{
64
- iconName: (typeof iconNames)[number];
63
+ iconName: import('..').UiIconName;
65
64
  title?: string;
66
65
  disabled?: boolean;
67
66
  backgroundColor?: "blue" | "none" | "gray-hover";
@@ -78,7 +77,7 @@ declare const meta: {
78
77
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>>) => {
79
78
  setup(this: void): {
80
79
  args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
81
- iconName: (typeof iconNames)[number];
80
+ iconName: import('..').UiIconName;
82
81
  title?: string;
83
82
  disabled?: boolean;
84
83
  backgroundColor?: "blue" | "none" | "gray-hover";
@@ -87,7 +86,7 @@ declare const meta: {
87
86
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
88
87
  click: (args_0: MouseEvent) => any;
89
88
  }, string, import('vue').PublicProps, Readonly<{
90
- iconName: (typeof iconNames)[number];
89
+ iconName: import('..').UiIconName;
91
90
  title?: string;
92
91
  disabled?: boolean;
93
92
  backgroundColor?: "blue" | "none" | "gray-hover";
@@ -105,7 +104,7 @@ declare const meta: {
105
104
  };
106
105
  components: {
107
106
  UiIconButton: import('vue').DefineComponent<{
108
- iconName: (typeof iconNames)[number];
107
+ iconName: import('..').UiIconName;
109
108
  title?: string;
110
109
  disabled?: boolean;
111
110
  backgroundColor?: "blue" | "none" | "gray-hover";
@@ -114,7 +113,7 @@ declare const meta: {
114
113
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
115
114
  click: (args_0: MouseEvent) => any;
116
115
  }, string, import('vue').PublicProps, Readonly<{
117
- iconName: (typeof iconNames)[number];
116
+ iconName: import('..').UiIconName;
118
117
  title?: string;
119
118
  disabled?: boolean;
120
119
  backgroundColor?: "blue" | "none" | "gray-hover";
package/dist/components/UiIconButton/UiIconButton.vue.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { iconNames } from '../UiIcon/iconNames';
1
+ import { UiIconName } from '../UiIcon/UiIcon.vue';
2
2
  type __VLS_Props = {
3
- iconName: (typeof iconNames)[number];
3
+ iconName: UiIconName;
4
4
  title?: string;
5
5
  disabled?: boolean;
6
6
  backgroundColor?: "blue" | "none" | "gray-hover";
package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts CHANGED
@@ -1,15 +1,14 @@
1
- import { iconNames } from '../UiIcon/iconNames';
2
1
  import { StoryObj } from '@storybook/vue3';
3
2
  declare const meta: {
4
3
  title: string;
5
4
  component: {
6
5
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
7
6
  iconBackground?: "white" | "gray" | "green";
8
- iconName?: (typeof iconNames)[number] | null;
7
+ iconName?: import('..').UiIconName | null;
9
8
  iconSize?: "xs" | "small" | "medium" | "large" | "xl";
10
9
  iconColor?: "white" | "gray";
11
10
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
12
- iconName: (typeof iconNames)[number] | null;
11
+ iconName: import('..').UiIconName | null;
13
12
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
14
13
  iconColor: "white" | "gray";
15
14
  iconBackground: "white" | "gray" | "green";
@@ -22,11 +21,11 @@ declare const meta: {
22
21
  Defaults: {};
23
22
  }, Readonly<{
24
23
  iconBackground?: "white" | "gray" | "green";
25
- iconName?: (typeof iconNames)[number] | null;
24
+ iconName?: import('..').UiIconName | null;
26
25
  iconSize?: "xs" | "small" | "medium" | "large" | "xl";
27
26
  iconColor?: "white" | "gray";
28
27
  }> & Readonly<{}>, {}, {}, {}, {}, {
29
- iconName: (typeof iconNames)[number] | null;
28
+ iconName: import('..').UiIconName | null;
30
29
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
31
30
  iconColor: "white" | "gray";
32
31
  iconBackground: "white" | "gray" | "green";
@@ -36,11 +35,11 @@ declare const meta: {
36
35
  __isSuspense?: never;
37
36
  } & import('vue').ComponentOptionsBase<Readonly<{
38
37
  iconBackground?: "white" | "gray" | "green";
39
- iconName?: (typeof iconNames)[number] | null;
38
+ iconName?: import('..').UiIconName | null;
40
39
  iconSize?: "xs" | "small" | "medium" | "large" | "xl";
41
40
  iconColor?: "white" | "gray";
42
41
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
43
- iconName: (typeof iconNames)[number] | null;
42
+ iconName: import('..').UiIconName | null;
44
43
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
45
44
  iconColor: "white" | "gray";
46
45
  iconBackground: "white" | "gray" | "green";
@@ -62,7 +61,7 @@ declare const meta: {
62
61
  };
63
62
  iconName: {
64
63
  control: "select";
65
- options: string[];
64
+ options: readonly ["activities", "alert", "alert-fill", "alert-octagon", "ai", "apps", "archive", "arrow-left", "arrow-nav-left", "arrow-nav-right", "arrow-up", "arrow-right", "arrow-down", "arrowhead-left", "arrowhead-right", "arrowhead-top", "atmo", "audio", "audio-circled", "audio-filled", "bag", "bell", "bell-fill", "book", "bookmark", "bookmark-fill", "bookmark-outlined", "box", "bulb", "call", "camera", "check", "checklist", "checkmark", "checkmark-double", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "clipboard", "clock", "close", "cloud-save", "code", "collapse", "color-palette", "comment", "comment-fill", "copy", "copy-link", "delete", "download", "dpa-id", "edit", "edit-add", "eil", "emoji", "emoji-add", "envelope", "event", "expand", "external-link", "file", "file-pdf", "filter", "filter-outline", "flag", "flag-fill", "flag-filled", "flag-outline", "flags", "flash", "folder", "folder-add", "folder-fill", "folder-filled", "gallery", "graphic", "graphic-circled", "graphic-filled", "graphics", "grid-1", "grid-2", "grid-3", "grid-4", "grid-6", "grid-9", "grid-masonry", "grid-masonry-9", "help", "home", "image", "image focus point", "impact-high", "impact-low", "impact-medium", "impact-very-high", "impact-very-low", "info", "info-fill", "info-filled", "label", "label-filled", "language", "latest", "lightbulb", "list", "lock", "lock-filled", "mail", "map", "map-outline", "menu", "minus", "more-horizontal", "more-vertical", "move", "move-up-down", "navigation", "note", "offline", "paper-plane", "paperplane", "pause", "pause-circle", "pdf", "pen", "pen-check", "people", "phone", "picture", "picture-circled", "picture-filled", "pin", "planning", "play", "play-circle", "play-fill", "plus", "plus-circle", "print", "refresh", "reset", "responsive", "rubix-thema", "save", "saved-search", "saved-search-fill", "search", "settings", "share", "share-alternative", "sidebar", "sidebar-fill", "slack", "slider-config", "spellcheck", "spinner", "standard-view", "star", "star-fill", "star-filled", "stop", "story", "sync", "tasks", "text", "text-circled", "text-filled", "thumbs-down", "thumbs-up", "thumbs-up-double", "topic", "union", "upload", "video", "video overlay", "video-circled", "video-filled", "view", "view-off", "volume-up"];
66
65
  };
67
66
  iconSize: {
68
67
  control: "select";
@@ -72,17 +71,17 @@ declare const meta: {
72
71
  args: {
73
72
  iconBackground: "white";
74
73
  iconColor: "gray";
75
- iconName: string;
74
+ iconName: "search";
76
75
  iconSize: "xl";
77
76
  };
78
77
  render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
79
78
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
80
79
  iconBackground?: "white" | "gray" | "green";
81
- iconName?: (typeof iconNames)[number] | null;
80
+ iconName?: import('..').UiIconName | null;
82
81
  iconSize?: "xs" | "small" | "medium" | "large" | "xl";
83
82
  iconColor?: "white" | "gray";
84
83
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
85
- iconName: (typeof iconNames)[number] | null;
84
+ iconName: import('..').UiIconName | null;
86
85
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
87
86
  iconColor: "white" | "gray";
88
87
  iconBackground: "white" | "gray" | "green";
@@ -95,11 +94,11 @@ declare const meta: {
95
94
  Defaults: {};
96
95
  }, Readonly<{
97
96
  iconBackground?: "white" | "gray" | "green";
98
- iconName?: (typeof iconNames)[number] | null;
97
+ iconName?: import('..').UiIconName | null;
99
98
  iconSize?: "xs" | "small" | "medium" | "large" | "xl";
100
99
  iconColor?: "white" | "gray";
101
100
  }> & Readonly<{}>, {}, {}, {}, {}, {
102
- iconName: (typeof iconNames)[number] | null;
101
+ iconName: import('..').UiIconName | null;
103
102
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
104
103
  iconColor: "white" | "gray";
105
104
  iconBackground: "white" | "gray" | "green";
@@ -109,11 +108,11 @@ declare const meta: {
109
108
  __isSuspense?: never;
110
109
  } & import('vue').ComponentOptionsBase<Readonly<{
111
110
  iconBackground?: "white" | "gray" | "green";
112
- iconName?: (typeof iconNames)[number] | null;
111
+ iconName?: import('..').UiIconName | null;
113
112
  iconSize?: "xs" | "small" | "medium" | "large" | "xl";
114
113
  iconColor?: "white" | "gray";
115
114
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
116
- iconName: (typeof iconNames)[number] | null;
115
+ iconName: import('..').UiIconName | null;
117
116
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
118
117
  iconColor: "white" | "gray";
119
118
  iconBackground: "white" | "gray" | "green";
@@ -128,11 +127,11 @@ declare const meta: {
128
127
  args: import('@storybook/vue3').ComponentPropsAndSlots<{
129
128
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
130
129
  iconBackground?: "white" | "gray" | "green";
131
- iconName?: (typeof iconNames)[number] | null;
130
+ iconName?: import('..').UiIconName | null;
132
131
  iconSize?: "xs" | "small" | "medium" | "large" | "xl";
133
132
  iconColor?: "white" | "gray";
134
133
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
135
- iconName: (typeof iconNames)[number] | null;
134
+ iconName: import('..').UiIconName | null;
136
135
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
137
136
  iconColor: "white" | "gray";
138
137
  iconBackground: "white" | "gray" | "green";
@@ -145,11 +144,11 @@ declare const meta: {
145
144
  Defaults: {};
146
145
  }, Readonly<{
147
146
  iconBackground?: "white" | "gray" | "green";
148
- iconName?: (typeof iconNames)[number] | null;
147
+ iconName?: import('..').UiIconName | null;
149
148
  iconSize?: "xs" | "small" | "medium" | "large" | "xl";
150
149
  iconColor?: "white" | "gray";
151
150
  }> & Readonly<{}>, {}, {}, {}, {}, {
152
- iconName: (typeof iconNames)[number] | null;
151
+ iconName: import('..').UiIconName | null;
153
152
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
154
153
  iconColor: "white" | "gray";
155
154
  iconBackground: "white" | "gray" | "green";
@@ -159,11 +158,11 @@ declare const meta: {
159
158
  __isSuspense?: never;
160
159
  } & import('vue').ComponentOptionsBase<Readonly<{
161
160
  iconBackground?: "white" | "gray" | "green";
162
- iconName?: (typeof iconNames)[number] | null;
161
+ iconName?: import('..').UiIconName | null;
163
162
  iconSize?: "xs" | "small" | "medium" | "large" | "xl";
164
163
  iconColor?: "white" | "gray";
165
164
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
166
- iconName: (typeof iconNames)[number] | null;
165
+ iconName: import('..').UiIconName | null;
167
166
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
168
167
  iconColor: "white" | "gray";
169
168
  iconBackground: "white" | "gray" | "green";
@@ -179,11 +178,11 @@ declare const meta: {
179
178
  UiInfoContent: {
180
179
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
181
180
  iconBackground?: "white" | "gray" | "green";
182
- iconName?: (typeof iconNames)[number] | null;
181
+ iconName?: import('..').UiIconName | null;
183
182
  iconSize?: "xs" | "small" | "medium" | "large" | "xl";
184
183
  iconColor?: "white" | "gray";
185
184
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
186
- iconName: (typeof iconNames)[number] | null;
185
+ iconName: import('..').UiIconName | null;
187
186
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
188
187
  iconColor: "white" | "gray";
189
188
  iconBackground: "white" | "gray" | "green";
@@ -196,11 +195,11 @@ declare const meta: {
196
195
  Defaults: {};
197
196
  }, Readonly<{
198
197
  iconBackground?: "white" | "gray" | "green";
199
- iconName?: (typeof iconNames)[number] | null;
198
+ iconName?: import('..').UiIconName | null;
200
199
  iconSize?: "xs" | "small" | "medium" | "large" | "xl";
201
200
  iconColor?: "white" | "gray";
202
201
  }> & Readonly<{}>, {}, {}, {}, {}, {
203
- iconName: (typeof iconNames)[number] | null;
202
+ iconName: import('..').UiIconName | null;
204
203
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
205
204
  iconColor: "white" | "gray";
206
205
  iconBackground: "white" | "gray" | "green";
@@ -210,11 +209,11 @@ declare const meta: {
210
209
  __isSuspense?: never;
211
210
  } & import('vue').ComponentOptionsBase<Readonly<{
212
211
  iconBackground?: "white" | "gray" | "green";
213
- iconName?: (typeof iconNames)[number] | null;
212
+ iconName?: import('..').UiIconName | null;
214
213
  iconSize?: "xs" | "small" | "medium" | "large" | "xl";
215
214
  iconColor?: "white" | "gray";
216
215
  }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
217
- iconName: (typeof iconNames)[number] | null;
216
+ iconName: import('..').UiIconName | null;
218
217
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
219
218
  iconColor: "white" | "gray";
220
219
  iconBackground: "white" | "gray" | "green";
@@ -227,7 +226,7 @@ declare const meta: {
227
226
  });
228
227
  UiButton: {
229
228
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
230
- iconName?: (typeof iconNames)[number] | null;
229
+ iconName?: import('..').UiIconName | null;
231
230
  size?: "xs" | "small" | "medium" | "large";
232
231
  color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
233
232
  disabledVariant?: "primary" | "secondary";
@@ -243,7 +242,7 @@ declare const meta: {
243
242
  disabled: boolean;
244
243
  color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
245
244
  rounded: boolean;
246
- iconName: (typeof iconNames)[number] | null;
245
+ iconName: import('..').UiIconName | null;
247
246
  disabledVariant: "primary" | "secondary";
248
247
  href: string;
249
248
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -254,7 +253,7 @@ declare const meta: {
254
253
  M: {};
255
254
  Defaults: {};
256
255
  }, Readonly<{
257
- iconName?: (typeof iconNames)[number] | null;
256
+ iconName?: import('..').UiIconName | null;
258
257
  size?: "xs" | "small" | "medium" | "large";
259
258
  color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
260
259
  disabledVariant?: "primary" | "secondary";
@@ -268,7 +267,7 @@ declare const meta: {
268
267
  disabled: boolean;
269
268
  color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
270
269
  rounded: boolean;
271
- iconName: (typeof iconNames)[number] | null;
270
+ iconName: import('..').UiIconName | null;
272
271
  disabledVariant: "primary" | "secondary";
273
272
  href: string;
274
273
  }>;
@@ -276,7 +275,7 @@ declare const meta: {
276
275
  __isTeleport?: never;
277
276
  __isSuspense?: never;
278
277
  } & import('vue').ComponentOptionsBase<Readonly<{
279
- iconName?: (typeof iconNames)[number] | null;
278
+ iconName?: import('..').UiIconName | null;
280
279
  size?: "xs" | "small" | "medium" | "large";
281
280
  color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
282
281
  disabledVariant?: "primary" | "secondary";
@@ -292,7 +291,7 @@ declare const meta: {
292
291
  disabled: boolean;
293
292
  color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
294
293
  rounded: boolean;
295
- iconName: (typeof iconNames)[number] | null;
294
+ iconName: import('..').UiIconName | null;
296
295
  disabledVariant: "primary" | "secondary";
297
296
  href: string;
298
297
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
package/dist/components/UiInfoContent/UiInfoContent.vue.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- import { iconNames } from '../UiIcon/iconNames';
1
+ import { UiIconName } from '../UiIcon/UiIcon.vue';
2
2
  type __VLS_Props = {
3
3
  iconBackground?: "white" | "gray" | "green";
4
- iconName?: (typeof iconNames)[number] | null;
4
+ iconName?: UiIconName | null;
5
5
  iconSize?: "xs" | "small" | "medium" | "large" | "xl";
6
6
  iconColor?: "white" | "gray";
7
7
  };
@@ -17,7 +17,7 @@ declare function __VLS_template(): {
17
17
  };
18
18
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
19
19
  declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
20
- iconName: (typeof iconNames)[number] | null;
20
+ iconName: UiIconName | null;
21
21
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
22
22
  iconColor: "white" | "gray";
23
23
  iconBackground: "white" | "gray" | "green";
package/dist/components/UiInput/UiInput.stories.d.ts CHANGED
@@ -38,9 +38,9 @@ declare const meta: {
38
38
  keyup: (args_0: KeyboardEvent) => any;
39
39
  "update:modelValue": (args_0: string) => any;
40
40
  }, import('vue').PublicProps, {
41
+ label: string;
41
42
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
42
43
  disabled: boolean;
43
- label: string;
44
44
  readonly: boolean;
45
45
  id: string;
46
46
  modelValue: string;
@@ -97,9 +97,9 @@ declare const meta: {
97
97
  }>, {
98
98
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
99
99
  }, {}, {}, {}, {
100
+ label: string;
100
101
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
101
102
  disabled: boolean;
102
- label: string;
103
103
  readonly: boolean;
104
104
  id: string;
105
105
  modelValue: string;
@@ -157,9 +157,9 @@ declare const meta: {
157
157
  keyup: (args_0: KeyboardEvent) => any;
158
158
  "update:modelValue": (args_0: string) => any;
159
159
  }, string, {
160
+ label: string;
160
161
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
161
162
  disabled: boolean;
162
- label: string;
163
163
  readonly: boolean;
164
164
  id: string;
165
165
  modelValue: string;
@@ -281,9 +281,9 @@ declare const meta: {
281
281
  keyup: (args_0: KeyboardEvent) => any;
282
282
  "update:modelValue": (args_0: string) => any;
283
283
  }, import('vue').PublicProps, {
284
+ label: string;
284
285
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
285
286
  disabled: boolean;
286
- label: string;
287
287
  readonly: boolean;
288
288
  id: string;
289
289
  modelValue: string;
@@ -340,9 +340,9 @@ declare const meta: {
340
340
  }>, {
341
341
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
342
342
  }, {}, {}, {}, {
343
+ label: string;
343
344
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
344
345
  disabled: boolean;
345
- label: string;
346
346
  readonly: boolean;
347
347
  id: string;
348
348
  modelValue: string;
@@ -400,9 +400,9 @@ declare const meta: {
400
400
  keyup: (args_0: KeyboardEvent) => any;
401
401
  "update:modelValue": (args_0: string) => any;
402
402
  }, string, {
403
+ label: string;
403
404
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
404
405
  disabled: boolean;
405
- label: string;
406
406
  readonly: boolean;
407
407
  id: string;
408
408
  modelValue: string;
@@ -463,9 +463,9 @@ declare const meta: {
463
463
  keyup: (args_0: KeyboardEvent) => any;
464
464
  "update:modelValue": (args_0: string) => any;
465
465
  }, import('vue').PublicProps, {
466
+ label: string;
466
467
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
467
468
  disabled: boolean;
468
- label: string;
469
469
  readonly: boolean;
470
470
  id: string;
471
471
  modelValue: string;
@@ -522,9 +522,9 @@ declare const meta: {
522
522
  }>, {
523
523
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
524
524
  }, {}, {}, {}, {
525
+ label: string;
525
526
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
526
527
  disabled: boolean;
527
- label: string;
528
528
  readonly: boolean;
529
529
  id: string;
530
530
  modelValue: string;
@@ -582,9 +582,9 @@ declare const meta: {
582
582
  keyup: (args_0: KeyboardEvent) => any;
583
583
  "update:modelValue": (args_0: string) => any;
584
584
  }, string, {
585
+ label: string;
585
586
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
586
587
  disabled: boolean;
587
- label: string;
588
588
  readonly: boolean;
589
589
  id: string;
590
590
  modelValue: string;
@@ -646,9 +646,9 @@ declare const meta: {
646
646
  keyup: (args_0: KeyboardEvent) => any;
647
647
  "update:modelValue": (args_0: string) => any;
648
648
  }, import('vue').PublicProps, {
649
+ label: string;
649
650
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
650
651
  disabled: boolean;
651
- label: string;
652
652
  readonly: boolean;
653
653
  id: string;
654
654
  modelValue: string;
@@ -705,9 +705,9 @@ declare const meta: {
705
705
  }>, {
706
706
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
707
707
  }, {}, {}, {}, {
708
+ label: string;
708
709
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
709
710
  disabled: boolean;
710
- label: string;
711
711
  readonly: boolean;
712
712
  id: string;
713
713
  modelValue: string;
@@ -765,9 +765,9 @@ declare const meta: {
765
765
  keyup: (args_0: KeyboardEvent) => any;
766
766
  "update:modelValue": (args_0: string) => any;
767
767
  }, string, {
768
+ label: string;
768
769
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
769
770
  disabled: boolean;
770
- label: string;
771
771
  readonly: boolean;
772
772
  id: string;
773
773
  modelValue: string;
package/dist/components/UiInput/UiInput.vue.d.ts CHANGED
@@ -46,9 +46,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
46
46
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
47
47
  "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
48
48
  }>, {
49
+ label: string;
49
50
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
50
51
  disabled: boolean;
51
- label: string;
52
52
  readonly: boolean;
53
53
  id: string;
54
54
  modelValue: string;
package/dist/components/UiList/UiList.stories.d.ts CHANGED
@@ -28,7 +28,7 @@ declare const meta: {
28
28
  selectable?: boolean;
29
29
  overrideClasses?: string;
30
30
  checkBoxColor?: "blue" | "gray";
31
- iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
31
+ iconName?: import('..').UiIconName | null;
32
32
  imageSrc?: string;
33
33
  imageShape?: "rounded" | "square";
34
34
  iconSize?: "small" | "medium" | "large";
@@ -47,7 +47,7 @@ declare const meta: {
47
47
  selectable: boolean;
48
48
  overrideClasses: string;
49
49
  checkBoxColor: "blue" | "gray";
50
- iconName: typeof import('../UiIcon/iconNames').iconNames[number] | null;
50
+ iconName: import('..').UiIconName | null;
51
51
  imageSrc: string;
52
52
  imageShape: "rounded" | "square";
53
53
  iconSize: "small" | "medium" | "large";
@@ -69,7 +69,7 @@ declare const meta: {
69
69
  selectable?: boolean;
70
70
  overrideClasses?: string;
71
71
  checkBoxColor?: "blue" | "gray";
72
- iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
72
+ iconName?: import('..').UiIconName | null;
73
73
  imageSrc?: string;
74
74
  imageShape?: "rounded" | "square";
75
75
  iconSize?: "small" | "medium" | "large";
@@ -86,7 +86,7 @@ declare const meta: {
86
86
  selectable: boolean;
87
87
  overrideClasses: string;
88
88
  checkBoxColor: "blue" | "gray";
89
- iconName: typeof import('../UiIcon/iconNames').iconNames[number] | null;
89
+ iconName: import('..').UiIconName | null;
90
90
  imageSrc: string;
91
91
  imageShape: "rounded" | "square";
92
92
  iconSize: "small" | "medium" | "large";
@@ -103,7 +103,7 @@ declare const meta: {
103
103
  selectable?: boolean;
104
104
  overrideClasses?: string;
105
105
  checkBoxColor?: "blue" | "gray";
106
- iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
106
+ iconName?: import('..').UiIconName | null;
107
107
  imageSrc?: string;
108
108
  imageShape?: "rounded" | "square";
109
109
  iconSize?: "small" | "medium" | "large";
@@ -122,7 +122,7 @@ declare const meta: {
122
122
  selectable: boolean;
123
123
  overrideClasses: string;
124
124
  checkBoxColor: "blue" | "gray";
125
- iconName: typeof import('../UiIcon/iconNames').iconNames[number] | null;
125
+ iconName: import('..').UiIconName | null;
126
126
  imageSrc: string;
127
127
  imageShape: "rounded" | "square";
128
128
  iconSize: "small" | "medium" | "large";