@patternfly/patternfly 6.6.0-prerelease.26 → 6.6.0-prerelease.27

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 (8) hide show
  1. package/components/Button/button.css +2 -3
  2. package/components/Button/button.scss +3 -4
  3. package/components/_index.css +2 -3
  4. package/package.json +1 -1
  5. package/patternfly-no-globals.css +2 -3
  6. package/patternfly.css +2 -3
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/Button/button.css CHANGED
@@ -251,6 +251,7 @@
251
251
  --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
252
252
  --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
253
253
  --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
254
+ --pf-v6-c-button--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
254
255
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
255
256
  --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
256
257
  --pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
@@ -326,7 +327,6 @@
326
327
  --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
327
328
  --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
328
329
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
329
- --pf-v6-c-button__progress--Opacity: 0;
330
330
  --pf-v6-c-button__progress--TranslateY: -50%;
331
331
  --pf-v6-c-button__progress--TranslateX: 0;
332
332
  --pf-v6-c-button__progress--InsetBlockStart: 50%;
@@ -761,7 +761,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
761
761
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
762
762
  --pf-v6-c-button__icon--TransitionDuration: 0s;
763
763
  --pf-v6-c-button__icon--TransitionProperty: scale;
764
- --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
765
764
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
766
765
  --pf-v6-c-button--hover__icon--TransitionProperty: scale;
767
766
  }
@@ -837,7 +836,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
837
836
  background: var(--pf-v6-c-button--disabled--BackgroundColor);
838
837
  }
839
838
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
840
- border-color: transparent;
839
+ border-color: var(--pf-v6-c-button--disabled--BorderColor);
841
840
  }
842
841
  .pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
843
842
  color: var(--pf-v6-c-button--disabled__icon--Color);
package/components/Button/button.scss CHANGED
@@ -289,7 +289,8 @@
289
289
  --#{$button}--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
290
290
  --#{$button}--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
291
291
  --#{$button}--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
292
- --#{$button}--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
292
+ --#{$button}--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
293
+ --#{$button}--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold); // TODO - remove in a breaking change
293
294
  --#{$button}--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
294
295
  --#{$button}--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
295
296
  --#{$button}--m-display-lg--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
@@ -380,7 +381,6 @@
380
381
 
381
382
  // Progress
382
383
  --#{$button}__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm)); // matches medium spinner diameter plus a spacer
383
- --#{$button}__progress--Opacity: 0;
384
384
  --#{$button}__progress--TranslateY: -50%;
385
385
  --#{$button}__progress--TranslateX: 0;
386
386
  --#{$button}__progress--InsetBlockStart: 50%;
@@ -875,7 +875,6 @@
875
875
  --#{$button}__icon--TransitionDelay: var(--#{$button}--hamburger-icon--TransitionDuration);
876
876
  --#{$button}__icon--TransitionDuration: 0s;
877
877
  --#{$button}__icon--TransitionProperty: scale;
878
- --#{$button}--hover__icon--TransitionDelay: var(--#{$button}--hamburger-icon--TransitionDuration);
879
878
  --#{$button}--hover__icon--TransitionDuration: 0s;
880
879
  --#{$button}--hover__icon--TransitionProperty: scale;
881
880
 
@@ -957,7 +956,7 @@
957
956
  background: var(--#{$button}--disabled--BackgroundColor);
958
957
 
959
958
  &::after {
960
- border-color: transparent;
959
+ border-color: var(--#{$button}--disabled--BorderColor);
961
960
  }
962
961
 
963
962
  .#{$button}__icon {
package/components/_index.css CHANGED
@@ -2026,6 +2026,7 @@ button.pf-v6-c-breadcrumb__link {
2026
2026
  --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
2027
2027
  --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
2028
2028
  --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
2029
+ --pf-v6-c-button--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
2029
2030
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
2030
2031
  --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
2031
2032
  --pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
@@ -2101,7 +2102,6 @@ button.pf-v6-c-breadcrumb__link {
2101
2102
  --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
2102
2103
  --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
2103
2104
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
2104
- --pf-v6-c-button__progress--Opacity: 0;
2105
2105
  --pf-v6-c-button__progress--TranslateY: -50%;
2106
2106
  --pf-v6-c-button__progress--TranslateX: 0;
2107
2107
  --pf-v6-c-button__progress--InsetBlockStart: 50%;
@@ -2536,7 +2536,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2536
2536
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
2537
2537
  --pf-v6-c-button__icon--TransitionDuration: 0s;
2538
2538
  --pf-v6-c-button__icon--TransitionProperty: scale;
2539
- --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
2540
2539
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
2541
2540
  --pf-v6-c-button--hover__icon--TransitionProperty: scale;
2542
2541
  }
@@ -2612,7 +2611,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2612
2611
  background: var(--pf-v6-c-button--disabled--BackgroundColor);
2613
2612
  }
2614
2613
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
2615
- border-color: transparent;
2614
+ border-color: var(--pf-v6-c-button--disabled--BorderColor);
2616
2615
  }
2617
2616
  .pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
2618
2617
  color: var(--pf-v6-c-button--disabled__icon--Color);
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
- "version": "6.6.0-prerelease.26",
4
+ "version": "6.6.0-prerelease.27",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -11282,6 +11282,7 @@ button.pf-v6-c-breadcrumb__link {
11282
11282
  --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
11283
11283
  --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
11284
11284
  --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
11285
+ --pf-v6-c-button--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
11285
11286
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
11286
11287
  --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
11287
11288
  --pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
@@ -11357,7 +11358,6 @@ button.pf-v6-c-breadcrumb__link {
11357
11358
  --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
11358
11359
  --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
11359
11360
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
11360
- --pf-v6-c-button__progress--Opacity: 0;
11361
11361
  --pf-v6-c-button__progress--TranslateY: -50%;
11362
11362
  --pf-v6-c-button__progress--TranslateX: 0;
11363
11363
  --pf-v6-c-button__progress--InsetBlockStart: 50%;
@@ -11792,7 +11792,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11792
11792
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
11793
11793
  --pf-v6-c-button__icon--TransitionDuration: 0s;
11794
11794
  --pf-v6-c-button__icon--TransitionProperty: scale;
11795
- --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
11796
11795
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
11797
11796
  --pf-v6-c-button--hover__icon--TransitionProperty: scale;
11798
11797
  }
@@ -11868,7 +11867,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11868
11867
  background: var(--pf-v6-c-button--disabled--BackgroundColor);
11869
11868
  }
11870
11869
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
11871
- border-color: transparent;
11870
+ border-color: var(--pf-v6-c-button--disabled--BorderColor);
11872
11871
  }
11873
11872
  .pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
11874
11873
  color: var(--pf-v6-c-button--disabled__icon--Color);
package/patternfly.css CHANGED
@@ -11437,6 +11437,7 @@ button.pf-v6-c-breadcrumb__link {
11437
11437
  --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
11438
11438
  --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
11439
11439
  --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
11440
+ --pf-v6-c-button--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
11440
11441
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
11441
11442
  --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
11442
11443
  --pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
@@ -11512,7 +11513,6 @@ button.pf-v6-c-breadcrumb__link {
11512
11513
  --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
11513
11514
  --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
11514
11515
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
11515
- --pf-v6-c-button__progress--Opacity: 0;
11516
11516
  --pf-v6-c-button__progress--TranslateY: -50%;
11517
11517
  --pf-v6-c-button__progress--TranslateX: 0;
11518
11518
  --pf-v6-c-button__progress--InsetBlockStart: 50%;
@@ -11947,7 +11947,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11947
11947
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
11948
11948
  --pf-v6-c-button__icon--TransitionDuration: 0s;
11949
11949
  --pf-v6-c-button__icon--TransitionProperty: scale;
11950
- --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
11951
11950
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
11952
11951
  --pf-v6-c-button--hover__icon--TransitionProperty: scale;
11953
11952
  }
@@ -12023,7 +12022,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12023
12022
  background: var(--pf-v6-c-button--disabled--BackgroundColor);
12024
12023
  }
12025
12024
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
12026
- border-color: transparent;
12025
+ border-color: var(--pf-v6-c-button--disabled--BorderColor);
12027
12026
  }
12028
12027
  .pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
12029
12028
  color: var(--pf-v6-c-button--disabled__icon--Color);