@patternfly/patternfly 6.2.0-prerelease.16 → 6.2.0-prerelease.17

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 (12) hide show
  1. package/components/Toolbar/toolbar.css +6 -1
  2. package/components/Toolbar/toolbar.scss +7 -1
  3. package/components/_index.css +6 -1
  4. package/docs/components/TextInputGroup/examples/TextInputGroup.md +10 -0
  5. package/docs/components/Toolbar/examples/Toolbar.css +3 -0
  6. package/docs/components/Toolbar/examples/Toolbar.md +28 -0
  7. package/docs/demos/Card/examples/Card.md +32 -24
  8. package/package.json +1 -1
  9. package/patternfly-no-globals.css +6 -1
  10. package/patternfly.css +6 -1
  11. package/patternfly.min.css +1 -1
  12. package/patternfly.min.css.map +1 -1
package/components/Toolbar/toolbar.css CHANGED
@@ -217,13 +217,18 @@
217
217
  }
218
218
  .pf-v6-c-toolbar.pf-m-full-height {
219
219
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
220
- --pf-v6-c-toolbar--PaddinkBlockEnd: 0;
220
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
221
221
  }
222
222
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
223
223
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
224
224
  align-items: stretch;
225
225
  align-self: stretch;
226
226
  }
227
+ .pf-v6-c-toolbar.pf-m-no-padding {
228
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
229
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: 0;
230
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: 0;
231
+ }
227
232
  .pf-v6-c-toolbar.pf-m-primary {
228
233
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
229
234
  }
package/components/Toolbar/toolbar.scss CHANGED
@@ -160,7 +160,7 @@ $pf-v6--include-toolbar-breakpoints: true !default;
160
160
  // - Toolbar full height
161
161
  &.pf-m-full-height {
162
162
  --#{$toolbar}--PaddingBlockStart: 0;
163
- --#{$toolbar}--PaddinkBlockEnd: 0;
163
+ --#{$toolbar}--PaddingBlockEnd: 0;
164
164
 
165
165
  .#{$toolbar}__group,
166
166
  .#{$toolbar}__item {
@@ -169,6 +169,12 @@ $pf-v6--include-toolbar-breakpoints: true !default;
169
169
  }
170
170
  }
171
171
 
172
+ &.pf-m-no-padding {
173
+ --#{$toolbar}--PaddingBlockEnd: 0;
174
+ --#{$toolbar}--m-sticky--PaddingBlockStart: 0;
175
+ --#{$toolbar}--m-sticky--PaddingBlockEnd: 0;
176
+ }
177
+
172
178
  // - Toolbar background modifiers
173
179
  &.pf-m-primary {
174
180
  --#{$toolbar}--BackgroundColor: var(--#{$toolbar}--m-primary--BackgroundColor);
package/components/_index.css CHANGED
@@ -19766,13 +19766,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19766
19766
  }
19767
19767
  .pf-v6-c-toolbar.pf-m-full-height {
19768
19768
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
19769
- --pf-v6-c-toolbar--PaddinkBlockEnd: 0;
19769
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19770
19770
  }
19771
19771
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
19772
19772
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
19773
19773
  align-items: stretch;
19774
19774
  align-self: stretch;
19775
19775
  }
19776
+ .pf-v6-c-toolbar.pf-m-no-padding {
19777
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19778
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: 0;
19779
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: 0;
19780
+ }
19776
19781
  .pf-v6-c-toolbar.pf-m-primary {
19777
19782
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
19778
19783
  }
package/docs/components/TextInputGroup/examples/TextInputGroup.md CHANGED
@@ -1461,8 +1461,18 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
1461
1461
 
1462
1462
  | Class | Applied to | Outcome |
1463
1463
  | -- | -- | -- |
1464
+ | `.pf-v6-c-text-input-group` | `<div>` | Creates a text input group. *Required* |
1465
+ | `.pf-v6-c-text-input-group__main` | `<div>` | Creates a wrapper for the main content. *Required* |
1466
+ | `.pf-v6-c-text-input-group__text` | `<span>` | Creates the text container. *Required*|
1467
+ | `.pf-v6-c-text-input-group__icon` | `<span>` | Creates a container for an icon. |
1468
+ | `.pf-v6-c-text-input-group__text-input` | `<input>` | Creates a text input. *Required* |
1469
+ | `.pf-v6-c-text-input-group__utilities` | `<div>` | Creates text input utilities container. |
1470
+ | `.pf-v6-c-text-input-group__group` | `<div>` | Creates text input prev/next nav group. |
1471
+ | `.pf-m-plain` | `.pf-v6-c-text-input-group` | Applies plain styling. Only use this variant when the text input group is contained in an ancestor with its own border or background styling. |
1472
+ | `.pf-m-disabled` | `.pf-v6-c-text-input-group` | Applies disabled styling. The `<input>` should also be `disabled`. |
1464
1473
  | `.pf-m-success` | `.pf-v6-c-text-input-group` | Applies success validation styling. |
1465
1474
  | `.pf-m-warning` | `.pf-v6-c-text-input-group` | Applies warning validation styling. |
1466
1475
  | `.pf-m-error` | `.pf-v6-c-text-input-group` | Applies error validation styling. |
1467
1476
  | `.pf-m-icon` | `.pf-v6-c-text-input-group__main` | Applies styling when icons are included in the container. |
1468
1477
  | `.pf-m-status` | `.pf-v6-c-text-input-group__icon` | Applies status styling to the icon, matching the status modifier applied to `.pf-v6-c-text-input-group`. |
1478
+ | `.pf-m-hint` | `.pf-v6-c-text-input-group__text-input` | Applies styling when hints are included in the container. |
package/docs/components/Toolbar/examples/Toolbar.css CHANGED
@@ -28,6 +28,7 @@
28
28
  #ws-core-c-toolbar-adjusted-group-column-gap .pf-v6-c-toolbar__group,
29
29
  #ws-core-e-toolbar-simple .pf-v6-c-toolbar,
30
30
  #ws-core-e-toolbar-simple .pf-v6-c-toolbar__group,
31
+ #ws-core-c-toolbar-no-padding .pf-v6-c-toolbar,
31
32
  #ws-core-e-toolbar-adjusted-spacers .pf-v6-c-toolbar,
32
33
  #ws-core-e-toolbar-adjusted-group-spacers .pf-v6-c-toolbar,
33
34
  #ws-core-c-toolbar-simple .pf-v6-c-toolbar,
@@ -50,6 +51,7 @@
50
51
  #ws-core-e-toolbar-adjusted-spacers .pf-v6-c-toolbar__item,
51
52
  #ws-core-e-toolbar-adjusted-group-spacers .pf-v6-c-toolbar__item,
52
53
  #ws-core-c-toolbar-simple .pf-v6-c-toolbar__item,
54
+ #ws-core-c-toolbar-no-padding .pf-v6-c-toolbar__item,
53
55
  #ws-core-c-toolbar-adjusted-spacers .pf-v6-c-toolbar__item,
54
56
  #ws-core-c-toolbar-adjusted-group-spacers .pf-v6-c-toolbar__item,
55
57
  #ws-core-c-toolbar-insets .pf-v6-c-toolbar__item,
@@ -64,6 +66,7 @@
64
66
  #ws-core-e-toolbar-adjusted-spacers .pf-v6-c-toolbar__item,
65
67
  #ws-core-e-toolbar-adjusted-group-spacers .pf-v6-c-toolbar__item,
66
68
  #ws-core-c-toolbar-simple .pf-v6-c-toolbar__item,
69
+ #ws-core-c-toolbar-no-padding .pf-v6-c-toolbar__item,
67
70
  #ws-core-c-toolbar-adjusted-spacers .pf-v6-c-toolbar__item,
68
71
  #ws-core-c-toolbar-adjusted-group-spacers .pf-v6-c-toolbar__item,
69
72
  #ws-core-c-toolbar-insets .pf-v6-c-toolbar__item,
package/docs/components/Toolbar/examples/Toolbar.md CHANGED
@@ -75,6 +75,33 @@ Several components in the following examples do not include functional and/or ac
75
75
  | `.pf-v6-c-toolbar__item` | `<div>` | Initiates the toolbar component item. **Required** |
76
76
  | `.pf-v6-c-toolbar__group` | `<div>` | Initiates the toolbar component group. |
77
77
 
78
+ ### No padding
79
+
80
+ ```html
81
+ <div class="pf-v6-c-toolbar pf-m-no-padding" id="toolbar-simple-example">
82
+ <div class="pf-v6-c-toolbar__content">
83
+ <div class="pf-v6-c-toolbar__content-section">
84
+ <div class="pf-v6-c-toolbar__item">Item</div>
85
+ <div class="pf-v6-c-toolbar__item">Item</div>
86
+ <div class="pf-v6-c-toolbar__item">Item</div>
87
+ <hr class="pf-v6-c-divider pf-m-vertical" />
88
+
89
+ <div class="pf-v6-c-toolbar__group">
90
+ <div class="pf-v6-c-toolbar__item">Item</div>
91
+ <div class="pf-v6-c-toolbar__item">Item</div>
92
+ <div class="pf-v6-c-toolbar__item">Item</div>
93
+ </div>
94
+
95
+ <hr class="pf-v6-c-divider pf-m-vertical" />
96
+ <div class="pf-v6-c-toolbar__item">Item</div>
97
+ <div class="pf-v6-c-toolbar__item">Item</div>
98
+ <div class="pf-v6-c-toolbar__item">Item</div>
99
+ </div>
100
+ </div>
101
+ </div>
102
+
103
+ ```
104
+
78
105
  ### Adjusted group column gap
79
106
 
80
107
  ```html
@@ -2607,6 +2634,7 @@ As the toolbar component is a hybrid layout and component, some of its elements
2607
2634
  | `.pf-m-static` | `.pf-v6-c-toolbar` | Modifies expandable content section to position itself to the nearest absolutely positioned parent outside of the toolbar component. This is used primarily for masthead toolbar. |
2608
2635
  | `.pf-m-primary` | `.pf-v6-c-toolbar` | Modifies toolbar to have primary background color. |
2609
2636
  | `.pf-m-secondary` | `.pf-v6-c-toolbar` | Modifies toolbar to have secondary background color. |
2637
+ | `.pf-m-no-padding` | `.pf-v6-c-toolbar` | Modifies toolbar to have no padding. |
2610
2638
  | `.pf-m-no-background` | `.pf-v6-c-toolbar` | Modifies toolbar to have no background color. |
2611
2639
  | `.pf-m-expanded` | `.pf-v6-c-toolbar__expandable-content` | Modifies expandable content section for the expanded state. |
2612
2640
  | `.pf-m-expanded` | `.pf-v6-c-toolbar__item.pf-m-expand-all` | Modifies an expand all button for the expanded state. |
package/docs/demos/Card/examples/Card.md CHANGED
@@ -444,7 +444,7 @@ wrapperTag: div
444
444
  <h2 class="pf-v6-c-card__title-text">5 Clusters</h2>
445
445
  </div>
446
446
  <div class="pf-v6-c-card__body">
447
- <span class="pf-v6-c-icon">
447
+ <span class="pf-v6-c-icon pf-m-inline">
448
448
  <span class="pf-v6-c-icon__content pf-m-success">
449
449
  <i class="fas fa-check-circle" aria-hidden="true"></i>
450
450
  </span>
@@ -456,7 +456,7 @@ wrapperTag: div
456
456
  <h2 class="pf-v6-c-card__title-text">15 Clusters</h2>
457
457
  </div>
458
458
  <div class="pf-v6-c-card__body">
459
- <span class="pf-v6-c-icon">
459
+ <span class="pf-v6-c-icon pf-m-inline">
460
460
  <span class="pf-v6-c-icon__content pf-m-warning">
461
461
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
462
462
  </span>
@@ -468,7 +468,7 @@ wrapperTag: div
468
468
  <h2 class="pf-v6-c-card__title-text">3 Clusters</h2>
469
469
  </div>
470
470
  <div class="pf-v6-c-card__body">
471
- <span class="pf-v6-c-icon">
471
+ <span class="pf-v6-c-icon pf-m-inline">
472
472
  <span class="pf-v6-c-icon__content pf-m-danger">
473
473
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
474
474
  </span>
@@ -487,7 +487,7 @@ wrapperTag: div
487
487
  <div class="pf-v6-l-flex pf-m-inline-flex pf-m-space-items-md">
488
488
  <div class="pf-v6-l-flex pf-m-space-items-sm">
489
489
  <div class="pf-v6-l-flex__item">
490
- <span class="pf-v6-c-icon">
490
+ <span class="pf-v6-c-icon pf-m-inline">
491
491
  <span class="pf-v6-c-icon__content pf-m-success">
492
492
  <i class="fas fa-check-circle" aria-hidden="true"></i>
493
493
  </span>
@@ -500,7 +500,7 @@ wrapperTag: div
500
500
  <hr class="pf-v6-c-divider pf-m-vertical" />
501
501
  <div class="pf-v6-l-flex pf-m-space-items-sm">
502
502
  <div class="pf-v6-l-flex__item">
503
- <span class="pf-v6-c-icon">
503
+ <span class="pf-v6-c-icon pf-m-inline">
504
504
  <span class="pf-v6-c-icon__content pf-m-warning">
505
505
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
506
506
  </span>
@@ -521,7 +521,7 @@ wrapperTag: div
521
521
  <div class="pf-v6-l-flex pf-m-inline-flex pf-m-space-items-md">
522
522
  <div class="pf-v6-l-flex pf-m-space-items-sm">
523
523
  <div class="pf-v6-l-flex__item">
524
- <span class="pf-v6-c-icon">
524
+ <span class="pf-v6-c-icon pf-m-inline">
525
525
  <span class="pf-v6-c-icon__content pf-m-success">
526
526
  <i class="fas fa-check-circle" aria-hidden="true"></i>
527
527
  </span>
@@ -534,7 +534,7 @@ wrapperTag: div
534
534
  <hr class="pf-v6-c-divider pf-m-vertical" />
535
535
  <div class="pf-v6-l-flex pf-m-space-items-sm">
536
536
  <div class="pf-v6-l-flex__item">
537
- <span class="pf-v6-c-icon">
537
+ <span class="pf-v6-c-icon pf-m-inline">
538
538
  <span class="pf-v6-c-icon__content pf-m-danger">
539
539
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
540
540
  </span>
@@ -555,7 +555,7 @@ wrapperTag: div
555
555
  <div class="pf-v6-l-flex pf-m-inline-flex pf-m-space-items-md">
556
556
  <div class="pf-v6-l-flex pf-m-space-items-sm">
557
557
  <div class="pf-v6-l-flex__item">
558
- <span class="pf-v6-c-icon">
558
+ <span class="pf-v6-c-icon pf-m-inline">
559
559
  <span class="pf-v6-c-icon__content pf-m-warning">
560
560
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
561
561
  </span>
@@ -568,7 +568,7 @@ wrapperTag: div
568
568
  <hr class="pf-v6-c-divider pf-m-vertical" />
569
569
  <div class="pf-v6-l-flex pf-m-space-items-sm">
570
570
  <div class="pf-v6-l-flex__item">
571
- <span class="pf-v6-c-icon">
571
+ <span class="pf-v6-c-icon pf-m-inline">
572
572
  <span class="pf-v6-c-icon__content pf-m-danger">
573
573
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
574
574
  </span>
@@ -600,7 +600,7 @@ wrapperTag: div
600
600
  >
601
601
  <div class="pf-v6-l-flex pf-m-space-items-sm">
602
602
  <div class="pf-v6-l-flex__item">
603
- <span class="pf-v6-c-icon">
603
+ <span class="pf-v6-c-icon pf-m-inline">
604
604
  <span class="pf-v6-c-icon__content pf-m-danger">
605
605
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
606
606
  </span>
@@ -613,7 +613,7 @@ wrapperTag: div
613
613
  </div>
614
614
  <div class="pf-v6-l-flex pf-m-space-items-sm">
615
615
  <div class="pf-v6-l-flex__item">
616
- <span class="pf-v6-c-icon">
616
+ <span class="pf-v6-c-icon pf-m-inline">
617
617
  <span class="pf-v6-c-icon__content pf-m-warning">
618
618
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
619
619
  </span>
@@ -637,7 +637,7 @@ wrapperTag: div
637
637
  >
638
638
  <div class="pf-v6-l-flex pf-m-space-items-sm">
639
639
  <div class="pf-v6-l-flex__item">
640
- <span class="pf-v6-c-icon">
640
+ <span class="pf-v6-c-icon pf-m-inline">
641
641
  <span class="pf-v6-c-icon__content pf-m-success">
642
642
  <i class="fas fa-check-circle" aria-hidden="true"></i>
643
643
  </span>
@@ -650,7 +650,7 @@ wrapperTag: div
650
650
  </div>
651
651
  <div class="pf-v6-l-flex pf-m-space-items-sm">
652
652
  <div class="pf-v6-l-flex__item">
653
- <span class="pf-v6-c-icon">
653
+ <span class="pf-v6-c-icon pf-m-inline">
654
654
  <span class="pf-v6-c-icon__content pf-m-warning">
655
655
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
656
656
  </span>
@@ -674,7 +674,7 @@ wrapperTag: div
674
674
  >
675
675
  <div class="pf-v6-l-flex pf-m-space-items-sm">
676
676
  <div class="pf-v6-l-flex__item">
677
- <span class="pf-v6-c-icon">
677
+ <span class="pf-v6-c-icon pf-m-inline">
678
678
  <span class="pf-v6-c-icon__content pf-m-warning">
679
679
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
680
680
  </span>
@@ -687,7 +687,7 @@ wrapperTag: div
687
687
  </div>
688
688
  <div class="pf-v6-l-flex pf-m-space-items-sm">
689
689
  <div class="pf-v6-l-flex__item">
690
- <span class="pf-v6-c-icon">
690
+ <span class="pf-v6-c-icon pf-m-inline">
691
691
  <span class="pf-v6-c-icon__content pf-m-danger">
692
692
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
693
693
  </span>
@@ -767,7 +767,7 @@ wrapperTag: div
767
767
  <div class="pf-v6-l-grid">
768
768
  <div class="pf-v6-l-grid__item pf-m-3-col">
769
769
  <svg
770
- class="pf-v6-c-spinner pf-m-md"
770
+ class="pf-v6-c-spinner pf-m-inline"
771
771
  role="progressbar"
772
772
  viewBox="0 0 100 100"
773
773
  aria-label="Loading"
@@ -801,7 +801,11 @@ wrapperTag: div
801
801
  <span class="pf-v6-c-description-list__text">
802
802
  <div class="pf-v6-l-flex">
803
803
  <div class="pf-v6-l-flex__item">
804
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
804
+ <span class="pf-v6-c-icon pf-m-inline">
805
+ <span class="pf-v6-c-icon__content pf-m-success">
806
+ <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
807
+ </span>
808
+ </span>
805
809
  </div>
806
810
  <div class="pf-v6-l-flex__item">
807
811
  <h3 class="pf-v6-c-title pf-m-md">Ready</h3>
@@ -824,7 +828,7 @@ wrapperTag: div
824
828
  <div class="pf-v6-l-grid">
825
829
  <div class="pf-v6-l-grid__item pf-m-3-col">
826
830
  <svg
827
- class="pf-v6-c-spinner pf-m-md"
831
+ class="pf-v6-c-spinner pf-m-inline"
828
832
  role="progressbar"
829
833
  viewBox="0 0 100 100"
830
834
  aria-label="Loading"
@@ -858,7 +862,11 @@ wrapperTag: div
858
862
  <span class="pf-v6-c-description-list__text">
859
863
  <div class="pf-v6-l-flex">
860
864
  <div class="pf-v6-l-flex__item">
861
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
865
+ <span class="pf-v6-c-icon pf-m-inline">
866
+ <span class="pf-v6-c-icon__content pf-m-success">
867
+ <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
868
+ </span>
869
+ </span>
862
870
  </div>
863
871
  <div class="pf-v6-l-flex__item">
864
872
  <h3 class="pf-v6-c-title pf-m-md">Ready</h3>
@@ -1935,7 +1943,7 @@ wrapperTag: div
1935
1943
  <div class="pf-v6-l-flex pf-m-column">
1936
1944
  <span>System</span>
1937
1945
  <div class="pf-v6-l-flex pf-m-space-items-sm">
1938
- <span class="pf-v6-c-icon">
1946
+ <span class="pf-v6-c-icon pf-m-inline">
1939
1947
  <span class="pf-v6-c-icon__content pf-m-danger">
1940
1948
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1941
1949
  </span>
@@ -2907,7 +2915,7 @@ wrapperTag: div
2907
2915
  <dt class="pf-v6-c-description-list__term">
2908
2916
  <div class="pf-v6-l-flex pf-m-nowrap pf-m-space-items-sm">
2909
2917
  <div class="pf-v6-l-flex__item">
2910
- <span class="pf-v6-c-icon">
2918
+ <span class="pf-v6-c-icon pf-m-inline">
2911
2919
  <span class="pf-v6-c-icon__content pf-m-danger">
2912
2920
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
2913
2921
  </span>
@@ -2936,7 +2944,7 @@ wrapperTag: div
2936
2944
  <dt class="pf-v6-c-description-list__term">
2937
2945
  <div class="pf-v6-l-flex pf-m-nowrap pf-m-space-items-sm">
2938
2946
  <div class="pf-v6-l-flex__item">
2939
- <span class="pf-v6-c-icon">
2947
+ <span class="pf-v6-c-icon pf-m-inline">
2940
2948
  <span class="pf-v6-c-icon__content pf-m-success">
2941
2949
  <i class="fas fa-check-circle" aria-hidden="true"></i>
2942
2950
  </span>
@@ -2966,7 +2974,7 @@ wrapperTag: div
2966
2974
  <div class="pf-v6-l-flex pf-m-nowrap pf-m-space-items-sm">
2967
2975
  <div class="pf-v6-l-flex__item">
2968
2976
  <svg
2969
- class="pf-v6-c-spinner pf-m-md"
2977
+ class="pf-v6-c-spinner pf-m-inline"
2970
2978
  role="progressbar"
2971
2979
  viewBox="0 0 100 100"
2972
2980
  aria-label="Loading"
@@ -3003,7 +3011,7 @@ wrapperTag: div
3003
3011
  <dt class="pf-v6-c-description-list__term">
3004
3012
  <div class="pf-v6-l-flex pf-m-nowrap pf-m-space-items-sm">
3005
3013
  <div class="pf-v6-l-flex__item">
3006
- <span class="pf-v6-c-icon">
3014
+ <span class="pf-v6-c-icon pf-m-inline">
3007
3015
  <span class="pf-v6-c-icon__content pf-m-success">
3008
3016
  <i class="fas fa-check-circle" aria-hidden="true"></i>
3009
3017
  </span>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.2.0-prerelease.16",
4
+ "version": "6.2.0-prerelease.17",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -27228,13 +27228,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27228
27228
  }
27229
27229
  .pf-v6-c-toolbar.pf-m-full-height {
27230
27230
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
27231
- --pf-v6-c-toolbar--PaddinkBlockEnd: 0;
27231
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
27232
27232
  }
27233
27233
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
27234
27234
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
27235
27235
  align-items: stretch;
27236
27236
  align-self: stretch;
27237
27237
  }
27238
+ .pf-v6-c-toolbar.pf-m-no-padding {
27239
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
27240
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: 0;
27241
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: 0;
27242
+ }
27238
27243
  .pf-v6-c-toolbar.pf-m-primary {
27239
27244
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
27240
27245
  }
package/patternfly.css CHANGED
@@ -27364,13 +27364,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27364
27364
  }
27365
27365
  .pf-v6-c-toolbar.pf-m-full-height {
27366
27366
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
27367
- --pf-v6-c-toolbar--PaddinkBlockEnd: 0;
27367
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
27368
27368
  }
27369
27369
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
27370
27370
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
27371
27371
  align-items: stretch;
27372
27372
  align-self: stretch;
27373
27373
  }
27374
+ .pf-v6-c-toolbar.pf-m-no-padding {
27375
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
27376
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: 0;
27377
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: 0;
27378
+ }
27374
27379
  .pf-v6-c-toolbar.pf-m-primary {
27375
27380
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
27376
27381
  }