@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/patternfly.css CHANGED
@@ -9183,12 +9183,16 @@ button.pf-v6-c-breadcrumb__link {
9183
9183
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
9184
9184
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
9185
9185
  --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
9186
+ --pf-v6-c-button--ScaleX: 1;
9187
+ --pf-v6-c-button--ScaleY: 1;
9186
9188
  --pf-v6-c-button--hover--BackgroundColor: transparent;
9187
9189
  --pf-v6-c-button--hover--BorderColor: transparent;
9188
9190
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
9189
9191
  --pf-v6-c-button--hover--TextDecorationLine: none;
9190
9192
  --pf-v6-c-button--hover--TextDecorationStyle: none;
9191
9193
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
9194
+ --pf-v6-c-button--hover--ScaleX: 1;
9195
+ --pf-v6-c-button--hover--ScaleY: 1;
9192
9196
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
9193
9197
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
9194
9198
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -9403,11 +9407,14 @@ button.pf-v6-c-breadcrumb__link {
9403
9407
  --pf-v6-c-button__icon--TransitionDuration: 0s;
9404
9408
  --pf-v6-c-button__icon--TransitionProperty: none;
9405
9409
  --pf-v6-c-button__icon--Rotate: 0deg;
9406
- --pf-v6-c-button__icon--Scale: 1;
9407
9410
  --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
9408
9411
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
9409
9412
  --pf-v6-c-button--hover__icon--TransitionProperty: none;
9410
9413
  --pf-v6-c-button--hover__icon--Rotate: 0deg;
9414
+ --pf-v6-c-button__icon--ScaleX: 1;
9415
+ --pf-v6-c-button__icon--ScaleY: 1;
9416
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9417
+ --pf-v6-c-button--hover__icon--ScaleY: 1;
9411
9418
  --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9412
9419
  --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9413
9420
  --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
@@ -9454,7 +9461,7 @@ button.pf-v6-c-breadcrumb__link {
9454
9461
  --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
9455
9462
  --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
9456
9463
  --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
9457
- --pf-v6-c-button--m-hamburger__icon--m-expand--Scale: -1;
9464
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
9458
9465
  }
9459
9466
 
9460
9467
  .pf-v6-c-button {
@@ -9490,7 +9497,7 @@ button.pf-v6-c-breadcrumb__link {
9490
9497
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
9491
9498
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
9492
9499
  transition-property: var(--pf-v6-c-button--TransitionProperty);
9493
- scale: var(--pf-v6-c-button--Scale, revert);
9500
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
9494
9501
  }
9495
9502
  .pf-v6-c-button::after {
9496
9503
  position: absolute;
@@ -9793,30 +9800,34 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9793
9800
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9794
9801
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9795
9802
  --pf-v6-c-button__icon--TransitionDelay: 0s;
9796
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
9803
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9797
9804
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9798
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
9805
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9799
9806
  }
9800
9807
  .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
9801
9808
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
9802
9809
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9803
9810
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9804
9811
  --pf-v6-c-button__icon--TransitionDelay: 0s;
9805
- --pf-v6-c-button__icon--Scale: 1;
9812
+ --pf-v6-c-button__icon--ScaleX: 1;
9806
9813
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9807
- --pf-v6-c-button--hover__icon--Scale: 1;
9814
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9808
9815
  }
9809
9816
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
9810
9817
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
9811
9818
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
9812
9819
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
9813
9820
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9821
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
9822
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
9814
9823
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9815
9824
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9816
9825
  --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
9817
9826
  --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
9818
9827
  --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
9819
9828
  --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
9829
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
9830
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
9820
9831
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
9821
9832
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
9822
9833
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
@@ -9884,7 +9895,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9884
9895
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
9885
9896
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
9886
9897
  rotate: var(--pf-v6-c-button__icon--Rotate);
9887
- scale: var(--pf-v6-c-button__icon--Scale);
9898
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
9888
9899
  }
9889
9900
  .pf-v6-c-button__icon.pf-m-start {
9890
9901
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -9963,7 +9974,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9963
9974
  }
9964
9975
  @keyframes pf-v6-c-button-icon-favorited {
9965
9976
  50% {
9966
- transform: scale(1.5);
9977
+ scale: 1.5;
9967
9978
  }
9968
9979
  }
9969
9980
  .pf-v6-c-calendar-month {
@@ -19932,18 +19943,18 @@ ul.pf-v6-c-list {
19932
19943
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19933
19944
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19934
19945
  --pf-v6-c-button__icon--TransitionDelay: 0s;
19935
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
19946
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19936
19947
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19937
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
19948
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19938
19949
  }
19939
19950
  .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) {
19940
19951
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19941
19952
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19942
19953
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19943
19954
  --pf-v6-c-button__icon--TransitionDelay: 0s;
19944
- --pf-v6-c-button__icon--Scale: 1;
19955
+ --pf-v6-c-button__icon--ScaleX: 1;
19945
19956
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19946
- --pf-v6-c-button--hover__icon--Scale: 1;
19957
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
19947
19958
  }
19948
19959
  @media (min-width: 75rem) {
19949
19960
  .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) {
@@ -19958,18 +19969,18 @@ ul.pf-v6-c-list {
19958
19969
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19959
19970
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19960
19971
  --pf-v6-c-button__icon--TransitionDelay: 0s;
19961
- --pf-v6-c-button__icon--Scale: 1;
19972
+ --pf-v6-c-button__icon--ScaleX: 1;
19962
19973
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19963
- --pf-v6-c-button--hover__icon--Scale: 1;
19974
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
19964
19975
  }
19965
19976
  .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) {
19966
19977
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19967
19978
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19968
19979
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19969
19980
  --pf-v6-c-button__icon--TransitionDelay: 0s;
19970
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
19981
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19971
19982
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19972
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
19983
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19973
19984
  }
19974
19985
  }
19975
19986