@patternfly/patternfly 6.3.0-prerelease.28 → 6.3.0-prerelease.29

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/components/Button/button.css +20 -9
  2. package/components/Button/button.scss +16 -5
  3. package/components/Page/page.css +8 -8
  4. package/components/_index.css +28 -17
  5. package/package.json +1 -1
  6. package/patternfly-no-globals.css +28 -17
  7. package/patternfly.css +28 -17
  8. package/patternfly.min.css +1 -1
  9. package/patternfly.min.css.map +1 -1
  10. package/sass-utilities/mixins.scss +4 -4
package/components/Button/button.css CHANGED
@@ -23,12 +23,16 @@
23
23
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
24
24
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
25
25
  --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
26
+ --pf-v6-c-button--ScaleX: 1;
27
+ --pf-v6-c-button--ScaleY: 1;
26
28
  --pf-v6-c-button--hover--BackgroundColor: transparent;
27
29
  --pf-v6-c-button--hover--BorderColor: transparent;
28
30
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
29
31
  --pf-v6-c-button--hover--TextDecorationLine: none;
30
32
  --pf-v6-c-button--hover--TextDecorationStyle: none;
31
33
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
34
+ --pf-v6-c-button--hover--ScaleX: 1;
35
+ --pf-v6-c-button--hover--ScaleY: 1;
32
36
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
33
37
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
34
38
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -243,11 +247,14 @@
243
247
  --pf-v6-c-button__icon--TransitionDuration: 0s;
244
248
  --pf-v6-c-button__icon--TransitionProperty: none;
245
249
  --pf-v6-c-button__icon--Rotate: 0deg;
246
- --pf-v6-c-button__icon--Scale: 1;
247
250
  --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
248
251
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
249
252
  --pf-v6-c-button--hover__icon--TransitionProperty: none;
250
253
  --pf-v6-c-button--hover__icon--Rotate: 0deg;
254
+ --pf-v6-c-button__icon--ScaleX: 1;
255
+ --pf-v6-c-button__icon--ScaleY: 1;
256
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
257
+ --pf-v6-c-button--hover__icon--ScaleY: 1;
251
258
  --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
252
259
  --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
253
260
  --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
@@ -294,7 +301,7 @@
294
301
  --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
295
302
  --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
296
303
  --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
297
- --pf-v6-c-button--m-hamburger__icon--m-expand--Scale: -1;
304
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
298
305
  }
299
306
 
300
307
  .pf-v6-c-button {
@@ -330,7 +337,7 @@
330
337
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
331
338
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
332
339
  transition-property: var(--pf-v6-c-button--TransitionProperty);
333
- scale: var(--pf-v6-c-button--Scale, revert);
340
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
334
341
  }
335
342
  .pf-v6-c-button::after {
336
343
  position: absolute;
@@ -633,30 +640,34 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
633
640
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
634
641
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
635
642
  --pf-v6-c-button__icon--TransitionDelay: 0s;
636
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
643
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
637
644
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
638
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
645
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
639
646
  }
640
647
  .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
641
648
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
642
649
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
643
650
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
644
651
  --pf-v6-c-button__icon--TransitionDelay: 0s;
645
- --pf-v6-c-button__icon--Scale: 1;
652
+ --pf-v6-c-button__icon--ScaleX: 1;
646
653
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
647
- --pf-v6-c-button--hover__icon--Scale: 1;
654
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
648
655
  }
649
656
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
650
657
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
651
658
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
652
659
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
653
660
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
661
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
662
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
654
663
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
655
664
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
656
665
  --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
657
666
  --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
658
667
  --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
659
668
  --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
669
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
670
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
660
671
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
661
672
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
662
673
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
@@ -724,7 +735,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
724
735
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
725
736
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
726
737
  rotate: var(--pf-v6-c-button__icon--Rotate);
727
- scale: var(--pf-v6-c-button__icon--Scale);
738
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
728
739
  }
729
740
  .pf-v6-c-button__icon.pf-m-start {
730
741
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -803,6 +814,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
803
814
  }
804
815
  @keyframes pf-v6-c-button-icon-favorited {
805
816
  50% {
806
- transform: scale(1.5);
817
+ scale: 1.5;
807
818
  }
808
819
  }
package/components/Button/button.scss CHANGED
@@ -25,6 +25,8 @@
25
25
  --#{$button}--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
26
26
  --#{$button}--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
27
27
  --#{$button}--TransitionProperty: color, background, border-width, border-color;
28
+ --#{$button}--ScaleX: 1;
29
+ --#{$button}--ScaleY: 1;
28
30
 
29
31
  // Hover
30
32
  --#{$button}--hover--BackgroundColor: transparent;
@@ -33,6 +35,8 @@
33
35
  --#{$button}--hover--TextDecorationLine: none;
34
36
  --#{$button}--hover--TextDecorationStyle: none;
35
37
  --#{$button}--hover--TextDecorationColor: currentcolor;
38
+ --#{$button}--hover--ScaleX: 1;
39
+ --#{$button}--hover--ScaleY: 1;
36
40
 
37
41
  // Clicked
38
42
  --#{$button}--m-clicked--BackgroundColor: transparent;
@@ -287,11 +291,14 @@
287
291
  --#{$button}__icon--TransitionDuration: 0s;
288
292
  --#{$button}__icon--TransitionProperty: none;
289
293
  --#{$button}__icon--Rotate: 0deg;
290
- --#{$button}__icon--Scale: 1;
291
294
  --#{$button}--hover__icon--TransitionTimingFunction: auto;
292
295
  --#{$button}--hover__icon--TransitionDuration: 0s;
293
296
  --#{$button}--hover__icon--TransitionProperty: none;
294
297
  --#{$button}--hover__icon--Rotate: 0deg;
298
+ --#{$button}__icon--ScaleX: 1;
299
+ --#{$button}__icon--ScaleY: 1;
300
+ --#{$button}--hover__icon--ScaleX: 1;
301
+ --#{$button}--hover__icon--ScaleY: 1;
295
302
 
296
303
  // Favorite button
297
304
  --#{$button}--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -350,7 +357,7 @@
350
357
  --#{$button}--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
351
358
  --#{$button}--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
352
359
  --#{$button}--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
353
- --#{$button}--m-hamburger__icon--m-expand--Scale: -1;
360
+ --#{$button}--m-hamburger__icon--m-expand--ScaleX: -1;
354
361
  }
355
362
 
356
363
  .#{$button} {
@@ -388,7 +395,7 @@
388
395
  transition-timing-function: var(--#{$button}--TransitionTimingFunction);
389
396
  transition-duration: var(--#{$button}--TransitionDuration);
390
397
  transition-property: var(--#{$button}--TransitionProperty);
391
- scale: var(--#{$button}--Scale, revert);
398
+ scale: var(--#{$button}--ScaleX) var(--#{$button}--ScaleY);
392
399
 
393
400
  &::after {
394
401
  position: absolute;
@@ -744,12 +751,16 @@
744
751
  --#{$button}--BackgroundColor: var(--#{$button}--hover--BackgroundColor);
745
752
  --#{$button}--BorderColor: var(--#{$button}--hover--BorderColor);
746
753
  --#{$button}--BorderWidth: var(--#{$button}--hover--BorderWidth);
754
+ --#{$button}--ScaleX: var(--#{$button}--hover--ScaleX);
755
+ --#{$button}--ScaleY: var(--#{$button}--hover--ScaleY);
747
756
  --#{$button}--m-plain--m-no-padding__icon--Color: var(--#{$button}--m-plain--m-no-padding--hover__icon--Color);
748
757
  --#{$button}__icon--Color: var(--#{$button}--hover__icon--Color);
749
758
  --#{$button}__icon--TransitionTimingFunction: var(--#{$button}--hover__icon--TransitionTimingFunction);
750
759
  --#{$button}__icon--TransitionDuration: var(--#{$button}--hover__icon--TransitionDuration);
751
760
  --#{$button}__icon--TransitionProperty: var(--#{$button}--hover__icon--TransitionProperty);
752
761
  --#{$button}__icon--Rotate: var(--#{$button}--hover__icon--Rotate);
762
+ --#{$button}__icon--ScaleX: var(--#{$button}--hover__icon--ScaleX);
763
+ --#{$button}__icon--ScaleY: var(--#{$button}--hover__icon--ScaleY);
753
764
 
754
765
  text-decoration-line: var(--#{$button}--hover--TextDecorationLine);
755
766
  text-decoration-style: var(--#{$button}--hover--TextDecorationStyle);
@@ -839,7 +850,7 @@
839
850
  transition-duration: var(--#{$button}__icon--TransitionDuration);
840
851
  transition-property: var(--#{$button}__icon--TransitionProperty);
841
852
  rotate: var(--#{$button}__icon--Rotate);
842
- scale: var(--#{$button}__icon--Scale);
853
+ scale: var(--#{$button}__icon--ScaleX) var(--#{$button}__icon--ScaleY);
843
854
 
844
855
  &.pf-m-start {
845
856
  --#{$button}__icon--MarginInlineEnd: var(--#{$button}__icon--m-start--MarginInlineEnd);
@@ -928,6 +939,6 @@
928
939
 
929
940
  @keyframes #{$button}-icon-favorited {
930
941
  50% {
931
- transform: scale(1.5);
942
+ scale: 1.5;
932
943
  }
933
944
  }
package/components/Page/page.css CHANGED
@@ -116,18 +116,18 @@
116
116
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
117
117
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
118
118
  --pf-v6-c-button__icon--TransitionDelay: 0s;
119
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
119
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
120
120
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
121
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
121
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
122
122
  }
123
123
  .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
124
124
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
125
125
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
126
126
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
127
127
  --pf-v6-c-button__icon--TransitionDelay: 0s;
128
- --pf-v6-c-button__icon--Scale: 1;
128
+ --pf-v6-c-button__icon--ScaleX: 1;
129
129
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
130
- --pf-v6-c-button--hover__icon--Scale: 1;
130
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
131
131
  }
132
132
  @media (min-width: 75rem) {
133
133
  .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger, .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
@@ -142,18 +142,18 @@
142
142
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
143
143
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
144
144
  --pf-v6-c-button__icon--TransitionDelay: 0s;
145
- --pf-v6-c-button__icon--Scale: 1;
145
+ --pf-v6-c-button__icon--ScaleX: 1;
146
146
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
147
- --pf-v6-c-button--hover__icon--Scale: 1;
147
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
148
148
  }
149
149
  .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-collapsed)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
150
150
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
151
151
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
152
152
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
153
153
  --pf-v6-c-button__icon--TransitionDelay: 0s;
154
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
154
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
155
155
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
156
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
156
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
157
157
  }
158
158
  }
159
159
 
package/components/_index.css CHANGED
@@ -1551,12 +1551,16 @@ button.pf-v6-c-breadcrumb__link {
1551
1551
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
1552
1552
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
1553
1553
  --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
1554
+ --pf-v6-c-button--ScaleX: 1;
1555
+ --pf-v6-c-button--ScaleY: 1;
1554
1556
  --pf-v6-c-button--hover--BackgroundColor: transparent;
1555
1557
  --pf-v6-c-button--hover--BorderColor: transparent;
1556
1558
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
1557
1559
  --pf-v6-c-button--hover--TextDecorationLine: none;
1558
1560
  --pf-v6-c-button--hover--TextDecorationStyle: none;
1559
1561
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
1562
+ --pf-v6-c-button--hover--ScaleX: 1;
1563
+ --pf-v6-c-button--hover--ScaleY: 1;
1560
1564
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
1561
1565
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
1562
1566
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -1771,11 +1775,14 @@ button.pf-v6-c-breadcrumb__link {
1771
1775
  --pf-v6-c-button__icon--TransitionDuration: 0s;
1772
1776
  --pf-v6-c-button__icon--TransitionProperty: none;
1773
1777
  --pf-v6-c-button__icon--Rotate: 0deg;
1774
- --pf-v6-c-button__icon--Scale: 1;
1775
1778
  --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
1776
1779
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
1777
1780
  --pf-v6-c-button--hover__icon--TransitionProperty: none;
1778
1781
  --pf-v6-c-button--hover__icon--Rotate: 0deg;
1782
+ --pf-v6-c-button__icon--ScaleX: 1;
1783
+ --pf-v6-c-button__icon--ScaleY: 1;
1784
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
1785
+ --pf-v6-c-button--hover__icon--ScaleY: 1;
1779
1786
  --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
1780
1787
  --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
1781
1788
  --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
@@ -1822,7 +1829,7 @@ button.pf-v6-c-breadcrumb__link {
1822
1829
  --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
1823
1830
  --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
1824
1831
  --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
1825
- --pf-v6-c-button--m-hamburger__icon--m-expand--Scale: -1;
1832
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
1826
1833
  }
1827
1834
 
1828
1835
  .pf-v6-c-button {
@@ -1858,7 +1865,7 @@ button.pf-v6-c-breadcrumb__link {
1858
1865
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
1859
1866
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
1860
1867
  transition-property: var(--pf-v6-c-button--TransitionProperty);
1861
- scale: var(--pf-v6-c-button--Scale, revert);
1868
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
1862
1869
  }
1863
1870
  .pf-v6-c-button::after {
1864
1871
  position: absolute;
@@ -2161,30 +2168,34 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2161
2168
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
2162
2169
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
2163
2170
  --pf-v6-c-button__icon--TransitionDelay: 0s;
2164
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
2171
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
2165
2172
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
2166
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
2173
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
2167
2174
  }
2168
2175
  .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
2169
2176
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
2170
2177
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
2171
2178
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
2172
2179
  --pf-v6-c-button__icon--TransitionDelay: 0s;
2173
- --pf-v6-c-button__icon--Scale: 1;
2180
+ --pf-v6-c-button__icon--ScaleX: 1;
2174
2181
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
2175
- --pf-v6-c-button--hover__icon--Scale: 1;
2182
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
2176
2183
  }
2177
2184
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
2178
2185
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
2179
2186
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
2180
2187
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
2181
2188
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
2189
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
2190
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
2182
2191
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
2183
2192
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
2184
2193
  --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
2185
2194
  --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
2186
2195
  --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
2187
2196
  --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
2197
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
2198
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
2188
2199
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
2189
2200
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
2190
2201
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
@@ -2252,7 +2263,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2252
2263
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
2253
2264
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
2254
2265
  rotate: var(--pf-v6-c-button__icon--Rotate);
2255
- scale: var(--pf-v6-c-button__icon--Scale);
2266
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
2256
2267
  }
2257
2268
  .pf-v6-c-button__icon.pf-m-start {
2258
2269
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -2331,7 +2342,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2331
2342
  }
2332
2343
  @keyframes pf-v6-c-button-icon-favorited {
2333
2344
  50% {
2334
- transform: scale(1.5);
2345
+ scale: 1.5;
2335
2346
  }
2336
2347
  }
2337
2348
  .pf-v6-c-calendar-month {
@@ -12300,18 +12311,18 @@ ul.pf-v6-c-list {
12300
12311
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12301
12312
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12302
12313
  --pf-v6-c-button__icon--TransitionDelay: 0s;
12303
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
12314
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12304
12315
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12305
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
12316
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12306
12317
  }
12307
12318
  .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
12308
12319
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12309
12320
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12310
12321
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12311
12322
  --pf-v6-c-button__icon--TransitionDelay: 0s;
12312
- --pf-v6-c-button__icon--Scale: 1;
12323
+ --pf-v6-c-button__icon--ScaleX: 1;
12313
12324
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12314
- --pf-v6-c-button--hover__icon--Scale: 1;
12325
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
12315
12326
  }
12316
12327
  @media (min-width: 75rem) {
12317
12328
  .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger, .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
@@ -12326,18 +12337,18 @@ ul.pf-v6-c-list {
12326
12337
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12327
12338
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12328
12339
  --pf-v6-c-button__icon--TransitionDelay: 0s;
12329
- --pf-v6-c-button__icon--Scale: 1;
12340
+ --pf-v6-c-button__icon--ScaleX: 1;
12330
12341
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12331
- --pf-v6-c-button--hover__icon--Scale: 1;
12342
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
12332
12343
  }
12333
12344
  .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-collapsed)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
12334
12345
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12335
12346
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12336
12347
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12337
12348
  --pf-v6-c-button__icon--TransitionDelay: 0s;
12338
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
12349
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12339
12350
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12340
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
12351
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12341
12352
  }
12342
12353
  }
12343
12354
 
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.3.0-prerelease.28",
4
+ "version": "6.3.0-prerelease.29",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -9047,12 +9047,16 @@ button.pf-v6-c-breadcrumb__link {
9047
9047
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
9048
9048
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
9049
9049
  --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
9050
+ --pf-v6-c-button--ScaleX: 1;
9051
+ --pf-v6-c-button--ScaleY: 1;
9050
9052
  --pf-v6-c-button--hover--BackgroundColor: transparent;
9051
9053
  --pf-v6-c-button--hover--BorderColor: transparent;
9052
9054
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
9053
9055
  --pf-v6-c-button--hover--TextDecorationLine: none;
9054
9056
  --pf-v6-c-button--hover--TextDecorationStyle: none;
9055
9057
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
9058
+ --pf-v6-c-button--hover--ScaleX: 1;
9059
+ --pf-v6-c-button--hover--ScaleY: 1;
9056
9060
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
9057
9061
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
9058
9062
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -9267,11 +9271,14 @@ button.pf-v6-c-breadcrumb__link {
9267
9271
  --pf-v6-c-button__icon--TransitionDuration: 0s;
9268
9272
  --pf-v6-c-button__icon--TransitionProperty: none;
9269
9273
  --pf-v6-c-button__icon--Rotate: 0deg;
9270
- --pf-v6-c-button__icon--Scale: 1;
9271
9274
  --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
9272
9275
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
9273
9276
  --pf-v6-c-button--hover__icon--TransitionProperty: none;
9274
9277
  --pf-v6-c-button--hover__icon--Rotate: 0deg;
9278
+ --pf-v6-c-button__icon--ScaleX: 1;
9279
+ --pf-v6-c-button__icon--ScaleY: 1;
9280
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9281
+ --pf-v6-c-button--hover__icon--ScaleY: 1;
9275
9282
  --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9276
9283
  --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9277
9284
  --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
@@ -9318,7 +9325,7 @@ button.pf-v6-c-breadcrumb__link {
9318
9325
  --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
9319
9326
  --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
9320
9327
  --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
9321
- --pf-v6-c-button--m-hamburger__icon--m-expand--Scale: -1;
9328
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
9322
9329
  }
9323
9330
 
9324
9331
  .pf-v6-c-button {
@@ -9354,7 +9361,7 @@ button.pf-v6-c-breadcrumb__link {
9354
9361
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
9355
9362
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
9356
9363
  transition-property: var(--pf-v6-c-button--TransitionProperty);
9357
- scale: var(--pf-v6-c-button--Scale, revert);
9364
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
9358
9365
  }
9359
9366
  .pf-v6-c-button::after {
9360
9367
  position: absolute;
@@ -9657,30 +9664,34 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9657
9664
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9658
9665
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9659
9666
  --pf-v6-c-button__icon--TransitionDelay: 0s;
9660
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
9667
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9661
9668
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9662
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
9669
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9663
9670
  }
9664
9671
  .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
9665
9672
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
9666
9673
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9667
9674
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9668
9675
  --pf-v6-c-button__icon--TransitionDelay: 0s;
9669
- --pf-v6-c-button__icon--Scale: 1;
9676
+ --pf-v6-c-button__icon--ScaleX: 1;
9670
9677
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9671
- --pf-v6-c-button--hover__icon--Scale: 1;
9678
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9672
9679
  }
9673
9680
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
9674
9681
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
9675
9682
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
9676
9683
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
9677
9684
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9685
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
9686
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
9678
9687
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9679
9688
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9680
9689
  --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
9681
9690
  --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
9682
9691
  --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
9683
9692
  --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
9693
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
9694
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
9684
9695
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
9685
9696
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
9686
9697
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
@@ -9748,7 +9759,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9748
9759
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
9749
9760
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
9750
9761
  rotate: var(--pf-v6-c-button__icon--Rotate);
9751
- scale: var(--pf-v6-c-button__icon--Scale);
9762
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
9752
9763
  }
9753
9764
  .pf-v6-c-button__icon.pf-m-start {
9754
9765
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -9827,7 +9838,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9827
9838
  }
9828
9839
  @keyframes pf-v6-c-button-icon-favorited {
9829
9840
  50% {
9830
- transform: scale(1.5);
9841
+ scale: 1.5;
9831
9842
  }
9832
9843
  }
9833
9844
  .pf-v6-c-calendar-month {
@@ -19796,18 +19807,18 @@ ul.pf-v6-c-list {
19796
19807
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19797
19808
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19798
19809
  --pf-v6-c-button__icon--TransitionDelay: 0s;
19799
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
19810
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19800
19811
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19801
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
19812
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19802
19813
  }
19803
19814
  .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
19804
19815
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19805
19816
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19806
19817
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19807
19818
  --pf-v6-c-button__icon--TransitionDelay: 0s;
19808
- --pf-v6-c-button__icon--Scale: 1;
19819
+ --pf-v6-c-button__icon--ScaleX: 1;
19809
19820
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19810
- --pf-v6-c-button--hover__icon--Scale: 1;
19821
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
19811
19822
  }
19812
19823
  @media (min-width: 75rem) {
19813
19824
  .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger, .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
@@ -19822,18 +19833,18 @@ ul.pf-v6-c-list {
19822
19833
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19823
19834
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19824
19835
  --pf-v6-c-button__icon--TransitionDelay: 0s;
19825
- --pf-v6-c-button__icon--Scale: 1;
19836
+ --pf-v6-c-button__icon--ScaleX: 1;
19826
19837
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19827
- --pf-v6-c-button--hover__icon--Scale: 1;
19838
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
19828
19839
  }
19829
19840
  .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-collapsed)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
19830
19841
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19831
19842
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19832
19843
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19833
19844
  --pf-v6-c-button__icon--TransitionDelay: 0s;
19834
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
19845
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19835
19846
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19836
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
19847
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19837
19848
  }
19838
19849
  }
19839
19850