@bethinkpl/design-system 35.0.0 → 35.0.2

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 (37) hide show
  1. package/dist/design-system.css +1 -1
  2. package/dist/design-system.js +2581 -2567
  3. package/dist/design-system.js.map +1 -1
  4. package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +1 -0
  5. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +1 -0
  6. package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts +1 -0
  7. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +1 -0
  8. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +1 -0
  9. package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +2 -0
  10. package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +1 -0
  11. package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +3 -0
  12. package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +1 -0
  13. package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +2 -0
  14. package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +2 -0
  15. package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +1 -0
  16. package/dist/lib/js/components/Modal/Modal.vue.d.ts +1 -0
  17. package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +2 -0
  18. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +2 -0
  19. package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +2 -0
  20. package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +1 -0
  21. package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +1 -0
  22. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +1 -0
  23. package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +1 -0
  24. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +1 -0
  25. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +1 -0
  26. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +3 -0
  27. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +3 -0
  28. package/dist/lib/js/components/Switch/Switch.vue.d.ts +1 -0
  29. package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +1 -0
  30. package/dist/lib/js/components/Toast/Toast.vue.d.ts +2 -8
  31. package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +1 -0
  32. package/lib/images/icons/rectangles-vertical.svg +4 -0
  33. package/lib/js/components/Buttons/IconButton/IconButton.vue +2 -1
  34. package/lib/js/components/Icons/Icon/Icon.consts.ts +2 -0
  35. package/lib/js/components/Toast/Toast.vue +1 -1
  36. package/lib/js/utils/device.ts +4 -3
  37. package/package.json +4 -3
package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts CHANGED
@@ -65,6 +65,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
65
65
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
66
66
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
67
67
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
68
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
68
69
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
69
70
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
70
71
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts CHANGED
@@ -38,6 +38,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
38
38
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
39
39
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
40
40
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
41
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
41
42
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
42
43
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
43
44
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts CHANGED
@@ -59,6 +59,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
59
59
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
60
60
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
61
61
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
62
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
62
63
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
63
64
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
64
65
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts CHANGED
@@ -826,6 +826,7 @@ declare const _default: import('vue').DefineComponent<{
826
826
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
827
827
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
828
828
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
829
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
829
830
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
830
831
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
831
832
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts CHANGED
@@ -670,6 +670,7 @@ declare const _default: import('vue').DefineComponent<{
670
670
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
671
671
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
672
672
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
673
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
673
674
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
674
675
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
675
676
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts CHANGED
@@ -78,6 +78,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
78
78
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
79
79
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
80
80
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
81
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
81
82
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
82
83
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
83
84
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -705,6 +706,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
705
706
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
706
707
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
707
708
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
709
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
708
710
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
709
711
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
710
712
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts CHANGED
@@ -31,6 +31,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
31
31
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
32
32
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
33
33
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
34
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
34
35
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
35
36
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
36
37
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts CHANGED
@@ -89,6 +89,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
89
89
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
90
90
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
91
91
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
92
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
92
93
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
93
94
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
94
95
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -511,6 +512,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
511
512
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
512
513
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
513
514
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
515
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
514
516
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
515
517
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
516
518
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1034,6 +1036,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1034
1036
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
1035
1037
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
1036
1038
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
1039
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
1037
1040
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1038
1041
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
1039
1042
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts CHANGED
@@ -32,6 +32,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
32
32
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
33
33
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
34
34
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
35
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
35
36
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
36
37
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
37
38
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts CHANGED
@@ -73,6 +73,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
73
73
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
74
74
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
75
75
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
76
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
76
77
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
77
78
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
78
79
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -472,6 +473,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
472
473
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
473
474
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
474
475
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
476
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
475
477
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
476
478
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
477
479
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts CHANGED
@@ -80,6 +80,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
80
80
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
81
81
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
82
82
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
83
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
83
84
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
84
85
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
85
86
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -603,6 +604,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
603
604
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
604
605
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
605
606
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
607
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
606
608
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
607
609
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
608
610
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts CHANGED
@@ -38,6 +38,7 @@ export declare const ICONS: {
38
38
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
39
39
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
40
40
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
41
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
41
42
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
42
43
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
43
44
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Modal/Modal.vue.d.ts CHANGED
@@ -19,6 +19,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
19
19
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
20
20
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
21
21
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
22
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
22
23
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
23
24
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
24
25
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts CHANGED
@@ -126,6 +126,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
126
126
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
127
127
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
128
128
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
129
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
129
130
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
130
131
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
131
132
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -733,6 +734,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
733
734
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
734
735
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
735
736
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
737
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
736
738
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
737
739
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
738
740
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts CHANGED
@@ -261,6 +261,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
261
261
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
262
262
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
263
263
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
264
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
264
265
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
265
266
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
266
267
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -868,6 +869,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
868
869
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
869
870
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
870
871
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
872
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
871
873
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
872
874
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
873
875
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Pagination/Pagination.vue.d.ts CHANGED
@@ -71,6 +71,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
71
71
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
72
72
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
73
73
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
74
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
74
75
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
75
76
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
76
77
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -435,6 +436,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
435
436
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
436
437
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
437
438
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
439
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
438
440
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
439
441
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
440
442
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts CHANGED
@@ -99,6 +99,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
99
99
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
100
100
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
101
101
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
102
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
102
103
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
103
104
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
104
105
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts CHANGED
@@ -34,6 +34,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
34
34
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
35
35
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
36
36
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
37
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
37
38
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
38
39
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
39
40
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts CHANGED
@@ -566,6 +566,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
566
566
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
567
567
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
568
568
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
569
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
569
570
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
570
571
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
571
572
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts CHANGED
@@ -100,6 +100,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
100
100
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
101
101
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
102
102
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
103
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
103
104
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
104
105
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
105
106
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts CHANGED
@@ -17,6 +17,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
17
17
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
18
18
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
19
19
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
20
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
20
21
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
21
22
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
22
23
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts CHANGED
@@ -17,6 +17,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
17
17
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
18
18
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
19
19
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
20
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
20
21
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
21
22
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
22
23
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts CHANGED
@@ -34,6 +34,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
34
34
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
35
35
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
36
36
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
37
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
37
38
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
38
39
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
39
40
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -699,6 +700,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
699
700
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
700
701
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
701
702
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
703
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
702
704
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
703
705
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
704
706
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1255,6 +1257,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1255
1257
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
1256
1258
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
1257
1259
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
1260
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
1258
1261
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1259
1262
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
1260
1263
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts CHANGED
@@ -53,6 +53,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
53
53
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
54
54
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
55
55
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
56
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
56
57
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
57
58
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
58
59
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -671,6 +672,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
671
672
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
672
673
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
673
674
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
675
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
674
676
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
675
677
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
676
678
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1400,6 +1402,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1400
1402
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
1401
1403
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
1402
1404
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
1405
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
1403
1406
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1404
1407
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
1405
1408
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Switch/Switch.vue.d.ts CHANGED
@@ -53,6 +53,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
53
53
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
54
54
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
55
55
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
56
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
56
57
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
57
58
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
58
59
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts CHANGED
@@ -13,6 +13,7 @@ export declare const data: () => {
13
13
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
14
14
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
15
15
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
16
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
16
17
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
17
18
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
18
19
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Toast/Toast.vue.d.ts CHANGED
@@ -11,10 +11,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
11
11
  default: string;
12
12
  };
13
13
  boundariesSelector: {
14
- type: (StringConstructor | {
15
- new (): HTMLElement;
16
- prototype: HTMLElement;
17
- })[];
14
+ type: PropType<string | HTMLElement>;
18
15
  default: null;
19
16
  };
20
17
  color: {
@@ -99,10 +96,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
99
96
  default: string;
100
97
  };
101
98
  boundariesSelector: {
102
- type: (StringConstructor | {
103
- new (): HTMLElement;
104
- prototype: HTMLElement;
105
- })[];
99
+ type: PropType<string | HTMLElement>;
106
100
  default: null;
107
101
  };
108
102
  color: {
package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts CHANGED
@@ -69,6 +69,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
69
69
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
70
70
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
71
71
  readonly BALLOT_CHECK_TIME: VueConstructor<Vue>;
72
+ readonly RECTANGLES_VERTICAL: VueConstructor<Vue>;
72
73
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
73
74
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
74
75
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/lib/images/icons/rectangles-vertical.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
2
+ <path d="M22 14H8C6.875 14 6 15 6 16V48C6 49.125 6.875 50 8 50H22C23 50 24 49.125 24 48V16C24 15 23 14 22 14ZM8 8H22C26.375 8 30 11.625 30 16V48C30 52.5 26.375 56 22 56H8C3.5 56 0 52.5 0 48V16C0 11.625 3.5 8 8 8Z" fill="currentColor"/>
3
+ <path d="M56 14H42C40.875 14 40 15 40 16V48C40 49.125 40.875 50 42 50H56C57 50 58 49.125 58 48V16C58 15 57 14 56 14ZM42 8H56C60.375 8 64 11.625 64 16V48C64 52.5 60.375 56 56 56H42C37.5 56 34 52.5 34 48V16C34 11.625 37.5 8 42 8Z" fill="currentColor"/>
4
+ </svg>
package/lib/js/components/Buttons/IconButton/IconButton.vue CHANGED
@@ -148,7 +148,8 @@
148
148
  color: map-get($icon-button-colors, 'theme', 'hovered');
149
149
  }
150
150
 
151
- &__button {
151
+ // Doubled class selector increases specificity to ensure icon button styles never get overridden by .ds-button base styles
152
+ #{$self}__button#{$self}__button {
152
153
  height: $icon-button-medium-size;
153
154
  min-height: auto;
154
155
  min-width: auto;
package/lib/js/components/Icons/Icon/Icon.consts.ts CHANGED
@@ -8,6 +8,7 @@ import SidebarFlipSolid from '../../../../images/icons/sidebar-flip-solid.svg';
8
8
  import Change from '../../../../images/icons/change.svg';
9
9
  import CloudDisconnected from '../../../../images/icons/cloud-disconnected.svg';
10
10
  import BallotCheckTime from '../../../../images/icons/ballot-check-time.svg';
11
+ import RectanglesVertical from '../../../../images/icons/rectangles-vertical.svg';
11
12
 
12
13
  import { FONTAWESOME_ICONS } from '../../../icons/fontawesome';
13
14
  import { Value } from '../../../utils/type.utils';
@@ -54,6 +55,7 @@ const BETHINK_ICONS = {
54
55
  SLIDERS_SEARCH: SlidersSearch,
55
56
  CLOUD_DISCONNECTED: CloudDisconnected,
56
57
  BALLOT_CHECK_TIME: BallotCheckTime,
58
+ RECTANGLES_VERTICAL: RectanglesVertical,
57
59
  } as const;
58
60
 
59
61
  export const ICONS = {
package/lib/js/components/Toast/Toast.vue CHANGED
@@ -140,7 +140,7 @@ export default defineComponent({
140
140
  default: TOAST_POSITIONS.CENTER,
141
141
  },
142
142
  boundariesSelector: {
143
- type: [String, HTMLElement],
143
+ type: [String, Object] as PropType<string | HTMLElement>,
144
144
  default: null,
145
145
  },
146
146
  color: {
package/lib/js/utils/device.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  export const isTouchDevice = (): boolean => {
2
2
  return (
3
- 'ontouchstart' in window ||
4
- navigator.maxTouchPoints > 0 ||
5
- (navigator as any).msMaxTouchPoints > 0
3
+ typeof window !== 'undefined' &&
4
+ ('ontouchstart' in window ||
5
+ navigator.maxTouchPoints > 0 ||
6
+ (navigator as any).msMaxTouchPoints > 0)
6
7
  );
7
8
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bethinkpl/design-system",
3
- "version": "35.0.0",
3
+ "version": "35.0.2",
4
4
  "description": "Bethink universe design-system",
5
5
  "repository": {
6
6
  "type": "git",
@@ -18,8 +18,9 @@
18
18
  ],
19
19
  "license": "UNLICENSED",
20
20
  "engines": {
21
- "yarn": "^1.22.1",
22
- "node": "^16.13.0 || ^18.17.0 || ^20.9.0"
21
+ "yarn": ">=1.22.1",
22
+ "npm": ">=6.0.0",
23
+ "node": "^16.13.0 || ^18.17.0 || ^20.9.0 || ^22.0.0 || ^24.0.0"
23
24
  },
24
25
  "scripts": {
25
26
  "build": "vite build",