@dpa-id-components/dpa-shared-components 13.1.0 → 13.2.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 (7) hide show
  1. package/dist/components/UiFilterButton/UiFilterButton.stories.d.ts +32 -0
  2. package/dist/components/UiFilterButton/UiFilterButton.vue.d.ts +5 -0
  3. package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +12 -0
  4. package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts +4 -0
  5. package/dist/dpa-shared-components.mjs +260 -228
  6. package/dist/dpa-shared-components.umd.js +3 -3
  7. package/package.json +1 -1
package/dist/components/UiFilterButton/UiFilterButton.stories.d.ts CHANGED
@@ -12,6 +12,8 @@ declare const meta: {
12
12
  active?: boolean;
13
13
  hasIcon?: boolean;
14
14
  iconLeft?: import('..').UiIconName | null;
15
+ iconLeftClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
16
+ iconRightClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
15
17
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
16
18
  click: () => any;
17
19
  }, string, import('vue').PublicProps, Readonly<{
@@ -25,6 +27,8 @@ declare const meta: {
25
27
  active?: boolean;
26
28
  hasIcon?: boolean;
27
29
  iconLeft?: import('..').UiIconName | null;
30
+ iconLeftClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
31
+ iconRightClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
28
32
  }> & Readonly<{
29
33
  onClick?: (() => any) | undefined;
30
34
  }>, {
@@ -38,6 +42,8 @@ declare const meta: {
38
42
  active: boolean;
39
43
  hasIcon: boolean;
40
44
  iconLeft: import('..').UiIconName | null;
45
+ iconLeftClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
46
+ iconRightClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
41
47
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
42
48
  argTypes: {
43
49
  title: {
@@ -75,6 +81,12 @@ declare const meta: {
75
81
  control: "select";
76
82
  options: string[];
77
83
  };
84
+ iconLeftClass: {
85
+ control: "text";
86
+ };
87
+ iconRightClass: {
88
+ control: "text";
89
+ };
78
90
  };
79
91
  args: {
80
92
  title: string;
@@ -86,6 +98,8 @@ declare const meta: {
86
98
  hasIcon: true;
87
99
  iconSize: "xs";
88
100
  iconLeft: null;
101
+ iconLeftClass: undefined;
102
+ iconRightClass: undefined;
89
103
  };
90
104
  render: (args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
91
105
  title?: string;
@@ -98,6 +112,8 @@ declare const meta: {
98
112
  active?: boolean;
99
113
  hasIcon?: boolean;
100
114
  iconLeft?: import('..').UiIconName | null;
115
+ iconLeftClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
116
+ iconRightClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
101
117
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
102
118
  click: () => any;
103
119
  }, string, import('vue').PublicProps, Readonly<{
@@ -111,6 +127,8 @@ declare const meta: {
111
127
  active?: boolean;
112
128
  hasIcon?: boolean;
113
129
  iconLeft?: import('..').UiIconName | null;
130
+ iconLeftClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
131
+ iconRightClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
114
132
  }> & Readonly<{
115
133
  onClick?: (() => any) | undefined;
116
134
  }>, {
@@ -124,6 +142,8 @@ declare const meta: {
124
142
  active: boolean;
125
143
  hasIcon: boolean;
126
144
  iconLeft: import('..').UiIconName | null;
145
+ iconLeftClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
146
+ iconRightClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
127
147
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>>) => {
128
148
  setup(this: void): {
129
149
  args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
@@ -137,6 +157,8 @@ declare const meta: {
137
157
  active?: boolean;
138
158
  hasIcon?: boolean;
139
159
  iconLeft?: import('..').UiIconName | null;
160
+ iconLeftClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
161
+ iconRightClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
140
162
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
141
163
  click: () => any;
142
164
  }, string, import('vue').PublicProps, Readonly<{
@@ -150,6 +172,8 @@ declare const meta: {
150
172
  active?: boolean;
151
173
  hasIcon?: boolean;
152
174
  iconLeft?: import('..').UiIconName | null;
175
+ iconLeftClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
176
+ iconRightClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
153
177
  }> & Readonly<{
154
178
  onClick?: (() => any) | undefined;
155
179
  }>, {
@@ -163,6 +187,8 @@ declare const meta: {
163
187
  active: boolean;
164
188
  hasIcon: boolean;
165
189
  iconLeft: import('..').UiIconName | null;
190
+ iconLeftClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
191
+ iconRightClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
166
192
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>>;
167
193
  };
168
194
  components: {
@@ -177,6 +203,8 @@ declare const meta: {
177
203
  active?: boolean;
178
204
  hasIcon?: boolean;
179
205
  iconLeft?: import('..').UiIconName | null;
206
+ iconLeftClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
207
+ iconRightClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
180
208
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
181
209
  click: () => any;
182
210
  }, string, import('vue').PublicProps, Readonly<{
@@ -190,6 +218,8 @@ declare const meta: {
190
218
  active?: boolean;
191
219
  hasIcon?: boolean;
192
220
  iconLeft?: import('..').UiIconName | null;
221
+ iconLeftClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
222
+ iconRightClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
193
223
  }> & Readonly<{
194
224
  onClick?: (() => any) | undefined;
195
225
  }>, {
@@ -203,6 +233,8 @@ declare const meta: {
203
233
  active: boolean;
204
234
  hasIcon: boolean;
205
235
  iconLeft: import('..').UiIconName | null;
236
+ iconLeftClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
237
+ iconRightClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
206
238
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
207
239
  };
208
240
  template: string;
package/dist/components/UiFilterButton/UiFilterButton.vue.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { UiIconName } from '../UiIcon/UiIcon.vue';
2
+ import { ClassValue } from 'clsx';
2
3
  type __VLS_Props = {
3
4
  title?: string;
4
5
  variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
@@ -10,6 +11,8 @@ type __VLS_Props = {
10
11
  active?: boolean;
11
12
  hasIcon?: boolean;
12
13
  iconLeft?: UiIconName | null;
14
+ iconLeftClass?: ClassValue | ClassValue[];
15
+ iconRightClass?: ClassValue | ClassValue[];
13
16
  };
14
17
  declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
15
18
  click: () => any;
@@ -26,5 +29,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
26
29
  active: boolean;
27
30
  hasIcon: boolean;
28
31
  iconLeft: UiIconName | null;
32
+ iconLeftClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | ClassValue[] | null;
33
+ iconRightClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | ClassValue[] | null;
29
34
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
30
35
  export default _default;
package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts CHANGED
@@ -17,6 +17,8 @@ declare const meta: {
17
17
  hasShadow?: boolean;
18
18
  slotClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
19
19
  resetButtonWrapperClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
20
+ resetButtonClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
21
+ showResetButtonOnMobile?: boolean;
20
22
  }> & Readonly<{
21
23
  onReset?: ((args_0: string) => any) | undefined;
22
24
  onSearch?: ((args_0: string) => any) | undefined;
@@ -44,6 +46,8 @@ declare const meta: {
44
46
  hasShadow: boolean;
45
47
  slotClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
46
48
  resetButtonWrapperClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
49
+ resetButtonClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
50
+ showResetButtonOnMobile: boolean;
47
51
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
48
52
  searchInputRef: HTMLInputElement;
49
53
  }, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -64,6 +68,8 @@ declare const meta: {
64
68
  hasShadow?: boolean;
65
69
  slotClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
66
70
  resetButtonWrapperClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
71
+ resetButtonClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
72
+ showResetButtonOnMobile?: boolean;
67
73
  }> & Readonly<{
68
74
  onReset?: ((args_0: string) => any) | undefined;
69
75
  onSearch?: ((args_0: string) => any) | undefined;
@@ -84,6 +90,8 @@ declare const meta: {
84
90
  hasShadow: boolean;
85
91
  slotClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
86
92
  resetButtonWrapperClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
93
+ resetButtonClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
94
+ showResetButtonOnMobile: boolean;
87
95
  }>;
88
96
  __isFragment?: never;
89
97
  __isTeleport?: never;
@@ -99,6 +107,8 @@ declare const meta: {
99
107
  hasShadow?: boolean;
100
108
  slotClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
101
109
  resetButtonWrapperClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
110
+ resetButtonClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
111
+ showResetButtonOnMobile?: boolean;
102
112
  }> & Readonly<{
103
113
  onReset?: ((args_0: string) => any) | undefined;
104
114
  onSearch?: ((args_0: string) => any) | undefined;
@@ -126,6 +136,8 @@ declare const meta: {
126
136
  hasShadow: boolean;
127
137
  slotClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
128
138
  resetButtonWrapperClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
139
+ resetButtonClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
140
+ showResetButtonOnMobile: boolean;
129
141
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
130
142
  $slots: {
131
143
  nonEditableChips?(_: {}): any;
package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts CHANGED
@@ -10,6 +10,8 @@ type __VLS_Props = {
10
10
  hasShadow?: boolean;
11
11
  slotClass?: ClassValue | ClassValue[];
12
12
  resetButtonWrapperClass?: ClassValue | ClassValue[];
13
+ resetButtonClass?: ClassValue | ClassValue[];
14
+ showResetButtonOnMobile?: boolean;
13
15
  };
14
16
  declare function __VLS_template(): {
15
17
  attrs: Partial<{}>;
@@ -52,6 +54,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
52
54
  hasShadow: boolean;
53
55
  slotClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | ClassValue[] | null;
54
56
  resetButtonWrapperClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | ClassValue[] | null;
57
+ resetButtonClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | ClassValue[] | null;
58
+ showResetButtonOnMobile: boolean;
55
59
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
56
60
  searchInputRef: HTMLInputElement;
57
61
  }, HTMLDivElement>;