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

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 (34) hide show
  1. package/assets/fontawesome/_animated.scss +1 -1
  2. package/assets/fontawesome/_bordered-pulled.scss +1 -1
  3. package/assets/fontawesome/_fixed-width.scss +4 -2
  4. package/assets/fontawesome/_icons.scss +1332 -1330
  5. package/assets/fontawesome/_index.scss +0 -1
  6. package/assets/fontawesome/_larger.scss +1 -1
  7. package/assets/fontawesome/_list.scss +1 -1
  8. package/assets/fontawesome/_rotated-flipped.scss +2 -2
  9. package/assets/fontawesome/_screen-reader.scss +1 -1
  10. package/assets/fontawesome/_stacked.scss +1 -1
  11. package/assets/fontawesome/_variables.scss +1 -2
  12. package/base/patternfly-common.scss +2 -1
  13. package/base/patternfly-fa-icons.css +2786 -1419
  14. package/base/patternfly-fa-icons.scss +25 -7
  15. package/base/patternfly-pf-icons.scss +1 -1
  16. package/components/Button/button.css +2 -2
  17. package/components/Button/button.scss +2 -3
  18. package/components/ClipboardCopy/clipboard-copy.css +0 -3
  19. package/components/ClipboardCopy/clipboard-copy.scss +0 -4
  20. package/components/_index.css +2 -5
  21. package/package.json +5 -5
  22. package/patternfly-base-no-globals.css +2786 -1419
  23. package/patternfly-base.css +2786 -1419
  24. package/patternfly-no-globals.css +2788 -1424
  25. package/patternfly.css +2788 -1424
  26. package/patternfly.min.css +1 -1
  27. package/patternfly.min.css.map +1 -1
  28. package/patternfly.scss +3 -0
  29. package/sass-utilities/functions.scss +2 -2
  30. package/sass-utilities/mixins.scss +3 -3
  31. package/sass-utilities/namespaces-components.scss +2 -2
  32. package/sass-utilities/namespaces-layouts.scss +2 -2
  33. package/sass-utilities/scss-variables.scss +0 -1
  34. package/assets/fontawesome/_core.scss +0 -22
package/base/patternfly-fa-icons.scss CHANGED
@@ -1,9 +1,8 @@
1
1
  // Font Awesome 5 icons https://fontawesome.com
2
2
  @use '../sass-utilities' as *;
3
-
4
- %pf-fa-local {
5
- @import "../assets/fontawesome/fontawesome";
6
- }
3
+ @use '../assets/fontawesome/variables' as *;
4
+ @use '../assets/fontawesome/icons' as icons;
5
+ @use '../assets/fontawesome' as *;
7
6
 
8
7
  @if not($pf-v6-global--disable-fontawesome) {
9
8
  @if $pf-v6-global--enable-fontawesome-cdn {
@@ -28,8 +27,27 @@
28
27
  }
29
28
  // stylelint-enable
30
29
 
31
- * {
32
- @extend %pf-fa-local;
33
- }
30
+ @include icons.pf-fa-icon-vars;
31
+ }
32
+ }
33
+
34
+ @mixin pf-fa-icon-base {
35
+ -moz-osx-font-smoothing: grayscale;
36
+ -webkit-font-smoothing: antialiased;
37
+ display: inline-block;
38
+ font-style: normal;
39
+ font-variant: normal;
40
+ text-rendering: auto;
41
+ line-height: 1;
42
+ }
43
+
44
+ @if not($pf-v6-global--disable-fontawesome) {
45
+ .#{$fa-css-prefix},
46
+ .fa,
47
+ .fas,
48
+ .far,
49
+ .fal,
50
+ .fab {
51
+ @include pf-fa-icon-base;
34
52
  }
35
53
  }
package/base/patternfly-pf-icons.scss CHANGED
@@ -1 +1 @@
1
- @forward '../assets/pficon/pficon.scss';
1
+ @forward '../assets/pficon/pficon';
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.4",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,11 +47,11 @@
47
47
  "@commitlint/config-conventional": "^19.1.0",
48
48
  "@fortawesome/fontawesome": "^1.1.8",
49
49
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.0.0-alpha.81",
50
+ "@patternfly/documentation-framework": "6.0.0-alpha.90",
51
51
  "@patternfly/patternfly-a11y": "4.3.1",
52
- "@patternfly/react-code-editor": "6.0.0-alpha.101",
53
- "@patternfly/react-core": "6.0.0-alpha.101",
54
- "@patternfly/react-table": "6.0.0-alpha.102",
52
+ "@patternfly/react-code-editor": "6.0.0-alpha.106",
53
+ "@patternfly/react-core": "6.0.0-alpha.106",
54
+ "@patternfly/react-table": "6.0.0-alpha.107",
55
55
  "@starptech/prettyhtml": "^0.10.0",
56
56
  "backstopjs": "^6.3.23",
57
57
  "cheerio": "^1.0.0-rc.12",