@patternfly/patternfly 6.0.0-prerelease.2 → 6.0.0-prerelease.3

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 +2 -2
  2. package/components/Button/button.scss +2 -3
  3. package/components/ClipboardCopy/clipboard-copy.css +0 -3
  4. package/components/ClipboardCopy/clipboard-copy.scss +0 -4
  5. package/components/_index.css +2 -5
  6. package/package.json +1 -1
  7. package/patternfly-no-globals.css +2 -5
  8. package/patternfly.css +2 -5
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/components/Button/button.css CHANGED
@@ -4,6 +4,7 @@
4
4
  --pf-v6-c-button--AlignItems: baseline;
5
5
  --pf-v6-c-button--JustifyContent: center;
6
6
  --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
7
+ --pf-v6-c-button--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
7
8
  --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
8
9
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
9
10
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -112,7 +113,6 @@
112
113
  --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
113
114
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
114
115
  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
115
- --pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
116
116
  --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
117
117
  --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
118
118
  --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
@@ -240,6 +240,7 @@
240
240
  gap: var(--pf-v6-c-button--Gap);
241
241
  align-items: var(--pf-v6-c-button--AlignItems);
242
242
  justify-content: var(--pf-v6-c-button--JustifyContent);
243
+ min-width: var(--pf-v6-c-button--MinWidth);
243
244
  padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
244
245
  padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
245
246
  padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
@@ -476,7 +477,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
476
477
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
477
478
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
478
479
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
479
- min-width: var(--pf-v6-c-button--m-plain--MinWidth);
480
480
  }
481
481
  .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
482
482
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
package/components/Button/button.scss CHANGED
@@ -5,6 +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: calc(1em * var(--#{$button}--LineHeight) + var(--#{$button}--PaddingBlockStart) + var(--#{$button}--PaddingBlockEnd));
8
9
  --#{$button}--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
9
10
  --#{$button}--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
10
11
  --#{$button}--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -131,7 +132,6 @@
131
132
  --#{$button}--m-plain--Color: var(--pf-t--global--icon--color--regular);
132
133
  --#{$button}--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
133
134
  --#{$button}--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
134
- --#{$button}--m-plain--MinWidth: calc(1em * var(--#{$button}--LineHeight) + var(--#{$button}--PaddingBlockStart) + var(--#{$button}--PaddingBlockEnd));
135
135
  --#{$button}--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
136
136
  --#{$button}--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
137
137
  --#{$button}--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
@@ -289,6 +289,7 @@
289
289
  gap: var(--#{$button}--Gap);
290
290
  align-items: var(--#{$button}--AlignItems);
291
291
  justify-content: var(--#{$button}--JustifyContent);
292
+ min-width: var(--#{$button}--MinWidth);
292
293
  padding-block-start: var(--#{$button}--PaddingBlockStart);
293
294
  padding-block-end: var(--#{$button}--PaddingBlockEnd);
294
295
  padding-inline-start: var(--#{$button}--PaddingInlineStart);
@@ -567,8 +568,6 @@
567
568
 
568
569
  min-width: var(--#{$button}--m-plain--m-no-padding--MinWidth);
569
570
  }
570
-
571
- min-width: var(--#{$button}--m-plain--MinWidth);
572
571
  }
573
572
 
574
573
  &.pf-m-block {
package/components/ClipboardCopy/clipboard-copy.css CHANGED
@@ -45,9 +45,6 @@
45
45
  display: flex;
46
46
  gap: var(--pf-v6-c-clipboard-copy__group--Gap);
47
47
  }
48
- .pf-v6-c-clipboard-copy__group > * + * {
49
- margin-inline-start: -1px;
50
- }
51
48
 
52
49
  .pf-v6-c-clipboard-copy__toggle-icon {
53
50
  transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
package/components/ClipboardCopy/clipboard-copy.scss CHANGED
@@ -62,10 +62,6 @@
62
62
  .#{$clipboard-copy}__group {
63
63
  display: flex;
64
64
  gap: var(--#{$clipboard-copy}__group--Gap);
65
-
66
- > * + * {
67
- margin-inline-start: -1px;
68
- }
69
65
  }
70
66
 
71
67
  .#{$clipboard-copy}__toggle-icon {
package/components/_index.css CHANGED
@@ -1421,6 +1421,7 @@ button.pf-v6-c-breadcrumb__link {
1421
1421
  --pf-v6-c-button--AlignItems: baseline;
1422
1422
  --pf-v6-c-button--JustifyContent: center;
1423
1423
  --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
1424
+ --pf-v6-c-button--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
1424
1425
  --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
1425
1426
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
1426
1427
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -1529,7 +1530,6 @@ button.pf-v6-c-breadcrumb__link {
1529
1530
  --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
1530
1531
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
1531
1532
  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
1532
- --pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
1533
1533
  --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
1534
1534
  --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
1535
1535
  --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
@@ -1657,6 +1657,7 @@ button.pf-v6-c-breadcrumb__link {
1657
1657
  gap: var(--pf-v6-c-button--Gap);
1658
1658
  align-items: var(--pf-v6-c-button--AlignItems);
1659
1659
  justify-content: var(--pf-v6-c-button--JustifyContent);
1660
+ min-width: var(--pf-v6-c-button--MinWidth);
1660
1661
  padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
1661
1662
  padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
1662
1663
  padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
@@ -1893,7 +1894,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1893
1894
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
1894
1895
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
1895
1896
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
1896
- min-width: var(--pf-v6-c-button--m-plain--MinWidth);
1897
1897
  }
1898
1898
  .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
1899
1899
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
@@ -2671,9 +2671,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2671
2671
  display: flex;
2672
2672
  gap: var(--pf-v6-c-clipboard-copy__group--Gap);
2673
2673
  }
2674
- .pf-v6-c-clipboard-copy__group > * + * {
2675
- margin-inline-start: -1px;
2676
- }
2677
2674
 
2678
2675
  .pf-v6-c-clipboard-copy__toggle-icon {
2679
2676
  transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
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.0.0-prerelease.2",
4
+ "version": "6.0.0-prerelease.3",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -7482,6 +7482,7 @@ button.pf-v6-c-breadcrumb__link {
7482
7482
  --pf-v6-c-button--AlignItems: baseline;
7483
7483
  --pf-v6-c-button--JustifyContent: center;
7484
7484
  --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
7485
+ --pf-v6-c-button--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
7485
7486
  --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
7486
7487
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
7487
7488
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -7590,7 +7591,6 @@ button.pf-v6-c-breadcrumb__link {
7590
7591
  --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
7591
7592
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
7592
7593
  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7593
- --pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
7594
7594
  --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
7595
7595
  --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
7596
7596
  --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
@@ -7718,6 +7718,7 @@ button.pf-v6-c-breadcrumb__link {
7718
7718
  gap: var(--pf-v6-c-button--Gap);
7719
7719
  align-items: var(--pf-v6-c-button--AlignItems);
7720
7720
  justify-content: var(--pf-v6-c-button--JustifyContent);
7721
+ min-width: var(--pf-v6-c-button--MinWidth);
7721
7722
  padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
7722
7723
  padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
7723
7724
  padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
@@ -7954,7 +7955,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
7954
7955
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
7955
7956
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
7956
7957
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
7957
- min-width: var(--pf-v6-c-button--m-plain--MinWidth);
7958
7958
  }
7959
7959
  .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
7960
7960
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
@@ -8732,9 +8732,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8732
8732
  display: flex;
8733
8733
  gap: var(--pf-v6-c-clipboard-copy__group--Gap);
8734
8734
  }
8735
- .pf-v6-c-clipboard-copy__group > * + * {
8736
- margin-inline-start: -1px;
8737
- }
8738
8735
 
8739
8736
  .pf-v6-c-clipboard-copy__toggle-icon {
8740
8737
  transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
package/patternfly.css CHANGED
@@ -7603,6 +7603,7 @@ button.pf-v6-c-breadcrumb__link {
7603
7603
  --pf-v6-c-button--AlignItems: baseline;
7604
7604
  --pf-v6-c-button--JustifyContent: center;
7605
7605
  --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
7606
+ --pf-v6-c-button--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
7606
7607
  --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
7607
7608
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
7608
7609
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -7711,7 +7712,6 @@ button.pf-v6-c-breadcrumb__link {
7711
7712
  --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
7712
7713
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
7713
7714
  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7714
- --pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
7715
7715
  --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
7716
7716
  --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
7717
7717
  --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
@@ -7839,6 +7839,7 @@ button.pf-v6-c-breadcrumb__link {
7839
7839
  gap: var(--pf-v6-c-button--Gap);
7840
7840
  align-items: var(--pf-v6-c-button--AlignItems);
7841
7841
  justify-content: var(--pf-v6-c-button--JustifyContent);
7842
+ min-width: var(--pf-v6-c-button--MinWidth);
7842
7843
  padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
7843
7844
  padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
7844
7845
  padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
@@ -8075,7 +8076,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8075
8076
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
8076
8077
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
8077
8078
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
8078
- min-width: var(--pf-v6-c-button--m-plain--MinWidth);
8079
8079
  }
8080
8080
  .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
8081
8081
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
@@ -8853,9 +8853,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8853
8853
  display: flex;
8854
8854
  gap: var(--pf-v6-c-clipboard-copy__group--Gap);
8855
8855
  }
8856
- .pf-v6-c-clipboard-copy__group > * + * {
8857
- margin-inline-start: -1px;
8858
- }
8859
8856
 
8860
8857
  .pf-v6-c-clipboard-copy__toggle-icon {
8861
8858
  transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);