@patternfly/patternfly 6.6.0-prerelease.31 → 6.6.0-prerelease.32

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 +3 -2
  2. package/components/Button/button.scss +4 -3
  3. package/components/_index.css +3 -2
  4. package/package.json +1 -1
  5. package/patternfly-no-globals.css +3 -2
  6. package/patternfly.css +3 -2
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/Button/button.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
14
14
  --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
15
15
  --pf-v6-c-button--BackgroundColor: transparent;
16
+ --pf-v6-c-button--Background--click: radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
16
17
  --pf-v6-c-button--BorderColor: transparent;
17
18
  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
18
19
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -391,7 +392,7 @@
391
392
  cursor: pointer;
392
393
  -webkit-user-select: none;
393
394
  user-select: none;
394
- background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
395
+ background: var(--pf-v6-c-button--BackgroundColor) var(--pf-v6-c-button--Background--click);
395
396
  border: 0;
396
397
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
397
398
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
@@ -845,7 +846,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
845
846
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
846
847
  color: var(--pf-v6-c-button--disabled--Color);
847
848
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
848
- background: var(--pf-v6-c-button--disabled--BackgroundColor);
849
+ background: var(--pf-v6-c-button--disabled--BackgroundColor) var(--pf-v6-c-button--Background--click);
849
850
  }
850
851
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
851
852
  border-color: var(--pf-v6-c-button--disabled--BorderColor);
package/components/Button/button.scss CHANGED
@@ -15,6 +15,7 @@
15
15
  --#{$button}--FontWeight: var(--pf-t--global--font--weight--body--default);
16
16
  --#{$button}--FontSize: var(--pf-t--global--font--size--body--default);
17
17
  --#{$button}--BackgroundColor: transparent;
18
+ --#{$button}--Background--click: radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
18
19
  --#{$button}--BorderColor: transparent;
19
20
  --#{$button}--BorderWidth: var(--pf-t--global--border--width--action--default);
20
21
  --#{$button}--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -457,7 +458,7 @@
457
458
  -webkit-user-select: none;
458
459
  user-select: none;
459
460
  // stylelint-enable property-no-vendor-prefix
460
- background: var(--#{$button}--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
461
+ background: var(--#{$button}--BackgroundColor) var(--#{$button}--Background--click);
461
462
  border: 0;
462
463
  border-start-start-radius: var(--#{$button}--BorderStartStartRadius, var(--#{$button}--BorderRadius));
463
464
  border-start-end-radius: var(--#{$button}--BorderStartEndRadius, var(--#{$button}--BorderRadius));
@@ -562,7 +563,7 @@
562
563
  --#{$button}--m-clicked__icon--Color: var(--#{$button}--m-link--m-clicked__icon--Color);
563
564
  --#{$button}--m-small--PaddingInlineEnd: var(--#{$button}--m-link--m-small--PaddingInlineEnd);
564
565
  --#{$button}--m-small--PaddingInlineStart: var(--#{$button}--m-link--m-small--PaddingInlineStart);
565
-
566
+
566
567
  &.pf-m-inline {
567
568
  @at-root span#{&} {
568
569
  --#{$button}--m-link--m-inline--Display: var(--#{$button}--span--m-link--m-inline--Display);
@@ -966,7 +967,7 @@
966
967
  &.pf-m-aria-disabled {
967
968
  color: var(--#{$button}--disabled--Color);
968
969
  text-decoration-color: var(--#{$button}--disabled--TextDecorationColor);
969
- background: var(--#{$button}--disabled--BackgroundColor);
970
+ background: var(--#{$button}--disabled--BackgroundColor) var(--#{$button}--Background--click);
970
971
 
971
972
  &::after {
972
973
  border-color: var(--#{$button}--disabled--BorderColor);
package/components/_index.css CHANGED
@@ -1788,6 +1788,7 @@ button.pf-v6-c-breadcrumb__link {
1788
1788
  --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
1789
1789
  --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
1790
1790
  --pf-v6-c-button--BackgroundColor: transparent;
1791
+ --pf-v6-c-button--Background--click: radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
1791
1792
  --pf-v6-c-button--BorderColor: transparent;
1792
1793
  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
1793
1794
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -2166,7 +2167,7 @@ button.pf-v6-c-breadcrumb__link {
2166
2167
  cursor: pointer;
2167
2168
  -webkit-user-select: none;
2168
2169
  user-select: none;
2169
- background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
2170
+ background: var(--pf-v6-c-button--BackgroundColor) var(--pf-v6-c-button--Background--click);
2170
2171
  border: 0;
2171
2172
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
2172
2173
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
@@ -2620,7 +2621,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2620
2621
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
2621
2622
  color: var(--pf-v6-c-button--disabled--Color);
2622
2623
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
2623
- background: var(--pf-v6-c-button--disabled--BackgroundColor);
2624
+ background: var(--pf-v6-c-button--disabled--BackgroundColor) var(--pf-v6-c-button--Background--click);
2624
2625
  }
2625
2626
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
2626
2627
  border-color: var(--pf-v6-c-button--disabled--BorderColor);
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.31",
4
+ "version": "6.6.0-prerelease.32",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -11044,6 +11044,7 @@ button.pf-v6-c-breadcrumb__link {
11044
11044
  --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
11045
11045
  --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
11046
11046
  --pf-v6-c-button--BackgroundColor: transparent;
11047
+ --pf-v6-c-button--Background--click: radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
11047
11048
  --pf-v6-c-button--BorderColor: transparent;
11048
11049
  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
11049
11050
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -11422,7 +11423,7 @@ button.pf-v6-c-breadcrumb__link {
11422
11423
  cursor: pointer;
11423
11424
  -webkit-user-select: none;
11424
11425
  user-select: none;
11425
- background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
11426
+ background: var(--pf-v6-c-button--BackgroundColor) var(--pf-v6-c-button--Background--click);
11426
11427
  border: 0;
11427
11428
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
11428
11429
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
@@ -11876,7 +11877,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11876
11877
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
11877
11878
  color: var(--pf-v6-c-button--disabled--Color);
11878
11879
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
11879
- background: var(--pf-v6-c-button--disabled--BackgroundColor);
11880
+ background: var(--pf-v6-c-button--disabled--BackgroundColor) var(--pf-v6-c-button--Background--click);
11880
11881
  }
11881
11882
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
11882
11883
  border-color: var(--pf-v6-c-button--disabled--BorderColor);
package/patternfly.css CHANGED
@@ -11199,6 +11199,7 @@ button.pf-v6-c-breadcrumb__link {
11199
11199
  --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
11200
11200
  --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
11201
11201
  --pf-v6-c-button--BackgroundColor: transparent;
11202
+ --pf-v6-c-button--Background--click: radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
11202
11203
  --pf-v6-c-button--BorderColor: transparent;
11203
11204
  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
11204
11205
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -11577,7 +11578,7 @@ button.pf-v6-c-breadcrumb__link {
11577
11578
  cursor: pointer;
11578
11579
  -webkit-user-select: none;
11579
11580
  user-select: none;
11580
- background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
11581
+ background: var(--pf-v6-c-button--BackgroundColor) var(--pf-v6-c-button--Background--click);
11581
11582
  border: 0;
11582
11583
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
11583
11584
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
@@ -12031,7 +12032,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12031
12032
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
12032
12033
  color: var(--pf-v6-c-button--disabled--Color);
12033
12034
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
12034
- background: var(--pf-v6-c-button--disabled--BackgroundColor);
12035
+ background: var(--pf-v6-c-button--disabled--BackgroundColor) var(--pf-v6-c-button--Background--click);
12035
12036
  }
12036
12037
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
12037
12038
  border-color: var(--pf-v6-c-button--disabled--BorderColor);