@patternfly/patternfly 6.5.0-prerelease.44 → 6.5.0-prerelease.46
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/components/Button/button.css +1 -1
- package/components/Button/button.scss +1 -1
- package/components/NotificationDrawer/notification-drawer.css +10 -2
- package/components/NotificationDrawer/notification-drawer.scss +11 -4
- package/components/_index.css +11 -3
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
- package/docs/components/ActionList/examples/ActionList.md +10 -10
- package/docs/components/Alert/examples/Alert.md +30 -30
- package/docs/components/Banner/examples/Banner.md +65 -5
- package/docs/components/Drawer/examples/Drawer.md +42 -42
- package/docs/components/DualListSelector/examples/DualListSelector.md +792 -72
- package/docs/components/Icon/examples/Icon.md +65 -5
- package/docs/components/InlineEdit/examples/InlineEdit.md +16 -16
- package/docs/components/Label/examples/Label.md +2812 -220
- package/docs/components/MenuToggle/examples/MenuToggle.md +13 -1
- package/docs/components/ModalBox/examples/ModalBox.md +121 -37
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +18 -18
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +524 -44
- package/docs/components/Popover/examples/Popover.md +110 -38
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +273 -21
- package/docs/components/Slider/examples/Slider.md +52 -4
- package/docs/components/Tabs/examples/Tabs.md +1638 -126
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +509 -41
- package/docs/components/Toolbar/examples/Toolbar.md +48 -48
- package/docs/components/Wizard/examples/Wizard.md +26 -26
- package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
- package/docs/demos/Alert/examples/Alert.md +6 -6
- package/docs/demos/Card/examples/Card.md +80 -8
- package/docs/demos/Compass/examples/Compass.md +2 -2
- package/docs/demos/Dashboard/examples/Dashboard.md +24 -6
- package/docs/demos/DescriptionList/examples/DescriptionList.md +2 -2
- package/docs/demos/Drawer/examples/Drawer.md +6 -6
- package/docs/demos/Form/examples/BasicForms.md +26 -2
- package/docs/demos/JumpLinks/examples/JumpLinks.md +4 -4
- package/docs/demos/Masthead/examples/Masthead.md +15 -3
- package/docs/demos/Modal/examples/Modal.md +12 -12
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +816 -96
- package/docs/demos/Page/examples/Page.md +2 -2
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +90 -18
- package/docs/demos/Table/examples/Table.md +232 -19
- package/docs/demos/Tabs/examples/Tabs.md +23 -5
- package/docs/demos/Toolbar/examples/Toolbar.md +24 -24
- package/docs/demos/Wizard/examples/Wizard.md +20 -20
- package/package.json +1 -1
- package/patternfly-no-globals.css +11 -3
- package/patternfly.css +11 -3
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -131,27 +131,87 @@ cssPrefix: pf-v6-c-icon
|
|
|
131
131
|
```html
|
|
132
132
|
<span class="pf-v6-c-icon">
|
|
133
133
|
<span class="pf-v6-c-icon__content pf-m-danger">
|
|
134
|
-
<
|
|
134
|
+
<svg
|
|
135
|
+
class="pf-v6-svg"
|
|
136
|
+
viewBox="0 0 32 32"
|
|
137
|
+
fill="currentColor"
|
|
138
|
+
aria-hidden="true"
|
|
139
|
+
role="img"
|
|
140
|
+
width="1em"
|
|
141
|
+
height="1em"
|
|
142
|
+
>
|
|
143
|
+
<path
|
|
144
|
+
d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
|
|
145
|
+
/>
|
|
146
|
+
</svg>
|
|
135
147
|
</span>
|
|
136
148
|
</span>
|
|
137
149
|
<span class="pf-v6-c-icon">
|
|
138
150
|
<span class="pf-v6-c-icon__content pf-m-warning">
|
|
139
|
-
<
|
|
151
|
+
<svg
|
|
152
|
+
class="pf-v6-svg"
|
|
153
|
+
viewBox="0 0 32 32"
|
|
154
|
+
fill="currentColor"
|
|
155
|
+
aria-hidden="true"
|
|
156
|
+
role="img"
|
|
157
|
+
width="1em"
|
|
158
|
+
height="1em"
|
|
159
|
+
>
|
|
160
|
+
<path
|
|
161
|
+
d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
|
|
162
|
+
/>
|
|
163
|
+
</svg>
|
|
140
164
|
</span>
|
|
141
165
|
</span>
|
|
142
166
|
<span class="pf-v6-c-icon">
|
|
143
167
|
<span class="pf-v6-c-icon__content pf-m-success">
|
|
144
|
-
<
|
|
168
|
+
<svg
|
|
169
|
+
class="pf-v6-svg"
|
|
170
|
+
viewBox="0 0 32 32"
|
|
171
|
+
fill="currentColor"
|
|
172
|
+
aria-hidden="true"
|
|
173
|
+
role="img"
|
|
174
|
+
width="1em"
|
|
175
|
+
height="1em"
|
|
176
|
+
>
|
|
177
|
+
<path
|
|
178
|
+
d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
|
|
179
|
+
/>
|
|
180
|
+
</svg>
|
|
145
181
|
</span>
|
|
146
182
|
</span>
|
|
147
183
|
<span class="pf-v6-c-icon">
|
|
148
184
|
<span class="pf-v6-c-icon__content pf-m-info">
|
|
149
|
-
<
|
|
185
|
+
<svg
|
|
186
|
+
class="pf-v6-svg"
|
|
187
|
+
viewBox="0 0 32 32"
|
|
188
|
+
fill="currentColor"
|
|
189
|
+
aria-hidden="true"
|
|
190
|
+
role="img"
|
|
191
|
+
width="1em"
|
|
192
|
+
height="1em"
|
|
193
|
+
>
|
|
194
|
+
<path
|
|
195
|
+
d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
|
|
196
|
+
/>
|
|
197
|
+
</svg>
|
|
150
198
|
</span>
|
|
151
199
|
</span>
|
|
152
200
|
<span class="pf-v6-c-icon">
|
|
153
201
|
<span class="pf-v6-c-icon__content pf-m-custom">
|
|
154
|
-
<
|
|
202
|
+
<svg
|
|
203
|
+
class="pf-v6-svg"
|
|
204
|
+
viewBox="0 0 32 32"
|
|
205
|
+
fill="currentColor"
|
|
206
|
+
aria-hidden="true"
|
|
207
|
+
role="img"
|
|
208
|
+
width="1em"
|
|
209
|
+
height="1em"
|
|
210
|
+
>
|
|
211
|
+
<path
|
|
212
|
+
d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
|
|
213
|
+
/>
|
|
214
|
+
</svg>
|
|
155
215
|
</span>
|
|
156
216
|
</span>
|
|
157
217
|
|
|
@@ -127,7 +127,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
127
127
|
<span class="pf-v6-c-button__icon">
|
|
128
128
|
<svg
|
|
129
129
|
class="pf-v6-svg"
|
|
130
|
-
viewBox="0 0
|
|
130
|
+
viewBox="0 0 20 20"
|
|
131
131
|
fill="currentColor"
|
|
132
132
|
aria-hidden="true"
|
|
133
133
|
role="img"
|
|
@@ -135,7 +135,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
135
135
|
height="1em"
|
|
136
136
|
>
|
|
137
137
|
<path
|
|
138
|
-
d="
|
|
138
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
139
139
|
/>
|
|
140
140
|
</svg>
|
|
141
141
|
</span>
|
|
@@ -224,7 +224,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
224
224
|
<span class="pf-v6-c-button__icon">
|
|
225
225
|
<svg
|
|
226
226
|
class="pf-v6-svg"
|
|
227
|
-
viewBox="0 0
|
|
227
|
+
viewBox="0 0 20 20"
|
|
228
228
|
fill="currentColor"
|
|
229
229
|
aria-hidden="true"
|
|
230
230
|
role="img"
|
|
@@ -232,7 +232,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
232
232
|
height="1em"
|
|
233
233
|
>
|
|
234
234
|
<path
|
|
235
|
-
d="
|
|
235
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
236
236
|
/>
|
|
237
237
|
</svg>
|
|
238
238
|
</span>
|
|
@@ -325,7 +325,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
325
325
|
<span class="pf-v6-c-button__icon">
|
|
326
326
|
<svg
|
|
327
327
|
class="pf-v6-svg"
|
|
328
|
-
viewBox="0 0
|
|
328
|
+
viewBox="0 0 20 20"
|
|
329
329
|
fill="currentColor"
|
|
330
330
|
aria-hidden="true"
|
|
331
331
|
role="img"
|
|
@@ -333,7 +333,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
333
333
|
height="1em"
|
|
334
334
|
>
|
|
335
335
|
<path
|
|
336
|
-
d="
|
|
336
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
337
337
|
/>
|
|
338
338
|
</svg>
|
|
339
339
|
</span>
|
|
@@ -440,7 +440,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
440
440
|
<span class="pf-v6-c-button__icon">
|
|
441
441
|
<svg
|
|
442
442
|
class="pf-v6-svg"
|
|
443
|
-
viewBox="0 0
|
|
443
|
+
viewBox="0 0 20 20"
|
|
444
444
|
fill="currentColor"
|
|
445
445
|
aria-hidden="true"
|
|
446
446
|
role="img"
|
|
@@ -448,7 +448,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
448
448
|
height="1em"
|
|
449
449
|
>
|
|
450
450
|
<path
|
|
451
|
-
d="
|
|
451
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
452
452
|
/>
|
|
453
453
|
</svg>
|
|
454
454
|
</span>
|
|
@@ -543,7 +543,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
543
543
|
<span class="pf-v6-c-button__icon">
|
|
544
544
|
<svg
|
|
545
545
|
class="pf-v6-svg"
|
|
546
|
-
viewBox="0 0
|
|
546
|
+
viewBox="0 0 20 20"
|
|
547
547
|
fill="currentColor"
|
|
548
548
|
aria-hidden="true"
|
|
549
549
|
role="img"
|
|
@@ -551,7 +551,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
551
551
|
height="1em"
|
|
552
552
|
>
|
|
553
553
|
<path
|
|
554
|
-
d="
|
|
554
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
555
555
|
/>
|
|
556
556
|
</svg>
|
|
557
557
|
</span>
|
|
@@ -653,7 +653,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
653
653
|
<span class="pf-v6-c-button__icon">
|
|
654
654
|
<svg
|
|
655
655
|
class="pf-v6-svg"
|
|
656
|
-
viewBox="0 0
|
|
656
|
+
viewBox="0 0 20 20"
|
|
657
657
|
fill="currentColor"
|
|
658
658
|
aria-hidden="true"
|
|
659
659
|
role="img"
|
|
@@ -661,7 +661,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
661
661
|
height="1em"
|
|
662
662
|
>
|
|
663
663
|
<path
|
|
664
|
-
d="
|
|
664
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
665
665
|
/>
|
|
666
666
|
</svg>
|
|
667
667
|
</span>
|
|
@@ -885,7 +885,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
885
885
|
<span class="pf-v6-c-button__icon">
|
|
886
886
|
<svg
|
|
887
887
|
class="pf-v6-svg"
|
|
888
|
-
viewBox="0 0
|
|
888
|
+
viewBox="0 0 20 20"
|
|
889
889
|
fill="currentColor"
|
|
890
890
|
aria-hidden="true"
|
|
891
891
|
role="img"
|
|
@@ -893,7 +893,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
893
893
|
height="1em"
|
|
894
894
|
>
|
|
895
895
|
<path
|
|
896
|
-
d="
|
|
896
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
897
897
|
/>
|
|
898
898
|
</svg>
|
|
899
899
|
</span>
|
|
@@ -1110,7 +1110,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
1110
1110
|
<span class="pf-v6-c-button__icon">
|
|
1111
1111
|
<svg
|
|
1112
1112
|
class="pf-v6-svg"
|
|
1113
|
-
viewBox="0 0
|
|
1113
|
+
viewBox="0 0 20 20"
|
|
1114
1114
|
fill="currentColor"
|
|
1115
1115
|
aria-hidden="true"
|
|
1116
1116
|
role="img"
|
|
@@ -1118,7 +1118,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
1118
1118
|
height="1em"
|
|
1119
1119
|
>
|
|
1120
1120
|
<path
|
|
1121
|
-
d="
|
|
1121
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
1122
1122
|
/>
|
|
1123
1123
|
</svg>
|
|
1124
1124
|
</span>
|