@patternfly/patternfly 6.0.0-alpha.92 → 6.0.0-alpha.93
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.
- package/components/ActionList/action-list.css +1 -0
- package/components/ActionList/action-list.scss +2 -0
- package/components/Menu/menu.css +31 -126
- package/components/Menu/menu.scss +17 -17
- package/docs/components/ActionList/examples/ActionList.md +1 -1
- package/docs/components/Menu/examples/Menu.md +12 -3
- package/docs/demos/Toolbar/examples/Toolbar.md +10 -10
- package/package.json +1 -1
- package/patternfly-no-globals.css +44 -234
- package/patternfly-theme-dark-unversioned.css +44 -234
- package/patternfly.css +44 -234
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/components/Menu/themes/dark/menu.scss +0 -9
- package/components/Nav/themes/dark/nav.scss +0 -44
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
@import "../../../../sass-utilities/themes/dark/all";
|
|
2
|
-
|
|
3
|
-
@mixin pf-v5-theme-dark-menu() {
|
|
4
|
-
.#{$menu} {
|
|
5
|
-
--#{$menu}--BackgroundColor: var(--#{$pf-global}--BackgroundColor--300);
|
|
6
|
-
--#{$menu}__list-item--hover--BackgroundColor: var(--#{$pf-global}--BackgroundColor--400);
|
|
7
|
-
--#{$menu}__list-item--focus-within--BackgroundColor: var(--#{$pf-global}--BackgroundColor--400);
|
|
8
|
-
}
|
|
9
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
@import "../../../../sass-utilities/themes/dark/all";
|
|
2
|
-
|
|
3
|
-
@mixin pf-v5-theme-dark-nav() {
|
|
4
|
-
.#{$nav} {
|
|
5
|
-
--#{$nav}__item--item__link--after--Top: -1px;
|
|
6
|
-
--#{$nav}__item--before--BorderColor: var(--#{$pf-global}--BorderColor--100);
|
|
7
|
-
--#{$nav}__link--hover--BackgroundColor: var(--#{$pf-global}--BackgroundColor--300);
|
|
8
|
-
--#{$nav}__link--focus--BackgroundColor: var(--#{$pf-global}--BackgroundColor--300);
|
|
9
|
-
--#{$nav}__link--active--BackgroundColor: var(--#{$pf-global}--BackgroundColor--300);
|
|
10
|
-
--#{$nav}__link--m-current--BackgroundColor: var(--#{$pf-global}--BackgroundColor--300);
|
|
11
|
-
--#{$nav}__link--before--BorderColor: var(--#{$pf-global}--BorderColor--100);
|
|
12
|
-
--#{$nav}--m-tertiary__scroll-button--before--BorderColor: var(--#{$pf-global}--BorderColor--100);
|
|
13
|
-
--#{$nav}__section-title--Color: var(--#{$pf-global}--Color--200);
|
|
14
|
-
--#{$nav}__section-title--BorderBottomColor: var(--#{$pf-global}--BorderColor--100);
|
|
15
|
-
--#{$nav}__scroll-button--before--BorderColor: var(--#{$pf-global}--BorderColor--100);
|
|
16
|
-
--#{$nav}--c-divider--BackgroundColor: var(--#{$pf-global}--BorderColor--100);
|
|
17
|
-
--#{$nav}__link--hover--before--BorderBottomWidth: 0;
|
|
18
|
-
--#{$nav}__link--focus--before--BorderBottomWidth: 0;
|
|
19
|
-
--#{$nav}__link--active--before--BorderBottomWidth: 0;
|
|
20
|
-
--#{$nav}__link--m-current--before--BorderBottomWidth: 0;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.#{$nav}__link {
|
|
24
|
-
&::before {
|
|
25
|
-
inset-block-end: 0;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
&::after {
|
|
29
|
-
inset-block-start: var(--#{$nav}__item--item__link--after--Top);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.#{$nav}__item + .#{$nav}__item {
|
|
34
|
-
--#{$nav}__link--after--Top: var(--#{$nav}__item--item__link--after--Top);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.#{$nav}__subnav {
|
|
38
|
-
--#{$nav}__item--item__link--after--Top: 0;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.#{$nav}__section {
|
|
42
|
-
--#{$nav}__item--item__link--after--Top: 0;
|
|
43
|
-
}
|
|
44
|
-
}
|