@patternfly/react-core 5.0.0-alpha.23 → 5.0.0-alpha.25
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.
- package/CHANGELOG.md +12 -0
- package/components/Chip/Chip.d.ts.map +1 -1
- package/components/Chip/Chip.js +7 -4
- package/components/Chip/Chip.js.map +1 -1
- package/components/Label/Label.d.ts +2 -2
- package/components/Label/Label.d.ts.map +1 -1
- package/components/Label/Label.js +8 -4
- package/components/Label/Label.js.map +1 -1
- package/dist/esm/components/Chip/Chip.d.ts.map +1 -1
- package/dist/esm/components/Chip/Chip.js +7 -4
- package/dist/esm/components/Chip/Chip.js.map +1 -1
- package/dist/esm/components/Label/Label.d.ts +2 -2
- package/dist/esm/components/Label/Label.d.ts.map +1 -1
- package/dist/esm/components/Label/Label.js +8 -4
- package/dist/esm/components/Label/Label.js.map +1 -1
- package/dist/js/components/Chip/Chip.d.ts.map +1 -1
- package/dist/js/components/Chip/Chip.js +7 -4
- package/dist/js/components/Chip/Chip.js.map +1 -1
- package/dist/js/components/Label/Label.d.ts +2 -2
- package/dist/js/components/Label/Label.d.ts.map +1 -1
- package/dist/js/components/Label/Label.js +8 -4
- package/dist/js/components/Label/Label.js.map +1 -1
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +2 -2
- package/src/components/Chip/Chip.tsx +19 -13
- package/src/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap +149 -109
- package/src/components/ChipGroup/__tests__/__snapshots__/ChipGroup.test.tsx.snap +136 -104
- package/src/components/Label/Label.tsx +27 -19
- package/src/components/Label/__tests__/Label.test.tsx +1 -1
- package/src/components/Label/__tests__/__snapshots__/Label.test.tsx.snap +197 -88
- package/src/components/Label/examples/LabelCompact.tsx +1 -1
- package/src/components/Label/examples/LabelFilled.tsx +15 -8
- package/src/components/Label/examples/LabelOutline.tsx +8 -8
- package/src/components/Label/examples/LabelRouterLink.tsx +1 -1
- package/src/components/LabelGroup/__tests__/__snapshots__/LabelGroup.test.tsx.snap +40 -8
- package/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +68 -52
- package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +68 -52
|
@@ -22,7 +22,11 @@ exports[`LabelGroup label group compact 1`] = `
|
|
|
22
22
|
<span
|
|
23
23
|
class="pf-c-label__content"
|
|
24
24
|
>
|
|
25
|
-
|
|
25
|
+
<span
|
|
26
|
+
class="pf-c-label__text"
|
|
27
|
+
>
|
|
28
|
+
1
|
|
29
|
+
</span>
|
|
26
30
|
</span>
|
|
27
31
|
</span>
|
|
28
32
|
</li>
|
|
@@ -35,7 +39,11 @@ exports[`LabelGroup label group compact 1`] = `
|
|
|
35
39
|
<span
|
|
36
40
|
class="pf-c-label__content"
|
|
37
41
|
>
|
|
38
|
-
|
|
42
|
+
<span
|
|
43
|
+
class="pf-c-label__text"
|
|
44
|
+
>
|
|
45
|
+
2
|
|
46
|
+
</span>
|
|
39
47
|
</span>
|
|
40
48
|
</span>
|
|
41
49
|
</li>
|
|
@@ -48,7 +56,11 @@ exports[`LabelGroup label group compact 1`] = `
|
|
|
48
56
|
<span
|
|
49
57
|
class="pf-c-label__content"
|
|
50
58
|
>
|
|
51
|
-
|
|
59
|
+
<span
|
|
60
|
+
class="pf-c-label__text"
|
|
61
|
+
>
|
|
62
|
+
3
|
|
63
|
+
</span>
|
|
52
64
|
</span>
|
|
53
65
|
</span>
|
|
54
66
|
</li>
|
|
@@ -61,7 +73,11 @@ exports[`LabelGroup label group compact 1`] = `
|
|
|
61
73
|
<span
|
|
62
74
|
class="pf-c-label__content"
|
|
63
75
|
>
|
|
64
|
-
|
|
76
|
+
<span
|
|
77
|
+
class="pf-c-label__text"
|
|
78
|
+
>
|
|
79
|
+
1 more
|
|
80
|
+
</span>
|
|
65
81
|
</span>
|
|
66
82
|
</button>
|
|
67
83
|
</li>
|
|
@@ -93,7 +109,11 @@ exports[`LabelGroup label group default 1`] = `
|
|
|
93
109
|
<span
|
|
94
110
|
class="pf-c-label__content"
|
|
95
111
|
>
|
|
96
|
-
|
|
112
|
+
<span
|
|
113
|
+
class="pf-c-label__text"
|
|
114
|
+
>
|
|
115
|
+
1.1
|
|
116
|
+
</span>
|
|
97
117
|
</span>
|
|
98
118
|
</span>
|
|
99
119
|
</li>
|
|
@@ -132,7 +152,11 @@ exports[`LabelGroup label group with category 1`] = `
|
|
|
132
152
|
<span
|
|
133
153
|
class="pf-c-label__content"
|
|
134
154
|
>
|
|
135
|
-
|
|
155
|
+
<span
|
|
156
|
+
class="pf-c-label__text"
|
|
157
|
+
>
|
|
158
|
+
1.1
|
|
159
|
+
</span>
|
|
136
160
|
</span>
|
|
137
161
|
</span>
|
|
138
162
|
</li>
|
|
@@ -171,7 +195,11 @@ exports[`LabelGroup label group with category and tooltip 1`] = `
|
|
|
171
195
|
<span
|
|
172
196
|
class="pf-c-label__content"
|
|
173
197
|
>
|
|
174
|
-
|
|
198
|
+
<span
|
|
199
|
+
class="pf-c-label__text"
|
|
200
|
+
>
|
|
201
|
+
1.1
|
|
202
|
+
</span>
|
|
175
203
|
</span>
|
|
176
204
|
</span>
|
|
177
205
|
</li>
|
|
@@ -210,7 +238,11 @@ exports[`LabelGroup label group with closable category 1`] = `
|
|
|
210
238
|
<span
|
|
211
239
|
class="pf-c-label__content"
|
|
212
240
|
>
|
|
213
|
-
|
|
241
|
+
<span
|
|
242
|
+
class="pf-c-label__text"
|
|
243
|
+
>
|
|
244
|
+
1.1
|
|
245
|
+
</span>
|
|
214
246
|
</span>
|
|
215
247
|
</span>
|
|
216
248
|
</li>
|
|
@@ -1861,36 +1861,44 @@ exports[`typeahead multi select renders selected successfully 1`] = `
|
|
|
1861
1861
|
data-ouia-safe="true"
|
|
1862
1862
|
>
|
|
1863
1863
|
<span
|
|
1864
|
-
class="pf-c-
|
|
1865
|
-
id="pf-random-id-25"
|
|
1864
|
+
class="pf-c-chip__content"
|
|
1866
1865
|
>
|
|
1867
|
-
|
|
1866
|
+
<span
|
|
1867
|
+
class="pf-c-chip__text"
|
|
1868
|
+
id="pf-random-id-25"
|
|
1869
|
+
>
|
|
1870
|
+
Mr
|
|
1871
|
+
</span>
|
|
1868
1872
|
</span>
|
|
1869
|
-
<
|
|
1870
|
-
|
|
1871
|
-
aria-label="Remove"
|
|
1872
|
-
aria-labelledby="remove_pf-random-id-25 pf-random-id-25"
|
|
1873
|
-
class="pf-c-button pf-m-plain"
|
|
1874
|
-
data-ouia-component-id="Remove"
|
|
1875
|
-
data-ouia-component-type="PF4/Button"
|
|
1876
|
-
data-ouia-safe="true"
|
|
1877
|
-
id="remove_pf-random-id-25"
|
|
1878
|
-
type="button"
|
|
1873
|
+
<span
|
|
1874
|
+
class="pf-c-chip__actions"
|
|
1879
1875
|
>
|
|
1880
|
-
<
|
|
1881
|
-
aria-
|
|
1882
|
-
|
|
1883
|
-
|
|
1884
|
-
|
|
1885
|
-
|
|
1886
|
-
|
|
1887
|
-
|
|
1876
|
+
<button
|
|
1877
|
+
aria-disabled="false"
|
|
1878
|
+
aria-label="Remove"
|
|
1879
|
+
aria-labelledby="remove_pf-random-id-25 pf-random-id-25"
|
|
1880
|
+
class="pf-c-button pf-m-plain"
|
|
1881
|
+
data-ouia-component-id="Remove"
|
|
1882
|
+
data-ouia-component-type="PF4/Button"
|
|
1883
|
+
data-ouia-safe="true"
|
|
1884
|
+
id="remove_pf-random-id-25"
|
|
1885
|
+
type="button"
|
|
1888
1886
|
>
|
|
1889
|
-
<
|
|
1890
|
-
|
|
1891
|
-
|
|
1892
|
-
|
|
1893
|
-
|
|
1887
|
+
<svg
|
|
1888
|
+
aria-hidden="true"
|
|
1889
|
+
fill="currentColor"
|
|
1890
|
+
height="1em"
|
|
1891
|
+
role="img"
|
|
1892
|
+
style="vertical-align: -0.125em;"
|
|
1893
|
+
viewBox="0 0 352 512"
|
|
1894
|
+
width="1em"
|
|
1895
|
+
>
|
|
1896
|
+
<path
|
|
1897
|
+
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
1898
|
+
/>
|
|
1899
|
+
</svg>
|
|
1900
|
+
</button>
|
|
1901
|
+
</span>
|
|
1894
1902
|
</div>
|
|
1895
1903
|
</li>
|
|
1896
1904
|
<li
|
|
@@ -1903,36 +1911,44 @@ exports[`typeahead multi select renders selected successfully 1`] = `
|
|
|
1903
1911
|
data-ouia-safe="true"
|
|
1904
1912
|
>
|
|
1905
1913
|
<span
|
|
1906
|
-
class="pf-c-
|
|
1907
|
-
id="pf-random-id-26"
|
|
1914
|
+
class="pf-c-chip__content"
|
|
1908
1915
|
>
|
|
1909
|
-
|
|
1916
|
+
<span
|
|
1917
|
+
class="pf-c-chip__text"
|
|
1918
|
+
id="pf-random-id-26"
|
|
1919
|
+
>
|
|
1920
|
+
Mrs
|
|
1921
|
+
</span>
|
|
1910
1922
|
</span>
|
|
1911
|
-
<
|
|
1912
|
-
|
|
1913
|
-
aria-label="Remove"
|
|
1914
|
-
aria-labelledby="remove_pf-random-id-26 pf-random-id-26"
|
|
1915
|
-
class="pf-c-button pf-m-plain"
|
|
1916
|
-
data-ouia-component-id="Remove"
|
|
1917
|
-
data-ouia-component-type="PF4/Button"
|
|
1918
|
-
data-ouia-safe="true"
|
|
1919
|
-
id="remove_pf-random-id-26"
|
|
1920
|
-
type="button"
|
|
1923
|
+
<span
|
|
1924
|
+
class="pf-c-chip__actions"
|
|
1921
1925
|
>
|
|
1922
|
-
<
|
|
1923
|
-
aria-
|
|
1924
|
-
|
|
1925
|
-
|
|
1926
|
-
|
|
1927
|
-
|
|
1928
|
-
|
|
1929
|
-
|
|
1926
|
+
<button
|
|
1927
|
+
aria-disabled="false"
|
|
1928
|
+
aria-label="Remove"
|
|
1929
|
+
aria-labelledby="remove_pf-random-id-26 pf-random-id-26"
|
|
1930
|
+
class="pf-c-button pf-m-plain"
|
|
1931
|
+
data-ouia-component-id="Remove"
|
|
1932
|
+
data-ouia-component-type="PF4/Button"
|
|
1933
|
+
data-ouia-safe="true"
|
|
1934
|
+
id="remove_pf-random-id-26"
|
|
1935
|
+
type="button"
|
|
1930
1936
|
>
|
|
1931
|
-
<
|
|
1932
|
-
|
|
1933
|
-
|
|
1934
|
-
|
|
1935
|
-
|
|
1937
|
+
<svg
|
|
1938
|
+
aria-hidden="true"
|
|
1939
|
+
fill="currentColor"
|
|
1940
|
+
height="1em"
|
|
1941
|
+
role="img"
|
|
1942
|
+
style="vertical-align: -0.125em;"
|
|
1943
|
+
viewBox="0 0 352 512"
|
|
1944
|
+
width="1em"
|
|
1945
|
+
>
|
|
1946
|
+
<path
|
|
1947
|
+
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
1948
|
+
/>
|
|
1949
|
+
</svg>
|
|
1950
|
+
</button>
|
|
1951
|
+
</span>
|
|
1936
1952
|
</div>
|
|
1937
1953
|
</li>
|
|
1938
1954
|
</ul>
|
|
@@ -299,36 +299,44 @@ exports[`Toolbar should render with custom chip content 1`] = `
|
|
|
299
299
|
data-ouia-safe="true"
|
|
300
300
|
>
|
|
301
301
|
<span
|
|
302
|
-
class="pf-c-
|
|
303
|
-
id="pf-random-id-3"
|
|
302
|
+
class="pf-c-chip__content"
|
|
304
303
|
>
|
|
305
|
-
|
|
304
|
+
<span
|
|
305
|
+
class="pf-c-chip__text"
|
|
306
|
+
id="pf-random-id-3"
|
|
307
|
+
>
|
|
308
|
+
New
|
|
309
|
+
</span>
|
|
306
310
|
</span>
|
|
307
|
-
<
|
|
308
|
-
|
|
309
|
-
aria-label="close"
|
|
310
|
-
aria-labelledby="remove_pf-random-id-3 pf-random-id-3"
|
|
311
|
-
class="pf-c-button pf-m-plain"
|
|
312
|
-
data-ouia-component-id="close"
|
|
313
|
-
data-ouia-component-type="PF4/Button"
|
|
314
|
-
data-ouia-safe="true"
|
|
315
|
-
id="remove_pf-random-id-3"
|
|
316
|
-
type="button"
|
|
311
|
+
<span
|
|
312
|
+
class="pf-c-chip__actions"
|
|
317
313
|
>
|
|
318
|
-
<
|
|
319
|
-
aria-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
314
|
+
<button
|
|
315
|
+
aria-disabled="false"
|
|
316
|
+
aria-label="close"
|
|
317
|
+
aria-labelledby="remove_pf-random-id-3 pf-random-id-3"
|
|
318
|
+
class="pf-c-button pf-m-plain"
|
|
319
|
+
data-ouia-component-id="close"
|
|
320
|
+
data-ouia-component-type="PF4/Button"
|
|
321
|
+
data-ouia-safe="true"
|
|
322
|
+
id="remove_pf-random-id-3"
|
|
323
|
+
type="button"
|
|
326
324
|
>
|
|
327
|
-
<
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
325
|
+
<svg
|
|
326
|
+
aria-hidden="true"
|
|
327
|
+
fill="currentColor"
|
|
328
|
+
height="1em"
|
|
329
|
+
role="img"
|
|
330
|
+
style="vertical-align: -0.125em;"
|
|
331
|
+
viewBox="0 0 352 512"
|
|
332
|
+
width="1em"
|
|
333
|
+
>
|
|
334
|
+
<path
|
|
335
|
+
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
336
|
+
/>
|
|
337
|
+
</svg>
|
|
338
|
+
</button>
|
|
339
|
+
</span>
|
|
332
340
|
</div>
|
|
333
341
|
</li>
|
|
334
342
|
<li
|
|
@@ -341,36 +349,44 @@ exports[`Toolbar should render with custom chip content 1`] = `
|
|
|
341
349
|
data-ouia-safe="true"
|
|
342
350
|
>
|
|
343
351
|
<span
|
|
344
|
-
class="pf-c-
|
|
345
|
-
id="pf-random-id-4"
|
|
352
|
+
class="pf-c-chip__content"
|
|
346
353
|
>
|
|
347
|
-
|
|
354
|
+
<span
|
|
355
|
+
class="pf-c-chip__text"
|
|
356
|
+
id="pf-random-id-4"
|
|
357
|
+
>
|
|
358
|
+
Pending
|
|
359
|
+
</span>
|
|
348
360
|
</span>
|
|
349
|
-
<
|
|
350
|
-
|
|
351
|
-
aria-label="close"
|
|
352
|
-
aria-labelledby="remove_pf-random-id-4 pf-random-id-4"
|
|
353
|
-
class="pf-c-button pf-m-plain"
|
|
354
|
-
data-ouia-component-id="close"
|
|
355
|
-
data-ouia-component-type="PF4/Button"
|
|
356
|
-
data-ouia-safe="true"
|
|
357
|
-
id="remove_pf-random-id-4"
|
|
358
|
-
type="button"
|
|
361
|
+
<span
|
|
362
|
+
class="pf-c-chip__actions"
|
|
359
363
|
>
|
|
360
|
-
<
|
|
361
|
-
aria-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
364
|
+
<button
|
|
365
|
+
aria-disabled="false"
|
|
366
|
+
aria-label="close"
|
|
367
|
+
aria-labelledby="remove_pf-random-id-4 pf-random-id-4"
|
|
368
|
+
class="pf-c-button pf-m-plain"
|
|
369
|
+
data-ouia-component-id="close"
|
|
370
|
+
data-ouia-component-type="PF4/Button"
|
|
371
|
+
data-ouia-safe="true"
|
|
372
|
+
id="remove_pf-random-id-4"
|
|
373
|
+
type="button"
|
|
368
374
|
>
|
|
369
|
-
<
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
375
|
+
<svg
|
|
376
|
+
aria-hidden="true"
|
|
377
|
+
fill="currentColor"
|
|
378
|
+
height="1em"
|
|
379
|
+
role="img"
|
|
380
|
+
style="vertical-align: -0.125em;"
|
|
381
|
+
viewBox="0 0 352 512"
|
|
382
|
+
width="1em"
|
|
383
|
+
>
|
|
384
|
+
<path
|
|
385
|
+
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
386
|
+
/>
|
|
387
|
+
</svg>
|
|
388
|
+
</button>
|
|
389
|
+
</span>
|
|
374
390
|
</div>
|
|
375
391
|
</li>
|
|
376
392
|
</ul>
|