@patternfly/patternfly 6.0.0-alpha.83 → 6.0.0-alpha.84

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 (19) hide show
  1. package/components/Breadcrumb/breadcrumb.css +9 -1
  2. package/components/Breadcrumb/breadcrumb.scss +10 -3
  3. package/components/Button/button.css +1 -1
  4. package/components/Button/button.scss +1 -1
  5. package/components/Menu/menu.css +388 -419
  6. package/components/Menu/menu.scss +369 -529
  7. package/docs/components/LogViewer/examples/LogViewer.md +110 -110
  8. package/docs/components/Menu/examples/Menu.css +7 -11
  9. package/docs/components/Menu/examples/Menu.md +637 -944
  10. package/docs/components/Nav/examples/Navigation.md +113 -140
  11. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  12. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +10 -10
  13. package/docs/demos/Toolbar/examples/Toolbar.md +10 -10
  14. package/package.json +1 -1
  15. package/patternfly-no-globals.css +517 -424
  16. package/patternfly-theme-dark-unversioned.css +517 -424
  17. package/patternfly.css +517 -424
  18. package/patternfly.min.css +1 -1
  19. package/patternfly.min.css.map +1 -1
package/components/Breadcrumb/breadcrumb.css CHANGED
@@ -1,10 +1,13 @@
1
- :root, .pf-v5-c-breadcrumb {
1
+ :where(:root),
2
+ :where(.pf-v5-c-breadcrumb) {
2
3
  --pf-v5-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
3
4
  --pf-v5-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
4
5
  --pf-v5-c-breadcrumb__item--MarginRight: var(--pf-t--global--spacer--sm);
5
6
  --pf-v5-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
6
7
  --pf-v5-c-breadcrumb__item-divider--MarginRight: var(--pf-t--global--spacer--sm);
7
8
  --pf-v5-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
9
+ --pf-v5-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
10
+ --pf-v5-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8
11
  --pf-v5-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
9
12
  --pf-v5-c-breadcrumb__link--TextDecoration: var(--pf-t--global--link--text-decoration);
10
13
  --pf-v5-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
@@ -38,6 +41,9 @@
38
41
  white-space: nowrap;
39
42
  list-style: none;
40
43
  }
44
+ .pf-v5-c-breadcrumb__item:first-child:has(.pf-v5-c-breadcrumb__link) {
45
+ --pf-v5-c-breadcrumb__link--PaddingInlineStart: 0;
46
+ }
41
47
  .pf-v5-c-breadcrumb__item:not(:last-child) {
42
48
  margin-inline-end: var(--pf-v5-c-breadcrumb__item--MarginRight);
43
49
  }
@@ -53,6 +59,8 @@
53
59
  }
54
60
 
55
61
  .pf-v5-c-breadcrumb__link {
62
+ padding-inline-start: var(--pf-v5-c-breadcrumb__link--PaddingInlineStart);
63
+ padding-inline-end: var(--pf-v5-c-breadcrumb__link--PaddingInlineEnd);
56
64
  font-size: inherit;
57
65
  font-weight: var(--pf-v5-c-breadcrumb__link--FontWeight);
58
66
  line-height: inherit;
package/components/Breadcrumb/breadcrumb.scss CHANGED
@@ -1,6 +1,5 @@
1
- // @debug $breadcrumb; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
2
-
3
- :root, .#{$breadcrumb} {
1
+ :where(:root),
2
+ :where(.#{$breadcrumb}) {
4
3
  // Breadcrumb item
5
4
  --#{$breadcrumb}__item--FontSize: var(--pf-t--global--font--size--body--sm);
6
5
  --#{$breadcrumb}__item--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -12,6 +11,8 @@
12
11
  --#{$breadcrumb}__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
13
12
 
14
13
  // Breadcrumb link
14
+ --#{$breadcrumb}__link--PaddingInlineStart: var(--pf-t--global--spacer--sm); // use a mutable value for alignment control
15
+ --#{$breadcrumb}__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm); // use a mutable value for alignment control
15
16
  --#{$breadcrumb}__link--Color: var(--pf-t--global--text--color--link--default);
16
17
  --#{$breadcrumb}__link--TextDecoration: var(--pf-t--global--link--text-decoration);
17
18
  --#{$breadcrumb}__link--hover--Color: var(--pf-t--global--text--color--link--hover);
@@ -53,6 +54,10 @@
53
54
  white-space: nowrap; // Keeps the item-divider and __link text on the same line
54
55
  list-style: none;
55
56
 
57
+ &:first-child:has(.#{$breadcrumb}__link) {
58
+ --#{$breadcrumb}__link--PaddingInlineStart: 0; // remove padding from first child if link
59
+ }
60
+
56
61
  &:not(:last-child) {
57
62
  margin-inline-end: var(--#{$breadcrumb}__item--MarginRight);
58
63
  }
@@ -70,6 +75,8 @@
70
75
 
71
76
  // Breadcrumb link
72
77
  .#{$breadcrumb}__link {
78
+ padding-inline-start: var(--#{$breadcrumb}__link--PaddingInlineStart); // use a mutable value for alignment control
79
+ padding-inline-end: var(--#{$breadcrumb}__link--PaddingInlineEnd); // use a mutable value for alignment control
73
80
  font-size: inherit;
74
81
  font-weight: var(--#{$breadcrumb}__link--FontWeight);
75
82
  line-height: inherit;
package/components/Button/button.css CHANGED
@@ -90,7 +90,7 @@
90
90
  --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
91
91
  --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
92
92
  --pf-v5-c-button--m-link--m-inline--hover--MixBlendMode: normal;
93
- --pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal
93
+ --pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal;
94
94
  --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
95
95
  --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-t--global--spacer--sm));
96
96
  --pf-v5-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
package/components/Button/button.scss CHANGED
@@ -106,7 +106,7 @@
106
106
  --#{$button}--m-link--m-inline--PaddingLeft: 0;
107
107
  --#{$button}--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
108
108
  --#{$button}--m-link--m-inline--hover--MixBlendMode: normal;
109
- --#{$button}--m-link--m-inline--m-clicked--MixBlendMode: normal
109
+ --#{$button}--m-link--m-inline--m-clicked--MixBlendMode: normal;
110
110
  --#{$button}--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
111
111
  --#{$button}--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--#{$button}--m-link--m-inline__progress--Left) + 1rem + var(--pf-t--global--spacer--sm));
112
112
  --#{$button}--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);