@mittwald/flow-react-components 0.1.0-alpha.401 → 0.1.0-alpha.403
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/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,28 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See
|
|
4
4
|
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.1.0-alpha.403](https://github.com/mittwald/flow/compare/0.1.0-alpha.402...0.1.0-alpha.403) (2025-01-24)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @mittwald/flow-react-components
|
|
9
|
+
|
|
10
|
+
# Change Log
|
|
11
|
+
|
|
12
|
+
All notable changes to this project will be documented in this file. See
|
|
13
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
14
|
+
|
|
15
|
+
# [0.1.0-alpha.402](https://github.com/mittwald/flow/compare/0.1.0-alpha.401...0.1.0-alpha.402) (2025-01-24)
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
- **Navigation:** hide empty menu list
|
|
20
|
+
([#1125](https://github.com/mittwald/flow/issues/1125))
|
|
21
|
+
([a014033](https://github.com/mittwald/flow/commit/a0140337e1ae1eae687b94037888d243cbbbe49d))
|
|
22
|
+
|
|
23
|
+
# Change Log
|
|
24
|
+
|
|
25
|
+
All notable changes to this project will be documented in this file. See
|
|
26
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
27
|
+
|
|
6
28
|
# [0.1.0-alpha.401](https://github.com/mittwald/flow/compare/0.1.0-alpha.400...0.1.0-alpha.401) (2025-01-23)
|
|
7
29
|
|
|
8
30
|
**Note:** Version bump only for package @mittwald/flow-react-components
|
package/dist/css/Navigation.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--navigation ul{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--navigation .flow--navigation--item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--navigation .flow--navigation--item:not(a){cursor:default}.flow--navigation .flow--navigation--item:has(.flow--navigation--switch){justify-content:space-between}.flow--navigation .flow--navigation--item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--navigation .flow--navigation--item[data-focused],.flow--navigation .flow--navigation--item:focus{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible],.flow--navigation .flow--navigation--item:focus-visible{outline-style:auto}.flow--navigation .flow--navigation--item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--navigation .flow--navigation--item{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--navigation .flow--navigation--item .flow--navigation--icon{color:var(--menu-item--icon-color--default);margin-inline-end:var(--menu-item--spacing)}.flow--navigation .flow--navigation--item:hover{background-color:var(--menu-item--background-color--hover)}.flow--navigation .flow--navigation--item[data-focused]{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible]{outline-style:solid}.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[aria-current],.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--navigation .flow--navigation--item[aria-current] .flow--navigation--icon,.flow--navigation .flow--navigation--item[data-selected] .flow--navigation--icon{color:var(--menu-item--icon-color--current)}.flow--navigation .flow--navigation--item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--navigation .flow--navigation--item[aria-disabled] .flow--navigation--icon{color:var(--menu-item--icon-color--disabled)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar) .flow--navigation--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar):hover .flow--navigation--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar):hover .flow--navigation--icon{display:block}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar)[data-pressed] .flow--navigation--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar)[data-pressed] .flow--navigation--icon{display:block}.flow--navigation hr{margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group:not(.flow--navigation--navigation-group--collapsable) ul{padding-inline:var(--accordion--padding-x);padding-block:var(--accordion--padding-y)}.flow--navigation--navigation-group:not(:last-child){margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group .flow--navigation--navigation-group--label{display:block;padding-inline-start:var(--accordion--padding-x);padding-block:var(--accordion--padding-y)}
|
|
1
|
+
.flow--navigation ul{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--navigation ul:empty{display:none}.flow--navigation .flow--navigation--item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--navigation .flow--navigation--item:not(a){cursor:default}.flow--navigation .flow--navigation--item:has(.flow--navigation--switch){justify-content:space-between}.flow--navigation .flow--navigation--item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--navigation .flow--navigation--item[data-focused],.flow--navigation .flow--navigation--item:focus{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible],.flow--navigation .flow--navigation--item:focus-visible{outline-style:auto}.flow--navigation .flow--navigation--item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--navigation .flow--navigation--item{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--navigation .flow--navigation--item .flow--navigation--icon{color:var(--menu-item--icon-color--default);margin-inline-end:var(--menu-item--spacing)}.flow--navigation .flow--navigation--item:hover{background-color:var(--menu-item--background-color--hover)}.flow--navigation .flow--navigation--item[data-focused]{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible]{outline-style:solid}.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[aria-current],.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--navigation .flow--navigation--item[aria-current] .flow--navigation--icon,.flow--navigation .flow--navigation--item[data-selected] .flow--navigation--icon{color:var(--menu-item--icon-color--current)}.flow--navigation .flow--navigation--item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--navigation .flow--navigation--item[aria-disabled] .flow--navigation--icon{color:var(--menu-item--icon-color--disabled)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar) .flow--navigation--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar):hover .flow--navigation--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar):hover .flow--navigation--icon{display:block}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar)[data-pressed] .flow--navigation--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar)[data-pressed] .flow--navigation--icon{display:block}.flow--navigation hr{margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group:not(.flow--navigation--navigation-group--collapsable) ul{padding-inline:var(--accordion--padding-x);padding-block:var(--accordion--padding-y)}.flow--navigation--navigation-group:not(:last-child){margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group .flow--navigation--navigation-group--label{display:block;padding-inline-start:var(--accordion--padding-x);padding-block:var(--accordion--padding-y)}
|