@patternfly/patternfly 6.5.0-prerelease.55 → 6.5.0-prerelease.56

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 (24) hide show
  1. package/base/patternfly-variables.css +364 -3736
  2. package/base/tokens/tokens-dark.scss +2 -2
  3. package/base/tokens/tokens-default.scss +1 -2
  4. package/base/tokens/tokens-glass-dark.scss +2 -2
  5. package/base/tokens/tokens-glass.scss +1 -1
  6. package/base/tokens/tokens-palette.scss +1 -1
  7. package/base/tokens/tokens-redhat-dark.scss +2 -425
  8. package/base/tokens/tokens-redhat-glass-dark.scss +3 -407
  9. package/base/tokens/tokens-redhat-glass.scss +2 -731
  10. package/base/tokens/tokens-redhat-highcontrast-dark.scss +3 -397
  11. package/base/tokens/tokens-redhat-highcontrast.scss +2 -633
  12. package/base/tokens/tokens-redhat.scss +2 -786
  13. package/components/Button/button.css +2 -2
  14. package/components/Button/button.scss +3 -2
  15. package/components/MenuToggle/menu-toggle.css +1 -2
  16. package/components/MenuToggle/menu-toggle.scss +1 -2
  17. package/components/_index.css +3 -4
  18. package/package.json +2 -2
  19. package/patternfly-base-no-globals.css +364 -3736
  20. package/patternfly-base.css +364 -3736
  21. package/patternfly-no-globals.css +366 -3739
  22. package/patternfly.css +366 -3739
  23. package/patternfly.min.css +1 -1
  24. package/patternfly.min.css.map +1 -1
package/components/Button/button.css CHANGED
@@ -3,7 +3,7 @@
3
3
  --pf-v6-c-button--AlignItems: baseline;
4
4
  --pf-v6-c-button--JustifyContent: center;
5
5
  --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
6
- --pf-v6-c-button--MinWidth: initial;
6
+ --pf-v6-c-button--MinWidth: calc(1lh + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
7
7
  --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
8
8
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
9
9
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -765,6 +765,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
765
765
  }
766
766
  .pf-v6-c-button.pf-m-circle {
767
767
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
768
+ padding-inline: 0;
768
769
  }
769
770
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
770
771
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
@@ -865,7 +866,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
865
866
  }
866
867
 
867
868
  .pf-v6-c-button__icon {
868
- min-width: 1lh;
869
869
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
870
870
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
871
871
  color: var(--pf-v6-c-button__icon--Color);
package/components/Button/button.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  --#{$button}--AlignItems: baseline;
6
6
  --#{$button}--JustifyContent: center;
7
7
  --#{$button}--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
8
- --#{$button}--MinWidth: initial;
8
+ --#{$button}--MinWidth: calc(1lh + var(--#{$button}--PaddingBlockStart) + var(--#{$button}--PaddingBlockEnd));
9
9
  --#{$button}--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
10
10
  --#{$button}--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
11
11
  --#{$button}--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -868,6 +868,8 @@
868
868
 
869
869
  &.pf-m-circle {
870
870
  --#{$button}--BorderRadius: var(--#{$button}--m-circle--BorderRadius);
871
+
872
+ padding-inline: 0;
871
873
  }
872
874
 
873
875
  &:hover,
@@ -997,7 +999,6 @@
997
999
  }
998
1000
 
999
1001
  .#{$button}__icon {
1000
- min-width: 1lh;
1001
1002
  margin-inline-start: var(--#{$button}__icon--MarginInlineStart);
1002
1003
  margin-inline-end: var(--#{$button}__icon--MarginInlineEnd);
1003
1004
  color: var(--#{$button}__icon--Color);
package/components/MenuToggle/menu-toggle.css CHANGED
@@ -4,7 +4,7 @@
4
4
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
5
5
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
6
6
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
7
- --pf-v6-c-menu-toggle--MinWidth: initial;
7
+ --pf-v6-c-menu-toggle--MinWidth: calc(1lh + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
8
8
  --pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
9
9
  --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
10
10
  --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -519,7 +519,6 @@
519
519
 
520
520
  .pf-v6-c-menu-toggle__icon {
521
521
  flex-shrink: 0;
522
- min-width: 1lh;
523
522
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
524
523
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
525
524
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
package/components/MenuToggle/menu-toggle.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  --#{$menu-toggle}--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
7
7
  --#{$menu-toggle}--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
8
8
  --#{$menu-toggle}--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
9
- --#{$menu-toggle}--MinWidth: initial;
9
+ --#{$menu-toggle}--MinWidth: calc(1lh + var(--#{$menu-toggle}--PaddingBlockStart) + var(--#{$menu-toggle}--PaddingBlockEnd));
10
10
  --#{$menu-toggle}--FontSize: var(--pf-t--global--font--size--body--default);
11
11
  --#{$menu-toggle}--Color: var(--pf-t--global--text--color--regular);
12
12
  --#{$menu-toggle}--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -642,7 +642,6 @@
642
642
 
643
643
  .#{$menu-toggle}__icon {
644
644
  flex-shrink: 0;
645
- min-width: 1lh;
646
645
  transition-delay: var(--#{$menu-toggle}__icon--TransitionDelay);
647
646
  transition-duration: var(--#{$menu-toggle}__icon--TransitionDuration);
648
647
  transition-property: var(--#{$menu-toggle}__icon--TransitionProperty);
package/components/_index.css CHANGED
@@ -1615,7 +1615,7 @@ button.pf-v6-c-breadcrumb__link {
1615
1615
  --pf-v6-c-button--AlignItems: baseline;
1616
1616
  --pf-v6-c-button--JustifyContent: center;
1617
1617
  --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
1618
- --pf-v6-c-button--MinWidth: initial;
1618
+ --pf-v6-c-button--MinWidth: calc(1lh + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
1619
1619
  --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
1620
1620
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
1621
1621
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -2377,6 +2377,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2377
2377
  }
2378
2378
  .pf-v6-c-button.pf-m-circle {
2379
2379
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
2380
+ padding-inline: 0;
2380
2381
  }
2381
2382
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
2382
2383
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
@@ -2477,7 +2478,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2477
2478
  }
2478
2479
 
2479
2480
  .pf-v6-c-button__icon {
2480
- min-width: 1lh;
2481
2481
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
2482
2482
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
2483
2483
  color: var(--pf-v6-c-button__icon--Color);
@@ -11696,7 +11696,7 @@ ul.pf-v6-c-list {
11696
11696
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
11697
11697
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
11698
11698
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
11699
- --pf-v6-c-menu-toggle--MinWidth: initial;
11699
+ --pf-v6-c-menu-toggle--MinWidth: calc(1lh + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
11700
11700
  --pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
11701
11701
  --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
11702
11702
  --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -12211,7 +12211,6 @@ ul.pf-v6-c-list {
12211
12211
 
12212
12212
  .pf-v6-c-menu-toggle__icon {
12213
12213
  flex-shrink: 0;
12214
- min-width: 1lh;
12215
12214
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
12216
12215
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
12217
12216
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
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.5.0-prerelease.55",
4
+ "version": "6.5.0-prerelease.56",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -49,7 +49,7 @@
49
49
  "@commitlint/config-conventional": "^19.1.0",
50
50
  "@fortawesome/fontawesome": "^1.1.8",
51
51
  "@octokit/rest": "^20.1.0",
52
- "@patternfly/documentation-framework": "6.36.2",
52
+ "@patternfly/documentation-framework": "6.36.7",
53
53
  "@patternfly/patternfly-a11y": "5.1.0",
54
54
  "@patternfly/react-code-editor": "6.4.1",
55
55
  "@patternfly/react-core": "6.4.1",