@patternfly/patternfly 6.0.0-alpha.191 → 6.0.0-alpha.192

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 (16) hide show
  1. package/base/patternfly-variables.css +11 -11
  2. package/base/tokens/tokens-charts-dark.scss +1 -1
  3. package/base/tokens/tokens-charts.scss +1 -1
  4. package/base/tokens/tokens-dark.scss +1 -1
  5. package/base/tokens/tokens-default.scss +7 -7
  6. package/base/tokens/tokens-palette.scss +6 -6
  7. package/components/Card/card.css +1 -1
  8. package/components/Card/card.scss +1 -1
  9. package/components/_index.css +1 -1
  10. package/package.json +1 -1
  11. package/patternfly-base-no-globals.css +11 -11
  12. package/patternfly-base.css +11 -11
  13. package/patternfly-no-globals.css +12 -12
  14. package/patternfly.css +12 -12
  15. package/patternfly.min.css +1 -1
  16. package/patternfly.min.css.map +1 -1
package/base/patternfly-variables.css CHANGED
@@ -1,13 +1,13 @@
1
1
  :where(:root) {
2
2
  --pf-v6-global--inverse--multiplier: 1;
3
- --pf-t--color--black: #000;
3
+ --pf-t--color--black: #000000;
4
4
  --pf-t--color--blue--10: #e0f0ff;
5
5
  --pf-t--color--blue--20: #b9dafc;
6
6
  --pf-t--color--blue--30: #92c5f9;
7
7
  --pf-t--color--blue--40: #4394e5;
8
- --pf-t--color--blue--50: #06c;
8
+ --pf-t--color--blue--50: #0066cc;
9
9
  --pf-t--color--blue--60: #004d99;
10
- --pf-t--color--blue--70: #036;
10
+ --pf-t--color--blue--70: #003366;
11
11
  --pf-t--color--gray--10: #f2f2f2;
12
12
  --pf-t--color--gray--20: #e0e0e0;
13
13
  --pf-t--color--gray--30: #c7c7c7;
@@ -43,7 +43,7 @@
43
43
  --pf-t--color--red--20: #fbc5c5;
44
44
  --pf-t--color--red--30: #f9a8a8;
45
45
  --pf-t--color--red--40: #f56e6e;
46
- --pf-t--color--red--50: #e00;
46
+ --pf-t--color--red--50: #ee0000;
47
47
  --pf-t--color--red--60: #a60000;
48
48
  --pf-t--color--red--70: #5f0000;
49
49
  --pf-t--color--red-orange--10: #ffe3d9;
@@ -60,7 +60,7 @@
60
60
  --pf-t--color--teal--50: #37a3a3;
61
61
  --pf-t--color--teal--60: #147878;
62
62
  --pf-t--color--teal--70: #004d4d;
63
- --pf-t--color--white: #fff;
63
+ --pf-t--color--white: #ffffff;
64
64
  --pf-t--color--yellow--10: #fff4cc;
65
65
  --pf-t--color--yellow--20: #ffe072;
66
66
  --pf-t--color--yellow--30: #ffcc17;
@@ -120,9 +120,9 @@
120
120
  --pf-t--global--duration--50: 50ms;
121
121
  --pf-t--global--duration--500: 500ms;
122
122
  --pf-t--global--duration--600: 600ms;
123
- --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
124
- --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
125
- --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
123
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
124
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
125
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
126
126
  --pf-t--global--font--line-height--100: 1.3;
127
127
  --pf-t--global--font--line-height--200: 1.5;
128
128
  --pf-t--global--font--size--100: 0.75rem;
@@ -518,10 +518,9 @@
518
518
  --pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg);
519
519
  --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
520
520
  --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
521
- --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
521
+ --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
522
+ --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
522
523
  --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
523
- --pf-t--global--spacer--action--vertical--compact: var(--pf-t--global--spacer--xs);
524
- --pf-t--global--spacer--action--vertical--spacious: var(--pf-t--global--spacer--md);
525
524
  --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
526
525
  --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
527
526
  --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
@@ -529,6 +528,7 @@
529
528
  --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
530
529
  --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
531
530
  --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
531
+ --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
532
532
  --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
533
533
  --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
534
534
  --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
package/base/tokens/tokens-charts-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Jul 2024 15:40:40 GMT
3
+ // Generated on Tue, 16 Jul 2024 23:44:44 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--BorderWidth--lg: 8;
package/base/tokens/tokens-charts.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Jul 2024 15:40:40 GMT
3
+ // Generated on Tue, 16 Jul 2024 23:44:44 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--BorderWidth--lg: 8;
package/base/tokens/tokens-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Jul 2024 15:40:40 GMT
3
+ // Generated on Tue, 16 Jul 2024 23:44:44 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
package/base/tokens/tokens-default.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Jul 2024 15:40:40 GMT
3
+ // Generated on Tue, 16 Jul 2024 23:44:44 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
@@ -55,9 +55,9 @@
55
55
  --pf-t--global--duration--50: 50ms;
56
56
  --pf-t--global--duration--500: 500ms;
57
57
  --pf-t--global--duration--600: 600ms;
58
- --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
59
- --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
60
- --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
58
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
59
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
60
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
61
61
  --pf-t--global--font--line-height--100: 1.3;
62
62
  --pf-t--global--font--line-height--200: 1.5;
63
63
  --pf-t--global--font--size--100: 0.75rem;
@@ -453,10 +453,9 @@
453
453
  --pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg);
454
454
  --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
455
455
  --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
456
- --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
456
+ --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
457
+ --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
457
458
  --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
458
- --pf-t--global--spacer--action--vertical--compact: var(--pf-t--global--spacer--xs);
459
- --pf-t--global--spacer--action--vertical--spacious: var(--pf-t--global--spacer--md);
460
459
  --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
461
460
  --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
462
461
  --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
@@ -464,6 +463,7 @@
464
463
  --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
465
464
  --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
466
465
  --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
466
+ --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
467
467
  --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
468
468
  --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
469
469
  --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
package/base/tokens/tokens-palette.scss CHANGED
@@ -1,16 +1,16 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Jul 2024 15:40:40 GMT
3
+ // Generated on Tue, 16 Jul 2024 23:44:44 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
- --pf-t--color--black: #000;
6
+ --pf-t--color--black: #000000;
7
7
  --pf-t--color--blue--10: #e0f0ff;
8
8
  --pf-t--color--blue--20: #b9dafc;
9
9
  --pf-t--color--blue--30: #92c5f9;
10
10
  --pf-t--color--blue--40: #4394e5;
11
- --pf-t--color--blue--50: #06c;
11
+ --pf-t--color--blue--50: #0066cc;
12
12
  --pf-t--color--blue--60: #004d99;
13
- --pf-t--color--blue--70: #036;
13
+ --pf-t--color--blue--70: #003366;
14
14
  --pf-t--color--gray--10: #f2f2f2;
15
15
  --pf-t--color--gray--20: #e0e0e0;
16
16
  --pf-t--color--gray--30: #c7c7c7;
@@ -46,7 +46,7 @@
46
46
  --pf-t--color--red--20: #fbc5c5;
47
47
  --pf-t--color--red--30: #f9a8a8;
48
48
  --pf-t--color--red--40: #f56e6e;
49
- --pf-t--color--red--50: #e00;
49
+ --pf-t--color--red--50: #ee0000;
50
50
  --pf-t--color--red--60: #a60000;
51
51
  --pf-t--color--red--70: #5f0000;
52
52
  --pf-t--color--red-orange--10: #ffe3d9;
@@ -63,7 +63,7 @@
63
63
  --pf-t--color--teal--50: #37a3a3;
64
64
  --pf-t--color--teal--60: #147878;
65
65
  --pf-t--color--teal--70: #004d4d;
66
- --pf-t--color--white: #fff;
66
+ --pf-t--color--white: #ffffff;
67
67
  --pf-t--color--yellow--10: #fff4cc;
68
68
  --pf-t--color--yellow--20: #ffe072;
69
69
  --pf-t--color--yellow--30: #ffcc17;
package/components/Card/card.css CHANGED
@@ -26,7 +26,7 @@
26
26
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
27
27
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
28
28
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
29
- --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain) * -1);
29
+ --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
30
30
  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
31
31
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
32
32
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
package/components/Card/card.scss CHANGED
@@ -30,7 +30,7 @@
30
30
  --#{$card}__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
31
31
  --#{$card}__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
32
32
  --#{$card}__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
33
- --#{$card}__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain) * -1);
33
+ --#{$card}__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
34
34
  --#{$card}__header-toggle-icon--Transition: var(--pf-t--global--transition);
35
35
  --#{$card}--m-expanded__header-toggle-icon--Rotate: 90deg;
36
36
 
package/components/_index.css CHANGED
@@ -2218,7 +2218,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2218
2218
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2219
2219
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
2220
2220
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2221
- --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain) * -1);
2221
+ --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
2222
2222
  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
2223
2223
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
2224
2224
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
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.191",
4
+ "version": "6.0.0-alpha.192",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-base-no-globals.css CHANGED
@@ -4854,14 +4854,14 @@
4854
4854
 
4855
4855
  :where(:root) {
4856
4856
  --pf-v6-global--inverse--multiplier: 1;
4857
- --pf-t--color--black: #000;
4857
+ --pf-t--color--black: #000000;
4858
4858
  --pf-t--color--blue--10: #e0f0ff;
4859
4859
  --pf-t--color--blue--20: #b9dafc;
4860
4860
  --pf-t--color--blue--30: #92c5f9;
4861
4861
  --pf-t--color--blue--40: #4394e5;
4862
- --pf-t--color--blue--50: #06c;
4862
+ --pf-t--color--blue--50: #0066cc;
4863
4863
  --pf-t--color--blue--60: #004d99;
4864
- --pf-t--color--blue--70: #036;
4864
+ --pf-t--color--blue--70: #003366;
4865
4865
  --pf-t--color--gray--10: #f2f2f2;
4866
4866
  --pf-t--color--gray--20: #e0e0e0;
4867
4867
  --pf-t--color--gray--30: #c7c7c7;
@@ -4897,7 +4897,7 @@
4897
4897
  --pf-t--color--red--20: #fbc5c5;
4898
4898
  --pf-t--color--red--30: #f9a8a8;
4899
4899
  --pf-t--color--red--40: #f56e6e;
4900
- --pf-t--color--red--50: #e00;
4900
+ --pf-t--color--red--50: #ee0000;
4901
4901
  --pf-t--color--red--60: #a60000;
4902
4902
  --pf-t--color--red--70: #5f0000;
4903
4903
  --pf-t--color--red-orange--10: #ffe3d9;
@@ -4914,7 +4914,7 @@
4914
4914
  --pf-t--color--teal--50: #37a3a3;
4915
4915
  --pf-t--color--teal--60: #147878;
4916
4916
  --pf-t--color--teal--70: #004d4d;
4917
- --pf-t--color--white: #fff;
4917
+ --pf-t--color--white: #ffffff;
4918
4918
  --pf-t--color--yellow--10: #fff4cc;
4919
4919
  --pf-t--color--yellow--20: #ffe072;
4920
4920
  --pf-t--color--yellow--30: #ffcc17;
@@ -4974,9 +4974,9 @@
4974
4974
  --pf-t--global--duration--50: 50ms;
4975
4975
  --pf-t--global--duration--500: 500ms;
4976
4976
  --pf-t--global--duration--600: 600ms;
4977
- --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
4978
- --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
4979
- --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
4977
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
4978
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
4979
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
4980
4980
  --pf-t--global--font--line-height--100: 1.3;
4981
4981
  --pf-t--global--font--line-height--200: 1.5;
4982
4982
  --pf-t--global--font--size--100: 0.75rem;
@@ -5372,10 +5372,9 @@
5372
5372
  --pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg);
5373
5373
  --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
5374
5374
  --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
5375
- --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
5375
+ --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
5376
+ --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
5376
5377
  --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
5377
- --pf-t--global--spacer--action--vertical--compact: var(--pf-t--global--spacer--xs);
5378
- --pf-t--global--spacer--action--vertical--spacious: var(--pf-t--global--spacer--md);
5379
5378
  --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
5380
5379
  --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
5381
5380
  --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
@@ -5383,6 +5382,7 @@
5383
5382
  --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
5384
5383
  --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
5385
5384
  --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
5385
+ --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
5386
5386
  --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
5387
5387
  --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
5388
5388
  --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
package/patternfly-base.css CHANGED
@@ -4975,14 +4975,14 @@ button) {
4975
4975
 
4976
4976
  :where(:root) {
4977
4977
  --pf-v6-global--inverse--multiplier: 1;
4978
- --pf-t--color--black: #000;
4978
+ --pf-t--color--black: #000000;
4979
4979
  --pf-t--color--blue--10: #e0f0ff;
4980
4980
  --pf-t--color--blue--20: #b9dafc;
4981
4981
  --pf-t--color--blue--30: #92c5f9;
4982
4982
  --pf-t--color--blue--40: #4394e5;
4983
- --pf-t--color--blue--50: #06c;
4983
+ --pf-t--color--blue--50: #0066cc;
4984
4984
  --pf-t--color--blue--60: #004d99;
4985
- --pf-t--color--blue--70: #036;
4985
+ --pf-t--color--blue--70: #003366;
4986
4986
  --pf-t--color--gray--10: #f2f2f2;
4987
4987
  --pf-t--color--gray--20: #e0e0e0;
4988
4988
  --pf-t--color--gray--30: #c7c7c7;
@@ -5018,7 +5018,7 @@ button) {
5018
5018
  --pf-t--color--red--20: #fbc5c5;
5019
5019
  --pf-t--color--red--30: #f9a8a8;
5020
5020
  --pf-t--color--red--40: #f56e6e;
5021
- --pf-t--color--red--50: #e00;
5021
+ --pf-t--color--red--50: #ee0000;
5022
5022
  --pf-t--color--red--60: #a60000;
5023
5023
  --pf-t--color--red--70: #5f0000;
5024
5024
  --pf-t--color--red-orange--10: #ffe3d9;
@@ -5035,7 +5035,7 @@ button) {
5035
5035
  --pf-t--color--teal--50: #37a3a3;
5036
5036
  --pf-t--color--teal--60: #147878;
5037
5037
  --pf-t--color--teal--70: #004d4d;
5038
- --pf-t--color--white: #fff;
5038
+ --pf-t--color--white: #ffffff;
5039
5039
  --pf-t--color--yellow--10: #fff4cc;
5040
5040
  --pf-t--color--yellow--20: #ffe072;
5041
5041
  --pf-t--color--yellow--30: #ffcc17;
@@ -5095,9 +5095,9 @@ button) {
5095
5095
  --pf-t--global--duration--50: 50ms;
5096
5096
  --pf-t--global--duration--500: 500ms;
5097
5097
  --pf-t--global--duration--600: 600ms;
5098
- --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
5099
- --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
5100
- --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
5098
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
5099
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
5100
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
5101
5101
  --pf-t--global--font--line-height--100: 1.3;
5102
5102
  --pf-t--global--font--line-height--200: 1.5;
5103
5103
  --pf-t--global--font--size--100: 0.75rem;
@@ -5493,10 +5493,9 @@ button) {
5493
5493
  --pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg);
5494
5494
  --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
5495
5495
  --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
5496
- --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
5496
+ --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
5497
+ --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
5497
5498
  --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
5498
- --pf-t--global--spacer--action--vertical--compact: var(--pf-t--global--spacer--xs);
5499
- --pf-t--global--spacer--action--vertical--spacious: var(--pf-t--global--spacer--md);
5500
5499
  --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
5501
5500
  --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
5502
5501
  --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
@@ -5504,6 +5503,7 @@ button) {
5504
5503
  --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
5505
5504
  --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
5506
5505
  --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
5506
+ --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
5507
5507
  --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
5508
5508
  --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
5509
5509
  --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
package/patternfly-no-globals.css CHANGED
@@ -4855,14 +4855,14 @@
4855
4855
 
4856
4856
  :where(:root) {
4857
4857
  --pf-v6-global--inverse--multiplier: 1;
4858
- --pf-t--color--black: #000;
4858
+ --pf-t--color--black: #000000;
4859
4859
  --pf-t--color--blue--10: #e0f0ff;
4860
4860
  --pf-t--color--blue--20: #b9dafc;
4861
4861
  --pf-t--color--blue--30: #92c5f9;
4862
4862
  --pf-t--color--blue--40: #4394e5;
4863
- --pf-t--color--blue--50: #06c;
4863
+ --pf-t--color--blue--50: #0066cc;
4864
4864
  --pf-t--color--blue--60: #004d99;
4865
- --pf-t--color--blue--70: #036;
4865
+ --pf-t--color--blue--70: #003366;
4866
4866
  --pf-t--color--gray--10: #f2f2f2;
4867
4867
  --pf-t--color--gray--20: #e0e0e0;
4868
4868
  --pf-t--color--gray--30: #c7c7c7;
@@ -4898,7 +4898,7 @@
4898
4898
  --pf-t--color--red--20: #fbc5c5;
4899
4899
  --pf-t--color--red--30: #f9a8a8;
4900
4900
  --pf-t--color--red--40: #f56e6e;
4901
- --pf-t--color--red--50: #e00;
4901
+ --pf-t--color--red--50: #ee0000;
4902
4902
  --pf-t--color--red--60: #a60000;
4903
4903
  --pf-t--color--red--70: #5f0000;
4904
4904
  --pf-t--color--red-orange--10: #ffe3d9;
@@ -4915,7 +4915,7 @@
4915
4915
  --pf-t--color--teal--50: #37a3a3;
4916
4916
  --pf-t--color--teal--60: #147878;
4917
4917
  --pf-t--color--teal--70: #004d4d;
4918
- --pf-t--color--white: #fff;
4918
+ --pf-t--color--white: #ffffff;
4919
4919
  --pf-t--color--yellow--10: #fff4cc;
4920
4920
  --pf-t--color--yellow--20: #ffe072;
4921
4921
  --pf-t--color--yellow--30: #ffcc17;
@@ -4975,9 +4975,9 @@
4975
4975
  --pf-t--global--duration--50: 50ms;
4976
4976
  --pf-t--global--duration--500: 500ms;
4977
4977
  --pf-t--global--duration--600: 600ms;
4978
- --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
4979
- --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
4980
- --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
4978
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
4979
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
4980
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
4981
4981
  --pf-t--global--font--line-height--100: 1.3;
4982
4982
  --pf-t--global--font--line-height--200: 1.5;
4983
4983
  --pf-t--global--font--size--100: 0.75rem;
@@ -5373,10 +5373,9 @@
5373
5373
  --pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg);
5374
5374
  --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
5375
5375
  --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
5376
- --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
5376
+ --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
5377
+ --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
5377
5378
  --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
5378
- --pf-t--global--spacer--action--vertical--compact: var(--pf-t--global--spacer--xs);
5379
- --pf-t--global--spacer--action--vertical--spacious: var(--pf-t--global--spacer--md);
5380
5379
  --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
5381
5380
  --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
5382
5381
  --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
@@ -5384,6 +5383,7 @@
5384
5383
  --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
5385
5384
  --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
5386
5385
  --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
5386
+ --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
5387
5387
  --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
5388
5388
  --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
5389
5389
  --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
@@ -8285,7 +8285,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8285
8285
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8286
8286
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
8287
8287
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8288
- --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain) * -1);
8288
+ --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
8289
8289
  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
8290
8290
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
8291
8291
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
package/patternfly.css CHANGED
@@ -4976,14 +4976,14 @@ button) {
4976
4976
 
4977
4977
  :where(:root) {
4978
4978
  --pf-v6-global--inverse--multiplier: 1;
4979
- --pf-t--color--black: #000;
4979
+ --pf-t--color--black: #000000;
4980
4980
  --pf-t--color--blue--10: #e0f0ff;
4981
4981
  --pf-t--color--blue--20: #b9dafc;
4982
4982
  --pf-t--color--blue--30: #92c5f9;
4983
4983
  --pf-t--color--blue--40: #4394e5;
4984
- --pf-t--color--blue--50: #06c;
4984
+ --pf-t--color--blue--50: #0066cc;
4985
4985
  --pf-t--color--blue--60: #004d99;
4986
- --pf-t--color--blue--70: #036;
4986
+ --pf-t--color--blue--70: #003366;
4987
4987
  --pf-t--color--gray--10: #f2f2f2;
4988
4988
  --pf-t--color--gray--20: #e0e0e0;
4989
4989
  --pf-t--color--gray--30: #c7c7c7;
@@ -5019,7 +5019,7 @@ button) {
5019
5019
  --pf-t--color--red--20: #fbc5c5;
5020
5020
  --pf-t--color--red--30: #f9a8a8;
5021
5021
  --pf-t--color--red--40: #f56e6e;
5022
- --pf-t--color--red--50: #e00;
5022
+ --pf-t--color--red--50: #ee0000;
5023
5023
  --pf-t--color--red--60: #a60000;
5024
5024
  --pf-t--color--red--70: #5f0000;
5025
5025
  --pf-t--color--red-orange--10: #ffe3d9;
@@ -5036,7 +5036,7 @@ button) {
5036
5036
  --pf-t--color--teal--50: #37a3a3;
5037
5037
  --pf-t--color--teal--60: #147878;
5038
5038
  --pf-t--color--teal--70: #004d4d;
5039
- --pf-t--color--white: #fff;
5039
+ --pf-t--color--white: #ffffff;
5040
5040
  --pf-t--color--yellow--10: #fff4cc;
5041
5041
  --pf-t--color--yellow--20: #ffe072;
5042
5042
  --pf-t--color--yellow--30: #ffcc17;
@@ -5096,9 +5096,9 @@ button) {
5096
5096
  --pf-t--global--duration--50: 50ms;
5097
5097
  --pf-t--global--duration--500: 500ms;
5098
5098
  --pf-t--global--duration--600: 600ms;
5099
- --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
5100
- --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
5101
- --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
5099
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
5100
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
5101
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
5102
5102
  --pf-t--global--font--line-height--100: 1.3;
5103
5103
  --pf-t--global--font--line-height--200: 1.5;
5104
5104
  --pf-t--global--font--size--100: 0.75rem;
@@ -5494,10 +5494,9 @@ button) {
5494
5494
  --pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg);
5495
5495
  --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
5496
5496
  --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
5497
- --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
5497
+ --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
5498
+ --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
5498
5499
  --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
5499
- --pf-t--global--spacer--action--vertical--compact: var(--pf-t--global--spacer--xs);
5500
- --pf-t--global--spacer--action--vertical--spacious: var(--pf-t--global--spacer--md);
5501
5500
  --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
5502
5501
  --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
5503
5502
  --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
@@ -5505,6 +5504,7 @@ button) {
5505
5504
  --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
5506
5505
  --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
5507
5506
  --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
5507
+ --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
5508
5508
  --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
5509
5509
  --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
5510
5510
  --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
@@ -8406,7 +8406,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8406
8406
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8407
8407
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
8408
8408
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8409
- --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain) * -1);
8409
+ --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
8410
8410
  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
8411
8411
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
8412
8412
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);