@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.
Files changed (48) hide show
  1. package/components/Button/button.css +1 -1
  2. package/components/Button/button.scss +1 -1
  3. package/components/NotificationDrawer/notification-drawer.css +10 -2
  4. package/components/NotificationDrawer/notification-drawer.scss +11 -4
  5. package/components/_index.css +11 -3
  6. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  7. package/docs/components/ActionList/examples/ActionList.md +10 -10
  8. package/docs/components/Alert/examples/Alert.md +30 -30
  9. package/docs/components/Banner/examples/Banner.md +65 -5
  10. package/docs/components/Drawer/examples/Drawer.md +42 -42
  11. package/docs/components/DualListSelector/examples/DualListSelector.md +792 -72
  12. package/docs/components/Icon/examples/Icon.md +65 -5
  13. package/docs/components/InlineEdit/examples/InlineEdit.md +16 -16
  14. package/docs/components/Label/examples/Label.md +2812 -220
  15. package/docs/components/MenuToggle/examples/MenuToggle.md +13 -1
  16. package/docs/components/ModalBox/examples/ModalBox.md +121 -37
  17. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +18 -18
  18. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +524 -44
  19. package/docs/components/Popover/examples/Popover.md +110 -38
  20. package/docs/components/ProgressStepper/examples/ProgressStepper.md +273 -21
  21. package/docs/components/Slider/examples/Slider.md +52 -4
  22. package/docs/components/Tabs/examples/Tabs.md +1638 -126
  23. package/docs/components/TextInputGroup/examples/TextInputGroup.md +509 -41
  24. package/docs/components/Toolbar/examples/Toolbar.md +48 -48
  25. package/docs/components/Wizard/examples/Wizard.md +26 -26
  26. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  27. package/docs/demos/Alert/examples/Alert.md +6 -6
  28. package/docs/demos/Card/examples/Card.md +80 -8
  29. package/docs/demos/Compass/examples/Compass.md +2 -2
  30. package/docs/demos/Dashboard/examples/Dashboard.md +24 -6
  31. package/docs/demos/DescriptionList/examples/DescriptionList.md +2 -2
  32. package/docs/demos/Drawer/examples/Drawer.md +6 -6
  33. package/docs/demos/Form/examples/BasicForms.md +26 -2
  34. package/docs/demos/JumpLinks/examples/JumpLinks.md +4 -4
  35. package/docs/demos/Masthead/examples/Masthead.md +15 -3
  36. package/docs/demos/Modal/examples/Modal.md +12 -12
  37. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +816 -96
  38. package/docs/demos/Page/examples/Page.md +2 -2
  39. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +90 -18
  40. package/docs/demos/Table/examples/Table.md +232 -19
  41. package/docs/demos/Tabs/examples/Tabs.md +23 -5
  42. package/docs/demos/Toolbar/examples/Toolbar.md +24 -24
  43. package/docs/demos/Wizard/examples/Wizard.md +20 -20
  44. package/package.json +1 -1
  45. package/patternfly-no-globals.css +11 -3
  46. package/patternfly.css +11 -3
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
package/components/Button/button.css CHANGED
@@ -140,7 +140,7 @@
140
140
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
141
141
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
142
142
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
143
- --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
143
+ --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
144
144
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
145
145
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
146
146
  --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
package/components/Button/button.scss CHANGED
@@ -160,7 +160,7 @@
160
160
  --#{$button}--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
161
161
 
162
162
  // Plain
163
- --#{$button}--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
163
+ --#{$button}--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
164
164
  --#{$button}--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
165
165
  --#{$button}--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
166
166
  --#{$button}--m-plain--Color: var(--pf-t--global--icon--color--regular);
package/components/NotificationDrawer/notification-drawer.css CHANGED
@@ -28,6 +28,7 @@
28
28
  --pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29
29
  --pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-t--global--border--width--box--status--default);
30
30
  --pf-v6-c-notification-drawer__list-item--BorderRadius: var(--pf-t--global--border--radius--medium);
31
+ --pf-v6-c-notification-drawer__list-item--OutlineOffset: -0.25rem;
31
32
  --pf-v6-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--info--default);
32
33
  --pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor: var(--pf-t--global--border--color--status--info--default);
33
34
  --pf-v6-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
@@ -138,8 +139,16 @@
138
139
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
139
140
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
140
141
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
141
- border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
142
142
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
143
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
144
+ }
145
+ .pf-v6-c-notification-drawer__list-item::before {
146
+ position: absolute;
147
+ inset: 0;
148
+ pointer-events: none;
149
+ content: "";
150
+ border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
151
+ border-radius: inherit;
143
152
  }
144
153
  .pf-v6-c-notification-drawer__list-item.pf-m-info {
145
154
  --pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor);
@@ -165,7 +174,6 @@
165
174
  --pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderWidth);
166
175
  --pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BackgroundColor);
167
176
  --pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderColor);
168
- position: relative;
169
177
  }
170
178
  .pf-v6-c-notification-drawer__list-item.pf-m-hoverable {
171
179
  cursor: pointer;
package/components/NotificationDrawer/notification-drawer.scss CHANGED
@@ -38,6 +38,7 @@
38
38
  --#{$notification-drawer}__list-item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
39
39
  --#{$notification-drawer}__list-item--BorderWidth: var(--pf-t--global--border--width--box--status--default);
40
40
  --#{$notification-drawer}__list-item--BorderRadius: var(--pf-t--global--border--radius--medium);
41
+ --#{$notification-drawer}__list-item--OutlineOffset: #{pf-size-prem(-4px)};
41
42
 
42
43
  // List item modifiers
43
44
  --#{$notification-drawer}__list-item--m-info__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--info--default);
@@ -173,8 +174,17 @@
173
174
  padding-inline-start: var(--#{$notification-drawer}__list-item--PaddingInlineStart);
174
175
  padding-inline-end: var(--#{$notification-drawer}__list-item--PaddingInlineEnd);
175
176
  background-color: var(--#{$notification-drawer}__list-item--BackgroundColor);
176
- border: var(--#{$notification-drawer}__list-item--BorderWidth) solid var(--#{$notification-drawer}__list-item--BorderColor);
177
177
  border-radius: var(--#{$notification-drawer}__list-item--BorderRadius);
178
+ outline-offset: var(--#{$notification-drawer}__list-item--OutlineOffset);
179
+
180
+ &::before {
181
+ position: absolute;
182
+ inset: 0;
183
+ pointer-events: none;
184
+ content: '';
185
+ border: var(--#{$notification-drawer}__list-item--BorderWidth) solid var(--#{$notification-drawer}__list-item--BorderColor);
186
+ border-radius: inherit;
187
+ }
178
188
 
179
189
  &.pf-m-info {
180
190
  --#{$notification-drawer}__list-item--BorderColor: var(--#{$notification-drawer}__list-item--m-info__list-item--BorderColor);
@@ -205,8 +215,6 @@
205
215
  --#{$notification-drawer}__list-item--BorderWidth: var(--#{$notification-drawer}__list-item--m-read--BorderWidth);
206
216
  --#{$notification-drawer}__list-item--BackgroundColor: var(--#{$notification-drawer}__list-item--m-read--BackgroundColor);
207
217
  --#{$notification-drawer}__list-item--BorderColor: var(--#{$notification-drawer}__list-item--m-read--BorderColor);
208
-
209
- position: relative;
210
218
  }
211
219
 
212
220
  &.pf-m-hoverable {
@@ -318,4 +326,3 @@
318
326
  transform: rotate(var(--#{$notification-drawer}__group--m-expanded__group-toggle-icon--Rotate));
319
327
  }
320
328
  }
321
-
package/components/_index.css CHANGED
@@ -1741,7 +1741,7 @@ button.pf-v6-c-breadcrumb__link {
1741
1741
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
1742
1742
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
1743
1743
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
1744
- --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
1744
+ --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
1745
1745
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
1746
1746
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
1747
1747
  --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -13003,6 +13003,7 @@ ul.pf-v6-c-list {
13003
13003
  --pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13004
13004
  --pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-t--global--border--width--box--status--default);
13005
13005
  --pf-v6-c-notification-drawer__list-item--BorderRadius: var(--pf-t--global--border--radius--medium);
13006
+ --pf-v6-c-notification-drawer__list-item--OutlineOffset: -0.25rem;
13006
13007
  --pf-v6-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--info--default);
13007
13008
  --pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor: var(--pf-t--global--border--color--status--info--default);
13008
13009
  --pf-v6-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
@@ -13113,8 +13114,16 @@ ul.pf-v6-c-list {
13113
13114
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
13114
13115
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
13115
13116
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
13116
- border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
13117
13117
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
13118
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
13119
+ }
13120
+ .pf-v6-c-notification-drawer__list-item::before {
13121
+ position: absolute;
13122
+ inset: 0;
13123
+ pointer-events: none;
13124
+ content: "";
13125
+ border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
13126
+ border-radius: inherit;
13118
13127
  }
13119
13128
  .pf-v6-c-notification-drawer__list-item.pf-m-info {
13120
13129
  --pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor);
@@ -13140,7 +13149,6 @@ ul.pf-v6-c-list {
13140
13149
  --pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderWidth);
13141
13150
  --pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BackgroundColor);
13142
13151
  --pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderColor);
13143
- position: relative;
13144
13152
  }
13145
13153
  .pf-v6-c-notification-drawer__list-item.pf-m-hoverable {
13146
13154
  cursor: pointer;
package/docs/components/AboutModalBox/examples/AboutModalBox.md CHANGED
@@ -27,7 +27,7 @@ cssPrefix: pf-v6-c-about-modal-box
27
27
  <span class="pf-v6-c-button__icon">
28
28
  <svg
29
29
  class="pf-v6-svg"
30
- viewBox="0 0 352 512"
30
+ viewBox="0 0 20 20"
31
31
  fill="currentColor"
32
32
  aria-hidden="true"
33
33
  role="img"
@@ -35,7 +35,7 @@ cssPrefix: pf-v6-c-about-modal-box
35
35
  height="1em"
36
36
  >
37
37
  <path
38
- 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"
38
+ 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"
39
39
  />
40
40
  </svg>
41
41
  </span>
package/docs/components/ActionList/examples/ActionList.md CHANGED
@@ -71,7 +71,7 @@ cssPrefix: pf-v6-c-action-list
71
71
  <span class="pf-v6-c-button__icon">
72
72
  <svg
73
73
  class="pf-v6-svg"
74
- viewBox="0 0 352 512"
74
+ viewBox="0 0 20 20"
75
75
  fill="currentColor"
76
76
  aria-hidden="true"
77
77
  role="img"
@@ -79,7 +79,7 @@ cssPrefix: pf-v6-c-action-list
79
79
  height="1em"
80
80
  >
81
81
  <path
82
- 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"
82
+ 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"
83
83
  />
84
84
  </svg>
85
85
  </span>
@@ -117,7 +117,7 @@ cssPrefix: pf-v6-c-action-list
117
117
  <span class="pf-v6-c-button__icon pf-m-start">
118
118
  <svg
119
119
  class="pf-v6-svg"
120
- viewBox="0 0 352 512"
120
+ viewBox="0 0 20 20"
121
121
  fill="currentColor"
122
122
  aria-hidden="true"
123
123
  role="img"
@@ -125,7 +125,7 @@ cssPrefix: pf-v6-c-action-list
125
125
  height="1em"
126
126
  >
127
127
  <path
128
- 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"
128
+ 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"
129
129
  />
130
130
  </svg>
131
131
  </span>
@@ -165,7 +165,7 @@ cssPrefix: pf-v6-c-action-list
165
165
  <span class="pf-v6-c-button__icon">
166
166
  <svg
167
167
  class="pf-v6-svg"
168
- viewBox="0 0 352 512"
168
+ viewBox="0 0 20 20"
169
169
  fill="currentColor"
170
170
  aria-hidden="true"
171
171
  role="img"
@@ -173,7 +173,7 @@ cssPrefix: pf-v6-c-action-list
173
173
  height="1em"
174
174
  >
175
175
  <path
176
- 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"
176
+ 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"
177
177
  />
178
178
  </svg>
179
179
  </span>
@@ -322,7 +322,7 @@ Icons, in two groups
322
322
  <span class="pf-v6-c-button__icon pf-m-start">
323
323
  <svg
324
324
  class="pf-v6-svg"
325
- viewBox="0 0 352 512"
325
+ viewBox="0 0 20 20"
326
326
  fill="currentColor"
327
327
  aria-hidden="true"
328
328
  role="img"
@@ -330,7 +330,7 @@ Icons, in two groups
330
330
  height="1em"
331
331
  >
332
332
  <path
333
- 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"
333
+ 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"
334
334
  />
335
335
  </svg>
336
336
  </span>
@@ -370,7 +370,7 @@ Icons, in two groups
370
370
  <span class="pf-v6-c-button__icon">
371
371
  <svg
372
372
  class="pf-v6-svg"
373
- viewBox="0 0 352 512"
373
+ viewBox="0 0 20 20"
374
374
  fill="currentColor"
375
375
  aria-hidden="true"
376
376
  role="img"
@@ -378,7 +378,7 @@ Icons, in two groups
378
378
  height="1em"
379
379
  >
380
380
  <path
381
- 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"
381
+ 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"
382
382
  />
383
383
  </svg>
384
384
  </span>
package/docs/components/Alert/examples/Alert.md CHANGED
@@ -79,7 +79,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
79
79
  <span class="pf-v6-c-button__icon">
80
80
  <svg
81
81
  class="pf-v6-svg"
82
- viewBox="0 0 352 512"
82
+ viewBox="0 0 20 20"
83
83
  fill="currentColor"
84
84
  aria-hidden="true"
85
85
  role="img"
@@ -87,7 +87,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
87
87
  height="1em"
88
88
  >
89
89
  <path
90
- 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"
90
+ 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"
91
91
  />
92
92
  </svg>
93
93
  </span>
@@ -123,7 +123,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
123
123
  <span class="pf-v6-c-button__icon">
124
124
  <svg
125
125
  class="pf-v6-svg"
126
- viewBox="0 0 352 512"
126
+ viewBox="0 0 20 20"
127
127
  fill="currentColor"
128
128
  aria-hidden="true"
129
129
  role="img"
@@ -131,7 +131,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
131
131
  height="1em"
132
132
  >
133
133
  <path
134
- 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"
134
+ 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"
135
135
  />
136
136
  </svg>
137
137
  </span>
@@ -162,7 +162,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
162
162
  <span class="pf-v6-c-button__icon">
163
163
  <svg
164
164
  class="pf-v6-svg"
165
- viewBox="0 0 352 512"
165
+ viewBox="0 0 20 20"
166
166
  fill="currentColor"
167
167
  aria-hidden="true"
168
168
  role="img"
@@ -170,7 +170,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
170
170
  height="1em"
171
171
  >
172
172
  <path
173
- 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"
173
+ 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"
174
174
  />
175
175
  </svg>
176
176
  </span>
@@ -203,7 +203,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
203
203
  <span class="pf-v6-c-button__icon">
204
204
  <svg
205
205
  class="pf-v6-svg"
206
- viewBox="0 0 352 512"
206
+ viewBox="0 0 20 20"
207
207
  fill="currentColor"
208
208
  aria-hidden="true"
209
209
  role="img"
@@ -211,7 +211,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
211
211
  height="1em"
212
212
  >
213
213
  <path
214
- 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"
214
+ 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"
215
215
  />
216
216
  </svg>
217
217
  </span>
@@ -356,7 +356,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
356
356
  <span class="pf-v6-c-button__icon">
357
357
  <svg
358
358
  class="pf-v6-svg"
359
- viewBox="0 0 352 512"
359
+ viewBox="0 0 20 20"
360
360
  fill="currentColor"
361
361
  aria-hidden="true"
362
362
  role="img"
@@ -364,7 +364,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
364
364
  height="1em"
365
365
  >
366
366
  <path
367
- 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"
367
+ 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"
368
368
  />
369
369
  </svg>
370
370
  </span>
@@ -400,7 +400,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
400
400
  <span class="pf-v6-c-button__icon">
401
401
  <svg
402
402
  class="pf-v6-svg"
403
- viewBox="0 0 352 512"
403
+ viewBox="0 0 20 20"
404
404
  fill="currentColor"
405
405
  aria-hidden="true"
406
406
  role="img"
@@ -408,7 +408,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
408
408
  height="1em"
409
409
  >
410
410
  <path
411
- 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"
411
+ 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"
412
412
  />
413
413
  </svg>
414
414
  </span>
@@ -439,7 +439,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
439
439
  <span class="pf-v6-c-button__icon">
440
440
  <svg
441
441
  class="pf-v6-svg"
442
- viewBox="0 0 352 512"
442
+ viewBox="0 0 20 20"
443
443
  fill="currentColor"
444
444
  aria-hidden="true"
445
445
  role="img"
@@ -447,7 +447,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
447
447
  height="1em"
448
448
  >
449
449
  <path
450
- 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"
450
+ 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"
451
451
  />
452
452
  </svg>
453
453
  </span>
@@ -557,7 +557,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
557
557
  <span class="pf-v6-c-button__icon">
558
558
  <svg
559
559
  class="pf-v6-svg"
560
- viewBox="0 0 352 512"
560
+ viewBox="0 0 20 20"
561
561
  fill="currentColor"
562
562
  aria-hidden="true"
563
563
  role="img"
@@ -565,7 +565,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
565
565
  height="1em"
566
566
  >
567
567
  <path
568
- 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"
568
+ 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"
569
569
  />
570
570
  </svg>
571
571
  </span>
@@ -620,7 +620,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
620
620
  <span class="pf-v6-c-button__icon">
621
621
  <svg
622
622
  class="pf-v6-svg"
623
- viewBox="0 0 352 512"
623
+ viewBox="0 0 20 20"
624
624
  fill="currentColor"
625
625
  aria-hidden="true"
626
626
  role="img"
@@ -628,7 +628,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
628
628
  height="1em"
629
629
  >
630
630
  <path
631
- 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"
631
+ 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"
632
632
  />
633
633
  </svg>
634
634
  </span>
@@ -683,7 +683,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
683
683
  <span class="pf-v6-c-button__icon">
684
684
  <svg
685
685
  class="pf-v6-svg"
686
- viewBox="0 0 352 512"
686
+ viewBox="0 0 20 20"
687
687
  fill="currentColor"
688
688
  aria-hidden="true"
689
689
  role="img"
@@ -691,7 +691,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
691
691
  height="1em"
692
692
  >
693
693
  <path
694
- 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"
694
+ 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"
695
695
  />
696
696
  </svg>
697
697
  </span>
@@ -746,7 +746,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
746
746
  <span class="pf-v6-c-button__icon">
747
747
  <svg
748
748
  class="pf-v6-svg"
749
- viewBox="0 0 352 512"
749
+ viewBox="0 0 20 20"
750
750
  fill="currentColor"
751
751
  aria-hidden="true"
752
752
  role="img"
@@ -754,7 +754,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
754
754
  height="1em"
755
755
  >
756
756
  <path
757
- 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"
757
+ 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"
758
758
  />
759
759
  </svg>
760
760
  </span>
@@ -876,7 +876,7 @@ For sighted users, interactive elements can be included in this message in one o
876
876
  <span class="pf-v6-c-button__icon">
877
877
  <svg
878
878
  class="pf-v6-svg"
879
- viewBox="0 0 352 512"
879
+ viewBox="0 0 20 20"
880
880
  fill="currentColor"
881
881
  aria-hidden="true"
882
882
  role="img"
@@ -884,7 +884,7 @@ For sighted users, interactive elements can be included in this message in one o
884
884
  height="1em"
885
885
  >
886
886
  <path
887
- 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"
887
+ 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"
888
888
  />
889
889
  </svg>
890
890
  </span>
@@ -906,12 +906,12 @@ For sighted users, interactive elements can be included in this message in one o
906
906
  <button
907
907
  class="pf-v6-c-button pf-m-plain"
908
908
  type="button"
909
- aria-label="Close success alert: Success alert title"
909
+ aria-label="Close danger alert: Danger alert title"
910
910
  >
911
911
  <span class="pf-v6-c-button__icon">
912
912
  <svg
913
913
  class="pf-v6-svg"
914
- viewBox="0 0 352 512"
914
+ viewBox="0 0 20 20"
915
915
  fill="currentColor"
916
916
  aria-hidden="true"
917
917
  role="img"
@@ -919,7 +919,7 @@ For sighted users, interactive elements can be included in this message in one o
919
919
  height="1em"
920
920
  >
921
921
  <path
922
- 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"
922
+ 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"
923
923
  />
924
924
  </svg>
925
925
  </span>
@@ -947,12 +947,12 @@ For sighted users, interactive elements can be included in this message in one o
947
947
  <button
948
948
  class="pf-v6-c-button pf-m-plain"
949
949
  type="button"
950
- aria-label="Close success alert: Success alert title"
950
+ aria-label="Close info alert: Info alert title"
951
951
  >
952
952
  <span class="pf-v6-c-button__icon">
953
953
  <svg
954
954
  class="pf-v6-svg"
955
- viewBox="0 0 352 512"
955
+ viewBox="0 0 20 20"
956
956
  fill="currentColor"
957
957
  aria-hidden="true"
958
958
  role="img"
@@ -960,7 +960,7 @@ For sighted users, interactive elements can be included in this message in one o
960
960
  height="1em"
961
961
  >
962
962
  <path
963
- 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"
963
+ 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"
964
964
  />
965
965
  </svg>
966
966
  </span>