@central-design-system/components 3.0.0-alpha.5 → 3.0.0-alpha.7

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 (59) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.d.ts +51 -48
  3. package/dist/cds.es.js +3841 -3315
  4. package/dist/cds.umd.js +1 -1
  5. package/dist/components/CdsButton/CdsButton.vue.d.ts +6 -5
  6. package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +98 -80
  7. package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +134 -54
  8. package/dist/components/CdsGrid/composable/grid.d.ts +2 -1
  9. package/dist/components/CdsInput/CdsInput.vue.d.ts +14 -0
  10. package/dist/components/CdsMenu/CdsMenu.vue.d.ts +24 -18
  11. package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +9 -13
  12. package/dist/components/CdsOverlay/composable/locationStrategies.d.ts +3 -0
  13. package/dist/components/CdsPagination/CdsPagination.vue.d.ts +142 -0
  14. package/dist/components/CdsSelect/CdsSelect.vue.d.ts +40 -22
  15. package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +15 -3
  16. package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +64 -10
  17. package/dist/components/CdsTooltip/CdsTooltip.vue.d.ts +765 -0
  18. package/dist/components/index.d.ts +3 -1
  19. package/dist/composable/dimensions.d.ts +23 -5
  20. package/dist/composable/display.d.ts +56 -0
  21. package/dist/composable/index.d.ts +3 -0
  22. package/dist/composable/overlay.d.ts +1 -1
  23. package/dist/composable/refs.d.ts +6 -0
  24. package/dist/composable/resizeObserver.d.ts +7 -0
  25. package/dist/create.d.ts +21 -0
  26. package/dist/globals.d.ts +2 -0
  27. package/dist/utils/helpers.d.ts +2 -0
  28. package/package.json +1 -2
  29. package/src/scss/themes/index.ts +1 -1
  30. package/src/scss/utility/lists.scss +1 -0
  31. package/dist/types/CdsOptions.d.ts +0 -3
  32. package/src/utils/__test__/helper.test.ts +0 -59
  33. package/src/utils/__test__/mocks/helper.mock.ts +0 -362
  34. package/src/utils/__test__/mocks/propFactory.mock.ts +0 -88
  35. package/src/utils/__test__/propFactory.test.ts +0 -9
  36. package/src/utils/anchor.ts +0 -76
  37. package/src/utils/animation.ts +0 -62
  38. package/src/utils/box.ts +0 -39
  39. package/src/utils/cache.ts +0 -12
  40. package/src/utils/changeCase/__test__/lowerCase.test.ts +0 -12
  41. package/src/utils/changeCase/__test__/mocks/lowerCase.mock.ts +0 -80
  42. package/src/utils/changeCase/__test__/mocks/noCase.mock.ts +0 -131
  43. package/src/utils/changeCase/__test__/mocks/paramCase.mock.ts +0 -39
  44. package/src/utils/changeCase/__test__/mocks/pascalCase.mock.ts +0 -46
  45. package/src/utils/changeCase/__test__/noCase.test.ts +0 -8
  46. package/src/utils/changeCase/__test__/paramCase.test.ts +0 -8
  47. package/src/utils/changeCase/__test__/pascalCase.test.ts +0 -8
  48. package/src/utils/changeCase/lowerCase.ts +0 -56
  49. package/src/utils/changeCase/noCase.ts +0 -45
  50. package/src/utils/changeCase/paramCase.ts +0 -11
  51. package/src/utils/changeCase/pascalCase.ts +0 -24
  52. package/src/utils/date.ts +0 -1106
  53. package/src/utils/dom.ts +0 -24
  54. package/src/utils/getCurrentInstance.ts +0 -43
  55. package/src/utils/getScrollParent.ts +0 -29
  56. package/src/utils/globals.ts +0 -8
  57. package/src/utils/helpers.ts +0 -312
  58. package/src/utils/index.ts +0 -19
  59. package/src/utils/propsFactory.ts +0 -92
package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts CHANGED
@@ -1,5 +1,11 @@
1
1
  export declare const componentName = "CdsTextInput";
2
2
  declare const _sfc_main: import("vue").DefineComponent<{
3
+ size: {
4
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
5
+ default: string;
6
+ available: readonly ["xs", "sm", "md", "lg", "xl"];
7
+ validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
8
+ };
3
9
  loading: {
4
10
  type: import("vue").PropType<boolean>;
5
11
  default: boolean;
@@ -17,6 +23,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
17
23
  default: boolean;
18
24
  };
19
25
  'onClick:prepend': {
26
+ /**
27
+ * Событие очистки поля ввода
28
+ */
20
29
  type: import("vue").PropType<(...args: any[]) => any>;
21
30
  default: undefined;
22
31
  };
@@ -39,7 +48,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
39
48
  default: boolean;
40
49
  };
41
50
  errorMessages: {
42
- type: import("vue").PropType<string | string[]>;
51
+ type: import("vue").PropType<string | string[]>; /**
52
+ * Событие клика по иконке внутри элемента после значения поля
53
+ */
43
54
  default: () => never[];
44
55
  };
45
56
  maxErrors: {
@@ -89,7 +100,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
89
100
  default: null;
90
101
  };
91
102
  messages: {
92
- type: import("vue").PropType<string | string[]>;
103
+ type: import("vue").PropType<string | string[]>; /**
104
+ * Событие клика по иконке перед значением поля
105
+ */
93
106
  default: () => never[];
94
107
  };
95
108
  persistentMessages: {
@@ -114,7 +127,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
114
127
  };
115
128
  prependInnerIcon: {
116
129
  type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
117
- default: undefined;
130
+ default: undefined; /**
131
+ * Событие клика по полю ввода
132
+ */
118
133
  validator: (value: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
119
134
  };
120
135
  appendInnerIcon: {
@@ -161,6 +176,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
161
176
  validationRef: import("vue").Ref<import("vue").DefineComponent<{
162
177
  'onClick:prepend': import("vue").PropType<(...args: any[]) => any>;
163
178
  'onClick:append': import("vue").PropType<(...args: any[]) => any>;
179
+ size: {
180
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
181
+ default: string;
182
+ available: readonly ["xs", "sm", "md", "lg", "xl"];
183
+ validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
184
+ };
164
185
  readonly: {
165
186
  type: import("vue").PropType<boolean>;
166
187
  default: boolean;
@@ -178,7 +199,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
178
199
  default: boolean;
179
200
  };
180
201
  errorMessages: {
181
- type: import("vue").PropType<string | string[]>;
202
+ type: import("vue").PropType<string | string[]>; /**
203
+ * Событие клика по иконке внутри элемента после значения поля
204
+ */
182
205
  default: () => never[];
183
206
  };
184
207
  maxErrors: {
@@ -238,7 +261,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
238
261
  default: null;
239
262
  };
240
263
  messages: {
241
- type: import("vue").PropType<string | string[]>;
264
+ type: import("vue").PropType<string | string[]>; /**
265
+ * Событие клика по иконке перед значением поля
266
+ */
242
267
  default: () => never[];
243
268
  };
244
269
  persistentMessages: {
@@ -257,6 +282,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
257
282
  isValid: import("vue").ComputedRef<boolean | null>;
258
283
  validationClasses: import("vue").ComputedRef<Record<string, boolean>>;
259
284
  focusClasses: import("vue").ComputedRef<Record<string, boolean>>;
285
+ sizeClasses: import("vue").ComputedRef<string>;
260
286
  reset: () => void;
261
287
  resetValidation: () => void;
262
288
  validate: () => Promise<string[]>;
@@ -267,6 +293,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
267
293
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
268
294
  'onClick:prepend': import("vue").PropType<(...args: any[]) => any>;
269
295
  'onClick:append': import("vue").PropType<(...args: any[]) => any>;
296
+ size: {
297
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
298
+ default: string;
299
+ available: readonly ["xs", "sm", "md", "lg", "xl"];
300
+ validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
301
+ };
270
302
  readonly: {
271
303
  type: import("vue").PropType<boolean>;
272
304
  default: boolean;
@@ -284,7 +316,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
284
316
  default: boolean;
285
317
  };
286
318
  errorMessages: {
287
- type: import("vue").PropType<string | string[]>;
319
+ type: import("vue").PropType<string | string[]>; /**
320
+ * Событие клика по иконке внутри элемента после значения поля
321
+ */
288
322
  default: () => never[];
289
323
  };
290
324
  maxErrors: {
@@ -344,7 +378,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
344
378
  default: null;
345
379
  };
346
380
  messages: {
347
- type: import("vue").PropType<string | string[]>;
381
+ type: import("vue").PropType<string | string[]>; /**
382
+ * Событие клика по иконке перед значением поля
383
+ */
348
384
  default: () => never[];
349
385
  };
350
386
  persistentMessages: {
@@ -358,6 +394,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
358
394
  description: string;
359
395
  disabled: boolean;
360
396
  value: any;
397
+ size: "xs" | "sm" | "md" | "lg" | "xl";
361
398
  error: boolean;
362
399
  prependIcon: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
363
400
  appendIcon: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
@@ -382,6 +419,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
382
419
  readonly type?: "number" | "text" | "password" | "email" | "tel" | "url" | undefined;
383
420
  readonly disabled?: boolean | undefined;
384
421
  readonly value?: any;
422
+ readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
385
423
  readonly error?: boolean | undefined;
386
424
  readonly readonly?: boolean | undefined;
387
425
  readonly loading?: boolean | undefined;
@@ -487,6 +525,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
487
525
  */
488
526
  'mousedown:control': (event: MouseEvent) => true;
489
527
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
528
+ size: {
529
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
530
+ default: string;
531
+ available: readonly ["xs", "sm", "md", "lg", "xl"];
532
+ validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
533
+ };
490
534
  loading: {
491
535
  type: import("vue").PropType<boolean>;
492
536
  default: boolean;
@@ -504,6 +548,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
504
548
  default: boolean;
505
549
  };
506
550
  'onClick:prepend': {
551
+ /**
552
+ * Событие очистки поля ввода
553
+ */
507
554
  type: import("vue").PropType<(...args: any[]) => any>;
508
555
  default: undefined;
509
556
  };
@@ -526,7 +573,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
526
573
  default: boolean;
527
574
  };
528
575
  errorMessages: {
529
- type: import("vue").PropType<string | string[]>;
576
+ type: import("vue").PropType<string | string[]>; /**
577
+ * Событие клика по иконке внутри элемента после значения поля
578
+ */
530
579
  default: () => never[];
531
580
  };
532
581
  maxErrors: {
@@ -576,7 +625,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
576
625
  default: null;
577
626
  };
578
627
  messages: {
579
- type: import("vue").PropType<string | string[]>;
628
+ type: import("vue").PropType<string | string[]>; /**
629
+ * Событие клика по иконке перед значением поля
630
+ */
580
631
  default: () => never[];
581
632
  };
582
633
  persistentMessages: {
@@ -601,7 +652,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
601
652
  };
602
653
  prependInnerIcon: {
603
654
  type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
604
- default: undefined;
655
+ default: undefined; /**
656
+ * Событие клика по полю ввода
657
+ */
605
658
  validator: (value: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
606
659
  };
607
660
  appendInnerIcon: {
@@ -654,6 +707,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
654
707
  description: string;
655
708
  disabled: boolean;
656
709
  value: any;
710
+ size: "xs" | "sm" | "md" | "lg" | "xl";
657
711
  error: boolean;
658
712
  prependIcon: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
659
713
  appendIcon: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";