@bethinkpl/design-system 26.7.1 → 26.8.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 (39) hide show
  1. package/.eslintrc.cjs +1 -0
  2. package/dist/design-system.umd.cjs +17 -17
  3. package/dist/design-system.umd.cjs.map +1 -1
  4. package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts +418 -0
  5. package/dist/lib/js/components/DatePickers/DateBox/index.d.ts +3 -0
  6. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +5 -20
  7. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +5 -24
  8. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +2 -2
  9. package/dist/lib/js/components/TextGroup/TextGroup.vue.d.ts +1 -1
  10. package/dist/lib/js/index.d.ts +1 -0
  11. package/docs/assets/{BasicRichListItem.stories-D5cFXBnH.js → BasicRichListItem.stories-CcHSG7m9.js} +1 -1
  12. package/docs/assets/{Color-ERTF36HU-Bdv_bt15.js → Color-ERTF36HU-Cl7k2CiW.js} +1 -1
  13. package/docs/assets/DateBox.stories-CCMM_bz7.js +30 -0
  14. package/docs/assets/DatePicker-CpgyDlQB.js +2 -0
  15. package/docs/assets/{DatePicker.stories-D4LubdID.js → DatePicker.stories-BHR8avdJ.js} +1 -1
  16. package/docs/assets/DateRangePicker-D8hHjWi0.js +1 -0
  17. package/docs/assets/{DateRangePicker.stories-CmHayQUD.js → DateRangePicker.stories-DeUSbyPk.js} +1 -1
  18. package/docs/assets/{DocsRenderer-CFRXHY34-7YPgF_58.js → DocsRenderer-CFRXHY34-D7ZfZi7e.js} +5 -5
  19. package/docs/assets/{RichListItem.stories-Dh3jAgkT.js → RichListItem.stories-3MgSvdLF.js} +1 -1
  20. package/docs/assets/{SelectionTile-A8HfI_-S.js → SelectionTile-CmtXisA8.js} +1 -1
  21. package/docs/assets/{SelectionTile.stories-CG4N75Mo.js → SelectionTile.stories-_3ZFRUYJ.js} +1 -1
  22. package/docs/assets/{iframe-PlXRfjR9.js → iframe-CyhtZ8S-.js} +4 -4
  23. package/docs/assets/{index-DGocbclh.js → index-BxvhpXoy.js} +1 -1
  24. package/docs/assets/{index-Dwdn4P5V.js → index-aHmFlg65.js} +1 -1
  25. package/docs/assets/{preview-19u1OjCM.js → preview-DYM3zEKi.js} +1 -1
  26. package/docs/assets/{preview-BqTxE9pa.js → preview-Gp_N-XaH.js} +2 -2
  27. package/docs/iframe.html +1 -1
  28. package/docs/index.json +1 -1
  29. package/docs/project.json +1 -1
  30. package/lib/js/components/DatePickers/DateBox/DateBox.stories.ts +99 -0
  31. package/lib/js/components/DatePickers/{DatePickerBox/DatePickerBox.vue → DateBox/DateBox.vue} +52 -37
  32. package/lib/js/components/DatePickers/DateBox/index.ts +3 -0
  33. package/lib/js/components/DatePickers/DatePicker/DatePicker.vue +3 -4
  34. package/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue +4 -31
  35. package/lib/js/index.ts +1 -0
  36. package/package.json +1 -1
  37. package/docs/assets/DatePicker-DIJ8aqM6.js +0 -2
  38. package/docs/assets/DateRangePicker-1oxiA7Lf.js +0 -1
  39. package/lib/js/components/DatePickers/DatePickerBox/index.ts +0 -3
package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts ADDED
@@ -0,0 +1,418 @@
1
+ import { DatePickerColors } from '../DatePicker/DatePicker.consts';
2
+ import { PropType } from 'vue';
3
+
4
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
5
+ isInteractive: {
6
+ type: BooleanConstructor;
7
+ default: boolean;
8
+ };
9
+ placeholder: {
10
+ type: StringConstructor;
11
+ default: string;
12
+ };
13
+ startDate: {
14
+ type: DateConstructor;
15
+ default: null;
16
+ };
17
+ endDate: {
18
+ type: DateConstructor;
19
+ default: null;
20
+ };
21
+ startIcon: {
22
+ type: ObjectConstructor;
23
+ default: null;
24
+ validate: (icon: any) => boolean;
25
+ };
26
+ endIcon: {
27
+ type: ObjectConstructor;
28
+ default: null;
29
+ validate: (icon: any) => boolean;
30
+ };
31
+ areIconsHiddenOnMobile: {
32
+ type: BooleanConstructor;
33
+ default: boolean;
34
+ };
35
+ state: {
36
+ type: PropType<string>;
37
+ default: string;
38
+ };
39
+ color: {
40
+ type: PropType<DatePickerColors>;
41
+ default: string;
42
+ };
43
+ isOpen: {
44
+ type: BooleanConstructor;
45
+ default: boolean;
46
+ };
47
+ }>, {}, {
48
+ ICONS: Readonly<{
49
+ readonly ANSWERS: VueConstructor<Vue>;
50
+ readonly CHANGE: VueConstructor<Vue>;
51
+ readonly COMMENTS_CHECK: VueConstructor<Vue>;
52
+ readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
53
+ readonly HIDE_ANSWERS: VueConstructor<Vue>;
54
+ readonly RIBBON: VueConstructor<Vue>;
55
+ readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
56
+ readonly SLIDERS_SEARCH: VueConstructor<Vue>;
57
+ readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
58
+ readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
59
+ readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
60
+ readonly FA_ANGLE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
61
+ readonly FA_ANGLE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
62
+ readonly FA_ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
63
+ readonly FA_ARROW_DOWN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
64
+ readonly FA_ARROW_DOWN_TO_LINE: import('@fortawesome/fontawesome-common-types').IconDefinition;
65
+ readonly FA_ARROW_LEFT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
66
+ readonly FA_ARROW_POINTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
67
+ readonly FA_ARROW_RIGHT_FROM_BRACKET: import('@fortawesome/fontawesome-common-types').IconDefinition;
68
+ readonly FA_ARROW_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
69
+ readonly FA_ARROW_ROTATE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
70
+ readonly FA_ARROW_ROTATE_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
71
+ readonly FA_ARROW_UP_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
72
+ readonly FA_ARROW_UP_RIGHT_AND_ARROW_DOWN_LEFT_FROM_CENTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
73
+ readonly FA_ARROW_UP_RIGHT_FROM_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
74
+ readonly FA_ARROWS_LEFT_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
75
+ readonly FA_ARROWS_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
76
+ readonly FA_ARROWS_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
77
+ readonly FA_ATOM: import('@fortawesome/fontawesome-common-types').IconDefinition;
78
+ readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
79
+ readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
80
+ readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
81
+ readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
82
+ readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
83
+ readonly FA_BOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
84
+ readonly FA_BOOK_BLANK: import('@fortawesome/fontawesome-common-types').IconDefinition;
85
+ readonly FA_BOOK_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
86
+ readonly FA_BOOK_SPARKLES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
87
+ readonly FA_BOOKMARK_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
88
+ readonly FA_BOX: import('@fortawesome/fontawesome-common-types').IconDefinition;
89
+ readonly FA_BOX_ARCHIVE: import('@fortawesome/fontawesome-common-types').IconDefinition;
90
+ readonly FA_CALENDAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
91
+ readonly FA_CALENDAR_CLOCK: import('@fortawesome/fontawesome-common-types').IconDefinition;
92
+ readonly FA_CALENDAR_CIRCLE_EXCLAMATION: import('@fortawesome/fontawesome-common-types').IconDefinition;
93
+ readonly FA_CALENDAR_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
94
+ readonly FA_CALENDAR_DAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
95
+ readonly FA_CALENDAR_DAYS: import('@fortawesome/fontawesome-common-types').IconDefinition;
96
+ readonly FA_CALENDAR_RANGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
97
+ readonly FA_CAMERA_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
98
+ readonly FA_CARET_SQUARE_RIGHT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
99
+ readonly FA_CART_SHOPPING: import('@fortawesome/fontawesome-common-types').IconDefinition;
100
+ readonly FA_CHART_COLUMN: import('@fortawesome/fontawesome-common-types').IconDefinition;
101
+ readonly FA_CHART_LINE_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
102
+ readonly FA_CHECK_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
103
+ readonly FA_CHEVRON_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
104
+ readonly FA_CHEVRON_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
105
+ readonly FA_CHEVRON_LEFT_LIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
106
+ readonly FA_CHEVRON_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
107
+ readonly FA_CHEVRON_RIGHT_LIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
108
+ readonly FA_CHEVRON_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
109
+ readonly FA_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
110
+ readonly FA_CIRCLE_ARROW_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
111
+ readonly FA_CIRCLE_ARROW_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
112
+ readonly FA_CIRCLE_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
113
+ readonly FA_CIRCLE_CHECK_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
114
+ readonly FA_CIRCLE_ELLIPSIS: import('@fortawesome/fontawesome-common-types').IconDefinition;
115
+ readonly FA_CIRCLE_EXCLAMATION: import('@fortawesome/fontawesome-common-types').IconDefinition;
116
+ readonly FA_CIRCLE_INFO: import('@fortawesome/fontawesome-common-types').IconDefinition;
117
+ readonly FA_CIRCLE_NOTCH: import('@fortawesome/fontawesome-common-types').IconDefinition;
118
+ readonly FA_CIRCLE_PLAY_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
119
+ readonly FA_CIRCLE_QUESTION: import('@fortawesome/fontawesome-common-types').IconDefinition;
120
+ readonly FA_CIRCLE_XMARK: import('@fortawesome/fontawesome-common-types').IconDefinition;
121
+ readonly FA_CLIPBOARD_MEDICAL: import('@fortawesome/fontawesome-common-types').IconDefinition;
122
+ readonly FA_CLIPBOARD_LIST: import('@fortawesome/fontawesome-common-types').IconDefinition;
123
+ readonly FA_CLOCK: import('@fortawesome/fontawesome-common-types').IconDefinition;
124
+ readonly FA_CLOCK_ROTATE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
125
+ readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
126
+ readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
127
+ readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
128
+ readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
129
+ readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
130
+ readonly FA_COMMENTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
131
+ readonly FA_COMMENTS_QUESTION: import('@fortawesome/fontawesome-common-types').IconDefinition;
132
+ readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
133
+ readonly FA_COMPASS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
134
+ readonly FA_COMPRESS: import('@fortawesome/fontawesome-common-types').IconDefinition;
135
+ readonly FA_COPY: import('@fortawesome/fontawesome-common-types').IconDefinition;
136
+ readonly FA_CREDIT_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
137
+ readonly FA_DOT_CIRCLE_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
138
+ readonly FA_EARTH_AMERICAS: import('@fortawesome/fontawesome-common-types').IconDefinition;
139
+ readonly FA_ELLIPSIS: import('@fortawesome/fontawesome-common-types').IconDefinition;
140
+ readonly FA_ELLIPSIS_VERTICAL: import('@fortawesome/fontawesome-common-types').IconDefinition;
141
+ readonly FA_EXCLAMATION_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
142
+ readonly FA_EYE: import('@fortawesome/fontawesome-common-types').IconDefinition;
143
+ readonly FA_EYE_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
144
+ readonly FA_FACE_FROWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
145
+ readonly FA_FACE_GRIMACE: import('@fortawesome/fontawesome-common-types').IconDefinition;
146
+ readonly FA_FACE_MEH: import('@fortawesome/fontawesome-common-types').IconDefinition;
147
+ readonly FA_FACE_SMILE: import('@fortawesome/fontawesome-common-types').IconDefinition;
148
+ readonly FA_FACEBOOK: import('@fortawesome/fontawesome-common-types').IconDefinition;
149
+ readonly FA_FILE_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
150
+ readonly FA_FILE_INVOICE_DOLLAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
151
+ readonly FA_FILE_LINES: import('@fortawesome/fontawesome-common-types').IconDefinition;
152
+ readonly FA_FILE_LINES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
153
+ readonly FA_FILE_MAGNIFYING_GLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
154
+ readonly FA_FILE_PEN_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
155
+ readonly FA_FILM: import('@fortawesome/fontawesome-common-types').IconDefinition;
156
+ readonly FA_FILTER: import('@fortawesome/fontawesome-common-types').IconDefinition;
157
+ readonly FA_FLAG: import('@fortawesome/fontawesome-common-types').IconDefinition;
158
+ readonly FA_FLASK_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
159
+ readonly FA_FLOPPY_DISK: import('@fortawesome/fontawesome-common-types').IconDefinition;
160
+ readonly FA_FOLDER_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
161
+ readonly FA_GAUGE_HIGH: import('@fortawesome/fontawesome-common-types').IconDefinition;
162
+ readonly FA_GEAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
163
+ readonly FA_GEAR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
164
+ readonly FA_GEARS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
165
+ readonly FA_GEM: import('@fortawesome/fontawesome-common-types').IconDefinition;
166
+ readonly FA_GIFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
167
+ readonly FA_GRADUATION_CAP: import('@fortawesome/fontawesome-common-types').IconDefinition;
168
+ readonly FA_GRID: import('@fortawesome/fontawesome-common-types').IconDefinition;
169
+ readonly FA_HAND_POINT_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
170
+ readonly FA_HAND_POINT_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
171
+ readonly FA_HAND_SPOCK_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
172
+ readonly FA_HANDS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
173
+ readonly FA_HEART_PULSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
174
+ readonly FA_HEART_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
175
+ readonly FA_HOURGLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
176
+ readonly FA_HOURGLASS_END: import('@fortawesome/fontawesome-common-types').IconDefinition;
177
+ readonly FA_HOURGLASS_START: import('@fortawesome/fontawesome-common-types').IconDefinition;
178
+ readonly FA_HOUSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
179
+ readonly FA_IMAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
180
+ readonly FA_IMAGES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
181
+ readonly FA_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
182
+ readonly FA_KEY: import('@fortawesome/fontawesome-common-types').IconDefinition;
183
+ readonly FA_KEYBOARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
184
+ readonly FA_LIGHTBULB: import('@fortawesome/fontawesome-common-types').IconDefinition;
185
+ readonly FA_LIGHTBULB_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
186
+ readonly FA_LINK: import('@fortawesome/fontawesome-common-types').IconDefinition;
187
+ readonly FA_LINK_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
188
+ readonly FA_LIST: import('@fortawesome/fontawesome-common-types').IconDefinition;
189
+ readonly FA_LIST_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
190
+ readonly FA_LIST_OL: import('@fortawesome/fontawesome-common-types').IconDefinition;
191
+ readonly FA_LOCATION_DOT: import('@fortawesome/fontawesome-common-types').IconDefinition;
192
+ readonly FA_LOCK_KEYHOLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
193
+ readonly FA_MAGNIFYING_GLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
194
+ readonly FA_MEDAL: import('@fortawesome/fontawesome-common-types').IconDefinition;
195
+ readonly FA_MEMO_CIRCLE_INFO: import('@fortawesome/fontawesome-common-types').IconDefinition;
196
+ readonly FA_MEMO_CIRCLE_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
197
+ readonly FA_MESSAGE_QUESTION_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
198
+ readonly FA_MESSAGE_XMARK: import('@fortawesome/fontawesome-common-types').IconDefinition;
199
+ readonly FA_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
200
+ readonly FA_MONEY_BILL1: import('@fortawesome/fontawesome-common-types').IconDefinition;
201
+ readonly FA_MUSIC: import('@fortawesome/fontawesome-common-types').IconDefinition;
202
+ readonly FA_PAPER_PLANE: import('@fortawesome/fontawesome-common-types').IconDefinition;
203
+ readonly FA_PAPERCLIP: import('@fortawesome/fontawesome-common-types').IconDefinition;
204
+ readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
205
+ readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
206
+ readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
207
+ readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
208
+ readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
209
+ readonly FA_PRINT: import('@fortawesome/fontawesome-common-types').IconDefinition;
210
+ readonly FA_RECTANGLE_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
211
+ readonly FA_RECTANGLE_LIST: import('@fortawesome/fontawesome-common-types').IconDefinition;
212
+ readonly FA_REPLY: import('@fortawesome/fontawesome-common-types').IconDefinition;
213
+ readonly FA_ROTATE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
214
+ readonly FA_SHARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
215
+ readonly FA_SHARE_NODES: import('@fortawesome/fontawesome-common-types').IconDefinition;
216
+ readonly FA_SHIELD_HALVED: import('@fortawesome/fontawesome-common-types').IconDefinition;
217
+ readonly FA_SIDEBAR_FLIP: import('@fortawesome/fontawesome-common-types').IconDefinition;
218
+ readonly FA_SIGNAL: import('@fortawesome/fontawesome-common-types').IconDefinition;
219
+ readonly FA_SITEMAP: import('@fortawesome/fontawesome-common-types').IconDefinition;
220
+ readonly FA_SITEMAP_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
221
+ readonly FA_SLIDERS: import('@fortawesome/fontawesome-common-types').IconDefinition;
222
+ readonly FA_SPELL_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
223
+ readonly FA_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
224
+ readonly FA_SQUARE_CARET_RIGHT: import('@fortawesome/fontawesome-common-types').IconDefinition;
225
+ readonly FA_SQUARE_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
226
+ readonly FA_SQUARE_CHECK_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
227
+ readonly FA_SQUARE_LIST: import('@fortawesome/fontawesome-common-types').IconDefinition;
228
+ readonly FA_SQUARE_LIST_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
229
+ readonly FA_STAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
230
+ readonly FA_STAR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
231
+ readonly FA_STETHOSCOPE: import('@fortawesome/fontawesome-common-types').IconDefinition;
232
+ readonly FA_STOPWATCH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
233
+ readonly FA_TAG: import('@fortawesome/fontawesome-common-types').IconDefinition;
234
+ readonly FA_TAGS: import('@fortawesome/fontawesome-common-types').IconDefinition;
235
+ readonly FA_TEXT: import('@fortawesome/fontawesome-common-types').IconDefinition;
236
+ readonly FA_TEXT_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
237
+ readonly FA_THUMBS_UP: import('@fortawesome/fontawesome-common-types').IconDefinition;
238
+ readonly FA_THUMBS_UP_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
239
+ readonly FA_THUMBTACK_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
240
+ readonly FA_TRASH_CAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
241
+ readonly FA_TREE_PALM: import('@fortawesome/fontawesome-common-types').IconDefinition;
242
+ readonly FA_TRIANGLE_EXCLAMATION: import('@fortawesome/fontawesome-common-types').IconDefinition;
243
+ readonly FA_TRIANGLE_EXCLAMATION_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
244
+ readonly FA_TROPHY_STAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
245
+ readonly FA_UNLOCK_KEYHOLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
246
+ readonly FA_UPLOAD: import('@fortawesome/fontawesome-common-types').IconDefinition;
247
+ readonly FA_USER: import('@fortawesome/fontawesome-common-types').IconDefinition;
248
+ readonly FA_USER_GEAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
249
+ readonly FA_USER_DOCTOR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
250
+ readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
251
+ readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
252
+ readonly FA_WAND_MAGIC_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
253
+ readonly FA_WINDOW_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
254
+ readonly FA_XMARK: import('@fortawesome/fontawesome-common-types').IconDefinition;
255
+ readonly FAD_SPINNER_THIRD: import('@fortawesome/fontawesome-common-types').IconDefinition;
256
+ }>;
257
+ ICON_SIZES: Readonly<{
258
+ XXX_SMALL: string;
259
+ XX_SMALL: string;
260
+ X_SMALL: string;
261
+ SMALL: string;
262
+ MEDIUM: string;
263
+ LARGE: string;
264
+ X_LARGE: string;
265
+ XX_LARGE: string;
266
+ }>;
267
+ DATE_PICKER_STATES: Readonly<{
268
+ DEFAULT: string;
269
+ DISABLED: string;
270
+ LOADING: string;
271
+ }>;
272
+ DATE_PICKER_COLORS: Readonly<{
273
+ NEUTRAL_WEAK: string;
274
+ NEUTRAL: string;
275
+ WARNING: string;
276
+ DANGER: string;
277
+ }>;
278
+ }, {
279
+ startDateText(): any;
280
+ endDateIfDifferentThanStartDate(): any;
281
+ endDateText(): string;
282
+ startDateEyebrowText(): string;
283
+ endDateEyebrowText(): string;
284
+ }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
285
+ isInteractive: {
286
+ type: BooleanConstructor;
287
+ default: boolean;
288
+ };
289
+ placeholder: {
290
+ type: StringConstructor;
291
+ default: string;
292
+ };
293
+ startDate: {
294
+ type: DateConstructor;
295
+ default: null;
296
+ };
297
+ endDate: {
298
+ type: DateConstructor;
299
+ default: null;
300
+ };
301
+ startIcon: {
302
+ type: ObjectConstructor;
303
+ default: null;
304
+ validate: (icon: any) => boolean;
305
+ };
306
+ endIcon: {
307
+ type: ObjectConstructor;
308
+ default: null;
309
+ validate: (icon: any) => boolean;
310
+ };
311
+ areIconsHiddenOnMobile: {
312
+ type: BooleanConstructor;
313
+ default: boolean;
314
+ };
315
+ state: {
316
+ type: PropType<string>;
317
+ default: string;
318
+ };
319
+ color: {
320
+ type: PropType<DatePickerColors>;
321
+ default: string;
322
+ };
323
+ isOpen: {
324
+ type: BooleanConstructor;
325
+ default: boolean;
326
+ };
327
+ }>> & Readonly<{}>, {
328
+ color: string;
329
+ state: string;
330
+ isInteractive: boolean;
331
+ placeholder: string;
332
+ startDate: Date;
333
+ endDate: Date;
334
+ startIcon: Record<string, any>;
335
+ endIcon: Record<string, any>;
336
+ areIconsHiddenOnMobile: boolean;
337
+ isOpen: boolean;
338
+ }, {}, {
339
+ DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
340
+ icon: {
341
+ type: ObjectConstructor;
342
+ required: true;
343
+ validator(icon: unknown): boolean;
344
+ };
345
+ size: {
346
+ type: StringConstructor;
347
+ default: string;
348
+ validator: (value: string) => boolean;
349
+ };
350
+ rotation: {
351
+ type: NumberConstructor;
352
+ default: null;
353
+ validator(value: number): boolean;
354
+ };
355
+ flippedVertical: {
356
+ type: BooleanConstructor;
357
+ default: boolean;
358
+ };
359
+ flippedHorizontal: {
360
+ type: BooleanConstructor;
361
+ default: boolean;
362
+ };
363
+ touchable: {
364
+ type: BooleanConstructor;
365
+ default: boolean;
366
+ };
367
+ spinning: {
368
+ type: BooleanConstructor;
369
+ default: boolean;
370
+ };
371
+ }>, {}, {}, {
372
+ sizeClassName(): string;
373
+ isFontawesomeIcon(): boolean;
374
+ rotationClass(): string | null;
375
+ }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
376
+ icon: {
377
+ type: ObjectConstructor;
378
+ required: true;
379
+ validator(icon: unknown): boolean;
380
+ };
381
+ size: {
382
+ type: StringConstructor;
383
+ default: string;
384
+ validator: (value: string) => boolean;
385
+ };
386
+ rotation: {
387
+ type: NumberConstructor;
388
+ default: null;
389
+ validator(value: number): boolean;
390
+ };
391
+ flippedVertical: {
392
+ type: BooleanConstructor;
393
+ default: boolean;
394
+ };
395
+ flippedHorizontal: {
396
+ type: BooleanConstructor;
397
+ default: boolean;
398
+ };
399
+ touchable: {
400
+ type: BooleanConstructor;
401
+ default: boolean;
402
+ };
403
+ spinning: {
404
+ type: BooleanConstructor;
405
+ default: boolean;
406
+ };
407
+ }>> & Readonly<{}>, {
408
+ size: string;
409
+ rotation: number;
410
+ flippedVertical: boolean;
411
+ flippedHorizontal: boolean;
412
+ touchable: boolean;
413
+ spinning: boolean;
414
+ }, {}, {
415
+ FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
416
+ }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
417
+ }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
418
+ export default _default;
package/dist/lib/js/components/DatePickers/DateBox/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { default as DateBox } from './DateBox.vue';
2
+
3
+ export default DateBox;
package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts CHANGED
@@ -72,9 +72,9 @@ declare const _default: import('vue').DefineComponent<{
72
72
  state: string;
73
73
  isIconHiddenOnMobile: boolean;
74
74
  isLabelUppercase: boolean;
75
- additionalText: string;
76
75
  isInteractive: boolean;
77
76
  placeholder: string;
77
+ additionalText: string;
78
78
  triggerType: string;
79
79
  date: Date;
80
80
  helpMessage: string;
@@ -535,7 +535,7 @@ declare const _default: import('vue').DefineComponent<{
535
535
  FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
536
536
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
537
537
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
538
- DatePickerBox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
538
+ DateBox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
539
539
  isInteractive: {
540
540
  type: BooleanConstructor;
541
541
  default: boolean;
@@ -574,14 +574,6 @@ declare const _default: import('vue').DefineComponent<{
574
574
  type: PropType<DatePickerColors>;
575
575
  default: string;
576
576
  };
577
- startDateEyebrowText: {
578
- type: StringConstructor;
579
- default: string;
580
- };
581
- endDateEyebrowText: {
582
- type: StringConstructor;
583
- default: string;
584
- };
585
577
  isOpen: {
586
578
  type: BooleanConstructor;
587
579
  default: boolean;
@@ -819,7 +811,10 @@ declare const _default: import('vue').DefineComponent<{
819
811
  }>;
820
812
  }, {
821
813
  startDateText(): any;
814
+ endDateIfDifferentThanStartDate(): any;
822
815
  endDateText(): string;
816
+ startDateEyebrowText(): string;
817
+ endDateEyebrowText(): string;
823
818
  }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
824
819
  isInteractive: {
825
820
  type: BooleanConstructor;
@@ -859,14 +854,6 @@ declare const _default: import('vue').DefineComponent<{
859
854
  type: PropType<DatePickerColors>;
860
855
  default: string;
861
856
  };
862
- startDateEyebrowText: {
863
- type: StringConstructor;
864
- default: string;
865
- };
866
- endDateEyebrowText: {
867
- type: StringConstructor;
868
- default: string;
869
- };
870
857
  isOpen: {
871
858
  type: BooleanConstructor;
872
859
  default: boolean;
@@ -881,8 +868,6 @@ declare const _default: import('vue').DefineComponent<{
881
868
  startIcon: Record<string, any>;
882
869
  endIcon: Record<string, any>;
883
870
  areIconsHiddenOnMobile: boolean;
884
- startDateEyebrowText: string;
885
- endDateEyebrowText: string;
886
871
  isOpen: boolean;
887
872
  }, {}, {
888
873
  DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts CHANGED
@@ -40,11 +40,7 @@ declare const _default: import('vue').DefineComponent<{
40
40
  BOX: string;
41
41
  TILE: string;
42
42
  }>;
43
- }, {}, {
44
- endDateEyebrowText(): string;
45
- endDateIfDifferentThanStartDate(): any;
46
- eyebrowText(): string;
47
- }, {
43
+ }, {}, {}, {
48
44
  toggle(): void;
49
45
  }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
50
46
  'update:date': (value: {
@@ -83,7 +79,7 @@ declare const _default: import('vue').DefineComponent<{
83
79
  maxDate: Date;
84
80
  updatePositionBasedOnScrollableSelector: string;
85
81
  }, {}, {
86
- DatePickerBox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
82
+ DateBox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
87
83
  isInteractive: {
88
84
  type: BooleanConstructor;
89
85
  default: boolean;
@@ -122,14 +118,6 @@ declare const _default: import('vue').DefineComponent<{
122
118
  type: PropType<DatePickerColors>;
123
119
  default: string;
124
120
  };
125
- startDateEyebrowText: {
126
- type: StringConstructor;
127
- default: string;
128
- };
129
- endDateEyebrowText: {
130
- type: StringConstructor;
131
- default: string;
132
- };
133
121
  isOpen: {
134
122
  type: BooleanConstructor;
135
123
  default: boolean;
@@ -367,7 +355,10 @@ declare const _default: import('vue').DefineComponent<{
367
355
  }>;
368
356
  }, {
369
357
  startDateText(): any;
358
+ endDateIfDifferentThanStartDate(): any;
370
359
  endDateText(): string;
360
+ startDateEyebrowText(): string;
361
+ endDateEyebrowText(): string;
371
362
  }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
372
363
  isInteractive: {
373
364
  type: BooleanConstructor;
@@ -407,14 +398,6 @@ declare const _default: import('vue').DefineComponent<{
407
398
  type: PropType<DatePickerColors>;
408
399
  default: string;
409
400
  };
410
- startDateEyebrowText: {
411
- type: StringConstructor;
412
- default: string;
413
- };
414
- endDateEyebrowText: {
415
- type: StringConstructor;
416
- default: string;
417
- };
418
401
  isOpen: {
419
402
  type: BooleanConstructor;
420
403
  default: boolean;
@@ -429,8 +412,6 @@ declare const _default: import('vue').DefineComponent<{
429
412
  startIcon: Record<string, any>;
430
413
  endIcon: Record<string, any>;
431
414
  areIconsHiddenOnMobile: boolean;
432
- startDateEyebrowText: string;
433
- endDateEyebrowText: string;
434
415
  isOpen: boolean;
435
416
  }, {}, {
436
417
  DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts CHANGED
@@ -258,9 +258,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
258
258
  elevation: "small";
259
259
  layout: RichListItemLayout;
260
260
  borderColor: RichListItemBorderColor;
261
+ isInteractive: boolean;
261
262
  eyebrowEllipsis: boolean;
262
263
  textEllipsis: boolean;
263
- isInteractive: boolean;
264
264
  eyebrow: string;
265
265
  supportingText: string;
266
266
  isSelected: boolean;
@@ -433,9 +433,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
433
433
  size: string;
434
434
  color: "neutral";
435
435
  state: TextGroupState;
436
+ isInteractive: boolean;
436
437
  eyebrowText: string | null;
437
438
  isEyebrowTextUppercase: boolean;
438
- isInteractive: boolean;
439
439
  supportingText: string | null;
440
440
  isSelected: boolean;
441
441
  eyebrowTextEllipsis: boolean;
package/dist/lib/js/components/TextGroup/TextGroup.vue.d.ts CHANGED
@@ -158,9 +158,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
158
158
  size: string;
159
159
  color: "neutral";
160
160
  state: TextGroupState;
161
+ isInteractive: boolean;
161
162
  eyebrowText: string | null;
162
163
  isEyebrowTextUppercase: boolean;
163
- isInteractive: boolean;
164
164
  supportingText: string | null;
165
165
  isSelected: boolean;
166
166
  eyebrowTextEllipsis: boolean;
package/dist/lib/js/index.d.ts CHANGED
@@ -16,6 +16,7 @@ export { default as Card } from './components/Cards/Card/';
16
16
  export { default as DsCard } from './components/Cards/Card/';
17
17
  export { default as CardExpandable } from './components/Cards/CardExpandable/';
18
18
  export { default as DsCardExpandable } from './components/Cards/CardExpandable/';
19
+ export { default as DsDateBox } from './components/DatePickers/DateBox';
19
20
  export { default as DatePicker } from './components/DatePickers/DatePicker';
20
21
  export { default as DsDatePicker } from './components/DatePickers/DatePicker';
21
22
  export { default as DsDateRangePicker } from './components/DatePickers/DateRangePicker';
package/docs/assets/{BasicRichListItem.stories-D5cFXBnH.js → BasicRichListItem.stories-CcHSG7m9.js} RENAMED
@@ -1,4 +1,4 @@
1
- import{B as l}from"./BasicRichListItem-xKSFXEOx.js";import{R as p,a as n,b as c,c as m,d as h,e as d,f as C}from"./GroupRichListItem-C2S_DIM-.js";import{c as T,I as a}from"./Icon-KlrZhBvI.js";import"./Avatar-BALJe_Kd.js";import"./BadgeScore-BllxpS5b.js";import"./Banner-B_WbNF52.js";import"./Button-BnWnuQz_.js";import"./ToggleButton-C_ZU_6g5.js";import"./Card-BzXb8FVb.js";import"./CardExpandable-UGGPT1DB.js";import"./DatePicker-DIJ8aqM6.js";import"./DateRangePicker-1oxiA7Lf.js";import"./Divider-CeZli6az.js";import"./FeatureIcon-DuHLb2s9.js";import"./IconButton-BcjUxjB4.js";import"./string-CXbuceC1.js";import"./Modal-CgNyRPs8.js";import"./ModalDialog-B2ORB9vQ.js";import"./NumberInCircle-CYZFaZ00.js";import"./TabItem-DMeZl877.js";import"./Tile-DXlbtMBZ.js";import"./Toast-DyyWQQxM.js";import"./AccessStatus-lY4oqKbY.js";import"./BlockadeStatus-P8nBhdtz.js";import"./SurveyToggle-CPoPpkRt.js";import"./SurveyQuestionScale--V40kshK.js";import"./SurveyQuestionOpenEnded-BqVHeqqP.js";import"./SectionHeader-C9tfdV94.js";import"./PageHeader-C5oCP3S2.js";import"./SectionTitle-BQZh7aFs.js";import"./Drawer-BAhS1Aex.js";import"./DrawerContent-BC_l9IKr.js";import"./DrawerDivider-DuTuIbLz.js";import"./DrawerHeader-DAlTWdTV.js";import"./DrawerListItem-BQwvRia4.js";import"./DrawerListItemGroup-BTfrsZ_p.js";import"./DrawerTile-C64fS4dq.js";import"./DrawerSection-xoALUrNo.js";import"./OutlineItem-dhEw8EC1.js";import"./OutlineDivider-DItdz99b.js";import"./OutlineSectionHeader-CtypBCqR.js";import"./Chip-DHtEAdjh.js";import"./CounterToggle-B1fmCAW0.js";import"./SelectList-T6eJOYPv.js";import"./SelectListItem-KRL8q6Iz.js";import"./SelectListItemDivider-CTuILyj9.js";import"./SelectListItemToggle-BKr25N9H.js";import"./SelectListItemTile-I9x6zsKM.js";import"./SelectListSectionTitle-BOCjrVHo.js";import"./SelectionTile-A8HfI_-S.js";import"./LoadingBar-C1yAImWt.js";import"./PopOver-xznuUBtF.js";import"./Dropdown-B75bqkCY.js";import"./ProgressBar-Dw-iWAra.js";import"./ProgressDonutChart-BzpDf_D1.js";import"./IconText-CcdweKoG.js";import"./Pagination-B2HzTrD0.js";import"./OverlayHeader-51ih8x0c.js";import"./Well-Chn1RK_x.js";import"./ThreeColumnLayout-CFf8NRwP.js";import"./Switch-8KDmrBx0.js";import"./TextGroup-D5le3QVY.js";import"./Tooltip-DB8acOEc.js";import{I as E}from"./Image-B9jnhF_n.js";import"./Skeleton-DMxKKJ0Z.js";import{w as O}from"./decorator-CSnIf-k5.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Checkbox-CJfLFnEo.js";import"./SelectionControl-CxsRDZ81.js";import"./iframe-PlXRfjR9.js";import"../sb-preview/runtime.js";import"./device-9fgosCm4.js";import"./user-_JB5aHqq.js";import"./vue-popper-DQfdblyw.js";import"./_commonjsHelpers-Chg3vePA.js";import"./v4-BZawosSj.js";const{useArgs:y}=__STORYBOOK_MODULE_PREVIEW_API__,Je={title:"Components/RichList/BasicRichListItem",component:l,decorators:[e=>({components:{story:e},template:"<div style='display: flex;padding: 16px;'><story /></div>"}),O]},v=(e,i={})=>(e.argTypes={type:{options:Object.values(p),control:"select"},size:{options:Object.values(n),control:"select"},layout:{options:Object.values(c),control:{type:"select"}},state:{options:Object.values(m),control:"select"},iconColor:{options:[null,...Object.values(T)],control:"select"},borderColor:{options:[null,...Object.values(h)],control:"select"},icon:{options:[null,...Object.keys(a)],control:"select"},iconColorHex:{control:"text"},borderColorHex:{control:"text"},eyebrow:{control:"text"},eyebrowEllipsis:{control:"boolean"},isEyebrowUppercase:{control:"boolean"},text:{control:"text"},textEllipsis:{control:"boolean"},supportingText:{control:"text"},supportingTextEllipsis:{control:"boolean"},isSupportingTextTooltipEnabled:{control:"boolean"},metadata:{control:"text"},actions:{control:"text"},draggableIconClassName:{control:"text"},backgroundColor:{options:[null,...Object.values(d)],control:"select"},elevation:{options:[null,...Object.values(C)],control:"select"}},e.args={size:n.MEDIUM,type:p.DEFAULT,layout:c.HORIZONTAL,backgroundColor:d.NEUTRAL,elevation:null,isDimmed:!1,isDraggable:!0,hasDraggableHandler:!0,icon:null,iconColor:null,iconColorHex:"",hasActionsSlotDivider:!0,isSelectable:!0,isSelected:!0,borderColor:null,borderColorHex:"",state:m.DEFAULT,isInteractive:!0,draggableIconClassName:"draggableIconClassName-1",eyebrow:"Eyebrow Uppercase",eyebrowEllipsis:!1,isEyebrowUppercase:!1,text:"Długa nazwa gdy się nie mieści Praesentium dicta sit. Molestiae unde voluptatem eaque labore.",textEllipsis:!1,supportingText:"null",supportingTextEllipsis:!1,isSupportingTextTooltipEnabled:!1,metadata:"Metadata Slot",actions:"ACS",...i},e.parameters={actions:{handles:["icon-click","click","update:is-selected"]},layout:"fullscreen",design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=8673-2345&mode=design&t=QeEz8TmzxDbrGYK3-4"}},e),w=e=>{const[i,r]=y();return{components:{BasicRichListItem:l},setup(){return e},data(){return{ICONS:Object.freeze(a)}},methods:{updateIsSelected(s){r({isSelected:s})}},template:`
1
+ import{B as l}from"./BasicRichListItem-xKSFXEOx.js";import{R as p,a as n,b as c,c as m,d as h,e as d,f as C}from"./GroupRichListItem-C2S_DIM-.js";import{c as T,I as a}from"./Icon-KlrZhBvI.js";import"./Avatar-BALJe_Kd.js";import"./BadgeScore-BllxpS5b.js";import"./Banner-B_WbNF52.js";import"./Button-BnWnuQz_.js";import"./ToggleButton-C_ZU_6g5.js";import"./Card-BzXb8FVb.js";import"./CardExpandable-UGGPT1DB.js";import"./DatePicker-CpgyDlQB.js";import"./DateRangePicker-D8hHjWi0.js";import"./Divider-CeZli6az.js";import"./FeatureIcon-DuHLb2s9.js";import"./IconButton-BcjUxjB4.js";import"./string-CXbuceC1.js";import"./Modal-CgNyRPs8.js";import"./ModalDialog-B2ORB9vQ.js";import"./NumberInCircle-CYZFaZ00.js";import"./TabItem-DMeZl877.js";import"./Tile-DXlbtMBZ.js";import"./Toast-DyyWQQxM.js";import"./AccessStatus-lY4oqKbY.js";import"./BlockadeStatus-P8nBhdtz.js";import"./SurveyToggle-CPoPpkRt.js";import"./SurveyQuestionScale--V40kshK.js";import"./SurveyQuestionOpenEnded-BqVHeqqP.js";import"./SectionHeader-C9tfdV94.js";import"./PageHeader-C5oCP3S2.js";import"./SectionTitle-BQZh7aFs.js";import"./Drawer-BAhS1Aex.js";import"./DrawerContent-BC_l9IKr.js";import"./DrawerDivider-DuTuIbLz.js";import"./DrawerHeader-DAlTWdTV.js";import"./DrawerListItem-BQwvRia4.js";import"./DrawerListItemGroup-BTfrsZ_p.js";import"./DrawerTile-C64fS4dq.js";import"./DrawerSection-xoALUrNo.js";import"./OutlineItem-dhEw8EC1.js";import"./OutlineDivider-DItdz99b.js";import"./OutlineSectionHeader-CtypBCqR.js";import"./Chip-DHtEAdjh.js";import"./CounterToggle-B1fmCAW0.js";import"./SelectList-T6eJOYPv.js";import"./SelectListItem-KRL8q6Iz.js";import"./SelectListItemDivider-CTuILyj9.js";import"./SelectListItemToggle-BKr25N9H.js";import"./SelectListItemTile-I9x6zsKM.js";import"./SelectListSectionTitle-BOCjrVHo.js";import"./SelectionTile-CmtXisA8.js";import"./LoadingBar-C1yAImWt.js";import"./PopOver-xznuUBtF.js";import"./Dropdown-B75bqkCY.js";import"./ProgressBar-Dw-iWAra.js";import"./ProgressDonutChart-BzpDf_D1.js";import"./IconText-CcdweKoG.js";import"./Pagination-B2HzTrD0.js";import"./OverlayHeader-51ih8x0c.js";import"./Well-Chn1RK_x.js";import"./ThreeColumnLayout-CFf8NRwP.js";import"./Switch-8KDmrBx0.js";import"./TextGroup-D5le3QVY.js";import"./Tooltip-DB8acOEc.js";import{I as E}from"./Image-B9jnhF_n.js";import"./Skeleton-DMxKKJ0Z.js";import{w as O}from"./decorator-CSnIf-k5.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Checkbox-CJfLFnEo.js";import"./SelectionControl-CxsRDZ81.js";import"./iframe-CyhtZ8S-.js";import"../sb-preview/runtime.js";import"./device-9fgosCm4.js";import"./user-_JB5aHqq.js";import"./vue-popper-DQfdblyw.js";import"./_commonjsHelpers-Chg3vePA.js";import"./v4-BZawosSj.js";const{useArgs:y}=__STORYBOOK_MODULE_PREVIEW_API__,Je={title:"Components/RichList/BasicRichListItem",component:l,decorators:[e=>({components:{story:e},template:"<div style='display: flex;padding: 16px;'><story /></div>"}),O]},v=(e,i={})=>(e.argTypes={type:{options:Object.values(p),control:"select"},size:{options:Object.values(n),control:"select"},layout:{options:Object.values(c),control:{type:"select"}},state:{options:Object.values(m),control:"select"},iconColor:{options:[null,...Object.values(T)],control:"select"},borderColor:{options:[null,...Object.values(h)],control:"select"},icon:{options:[null,...Object.keys(a)],control:"select"},iconColorHex:{control:"text"},borderColorHex:{control:"text"},eyebrow:{control:"text"},eyebrowEllipsis:{control:"boolean"},isEyebrowUppercase:{control:"boolean"},text:{control:"text"},textEllipsis:{control:"boolean"},supportingText:{control:"text"},supportingTextEllipsis:{control:"boolean"},isSupportingTextTooltipEnabled:{control:"boolean"},metadata:{control:"text"},actions:{control:"text"},draggableIconClassName:{control:"text"},backgroundColor:{options:[null,...Object.values(d)],control:"select"},elevation:{options:[null,...Object.values(C)],control:"select"}},e.args={size:n.MEDIUM,type:p.DEFAULT,layout:c.HORIZONTAL,backgroundColor:d.NEUTRAL,elevation:null,isDimmed:!1,isDraggable:!0,hasDraggableHandler:!0,icon:null,iconColor:null,iconColorHex:"",hasActionsSlotDivider:!0,isSelectable:!0,isSelected:!0,borderColor:null,borderColorHex:"",state:m.DEFAULT,isInteractive:!0,draggableIconClassName:"draggableIconClassName-1",eyebrow:"Eyebrow Uppercase",eyebrowEllipsis:!1,isEyebrowUppercase:!1,text:"Długa nazwa gdy się nie mieści Praesentium dicta sit. Molestiae unde voluptatem eaque labore.",textEllipsis:!1,supportingText:"null",supportingTextEllipsis:!1,isSupportingTextTooltipEnabled:!1,metadata:"Metadata Slot",actions:"ACS",...i},e.parameters={actions:{handles:["icon-click","click","update:is-selected"]},layout:"fullscreen",design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=8673-2345&mode=design&t=QeEz8TmzxDbrGYK3-4"}},e),w=e=>{const[i,r]=y();return{components:{BasicRichListItem:l},setup(){return e},data(){return{ICONS:Object.freeze(a)}},methods:{updateIsSelected(s){r({isSelected:s})}},template:`
2
2
  <basic-rich-list-item
3
3
  :size="size"
4
4
  :type="type"