@zohodesk/components 1.0.0-temp-256.1 → 1.0.0-temp-257.1

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 (91) hide show
  1. package/README.md +2 -19
  2. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +0 -2
  3. package/assets/Appearance/dark/mode/Component_v1_DarkMode.module.css +5 -20
  4. package/assets/Appearance/dark/themes/blue/blue_componentsCTA_DarkModifyCategory.module.css +0 -1
  5. package/assets/Appearance/dark/themes/green/green_componentsCTA_DarkModifyCategory.module.css +0 -1
  6. package/assets/Appearance/dark/themes/orange/orange_componentsCTA_DarkModifyCategory.module.css +0 -1
  7. package/assets/Appearance/dark/themes/red/red_componentsCTA_DarkModifyCategory.module.css +0 -1
  8. package/assets/Appearance/dark/themes/yellow/yellow_componentsCTA_DarkModifyCategory.module.css +0 -1
  9. package/assets/Appearance/light/mode/Component_LightMode.module.css +0 -2
  10. package/assets/Appearance/light/mode/Component_v1_LightMode.module.css +5 -20
  11. package/assets/Appearance/light/themes/blue/blue_componentsCTA_LightModifyCategory.module.css +0 -1
  12. package/assets/Appearance/light/themes/green/green_componentsCTA_LightModifyCategory.module.css +0 -1
  13. package/assets/Appearance/light/themes/orange/orange_componentsCTA_LightModifyCategory.module.css +0 -1
  14. package/assets/Appearance/light/themes/red/red_componentsCTA_LightModifyCategory.module.css +0 -1
  15. package/assets/Appearance/light/themes/yellow/yellow_componentsCTA_LightModifyCategory.module.css +0 -1
  16. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +0 -2
  17. package/assets/Appearance/pureDark/mode/Component_v1_PureDarkMode.module.css +5 -20
  18. package/assets/Appearance/pureDark/themes/blue/blue_componentsCTA_PureDarkModifyCategory.module.css +0 -1
  19. package/assets/Appearance/pureDark/themes/green/green_componentsCTA_PureDarkModifyCategory.module.css +0 -1
  20. package/assets/Appearance/pureDark/themes/orange/orange_componentsCTA_PureDarkModifyCategory.module.css +0 -1
  21. package/assets/Appearance/pureDark/themes/red/red_componentsCTA_PureDarkModifyCategory.module.css +0 -1
  22. package/assets/Appearance/pureDark/themes/yellow/yellow_componentsCTA_PureDarkModifyCategory.module.css +0 -1
  23. package/es/ListItem/ListItem.js +1 -2
  24. package/es/ListItem/ListItemWithAvatar.js +3 -9
  25. package/es/ListItem/ListItemWithCheckBox.js +3 -9
  26. package/es/ListItem/ListItemWithIcon.js +2 -8
  27. package/es/ListItem/ListItemWithRadio.js +3 -9
  28. package/es/ListItem/__tests__/ListItemWithAvatar.spec.js +0 -19
  29. package/es/ListItem/__tests__/ListItemWithCheckBox.spec.js +0 -19
  30. package/es/ListItem/__tests__/ListItemWithIcon.spec.js +0 -17
  31. package/es/ListItem/__tests__/ListItemWithRadio.spec.js +0 -19
  32. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +0 -108
  33. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +0 -212
  34. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +0 -108
  35. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +0 -210
  36. package/es/ListItem/props/defaultProps.js +0 -1
  37. package/es/ListItem/props/propTypes.js +3 -12
  38. package/es/Tab/Tab.js +13 -56
  39. package/es/Tab/Tab.module.css +4 -72
  40. package/es/Tab/TabWrapper.js +2 -6
  41. package/es/Tab/Tabs.js +14 -60
  42. package/es/Tab/Tabs.module.css +15 -84
  43. package/es/Tab/__tests__/Tab.spec.js +0 -87
  44. package/es/Tab/__tests__/Tabs.spec.js +0 -11
  45. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +0 -287
  46. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +0 -32
  47. package/es/Tab/props/defaultProps.js +3 -10
  48. package/es/Tab/props/propTypes.js +4 -26
  49. package/es/Tab/utils/tabConfigs.js +0 -11
  50. package/es/v1/Button/Button.js +163 -106
  51. package/es/v1/Button/css/Button_v1.module.css +28 -16
  52. package/es/v1/Button/css/cssJSLogic.js +18 -3
  53. package/es/v1/Button/props/propTypes.js +14 -3
  54. package/es/v1/helpers/colorHelpers/background/backgroundColor.module.css +35 -35
  55. package/es/v1/helpers/colorHelpers/border/borderColor.module.css +20 -20
  56. package/es/v1/helpers/colorHelpers/text/textColor.module.css +35 -35
  57. package/lib/ListItem/ListItem.js +1 -3
  58. package/lib/ListItem/ListItemWithAvatar.js +3 -11
  59. package/lib/ListItem/ListItemWithCheckBox.js +3 -11
  60. package/lib/ListItem/ListItemWithIcon.js +2 -8
  61. package/lib/ListItem/ListItemWithRadio.js +3 -11
  62. package/lib/ListItem/__tests__/ListItemWithAvatar.spec.js +0 -23
  63. package/lib/ListItem/__tests__/ListItemWithCheckBox.spec.js +0 -23
  64. package/lib/ListItem/__tests__/ListItemWithIcon.spec.js +0 -21
  65. package/lib/ListItem/__tests__/ListItemWithRadio.spec.js +0 -23
  66. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +0 -108
  67. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +0 -212
  68. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +0 -108
  69. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +0 -210
  70. package/lib/ListItem/props/defaultProps.js +0 -1
  71. package/lib/ListItem/props/propTypes.js +4 -12
  72. package/lib/Tab/Tab.js +11 -59
  73. package/lib/Tab/Tab.module.css +4 -72
  74. package/lib/Tab/TabWrapper.js +2 -6
  75. package/lib/Tab/Tabs.js +11 -57
  76. package/lib/Tab/Tabs.module.css +15 -84
  77. package/lib/Tab/__tests__/Tab.spec.js +0 -88
  78. package/lib/Tab/__tests__/Tabs.spec.js +0 -12
  79. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +0 -287
  80. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +0 -32
  81. package/lib/Tab/props/defaultProps.js +3 -10
  82. package/lib/Tab/props/propTypes.js +4 -28
  83. package/lib/Tab/utils/tabConfigs.js +2 -15
  84. package/lib/v1/Button/Button.js +182 -118
  85. package/lib/v1/Button/css/Button_v1.module.css +28 -16
  86. package/lib/v1/Button/css/cssJSLogic.js +19 -7
  87. package/lib/v1/Button/props/propTypes.js +14 -3
  88. package/lib/v1/helpers/colorHelpers/background/backgroundColor.module.css +35 -35
  89. package/lib/v1/helpers/colorHelpers/border/borderColor.module.css +20 -20
  90. package/lib/v1/helpers/colorHelpers/text/textColor.module.css +35 -35
  91. package/package.json +7 -7
package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap CHANGED
@@ -1,113 +1,5 @@
1
1
  // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
- exports[`ListItemWithAvatar ListItemWithAvatar with renderLeftValuePlaceholderNode & it's custom class 1`] = `
4
- <DocumentFragment>
5
- <li
6
- class="flex row alignItems_center list medium default withBorder"
7
- data-a11y-inset-focus="true"
8
- data-id="List_ListItemWithAvatar"
9
- data-selector-id="listItemWithAvatar"
10
- data-test-id="List_ListItemWithAvatar"
11
- role="option"
12
- tabindex="0"
13
- >
14
- <div
15
- class="noShrink contentWrapper"
16
- data-id="boxComponent"
17
- data-selector-id="box"
18
- data-test-id="boxComponent"
19
- >
20
- <div
21
- class="flexible basis_zero noShrink leftBox selfAlign_center"
22
- data-id="boxComponent"
23
- data-selector-id="box"
24
- data-test-id="boxComponent"
25
- >
26
- <div
27
- class="noShrink titleBox"
28
- data-id="boxComponent"
29
- data-selector-id="box"
30
- data-test-id="boxComponent"
31
- >
32
- <div
33
- class="basis_auto noShrink customLeftValuePlaceholderClass"
34
- data-id="boxComponent"
35
- data-selector-id="box"
36
- data-test-id="boxComponent"
37
- >
38
- <div>
39
- Left Placeholder
40
- </div>
41
- </div>
42
- <div
43
- class="basis_auto shrink value"
44
- data-id="boxComponent"
45
- data-selector-id="box"
46
- data-test-id="boxComponent"
47
- >
48
- List
49
- </div>
50
- </div>
51
- </div>
52
- </div>
53
- </li>
54
- </DocumentFragment>
55
- `;
56
-
57
- exports[`ListItemWithAvatar ListItemWithAvatar with renderLeftValuePlaceholderNode 1`] = `
58
- <DocumentFragment>
59
- <li
60
- class="flex row alignItems_center list medium default withBorder"
61
- data-a11y-inset-focus="true"
62
- data-id="List_ListItemWithAvatar"
63
- data-selector-id="listItemWithAvatar"
64
- data-test-id="List_ListItemWithAvatar"
65
- role="option"
66
- tabindex="0"
67
- >
68
- <div
69
- class="noShrink contentWrapper"
70
- data-id="boxComponent"
71
- data-selector-id="box"
72
- data-test-id="boxComponent"
73
- >
74
- <div
75
- class="flexible basis_zero noShrink leftBox selfAlign_center"
76
- data-id="boxComponent"
77
- data-selector-id="box"
78
- data-test-id="boxComponent"
79
- >
80
- <div
81
- class="noShrink titleBox"
82
- data-id="boxComponent"
83
- data-selector-id="box"
84
- data-test-id="boxComponent"
85
- >
86
- <div
87
- class="basis_auto noShrink"
88
- data-id="boxComponent"
89
- data-selector-id="box"
90
- data-test-id="boxComponent"
91
- >
92
- <div>
93
- Left Placeholder
94
- </div>
95
- </div>
96
- <div
97
- class="basis_auto shrink value"
98
- data-id="boxComponent"
99
- data-selector-id="box"
100
- data-test-id="boxComponent"
101
- >
102
- List
103
- </div>
104
- </div>
105
- </div>
106
- </div>
107
- </li>
108
- </DocumentFragment>
109
- `;
110
-
111
3
  exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderNode & it's custom class 1`] = `
112
4
  <DocumentFragment>
113
5
  <li
package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap CHANGED
@@ -1,217 +1,5 @@
1
1
  // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
- exports[`ListItemWithCheckBox ListItemWithCheckBox with renderLeftValuePlaceholderNode & it's custom class 1`] = `
4
- <DocumentFragment>
5
- <li
6
- class="flex row alignItems_center list medium default withBorder"
7
- data-a11y-inset-focus="true"
8
- data-id="List_ListItemWithCheckBox"
9
- data-selector-id="listItemWithCheckBox"
10
- data-test-id="List_ListItemWithCheckBox"
11
- role="option"
12
- tabindex="0"
13
- >
14
- <div
15
- class="noShrink contentWrapper"
16
- data-id="boxComponent"
17
- data-selector-id="box"
18
- data-test-id="boxComponent"
19
- >
20
- <div
21
- class="iconBox lhsJustifyContent_center"
22
- data-id="List_checkBox"
23
- data-test-id="List_checkBox"
24
- >
25
- <div
26
- class="noShrink alignSelf_start lhsBoxInner"
27
- data-id="boxComponent"
28
- data-selector-id="box"
29
- data-test-id="boxComponent"
30
- >
31
- <div
32
- aria-checked="false"
33
- aria-hidden="true"
34
- class="inlineFlex row alignItems_center container pointer primary"
35
- data-id="checkBox"
36
- data-selector-id="container"
37
- data-test-id="checkBox"
38
- role="checkbox"
39
- tabindex="-1"
40
- >
41
- <div
42
- class="noShrink boxContainer medium filled"
43
- data-id="boxComponent"
44
- data-selector-id="box"
45
- data-test-id="boxComponent"
46
- >
47
- <input
48
- type="hidden"
49
- />
50
- <label
51
- class="checkbox pointer medium"
52
- >
53
- <svg
54
- viewBox="0 0 40 40"
55
- xmlns="http://www.w3.org/2000/svg"
56
- >
57
- <rect
58
- class="cbBox"
59
- height="38"
60
- rx="4"
61
- width="38"
62
- x="1"
63
- xmlns="http://www.w3.org/2000/svg"
64
- y="1"
65
- />
66
- </svg>
67
- </label>
68
- </div>
69
- </div>
70
- </div>
71
- </div>
72
- <div
73
- class="flexible basis_zero noShrink leftBox selfAlign_center"
74
- data-id="boxComponent"
75
- data-selector-id="box"
76
- data-test-id="boxComponent"
77
- >
78
- <div
79
- class="noShrink titleBox"
80
- data-id="boxComponent"
81
- data-selector-id="box"
82
- data-test-id="boxComponent"
83
- >
84
- <div
85
- class="basis_auto noShrink customLeftValuePlaceholderClass"
86
- data-id="boxComponent"
87
- data-selector-id="box"
88
- data-test-id="boxComponent"
89
- >
90
- <div>
91
- Left Placeholder
92
- </div>
93
- </div>
94
- <div
95
- class="basis_auto shrink value"
96
- data-id="boxComponent"
97
- data-selector-id="box"
98
- data-test-id="boxComponent"
99
- >
100
- List
101
- </div>
102
- </div>
103
- </div>
104
- </div>
105
- </li>
106
- </DocumentFragment>
107
- `;
108
-
109
- exports[`ListItemWithCheckBox ListItemWithCheckBox with renderLeftValuePlaceholderNode 1`] = `
110
- <DocumentFragment>
111
- <li
112
- class="flex row alignItems_center list medium default withBorder"
113
- data-a11y-inset-focus="true"
114
- data-id="List_ListItemWithCheckBox"
115
- data-selector-id="listItemWithCheckBox"
116
- data-test-id="List_ListItemWithCheckBox"
117
- role="option"
118
- tabindex="0"
119
- >
120
- <div
121
- class="noShrink contentWrapper"
122
- data-id="boxComponent"
123
- data-selector-id="box"
124
- data-test-id="boxComponent"
125
- >
126
- <div
127
- class="iconBox lhsJustifyContent_center"
128
- data-id="List_checkBox"
129
- data-test-id="List_checkBox"
130
- >
131
- <div
132
- class="noShrink alignSelf_start lhsBoxInner"
133
- data-id="boxComponent"
134
- data-selector-id="box"
135
- data-test-id="boxComponent"
136
- >
137
- <div
138
- aria-checked="false"
139
- aria-hidden="true"
140
- class="inlineFlex row alignItems_center container pointer primary"
141
- data-id="checkBox"
142
- data-selector-id="container"
143
- data-test-id="checkBox"
144
- role="checkbox"
145
- tabindex="-1"
146
- >
147
- <div
148
- class="noShrink boxContainer medium filled"
149
- data-id="boxComponent"
150
- data-selector-id="box"
151
- data-test-id="boxComponent"
152
- >
153
- <input
154
- type="hidden"
155
- />
156
- <label
157
- class="checkbox pointer medium"
158
- >
159
- <svg
160
- viewBox="0 0 40 40"
161
- xmlns="http://www.w3.org/2000/svg"
162
- >
163
- <rect
164
- class="cbBox"
165
- height="38"
166
- rx="4"
167
- width="38"
168
- x="1"
169
- xmlns="http://www.w3.org/2000/svg"
170
- y="1"
171
- />
172
- </svg>
173
- </label>
174
- </div>
175
- </div>
176
- </div>
177
- </div>
178
- <div
179
- class="flexible basis_zero noShrink leftBox selfAlign_center"
180
- data-id="boxComponent"
181
- data-selector-id="box"
182
- data-test-id="boxComponent"
183
- >
184
- <div
185
- class="noShrink titleBox"
186
- data-id="boxComponent"
187
- data-selector-id="box"
188
- data-test-id="boxComponent"
189
- >
190
- <div
191
- class="basis_auto noShrink"
192
- data-id="boxComponent"
193
- data-selector-id="box"
194
- data-test-id="boxComponent"
195
- >
196
- <div>
197
- Left Placeholder
198
- </div>
199
- </div>
200
- <div
201
- class="basis_auto shrink value"
202
- data-id="boxComponent"
203
- data-selector-id="box"
204
- data-test-id="boxComponent"
205
- >
206
- List
207
- </div>
208
- </div>
209
- </div>
210
- </div>
211
- </li>
212
- </DocumentFragment>
213
- `;
214
-
215
3
  exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlaceholderNode & it's custom class 1`] = `
216
4
  <DocumentFragment>
217
5
  <li
package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap CHANGED
@@ -1,113 +1,5 @@
1
1
  // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
- exports[`ListItemWithIcon ListItemWithIcon with renderLeftValuePlaceholderNode & it's custom class 1`] = `
4
- <DocumentFragment>
5
- <li
6
- class="flex row alignItems_center list medium default withBorder"
7
- data-a11y-inset-focus="true"
8
- data-id="list"
9
- data-selector-id="listItemWithIcon"
10
- data-test-id="list"
11
- role="option"
12
- tabindex="0"
13
- >
14
- <div
15
- class="noShrink contentWrapper"
16
- data-id="boxComponent"
17
- data-selector-id="box"
18
- data-test-id="boxComponent"
19
- >
20
- <div
21
- class="flexible basis_zero noShrink leftBox selfAlign_center"
22
- data-id="boxComponent"
23
- data-selector-id="box"
24
- data-test-id="boxComponent"
25
- >
26
- <div
27
- class="noShrink titleBox"
28
- data-id="boxComponent"
29
- data-selector-id="box"
30
- data-test-id="boxComponent"
31
- >
32
- <div
33
- class="basis_auto noShrink customLeftValuePlaceholderClass"
34
- data-id="boxComponent"
35
- data-selector-id="box"
36
- data-test-id="boxComponent"
37
- >
38
- <div>
39
- Left Placeholder
40
- </div>
41
- </div>
42
- <div
43
- class="basis_auto shrink value"
44
- data-id="list_Text"
45
- data-selector-id="box"
46
- data-test-id="list_Text"
47
- >
48
- List
49
- </div>
50
- </div>
51
- </div>
52
- </div>
53
- </li>
54
- </DocumentFragment>
55
- `;
56
-
57
- exports[`ListItemWithIcon ListItemWithIcon with renderLeftValuePlaceholderNode 1`] = `
58
- <DocumentFragment>
59
- <li
60
- class="flex row alignItems_center list medium default withBorder"
61
- data-a11y-inset-focus="true"
62
- data-id="list"
63
- data-selector-id="listItemWithIcon"
64
- data-test-id="list"
65
- role="option"
66
- tabindex="0"
67
- >
68
- <div
69
- class="noShrink contentWrapper"
70
- data-id="boxComponent"
71
- data-selector-id="box"
72
- data-test-id="boxComponent"
73
- >
74
- <div
75
- class="flexible basis_zero noShrink leftBox selfAlign_center"
76
- data-id="boxComponent"
77
- data-selector-id="box"
78
- data-test-id="boxComponent"
79
- >
80
- <div
81
- class="noShrink titleBox"
82
- data-id="boxComponent"
83
- data-selector-id="box"
84
- data-test-id="boxComponent"
85
- >
86
- <div
87
- class="basis_auto noShrink"
88
- data-id="boxComponent"
89
- data-selector-id="box"
90
- data-test-id="boxComponent"
91
- >
92
- <div>
93
- Left Placeholder
94
- </div>
95
- </div>
96
- <div
97
- class="basis_auto shrink value"
98
- data-id="list_Text"
99
- data-selector-id="box"
100
- data-test-id="list_Text"
101
- >
102
- List
103
- </div>
104
- </div>
105
- </div>
106
- </div>
107
- </li>
108
- </DocumentFragment>
109
- `;
110
-
111
3
  exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode & it's custom class 1`] = `
112
4
  <DocumentFragment>
113
5
  <li
package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap CHANGED
@@ -1,215 +1,5 @@
1
1
  // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
- exports[`ListItemWithRadio ListItemWithRadio with renderLeftValuePlaceholderNode & it's custom class 1`] = `
4
- <DocumentFragment>
5
- <li
6
- class="flex row alignItems_center list medium default withBorder"
7
- data-a11y-inset-focus="true"
8
- data-id="listItemWithRadioComp"
9
- data-selector-id="listItemWithRadio"
10
- data-test-id="listItemWithRadioComp"
11
- role="option"
12
- tabindex="0"
13
- >
14
- <div
15
- class="noShrink contentWrapper"
16
- data-id="boxComponent"
17
- data-selector-id="box"
18
- data-test-id="boxComponent"
19
- >
20
- <div
21
- class="iconBox lhsJustifyContent_center"
22
- data-id="listItemWithRadioComp_radio"
23
- data-test-id="listItemWithRadioComp_radio"
24
- >
25
- <div
26
- class="noShrink alignSelf_start lhsBoxInner"
27
- data-id="boxComponent"
28
- data-selector-id="box"
29
- data-test-id="boxComponent"
30
- >
31
- <div
32
- aria-checked="false"
33
- aria-hidden="true"
34
- aria-readonly="false"
35
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
36
- data-id="RadioComp"
37
- data-selector-id="container"
38
- data-test-id="RadioComp"
39
- role="radio"
40
- tabindex="-1"
41
- >
42
- <div
43
- class="noShrink radio hoverprimary medium filled centerPathprimary"
44
- data-id="boxComponent"
45
- data-selector-id="box"
46
- data-test-id="boxComponent"
47
- >
48
- <input
49
- type="hidden"
50
- value=""
51
- />
52
- <label
53
- class="radioLabel pointer"
54
- >
55
- <svg
56
- viewBox="0 0 40 40"
57
- xmlns="http://www.w3.org/2000/svg"
58
- >
59
- <circle
60
- class="rdBox"
61
- cx="20"
62
- cy="20"
63
- r="19"
64
- />
65
- </svg>
66
- </label>
67
- </div>
68
- </div>
69
- </div>
70
- </div>
71
- <div
72
- class="flexible basis_zero noShrink leftBox selfAlign_center"
73
- data-id="boxComponent"
74
- data-selector-id="box"
75
- data-test-id="boxComponent"
76
- >
77
- <div
78
- class="noShrink titleBox"
79
- data-id="boxComponent"
80
- data-selector-id="box"
81
- data-test-id="boxComponent"
82
- >
83
- <div
84
- class="basis_auto noShrink customLeftValuePlaceholderClass"
85
- data-id="boxComponent"
86
- data-selector-id="box"
87
- data-test-id="boxComponent"
88
- >
89
- <div>
90
- Left Placeholder
91
- </div>
92
- </div>
93
- <div
94
- class="basis_auto shrink value"
95
- data-id="boxComponent"
96
- data-selector-id="box"
97
- data-test-id="boxComponent"
98
- >
99
- List
100
- </div>
101
- </div>
102
- </div>
103
- </div>
104
- </li>
105
- </DocumentFragment>
106
- `;
107
-
108
- exports[`ListItemWithRadio ListItemWithRadio with renderLeftValuePlaceholderNode 1`] = `
109
- <DocumentFragment>
110
- <li
111
- class="flex row alignItems_center list medium default withBorder"
112
- data-a11y-inset-focus="true"
113
- data-id="listItemWithRadioComp"
114
- data-selector-id="listItemWithRadio"
115
- data-test-id="listItemWithRadioComp"
116
- role="option"
117
- tabindex="0"
118
- >
119
- <div
120
- class="noShrink contentWrapper"
121
- data-id="boxComponent"
122
- data-selector-id="box"
123
- data-test-id="boxComponent"
124
- >
125
- <div
126
- class="iconBox lhsJustifyContent_center"
127
- data-id="listItemWithRadioComp_radio"
128
- data-test-id="listItemWithRadioComp_radio"
129
- >
130
- <div
131
- class="noShrink alignSelf_start lhsBoxInner"
132
- data-id="boxComponent"
133
- data-selector-id="box"
134
- data-test-id="boxComponent"
135
- >
136
- <div
137
- aria-checked="false"
138
- aria-hidden="true"
139
- aria-readonly="false"
140
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
141
- data-id="RadioComp"
142
- data-selector-id="container"
143
- data-test-id="RadioComp"
144
- role="radio"
145
- tabindex="-1"
146
- >
147
- <div
148
- class="noShrink radio hoverprimary medium filled centerPathprimary"
149
- data-id="boxComponent"
150
- data-selector-id="box"
151
- data-test-id="boxComponent"
152
- >
153
- <input
154
- type="hidden"
155
- value=""
156
- />
157
- <label
158
- class="radioLabel pointer"
159
- >
160
- <svg
161
- viewBox="0 0 40 40"
162
- xmlns="http://www.w3.org/2000/svg"
163
- >
164
- <circle
165
- class="rdBox"
166
- cx="20"
167
- cy="20"
168
- r="19"
169
- />
170
- </svg>
171
- </label>
172
- </div>
173
- </div>
174
- </div>
175
- </div>
176
- <div
177
- class="flexible basis_zero noShrink leftBox selfAlign_center"
178
- data-id="boxComponent"
179
- data-selector-id="box"
180
- data-test-id="boxComponent"
181
- >
182
- <div
183
- class="noShrink titleBox"
184
- data-id="boxComponent"
185
- data-selector-id="box"
186
- data-test-id="boxComponent"
187
- >
188
- <div
189
- class="basis_auto noShrink"
190
- data-id="boxComponent"
191
- data-selector-id="box"
192
- data-test-id="boxComponent"
193
- >
194
- <div>
195
- Left Placeholder
196
- </div>
197
- </div>
198
- <div
199
- class="basis_auto shrink value"
200
- data-id="boxComponent"
201
- data-selector-id="box"
202
- data-test-id="boxComponent"
203
- >
204
- List
205
- </div>
206
- </div>
207
- </div>
208
- </div>
209
- </li>
210
- </DocumentFragment>
211
- `;
212
-
213
3
  exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNode & it's custom class 1`] = `
214
4
  <DocumentFragment>
215
5
  <li
package/es/ListItem/props/defaultProps.js CHANGED
@@ -82,7 +82,6 @@ export const ListItemWithIconDefaultProps = {
82
82
  needBorder: true,
83
83
  a11y: {},
84
84
  customClass: '',
85
- customTitleBoxClass: '',
86
85
  customProps: {},
87
86
  dataSelectorId: 'listItemWithIcon',
88
87
  needMultiLineText: false,