@patternfly/patternfly 6.0.0-alpha.113 → 6.0.0-alpha.114

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 (4) hide show
  1. package/docs/demos/Card/examples/Card.md +35 -47
  2. package/docs/demos/Dashboard/examples/Dashboard.md +3 -3
  3. package/docs/demos/DescriptionList/examples/DescriptionList.md +5 -5
  4. package/package.json +1 -1
package/docs/demos/Card/examples/Card.md CHANGED
@@ -546,7 +546,7 @@ wrapperTag: div
546
546
  </div>
547
547
  <div class="pf-v6-c-card__body">
548
548
  <i
549
- class="fas fa-check-circle pf-v6-u-success-color-100"
549
+ class="fas fa-check-circle pf-v6-u-icon-color-status-success"
550
550
  aria-hidden="true"
551
551
  ></i>
552
552
  </div>
@@ -557,7 +557,7 @@ wrapperTag: div
557
557
  </div>
558
558
  <div class="pf-v6-c-card__body">
559
559
  <i
560
- class="fas fa-exclamation-triangle pf-v6-u-warning-color-100"
560
+ class="fas fa-exclamation-triangle pf-v6-u-icon-status-warning"
561
561
  aria-hidden="true"
562
562
  ></i>
563
563
  </div>
@@ -568,7 +568,7 @@ wrapperTag: div
568
568
  </div>
569
569
  <div class="pf-v6-c-card__body">
570
570
  <i
571
- class="fas fa-times-circle pf-v6-u-danger-color-100"
571
+ class="fas fa-times-circle pf-v6-u-icon-color-status-danger"
572
572
  aria-hidden="true"
573
573
  ></i>
574
574
  </div>
@@ -586,7 +586,7 @@ wrapperTag: div
586
586
  <div class="pf-v6-l-flex pf-m-space-items-sm">
587
587
  <div class="pf-v6-l-flex__item">
588
588
  <i
589
- class="fas fa-exclamation-circle pf-v6-u-success-color-100"
589
+ class="fas fa-exclamation-circle pf-v6-u-icon-color-status-success"
590
590
  aria-hidden="true"
591
591
  ></i>
592
592
  </div>
@@ -598,7 +598,7 @@ wrapperTag: div
598
598
  <div class="pf-v6-l-flex pf-m-space-items-sm">
599
599
  <div class="pf-v6-l-flex__item">
600
600
  <i
601
- class="fas fa-exclamation-triangle pf-v6-u-warning-color-100"
601
+ class="fas fa-exclamation-triangle pf-v6-u-icon-color-status-warning"
602
602
  aria-hidden="true"
603
603
  ></i>
604
604
  </div>
@@ -618,7 +618,7 @@ wrapperTag: div
618
618
  <div class="pf-v6-l-flex pf-m-space-items-sm">
619
619
  <div class="pf-v6-l-flex__item">
620
620
  <i
621
- class="fas fa-check-circle pf-v6-u-success-color-100"
621
+ class="fas fa-check-circle pf-v6-u-icon-color-status-success"
622
622
  aria-hidden="true"
623
623
  ></i>
624
624
  </div>
@@ -630,7 +630,7 @@ wrapperTag: div
630
630
  <div class="pf-v6-l-flex pf-m-space-items-sm">
631
631
  <div class="pf-v6-l-flex__item">
632
632
  <i
633
- class="fas fa-times-circle pf-v6-u-danger-color-100"
633
+ class="fas fa-times-circle pf-v6-u-icon-color-status-danger"
634
634
  aria-hidden="true"
635
635
  ></i>
636
636
  </div>
@@ -650,7 +650,7 @@ wrapperTag: div
650
650
  <div class="pf-v6-l-flex pf-m-space-items-sm">
651
651
  <div class="pf-v6-l-flex__item">
652
652
  <i
653
- class="fas fa-exclamation-triangle pf-v6-u-warning-color-100"
653
+ class="fas fa-exclamation-triangle pf-v6-u-icon-color-status-warning"
654
654
  aria-hidden="true"
655
655
  ></i>
656
656
  </div>
@@ -662,7 +662,7 @@ wrapperTag: div
662
662
  <div class="pf-v6-l-flex pf-m-space-items-sm">
663
663
  <div class="pf-v6-l-flex__item">
664
664
  <i
665
- class="fas fa-times-circle pf-v6-u-danger-color-100"
665
+ class="fas fa-times-circle pf-v6-u-icon-color-status-danger"
666
666
  aria-hidden="true"
667
667
  ></i>
668
668
  </div>
@@ -693,7 +693,7 @@ wrapperTag: div
693
693
  <div class="pf-v6-l-flex pf-m-space-items-sm">
694
694
  <div class="pf-v6-l-flex__item">
695
695
  <i
696
- class="fas fa-times-circle pf-v6-u-danger-color-100"
696
+ class="fas fa-times-circle pf-v6-u-icon-color-status-danger"
697
697
  aria-hidden="true"
698
698
  ></i>
699
699
  </div>
@@ -705,7 +705,7 @@ wrapperTag: div
705
705
  <div class="pf-v6-l-flex pf-m-space-items-sm">
706
706
  <div class="pf-v6-l-flex__item">
707
707
  <i
708
- class="fas fa-exclamation-triangle pf-v6-u-warning-color-100"
708
+ class="fas fa-exclamation-triangle pf-v6-u-icon-color-status-warning"
709
709
  aria-hidden="true"
710
710
  ></i>
711
711
  </div>
@@ -728,7 +728,7 @@ wrapperTag: div
728
728
  <div class="pf-v6-l-flex pf-m-space-items-sm">
729
729
  <div class="pf-v6-l-flex__item">
730
730
  <i
731
- class="fas fa-check-circle pf-v6-u-success-color-100"
731
+ class="fas fa-check-circle pf-v6-u-icon-color-status-success"
732
732
  aria-hidden="true"
733
733
  ></i>
734
734
  </div>
@@ -740,7 +740,7 @@ wrapperTag: div
740
740
  <div class="pf-v6-l-flex pf-m-space-items-sm">
741
741
  <div class="pf-v6-l-flex__item">
742
742
  <i
743
- class="fas fa-exclamation-triangle pf-v6-u-warning-color-100"
743
+ class="fas fa-exclamation-triangle pf-v6-u-icon-color-status-warning"
744
744
  aria-hidden="true"
745
745
  ></i>
746
746
  </div>
@@ -763,7 +763,7 @@ wrapperTag: div
763
763
  <div class="pf-v6-l-flex pf-m-space-items-sm">
764
764
  <div class="pf-v6-l-flex__item">
765
765
  <i
766
- class="fas fa-exclamation-triangle pf-v6-u-warning-color-100"
766
+ class="fas fa-exclamation-triangle pf-v6-u-icon-color-status-warning"
767
767
  aria-hidden="true"
768
768
  ></i>
769
769
  </div>
@@ -775,7 +775,7 @@ wrapperTag: div
775
775
  <div class="pf-v6-l-flex pf-m-space-items-sm">
776
776
  <div class="pf-v6-l-flex__item">
777
777
  <i
778
- class="fas fa-times-circle pf-v6-u-danger-color-100"
778
+ class="fas fa-times-circle pf-v6-u-icon-color-status-danger"
779
779
  aria-hidden="true"
780
780
  ></i>
781
781
  </div>
@@ -1142,9 +1142,7 @@ wrapperTag: div
1142
1142
  <span class="pf-v6-c-notification-drawer__list-item-header-icon">
1143
1143
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1144
1144
  </span>
1145
- <h2
1146
- class="pf-v6-c-notification-drawer__list-item-header-title pf-v6-u-danger-color-200"
1147
- >
1145
+ <h2 class="pf-v6-c-notification-drawer__list-item-header-title">
1148
1146
  <span class="pf-v6-screen-reader">Danger notification:</span>
1149
1147
  Critical alert regarding control plane
1150
1148
  </h2>
@@ -1161,9 +1159,7 @@ wrapperTag: div
1161
1159
  <span class="pf-v6-c-notification-drawer__list-item-header-icon">
1162
1160
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
1163
1161
  </span>
1164
- <h2
1165
- class="pf-v6-c-notification-drawer__list-item-header-title pf-v6-u-warning-color-200"
1166
- >
1162
+ <h2 class="pf-v6-c-notification-drawer__list-item-header-title">
1167
1163
  <span class="pf-v6-screen-reader">Warning notification:</span>
1168
1164
  Warning alert
1169
1165
  </h2>
@@ -1335,9 +1331,7 @@ wrapperTag: div
1335
1331
  <span class="pf-v6-c-notification-drawer__list-item-header-icon">
1336
1332
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1337
1333
  </span>
1338
- <h2
1339
- class="pf-v6-c-notification-drawer__list-item-header-title pf-v6-u-danger-color-200"
1340
- >
1334
+ <h2 class="pf-v6-c-notification-drawer__list-item-header-title">
1341
1335
  <span class="pf-v6-screen-reader">Danger notification:</span>
1342
1336
  Critical alert regarding control plane
1343
1337
  </h2>
@@ -1354,9 +1348,7 @@ wrapperTag: div
1354
1348
  <span class="pf-v6-c-notification-drawer__list-item-header-icon">
1355
1349
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
1356
1350
  </span>
1357
- <h2
1358
- class="pf-v6-c-notification-drawer__list-item-header-title pf-v6-u-warning-color-200"
1359
- >
1351
+ <h2 class="pf-v6-c-notification-drawer__list-item-header-title">
1360
1352
  <span class="pf-v6-screen-reader">Warning notification:</span>
1361
1353
  Warning alert
1362
1354
  </h2>
@@ -1826,9 +1818,7 @@ wrapperTag: div
1826
1818
  <span class="pf-v6-c-notification-drawer__list-item-header-icon">
1827
1819
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1828
1820
  </span>
1829
- <h2
1830
- class="pf-v6-c-notification-drawer__list-item-header-title pf-v6-u-danger-color-200"
1831
- >
1821
+ <h2 class="pf-v6-c-notification-drawer__list-item-header-title">
1832
1822
  <span class="pf-v6-screen-reader">Danger notification:</span>
1833
1823
  Critical alert regarding control plane
1834
1824
  </h2>
@@ -1845,9 +1835,7 @@ wrapperTag: div
1845
1835
  <span class="pf-v6-c-notification-drawer__list-item-header-icon">
1846
1836
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
1847
1837
  </span>
1848
- <h2
1849
- class="pf-v6-c-notification-drawer__list-item-header-title pf-v6-u-warning-color-200"
1850
- >
1838
+ <h2 class="pf-v6-c-notification-drawer__list-item-header-title">
1851
1839
  <span class="pf-v6-screen-reader">Warning notification:</span>
1852
1840
  Warning alert
1853
1841
  </h2>
@@ -2033,7 +2021,7 @@ wrapperTag: div
2033
2021
  <span>System</span>
2034
2022
  <div class="pf-v6-l-flex pf-m-space-items-sm">
2035
2023
  <i
2036
- class="fas fa-exclamation-circle pf-v6-u-danger-color-100"
2024
+ class="fas fa-exclamation-circle pf-v6-u-icon-color-status-danger"
2037
2025
  aria-hidden="true"
2038
2026
  ></i>
2039
2027
  <a hfer="#">25 incidents detected</a>
@@ -2761,7 +2749,7 @@ wrapperTag: div
2761
2749
  <div class="pf-v6-c-card__title" id="trend-card-1-example-title">
2762
2750
  <h1 class="pf-v6-c-title pf-m-2xl">1,050,765 IOPS</h1>
2763
2751
  </div>
2764
- <span class="pf-v6-u-color-200">Workload</span>
2752
+ <span>Workload</span>
2765
2753
  </div>
2766
2754
  <div
2767
2755
  class="pf-v6-c-card__actions pf-m-no-offset"
@@ -2852,7 +2840,7 @@ wrapperTag: div
2852
2840
  <div class="pf-v6-c-card__title" id="trend-card-2-example-title">
2853
2841
  <h1 class="pf-v6-c-title pf-m-2xl">842 TB</h1>
2854
2842
  </div>
2855
- <span class="pf-v6-u-color-200">Storage capacity</span>
2843
+ <span>Storage capacity</span>
2856
2844
  </div>
2857
2845
  </div>
2858
2846
  <div class="pf-v6-l-flex__item pf-m-flex-1">
@@ -2968,7 +2956,7 @@ wrapperTag: div
2968
2956
  <dd class="pf-v6-c-description-list__description">
2969
2957
  <div class="pf-v6-c-description-list__text">
2970
2958
  <time
2971
- class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
2959
+ class="pf-v6-u-text-color-subtle pf-v6-u-font-size-sm"
2972
2960
  >Jun 17, 11:02 am</time>
2973
2961
  </div>
2974
2962
  </dd>
@@ -2983,7 +2971,7 @@ wrapperTag: div
2983
2971
  <dd class="pf-v6-c-description-list__description">
2984
2972
  <div class="pf-v6-c-description-list__text">
2985
2973
  <time
2986
- class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
2974
+ class="pf-v6-u-text-color-subtle pf-v6-u-font-size-sm"
2987
2975
  >Jun 17, 11:13 am</time>
2988
2976
  </div>
2989
2977
  </dd>
@@ -2998,7 +2986,7 @@ wrapperTag: div
2998
2986
  <dd class="pf-v6-c-description-list__description">
2999
2987
  <div class="pf-v6-c-description-list__text">
3000
2988
  <time
3001
- class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
2989
+ class="pf-v6-u-text-color-subtle pf-v6-u-font-size-sm"
3002
2990
  >Jun 17, 10:59 am</time>
3003
2991
  </div>
3004
2992
  </dd>
@@ -3013,7 +3001,7 @@ wrapperTag: div
3013
3001
  <dd class="pf-v6-c-description-list__description">
3014
3002
  <div class="pf-v6-c-description-list__text">
3015
3003
  <time
3016
- class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
3004
+ class="pf-v6-u-text-color-subtle pf-v6-u-font-size-sm"
3017
3005
  >Jun 17, 10:45 am</time>
3018
3006
  </div>
3019
3007
  </dd>
@@ -3118,7 +3106,7 @@ wrapperTag: div
3118
3106
  <div class="pf-v6-l-flex pf-m-nowrap pf-m-space-items-sm">
3119
3107
  <div class="pf-v6-l-flex__item">
3120
3108
  <i
3121
- class="fas fa-exclamation-circle pf-v6-u-danger-color-100"
3109
+ class="fas fa-exclamation-circle pf-v6-u-icon-color-status-danger"
3122
3110
  aria-hidden="true"
3123
3111
  ></i>
3124
3112
  </div>
@@ -3133,7 +3121,7 @@ wrapperTag: div
3133
3121
  <dd class="pf-v6-c-description-list__description">
3134
3122
  <div class="pf-v6-c-description-list__text">
3135
3123
  <time
3136
- class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
3124
+ class="pf-v6-u-text-color-subtle pf-v6-u-font-size-sm"
3137
3125
  >Jun 17, 11:02 am</time>
3138
3126
  </div>
3139
3127
  </dd>
@@ -3143,7 +3131,7 @@ wrapperTag: div
3143
3131
  <div class="pf-v6-l-flex pf-m-nowrap pf-m-space-items-sm">
3144
3132
  <div class="pf-v6-l-flex__item">
3145
3133
  <i
3146
- class="fas fa-check-circle pf-v6-u-success-color-100"
3134
+ class="fas fa-check-circle pf-v6-u-icon-color-status-success"
3147
3135
  aria-hidden="true"
3148
3136
  ></i>
3149
3137
  </div>
@@ -3158,7 +3146,7 @@ wrapperTag: div
3158
3146
  <dd class="pf-v6-c-description-list__description">
3159
3147
  <div class="pf-v6-c-description-list__text">
3160
3148
  <time
3161
- class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
3149
+ class="pf-v6-u-text-color-subtle pf-v6-u-font-size-sm"
3162
3150
  >Jun 17, 11:13 am</time>
3163
3151
  </div>
3164
3152
  </dd>
@@ -3193,7 +3181,7 @@ wrapperTag: div
3193
3181
  <dd class="pf-v6-c-description-list__description">
3194
3182
  <div class="pf-v6-c-description-list__text">
3195
3183
  <time
3196
- class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
3184
+ class="pf-v6-u-text-color-subtle pf-v6-u-font-size-sm"
3197
3185
  >Jun 17, 10:59 am</time>
3198
3186
  </div>
3199
3187
  </dd>
@@ -3203,7 +3191,7 @@ wrapperTag: div
3203
3191
  <div class="pf-v6-l-flex pf-m-nowrap pf-m-space-items-sm">
3204
3192
  <div class="pf-v6-l-flex__item">
3205
3193
  <i
3206
- class="fas fa-check-circle pf-v6-u-success-color-100"
3194
+ class="fas fa-check-circle pf-v6-u-icon-color-status-success"
3207
3195
  aria-hidden="true"
3208
3196
  ></i>
3209
3197
  </div>
@@ -3218,7 +3206,7 @@ wrapperTag: div
3218
3206
  <dd class="pf-v6-c-description-list__description">
3219
3207
  <div class="pf-v6-c-description-list__text">
3220
3208
  <time
3221
- class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
3209
+ class="pf-v6-u-text-color-subtle pf-v6-u-font-size-sm"
3222
3210
  >Jun 17, 10:45 am</time>
3223
3211
  </div>
3224
3212
  </dd>
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -694,7 +694,7 @@ cssPrefix: pf-d-dashboard
694
694
  <a href="#">Operators</a>
695
695
  </div>
696
696
  <div class="pf-v6-l-flex__item">
697
- <span class="pf-v6-u-color-200">1 degraged</span>
697
+ <span class="pf-v6-u-text-color-subtle">1 degraded</span>
698
698
  </div>
699
699
  </div>
700
700
  </div>
@@ -885,7 +885,7 @@ cssPrefix: pf-d-dashboard
885
885
  ></i>
886
886
  </span>
887
887
  <h2
888
- class="pf-v6-c-notification-drawer__list-item-header-title pf-v6-u-danger-color-200"
888
+ class="pf-v6-c-notification-drawer__list-item-header-title"
889
889
  >
890
890
  <span
891
891
  class="pf-v6-screen-reader"
@@ -913,7 +913,7 @@ cssPrefix: pf-d-dashboard
913
913
  ></i>
914
914
  </span>
915
915
  <h2
916
- class="pf-v6-c-notification-drawer__list-item-header-title pf-v6-u-warning-color-200"
916
+ class="pf-v6-c-notification-drawer__list-item-header-title"
917
917
  >
918
918
  <span
919
919
  class="pf-v6-screen-reader"
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -888,7 +888,7 @@ cssPrefix: pf-d-description-list
888
888
  </dt>
889
889
  <dd class="pf-v6-c-description-list__description">
890
890
  <p
891
- class="pf-v6-c-description-list__text pf-v6-u-color-200"
891
+ class="pf-v6-c-description-list__text pf-v6-u-text-color-subtle"
892
892
  >Nod selector is not available at this time</p>
893
893
  </dd>
894
894
  </div>
@@ -898,7 +898,7 @@ cssPrefix: pf-d-description-list
898
898
  </dt>
899
899
  <dd class="pf-v6-c-description-list__description">
900
900
  <div
901
- class="pf-v6-c-description-list__text pf-v6-u-color-200"
901
+ class="pf-v6-c-description-list__text pf-v6-u-text-color-subtle"
902
902
  >No tolerations</div>
903
903
  </dd>
904
904
  </div>
@@ -908,7 +908,7 @@ cssPrefix: pf-d-description-list
908
908
  </dt>
909
909
  <dd class="pf-v6-c-description-list__description">
910
910
  <div
911
- class="pf-v6-c-description-list__text pf-v6-u-color-200"
911
+ class="pf-v6-c-description-list__text pf-v6-u-text-color-subtle"
912
912
  >No annotations</div>
913
913
  </dd>
914
914
  </div>
@@ -963,7 +963,7 @@ cssPrefix: pf-d-description-list
963
963
  </dt>
964
964
  <dd class="pf-v6-c-description-list__description">
965
965
  <div
966
- class="pf-v6-c-description-list__text pf-v6-u-color-200"
966
+ class="pf-v6-c-description-list__text pf-v6-u-text-color-subtle"
967
967
  >None</div>
968
968
  </dd>
969
969
  </div>
@@ -1037,7 +1037,7 @@ cssPrefix: pf-d-description-list
1037
1037
  </dt>
1038
1038
  <dd class="pf-v6-c-description-list__description">
1039
1039
  <div
1040
- class="pf-v6-c-description-list__text pf-v6-u-color-200"
1040
+ class="pf-v6-c-description-list__text pf-v6-u-text-color-subtle"
1041
1041
  >Not configured</div>
1042
1042
  </dd>
1043
1043
  </div>
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.0.0-alpha.113",
4
+ "version": "6.0.0-alpha.114",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {