@patternfly/patternfly 6.0.0-alpha.109 → 6.0.0-alpha.110
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/README.md +1 -1
- package/docs/components/Label/examples/Label.md +60 -60
- package/docs/components/LogViewer/examples/LogViewer.md +40 -40
- package/docs/components/Login/examples/Login.md +5 -5
- package/docs/components/ModalBox/examples/ModalBox.md +1 -1
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +30 -30
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +10 -10
- package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
- package/docs/components/Select/deprecated/Select.md +64 -64
- package/docs/components/Slider/examples/Slider.md +39 -39
- package/docs/components/Table/examples/Table.md +66 -66
- package/docs/components/Toolbar/examples/Toolbar.md +5 -5
- package/docs/components/Wizard/examples/Wizard.md +1 -1
- package/docs/demos/Banner/examples/Banner.md +9 -9
- package/docs/demos/Card/examples/Card.md +96 -96
- package/docs/demos/CardView/examples/CardView.md +7 -7
- package/docs/demos/ContextSelector/examples/ContextSelector.md +1 -1
- package/docs/demos/Dashboard/examples/Dashboard.md +21 -21
- package/docs/demos/DataList/examples/DataList.md +8 -8
- package/docs/demos/DescriptionList/examples/DescriptionList.md +5 -5
- package/docs/demos/Masthead/examples/Masthead.md +1 -1
- package/docs/demos/Modal/examples/Modal.md +3 -3
- package/docs/demos/Nav/examples/Nav.md +2 -2
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +16 -16
- package/docs/demos/Page/examples/Page.md +2 -2
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +40 -40
- package/docs/demos/Table/examples/Table.md +86 -86
- package/docs/demos/Tabs/examples/Tabs.md +9 -9
- package/docs/demos/Toolbar/examples/Toolbar.md +7 -7
- package/docs/demos/Wizard/examples/Wizard.md +3 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -131,7 +131,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
131
131
|
</span>
|
|
132
132
|
<span
|
|
133
133
|
class="pf-v6-c-label__text"
|
|
134
|
-
style="--pf-
|
|
134
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
135
135
|
>Grey label, max-width truncation customization</span>
|
|
136
136
|
</span>
|
|
137
137
|
</span>
|
|
@@ -144,7 +144,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
144
144
|
<span
|
|
145
145
|
class="pf-v6-c-label__text"
|
|
146
146
|
id="grey-filled-truncated-with-icon-text"
|
|
147
|
-
style="--pf-
|
|
147
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
148
148
|
>Grey label with icon and set max-width truncation customization</span>
|
|
149
149
|
</span>
|
|
150
150
|
<span class="pf-v6-c-label__actions">
|
|
@@ -333,7 +333,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
333
333
|
</span>
|
|
334
334
|
<span
|
|
335
335
|
class="pf-v6-c-label__text"
|
|
336
|
-
style="--pf-
|
|
336
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
337
337
|
>Blue label, max-width truncation customization</span>
|
|
338
338
|
</span>
|
|
339
339
|
</span>
|
|
@@ -346,7 +346,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
346
346
|
<span
|
|
347
347
|
class="pf-v6-c-label__text"
|
|
348
348
|
id="blue-filled-truncated-with-icon-text"
|
|
349
|
-
style="--pf-
|
|
349
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
350
350
|
>Blue label with icon and set max-width truncation customization</span>
|
|
351
351
|
</span>
|
|
352
352
|
<span class="pf-v6-c-label__actions">
|
|
@@ -535,7 +535,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
535
535
|
</span>
|
|
536
536
|
<span
|
|
537
537
|
class="pf-v6-c-label__text"
|
|
538
|
-
style="--pf-
|
|
538
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
539
539
|
>Green label, max-width truncation customization</span>
|
|
540
540
|
</span>
|
|
541
541
|
</span>
|
|
@@ -548,7 +548,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
548
548
|
<span
|
|
549
549
|
class="pf-v6-c-label__text"
|
|
550
550
|
id="green-filled-truncated-with-icon-text"
|
|
551
|
-
style="--pf-
|
|
551
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
552
552
|
>Green label with icon and set max-width truncation customization</span>
|
|
553
553
|
</span>
|
|
554
554
|
<span class="pf-v6-c-label__actions">
|
|
@@ -737,7 +737,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
737
737
|
</span>
|
|
738
738
|
<span
|
|
739
739
|
class="pf-v6-c-label__text"
|
|
740
|
-
style="--pf-
|
|
740
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
741
741
|
>Orange label, max-width truncation customization</span>
|
|
742
742
|
</span>
|
|
743
743
|
</span>
|
|
@@ -750,7 +750,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
750
750
|
<span
|
|
751
751
|
class="pf-v6-c-label__text"
|
|
752
752
|
id="orange-filled-truncated-with-icon-text"
|
|
753
|
-
style="--pf-
|
|
753
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
754
754
|
>Orange label with icon and set max-width truncation customization</span>
|
|
755
755
|
</span>
|
|
756
756
|
<span class="pf-v6-c-label__actions">
|
|
@@ -943,7 +943,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
943
943
|
</span>
|
|
944
944
|
<span
|
|
945
945
|
class="pf-v6-c-label__text"
|
|
946
|
-
style="--pf-
|
|
946
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
947
947
|
>Red label, max-width truncation customization</span>
|
|
948
948
|
</span>
|
|
949
949
|
</span>
|
|
@@ -956,7 +956,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
956
956
|
<span
|
|
957
957
|
class="pf-v6-c-label__text"
|
|
958
958
|
id="red-filled-truncated-with-icon-text"
|
|
959
|
-
style="--pf-
|
|
959
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
960
960
|
>Red label with icon and set max-width truncation customization</span>
|
|
961
961
|
</span>
|
|
962
962
|
<span class="pf-v6-c-label__actions">
|
|
@@ -1145,7 +1145,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
1145
1145
|
</span>
|
|
1146
1146
|
<span
|
|
1147
1147
|
class="pf-v6-c-label__text"
|
|
1148
|
-
style="--pf-
|
|
1148
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
1149
1149
|
>Orange red label, max-width truncation customization</span>
|
|
1150
1150
|
</span>
|
|
1151
1151
|
</span>
|
|
@@ -1158,7 +1158,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
1158
1158
|
<span
|
|
1159
1159
|
class="pf-v6-c-label__text"
|
|
1160
1160
|
id="orangered-filled-truncated-with-icon-text"
|
|
1161
|
-
style="--pf-
|
|
1161
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
1162
1162
|
>Orange red label with icon and set max-width truncation customization</span>
|
|
1163
1163
|
</span>
|
|
1164
1164
|
<span class="pf-v6-c-label__actions">
|
|
@@ -1351,7 +1351,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
1351
1351
|
</span>
|
|
1352
1352
|
<span
|
|
1353
1353
|
class="pf-v6-c-label__text"
|
|
1354
|
-
style="--pf-
|
|
1354
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
1355
1355
|
>Purple label, max-width truncation customization</span>
|
|
1356
1356
|
</span>
|
|
1357
1357
|
</span>
|
|
@@ -1364,7 +1364,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
1364
1364
|
<span
|
|
1365
1365
|
class="pf-v6-c-label__text"
|
|
1366
1366
|
id="purple-filled-truncated-with-icon-text"
|
|
1367
|
-
style="--pf-
|
|
1367
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
1368
1368
|
>Purple label with icon and set max-width truncation customization</span>
|
|
1369
1369
|
</span>
|
|
1370
1370
|
<span class="pf-v6-c-label__actions">
|
|
@@ -1557,7 +1557,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
1557
1557
|
</span>
|
|
1558
1558
|
<span
|
|
1559
1559
|
class="pf-v6-c-label__text"
|
|
1560
|
-
style="--pf-
|
|
1560
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
1561
1561
|
>Cyan label, max-width truncation customization</span>
|
|
1562
1562
|
</span>
|
|
1563
1563
|
</span>
|
|
@@ -1570,7 +1570,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
1570
1570
|
<span
|
|
1571
1571
|
class="pf-v6-c-label__text"
|
|
1572
1572
|
id="cyan-filled-truncated-with-icon-text"
|
|
1573
|
-
style="--pf-
|
|
1573
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
1574
1574
|
>Cyan label with icon and set max-width truncation customization</span>
|
|
1575
1575
|
</span>
|
|
1576
1576
|
<span class="pf-v6-c-label__actions">
|
|
@@ -1759,7 +1759,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
1759
1759
|
</span>
|
|
1760
1760
|
<span
|
|
1761
1761
|
class="pf-v6-c-label__text"
|
|
1762
|
-
style="--pf-
|
|
1762
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
1763
1763
|
>Gold label, max-width truncation customization</span>
|
|
1764
1764
|
</span>
|
|
1765
1765
|
</span>
|
|
@@ -1772,7 +1772,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
1772
1772
|
<span
|
|
1773
1773
|
class="pf-v6-c-label__text"
|
|
1774
1774
|
id="gold-filled-truncated-with-icon-text"
|
|
1775
|
-
style="--pf-
|
|
1775
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
1776
1776
|
>Gold label with icon and set max-width truncation customization</span>
|
|
1777
1777
|
</span>
|
|
1778
1778
|
<span class="pf-v6-c-label__actions">
|
|
@@ -1952,7 +1952,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
1952
1952
|
</span>
|
|
1953
1953
|
<span
|
|
1954
1954
|
class="pf-v6-c-label__text"
|
|
1955
|
-
style="--pf-
|
|
1955
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
1956
1956
|
>Success, max-width truncation customization</span>
|
|
1957
1957
|
</span>
|
|
1958
1958
|
</span>
|
|
@@ -1965,7 +1965,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
1965
1965
|
<span
|
|
1966
1966
|
class="pf-v6-c-label__text"
|
|
1967
1967
|
id="success-filled-status-truncated-removable-text"
|
|
1968
|
-
style="--pf-
|
|
1968
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
1969
1969
|
>Success removable, max-width truncation customization</span>
|
|
1970
1970
|
</span>
|
|
1971
1971
|
<span class="pf-v6-c-label__actions">
|
|
@@ -2144,7 +2144,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
2144
2144
|
</span>
|
|
2145
2145
|
<span
|
|
2146
2146
|
class="pf-v6-c-label__text"
|
|
2147
|
-
style="--pf-
|
|
2147
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
2148
2148
|
>Warning, max-width truncation customization</span>
|
|
2149
2149
|
</span>
|
|
2150
2150
|
</span>
|
|
@@ -2157,7 +2157,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
2157
2157
|
<span
|
|
2158
2158
|
class="pf-v6-c-label__text"
|
|
2159
2159
|
id="warning-filled-status-truncated-removable-text"
|
|
2160
|
-
style="--pf-
|
|
2160
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
2161
2161
|
>Warning removable, max-width truncation customization</span>
|
|
2162
2162
|
</span>
|
|
2163
2163
|
<span class="pf-v6-c-label__actions">
|
|
@@ -2336,7 +2336,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
2336
2336
|
</span>
|
|
2337
2337
|
<span
|
|
2338
2338
|
class="pf-v6-c-label__text"
|
|
2339
|
-
style="--pf-
|
|
2339
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
2340
2340
|
>Danger, max-width truncation customization</span>
|
|
2341
2341
|
</span>
|
|
2342
2342
|
</span>
|
|
@@ -2349,7 +2349,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
2349
2349
|
<span
|
|
2350
2350
|
class="pf-v6-c-label__text"
|
|
2351
2351
|
id="danger-filled-status-truncated-removable-text"
|
|
2352
|
-
style="--pf-
|
|
2352
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
2353
2353
|
>Danger removable, max-width truncation customization</span>
|
|
2354
2354
|
</span>
|
|
2355
2355
|
<span class="pf-v6-c-label__actions">
|
|
@@ -2528,7 +2528,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
2528
2528
|
</span>
|
|
2529
2529
|
<span
|
|
2530
2530
|
class="pf-v6-c-label__text"
|
|
2531
|
-
style="--pf-
|
|
2531
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
2532
2532
|
>Info, max-width truncation customization</span>
|
|
2533
2533
|
</span>
|
|
2534
2534
|
</span>
|
|
@@ -2541,7 +2541,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
2541
2541
|
<span
|
|
2542
2542
|
class="pf-v6-c-label__text"
|
|
2543
2543
|
id="info-filled-status-truncated-removable-text"
|
|
2544
|
-
style="--pf-
|
|
2544
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
2545
2545
|
>Info removable, max-width truncation customization</span>
|
|
2546
2546
|
</span>
|
|
2547
2547
|
<span class="pf-v6-c-label__actions">
|
|
@@ -2716,7 +2716,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
2716
2716
|
</span>
|
|
2717
2717
|
<span
|
|
2718
2718
|
class="pf-v6-c-label__text"
|
|
2719
|
-
style="--pf-
|
|
2719
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
2720
2720
|
>Custom, max-width truncation customization</span>
|
|
2721
2721
|
</span>
|
|
2722
2722
|
</span>
|
|
@@ -2729,7 +2729,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
2729
2729
|
<span
|
|
2730
2730
|
class="pf-v6-c-label__text"
|
|
2731
2731
|
id="custom-filled-status-truncated-removable-text"
|
|
2732
|
-
style="--pf-
|
|
2732
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
2733
2733
|
>Custom removable, max-width truncation customization</span>
|
|
2734
2734
|
</span>
|
|
2735
2735
|
<span class="pf-v6-c-label__actions">
|
|
@@ -2929,7 +2929,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
2929
2929
|
</span>
|
|
2930
2930
|
<span
|
|
2931
2931
|
class="pf-v6-c-label__text"
|
|
2932
|
-
style="--pf-
|
|
2932
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
2933
2933
|
>Grey label, max-width truncation customization</span>
|
|
2934
2934
|
</span>
|
|
2935
2935
|
</span>
|
|
@@ -2942,7 +2942,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
2942
2942
|
<span
|
|
2943
2943
|
class="pf-v6-c-label__text"
|
|
2944
2944
|
id="grey-outline-truncated-with-icon-text"
|
|
2945
|
-
style="--pf-
|
|
2945
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
2946
2946
|
>Grey label with icon and set max-width truncation customization</span>
|
|
2947
2947
|
</span>
|
|
2948
2948
|
<span class="pf-v6-c-label__actions">
|
|
@@ -3131,7 +3131,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
3131
3131
|
</span>
|
|
3132
3132
|
<span
|
|
3133
3133
|
class="pf-v6-c-label__text"
|
|
3134
|
-
style="--pf-
|
|
3134
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
3135
3135
|
>Blue label, max-width truncation customization</span>
|
|
3136
3136
|
</span>
|
|
3137
3137
|
</span>
|
|
@@ -3144,7 +3144,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
3144
3144
|
<span
|
|
3145
3145
|
class="pf-v6-c-label__text"
|
|
3146
3146
|
id="blue-outline-truncated-with-icon-text"
|
|
3147
|
-
style="--pf-
|
|
3147
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
3148
3148
|
>Blue label with icon and set max-width truncation customization</span>
|
|
3149
3149
|
</span>
|
|
3150
3150
|
<span class="pf-v6-c-label__actions">
|
|
@@ -3333,7 +3333,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
3333
3333
|
</span>
|
|
3334
3334
|
<span
|
|
3335
3335
|
class="pf-v6-c-label__text"
|
|
3336
|
-
style="--pf-
|
|
3336
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
3337
3337
|
>Green label, max-width truncation customization</span>
|
|
3338
3338
|
</span>
|
|
3339
3339
|
</span>
|
|
@@ -3346,7 +3346,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
3346
3346
|
<span
|
|
3347
3347
|
class="pf-v6-c-label__text"
|
|
3348
3348
|
id="green-outline-truncated-with-icon-text"
|
|
3349
|
-
style="--pf-
|
|
3349
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
3350
3350
|
>Green label with icon and set max-width truncation customization</span>
|
|
3351
3351
|
</span>
|
|
3352
3352
|
<span class="pf-v6-c-label__actions">
|
|
@@ -3539,7 +3539,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
3539
3539
|
</span>
|
|
3540
3540
|
<span
|
|
3541
3541
|
class="pf-v6-c-label__text"
|
|
3542
|
-
style="--pf-
|
|
3542
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
3543
3543
|
>Orange label, max-width truncation customization</span>
|
|
3544
3544
|
</span>
|
|
3545
3545
|
</span>
|
|
@@ -3552,7 +3552,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
3552
3552
|
<span
|
|
3553
3553
|
class="pf-v6-c-label__text"
|
|
3554
3554
|
id="orange-outline-truncated-with-icon-text"
|
|
3555
|
-
style="--pf-
|
|
3555
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
3556
3556
|
>Orange label with icon and set max-width truncation customization</span>
|
|
3557
3557
|
</span>
|
|
3558
3558
|
<span class="pf-v6-c-label__actions">
|
|
@@ -3745,7 +3745,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
3745
3745
|
</span>
|
|
3746
3746
|
<span
|
|
3747
3747
|
class="pf-v6-c-label__text"
|
|
3748
|
-
style="--pf-
|
|
3748
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
3749
3749
|
>Red label, max-width truncation customization</span>
|
|
3750
3750
|
</span>
|
|
3751
3751
|
</span>
|
|
@@ -3758,7 +3758,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
3758
3758
|
<span
|
|
3759
3759
|
class="pf-v6-c-label__text"
|
|
3760
3760
|
id="red-outline-truncated-with-icon-text"
|
|
3761
|
-
style="--pf-
|
|
3761
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
3762
3762
|
>Red label with icon and set max-width truncation customization</span>
|
|
3763
3763
|
</span>
|
|
3764
3764
|
<span class="pf-v6-c-label__actions">
|
|
@@ -3947,7 +3947,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
3947
3947
|
</span>
|
|
3948
3948
|
<span
|
|
3949
3949
|
class="pf-v6-c-label__text"
|
|
3950
|
-
style="--pf-
|
|
3950
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
3951
3951
|
>Orange red label, max-width truncation customization</span>
|
|
3952
3952
|
</span>
|
|
3953
3953
|
</span>
|
|
@@ -3960,7 +3960,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
3960
3960
|
<span
|
|
3961
3961
|
class="pf-v6-c-label__text"
|
|
3962
3962
|
id="orangered-outline-truncated-with-icon-text"
|
|
3963
|
-
style="--pf-
|
|
3963
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
3964
3964
|
>Orange red label with icon and set max-width truncation customization</span>
|
|
3965
3965
|
</span>
|
|
3966
3966
|
<span class="pf-v6-c-label__actions">
|
|
@@ -4153,7 +4153,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
4153
4153
|
</span>
|
|
4154
4154
|
<span
|
|
4155
4155
|
class="pf-v6-c-label__text"
|
|
4156
|
-
style="--pf-
|
|
4156
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
4157
4157
|
>Purple label, max-width truncation customization</span>
|
|
4158
4158
|
</span>
|
|
4159
4159
|
</span>
|
|
@@ -4166,7 +4166,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
4166
4166
|
<span
|
|
4167
4167
|
class="pf-v6-c-label__text"
|
|
4168
4168
|
id="purple-outline-truncated-with-icon-text"
|
|
4169
|
-
style="--pf-
|
|
4169
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
4170
4170
|
>Purple label with icon and set max-width truncation customization</span>
|
|
4171
4171
|
</span>
|
|
4172
4172
|
<span class="pf-v6-c-label__actions">
|
|
@@ -4359,7 +4359,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
4359
4359
|
</span>
|
|
4360
4360
|
<span
|
|
4361
4361
|
class="pf-v6-c-label__text"
|
|
4362
|
-
style="--pf-
|
|
4362
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
4363
4363
|
>Cyan label, max-width truncation customization</span>
|
|
4364
4364
|
</span>
|
|
4365
4365
|
</span>
|
|
@@ -4372,7 +4372,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
4372
4372
|
<span
|
|
4373
4373
|
class="pf-v6-c-label__text"
|
|
4374
4374
|
id="cyan-outline-truncated-with-icon-text"
|
|
4375
|
-
style="--pf-
|
|
4375
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
4376
4376
|
>Cyan label with icon and set max-width truncation customization</span>
|
|
4377
4377
|
</span>
|
|
4378
4378
|
<span class="pf-v6-c-label__actions">
|
|
@@ -4561,7 +4561,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
4561
4561
|
</span>
|
|
4562
4562
|
<span
|
|
4563
4563
|
class="pf-v6-c-label__text"
|
|
4564
|
-
style="--pf-
|
|
4564
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
4565
4565
|
>Gold label, max-width truncation customization</span>
|
|
4566
4566
|
</span>
|
|
4567
4567
|
</span>
|
|
@@ -4574,7 +4574,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
4574
4574
|
<span
|
|
4575
4575
|
class="pf-v6-c-label__text"
|
|
4576
4576
|
id="gold-outline-truncated-with-icon-text"
|
|
4577
|
-
style="--pf-
|
|
4577
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
4578
4578
|
>Gold label with icon and set max-width truncation customization</span>
|
|
4579
4579
|
</span>
|
|
4580
4580
|
<span class="pf-v6-c-label__actions">
|
|
@@ -4754,7 +4754,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
4754
4754
|
</span>
|
|
4755
4755
|
<span
|
|
4756
4756
|
class="pf-v6-c-label__text"
|
|
4757
|
-
style="--pf-
|
|
4757
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
4758
4758
|
>Success, max-width truncation customization</span>
|
|
4759
4759
|
</span>
|
|
4760
4760
|
</span>
|
|
@@ -4767,7 +4767,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
4767
4767
|
<span
|
|
4768
4768
|
class="pf-v6-c-label__text"
|
|
4769
4769
|
id="success-outline-status-truncated-removable-text"
|
|
4770
|
-
style="--pf-
|
|
4770
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
4771
4771
|
>Success removable, max-width truncation customization</span>
|
|
4772
4772
|
</span>
|
|
4773
4773
|
<span class="pf-v6-c-label__actions">
|
|
@@ -4946,7 +4946,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
4946
4946
|
</span>
|
|
4947
4947
|
<span
|
|
4948
4948
|
class="pf-v6-c-label__text"
|
|
4949
|
-
style="--pf-
|
|
4949
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
4950
4950
|
>Warning, max-width truncation customization</span>
|
|
4951
4951
|
</span>
|
|
4952
4952
|
</span>
|
|
@@ -4959,7 +4959,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
4959
4959
|
<span
|
|
4960
4960
|
class="pf-v6-c-label__text"
|
|
4961
4961
|
id="warning-outline-status-truncated-removable-text"
|
|
4962
|
-
style="--pf-
|
|
4962
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
4963
4963
|
>Warning removable, max-width truncation customization</span>
|
|
4964
4964
|
</span>
|
|
4965
4965
|
<span class="pf-v6-c-label__actions">
|
|
@@ -5138,7 +5138,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
5138
5138
|
</span>
|
|
5139
5139
|
<span
|
|
5140
5140
|
class="pf-v6-c-label__text"
|
|
5141
|
-
style="--pf-
|
|
5141
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
5142
5142
|
>Danger, max-width truncation customization</span>
|
|
5143
5143
|
</span>
|
|
5144
5144
|
</span>
|
|
@@ -5151,7 +5151,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
5151
5151
|
<span
|
|
5152
5152
|
class="pf-v6-c-label__text"
|
|
5153
5153
|
id="danger-outline-status-truncated-removable-text"
|
|
5154
|
-
style="--pf-
|
|
5154
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
5155
5155
|
>Danger removable, max-width truncation customization</span>
|
|
5156
5156
|
</span>
|
|
5157
5157
|
<span class="pf-v6-c-label__actions">
|
|
@@ -5330,7 +5330,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
5330
5330
|
</span>
|
|
5331
5331
|
<span
|
|
5332
5332
|
class="pf-v6-c-label__text"
|
|
5333
|
-
style="--pf-
|
|
5333
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
5334
5334
|
>Info, max-width truncation customization</span>
|
|
5335
5335
|
</span>
|
|
5336
5336
|
</span>
|
|
@@ -5343,7 +5343,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
5343
5343
|
<span
|
|
5344
5344
|
class="pf-v6-c-label__text"
|
|
5345
5345
|
id="info-outline-status-truncated-removable-text"
|
|
5346
|
-
style="--pf-
|
|
5346
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
5347
5347
|
>Info removable, max-width truncation customization</span>
|
|
5348
5348
|
</span>
|
|
5349
5349
|
<span class="pf-v6-c-label__actions">
|
|
@@ -5518,7 +5518,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
5518
5518
|
</span>
|
|
5519
5519
|
<span
|
|
5520
5520
|
class="pf-v6-c-label__text"
|
|
5521
|
-
style="--pf-
|
|
5521
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
5522
5522
|
>Custom, max-width truncation customization</span>
|
|
5523
5523
|
</span>
|
|
5524
5524
|
</span>
|
|
@@ -5531,7 +5531,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
5531
5531
|
<span
|
|
5532
5532
|
class="pf-v6-c-label__text"
|
|
5533
5533
|
id="custom-outline-status-truncated-removable-text"
|
|
5534
|
-
style="--pf-
|
|
5534
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
5535
5535
|
>Custom removable, max-width truncation customization</span>
|
|
5536
5536
|
</span>
|
|
5537
5537
|
<span class="pf-v6-c-label__actions">
|
|
@@ -5726,7 +5726,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
5726
5726
|
</span>
|
|
5727
5727
|
<span
|
|
5728
5728
|
class="pf-v6-c-label__text"
|
|
5729
|
-
style="--pf-
|
|
5729
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
5730
5730
|
>Compact label, max-width truncation customization</span>
|
|
5731
5731
|
</span>
|
|
5732
5732
|
</span>
|
|
@@ -5739,7 +5739,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
5739
5739
|
<span
|
|
5740
5740
|
class="pf-v6-c-label__text"
|
|
5741
5741
|
id="compact-truncated-with-icon-text"
|
|
5742
|
-
style="--pf-
|
|
5742
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
5743
5743
|
>Compact label with icon and set max-width truncation customization</span>
|
|
5744
5744
|
</span>
|
|
5745
5745
|
<span class="pf-v6-c-label__actions">
|
|
@@ -5928,7 +5928,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
5928
5928
|
</span>
|
|
5929
5929
|
<span
|
|
5930
5930
|
class="pf-v6-c-label__text"
|
|
5931
|
-
style="--pf-
|
|
5931
|
+
style="--pf-v6-c-label__text--MaxWidth: 28ch"
|
|
5932
5932
|
>Compact label, max-width truncation customization</span>
|
|
5933
5933
|
</span>
|
|
5934
5934
|
</span>
|
|
@@ -5941,7 +5941,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
|
|
|
5941
5941
|
<span
|
|
5942
5942
|
class="pf-v6-c-label__text"
|
|
5943
5943
|
id="compact-outline-truncated-with-icon-text"
|
|
5944
|
-
style="--pf-
|
|
5944
|
+
style="--pf-v6-c-label__text--MaxWidth: 38ch"
|
|
5945
5945
|
>Compact label with icon and set max-width truncation customization</span>
|
|
5946
5946
|
</span>
|
|
5947
5947
|
<span class="pf-v6-c-label__actions">
|