@mittwald/flow-react-components 0.1.0-alpha.383 → 0.1.0-alpha.384

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 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.384](https://github.com/mittwald/flow/compare/0.1.0-alpha.383...0.1.0-alpha.384) (2024-12-18)
+
+### Bug Fixes
+
+- **List:** fix responsive list item
+  ([#1059](https://github.com/mittwald/flow/issues/1059))
+  ([a8fc2db](https://github.com/mittwald/flow/commit/a8fc2db6e0c19b77ebcd6c103770b301c836a780))
+
+# 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.383](https://github.com/mittwald/flow/compare/0.1.0-alpha.382...0.1.0-alpha.383) (2024-12-18)
 
 **Note:** Version bump only for package @mittwald/flow-react-components

package/dist/css/List.css

@@ -1 +1 @@
-.flow--list--items--item--view{--title-width: 30ch;padding:var(--list-item--padding);display:grid;gap:var(--list-item--content-to-content-spacing)}.flow--list--items--item--view:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title   topContent action " "content content    content";grid-template-columns:var(--title-width) 1fr auto}.flow--list--items--item--view:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title   topContent" "content content   ";grid-template-columns:var(--title-width) 1fr}.flow--list--items--item--view:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title topContent";grid-template-columns:var(--title-width) 1fr}.flow--list--items--item--view:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title  " "content";grid-template-columns:auto}.flow--list--items--item--view:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title";grid-template-columns:1fr}.flow--list--items--item--view:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action" "content    content";grid-template-columns:1fr auto}.flow--list--items--item--view:not(:has(.flow--list--items--item--view--title:not(:empty))):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"content action";grid-template-columns:1fr auto}.flow--list--items--item--view:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title   action " "content content";grid-template-columns:1fr auto}.flow--list--items--item--view:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action";grid-template-columns:1fr auto}.flow--list--items--item--view:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title topContent action";grid-template-columns:var(--title-width) 1fr auto}.flow--list--items--item--view:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action";grid-template-columns:1fr auto}.flow--list--items--item--view:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"topContent";grid-template-columns:auto}.flow--list--items--item--view .flow--list--items--item--view--title{grid-area:title;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--text)){grid-template-areas:"avatar title"}.flow--list--items--item--view .flow--list--items--item--view--title:not(:has(.flow--list--items--item--view--text)):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--text{grid-area:subtitle;font-size:var(--list-item--subtitle-font-size)}.flow--list--items--item--view .flow--list--items--item--view--top-content{grid-area:topContent}.flow--list--items--item--view .flow--list--items--item--view--content{grid-area:content}.flow--list--items--item--view .flow--list--items--item--view--action{grid-area:action;align-self:center;justify-self:end}@container (max-width: 250px){.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title      action" "topContent topContent" "content    content   ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title     " "topContent" "content   ";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title     " "topContent";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title  " "content";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action       " "content    content      ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:not(:has(.flow--list--items--item--view--title:not(:empty))):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"content action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title   action       " "content content      ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title      action    " "topContent topContent";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action";grid-template-columns:1fr auto}}@container (max-width: 450px){.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title      action" "topContent topContent" "content    content   ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title     " "topContent" "content   ";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title     " "topContent";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title  " "content";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action       " "content    content      ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:not(:has(.flow--list--items--item--view--title:not(:empty))):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"content action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title   action       " "content content      ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title      action    " "topContent topContent";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action";grid-template-columns:1fr auto}}@container (max-width: 650px){.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title      action" "topContent topContent" "content    content   ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title     " "topContent" "content   ";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title     " "topContent";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title  " "content";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action       " "content    content      ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:not(:has(.flow--list--items--item--view--title:not(:empty))):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"content action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title   action       " "content content      ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title      action    " "topContent topContent";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action";grid-template-columns:1fr auto}}@container (max-width: 850px){.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title      action" "topContent topContent" "content    content   ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title     " "topContent" "content   ";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title     " "topContent";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title  " "content";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action       " "content    content      ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:not(:has(.flow--list--items--item--view--title:not(:empty))):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"content action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title   action       " "content content      ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title      action    " "topContent topContent";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action";grid-template-columns:1fr auto}}@container (max-width: 1050px){.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title      action" "topContent topContent" "content    content   ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title     " "topContent" "content   ";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title     " "topContent";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title  " "content";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action       " "content    content      ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:not(:has(.flow--list--items--item--view--title:not(:empty))):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"content action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title   action       " "content content      ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title      action    " "topContent topContent";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action";grid-template-columns:1fr auto}}.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-grow:9999;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:space-between}.flow--list--header .flow--list--header--search-field{width:180px;flex-grow:1}.flow--list--header .flow--list--header--actions{margin-left:auto}.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--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-grow:9999;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:space-between}.flow--list--header .flow--list--header--search-field{width:180px;flex-grow:1}.flow--list--header .flow--list--header--actions{margin-left:auto}.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)}