@zohodesk/components 1.0.0-temp-234 → 1.0.0-temp-235

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 (62) hide show
  1. package/README.md +0 -22
  2. package/es/ListItem/ListItem.js +3 -7
  3. package/es/ListItem/ListItemWithAvatar.js +6 -12
  4. package/es/ListItem/ListItemWithCheckBox.js +6 -12
  5. package/es/ListItem/ListItemWithIcon.js +5 -11
  6. package/es/ListItem/ListItemWithRadio.js +6 -12
  7. package/es/ListItem/__tests__/ListItem.spec.js +0 -19
  8. package/es/ListItem/__tests__/ListItemWithAvatar.spec.js +0 -19
  9. package/es/ListItem/__tests__/ListItemWithCheckBox.spec.js +0 -19
  10. package/es/ListItem/__tests__/ListItemWithIcon.spec.js +0 -17
  11. package/es/ListItem/__tests__/ListItemWithRadio.spec.js +0 -19
  12. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +0 -78
  13. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +46 -140
  14. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +49 -251
  15. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +50 -144
  16. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +52 -252
  17. package/es/ListItem/props/propTypes.js +5 -15
  18. package/es/MultiSelect/MultiSelect.js +1 -8
  19. package/es/Select/GroupSelect.js +2 -4
  20. package/es/Select/Select.js +1 -7
  21. package/es/Select/SelectWithAvatar.js +3 -14
  22. package/es/Select/SelectWithIcon.js +2 -6
  23. package/es/Select/props/defaultProps.js +0 -1
  24. package/es/Select/props/propTypes.js +0 -5
  25. package/es/Typography/Typography.js +9 -2
  26. package/es/Typography/__tests__/Typography.spec.js +334 -0
  27. package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +451 -0
  28. package/es/Typography/highlight.js +144 -0
  29. package/es/Typography/props/defaultProps.js +2 -1
  30. package/es/Typography/props/propTypes.js +26 -1
  31. package/es/utils/dropDownUtils.js +3 -12
  32. package/lib/ListItem/ListItem.js +3 -8
  33. package/lib/ListItem/ListItemWithAvatar.js +6 -13
  34. package/lib/ListItem/ListItemWithCheckBox.js +6 -13
  35. package/lib/ListItem/ListItemWithIcon.js +5 -11
  36. package/lib/ListItem/ListItemWithRadio.js +6 -13
  37. package/lib/ListItem/__tests__/ListItem.spec.js +0 -23
  38. package/lib/ListItem/__tests__/ListItemWithAvatar.spec.js +0 -23
  39. package/lib/ListItem/__tests__/ListItemWithCheckBox.spec.js +0 -23
  40. package/lib/ListItem/__tests__/ListItemWithIcon.spec.js +0 -21
  41. package/lib/ListItem/__tests__/ListItemWithRadio.spec.js +0 -23
  42. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +0 -78
  43. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +46 -140
  44. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +49 -251
  45. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +50 -144
  46. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +52 -252
  47. package/lib/ListItem/props/propTypes.js +6 -15
  48. package/lib/MultiSelect/MultiSelect.js +2 -6
  49. package/lib/Select/GroupSelect.js +3 -4
  50. package/lib/Select/Select.js +1 -7
  51. package/lib/Select/SelectWithAvatar.js +6 -14
  52. package/lib/Select/SelectWithIcon.js +3 -6
  53. package/lib/Select/props/defaultProps.js +0 -1
  54. package/lib/Select/props/propTypes.js +0 -5
  55. package/lib/Typography/Typography.js +9 -2
  56. package/lib/Typography/__tests__/Typography.spec.js +342 -0
  57. package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +451 -0
  58. package/lib/Typography/highlight.js +151 -0
  59. package/lib/Typography/props/defaultProps.js +2 -1
  60. package/lib/Typography/props/propTypes.js +31 -1
  61. package/lib/utils/dropDownUtils.js +3 -14
  62. package/package.json +1 -1
package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap CHANGED
@@ -1,6 +1,6 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderNode & it's custom class 1`] = `
3
+ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS align center 1`] = `
4
4
  <DocumentFragment>
5
5
  <li
6
6
  class="list medium default withBorder flex rowdir vCenter"
@@ -12,19 +12,19 @@ exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderN
12
12
  tabindex="0"
13
13
  >
14
14
  <div
15
- class="leftBox grow basis shrinkOff"
15
+ class="grow basis shrinkOn"
16
16
  data-id="boxComponent"
17
17
  data-selector-id="box"
18
18
  data-test-id="boxComponent"
19
19
  >
20
20
  <div
21
- class="titleBox shrinkOff"
22
- data-id="boxComponent"
23
- data-selector-id="box"
24
- data-test-id="boxComponent"
21
+ class="flex cover coldir"
22
+ data-id="containerComponent"
23
+ data-selector-id="container"
24
+ data-test-id="containerComponent"
25
25
  >
26
26
  <div
27
- class="value basisAuto shrinkOn"
27
+ class="value shrinkOff"
28
28
  data-id="boxComponent"
29
29
  data-selector-id="box"
30
30
  data-test-id="boxComponent"
@@ -32,14 +32,13 @@ exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderN
32
32
  List
33
33
  </div>
34
34
  <div
35
- class="customValueRightPlaceholderClass shrinkOff"
35
+ class="secondaryField secondaryValue shrinkOff"
36
36
  data-id="boxComponent"
37
37
  data-selector-id="box"
38
38
  data-test-id="boxComponent"
39
+ data-title="secondaryValue"
39
40
  >
40
- <div>
41
- Custom Placeholder
42
- </div>
41
+ secondaryValue
43
42
  </div>
44
43
  </div>
45
44
  </div>
@@ -47,7 +46,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderN
47
46
  </DocumentFragment>
48
47
  `;
49
48
 
50
- exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderNode 1`] = `
49
+ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS align end 1`] = `
51
50
  <DocumentFragment>
52
51
  <li
53
52
  class="list medium default withBorder flex rowdir vCenter"
@@ -59,19 +58,19 @@ exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderN
59
58
  tabindex="0"
60
59
  >
61
60
  <div
62
- class="leftBox grow basis shrinkOff"
61
+ class="grow basis shrinkOn"
63
62
  data-id="boxComponent"
64
63
  data-selector-id="box"
65
64
  data-test-id="boxComponent"
66
65
  >
67
66
  <div
68
- class="titleBox shrinkOff"
69
- data-id="boxComponent"
70
- data-selector-id="box"
71
- data-test-id="boxComponent"
67
+ class="flex cover coldir"
68
+ data-id="containerComponent"
69
+ data-selector-id="container"
70
+ data-test-id="containerComponent"
72
71
  >
73
72
  <div
74
- class="value basisAuto shrinkOn"
73
+ class="value shrinkOff"
75
74
  data-id="boxComponent"
76
75
  data-selector-id="box"
77
76
  data-test-id="boxComponent"
@@ -79,14 +78,13 @@ exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderN
79
78
  List
80
79
  </div>
81
80
  <div
82
- class="shrinkOff"
81
+ class="secondaryField secondaryValue shrinkOff"
83
82
  data-id="boxComponent"
84
83
  data-selector-id="box"
85
84
  data-test-id="boxComponent"
85
+ data-title="secondaryValue"
86
86
  >
87
- <div>
88
- Custom Placeholder
89
- </div>
87
+ secondaryValue
90
88
  </div>
91
89
  </div>
92
90
  </div>
@@ -94,7 +92,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderN
94
92
  </DocumentFragment>
95
93
  `;
96
94
 
97
- exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS align center 1`] = `
95
+ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue 1`] = `
98
96
  <DocumentFragment>
99
97
  <li
100
98
  class="list medium default withBorder flex rowdir vCenter"
@@ -106,87 +104,41 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS
106
104
  tabindex="0"
107
105
  >
108
106
  <div
109
- class="leftBox grow basis shrinkOff"
107
+ class="grow basis shrinkOn"
110
108
  data-id="boxComponent"
111
109
  data-selector-id="box"
112
110
  data-test-id="boxComponent"
113
111
  >
114
112
  <div
115
- class="titleBox shrinkOff"
116
- data-id="boxComponent"
117
- data-selector-id="box"
118
- data-test-id="boxComponent"
113
+ class="flex cover coldir"
114
+ data-id="containerComponent"
115
+ data-selector-id="container"
116
+ data-test-id="containerComponent"
119
117
  >
120
118
  <div
121
- class="value basisAuto shrinkOn"
119
+ class="value shrinkOff"
122
120
  data-id="boxComponent"
123
121
  data-selector-id="box"
124
122
  data-test-id="boxComponent"
125
123
  >
126
124
  List
127
125
  </div>
128
- </div>
129
- <div
130
- class="secondaryField secondaryValue shrinkOff"
131
- data-id="boxComponent"
132
- data-selector-id="box"
133
- data-test-id="boxComponent"
134
- data-title="secondaryValue"
135
- >
136
- secondaryValue
137
- </div>
138
- </div>
139
- </li>
140
- </DocumentFragment>
141
- `;
142
-
143
- exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS align end 1`] = `
144
- <DocumentFragment>
145
- <li
146
- class="list medium default withBorder flex rowdir vCenter"
147
- data-a11y-inset-focus="true"
148
- data-id="List_ListItemWithAvatar"
149
- data-selector-id="listItemWithAvatar"
150
- data-test-id="List_ListItemWithAvatar"
151
- role="option"
152
- tabindex="0"
153
- >
154
- <div
155
- class="leftBox grow basis shrinkOff"
156
- data-id="boxComponent"
157
- data-selector-id="box"
158
- data-test-id="boxComponent"
159
- >
160
- <div
161
- class="titleBox shrinkOff"
162
- data-id="boxComponent"
163
- data-selector-id="box"
164
- data-test-id="boxComponent"
165
- >
166
126
  <div
167
- class="value basisAuto shrinkOn"
127
+ class="secondaryField secondaryValue shrinkOff"
168
128
  data-id="boxComponent"
169
129
  data-selector-id="box"
170
130
  data-test-id="boxComponent"
131
+ data-title="secondaryValue"
171
132
  >
172
- List
133
+ secondaryValue
173
134
  </div>
174
135
  </div>
175
- <div
176
- class="secondaryField secondaryValue shrinkOff"
177
- data-id="boxComponent"
178
- data-selector-id="box"
179
- data-test-id="boxComponent"
180
- data-title="secondaryValue"
181
- >
182
- secondaryValue
183
- </div>
184
136
  </div>
185
137
  </li>
186
138
  </DocumentFragment>
187
139
  `;
188
140
 
189
- exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue 1`] = `
141
+ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS align start 1`] = `
190
142
  <DocumentFragment>
191
143
  <li
192
144
  class="list medium default withBorder flex rowdir vCenter"
@@ -198,81 +150,35 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue 1`] = `
198
150
  tabindex="0"
199
151
  >
200
152
  <div
201
- class="leftBox grow basis shrinkOff"
153
+ class="grow basis shrinkOn"
202
154
  data-id="boxComponent"
203
155
  data-selector-id="box"
204
156
  data-test-id="boxComponent"
205
157
  >
206
158
  <div
207
- class="titleBox shrinkOff"
208
- data-id="boxComponent"
209
- data-selector-id="box"
210
- data-test-id="boxComponent"
159
+ class="flex cover coldir"
160
+ data-id="containerComponent"
161
+ data-selector-id="container"
162
+ data-test-id="containerComponent"
211
163
  >
212
164
  <div
213
- class="value basisAuto shrinkOn"
165
+ class="value shrinkOff"
214
166
  data-id="boxComponent"
215
167
  data-selector-id="box"
216
168
  data-test-id="boxComponent"
217
169
  >
218
170
  List
219
171
  </div>
220
- </div>
221
- <div
222
- class="secondaryField secondaryValue shrinkOff"
223
- data-id="boxComponent"
224
- data-selector-id="box"
225
- data-test-id="boxComponent"
226
- data-title="secondaryValue"
227
- >
228
- secondaryValue
229
- </div>
230
- </div>
231
- </li>
232
- </DocumentFragment>
233
- `;
234
-
235
- exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS align start 1`] = `
236
- <DocumentFragment>
237
- <li
238
- class="list medium default withBorder flex rowdir vCenter"
239
- data-a11y-inset-focus="true"
240
- data-id="List_ListItemWithAvatar"
241
- data-selector-id="listItemWithAvatar"
242
- data-test-id="List_ListItemWithAvatar"
243
- role="option"
244
- tabindex="0"
245
- >
246
- <div
247
- class="leftBox grow basis shrinkOff"
248
- data-id="boxComponent"
249
- data-selector-id="box"
250
- data-test-id="boxComponent"
251
- >
252
- <div
253
- class="titleBox shrinkOff"
254
- data-id="boxComponent"
255
- data-selector-id="box"
256
- data-test-id="boxComponent"
257
- >
258
172
  <div
259
- class="value basisAuto shrinkOn"
173
+ class="secondaryField secondaryValue shrinkOff"
260
174
  data-id="boxComponent"
261
175
  data-selector-id="box"
262
176
  data-test-id="boxComponent"
177
+ data-title="secondaryValue"
263
178
  >
264
- List
179
+ secondaryValue
265
180
  </div>
266
181
  </div>
267
- <div
268
- class="secondaryField secondaryValue shrinkOff"
269
- data-id="boxComponent"
270
- data-selector-id="box"
271
- data-test-id="boxComponent"
272
- data-title="secondaryValue"
273
- >
274
- secondaryValue
275
- </div>
276
182
  </div>
277
183
  </li>
278
184
  </DocumentFragment>
@@ -290,19 +196,19 @@ exports[`ListItemWithAvatar rendering the defult props 1`] = `
290
196
  tabindex="0"
291
197
  >
292
198
  <div
293
- class="leftBox grow basis shrinkOff"
199
+ class="grow basis shrinkOn"
294
200
  data-id="boxComponent"
295
201
  data-selector-id="box"
296
202
  data-test-id="boxComponent"
297
203
  >
298
204
  <div
299
- class="titleBox shrinkOff"
300
- data-id="boxComponent"
301
- data-selector-id="box"
302
- data-test-id="boxComponent"
205
+ class="flex cover coldir"
206
+ data-id="containerComponent"
207
+ data-selector-id="container"
208
+ data-test-id="containerComponent"
303
209
  >
304
210
  <div
305
- class="value basisAuto shrinkOn"
211
+ class="value shrinkOff"
306
212
  data-id="boxComponent"
307
213
  data-selector-id="box"
308
214
  data-test-id="boxComponent"