@dpa-id-components/dpa-shared-components 13.0.1 → 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 (25) hide show
  1. package/dist/components/UiAutocomplete/UiAutocomplete.stories.d.ts +11 -11
  2. package/dist/components/UiAutocomplete/UiAutocomplete.vue.d.ts +11 -11
  3. package/dist/components/UiBadge/UiBadge.stories.d.ts +1 -1
  4. package/dist/components/UiButton/UiButton.stories.d.ts +1 -1
  5. package/dist/components/UiDatePicker/UiDatePicker.stories.d.ts +9 -9
  6. package/dist/components/UiDatePicker/UiDatePicker.vue.d.ts +4 -4
  7. package/dist/components/UiFilterButton/UiFilterButton.stories.d.ts +34 -2
  8. package/dist/components/UiFilterButton/UiFilterButton.vue.d.ts +5 -0
  9. package/dist/components/UiIcon/UiIcon.stories.d.ts +1 -1
  10. package/dist/components/UiIcon/iconNames.d.ts +1 -1
  11. package/dist/components/UiIconButton/UiIconButton.stories.d.ts +1 -1
  12. package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts +1 -1
  13. package/dist/components/UiInput/UiInput.stories.d.ts +44 -44
  14. package/dist/components/UiInput/UiInput.vue.d.ts +7 -6
  15. package/dist/components/UiListItem/UiListItem.stories.d.ts +1 -1
  16. package/dist/components/UiMenu/UiMenu.stories.d.ts +1 -1
  17. package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +45 -3
  18. package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts +12 -1
  19. package/dist/components/UiSnackbar/UiSnackbar.stories.d.ts +1 -1
  20. package/dist/components/UiTextButton/UiTextButton.stories.d.ts +2 -2
  21. package/dist/dpa-shared-components.mjs +2003 -1954
  22. package/dist/dpa-shared-components.umd.js +4 -4
  23. package/dist/list-search-8mB4oGGn.mjs +21 -0
  24. package/dist/style.css +1 -1
  25. package/package.json +1 -1
package/dist/components/UiAutocomplete/UiAutocomplete.stories.d.ts CHANGED
@@ -31,8 +31,8 @@ declare const meta: {
31
31
  $: import('vue').ComponentInternalInstance;
32
32
  $data: {};
33
33
  $props: {
34
- readonly id?: string | undefined;
35
34
  readonly modelValue?: string | undefined;
35
+ readonly id?: string | undefined;
36
36
  readonly type?: "text" | "number" | "time" | "date" | "password" | "datetime-local" | undefined;
37
37
  readonly label?: string | undefined;
38
38
  readonly placeholder?: string | undefined;
@@ -55,7 +55,7 @@ declare const meta: {
55
55
  readonly onFocus?: ((args_0: FocusEvent) => any) | undefined;
56
56
  readonly onInput?: ((args_0: string) => any) | undefined;
57
57
  readonly onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
58
- readonly "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
58
+ readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
59
59
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
60
60
  $attrs: {
61
61
  [x: string]: unknown;
@@ -71,11 +71,12 @@ declare const meta: {
71
71
  $root: import('vue').ComponentPublicInstance | null;
72
72
  $parent: import('vue').ComponentPublicInstance | null;
73
73
  $host: Element | null;
74
- $emit: ((event: "blur", args_0: FocusEvent) => void) & ((event: "focus", args_0: FocusEvent) => void) & ((event: "input", args_0: string) => void) & ((event: "keyup", args_0: KeyboardEvent) => void) & ((event: "update:modelValue", args_0: string) => void);
74
+ $emit: ((event: "blur", args_0: FocusEvent) => void) & ((event: "focus", args_0: FocusEvent) => void) & ((event: "input", args_0: string) => void) & ((event: "keyup", args_0: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
75
75
  $el: any;
76
76
  $options: import('vue').ComponentOptionsBase<Readonly<{
77
- id?: string;
78
77
  modelValue?: string;
78
+ } & {
79
+ id?: string;
79
80
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
80
81
  label?: string;
81
82
  placeholder?: string;
@@ -99,7 +100,7 @@ declare const meta: {
99
100
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
100
101
  onInput?: ((args_0: string) => any) | undefined;
101
102
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
102
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
103
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
103
104
  }>, {
104
105
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
105
106
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -107,14 +108,13 @@ declare const meta: {
107
108
  focus: (args_0: FocusEvent) => any;
108
109
  input: (args_0: string) => any;
109
110
  keyup: (args_0: KeyboardEvent) => any;
110
- "update:modelValue": (args_0: string) => any;
111
+ "update:modelValue": (value: string) => any;
111
112
  }, string, {
112
113
  label: string;
113
114
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
114
115
  disabled: boolean;
115
116
  readonly: boolean;
116
117
  id: string;
117
- modelValue: string;
118
118
  placeholder: string;
119
119
  autofocus: boolean;
120
120
  chevron: boolean;
@@ -155,7 +155,6 @@ declare const meta: {
155
155
  disabled: boolean;
156
156
  readonly: boolean;
157
157
  id: string;
158
- modelValue: string;
159
158
  placeholder: string;
160
159
  autofocus: boolean;
161
160
  chevron: boolean;
@@ -171,8 +170,9 @@ declare const meta: {
171
170
  inputStatus: "default" | "info" | "readonly" | "warning" | "error";
172
171
  isUiAutocomplete: boolean;
173
172
  }> & Omit<Readonly<{
174
- id?: string;
175
173
  modelValue?: string;
174
+ } & {
175
+ id?: string;
176
176
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
177
177
  label?: string;
178
178
  placeholder?: string;
@@ -196,8 +196,8 @@ declare const meta: {
196
196
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
197
197
  onInput?: ((args_0: string) => any) | undefined;
198
198
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
199
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
200
- }>, "inputRef" | ("label" | "type" | "disabled" | "readonly" | "id" | "modelValue" | "placeholder" | "autofocus" | "chevron" | "isDateTimePicker" | "autocomplete" | "isInvalid" | "errorMessage" | "showWarning" | "warningMessage" | "isTextarea" | "hasInfo" | "infoText" | "inputStatus" | "isUiAutocomplete")> & import('vue').ShallowUnwrapRef<{
199
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
200
+ }>, "inputRef" | ("label" | "type" | "disabled" | "readonly" | "id" | "placeholder" | "autofocus" | "chevron" | "isDateTimePicker" | "autocomplete" | "isInvalid" | "errorMessage" | "showWarning" | "warningMessage" | "isTextarea" | "hasInfo" | "infoText" | "inputStatus" | "isUiAutocomplete")> & import('vue').ShallowUnwrapRef<{
201
201
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
202
202
  }> & {} & import('vue').ComponentCustomProperties & {} & {
203
203
  $slots: {
package/dist/components/UiAutocomplete/UiAutocomplete.vue.d.ts CHANGED
@@ -22,8 +22,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
22
22
  $: import('vue').ComponentInternalInstance;
23
23
  $data: {};
24
24
  $props: {
25
- readonly id?: string | undefined;
26
25
  readonly modelValue?: string | undefined;
26
+ readonly id?: string | undefined;
27
27
  readonly type?: "text" | "number" | "time" | "date" | "password" | "datetime-local" | undefined;
28
28
  readonly label?: string | undefined;
29
29
  readonly placeholder?: string | undefined;
@@ -46,7 +46,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
46
46
  readonly onFocus?: ((args_0: FocusEvent) => any) | undefined;
47
47
  readonly onInput?: ((args_0: string) => any) | undefined;
48
48
  readonly onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
49
- readonly "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
49
+ readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
50
50
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
51
51
  $attrs: {
52
52
  [x: string]: unknown;
@@ -62,11 +62,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
62
62
  $root: import('vue').ComponentPublicInstance | null;
63
63
  $parent: import('vue').ComponentPublicInstance | null;
64
64
  $host: Element | null;
65
- $emit: ((event: "blur", args_0: FocusEvent) => void) & ((event: "focus", args_0: FocusEvent) => void) & ((event: "input", args_0: string) => void) & ((event: "keyup", args_0: KeyboardEvent) => void) & ((event: "update:modelValue", args_0: string) => void);
65
+ $emit: ((event: "blur", args_0: FocusEvent) => void) & ((event: "focus", args_0: FocusEvent) => void) & ((event: "input", args_0: string) => void) & ((event: "keyup", args_0: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
66
66
  $el: any;
67
67
  $options: import('vue').ComponentOptionsBase<Readonly<{
68
- id?: string;
69
68
  modelValue?: string;
69
+ } & {
70
+ id?: string;
70
71
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
71
72
  label?: string;
72
73
  placeholder?: string;
@@ -90,7 +91,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
90
91
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
91
92
  onInput?: ((args_0: string) => any) | undefined;
92
93
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
93
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
94
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
94
95
  }>, {
95
96
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
96
97
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -98,14 +99,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
98
99
  focus: (args_0: FocusEvent) => any;
99
100
  input: (args_0: string) => any;
100
101
  keyup: (args_0: KeyboardEvent) => any;
101
- "update:modelValue": (args_0: string) => any;
102
+ "update:modelValue": (value: string) => any;
102
103
  }, string, {
103
104
  label: string;
104
105
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
105
106
  disabled: boolean;
106
107
  readonly: boolean;
107
108
  id: string;
108
- modelValue: string;
109
109
  placeholder: string;
110
110
  autofocus: boolean;
111
111
  chevron: boolean;
@@ -146,7 +146,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
146
146
  disabled: boolean;
147
147
  readonly: boolean;
148
148
  id: string;
149
- modelValue: string;
150
149
  placeholder: string;
151
150
  autofocus: boolean;
152
151
  chevron: boolean;
@@ -162,8 +161,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
162
161
  inputStatus: "default" | "info" | "readonly" | "warning" | "error";
163
162
  isUiAutocomplete: boolean;
164
163
  }> & Omit<Readonly<{
165
- id?: string;
166
164
  modelValue?: string;
165
+ } & {
166
+ id?: string;
167
167
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
168
168
  label?: string;
169
169
  placeholder?: string;
@@ -187,8 +187,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
187
187
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
188
188
  onInput?: ((args_0: string) => any) | undefined;
189
189
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
190
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
191
- }>, "inputRef" | ("label" | "type" | "disabled" | "readonly" | "id" | "modelValue" | "placeholder" | "autofocus" | "chevron" | "isDateTimePicker" | "autocomplete" | "isInvalid" | "errorMessage" | "showWarning" | "warningMessage" | "isTextarea" | "hasInfo" | "infoText" | "inputStatus" | "isUiAutocomplete")> & import('vue').ShallowUnwrapRef<{
190
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
191
+ }>, "inputRef" | ("label" | "type" | "disabled" | "readonly" | "id" | "placeholder" | "autofocus" | "chevron" | "isDateTimePicker" | "autocomplete" | "isInvalid" | "errorMessage" | "showWarning" | "warningMessage" | "isTextarea" | "hasInfo" | "infoText" | "inputStatus" | "isUiAutocomplete")> & import('vue').ShallowUnwrapRef<{
192
192
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
193
193
  }> & {} & import('vue').ComponentCustomProperties & {} & {
194
194
  $slots: {
package/dist/components/UiBadge/UiBadge.stories.d.ts CHANGED
@@ -76,7 +76,7 @@ declare const meta: {
76
76
  };
77
77
  iconName: {
78
78
  control: "select";
79
- 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" | null)[];
79
+ 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" | "list-search" | "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" | null)[];
80
80
  };
81
81
  mobileTrim: {
82
82
  control: "boolean";
package/dist/components/UiButton/UiButton.stories.d.ts CHANGED
@@ -79,7 +79,7 @@ declare const meta: {
79
79
  argTypes: {
80
80
  iconName: {
81
81
  control: "select";
82
- 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")[];
82
+ 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" | "list-search" | "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")[];
83
83
  };
84
84
  disabled: {
85
85
  control: "boolean";
package/dist/components/UiDatePicker/UiDatePicker.stories.d.ts CHANGED
@@ -234,9 +234,9 @@ declare const meta: {
234
234
  readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
235
235
  readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
236
236
  readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
237
- readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
238
237
  readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
239
238
  readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
239
+ readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
240
240
  readonly range?: import('vue').Prop<boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined, boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined> | null | undefined;
241
241
  readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
242
242
  static: boolean;
@@ -767,9 +767,9 @@ declare const meta: {
767
767
  readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
768
768
  readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
769
769
  readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
770
- readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
771
770
  readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
772
771
  readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
772
+ readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
773
773
  readonly range?: import('vue').Prop<boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined, boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined> | null | undefined;
774
774
  readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
775
775
  static: boolean;
@@ -1408,7 +1408,7 @@ declare const meta: {
1408
1408
  };
1409
1409
  iconLeft: {
1410
1410
  control: "select";
1411
- 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")[];
1411
+ 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" | "list-search" | "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")[];
1412
1412
  };
1413
1413
  };
1414
1414
  args: {
@@ -1670,9 +1670,9 @@ declare const meta: {
1670
1670
  readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
1671
1671
  readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
1672
1672
  readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
1673
- readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
1674
1673
  readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
1675
1674
  readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
1675
+ readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
1676
1676
  readonly range?: import('vue').Prop<boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined, boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined> | null | undefined;
1677
1677
  readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
1678
1678
  static: boolean;
@@ -2203,9 +2203,9 @@ declare const meta: {
2203
2203
  readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
2204
2204
  readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
2205
2205
  readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
2206
- readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
2207
2206
  readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
2208
2207
  readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
2208
+ readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
2209
2209
  readonly range?: import('vue').Prop<boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined, boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined> | null | undefined;
2210
2210
  readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
2211
2211
  static: boolean;
@@ -3000,9 +3000,9 @@ declare const meta: {
3000
3000
  readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
3001
3001
  readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
3002
3002
  readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
3003
- readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
3004
3003
  readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
3005
3004
  readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
3005
+ readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
3006
3006
  readonly range?: import('vue').Prop<boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined, boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined> | null | undefined;
3007
3007
  readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
3008
3008
  static: boolean;
@@ -3533,9 +3533,9 @@ declare const meta: {
3533
3533
  readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
3534
3534
  readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
3535
3535
  readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
3536
- readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
3537
3536
  readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
3538
3537
  readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
3538
+ readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
3539
3539
  readonly range?: import('vue').Prop<boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined, boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined> | null | undefined;
3540
3540
  readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
3541
3541
  static: boolean;
@@ -4331,9 +4331,9 @@ declare const meta: {
4331
4331
  readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
4332
4332
  readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
4333
4333
  readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
4334
- readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
4335
4334
  readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
4336
4335
  readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
4336
+ readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
4337
4337
  readonly range?: import('vue').Prop<boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined, boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined> | null | undefined;
4338
4338
  readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
4339
4339
  static: boolean;
@@ -4864,9 +4864,9 @@ declare const meta: {
4864
4864
  readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
4865
4865
  readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
4866
4866
  readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
4867
- readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
4868
4867
  readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
4869
4868
  readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
4869
+ readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
4870
4870
  readonly range?: import('vue').Prop<boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined, boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined> | null | undefined;
4871
4871
  readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
4872
4872
  static: boolean;
package/dist/components/UiDatePicker/UiDatePicker.vue.d.ts CHANGED
@@ -197,9 +197,9 @@ declare function __VLS_template(): {
197
197
  readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
198
198
  readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
199
199
  readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
200
- readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
201
200
  readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
202
201
  readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
202
+ readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
203
203
  readonly range?: import('vue').Prop<boolean | RangeConfig | undefined, boolean | RangeConfig | undefined> | null | undefined;
204
204
  readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
205
205
  static: boolean;
@@ -730,9 +730,9 @@ declare function __VLS_template(): {
730
730
  readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
731
731
  readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
732
732
  readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
733
- readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
734
733
  readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
735
734
  readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
735
+ readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
736
736
  readonly range?: import('vue').Prop<boolean | RangeConfig | undefined, boolean | RangeConfig | undefined> | null | undefined;
737
737
  readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
738
738
  static: boolean;
@@ -1315,9 +1315,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
1315
1315
  readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
1316
1316
  readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
1317
1317
  readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
1318
- readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
1319
1318
  readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
1320
1319
  readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
1320
+ readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
1321
1321
  readonly range?: import('vue').Prop<boolean | RangeConfig | undefined, boolean | RangeConfig | undefined> | null | undefined;
1322
1322
  readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
1323
1323
  static: boolean;
@@ -1848,9 +1848,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
1848
1848
  readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
1849
1849
  readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
1850
1850
  readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
1851
- readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
1852
1851
  readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
1853
1852
  readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
1853
+ readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
1854
1854
  readonly range?: import('vue').Prop<boolean | RangeConfig | undefined, boolean | RangeConfig | undefined> | null | undefined;
1855
1855
  readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
1856
1856
  static: boolean;
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: {
@@ -49,7 +55,7 @@ declare const meta: {
49
55
  };
50
56
  chevronIcon: {
51
57
  control: "select";
52
- 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")[];
58
+ 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" | "list-search" | "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")[];
53
59
  };
54
60
  rotateIcon: {
55
61
  control: "boolean";
@@ -65,7 +71,7 @@ declare const meta: {
65
71
  };
66
72
  iconLeft: {
67
73
  control: "select";
68
- 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")[];
74
+ 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" | "list-search" | "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")[];
69
75
  };
70
76
  iconSize: {
71
77
  control: "select";
@@ -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;