@patternfly/patternfly 5.0.0-alpha.72 → 5.0.0-alpha.73

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 (10) hide show
  1. package/docs/demos/Card/examples/Card.md +24 -18
  2. package/docs/layouts/Flex/examples/Flex.md +3 -0
  3. package/layouts/Flex/flex.css +1 -0
  4. package/layouts/Flex/flex.scss +1 -0
  5. package/package.json +1 -1
  6. package/patternfly-no-globals.css +1 -0
  7. package/patternfly-theme-dark-unversioned.css +1 -0
  8. package/patternfly.css +1 -0
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/docs/demos/Card/examples/Card.md CHANGED
@@ -496,7 +496,7 @@ wrapperTag: div
496
496
 
497
497
  ```
498
498
 
499
- ### Aggregiate status card
499
+ ### Aggregate status card
500
500
 
501
501
  ```html
502
502
  <div class="pf-v5-l-grid pf-m-gutter">
@@ -544,7 +544,7 @@ wrapperTag: div
544
544
  <h2 class="pf-v5-c-card__title-text">10 Hosts</h2>
545
545
  </div>
546
546
  <div class="pf-v5-c-card__body">
547
- <div class="pf-v5-l-flex pf-m-inline-flex">
547
+ <div class="pf-v5-l-flex pf-m-inline-flex pf-m-space-items-md">
548
548
  <div class="pf-v5-l-flex pf-m-space-items-sm">
549
549
  <div class="pf-v5-l-flex__item">
550
550
  <i
@@ -576,7 +576,7 @@ wrapperTag: div
576
576
  <h2 class="pf-v5-c-card__title-text">50 Hosts</h2>
577
577
  </div>
578
578
  <div class="pf-v5-c-card__body">
579
- <div class="pf-v5-l-flex pf-m-inline-flex">
579
+ <div class="pf-v5-l-flex pf-m-inline-flex pf-m-space-items-md">
580
580
  <div class="pf-v5-l-flex pf-m-space-items-sm">
581
581
  <div class="pf-v5-l-flex__item">
582
582
  <i
@@ -608,7 +608,7 @@ wrapperTag: div
608
608
  <h2 class="pf-v5-c-card__title-text">12 Hosts</h2>
609
609
  </div>
610
610
  <div class="pf-v5-c-card__body">
611
- <div class="pf-v5-l-flex pf-m-inline-flex">
611
+ <div class="pf-v5-l-flex pf-m-inline-flex pf-m-space-items-md">
612
612
  <div class="pf-v5-l-flex pf-m-space-items-sm">
613
613
  <div class="pf-v5-l-flex__item">
614
614
  <i
@@ -649,8 +649,10 @@ wrapperTag: div
649
649
  >13 Hosts</h2>
650
650
  </div>
651
651
  <div class="pf-v5-c-card__body">
652
- <div class="pf-v5-l-flex pf-m-justify-content-space-around">
653
- <div class="pf-v5-l-flex">
652
+ <div
653
+ class="pf-v5-l-flex pf-m-justify-content-center pf-m-space-items-md"
654
+ >
655
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
654
656
  <div class="pf-v5-l-flex__item">
655
657
  <i
656
658
  class="fas fa-times-circle pf-v5-u-danger-color-100"
@@ -662,7 +664,7 @@ wrapperTag: div
662
664
  <span>subtitle</span>
663
665
  </div>
664
666
  </div>
665
- <div class="pf-v5-l-flex pf-m-justify-content-space-around">
667
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
666
668
  <div class="pf-v5-l-flex__item">
667
669
  <i
668
670
  class="fas fa-exclamation-triangle pf-v5-u-warning-color-100"
@@ -682,8 +684,10 @@ wrapperTag: div
682
684
  <h2 class="pf-v5-c-card__title-text">3 Hosts</h2>
683
685
  </div>
684
686
  <div class="pf-v5-c-card__body">
685
- <div class="pf-v5-l-flex pf-m-justify-content-space-around">
686
- <div class="pf-v5-l-flex">
687
+ <div
688
+ class="pf-v5-l-flex pf-m-justify-content-center pf-m-space-items-md"
689
+ >
690
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
687
691
  <div class="pf-v5-l-flex__item">
688
692
  <i
689
693
  class="fas fa-check-circle pf-v5-u-success-color-100"
@@ -695,7 +699,7 @@ wrapperTag: div
695
699
  <span>subtitle</span>
696
700
  </div>
697
701
  </div>
698
- <div class="pf-v5-l-flex pf-m-justify-content-space-around">
702
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
699
703
  <div class="pf-v5-l-flex__item">
700
704
  <i
701
705
  class="fas fa-exclamation-triangle pf-v5-u-warning-color-100"
@@ -715,8 +719,10 @@ wrapperTag: div
715
719
  <h2 class="pf-v5-c-card__title-text">50 Hosts</h2>
716
720
  </div>
717
721
  <div class="pf-v5-c-card__body">
718
- <div class="pf-v5-l-flex pf-m-justify-content-space-around">
719
- <div class="pf-v5-l-flex">
722
+ <div
723
+ class="pf-v5-l-flex pf-m-justify-content-center pf-m-space-items-md"
724
+ >
725
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
720
726
  <div class="pf-v5-l-flex__item">
721
727
  <i
722
728
  class="fas fa-exclamation-triangle pf-v5-u-warning-color-100"
@@ -728,7 +734,7 @@ wrapperTag: div
728
734
  <span>subtitle</span>
729
735
  </div>
730
736
  </div>
731
- <div class="pf-v5-l-flex pf-m-justify-content-space-around">
737
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
732
738
  <div class="pf-v5-l-flex__item">
733
739
  <i
734
740
  class="fas fa-times-circle pf-v5-u-danger-color-100"
@@ -1991,7 +1997,7 @@ wrapperTag: div
1991
1997
  <div class="pf-v5-c-card__body">
1992
1998
  <div class="pf-v5-l-flex pf-m-column">
1993
1999
  <span>System</span>
1994
- <div class="pf-v5-l-flex">
2000
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
1995
2001
  <i
1996
2002
  class="fas fa-exclamation-circle pf-v5-u-danger-color-100"
1997
2003
  aria-hidden="true"
@@ -3075,7 +3081,7 @@ wrapperTag: div
3075
3081
  <dl class="pf-v5-c-description-list">
3076
3082
  <div class="pf-v5-c-description-list__group">
3077
3083
  <dt class="pf-v5-c-description-list__term">
3078
- <div class="pf-v5-l-flex pf-m-nowrap">
3084
+ <div class="pf-v5-l-flex pf-m-nowrap pf-m-space-items-sm">
3079
3085
  <div class="pf-v5-l-flex__item">
3080
3086
  <i
3081
3087
  class="fas fa-exclamation-circle pf-v5-u-danger-color-100"
@@ -3100,7 +3106,7 @@ wrapperTag: div
3100
3106
  </div>
3101
3107
  <div class="pf-v5-c-description-list__group">
3102
3108
  <dt class="pf-v5-c-description-list__term">
3103
- <div class="pf-v5-l-flex pf-m-nowrap">
3109
+ <div class="pf-v5-l-flex pf-m-nowrap pf-m-space-items-sm">
3104
3110
  <div class="pf-v5-l-flex__item">
3105
3111
  <i
3106
3112
  class="fas fa-check-circle pf-v5-u-success-color-100"
@@ -3125,7 +3131,7 @@ wrapperTag: div
3125
3131
  </div>
3126
3132
  <div class="pf-v5-c-description-list__group">
3127
3133
  <dt class="pf-v5-c-description-list__term">
3128
- <div class="pf-v5-l-flex pf-m-nowrap">
3134
+ <div class="pf-v5-l-flex pf-m-nowrap pf-m-space-items-sm">
3129
3135
  <div class="pf-v5-l-flex__item">
3130
3136
  <svg
3131
3137
  class="pf-v5-c-spinner pf-m-md"
@@ -3160,7 +3166,7 @@ wrapperTag: div
3160
3166
  </div>
3161
3167
  <div class="pf-v5-c-description-list__group">
3162
3168
  <dt class="pf-v5-c-description-list__term">
3163
- <div class="pf-v5-l-flex pf-m-nowrap">
3169
+ <div class="pf-v5-l-flex pf-m-nowrap pf-m-space-items-sm">
3164
3170
  <div class="pf-v5-l-flex__item">
3165
3171
  <i
3166
3172
  class="fas fa-check-circle pf-v5-u-success-color-100"
package/docs/layouts/Flex/examples/Flex.md CHANGED
@@ -402,6 +402,9 @@ Adjusting width with `.pf-m-flex-1`. In this example, all groups are set to `.pf
402
402
  </div>
403
403
  <div class="pf-v5-l-flex">
404
404
  <div class="pf-v5-l-flex__item">Flex item</div>
405
+ <div class="pf-v5-l-flex__item">Flex item</div>
406
+ <div class="pf-v5-l-flex__item">Flex item</div>
407
+ <div class="pf-v5-l-flex__item">Flex item</div>
405
408
  </div>
406
409
  </div>
407
410
  <br />
package/layouts/Flex/flex.css CHANGED
@@ -29,6 +29,7 @@
29
29
  }
30
30
 
31
31
  .pf-v5-l-flex > * {
32
+ --pf-v5-l-flex--spacer: initial;
32
33
  --pf-v5-l-flex--spacer--column: var(--pf-v5-l-flex--spacer, var(--pf-v5-l-flex--spacer--column--base));
33
34
  --pf-v5-l-flex--spacer--row: var(--pf-v5-l-flex--spacer, var(--pf-v5-l-flex--spacer--row--base));
34
35
  order: var(--pf-v5-l-flex--item--Order);
package/layouts/Flex/flex.scss CHANGED
@@ -34,6 +34,7 @@ $pf-v5-l-flex--variable-map: build-variable-map("#{$pf-prefix}l-flex--spacer", $
34
34
  // Item
35
35
  .#{$flex} > * {
36
36
  // set/reset layout spacers on children, since the parent flex layout can be a child of another flex layout and needs these values from its parent
37
+ --#{$flex}--spacer: initial;
37
38
  --#{$flex}--spacer--column: var(--#{$flex}--spacer, var(--#{$flex}--spacer--column--base));
38
39
  --#{$flex}--spacer--row: var(--#{$flex}--spacer, var(--#{$flex}--spacer--row--base));
39
40
 
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": "5.0.0-alpha.72",
4
+ "version": "5.0.0-alpha.73",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -31048,6 +31048,7 @@ label.pf-v5-c-tree-view__node-text {
31048
31048
  }
31049
31049
 
31050
31050
  .pf-v5-l-flex > * {
31051
+ --pf-v5-l-flex--spacer: initial;
31051
31052
  --pf-v5-l-flex--spacer--column: var(--pf-v5-l-flex--spacer, var(--pf-v5-l-flex--spacer--column--base));
31052
31053
  --pf-v5-l-flex--spacer--row: var(--pf-v5-l-flex--spacer, var(--pf-v5-l-flex--spacer--row--base));
31053
31054
  order: var(--pf-v5-l-flex--item--Order);
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -31165,6 +31165,7 @@ label.pf-v5-c-tree-view__node-text {
31165
31165
  }
31166
31166
 
31167
31167
  .pf-v5-l-flex > * {
31168
+ --pf-v5-l-flex--spacer: initial;
31168
31169
  --pf-v5-l-flex--spacer--column: var(--pf-v5-l-flex--spacer, var(--pf-v5-l-flex--spacer--column--base));
31169
31170
  --pf-v5-l-flex--spacer--row: var(--pf-v5-l-flex--spacer, var(--pf-v5-l-flex--spacer--row--base));
31170
31171
  order: var(--pf-v5-l-flex--item--Order);
package/patternfly.css CHANGED
@@ -31165,6 +31165,7 @@ label.pf-v5-c-tree-view__node-text {
31165
31165
  }
31166
31166
 
31167
31167
  .pf-v5-l-flex > * {
31168
+ --pf-v5-l-flex--spacer: initial;
31168
31169
  --pf-v5-l-flex--spacer--column: var(--pf-v5-l-flex--spacer, var(--pf-v5-l-flex--spacer--column--base));
31169
31170
  --pf-v5-l-flex--spacer--row: var(--pf-v5-l-flex--spacer, var(--pf-v5-l-flex--spacer--row--base));
31170
31171
  order: var(--pf-v5-l-flex--item--Order);