@mittwald/flow-react-components 0.1.0-alpha.387 → 0.1.0-alpha.389

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.1.0-alpha.389](https://github.com/mittwald/flow/compare/0.1.0-alpha.388...0.1.0-alpha.389) (2024-12-18)
+
+**Note:** Version bump only for package @mittwald/flow-react-components
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.388](https://github.com/mittwald/flow/compare/0.1.0-alpha.387...0.1.0-alpha.388) (2024-12-18)
+
+### Features
+
+- **Table:** support row header
+  ([#1058](https://github.com/mittwald/flow/issues/1058))
+  ([b73cfdd](https://github.com/mittwald/flow/commit/b73cfdd0d5603846c7ae0ad1882453ad58e1d6d2))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # [0.1.0-alpha.387](https://github.com/mittwald/flow/compare/0.1.0-alpha.386...0.1.0-alpha.387) (2024-12-18)
 
 **Note:** Version bump only for package @mittwald/flow-react-components

package/dist/css/Accordion.css

@@ -1 +1 @@
-.flow--accordion,.flow--accordion .flow--accordion--header{display:flex;flex-direction:column}.flow--accordion .flow--accordion--header-button{display:flex;justify-content:space-between;align-items:center;text-align:start;flex-grow:1;padding-inline:var(--accordion--header-padding-x);padding-block:var(--accordion--header-padding-y);border-radius:var(--accordion--header-corner-radius);column-gap:var(--accordion--heading-to-chevron-spacing);border:none;background:none;width:100%}.flow--accordion .flow--accordion--header-button{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--accordion .flow--accordion--header-button[data-focused],.flow--accordion .flow--accordion--header-button:focus{outline-style:none}.flow--accordion .flow--accordion--header-button[data-focus-visible],.flow--accordion .flow--accordion--header-button:focus-visible{outline-style:auto}.flow--accordion .flow--accordion--header-button[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--accordion .flow--accordion--header-button:hover{background-color:var(--accordion--header-background-color--hover)}.flow--accordion .flow--accordion--content{display:grid;grid-template-rows:0fr;transition-property:grid-template-rows,visibility,padding;transition-duration:var(--transition--duration--slow);padding-inline:var(--accordion--content-padding);visibility:hidden}.flow--accordion .flow--accordion--content-inner{overflow:hidden}.flow--accordion .flow--accordion--chevron{transition-property:transform;transition-duration:var(--transition--duration--default)}.flow--accordion.flow--accordion--outline{border-color:var(--form-control--border-color--default);border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius)}.flow--accordion.flow--accordion--expanded .flow--accordion--content{grid-template-rows:1fr;padding-block:var(--accordion--content-padding);visibility:visible}.flow--accordion.flow--accordion--expanded .flow--accordion--chevron{transform:rotate(180deg)}
+.flow--accordion,.flow--accordion .flow--accordion--header{display:flex;flex-direction:column}.flow--accordion .flow--accordion--header-button{display:flex;justify-content:space-between;align-items:center;text-align:start;flex-grow:1;padding-inline:var(--accordion--padding-x);padding-block:var(--accordion--padding-y);border-radius:var(--accordion--corner-radius);column-gap:var(--accordion--spacing);border:none;background:none;width:100%}.flow--accordion .flow--accordion--header-button{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--accordion .flow--accordion--header-button[data-focused],.flow--accordion .flow--accordion--header-button:focus{outline-style:none}.flow--accordion .flow--accordion--header-button[data-focus-visible],.flow--accordion .flow--accordion--header-button:focus-visible{outline-style:auto}.flow--accordion .flow--accordion--header-button[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--accordion .flow--accordion--header-button:hover{background-color:var(--accordion--background-color--hover)}.flow--accordion .flow--accordion--content{display:grid;grid-template-rows:0fr;transition-property:grid-template-rows,visibility,padding;transition-duration:var(--transition--duration--slow);padding-inline:var(--accordion--padding-x);visibility:hidden}.flow--accordion .flow--accordion--content-inner{overflow:hidden}.flow--accordion .flow--accordion--chevron{transition-property:transform;transition-duration:var(--transition--duration--default)}.flow--accordion.flow--accordion--outline{border-color:var(--accordion--border-color);border-width:var(--accordion--border-width);border-style:var(--accordion--border-style);border-radius:var(--accordion--corner-radius)}.flow--accordion.flow--accordion--expanded .flow--accordion--content{grid-template-rows:1fr;padding-block:var(--accordion--padding-y);visibility:visible}.flow--accordion.flow--accordion--expanded .flow--accordion--chevron{transform:rotate(180deg)}

package/dist/css/Alert.css

@@ -1 +1 @@
-.flow--alert{border-radius:var(--alert--corner-radius);border-width:var(--alert--border-width);border-style:var(--alert--border-style);border-inline-start-width:var(--alert--border-x-start-width);padding:var(--alert--padding);display:flex;flex-direction:column;row-gap:var(--alert--heading-to-content-spacing);width:100%}.flow--alert .flow--alert--content{display:flex;flex-direction:column;align-items:flex-start;row-gap:var(--alert--content-to-content-spacing)}.flow--alert.flow--alert--info,.flow--alert{border-color:var(--alert--info-border-color)}.flow--alert.flow--alert--info .flow--alert--heading,.flow--alert .flow--alert--heading{color:var(--alert--info-heading-color)}.flow--alert.flow--alert--warning{border-color:var(--alert--warning-border-color)}.flow--alert.flow--alert--warning .flow--alert--heading{color:var(--alert--warning-heading-color)}.flow--alert.flow--alert--danger{border-color:var(--alert--danger-border-color)}.flow--alert.flow--alert--danger .flow--alert--heading{color:var(--alert--danger-heading-color)}.flow--alert.flow--alert--success{border-color:var(--alert--success-border-color)}.flow--alert.flow--alert--success .flow--alert--heading{color:var(--alert--success-heading-color)}
+.flow--alert{border-radius:var(--alert--corner-radius);border-width:var(--alert--border-width);border-style:var(--alert--border-style);border-inline-start-width:var(--alert--border-x-start-width);padding:var(--alert--padding);display:flex;flex-direction:column;row-gap:var(--alert--heading-to-content-spacing);width:100%}.flow--alert .flow--alert--content{display:flex;flex-direction:column;align-items:flex-start;row-gap:var(--alert--spacing)}.flow--alert.flow--alert--info,.flow--alert{border-color:var(--alert--info-border-color)}.flow--alert.flow--alert--info .flow--alert--heading,.flow--alert .flow--alert--heading{color:var(--alert--info-heading-color)}.flow--alert.flow--alert--warning{border-color:var(--alert--warning-border-color)}.flow--alert.flow--alert--warning .flow--alert--heading{color:var(--alert--warning-heading-color)}.flow--alert.flow--alert--danger{border-color:var(--alert--danger-border-color)}.flow--alert.flow--alert--danger .flow--alert--heading{color:var(--alert--danger-heading-color)}.flow--alert.flow--alert--success{border-color:var(--alert--success-border-color)}.flow--alert.flow--alert--success .flow--alert--heading{color:var(--alert--success-heading-color)}

package/dist/css/AlertBadge.css

@@ -1 +1 @@
-.flow--alert-badge{font-size:var(--badge--font-size);font-weight:var(--badge--font-weight);line-height:var(--badge--line-height);border-radius:var(--badge--corner-radius);padding-inline:var(--badge--padding-x);padding-block:calc(var(--badge--padding-y) - (var(--badge--border-width)));display:flex;align-items:center;column-gap:var(--alert-badge--icon-to-text-spacing);max-width:fit-content;border-style:var(--badge--border-style);border-width:var(--badge--border-width)}.flow--alert-badge .flow--alert-badge--text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow--alert-badge.flow--alert-badge--info,.flow--alert-badge{color:var(--alert-badge--info-content-color);background-color:var(--alert-badge--info-background-color);border-color:var(--alert-badge--info-border-color)}.flow--alert-badge.flow--alert-badge--success{color:var(--alert-badge--success-content-color);background-color:var(--alert-badge--success-background-color);border-color:var(--alert-badge--success-border-color)}.flow--alert-badge.flow--alert-badge--warning{color:var(--alert-badge--warning-content-color);background-color:var(--alert-badge--warning-background-color);border-color:var(--alert-badge--warning-border-color)}.flow--alert-badge.flow--alert-badge--danger{color:var(--alert-badge--danger-content-color);background-color:var(--alert-badge--danger-background-color);border-color:var(--alert-badge--danger-border-color)}
+.flow--alert-badge{font-size:var(--badge--font-size);font-weight:var(--badge--font-weight);line-height:var(--badge--line-height);border-radius:var(--badge--corner-radius);padding-inline:var(--badge--padding-x);padding-block:calc(var(--badge--padding-y) - (var(--badge--border-width)));display:flex;align-items:center;column-gap:var(--badge--spacing);max-width:fit-content;border-style:var(--badge--border-style);border-width:var(--badge--border-width)}.flow--alert-badge .flow--alert-badge--text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow--alert-badge.flow--alert-badge--info,.flow--alert-badge{color:var(--alert-badge--info-content-color);background-color:var(--alert-badge--info-background-color);border-color:var(--alert-badge--info-border-color)}.flow--alert-badge.flow--alert-badge--success{color:var(--alert-badge--success-content-color);background-color:var(--alert-badge--success-background-color);border-color:var(--alert-badge--success-border-color)}.flow--alert-badge.flow--alert-badge--warning{color:var(--alert-badge--warning-content-color);background-color:var(--alert-badge--warning-background-color);border-color:var(--alert-badge--warning-border-color)}.flow--alert-badge.flow--alert-badge--danger{color:var(--alert-badge--danger-content-color);background-color:var(--alert-badge--danger-background-color);border-color:var(--alert-badge--danger-border-color)}

package/dist/css/Badge.css

@@ -1 +1 @@
-.flow--badge{display:flex;width:fit-content;max-width:100%;--badge-size: calc(var(--badge--line-height) + var(--badge--padding-y) * 2);--content-size: calc(var(--badge-size) - var(--badge--border-width) * 2)}.flow--badge .flow--badge--content,.flow--badge .flow--badge--button{border-radius:var(--badge--corner-radius);border-width:var(--badge--border-width);border-style:var(--badge--border-style);font-size:var(--badge--font-size);font-weight:var(--badge--font-weight);padding:0;display:flex;align-items:center;height:var(--badge-size);line-height:var(--content-size);padding-inline:var(--badge--padding-x);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow--badge .flow--badge--button,.flow--badge .flow--badge--close{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--badge .flow--badge--button[data-focused],.flow--badge .flow--badge--button:focus,.flow--badge .flow--badge--close[data-focused],.flow--badge .flow--badge--close:focus{outline-style:none}.flow--badge .flow--badge--button[data-focus-visible],.flow--badge .flow--badge--button:focus-visible,.flow--badge .flow--badge--close[data-focus-visible],.flow--badge .flow--badge--close:focus-visible{outline-style:auto}.flow--badge .flow--badge--button[data-focused]:not([data-focus-visible]):focus-visible,.flow--badge .flow--badge--close[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--badge:has(.flow--badge--close) .flow--badge--button,.flow--badge:has(.flow--badge--close) .flow--badge--content{padding-inline-end:calc(var(--content-size) + var(--badge--content-to-content-spacing))}.flow--badge:has(.flow--badge--scope) .flow--badge--content,.flow--badge:has(.flow--badge--scope) .flow--badge--button{padding:0}.flow--badge:has(.flow--badge--scope) .flow--badge--value{padding-inline-start:var(--badge--content-to-content-spacing);padding-inline-end:var(--badge--padding-x)}.flow--badge:has(.flow--badge--scope) .flow--badge--scope{padding-inline-start:var(--badge--padding-x);padding-inline-end:var(--badge--content-to-content-spacing);height:100%;flex-shrink:0}.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--button,.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--content{padding-inline-end:var(--content-size)}.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--button .flow--badge--value,.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--content .flow--badge--value{padding-inline-end:var(--badge--content-to-content-spacing)}.flow--badge .flow--badge--close{height:var(--content-size);padding:calc(var(--badge--padding-y) - var(--badge--border-width));border-radius:0;border-end-end-radius:var(--badge-size);border-start-end-radius:var(--badge-size);margin-inline-start:calc((var(--badge-size) - var(--badge--border-width)) * -1);margin-top:var(--badge--border-width)}.flow--badge:where(.flow--badge--neutral,.flow--badge) .flow--badge--content,.flow--badge:where(.flow--badge--neutral,.flow--badge) .flow--badge--button{border-color:var(--badge--neutral-border-color);background-color:var(--badge--neutral-background-color--default);color:var(--badge--neutral-content-color--default)}.flow--badge:where(.flow--badge--neutral,.flow--badge):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--neutral-background-color--hover);color:var(--badge--neutral-content-color--hover)}.flow--badge:where(.flow--badge--neutral,.flow--badge):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--neutral-background-color--pressed);color:var(--badge--neutral-content-color--pressed)}.flow--badge:where(.flow--badge--neutral,.flow--badge) .flow--badge--scope{background-color:var(--badge--neutral-scope-background-color);color:var(--badge--neutral-scope-content-color)}.flow--badge:where(.flow--badge--blue) .flow--badge--content,.flow--badge:where(.flow--badge--blue) .flow--badge--button{border-color:var(--badge--blue-border-color);background-color:var(--badge--blue-background-color--default);color:var(--badge--blue-content-color--default)}.flow--badge:where(.flow--badge--blue):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--blue-background-color--hover);color:var(--badge--blue-content-color--hover)}.flow--badge:where(.flow--badge--blue):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--blue-background-color--pressed);color:var(--badge--blue-content-color--pressed)}.flow--badge:where(.flow--badge--blue) .flow--badge--scope{background-color:var(--badge--blue-scope-background-color);color:var(--badge--blue-scope-content-color)}.flow--badge:where(.flow--badge--navy) .flow--badge--content,.flow--badge:where(.flow--badge--navy) .flow--badge--button{border-color:var(--badge--navy-border-color);background-color:var(--badge--navy-background-color--default);color:var(--badge--navy-content-color--default)}.flow--badge:where(.flow--badge--navy):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--navy-background-color--hover);color:var(--badge--navy-content-color--hover)}.flow--badge:where(.flow--badge--navy):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--navy-background-color--pressed);color:var(--badge--navy-content-color--pressed)}.flow--badge:where(.flow--badge--navy) .flow--badge--scope{background-color:var(--badge--navy-scope-background-color);color:var(--badge--navy-scope-content-color)}.flow--badge:where(.flow--badge--violet) .flow--badge--content,.flow--badge:where(.flow--badge--violet) .flow--badge--button{border-color:var(--badge--violet-border-color);background-color:var(--badge--violet-background-color--default);color:var(--badge--violet-content-color--default)}.flow--badge:where(.flow--badge--violet):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--violet-background-color--hover);color:var(--badge--violet-content-color--hover)}.flow--badge:where(.flow--badge--violet):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--violet-background-color--pressed);color:var(--badge--violet-content-color--pressed)}.flow--badge:where(.flow--badge--violet) .flow--badge--scope{background-color:var(--badge--violet-scope-background-color);color:var(--badge--violet-scope-content-color)}.flow--badge:where(.flow--badge--teal) .flow--badge--content,.flow--badge:where(.flow--badge--teal) .flow--badge--button{border-color:var(--badge--teal-border-color);background-color:var(--badge--teal-background-color--default);color:var(--badge--teal-content-color--default)}.flow--badge:where(.flow--badge--teal):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--teal-background-color--hover);color:var(--badge--teal-content-color--hover)}.flow--badge:where(.flow--badge--teal):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--teal-background-color--pressed);color:var(--badge--teal-content-color--pressed)}.flow--badge:where(.flow--badge--teal) .flow--badge--scope{background-color:var(--badge--teal-scope-background-color);color:var(--badge--teal-scope-content-color)}.flow--badge:where(.flow--badge--lilac) .flow--badge--content,.flow--badge:where(.flow--badge--lilac) .flow--badge--button{border-color:var(--badge--lilac-border-color);background-color:var(--badge--lilac-background-color--default);color:var(--badge--lilac-content-color--default)}.flow--badge:where(.flow--badge--lilac):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--lilac-background-color--hover);color:var(--badge--lilac-content-color--hover)}.flow--badge:where(.flow--badge--lilac):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--lilac-background-color--pressed);color:var(--badge--lilac-content-color--pressed)}.flow--badge:where(.flow--badge--lilac) .flow--badge--scope{background-color:var(--badge--lilac-scope-background-color);color:var(--badge--lilac-scope-content-color)}.flow--badge:where(.flow--badge--green) .flow--badge--content,.flow--badge:where(.flow--badge--green) .flow--badge--button{border-color:var(--badge--green-border-color);background-color:var(--badge--green-background-color--default);color:var(--badge--green-content-color--default)}.flow--badge:where(.flow--badge--green):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--green-background-color--hover);color:var(--badge--green-content-color--hover)}.flow--badge:where(.flow--badge--green):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--green-background-color--pressed);color:var(--badge--green-content-color--pressed)}.flow--badge:where(.flow--badge--green) .flow--badge--scope{background-color:var(--badge--green-scope-background-color);color:var(--badge--green-scope-content-color)}.flow--badge:where(.flow--badge--orange) .flow--badge--content,.flow--badge:where(.flow--badge--orange) .flow--badge--button{border-color:var(--badge--orange-border-color);background-color:var(--badge--orange-background-color--default);color:var(--badge--orange-content-color--default)}.flow--badge:where(.flow--badge--orange):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--orange-background-color--hover);color:var(--badge--orange-content-color--hover)}.flow--badge:where(.flow--badge--orange):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--orange-background-color--pressed);color:var(--badge--orange-content-color--pressed)}.flow--badge:where(.flow--badge--orange) .flow--badge--scope{background-color:var(--badge--orange-scope-background-color);color:var(--badge--orange-scope-content-color)}.flow--badge:where(.flow--badge--red) .flow--badge--content,.flow--badge:where(.flow--badge--red) .flow--badge--button{border-color:var(--badge--red-border-color);background-color:var(--badge--red-background-color--default);color:var(--badge--red-content-color--default)}.flow--badge:where(.flow--badge--red):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--red-background-color--hover);color:var(--badge--red-content-color--hover)}.flow--badge:where(.flow--badge--red):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--red-background-color--pressed);color:var(--badge--red-content-color--pressed)}.flow--badge:where(.flow--badge--red) .flow--badge--scope{background-color:var(--badge--red-scope-background-color);color:var(--badge--red-scope-content-color)}.flow--badge:where(.flow--badge--dark) .flow--badge--content,.flow--badge:where(.flow--badge--dark) .flow--badge--button{border-color:var(--badge--dark-border-color);background-color:var(--badge--dark-background-color--default);color:var(--badge--dark-content-color--default)}.flow--badge:where(.flow--badge--dark):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--dark-background-color--hover);color:var(--badge--dark-content-color--hover)}.flow--badge:where(.flow--badge--dark):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--dark-background-color--pressed);color:var(--badge--dark-content-color--pressed)}.flow--badge:where(.flow--badge--dark) .flow--badge--scope{background-color:var(--badge--dark-scope-background-color);color:var(--badge--dark-scope-content-color)}.flow--badge:where(.flow--badge--light) .flow--badge--content,.flow--badge:where(.flow--badge--light) .flow--badge--button{border-color:var(--badge--light-border-color);background-color:var(--badge--light-background-color--default);color:var(--badge--light-content-color--default)}.flow--badge:where(.flow--badge--light):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--light-background-color--hover);color:var(--badge--light-content-color--hover)}.flow--badge:where(.flow--badge--light):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--light-background-color--pressed);color:var(--badge--light-content-color--pressed)}.flow--badge:where(.flow--badge--light) .flow--badge--scope{background-color:var(--badge--light-scope-background-color);color:var(--badge--light-scope-content-color)}.flow--badge.flow--badge--disabled .flow--badge--content,.flow--badge.flow--badge--disabled .flow--badge--button{border-color:var(--badge--disabled-border-color);background-color:var(--badge--disabled-background-color);color:var(--badge--disabled-content-color)}.flow--badge.flow--badge--disabled .flow--badge--close{color:var(--badge--disabled-content-color)}.flow--badge.flow--badge--disabled .flow--badge--scope{background-color:var(--badge--disabled-scope-background-color);color:var(--badge--disabled-scope-content-color)}.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--content,.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--button{border-color:var(--badge--disabled-light-border-color);background-color:var(--badge--disabled-light-background-color);color:var(--badge--disabled-light-content-color)}.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--close{color:var(--badge--disabled-light-content-color)}.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--scope{background-color:var(--badge--disabled-light-scope-background-color);color:var(--badge--disabled-light-scope-content-color)}.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--content,.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--button{border-color:var(--badge--disabled-dark-border-color);background-color:var(--badge--disabled-dark-background-color);color:var(--badge--disabled-dark-content-color)}.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--close{color:var(--badge--disabled-dark-content-color)}.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--scope{background-color:var(--badge--disabled-dark-scope-background-color);color:var(--badge--disabled-dark-scope-content-color)}
+.flow--badge{display:flex;width:fit-content;max-width:100%;--badge-size: calc(var(--badge--line-height) + var(--badge--padding-y) * 2);--content-size: calc(var(--badge-size) - var(--badge--border-width) * 2)}.flow--badge .flow--badge--content,.flow--badge .flow--badge--button{border-radius:var(--badge--corner-radius);border-width:var(--badge--border-width);border-style:var(--badge--border-style);font-size:var(--badge--font-size);font-weight:var(--badge--font-weight);padding:0;display:flex;align-items:center;height:var(--badge-size);line-height:var(--content-size);padding-inline:var(--badge--padding-x);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow--badge .flow--badge--button,.flow--badge .flow--badge--close{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--badge .flow--badge--button[data-focused],.flow--badge .flow--badge--button:focus,.flow--badge .flow--badge--close[data-focused],.flow--badge .flow--badge--close:focus{outline-style:none}.flow--badge .flow--badge--button[data-focus-visible],.flow--badge .flow--badge--button:focus-visible,.flow--badge .flow--badge--close[data-focus-visible],.flow--badge .flow--badge--close:focus-visible{outline-style:auto}.flow--badge .flow--badge--button[data-focused]:not([data-focus-visible]):focus-visible,.flow--badge .flow--badge--close[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--badge:has(.flow--badge--close) .flow--badge--button,.flow--badge:has(.flow--badge--close) .flow--badge--content{padding-inline-end:calc(var(--content-size) + var(--badge--spacing))}.flow--badge:has(.flow--badge--scope) .flow--badge--content,.flow--badge:has(.flow--badge--scope) .flow--badge--button{padding:0}.flow--badge:has(.flow--badge--scope) .flow--badge--value{padding-inline-start:var(--badge--spacing);padding-inline-end:var(--badge--padding-x)}.flow--badge:has(.flow--badge--scope) .flow--badge--scope{padding-inline-start:var(--badge--padding-x);padding-inline-end:var(--badge--spacing);height:100%;flex-shrink:0}.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--button,.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--content{padding-inline-end:var(--content-size)}.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--button .flow--badge--value,.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--content .flow--badge--value{padding-inline-end:var(--badge--spacing)}.flow--badge .flow--badge--close{height:var(--content-size);padding:calc(var(--badge--padding-y) - var(--badge--border-width));border-radius:0;border-end-end-radius:var(--badge-size);border-start-end-radius:var(--badge-size);margin-inline-start:calc((var(--badge-size) - var(--badge--border-width)) * -1);margin-top:var(--badge--border-width)}.flow--badge:where(.flow--badge--neutral,.flow--badge) .flow--badge--content,.flow--badge:where(.flow--badge--neutral,.flow--badge) .flow--badge--button{border-color:var(--badge--neutral-border-color);background-color:var(--badge--neutral-background-color--default);color:var(--badge--neutral-content-color--default)}.flow--badge:where(.flow--badge--neutral,.flow--badge):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--neutral-background-color--hover)}.flow--badge:where(.flow--badge--neutral,.flow--badge):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--neutral-background-color--pressed);color:var(--badge--neutral-content-color--pressed)}.flow--badge:where(.flow--badge--neutral,.flow--badge) .flow--badge--scope{background-color:var(--badge--neutral-scope-background-color);color:var(--badge--neutral-scope-content-color)}.flow--badge:where(.flow--badge--blue) .flow--badge--content,.flow--badge:where(.flow--badge--blue) .flow--badge--button{border-color:var(--badge--blue-border-color);background-color:var(--badge--blue-background-color--default);color:var(--badge--blue-content-color--default)}.flow--badge:where(.flow--badge--blue):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--blue-background-color--hover)}.flow--badge:where(.flow--badge--blue):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--blue-background-color--pressed);color:var(--badge--blue-content-color--pressed)}.flow--badge:where(.flow--badge--blue) .flow--badge--scope{background-color:var(--badge--blue-scope-background-color);color:var(--badge--blue-scope-content-color)}.flow--badge:where(.flow--badge--navy) .flow--badge--content,.flow--badge:where(.flow--badge--navy) .flow--badge--button{border-color:var(--badge--navy-border-color);background-color:var(--badge--navy-background-color--default);color:var(--badge--navy-content-color--default)}.flow--badge:where(.flow--badge--navy):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--navy-background-color--hover)}.flow--badge:where(.flow--badge--navy):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--navy-background-color--pressed);color:var(--badge--navy-content-color--pressed)}.flow--badge:where(.flow--badge--navy) .flow--badge--scope{background-color:var(--badge--navy-scope-background-color);color:var(--badge--navy-scope-content-color)}.flow--badge:where(.flow--badge--violet) .flow--badge--content,.flow--badge:where(.flow--badge--violet) .flow--badge--button{border-color:var(--badge--violet-border-color);background-color:var(--badge--violet-background-color--default);color:var(--badge--violet-content-color--default)}.flow--badge:where(.flow--badge--violet):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--violet-background-color--hover)}.flow--badge:where(.flow--badge--violet):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--violet-background-color--pressed);color:var(--badge--violet-content-color--pressed)}.flow--badge:where(.flow--badge--violet) .flow--badge--scope{background-color:var(--badge--violet-scope-background-color);color:var(--badge--violet-scope-content-color)}.flow--badge:where(.flow--badge--teal) .flow--badge--content,.flow--badge:where(.flow--badge--teal) .flow--badge--button{border-color:var(--badge--teal-border-color);background-color:var(--badge--teal-background-color--default);color:var(--badge--teal-content-color--default)}.flow--badge:where(.flow--badge--teal):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--teal-background-color--hover)}.flow--badge:where(.flow--badge--teal):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--teal-background-color--pressed);color:var(--badge--teal-content-color--pressed)}.flow--badge:where(.flow--badge--teal) .flow--badge--scope{background-color:var(--badge--teal-scope-background-color);color:var(--badge--teal-scope-content-color)}.flow--badge:where(.flow--badge--lilac) .flow--badge--content,.flow--badge:where(.flow--badge--lilac) .flow--badge--button{border-color:var(--badge--lilac-border-color);background-color:var(--badge--lilac-background-color--default);color:var(--badge--lilac-content-color--default)}.flow--badge:where(.flow--badge--lilac):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--lilac-background-color--hover)}.flow--badge:where(.flow--badge--lilac):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--lilac-background-color--pressed);color:var(--badge--lilac-content-color--pressed)}.flow--badge:where(.flow--badge--lilac) .flow--badge--scope{background-color:var(--badge--lilac-scope-background-color);color:var(--badge--lilac-scope-content-color)}.flow--badge:where(.flow--badge--green) .flow--badge--content,.flow--badge:where(.flow--badge--green) .flow--badge--button{border-color:var(--badge--green-border-color);background-color:var(--badge--green-background-color--default);color:var(--badge--green-content-color--default)}.flow--badge:where(.flow--badge--green):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--green-background-color--hover)}.flow--badge:where(.flow--badge--green):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--green-background-color--pressed);color:var(--badge--green-content-color--pressed)}.flow--badge:where(.flow--badge--green) .flow--badge--scope{background-color:var(--badge--green-scope-background-color);color:var(--badge--green-scope-content-color)}.flow--badge:where(.flow--badge--orange) .flow--badge--content,.flow--badge:where(.flow--badge--orange) .flow--badge--button{border-color:var(--badge--orange-border-color);background-color:var(--badge--orange-background-color--default);color:var(--badge--orange-content-color--default)}.flow--badge:where(.flow--badge--orange):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--orange-background-color--hover)}.flow--badge:where(.flow--badge--orange):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--orange-background-color--pressed);color:var(--badge--orange-content-color--pressed)}.flow--badge:where(.flow--badge--orange) .flow--badge--scope{background-color:var(--badge--orange-scope-background-color);color:var(--badge--orange-scope-content-color)}.flow--badge:where(.flow--badge--red) .flow--badge--content,.flow--badge:where(.flow--badge--red) .flow--badge--button{border-color:var(--badge--red-border-color);background-color:var(--badge--red-background-color--default);color:var(--badge--red-content-color--default)}.flow--badge:where(.flow--badge--red):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--red-background-color--hover)}.flow--badge:where(.flow--badge--red):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--red-background-color--pressed);color:var(--badge--red-content-color--pressed)}.flow--badge:where(.flow--badge--red) .flow--badge--scope{background-color:var(--badge--red-scope-background-color);color:var(--badge--red-scope-content-color)}.flow--badge:where(.flow--badge--dark) .flow--badge--content,.flow--badge:where(.flow--badge--dark) .flow--badge--button{border-color:var(--badge--dark-border-color);background-color:var(--badge--dark-background-color--default);color:var(--badge--dark-content-color--default)}.flow--badge:where(.flow--badge--dark):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--dark-background-color--hover)}.flow--badge:where(.flow--badge--dark):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--dark-background-color--pressed);color:var(--badge--dark-content-color--pressed)}.flow--badge:where(.flow--badge--dark) .flow--badge--scope{background-color:var(--badge--dark-scope-background-color);color:var(--badge--dark-scope-content-color)}.flow--badge:where(.flow--badge--light) .flow--badge--content,.flow--badge:where(.flow--badge--light) .flow--badge--button{border-color:var(--badge--light-border-color);background-color:var(--badge--light-background-color--default);color:var(--badge--light-content-color--default)}.flow--badge:where(.flow--badge--light):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--light-background-color--hover)}.flow--badge:where(.flow--badge--light):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--light-background-color--pressed);color:var(--badge--light-content-color--pressed)}.flow--badge:where(.flow--badge--light) .flow--badge--scope{background-color:var(--badge--light-scope-background-color);color:var(--badge--light-scope-content-color)}.flow--badge.flow--badge--disabled .flow--badge--content,.flow--badge.flow--badge--disabled .flow--badge--button{border-color:var(--badge--disabled-border-color);background-color:var(--badge--disabled-background-color);color:var(--badge--disabled-content-color)}.flow--badge.flow--badge--disabled .flow--badge--close{color:var(--badge--disabled-content-color)}.flow--badge.flow--badge--disabled .flow--badge--scope{background-color:var(--badge--disabled-scope-background-color);color:var(--badge--disabled-scope-content-color)}.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--content,.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--button{border-color:var(--badge--disabled-light-border-color);background-color:var(--badge--disabled-light-background-color);color:var(--badge--disabled-light-content-color)}.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--close{color:var(--badge--disabled-light-content-color)}.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--scope{background-color:var(--badge--disabled-light-scope-background-color);color:var(--badge--disabled-light-scope-content-color)}.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--content,.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--button{border-color:var(--badge--disabled-dark-border-color);background-color:var(--badge--disabled-dark-background-color);color:var(--badge--disabled-dark-content-color)}.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--close{color:var(--badge--disabled-dark-content-color)}.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--scope{background-color:var(--badge--disabled-dark-scope-background-color);color:var(--badge--disabled-dark-scope-content-color)}

package/dist/css/ContextMenu.css

@@ -1 +1 @@
-.flow--context-menu{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--context-menu:focus-visible{outline:none}.flow--context-menu--section{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--context-menu--section:has(.flow--avatar){align-items:center;padding-top:var(--context-menu--padding)}
+.flow--context-menu{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--context-menu:focus-visible{outline:none}.flow--context-menu--section{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--context-menu--section:has(.flow--avatar){align-items:center;padding-top:var(--menu--item-to-item-spacing)}

package/dist/css/CounterBadge.css

@@ -1 +1 @@
-.flow--counter-badge{font-size:var(--counter-badge--font-size);font-weight:var(--counter-badge--font-weight);line-height:1;color:var(--counter-badge--color);background-color:var(--counter-badge--background-color);width:fit-content;display:flex;align-items:center;justify-content:center;height:var(--counter-badge--height);border-radius:calc(var(--counter-badge--height) / 2);border-width:var(--counter-badge--border-width);border-style:var(--counter-badge--border-style);border-color:var(--counter-badge--border-color);padding-inline:var(--counter-badge--padding-inline)}.flow--counter-badge:not(:empty){min-width:var(--counter-badge--height)}.flow--counter-badge:empty{padding:0;height:var(--counter-badge--height-empty);width:var(--counter-badge--height-empty)}
+.flow--counter-badge{font-size:var(--counter-badge--font-size);font-weight:var(--counter-badge--font-weight);line-height:1;color:var(--counter-badge--content-color);background-color:var(--counter-badge--background-color);width:fit-content;display:flex;align-items:center;justify-content:center;height:var(--counter-badge--height);border-radius:calc(var(--counter-badge--height) / 2);border-width:var(--counter-badge--border-width);border-style:var(--counter-badge--border-style);border-color:var(--counter-badge--border-color);padding-inline:var(--counter-badge--padding-inline)}.flow--counter-badge:not(:empty){min-width:var(--counter-badge--height)}.flow--counter-badge:empty{padding:0;height:var(--counter-badge--height-empty);width:var(--counter-badge--height-empty)}

package/dist/css/Header.css

@@ -1 +1 @@
-.flow--section--section-header{display:flex;gap:var(--section-header--heading-to-actions-spacing);justify-content:space-between;align-items:center;flex-wrap:wrap}.flow--section--section-header .flow--section--section-header--actions{display:flex;gap:var(--section-header--action-to-action-spacing);margin-inline-start:auto;flex-wrap:wrap}.flow--section--section-header:not(:first-child){margin-top:var(--section--sub-heading-spacing)}
+.flow--section--section-header{display:flex;gap:var(--section-header--heading-to-action-spacing);justify-content:space-between;align-items:center;flex-wrap:wrap}.flow--section--section-header .flow--section--section-header--actions{display:flex;gap:var(--section-header--action-to-action-spacing);margin-inline-start:auto;flex-wrap:wrap}.flow--section--section-header:not(:first-child){margin-top:var(--section--sub-heading-spacing)}

package/dist/css/List.css

@@ -1 +1 @@
-@charset "UTF-8";.flow--list--items--item--view{display:flex;padding:var(--list-item--padding);gap:var(--list-item--content-to-content-spacing);align-items:start}.flow--list--items--item--view .flow--list--items--item--view--content{display:flex;flex-wrap:wrap;gap:var(--list-item--content-to-content-spacing);align-items:center;flex-grow:1}.flow--list--items--item--view .flow--list--items--item--view--title{order:0;flex-grow:1;display:grid;grid-column-gap:var(--list-item--content-to-content-spacing);grid-template-areas:"avatar title   " "avatar subtitle";grid-template-columns:auto 1fr}.flow--list--items--item--view .flow--list--items--item--view--title:empty{display:none}.flow--list--items--item--view .flow--list--items--item--view--title:not(:has(.flow--list--items--item--view--avatar)){grid-template-areas:"title   " "subtitle";grid-template-columns:1fr}.flow--list--items--item--view .flow--list--items--item--view--title:not(:has(.flow--list--items--item--view--sub-title)){grid-template-areas:"avatar title"}.flow--list--items--item--view .flow--list--items--item--view--title:not(:has(.flow--list--items--item--view--sub-title)):not(:has(.flow--list--items--item--view--avatar)){grid-template-areas:"title"}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--avatar{grid-area:avatar;align-self:center}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--heading{grid-area:title;align-self:center}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--sub-title{grid-area:subtitle;font-size:var(--list-item--subtitle-font-size)}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--sub-title .flow--list--items--item--view--text:not(:last-child):after{content:"–";display:inline-block;margin:0 var(--size-rem--s)}.flow--list--items--item--view .flow--list--items--item--view--top-content{order:2}.flow--list--items--item--view .flow--list--items--item--view--action{margin-left:auto}.flow--list--items--item--view .flow--list--items--item--view--bottom-content{order:4;width:100%}.flow--list--list-summary{border-width:var(--list-item--border-width);border-bottom-width:0;border-style:var(--list-item--border-style);border-color:var(--list-item--border-color);padding:var(--list-item--padding);border-top-left-radius:var(--list-item--corner-radius);border-top-right-radius:var(--list-item--corner-radius)}.flow--list--header{display:flex;flex-direction:column;row-gap:var(--list--content-to-content-spacing)}.flow--list--header .flow--list--header--picker-list-and-search{display:flex;gap:var(--list--block-to-block-spacing);align-items:center;justify-content:space-between;flex-wrap:wrap-reverse}.flow--list--header .flow--list--header--picker-list{display:flex;flex-wrap:wrap;gap:var(--list--content-to-content-spacing)}.flow--list--header .flow--list--header--search-and-actions{display:flex;flex-grow:1;gap:var(--list--content-to-content-spacing);flex-wrap:wrap-reverse;justify-content:end}.flow--list--header .flow--list--header--search-field{max-width:180px;flex-grow:1;transition:max-width var(--transition--duration--default)}.flow--list--header .flow--list--header--search-field:has(input:focus){max-width:600px}.flow--list--header--active-filters{display:flex;flex-direction:row;column-gap:var(--list--content-to-content-spacing);row-gap:var(--list--content-to-content-spacing);flex-wrap:wrap;align-items:center}.flow--list--header--active-filters .flow--list--header--active-filters--clear-button{margin-inline-start:auto}.flow--list{display:flex;flex-direction:column;row-gap:var(--list--block-to-block-spacing);container-type:inline-size}.flow--list :has(.flow--list--list-summary) .flow--list--items,.flow--list :has(.flow--list--list-summary) .flow--list--table{border-top-left-radius:0;border-top-right-radius:0}.flow--list--items{display:flex;flex-direction:column;border-radius:var(--list-item--corner-radius);border-color:var(--list-item--border-color);border-width:var(--list-item--border-width);border-style:var(--list-item--border-style);overflow:hidden}.flow--list--items:empty{display:none}.flow--list--items.flow--list--items--is-loading{pointer-events:none;opacity:.5}.flow--list--items[data-empty=true]{border:none}.flow--list--items--item{cursor:default;background-color:var(--list-item--background-color--default)}.flow--list--items--item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--list--items--item[data-focused],.flow--list--items--item:focus{outline-style:none}.flow--list--items--item[data-focus-visible],.flow--list--items--item:focus-visible{outline-style:auto}.flow--list--items--item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--list--items--item.flow--list--items--item{outline-offset:calc(var(--size-px--xs) * -1)}.flow--list--items--item:where(.flow--list--items--item--is-selected){background-color:var(--list-item--background-color--pressed)}.flow--list--items--item:not(:last-child){border-bottom-color:var(--list-item--border-color);border-bottom-width:var(--list-item--border-width);border-bottom-style:var(--list-item--border-style)}.flow--list--items--item:where(.flow--list--items--item--has-action):not(.flow--list--items--item--is-selected):hover{background-color:var(--list-item--background-color--hover)}.flow--list--items--item:where(.flow--list--items--item--has-action)[data-pressed]{background-color:var(--list-item--background-color--pressed)}.flow--list--footer{font-size:var(--font-size-text--s);display:flex;flex-direction:column;align-items:center;row-gap:var(--list--content-to-content-spacing)}.flow--list--table.flow--list--table--is-loading{pointer-events:none;opacity:.5}.flow--list--table--row.flow--list--table--is-selected{background-color:var(--list-item--background-color--pressed)}.flow--list--table--row:where(.flow--list--table--has-action){cursor:default}.flow--list--table--row:where(.flow--list--table--has-action):not(.flow--list--table--is-selected):hover{background-color:var(--list-item--background-color--hover)}.flow--list--table--row:where(.flow--list--table--has-action)[data-pressed]{background-color:var(--list-item--background-color--pressed)}
+@charset "UTF-8";.flow--list--items--item--view{display:flex;padding:var(--list-item--padding);gap:var(--list-item--spacing);align-items:start}.flow--list--items--item--view .flow--list--items--item--view--content{display:flex;flex-wrap:wrap;gap:var(--list-item--spacing);align-items:center;flex-grow:1}.flow--list--items--item--view .flow--list--items--item--view--title{order:0;flex-grow:1;display:grid;grid-column-gap:var(--list-item--avatar-to-title-spacing);grid-template-areas:"avatar title   " "avatar subtitle";grid-template-columns:auto 1fr}.flow--list--items--item--view .flow--list--items--item--view--title:empty{display:none}.flow--list--items--item--view .flow--list--items--item--view--title:not(:has(.flow--list--items--item--view--avatar)){grid-template-areas:"title   " "subtitle";grid-template-columns:1fr}.flow--list--items--item--view .flow--list--items--item--view--title:not(:has(.flow--list--items--item--view--sub-title)){grid-template-areas:"avatar title"}.flow--list--items--item--view .flow--list--items--item--view--title:not(:has(.flow--list--items--item--view--sub-title)):not(:has(.flow--list--items--item--view--avatar)){grid-template-areas:"title"}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--avatar{grid-area:avatar;align-self:center}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--heading{grid-area:title;align-self:center}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--sub-title{grid-area:subtitle;font-size:var(--list-item--subtitle-font-size)}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--sub-title .flow--list--items--item--view--text:not(:last-child):after{content:"–";display:inline-block;margin:0 var(--size-rem--s)}.flow--list--items--item--view .flow--list--items--item--view--top-content{order:2}.flow--list--items--item--view .flow--list--items--item--view--action{margin-left:auto}.flow--list--items--item--view .flow--list--items--item--view--bottom-content{order:4;width:100%}.flow--list--list-summary{border-width:var(--list-item--border-width);border-bottom-width:0;border-style:var(--list-item--border-style);border-color:var(--list-item--border-color);padding:var(--list-item--padding);border-top-left-radius:var(--list-item--corner-radius);border-top-right-radius:var(--list-item--corner-radius)}.flow--list--header{display:flex;flex-direction:column;row-gap:var(--list--spacing)}.flow--list--header .flow--list--header--picker-list-and-search{display:flex;gap:var(--list--block-to-block-spacing);align-items:center;justify-content:space-between;flex-wrap:wrap-reverse}.flow--list--header .flow--list--header--picker-list{display:flex;flex-wrap:wrap;gap:var(--list--spacing)}.flow--list--header .flow--list--header--search-and-actions{display:flex;flex-grow:1;gap:var(--list--spacing);flex-wrap:wrap-reverse;justify-content:end}.flow--list--header .flow--list--header--search-field{max-width:180px;flex-grow:1;transition:max-width var(--transition--duration--default)}.flow--list--header .flow--list--header--search-field:has(input:focus){max-width:600px}.flow--list--header--active-filters{display:flex;flex-direction:row;column-gap:var(--list--spacing);row-gap:var(--list--spacing);flex-wrap:wrap;align-items:center}.flow--list--header--active-filters .flow--list--header--active-filters--clear-button{margin-inline-start:auto}.flow--list{display:flex;flex-direction:column;row-gap:var(--list--block-to-block-spacing);container-type:inline-size}.flow--list :has(.flow--list--list-summary) .flow--list--items,.flow--list :has(.flow--list--list-summary) .flow--list--table{border-top-left-radius:0;border-top-right-radius:0}.flow--list--items{display:flex;flex-direction:column;border-radius:var(--list-item--corner-radius);border-color:var(--list-item--border-color);border-width:var(--list-item--border-width);border-style:var(--list-item--border-style);overflow:hidden}.flow--list--items:empty{display:none}.flow--list--items.flow--list--items--is-loading{pointer-events:none;opacity:.5}.flow--list--items[data-empty=true]{border:none}.flow--list--items--item{cursor:default;background-color:var(--list-item--background-color--default)}.flow--list--items--item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--list--items--item[data-focused],.flow--list--items--item:focus{outline-style:none}.flow--list--items--item[data-focus-visible],.flow--list--items--item:focus-visible{outline-style:auto}.flow--list--items--item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--list--items--item.flow--list--items--item{outline-offset:calc(var(--size-px--xs) * -1)}.flow--list--items--item:where(.flow--list--items--item--is-selected){background-color:var(--list-item--background-color--pressed)}.flow--list--items--item:not(:last-child){border-bottom-color:var(--list-item--border-color);border-bottom-width:var(--list-item--border-width);border-bottom-style:var(--list-item--border-style)}.flow--list--items--item:where(.flow--list--items--item--has-action):not(.flow--list--items--item--is-selected):hover{background-color:var(--list-item--background-color--hover)}.flow--list--items--item:where(.flow--list--items--item--has-action)[data-pressed]{background-color:var(--list-item--background-color--pressed)}.flow--list--footer{font-size:var(--font-size-text--s);display:flex;flex-direction:column;align-items:center;row-gap:var(--list--spacing)}.flow--list--table.flow--list--table--is-loading{pointer-events:none;opacity:.5}.flow--list--table--row.flow--list--table--is-selected{background-color:var(--list-item--background-color--pressed)}.flow--list--table--row:where(.flow--list--table--has-action){cursor:default}.flow--list--table--row:where(.flow--list--table--has-action):not(.flow--list--table--is-selected):hover{background-color:var(--list-item--background-color--hover)}.flow--list--table--row:where(.flow--list--table--has-action)[data-pressed]{background-color:var(--list-item--background-color--pressed)}

package/dist/css/Navigation.css

@@ -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{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{order:0;color:var(--menu-item--icon-color--default)}.flow--navigation .flow--navigation--item .flow--navigation--text{order:1}.flow--navigation .flow--navigation--item .flow--navigation--icon+.flow--navigation--text{margin-inline-start: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:var(--accordion--content-padding)}.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--header-padding-x);padding-block:var(--accordion--header-padding-y)}
+.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{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{order:0;color:var(--menu-item--icon-color--default)}.flow--navigation .flow--navigation--item .flow--navigation--text{order:1}.flow--navigation .flow--navigation--item .flow--navigation--icon+.flow--navigation--text{margin-inline-start: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)}

package/dist/css/Notification.css

@@ -1 +1 @@
-.flow--notification{border-radius:var(--notification--corner-radius);width:var(--notification--width);box-shadow:var(--notification--box-shadow);position:relative}.flow--notification .flow--notification--link{padding:var(--notification--padding);border-radius:var(--notification--corner-radius);border-style:var(--notification--border-style);border-width:0;border-inline-start-width:var(--notification--border-x-start-width);display:flex;flex-direction:column;row-gap:var(--notification--heading-to-text-spacing);cursor:default}.flow--notification .flow--notification--link{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--notification .flow--notification--link[data-focused],.flow--notification .flow--notification--link:focus{outline-style:none}.flow--notification .flow--notification--link[data-focus-visible],.flow--notification .flow--notification--link:focus-visible{outline-style:auto}.flow--notification .flow--notification--link[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--notification .flow--notification--heading{--button-width: calc( var(--button--line-height-s) + 2 * var(--button--padding-s) );padding-inline-end:calc(var(--button-width) + var(--heading--icon-to-text-spacing))}.flow--notification .flow--notification--text{font-size:var(--notification--font-size)}.flow--notification .flow--notification--close{position:absolute;top:var(--notification--padding);right:var(--notification--padding)}.flow--notification.flow--notification--info .flow--notification--link,.flow--notification .flow--notification--link{border-color:var(--notification--info-border-color);background-color:var(--notification--info-background-color--default)}.flow--notification.flow--notification--info.flow--notification--has-link .flow--notification--link:hover,.flow--notification.flow--notification--has-link .flow--notification--link:hover{background-color:var(--notification--info-background-color--hover)}.flow--notification.flow--notification--info.flow--notification--has-link .flow--notification--link[data-pressed],.flow--notification.flow--notification--has-link .flow--notification--link[data-pressed]{background-color:var(--notification--info-background-color--pressed)}.flow--notification.flow--notification--info .flow--notification--heading,.flow--notification .flow--notification--heading{color:var(--notification--info-heading-color)}.flow--notification.flow--notification--warning .flow--notification--link{border-color:var(--notification--warning-border-color);background-color:var(--notification--warning-background-color--default)}.flow--notification.flow--notification--warning.flow--notification--has-link .flow--notification--link:hover{background-color:var(--notification--warning-background-color--hover)}.flow--notification.flow--notification--warning.flow--notification--has-link .flow--notification--link[data-pressed]{background-color:var(--notification--warning-background-color--pressed)}.flow--notification.flow--notification--warning .flow--notification--heading{color:var(--notification--warning-heading-color)}.flow--notification.flow--notification--danger .flow--notification--link{border-color:var(--notification--danger-border-color);background-color:var(--notification--danger-background-color--default)}.flow--notification.flow--notification--danger.flow--notification--has-link .flow--notification--link:hover{background-color:var(--notification--danger-background-color--hover)}.flow--notification.flow--notification--danger.flow--notification--has-link .flow--notification--link[data-pressed]{background-color:var(--notification--danger-background-color--pressed)}.flow--notification.flow--notification--danger .flow--notification--heading{color:var(--notification--danger-heading-color)}.flow--notification.flow--notification--success .flow--notification--link{border-color:var(--notification--success-border-color);background-color:var(--notification--success-background-color--default)}.flow--notification.flow--notification--success.flow--notification--has-link .flow--notification--link:hover{background-color:var(--notification--success-background-color--hover)}.flow--notification.flow--notification--success.flow--notification--has-link .flow--notification--link[data-pressed]{background-color:var(--notification--success-background-color--pressed)}.flow--notification.flow--notification--success .flow--notification--heading{color:var(--notification--success-heading-color)}
+.flow--notification{border-radius:var(--notification--corner-radius);width:var(--notification--width);box-shadow:var(--notification--box-shadow);position:relative}.flow--notification .flow--notification--link{padding:var(--notification--padding);border-radius:var(--notification--corner-radius);border-style:var(--notification--border-style);border-width:0;border-inline-start-width:var(--notification--border-x-start-width);display:flex;flex-direction:column;row-gap:var(--notification--heading-to-text-spacing);cursor:default}.flow--notification .flow--notification--link{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--notification .flow--notification--link[data-focused],.flow--notification .flow--notification--link:focus{outline-style:none}.flow--notification .flow--notification--link[data-focus-visible],.flow--notification .flow--notification--link:focus-visible{outline-style:auto}.flow--notification .flow--notification--link[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--notification .flow--notification--heading{--button-width: calc( var(--button--line-height-s) + 2 * var(--button--padding-s-x) );padding-inline-end:calc(var(--button-width) + var(--heading--icon-to-text-spacing))}.flow--notification .flow--notification--text{font-size:var(--notification--font-size)}.flow--notification .flow--notification--close{position:absolute;top:var(--notification--padding);right:var(--notification--padding)}.flow--notification.flow--notification--info .flow--notification--link,.flow--notification .flow--notification--link{border-color:var(--notification--info-border-color);background-color:var(--notification--info-background-color--default)}.flow--notification.flow--notification--info.flow--notification--has-link .flow--notification--link:hover,.flow--notification.flow--notification--has-link .flow--notification--link:hover{background-color:var(--notification--info-background-color--hover)}.flow--notification.flow--notification--info.flow--notification--has-link .flow--notification--link[data-pressed],.flow--notification.flow--notification--has-link .flow--notification--link[data-pressed]{background-color:var(--notification--info-background-color--pressed)}.flow--notification.flow--notification--info .flow--notification--heading,.flow--notification .flow--notification--heading{color:var(--notification--info-heading-color)}.flow--notification.flow--notification--warning .flow--notification--link{border-color:var(--notification--warning-border-color);background-color:var(--notification--warning-background-color--default)}.flow--notification.flow--notification--warning.flow--notification--has-link .flow--notification--link:hover{background-color:var(--notification--warning-background-color--hover)}.flow--notification.flow--notification--warning.flow--notification--has-link .flow--notification--link[data-pressed]{background-color:var(--notification--warning-background-color--pressed)}.flow--notification.flow--notification--warning .flow--notification--heading{color:var(--notification--warning-heading-color)}.flow--notification.flow--notification--danger .flow--notification--link{border-color:var(--notification--danger-border-color);background-color:var(--notification--danger-background-color--default)}.flow--notification.flow--notification--danger.flow--notification--has-link .flow--notification--link:hover{background-color:var(--notification--danger-background-color--hover)}.flow--notification.flow--notification--danger.flow--notification--has-link .flow--notification--link[data-pressed]{background-color:var(--notification--danger-background-color--pressed)}.flow--notification.flow--notification--danger .flow--notification--heading{color:var(--notification--danger-heading-color)}.flow--notification.flow--notification--success .flow--notification--link{border-color:var(--notification--success-border-color);background-color:var(--notification--success-background-color--default)}.flow--notification.flow--notification--success.flow--notification--has-link .flow--notification--link:hover{background-color:var(--notification--success-background-color--hover)}.flow--notification.flow--notification--success.flow--notification--has-link .flow--notification--link[data-pressed]{background-color:var(--notification--success-background-color--pressed)}.flow--notification.flow--notification--success .flow--notification--heading{color:var(--notification--success-heading-color)}

package/dist/css/Section.css

@@ -1 +1 @@
-.flow--section{display:flex;flex-direction:column;row-gap:var(--section--content-to-content-spacing);container-type:inline-size}.flow--section+.flow--section{margin-block-start:var(--section--section-to-section-spacing)}.flow--section:not(.flow--section--hide-separator)+.flow--section{border-block-start-width:var(--section--border-width);border-block-start-style:var(--section--border-style);border-block-start-color:var(--section--border-color);padding-block-start:var(--section--section-to-section-spacing)}.flow--section .flow--section--heading:not(:first-child){margin-top:var(--section--sub-heading-spacing)}
+.flow--section{display:flex;flex-direction:column;row-gap:var(--section--spacing);container-type:inline-size}.flow--section+.flow--section{margin-block-start:var(--section--section-to-section-spacing)}.flow--section:not(.flow--section--hide-separator)+.flow--section{border-block-start-width:var(--separator--height);border-block-start-style:var(--border-style--default);border-block-start-color:var(--separator--color);padding-block-start:var(--section--section-to-section-spacing)}.flow--section .flow--section--heading:not(:first-child){margin-top:var(--section--sub-heading-spacing)}

package/dist/css/Table.css

@@ -1 +1 @@
-.flow--table--table-container{width:100%;overflow-x:auto}.flow--table{border-radius:var(--table--corner-radius);overflow:hidden;width:100%;border-width:var(--table--border-width);border-style:var(--table--border-style);border-color:var(--table--border-color);border-spacing:0;background-color:var(--table--background-color)}.flow--table .flow--table--header{color:var(--table--header-color);font-weight:var(--table--header-font-weight)}.flow--table :where(.flow--table--body) tr:where(:nth-of-type(odd):not(.flow--table--footer)){background-color:var(--table--background-color-accent)}.flow--table :where(.flow--table--body) tr td{border-block-start-width:var(--table--border-width);border-block-start-style:var(--table--border-style);border-block-start-color:var(--table--border-color)}.flow--table :where(.flow--table--body) tr:first-of-type td{border-block-start-width:var(--table--header-border-width)}.flow--table :where(.flow--table--body) tr.flow--table--footer td{border-block-start-width:var(--table--footer-border-width);font-weight:var(--table--footer-font-weight)}.flow--table .flow--table--cell,.flow--table .flow--table--column{padding-inline:var(--table--padding-x);padding-block:var(--table--padding-y);text-align:start;vertical-align:top}.flow--table.flow--table--vertical-align-middle .flow--table--cell,.flow--table.flow--table--vertical-align-middle .flow--table--column{vertical-align:middle}
+.flow--table--table-container{width:100%;overflow-x:auto}.flow--table{border-radius:var(--table--corner-radius);overflow:hidden;width:100%;border-width:var(--table--border-width);border-style:var(--table--border-style);border-color:var(--table--border-color);border-spacing:0;background-color:var(--table--background-color)}.flow--table .flow--table--column{font-weight:var(--table--header-font-weight);text-align:start}.flow--table .flow--table--cell,.flow--table .flow--table--column{padding-inline:var(--table--padding-x);padding-block:var(--table--padding-y);text-align:start;vertical-align:top;border-style:var(--table--border-style);border-color:var(--table--border-color);border-width:0}.flow--table .flow--table--header .flow--table--column{border-block-end-width:var(--table--header-border-width)}.flow--table .flow--table--header:empty{display:none}.flow--table .flow--table--body .flow--table--row:nth-of-type(odd):not(.flow--table--footer){background-color:var(--table--background-color-accent)}.flow--table .flow--table--body .flow--table--row:not(:last-child) .flow--table--cell{border-block-end-width:var(--table--border-width)}.flow--table .flow--table--body .flow--table--row.flow--table--footer .flow--table--cell{border-block-start-width:var(--table--border-width)}.flow--table.flow--table--vertical-align-middle .flow--table--cell,.flow--table.flow--table--vertical-align-middle .flow--table--column{vertical-align:middle}