@zohodesk/components 1.6.20 → 1.6.21

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 (116) hide show
  1. package/README.md +6 -0
  2. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  3. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  4. package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  5. package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  6. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +98 -121
  7. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +45 -45
  8. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +24 -24
  9. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  10. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +87 -87
  11. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  12. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +5 -5
  13. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +6 -6
  14. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  15. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +25 -25
  16. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  17. package/es/Layout/Box.js +1 -115
  18. package/es/Layout/Container.js +1 -132
  19. package/es/Layout/props/defaultProps.js +1 -16
  20. package/es/Layout/props/propTypes.js +1 -46
  21. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  22. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  23. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  24. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -69
  25. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  26. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +69 -69
  27. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +3 -3
  28. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  29. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  30. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +31 -31
  31. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +6 -6
  32. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  33. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  34. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  35. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +130 -130
  36. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  37. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +6 -6
  38. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +771 -749
  39. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  40. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +9 -9
  41. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +44 -44
  42. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  43. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  44. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  45. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +36 -36
  46. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  47. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  48. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +46 -46
  49. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +164 -164
  50. package/es/css.js +0 -1
  51. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +10 -10
  52. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  53. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  54. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  55. package/lib/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  56. package/lib/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  57. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +98 -121
  58. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +45 -45
  59. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +24 -24
  60. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  61. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +87 -87
  62. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  63. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +5 -5
  64. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +6 -6
  65. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  66. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +25 -25
  67. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  68. package/lib/Layout/Box.js +7 -120
  69. package/lib/Layout/Container.js +7 -137
  70. package/lib/Layout/props/defaultProps.js +14 -19
  71. package/lib/Layout/props/propTypes.js +13 -52
  72. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  73. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  74. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  75. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -69
  76. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  77. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +69 -69
  78. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +3 -3
  79. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  80. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  81. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +31 -31
  82. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +6 -6
  83. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  84. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  85. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  86. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +130 -130
  87. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  88. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +6 -6
  89. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +771 -749
  90. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  91. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +9 -9
  92. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +44 -44
  93. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  94. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  95. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  96. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +36 -36
  97. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  98. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  99. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +46 -46
  100. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +164 -164
  101. package/lib/css.js +0 -2
  102. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +10 -10
  103. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  104. package/package.json +5 -5
  105. package/es/Layout/Layout.module.css +0 -336
  106. package/es/Layout/__tests__/Box.spec.js +0 -11
  107. package/es/Layout/__tests__/Container.spec.js +0 -11
  108. package/es/Layout/__tests__/__snapshots__/Box.spec.js.snap +0 -16
  109. package/es/Layout/__tests__/__snapshots__/Container.spec.js.snap +0 -16
  110. package/es/Layout/utils.js +0 -29
  111. package/lib/Layout/Layout.module.css +0 -336
  112. package/lib/Layout/__tests__/Box.spec.js +0 -18
  113. package/lib/Layout/__tests__/Container.spec.js +0 -18
  114. package/lib/Layout/__tests__/__snapshots__/Box.spec.js.snap +0 -16
  115. package/lib/Layout/__tests__/__snapshots__/Container.spec.js.snap +0 -16
  116. package/lib/Layout/utils.js +0 -59
package/README.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development across projects.
4
4
 
5
+ # 1.6.21
6
+
7
+ - **Container,Box**
8
+ - Moved the code to the @zohodesk/layout package.
9
+ - Moved Layout.module.css to the @zohodesk/layout package and removed duplicate classes that overlapped with Flex.module.css.
10
+
5
11
  # 1.6.20
6
12
 
7
13
  **Select**, **MultiSelect**, **GroupSelect**, **SelectWithAvatar**, **SelectWithIcon**, **MultiSelectWithAvatar**, **AdvancedMultiSelect**
package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`AppContainer rendering the Custom props 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="container flex cover coldir"
6
+ class="flex fullSize column container"
7
7
  data-container="true"
8
8
  data-id="AppContainer"
9
9
  data-props="true"
@@ -11,7 +11,7 @@ exports[`AppContainer rendering the Custom props 1`] = `
11
11
  data-test-id="AppContainer"
12
12
  >
13
13
  <div
14
- class="grow basis shrinkOff"
14
+ class="flexible basis_zero noShrink"
15
15
  data-id="boxComponent"
16
16
  data-selector-id="box"
17
17
  data-test-id="boxComponent"
@@ -30,13 +30,13 @@ exports[`AppContainer rendering the Custom props 1`] = `
30
30
  exports[`AppContainer rendering the childern as element 1`] = `
31
31
  <DocumentFragment>
32
32
  <div
33
- class="container flex cover coldir"
33
+ class="flex fullSize column container"
34
34
  data-id="AppContainer"
35
35
  data-selector-id="appContainer"
36
36
  data-test-id="AppContainer"
37
37
  >
38
38
  <div
39
- class="grow basis shrinkOff"
39
+ class="flexible basis_zero noShrink"
40
40
  data-id="boxComponent"
41
41
  data-selector-id="box"
42
42
  data-test-id="boxComponent"
@@ -58,13 +58,13 @@ exports[`AppContainer rendering the childern as element 1`] = `
58
58
  exports[`AppContainer rendering the childern as element in array 1`] = `
59
59
  <DocumentFragment>
60
60
  <div
61
- class="container flex cover coldir"
61
+ class="flex fullSize column container"
62
62
  data-id="AppContainer"
63
63
  data-selector-id="appContainer"
64
64
  data-test-id="AppContainer"
65
65
  >
66
66
  <div
67
- class="grow basis shrinkOff"
67
+ class="flexible basis_zero noShrink"
68
68
  data-id="boxComponent"
69
69
  data-selector-id="box"
70
70
  data-test-id="boxComponent"
@@ -89,13 +89,13 @@ exports[`AppContainer rendering the childern as element in array 1`] = `
89
89
  exports[`AppContainer rendering the customClass 1`] = `
90
90
  <DocumentFragment>
91
91
  <div
92
- class="container AppcontainerClass flex cover coldir"
92
+ class="flex fullSize column container AppcontainerClass"
93
93
  data-id="AppContainer"
94
94
  data-selector-id="appContainer"
95
95
  data-test-id="AppContainer"
96
96
  >
97
97
  <div
98
- class="grow basis shrinkOff"
98
+ class="flexible basis_zero noShrink"
99
99
  data-id="boxComponent"
100
100
  data-selector-id="box"
101
101
  data-test-id="boxComponent"
@@ -113,13 +113,13 @@ exports[`AppContainer rendering the customClass 1`] = `
113
113
  exports[`AppContainer rendering the defult props 1`] = `
114
114
  <DocumentFragment>
115
115
  <div
116
- class="container flex cover coldir"
116
+ class="flex fullSize column container"
117
117
  data-id="AppContainer"
118
118
  data-selector-id="appContainer"
119
119
  data-test-id="AppContainer"
120
120
  >
121
121
  <div
122
- class="grow basis shrinkOff"
122
+ class="flexible basis_zero noShrink"
123
123
  data-id="boxComponent"
124
124
  data-selector-id="box"
125
125
  data-test-id="boxComponent"
@@ -137,13 +137,13 @@ exports[`AppContainer rendering the defult props 1`] = `
137
137
  exports[`AppContainer rendering the needTooltip is false 1`] = `
138
138
  <DocumentFragment>
139
139
  <div
140
- class="container flex cover coldir"
140
+ class="flex fullSize column container"
141
141
  data-id="AppContainer"
142
142
  data-selector-id="appContainer"
143
143
  data-test-id="AppContainer"
144
144
  >
145
145
  <div
146
- class="grow basis shrinkOff"
146
+ class="flexible basis_zero noShrink"
147
147
  data-id="boxComponent"
148
148
  data-selector-id="box"
149
149
  data-test-id="boxComponent"
@@ -155,13 +155,13 @@ exports[`AppContainer rendering the needTooltip is false 1`] = `
155
155
  exports[`AppContainer rendering the tooltipClass 1`] = `
156
156
  <DocumentFragment>
157
157
  <div
158
- class="container flex cover coldir"
158
+ class="flex fullSize column container"
159
159
  data-id="AppContainer"
160
160
  data-selector-id="appContainer"
161
161
  data-test-id="AppContainer"
162
162
  >
163
163
  <div
164
- class="grow basis shrinkOff"
164
+ class="flexible basis_zero noShrink"
165
165
  data-id="boxComponent"
166
166
  data-selector-id="box"
167
167
  data-test-id="boxComponent"
@@ -179,13 +179,13 @@ exports[`AppContainer rendering the tooltipClass 1`] = `
179
179
  exports[`AppContainer rendering the tooltipParentClass 1`] = `
180
180
  <DocumentFragment>
181
181
  <div
182
- class="container flex cover coldir"
182
+ class="flex fullSize column container"
183
183
  data-id="AppContainer"
184
184
  data-selector-id="appContainer"
185
185
  data-test-id="AppContainer"
186
186
  >
187
187
  <div
188
- class="grow basis shrinkOff"
188
+ class="flexible basis_zero noShrink"
189
189
  data-id="boxComponent"
190
190
  data-selector-id="box"
191
191
  data-test-id="boxComponent"
package/es/Card/__tests__/__snapshots__/Card.spec.js.snap CHANGED
@@ -3,13 +3,13 @@
3
3
  exports[`Card rendering the a11y 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="flex cover coldir"
6
+ class="flex fullSize column"
7
7
  data-id="containerComponent"
8
8
  data-selector-id="container"
9
9
  data-test-id="containerComponent"
10
10
  >
11
11
  <div
12
- class="grow basis shrinkOff scrolly"
12
+ class="flexible basis_zero noShrink scroll_vertical"
13
13
  data-id="CardContent"
14
14
  data-selector-id="cardContent"
15
15
  data-test-id="CardContent"
@@ -24,14 +24,14 @@ exports[`Card rendering the a11y 1`] = `
24
24
  exports[`Card rendering the children 1`] = `
25
25
  <DocumentFragment>
26
26
  <div
27
- class="flex cover coldir"
27
+ class="flex fullSize column"
28
28
  data-id="containerComponent"
29
29
  data-selector-id="container"
30
30
  data-test-id="containerComponent"
31
31
  >
32
32
 
33
33
  <div
34
- class="grow basis shrinkOff scrolly"
34
+ class="flexible basis_zero noShrink scroll_vertical"
35
35
  data-id="CardContent"
36
36
  data-selector-id="cardContent"
37
37
  data-test-id="CardContent"
@@ -45,13 +45,13 @@ exports[`Card rendering the children 1`] = `
45
45
  exports[`Card rendering the customClass 1`] = `
46
46
  <DocumentFragment>
47
47
  <div
48
- class="customClass flex cover coldir"
48
+ class="flex fullSize column customClass"
49
49
  data-id="containerComponent"
50
50
  data-selector-id="container"
51
51
  data-test-id="containerComponent"
52
52
  >
53
53
  <div
54
- class="grow basis shrinkOff scrolly"
54
+ class="flexible basis_zero noShrink scroll_vertical"
55
55
  data-id="CardContent"
56
56
  data-selector-id="cardContent"
57
57
  data-test-id="CardContent"
@@ -65,13 +65,13 @@ exports[`Card rendering the customClass 1`] = `
65
65
  exports[`Card rendering the dataId value 1`] = `
66
66
  <DocumentFragment>
67
67
  <div
68
- class="flex cover coldir"
68
+ class="flex fullSize column"
69
69
  data-id="customdataId"
70
70
  data-selector-id="container"
71
71
  data-test-id="customdataId"
72
72
  >
73
73
  <div
74
- class="grow basis shrinkOff scrolly"
74
+ class="flexible basis_zero noShrink scroll_vertical"
75
75
  data-id="CardContent"
76
76
  data-selector-id="cardContent"
77
77
  data-test-id="CardContent"
@@ -85,7 +85,7 @@ exports[`Card rendering the dataId value 1`] = `
85
85
  exports[`Card rendering the defult props 1`] = `
86
86
  <DocumentFragment>
87
87
  <div
88
- class="flex cover coldir"
88
+ class="flex fullSize column"
89
89
  data-id="containerComponent"
90
90
  data-selector-id="container"
91
91
  data-test-id="containerComponent"
@@ -96,13 +96,13 @@ exports[`Card rendering the defult props 1`] = `
96
96
  exports[`Card rendering the htmlId 1`] = `
97
97
  <DocumentFragment>
98
98
  <div
99
- class="flex cover coldir"
99
+ class="flex fullSize column"
100
100
  data-id="containerComponent"
101
101
  data-selector-id="container"
102
102
  data-test-id="containerComponent"
103
103
  >
104
104
  <div
105
- class="grow basis shrinkOff scrolly"
105
+ class="flexible basis_zero noShrink scroll_vertical"
106
106
  data-id="CardContent"
107
107
  data-selector-id="cardContent"
108
108
  data-test-id="CardContent"
@@ -117,7 +117,7 @@ exports[`Card rendering the htmlId 1`] = `
117
117
  exports[`Card rendering the isScrollAttribute is true 1`] = `
118
118
  <DocumentFragment>
119
119
  <div
120
- class="flex cover coldir"
120
+ class="flex fullSize column"
121
121
  data-id="containerComponent"
122
122
  data-scroll="true"
123
123
  data-selector-id="container"
@@ -125,7 +125,7 @@ exports[`Card rendering the isScrollAttribute is true 1`] = `
125
125
  >
126
126
 
127
127
  <div
128
- class="grow basis shrinkOff scrolly"
128
+ class="flexible basis_zero noShrink scroll_vertical"
129
129
  data-id="CardContent"
130
130
  data-selector-id="cardContent"
131
131
  data-test-id="CardContent"
@@ -139,13 +139,13 @@ exports[`Card rendering the isScrollAttribute is true 1`] = `
139
139
  exports[`Card should trigger fetch, when scroll to the bottom of the card while isRecentOnBottom = false 1`] = `
140
140
  <DocumentFragment>
141
141
  <div
142
- class="flex cover coldir"
142
+ class="flex fullSize column"
143
143
  data-id="containerComponent"
144
144
  data-selector-id="container"
145
145
  data-test-id="containerComponent"
146
146
  >
147
147
  <div
148
- class="grow basis shrinkOff scrolly"
148
+ class="flexible basis_zero noShrink scroll_vertical"
149
149
  data-id="scrollToBottomCardContent"
150
150
  data-selector-id="cardContent"
151
151
  data-test-id="scrollToBottomCardContent"
@@ -161,13 +161,13 @@ exports[`Card should trigger fetch, when scroll to the bottom of the card while
161
161
  exports[`Card should trigger fetch, when scroll to the top of the card while scrollDirection = bottomToTop 1`] = `
162
162
  <DocumentFragment>
163
163
  <div
164
- class="flex cover coldir"
164
+ class="flex fullSize column"
165
165
  data-id="containerComponent"
166
166
  data-selector-id="container"
167
167
  data-test-id="containerComponent"
168
168
  >
169
169
  <div
170
- class="grow basis shrinkOff scrolly"
170
+ class="flexible basis_zero noShrink scroll_vertical"
171
171
  data-id="scrollToTopCardContent"
172
172
  data-selector-id="cardContent"
173
173
  data-test-id="scrollToTopCardContent"
package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`CardContent Should render with name - both 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="grow basis shrinkOff scrollboth"
6
+ class="flexible basis_zero noShrink scroll_both"
7
7
  data-id="CardContent"
8
8
  data-scroll="true"
9
9
  data-selector-id="cardContent"
@@ -19,7 +19,7 @@ exports[`CardContent Should render with name - both 1`] = `
19
19
  exports[`CardContent Should render with name - both 2`] = `
20
20
  <DocumentFragment>
21
21
  <div
22
- class="grow basis shrinkOff scrolly preventScrollBubbleBoth"
22
+ class="flexible basis_zero noShrink scroll_vertical preventScrollBubbleBoth"
23
23
  data-id="CardContent"
24
24
  data-scroll="true"
25
25
  data-selector-id="cardContent"
@@ -35,7 +35,7 @@ exports[`CardContent Should render with name - both 2`] = `
35
35
  exports[`CardContent Should render with name - horizontal 1`] = `
36
36
  <DocumentFragment>
37
37
  <div
38
- class="grow basis shrinkOff scrollx"
38
+ class="flexible basis_zero noShrink scroll_horizontal"
39
39
  data-id="CardContent"
40
40
  data-scroll="true"
41
41
  data-selector-id="cardContent"
@@ -51,7 +51,7 @@ exports[`CardContent Should render with name - horizontal 1`] = `
51
51
  exports[`CardContent Should render with name - horizontal 2`] = `
52
52
  <DocumentFragment>
53
53
  <div
54
- class="grow basis shrinkOff scrolly preventScrollBubbleX"
54
+ class="flexible basis_zero noShrink scroll_vertical preventScrollBubbleX"
55
55
  data-id="CardContent"
56
56
  data-scroll="true"
57
57
  data-selector-id="cardContent"
@@ -67,7 +67,7 @@ exports[`CardContent Should render with name - horizontal 2`] = `
67
67
  exports[`CardContent Should render with name - none 1`] = `
68
68
  <DocumentFragment>
69
69
  <div
70
- class="grow basis shrinkOff scrollnone"
70
+ class="flexible basis_zero noShrink scroll_hidden"
71
71
  data-id="CardContent"
72
72
  data-scroll="true"
73
73
  data-selector-id="cardContent"
@@ -83,7 +83,7 @@ exports[`CardContent Should render with name - none 1`] = `
83
83
  exports[`CardContent Should render with name - vertical 1`] = `
84
84
  <DocumentFragment>
85
85
  <div
86
- class="grow basis shrinkOff scrolly"
86
+ class="flexible basis_zero noShrink scroll_vertical"
87
87
  data-id="CardContent"
88
88
  data-scroll="true"
89
89
  data-selector-id="cardContent"
@@ -99,7 +99,7 @@ exports[`CardContent Should render with name - vertical 1`] = `
99
99
  exports[`CardContent Should render with name - vertical 2`] = `
100
100
  <DocumentFragment>
101
101
  <div
102
- class="grow basis shrinkOff scrolly preventScrollBubbleY"
102
+ class="flexible basis_zero noShrink scroll_vertical preventScrollBubbleY"
103
103
  data-id="CardContent"
104
104
  data-scroll="true"
105
105
  data-selector-id="cardContent"
@@ -115,7 +115,7 @@ exports[`CardContent Should render with name - vertical 2`] = `
115
115
  exports[`CardContent rendering children 1`] = `
116
116
  <DocumentFragment>
117
117
  <div
118
- class="grow basis shrinkOff scrolly"
118
+ class="flexible basis_zero noShrink scroll_vertical"
119
119
  data-id="CardContent"
120
120
  data-selector-id="cardContent"
121
121
  data-test-id="CardContent"
@@ -128,7 +128,7 @@ exports[`CardContent rendering children 1`] = `
128
128
  exports[`CardContent rendering customClass is true 1`] = `
129
129
  <DocumentFragment>
130
130
  <div
131
- class="cardCustomClass grow basis shrinkOff scrolly"
131
+ class="flexible basis_zero noShrink scroll_vertical cardCustomClass"
132
132
  data-id="CardContent"
133
133
  data-selector-id="cardContent"
134
134
  data-test-id="CardContent"
@@ -141,7 +141,7 @@ exports[`CardContent rendering customClass is true 1`] = `
141
141
  exports[`CardContent rendering isScrollAttribute is true 1`] = `
142
142
  <DocumentFragment>
143
143
  <div
144
- class="grow basis shrinkOff scrolly"
144
+ class="flexible basis_zero noShrink scroll_vertical"
145
145
  data-id="CardContent"
146
146
  data-scroll="true"
147
147
  data-selector-id="cardContent"
@@ -155,7 +155,7 @@ exports[`CardContent rendering isScrollAttribute is true 1`] = `
155
155
  exports[`CardContent rendering shrink is true 1`] = `
156
156
  <DocumentFragment>
157
157
  <div
158
- class="grow basis shrinkOn scrolly"
158
+ class="flexible basis_zero shrink scroll_vertical"
159
159
  data-id="CardContent"
160
160
  data-selector-id="cardContent"
161
161
  data-test-id="CardContent"
@@ -168,7 +168,7 @@ exports[`CardContent rendering shrink is true 1`] = `
168
168
  exports[`CardContent rendering the defult props 1`] = `
169
169
  <DocumentFragment>
170
170
  <div
171
- class="grow basis shrinkOff scrolly"
171
+ class="flexible basis_zero noShrink scroll_vertical"
172
172
  data-id="CardContent"
173
173
  data-selector-id="cardContent"
174
174
  data-test-id="CardContent"
package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`CardHeader rendering the Children is true 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="notScroll shrinkOff"
6
+ class="noShrink notScroll"
7
7
  data-id="CardHeader"
8
8
  data-selector-id="cardHeader"
9
9
  data-test-id="CardHeader"
@@ -16,7 +16,7 @@ exports[`CardHeader rendering the Children is true 1`] = `
16
16
  exports[`CardHeader rendering the customClass 1`] = `
17
17
  <DocumentFragment>
18
18
  <div
19
- class="notScroll cardHeader-class shrinkOff"
19
+ class="noShrink notScroll cardHeader-class"
20
20
  data-id="CardHeader"
21
21
  data-selector-id="cardHeader"
22
22
  data-test-id="CardHeader"
@@ -29,7 +29,7 @@ exports[`CardHeader rendering the customClass 1`] = `
29
29
  exports[`CardHeader rendering the defult props 1`] = `
30
30
  <DocumentFragment>
31
31
  <div
32
- class="notScroll shrinkOff"
32
+ class="noShrink notScroll"
33
33
  data-id="CardHeader"
34
34
  data-selector-id="cardHeader"
35
35
  data-test-id="CardHeader"
@@ -40,7 +40,7 @@ exports[`CardHeader rendering the defult props 1`] = `
40
40
  exports[`CardHeader rendering the isScroll is true 1`] = `
41
41
  <DocumentFragment>
42
42
  <div
43
- class="scroll shrinkOff"
43
+ class="noShrink scroll"
44
44
  data-id="CardHeader"
45
45
  data-selector-id="cardHeader"
46
46
  data-test-id="CardHeader"