@mittwald/flow-react-components 0.1.0-alpha.316 → 0.1.0-alpha.318
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/css/ActionGroup.css +1 -1
- package/dist/css/Avatar.css +1 -1
- package/dist/css/Badge.css +1 -1
- package/dist/css/Button.css +1 -1
- package/dist/css/CalendarHeader.css +1 -1
- package/dist/css/Checkbox.css +1 -1
- package/dist/css/CheckboxButton.css +1 -1
- package/dist/css/CheckboxGroup.css +1 -1
- package/dist/css/CodeBlock.css +1 -1
- package/dist/css/DatePicker.css +1 -1
- package/dist/css/DateRangePicker.css +1 -1
- package/dist/css/FieldDescription.css +1 -1
- package/dist/css/FieldError.css +1 -1
- package/dist/css/Heading.css +1 -1
- package/dist/css/Icon.css +1 -1
- package/dist/css/IllustratedMessage.css +1 -1
- package/dist/css/Initials.css +1 -1
- package/dist/css/InlineCode.css +1 -1
- package/dist/css/Label.css +1 -1
- package/dist/css/LabeledValue.css +1 -1
- package/dist/css/Link.css +1 -1
- package/dist/css/List.css +1 -1
- package/dist/css/NumberField.css +1 -1
- package/dist/css/Popover.css +1 -1
- package/dist/css/ProgressBar.css +1 -1
- package/dist/css/RadioGroup.css +1 -1
- package/dist/css/SearchField.css +1 -1
- package/dist/css/SegmentedControl.css +1 -1
- package/dist/css/Select.css +1 -1
- package/dist/css/Slider.css +1 -1
- package/dist/css/Switch.css +1 -1
- package/dist/css/Text.css +1 -1
- package/dist/css/globals.css +1 -1
- package/dist/js/{Accordion-C1Hd4Yhg.js → Accordion-B4NzrsJJ.js} +3 -3
- package/dist/js/Accordion.js +1 -1
- package/dist/js/Alert.js +1 -1
- package/dist/js/AlertBadge.js +1 -1
- package/dist/js/{AlertIcon-x0EkIx02.js → AlertIcon-BomvhKhj.js} +4 -4
- package/dist/js/AlertIcon.js +1 -1
- package/dist/js/{Badge-DVa8WUgj.js → Badge-eFDPYpLQ.js} +3 -3
- package/dist/js/Badge.js +1 -1
- package/dist/js/Breadcrumb.js +2 -2
- package/dist/js/{Button-DE6VQ9dh.js → Button-D36qUyQB.js} +3 -3
- package/dist/js/Button.js +1 -1
- package/dist/js/{CalendarHeader-B2jstCaG.js → CalendarHeader-C1y9QUnp.js} +4 -4
- package/dist/js/{Checkbox-e462Gcxe.js → Checkbox-BgFVV3Tl.js} +3 -3
- package/dist/js/Checkbox.js +1 -1
- package/dist/js/{CheckboxButton-Dd900jP_.js → CheckboxButton-BjU9Jo10.js} +1 -1
- package/dist/js/CheckboxButton.js +1 -1
- package/dist/js/CheckboxGroup.js +2 -2
- package/dist/js/CodeBlock.js +1 -1
- package/dist/js/ContextMenu.js +3 -3
- package/dist/js/{ContextMenuTrigger-9-ZjcBHX.js → ContextMenuTrigger-B8mjB6Ki.js} +1 -1
- package/dist/js/ContextualHelp.js +3 -3
- package/dist/js/{CopyButton-BFEqZ49C.js → CopyButton-CFR15ln1.js} +3 -3
- package/dist/js/CopyButton.js +1 -1
- package/dist/js/DatePicker.js +6 -6
- package/dist/js/DateRangePicker.js +6 -6
- package/dist/js/{FieldError-BVaFR2ma.js → FieldError-nM97A_ZI.js} +2 -2
- package/dist/js/FieldError.js +1 -1
- package/dist/js/Icon-CBb5Yu1u.js +53 -0
- package/dist/js/Icon.js +1 -1
- package/dist/js/{IconCalendar-ccWsxuA2.js → IconCalendar-KzWm9DDf.js} +1 -1
- package/dist/js/{IconCheck-9efe3XiC.js → IconCheck-4amW_y36.js} +1 -1
- package/dist/js/{IconCheckboxEmpty-Bs0CrP7a.js → IconCheckboxEmpty-Bz98RJL2.js} +1 -1
- package/dist/js/{IconCheckboxIndeterminate-3gNSsTqf.js → IconCheckboxIndeterminate-CXxIYfWr.js} +1 -1
- package/dist/js/{IconChevronDown-CWsSkSGM.js → IconChevronDown-CwS8GTxT.js} +1 -1
- package/dist/js/{IconChevronRight-BLOjuhl6.js → IconChevronRight-qZD8x47n.js} +1 -1
- package/dist/js/{IconChevronUp-CSRcs7AO.js → IconChevronUp-CPPaEZWw.js} +1 -1
- package/dist/js/{IconClose-B2ipDX0n.js → IconClose-D3eGA5SA.js} +1 -1
- package/dist/js/{IconContextMenu-6NUAywWg.js → IconContextMenu-Ceb_NtGj.js} +1 -1
- package/dist/js/{IconCopy-BOZJbtQQ.js → IconCopy-C8vJzw7-.js} +1 -1
- package/dist/js/{IconDanger-Sd6GDwJr.js → IconDanger-DiLFhqHO.js} +1 -1
- package/dist/js/{IconExternalLink-CVgF9tvS.js → IconExternalLink-Dn7yCGfS.js} +1 -1
- package/dist/js/{IconInfo-DUenEWxh.js → IconInfo-B58Nusbi.js} +1 -1
- package/dist/js/{IconPending-D7nE29ku.js → IconPending-LgjVl3ZR.js} +1 -1
- package/dist/js/{IconPlus-B2Z6OcJP.js → IconPlus-Dik3sT_d.js} +1 -1
- package/dist/js/{IconRadioOn-D3RQ1Tzv.js → IconRadioOn-C6o-TmBn.js} +1 -1
- package/dist/js/{IconSearch-DycBMt9i.js → IconSearch-hqOpuhlg.js} +1 -1
- package/dist/js/{IconSucceeded-BrUEf3-W.js → IconSucceeded-BuCvAZZd.js} +1 -1
- package/dist/js/{IconView-BJdqngyQ.js → IconView-C-bJRfad.js} +1 -1
- package/dist/js/{IconWarning-BuEvJJgg.js → IconWarning-BqxyFUTa.js} +1 -1
- package/dist/js/Icons.js +21 -21
- package/dist/js/IllustratedMessage-DB1AH-Oq.js +45 -0
- package/dist/js/IllustratedMessage.js +1 -1
- package/dist/js/InlineCode.js +9 -9
- package/dist/js/{Link-DBtH1rcE.js → Link-CQ9RLwJK.js} +2 -2
- package/dist/js/Link.js +1 -1
- package/dist/js/List.js +10 -10
- package/dist/js/{LoadingSpinner-BNwuXpm9.js → LoadingSpinner-BK9KyYcE.js} +2 -2
- package/dist/js/LoadingSpinner.js +1 -1
- package/dist/js/{MenuItem-DRNpILEl.js → MenuItem-ims4Vdth.js} +3 -3
- package/dist/js/MenuItem.js +1 -1
- package/dist/js/Modal.js +3 -3
- package/dist/js/Navigation.js +1 -1
- package/dist/js/Notification.js +5 -5
- package/dist/js/NumberField.js +6 -6
- package/dist/js/{Popover-BJryd_iR.js → Popover-DPAVgKw1.js} +3 -9
- package/dist/js/Popover.js +2 -2
- package/dist/js/RadioGroup.js +3 -3
- package/dist/js/{SearchField-8LwOlGa0.js → SearchField-DtByTOGJ.js} +5 -5
- package/dist/js/SearchField.js +1 -1
- package/dist/js/SegmentedControl.js +3 -3
- package/dist/js/Select.js +4 -4
- package/dist/js/Slider.js +3 -3
- package/dist/js/Switch.js +3 -3
- package/dist/js/Tabs.js +5 -5
- package/dist/js/TextArea.js +1 -1
- package/dist/js/TextField.js +1 -1
- package/dist/js/{TextFieldBase-CuecrgoE.js → TextFieldBase-g1cXK8oC.js} +1 -1
- package/dist/js/TimeField.js +1 -1
- package/dist/js/all.css +1 -1
- package/dist/js/react-hook-form.js +1 -1
- package/dist/js/types/components/Icon/Icon.d.ts +0 -1
- package/dist/js/types/components/Icon/stories/Default.stories.d.ts +0 -2
- package/dist/js/types/components/IllustratedMessage/IllustratedMessage.d.ts +2 -2
- package/dist/js/types/components/IllustratedMessage/stories/Default.stories.d.ts +1 -1
- package/dist/js/types/components/InlineCode/InlineCode.d.ts +1 -1
- package/dist/js/types/components/InlineCode/stories/Default.stories.d.ts +2 -0
- package/dist/js/types/components/Popover/stories/Default.stories.d.ts +1 -1
- package/package.json +4 -4
- package/dist/js/Icon-BfcwCN3o.js +0 -61
- package/dist/js/IllustratedMessage-C5caKyh6.js +0 -44
package/dist/css/List.css
CHANGED
|
@@ -1 +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}:is(.flow--list :has(.flow--list--list-summary)) .flow--list--items,:is(.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--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[data-pressed]:where(.flow--list--table--has-action){background-color:var(--list-item--background-color--pressed)}
|
|
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}:is(.flow--list :has(.flow--list--list-summary)) .flow--list--items,:is(.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[data-pressed]:where(.flow--list--table--has-action){background-color:var(--list-item--background-color--pressed)}
|
package/dist/css/NumberField.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--number-field--group{order:2;display:grid;grid-template-columns:1fr max-content;grid-template-areas:"input increment" "input decrement"}.flow--number-field--group .flow--number-field--input{grid-area:input;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--number-field--group .flow--number-field--input::placeholder{color:var(--form-control--placeholder-color--default)}.flow--number-field--group .flow--number-field--input:hover{background-color:var(--form-control--background-color--hover)}.flow--number-field--group .flow--number-field--input[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--number-field--group .flow--number-field--input:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--number-field--group .flow--number-field--input:focus-visible,.flow--number-field--group .flow--number-field--input:focus{outline:none}.flow--number-field--group .flow--number-field--input[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--number-field--group .flow--number-field--input:disabled,.flow--number-field--group .flow--number-field--input[data-disabled],[aria-disabled] .flow--number-field--group .flow--number-field--input{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--number-field--group .flow--number-field--input:disabled::placeholder,.flow--number-field--group .flow--number-field--input[data-disabled]::placeholder,[aria-disabled] .flow--number-field--group .flow--number-field--input::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--number-field--group .flow--number-field--decrement-button{grid-area:decrement}.flow--number-field--group .flow--number-field--increment-button{grid-area:increment}.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group .flow--number-field--increment-button{border-width:var(--form-control--border-width);border-color:var(--form-control--border-color--default);border-style:solid}.flow--number-field--group[aria-invalid] .flow--number-field--decrement-button,.flow--number-field--group[aria-invalid] .flow--number-field--increment-button{border-color:var(--form-control--border-color--invalid)}.flow--number-field--group[data-focus-within] .flow--number-field--decrement-button,.flow--number-field--group[data-focus-within] .flow--number-field--increment-button{border-color:var(--form-control--border-color--focused)}.flow--number-field--group[aria-disabled=true] .flow--number-field--decrement-button,.flow--number-field--group[aria-disabled=true] .flow--number-field--increment-button{border-color:var(--form-control--border-color--disabled)}@media (pointer: fine){.flow--number-field--group .flow--number-field--input{border-start-end-radius:0;border-end-end-radius:0}.flow--number-field--group .flow--number-field--increment-button,.flow--number-field--group .flow--number-field--decrement-button{border-inline-start:none;border-start-start-radius:0;border-end-start-radius:0;padding-block:0}.flow--number-field--group .flow--number-field--increment-button .flow--number-field--coarse-pointer-icon,.flow--number-field--group .flow--number-field--decrement-button .flow--number-field--coarse-pointer-icon{display:none}.flow--number-field--group .flow--number-field--decrement-button{border-start-end-radius:0}.flow--number-field--group .flow--number-field--increment-button{border-block-end:none;border-end-end-radius:0}}@media (pointer: coarse){.flow--number-field--group{grid-template-columns:auto 1fr auto;grid-template-areas:"decrement input increment";max-width:100%}.flow--number-field--group .flow--number-field--input{border-radius:0;min-width:0}.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group .flow--number-field--increment-button{padding-inline:var(--button--padding)}.flow--number-field--group .flow--number-field--decrement-button .flow--number-field--coarse-pointer-icon,.flow--number-field--group .flow--number-field--increment-button .flow--number-field--coarse-pointer-icon{width:var(--icon--size--m);height:var(--icon--size--m)}.flow--number-field--group .flow--number-field--decrement-button svg:not(.flow--number-field--coarse-pointer-icon),.flow--number-field--group .flow--number-field--increment-button svg:not(.flow--number-field--coarse-pointer-icon){display:none}.flow--number-field--group .flow--number-field--decrement-button{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.flow--number-field--group .flow--number-field--increment-button{border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}}
|
|
1
|
+
.flow--number-field--group{order:2;display:grid;grid-template-columns:1fr max-content;grid-template-areas:"input increment" "input decrement"}.flow--number-field--group .flow--number-field--input{grid-area:input;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--number-field--group .flow--number-field--input::placeholder{color:var(--form-control--placeholder-color--default)}.flow--number-field--group .flow--number-field--input:hover{background-color:var(--form-control--background-color--hover)}.flow--number-field--group .flow--number-field--input[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--number-field--group .flow--number-field--input:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--number-field--group .flow--number-field--input:focus-visible,.flow--number-field--group .flow--number-field--input:focus{outline:none}.flow--number-field--group .flow--number-field--input[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--number-field--group .flow--number-field--input:disabled,.flow--number-field--group .flow--number-field--input[data-disabled],[aria-disabled] .flow--number-field--group .flow--number-field--input{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--number-field--group .flow--number-field--input:disabled::placeholder,.flow--number-field--group .flow--number-field--input[data-disabled]::placeholder,[aria-disabled] .flow--number-field--group .flow--number-field--input::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--number-field--group .flow--number-field--decrement-button{grid-area:decrement}.flow--number-field--group .flow--number-field--increment-button{grid-area:increment}.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group .flow--number-field--increment-button{border-width:var(--form-control--border-width);border-color:var(--form-control--border-color--default);border-style:solid}.flow--number-field--group[aria-invalid] .flow--number-field--decrement-button,.flow--number-field--group[aria-invalid] .flow--number-field--increment-button{border-color:var(--form-control--border-color--invalid)}.flow--number-field--group[data-focus-within] .flow--number-field--decrement-button,.flow--number-field--group[data-focus-within] .flow--number-field--increment-button{border-color:var(--form-control--border-color--focused)}.flow--number-field--group[aria-disabled=true] .flow--number-field--decrement-button,.flow--number-field--group[aria-disabled=true] .flow--number-field--increment-button{border-color:var(--form-control--border-color--disabled)}@media (pointer: fine){.flow--number-field--group .flow--number-field--input{border-start-end-radius:0;border-end-end-radius:0}.flow--number-field--group .flow--number-field--increment-button,.flow--number-field--group .flow--number-field--decrement-button{border-inline-start:none;border-start-start-radius:0;border-end-start-radius:0;padding-block:0}.flow--number-field--group .flow--number-field--increment-button .flow--number-field--coarse-pointer-icon,.flow--number-field--group .flow--number-field--decrement-button .flow--number-field--coarse-pointer-icon{display:none}.flow--number-field--group .flow--number-field--decrement-button{border-start-end-radius:0}.flow--number-field--group .flow--number-field--increment-button{border-block-end:none;border-end-end-radius:0}}@media (pointer: coarse){.flow--number-field--group{grid-template-columns:auto 1fr auto;grid-template-areas:"decrement input increment";max-width:100%}.flow--number-field--group .flow--number-field--input{border-radius:0;min-width:0}.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group .flow--number-field--increment-button{padding-inline:var(--button--padding-icon-only)}.flow--number-field--group .flow--number-field--decrement-button .flow--number-field--coarse-pointer-icon,.flow--number-field--group .flow--number-field--increment-button .flow--number-field--coarse-pointer-icon{width:var(--icon--size--m);height:var(--icon--size--m)}.flow--number-field--group .flow--number-field--decrement-button svg:not(.flow--number-field--coarse-pointer-icon),.flow--number-field--group .flow--number-field--increment-button svg:not(.flow--number-field--coarse-pointer-icon){display:none}.flow--number-field--group .flow--number-field--decrement-button{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.flow--number-field--group .flow--number-field--increment-button{border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}}
|
package/dist/css/Popover.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--popover{background-color:var(--popover--background-color);box-shadow:var(--popover--box-shadow);border-radius:var(--popover--corner-radius);display:flex;flex-direction:column;--size-px--s--negative: calc(var(--size-px--s) * -1);min-width:var(--popover--min-width);border-width:var(--popover--border-width);border-style:var(--popover--border-style);border-color:var(--popover--border-color);max-width:
|
|
1
|
+
.flow--popover{background-color:var(--popover--background-color);box-shadow:var(--popover--box-shadow);border-radius:var(--popover--corner-radius);display:flex;flex-direction:column;--size-px--s--negative: calc(var(--size-px--s) * -1);min-width:var(--popover--min-width);border-width:var(--popover--border-width);border-style:var(--popover--border-style);border-color:var(--popover--border-color);max-width:90vw}.flow--popover :where(.flow--popover--content){overflow-y:auto;padding:var(--popover--padding)}.flow--popover :where(.flow--popover--content):focus-visible{outline:none}.flow--popover .flow--popover--tip{width:var(--popover--tip-width)}.flow--popover .flow--popover--tip svg{display:block;fill:var(--popover--background-color);stroke:var(--popover--border-color);stroke-width:var(--popover--border-width)}.flow--popover[data-placement=top]{--origin: translateY(var(--size-px--s))}.flow--popover[data-placement=top]:has(.flow--popover--tip){margin-bottom:var(--popover--tip-height)}.flow--popover[data-placement=bottom]{--origin: translateY(var(--size-px--s--negative))}.flow--popover[data-placement=bottom]:has(.flow--popover--tip){margin-top:var(--popover--tip-height)}.flow--popover[data-placement=bottom] .flow--popover--tip svg{transform:rotate(180deg)}.flow--popover[data-placement=right]{--origin: translateX(var(--size-px--s--negative))}.flow--popover[data-placement=right]:has(.flow--popover--tip){margin-left:var(--popover--tip-height)}.flow--popover[data-placement=right] .flow--popover--tip svg{transform:rotate(90deg)}.flow--popover[data-placement=left]{--origin: translateX(var(--size-px--s))}.flow--popover[data-placement=left]:has(.flow--popover--tip){margin-right:var(--popover--tip-height)}.flow--popover[data-placement=left] .flow--popover--tip svg{transform:rotate(-90deg)}.flow--popover[data-entering]{animation:flow--popover--popover-slide var(--transition--duration--default)}.flow--popover[data-exiting]{animation:flow--popover--popover-slide var(--transition--duration--default) reverse ease-in}@keyframes flow--popover--popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}
|
package/dist/css/ProgressBar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--progress-bar{display:grid;grid-template-areas:"label value" "bar bar";grid-template-columns:1fr auto;row-gap:var(--progress-bar--
|
|
1
|
+
.flow--progress-bar{display:grid;grid-template-areas:"label value" "bar bar";grid-template-columns:1fr auto;row-gap:var(--progress-bar--spacing-y);column-gap:var(--progress-bar--spacing-x);width:100%;font-size:var(--progress-bar--font-size)}.flow--progress-bar .flow--progress-bar--label{grid-area:label}.flow--progress-bar .flow--progress-bar--value{grid-area:value;font-weight:var(--progress-bar--value-font-weight)}.flow--progress-bar .flow--progress-bar--bar{grid-area:bar;height:var(--progress-bar--height);border-radius:var(--progress-bar--corner-radius);box-shadow:inset 0 0 0 var(--progress-bar--border-width) var(--progress-bar--border-color);overflow:hidden}.flow--progress-bar .flow--progress-bar--fill{height:100%}.flow--progress-bar.flow--progress-bar--size-s{font-size:var(--progress-bar--font-size-s)}.flow--progress-bar.flow--progress-bar--size-s .flow--progress-bar--bar{height:var(--progress-bar--height-s)}.flow--progress-bar.flow--progress-bar--info .flow--progress-bar--fill,.flow--progress-bar .flow--progress-bar--fill{background:var(--progress-bar--info-fill-background-color)}.flow--progress-bar.flow--progress-bar--success .flow--progress-bar--fill{background:var(--progress-bar--success-fill-background-color)}.flow--progress-bar.flow--progress-bar--danger .flow--progress-bar--fill{background:var(--progress-bar--danger-fill-background-color)}.flow--progress-bar.flow--progress-bar--warning .flow--progress-bar--fill{background:var(--progress-bar--warning-fill-background-color)}
|
package/dist/css/RadioGroup.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--radio-group{order:2;display:flex;flex-direction:column;row-gap:var(--
|
|
1
|
+
.flow--radio-group{order:2;display:flex;flex-direction:column;row-gap:var(--form-control--spacing-y)}.flow--radio-group--radio-button{display:grid;row-gap:var(--form-control--spacing-y);column-gap:var(--form-control--spacing-x);grid-template-areas:"icon label";grid-template-columns:auto 1fr;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--radio-group--radio-button::placeholder{color:var(--form-control--placeholder-color--default)}.flow--radio-group--radio-button:hover{background-color:var(--form-control--background-color--hover)}.flow--radio-group--radio-button[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--radio-group--radio-button:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--radio-group--radio-button:focus-visible,.flow--radio-group--radio-button:focus{outline:none}.flow--radio-group--radio-button[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--radio-group--radio-button:disabled,.flow--radio-group--radio-button[data-disabled],[aria-disabled] .flow--radio-group--radio-button{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--radio-group--radio-button:disabled::placeholder,.flow--radio-group--radio-button[data-disabled]::placeholder,[aria-disabled] .flow--radio-group--radio-button::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--radio-group--radio-button.flow--radio-group--radio-button{width:auto}.flow--radio-group--radio-button:has(.flow--radio-group--radio-button--content){grid-template-areas:"icon label" ". content";grid-template-rows:auto 1fr}.flow--radio-group--radio-button:has(.flow--radio-group--radio-button--content) .flow--radio-group--radio-button--label{font-weight:var(--font-weight--bold)}.flow--radio-group--radio-button--label{grid-area:label}.flow--radio-group--radio-button--content{grid-area:content}.flow--radio-group--radio{display:grid;column-gap:var(--form-control--spacing-x);grid-template-columns:auto 1fr;width:fit-content}.flow--radio-group--radio{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--radio-group--radio[data-focused],.flow--radio-group--radio:focus{outline-style:none}.flow--radio-group--radio[data-focus-visible],.flow--radio-group--radio:focus-visible{outline-style:auto}.flow--radio-group--radio[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--radio-group--radio .flow--radio-group--radio--icon{color:var(--choice--icon-color--default)}.flow--radio-group--radio[data-selected] .flow--radio-group--radio--icon{color:var(--choice--icon-color--selected)}.flow--radio-group--radio[data-disabled]{color:var(--text--color--disabled)}.flow--radio-group--radio[data-disabled] .flow--radio-group--radio--icon{color:var(--choice--icon-color--disabled)}
|
package/dist/css/SearchField.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--search-field[data-empty] .flow--search-field--clear-button{display:none}.flow--search-field:disabled .flow--search-field--search-icon,.flow--search-field[data-disabled] .flow--search-field--search-icon,[aria-disabled] .flow--search-field .flow--search-field--search-icon{color:var(--form-control--content-color--disabled)}.flow--search-field--input-container{order:2;display:flex;position:relative}.flow--search-field--input-container .flow--search-field--search-icon{position:absolute;margin:var(--button--padding)}.flow--search-field--input-container .flow--search-field--input{border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--search-field--input-container .flow--search-field--input::placeholder{color:var(--form-control--placeholder-color--default)}.flow--search-field--input-container .flow--search-field--input:hover{background-color:var(--form-control--background-color--hover)}.flow--search-field--input-container .flow--search-field--input[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--search-field--input-container .flow--search-field--input:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--search-field--input-container .flow--search-field--input:focus-visible,.flow--search-field--input-container .flow--search-field--input:focus{outline:none}.flow--search-field--input-container .flow--search-field--input[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--search-field--input-container .flow--search-field--input:disabled,.flow--search-field--input-container .flow--search-field--input[data-disabled],[aria-disabled] .flow--search-field--input-container .flow--search-field--input{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--search-field--input-container .flow--search-field--input:disabled::placeholder,.flow--search-field--input-container .flow--search-field--input[data-disabled]::placeholder,[aria-disabled] .flow--search-field--input-container .flow--search-field--input::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--search-field--input-container .flow--search-field--input{flex-grow:1;min-width:0;--button-size: calc(var(--icon--size--m) + var(--button--padding) * 2);padding-inline:var(--button-size)}.flow--search-field--input-container .flow--search-field--input::-webkit-search-cancel-button,.flow--search-field--input-container .flow--search-field--input::-webkit-search-decoration{-webkit-appearance:none}.flow--search-field--input-container .flow--search-field--clear-button{position:absolute;right:var(--size-rem--xxxs);top:var(--size-rem--xxxs);bottom:var(--size-rem--xxxs);padding-block:initial}
|
|
1
|
+
.flow--search-field[data-empty] .flow--search-field--clear-button{display:none}.flow--search-field:disabled .flow--search-field--search-icon,.flow--search-field[data-disabled] .flow--search-field--search-icon,[aria-disabled] .flow--search-field .flow--search-field--search-icon{color:var(--form-control--content-color--disabled)}.flow--search-field--input-container{order:2;display:flex;position:relative}.flow--search-field--input-container .flow--search-field--search-icon{position:absolute;margin:var(--button--padding-icon-only)}.flow--search-field--input-container .flow--search-field--input{border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--search-field--input-container .flow--search-field--input::placeholder{color:var(--form-control--placeholder-color--default)}.flow--search-field--input-container .flow--search-field--input:hover{background-color:var(--form-control--background-color--hover)}.flow--search-field--input-container .flow--search-field--input[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--search-field--input-container .flow--search-field--input:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--search-field--input-container .flow--search-field--input:focus-visible,.flow--search-field--input-container .flow--search-field--input:focus{outline:none}.flow--search-field--input-container .flow--search-field--input[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--search-field--input-container .flow--search-field--input:disabled,.flow--search-field--input-container .flow--search-field--input[data-disabled],[aria-disabled] .flow--search-field--input-container .flow--search-field--input{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--search-field--input-container .flow--search-field--input:disabled::placeholder,.flow--search-field--input-container .flow--search-field--input[data-disabled]::placeholder,[aria-disabled] .flow--search-field--input-container .flow--search-field--input::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--search-field--input-container .flow--search-field--input{flex-grow:1;min-width:0;--button-size: calc( var(--icon--size--m) + var(--button--padding-icon-only) * 2 );padding-inline:var(--button-size)}.flow--search-field--input-container .flow--search-field--input::-webkit-search-cancel-button,.flow--search-field--input-container .flow--search-field--input::-webkit-search-decoration{-webkit-appearance:none}.flow--search-field--input-container .flow--search-field--clear-button{position:absolute;right:var(--size-rem--xxxs);top:var(--size-rem--xxxs);bottom:var(--size-rem--xxxs);padding-block:initial}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--segmented-control{order:2;container-type:inline-size;isolation:isolate}.flow--segmented-control .flow--segmented-control--segments{display:flex;flex-wrap:nowrap;order:2}@container (max-width: 250px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xs .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xs .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xs .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xs .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}@container (max-width: 400px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-s .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-s .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-s .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-s .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}@container (max-width: 550px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-m .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-m .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-m .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-m .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}@container (max-width: 700px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-l .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-l .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-l .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-l .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}@container (max-width: 850px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xl .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xl .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xl .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xl .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}.flow--segmented-control--segment{flex:1;display:grid;column-gap:var(--
|
|
1
|
+
.flow--segmented-control{order:2;container-type:inline-size;isolation:isolate}.flow--segmented-control .flow--segmented-control--segments{display:flex;flex-wrap:nowrap;order:2}@container (max-width: 250px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xs .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xs .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xs .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xs .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}@container (max-width: 400px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-s .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-s .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-s .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-s .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}@container (max-width: 550px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-m .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-m .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-m .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-m .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}@container (max-width: 700px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-l .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-l .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-l .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-l .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}@container (max-width: 850px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xl .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xl .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xl .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xl .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}.flow--segmented-control--segment{flex:1;display:grid;column-gap:var(--form-control--spacing-x);grid-template-areas:"label checkmark";grid-template-columns:1fr auto;margin-right:-1px;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--segmented-control--segment::placeholder{color:var(--form-control--placeholder-color--default)}.flow--segmented-control--segment:hover{background-color:var(--form-control--background-color--hover)}.flow--segmented-control--segment[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--segmented-control--segment:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--segmented-control--segment:focus-visible,.flow--segmented-control--segment:focus{outline:none}.flow--segmented-control--segment[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--segmented-control--segment:disabled,.flow--segmented-control--segment[data-disabled],[aria-disabled] .flow--segmented-control--segment{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--segmented-control--segment:disabled::placeholder,.flow--segmented-control--segment[data-disabled]::placeholder,[aria-disabled] .flow--segmented-control--segment::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--segmented-control--segment{border-radius:0}.flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius)}.flow--segmented-control--segment:last-of-type{border-start-end-radius:var(--form-control--corner-radius);border-end-end-radius:var(--form-control--corner-radius);margin:0}.flow--segmented-control--segment .flow--segmented-control--segment--checkmark{grid-area:checkmark;display:none}.flow--segmented-control--segment[data-selected]{z-index:1}.flow--segmented-control--segment[data-selected] .flow--segmented-control--segment--checkmark{display:block}
|
package/dist/css/Select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--select .flow--select--toggle{display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--font-size--default);text-align:left;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--default)}.flow--select .flow--select--toggle:hover{background-color:var(--form-control--background-color--hover)}.flow--select .flow--select--toggle[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .flow--select--toggle:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--select .flow--select--toggle:focus-visible,.flow--select .flow--select--toggle:focus{outline:none}.flow--select .flow--select--toggle[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--select .flow--select--toggle:disabled,.flow--select .flow--select--toggle[data-disabled],[aria-disabled] .flow--select .flow--select--toggle{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--select .flow--select--toggle:disabled::placeholder,.flow--select .flow--select--toggle[data-disabled]::placeholder,[aria-disabled] .flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--select[data-invalid] .flow--select--toggle{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .react-aria-SelectValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow--select--options--popover{width:var(--trigger-width)}.flow--select--options{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing);outline:none}.flow--select--option{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--select--option:not(a){cursor:default}.flow--select--option{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--select--option[data-focused],.flow--select--option:focus{outline-style:none}.flow--select--option[data-focus-visible],.flow--select--option:focus-visible{outline-style:auto}.flow--select--option[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--select--option{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--select--option .flow--select--option--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--select--option .flow--select--option--text{order:1}.flow--select--option .flow--select--option--icon+.flow--select--option--text{margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--select--option:hover{background-color:var(--menu-item--background-color--hover)}.flow--select--option[data-focused]{outline-style:none}.flow--select--option[data-focus-visible]{outline-style:solid}.flow--select--option:not(:has(.flow--select--option--control-icon))[aria-current],.flow--select--option:not(:has(.flow--select--option--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--select--option[aria-current] .flow--select--option--icon,.flow--select--option[data-selected] .flow--select--option--icon{color:var(--menu-item--icon-color--current)}.flow--select--option[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}
|
|
1
|
+
.flow--select .flow--select--toggle{display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--font-size-text--default);text-align:left;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--default)}.flow--select .flow--select--toggle:hover{background-color:var(--form-control--background-color--hover)}.flow--select .flow--select--toggle[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .flow--select--toggle:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--select .flow--select--toggle:focus-visible,.flow--select .flow--select--toggle:focus{outline:none}.flow--select .flow--select--toggle[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--select .flow--select--toggle:disabled,.flow--select .flow--select--toggle[data-disabled],[aria-disabled] .flow--select .flow--select--toggle{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--select .flow--select--toggle:disabled::placeholder,.flow--select .flow--select--toggle[data-disabled]::placeholder,[aria-disabled] .flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--select[data-invalid] .flow--select--toggle{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .react-aria-SelectValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow--select--options--popover{width:var(--trigger-width)}.flow--select--options{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing);outline:none}.flow--select--option{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--select--option:not(a){cursor:default}.flow--select--option{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--select--option[data-focused],.flow--select--option:focus{outline-style:none}.flow--select--option[data-focus-visible],.flow--select--option:focus-visible{outline-style:auto}.flow--select--option[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--select--option{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--select--option .flow--select--option--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--select--option .flow--select--option--text{order:1}.flow--select--option .flow--select--option--icon+.flow--select--option--text{margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--select--option:hover{background-color:var(--menu-item--background-color--hover)}.flow--select--option[data-focused]{outline-style:none}.flow--select--option[data-focus-visible]{outline-style:solid}.flow--select--option:not(:has(.flow--select--option--control-icon))[aria-current],.flow--select--option:not(:has(.flow--select--option--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--select--option[aria-current] .flow--select--option--icon,.flow--select--option[data-selected] .flow--select--option--icon{color:var(--menu-item--icon-color--current)}.flow--select--option[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}
|
package/dist/css/Slider.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--slider{display:flex;flex-direction:column;width:100%;row-gap:var(--slider--text-to-track-spacing);--button-size: calc( var(--button--line-height-s) + var(--button--padding-s) * 2 )}.flow--slider .flow--slider--text{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:var(--slider--value-to-label-spacing);padding:0 calc(var(--button-size) + var(--slider--value-to-label-spacing))}.flow--slider .flow--slider--text .flow--slider--value{font-weight:var(--slider--value-font-weight)}.flow--slider .flow--slider--track{grid-area:track;position:relative;height:var(--slider--thumb-size)}.flow--slider .flow--slider--track:before{content:"";display:block;position:absolute;background-color:var(--slider--track-background-color--default);height:var(--slider--track-height);width:100%;top:50%;transform:translateY(-50%);border-radius:var(--slider--track-corner-radius)}.flow--slider .flow--slider--fill{position:absolute;height:var(--slider--track-height);background-color:var(--slider--track-background-color-fill--default);top:calc(50% - var(--slider--track-height) / 2);border-radius:var(--slider--track-corner-radius)}.flow--slider .flow--slider--initial-marker{position:absolute;height:var(--slider--initial-marker-height);width:var(--slider--initial-marker-width);background-color:var(--slider--initial-marker-background-color--default);top:calc(50% - var(--slider--initial-marker-height) / 2);border-radius:var(--slider--initial-marker-corner-radius)}.flow--slider .flow--slider--thumb{width:var(--slider--thumb-size);height:var(--slider--thumb-size);border-radius:var(--slider--thumb-corner-radius);background-color:var(--slider--thumb-background-color--default);border-width:var(--slider--thumb-border-width);border-style:var(--slider--thumb-border-style);border-color:var(--slider--thumb-border-color--default);forced-color-adjust:none;top:50%}.flow--slider .flow--slider--thumb[data-dragging],.flow--slider .flow--slider--thumb[data-focus-visible]{background-color:var(--slider--thumb-background-color--pressed)}.flow--slider .flow--slider--thumb[data-focus-visible]{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--slider .flow--slider--thumb[data-focus-visible][data-focused],.flow--slider .flow--slider--thumb[data-focus-visible]:focus{outline-style:none}.flow--slider .flow--slider--thumb[data-focus-visible][data-focus-visible],.flow--slider .flow--slider--thumb[data-focus-visible]:focus-visible{outline-style:auto}.flow--slider .flow--slider--thumb[data-focus-visible][data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--slider .flow--slider--thumb[data-focus-visible]{outline-offset:var(--size-px--xs)}.flow--slider .flow--slider--increment,.flow--slider .flow--slider--decrement{position:absolute;top:calc((var(--slider--text-to-track-spacing) + var(--button-size)) * -1);right:0}.flow--slider .flow--slider--increment{right:0}.flow--slider .flow--slider--decrement{left:0}.flow--slider.flow--slider--disabled .flow--slider--track:before{background-color:var(--slider--track-background-color--disabled)}.flow--slider.flow--slider--disabled .flow--slider--fill{background-color:var(--slider--track-background-color-fill--disabled)}.flow--slider.flow--slider--disabled .flow--slider--thumb{border-color:var(--slider--thumb-border-color--disabled)}.flow--slider.flow--slider--disabled .flow--slider--text{color:var(--slider--text-color--disabled)}.flow--slider.flow--slider--disabled .flow--slider--initial-marker{background-color:var(--slider--initial-marker-background-color--disabled)}
|
|
1
|
+
.flow--slider{display:flex;flex-direction:column;width:100%;row-gap:var(--slider--text-to-track-spacing);--button-size: calc( var(--button--line-height-s) + var(--button--padding-s-y) * 2 )}.flow--slider .flow--slider--text{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:var(--slider--value-to-label-spacing);padding:0 calc(var(--button-size) + var(--slider--value-to-label-spacing))}.flow--slider .flow--slider--text .flow--slider--value{font-weight:var(--slider--value-font-weight)}.flow--slider .flow--slider--track{grid-area:track;position:relative;height:var(--slider--thumb-size)}.flow--slider .flow--slider--track:before{content:"";display:block;position:absolute;background-color:var(--slider--track-background-color--default);height:var(--slider--track-height);width:100%;top:50%;transform:translateY(-50%);border-radius:var(--slider--track-corner-radius)}.flow--slider .flow--slider--fill{position:absolute;height:var(--slider--track-height);background-color:var(--slider--track-background-color-fill--default);top:calc(50% - var(--slider--track-height) / 2);border-radius:var(--slider--track-corner-radius)}.flow--slider .flow--slider--initial-marker{position:absolute;height:var(--slider--initial-marker-height);width:var(--slider--initial-marker-width);background-color:var(--slider--initial-marker-background-color--default);top:calc(50% - var(--slider--initial-marker-height) / 2);border-radius:var(--slider--initial-marker-corner-radius)}.flow--slider .flow--slider--thumb{width:var(--slider--thumb-size);height:var(--slider--thumb-size);border-radius:var(--slider--thumb-corner-radius);background-color:var(--slider--thumb-background-color--default);border-width:var(--slider--thumb-border-width);border-style:var(--slider--thumb-border-style);border-color:var(--slider--thumb-border-color--default);forced-color-adjust:none;top:50%}.flow--slider .flow--slider--thumb[data-dragging],.flow--slider .flow--slider--thumb[data-focus-visible]{background-color:var(--slider--thumb-background-color--pressed)}.flow--slider .flow--slider--thumb[data-focus-visible]{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--slider .flow--slider--thumb[data-focus-visible][data-focused],.flow--slider .flow--slider--thumb[data-focus-visible]:focus{outline-style:none}.flow--slider .flow--slider--thumb[data-focus-visible][data-focus-visible],.flow--slider .flow--slider--thumb[data-focus-visible]:focus-visible{outline-style:auto}.flow--slider .flow--slider--thumb[data-focus-visible][data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--slider .flow--slider--thumb[data-focus-visible]{outline-offset:var(--size-px--xs)}.flow--slider .flow--slider--increment,.flow--slider .flow--slider--decrement{position:absolute;top:calc((var(--slider--text-to-track-spacing) + var(--button-size)) * -1);right:0}.flow--slider .flow--slider--increment{right:0}.flow--slider .flow--slider--decrement{left:0}.flow--slider.flow--slider--disabled .flow--slider--track:before{background-color:var(--slider--track-background-color--disabled)}.flow--slider.flow--slider--disabled .flow--slider--fill{background-color:var(--slider--track-background-color-fill--disabled)}.flow--slider.flow--slider--disabled .flow--slider--thumb{border-color:var(--slider--thumb-border-color--disabled)}.flow--slider.flow--slider--disabled .flow--slider--text{color:var(--slider--text-color--disabled)}.flow--slider.flow--slider--disabled .flow--slider--initial-marker{background-color:var(--slider--initial-marker-background-color--disabled)}
|
package/dist/css/Switch.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--switch{display:flex;align-items:center;column-gap:var(--switch--label-to-track-spacing)}.flow--switch.flow--switch--label-leading{flex-direction:row-reverse}.flow--switch .flow--switch--track{width:var(--switch--track-width);height:var(--switch--track-height);background-color:var(--switch--track-background-color--default);border-radius:var(--switch--track-corner-radius);padding:var(--switch--track-padding);flex-shrink:0;position:relative;transition-property:background-color;transition-duration:var(--transition--duration--default);align-self:start}.flow--switch .flow--switch--track{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--switch .flow--switch--track[data-focused],.flow--switch .flow--switch--track:focus{outline-style:none}.flow--switch .flow--switch--track[data-focus-visible],.flow--switch .flow--switch--track:focus-visible{outline-style:auto}.flow--switch .flow--switch--track[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--switch .flow--switch--handle{display:flex;justify-content:center;align-items:center;width:var(--switch--handle-size);height:var(--switch--handle-size);background-color:var(--switch--handle-background-color);border-radius:var(--corner-radius--round);transition-property:transform;transition-duration:var(--transition--duration--default);transform:translate(0);position:absolute;top:var(--switch--track-padding);left:var(--switch--track-padding)}.flow--switch[data-focus-visible] .flow--switch--track{outline-style:solid}.flow--switch[data-selected] .flow--switch--track{background-color:var(--switch--track-background-color--selected)}.flow--switch[data-selected] .flow--switch--handle{transform:translate(100%)}.flow--switch[data-disabled] .flow--switch--track{background-color:var(--switch--track-background-color--disabled);color:var(--switch--track-background-color--disabled)}.flow--switch[data-disabled] .flow--switch--label{color:var(--label--color--disabled)}.flow--switch[data-disabled] .flow--switch--handle{color:var(--switch--handle-color--disabled)}
|
|
1
|
+
.flow--switch{display:flex;align-items:center;column-gap:var(--switch--label-to-track-spacing)}.flow--switch.flow--switch--label-leading{flex-direction:row-reverse}.flow--switch .flow--switch--track{width:var(--switch--track-width);height:var(--switch--track-height);background-color:var(--switch--track-background-color--default);border-radius:var(--switch--track-corner-radius);padding:var(--switch--track-padding);flex-shrink:0;position:relative;transition-property:background-color;transition-duration:var(--transition--duration--default);align-self:start}.flow--switch .flow--switch--track{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--switch .flow--switch--track[data-focused],.flow--switch .flow--switch--track:focus{outline-style:none}.flow--switch .flow--switch--track[data-focus-visible],.flow--switch .flow--switch--track:focus-visible{outline-style:auto}.flow--switch .flow--switch--track[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--switch .flow--switch--handle{display:flex;justify-content:center;align-items:center;width:var(--switch--handle-size);height:var(--switch--handle-size);background-color:var(--switch--handle-background-color--default);border-radius:var(--corner-radius--round);transition-property:transform;transition-duration:var(--transition--duration--default);transform:translate(0);position:absolute;top:var(--switch--track-padding);left:var(--switch--track-padding)}.flow--switch[data-focus-visible] .flow--switch--track{outline-style:solid}.flow--switch[data-selected] .flow--switch--track{background-color:var(--switch--track-background-color--selected)}.flow--switch[data-selected] .flow--switch--handle{transform:translate(100%)}.flow--switch[data-disabled] .flow--switch--track{background-color:var(--switch--track-background-color--disabled);color:var(--switch--track-background-color--disabled)}.flow--switch[data-disabled] .flow--switch--label{color:var(--label--color--disabled)}.flow--switch[data-disabled] .flow--switch--handle{color:var(--switch--handle-color--disabled);background-color:var(--switch--handle-background-color--disabled)}
|
package/dist/css/Text.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--text{color:inherit}.flow--text:where(.flow--text--light){color:var(--
|
|
1
|
+
.flow--text{color:inherit}.flow--text:where(.flow--text--light){color:var(--text--color--light)}.flow--text:where(.flow--text--dark){color:var(--text--color--dark)}.flow--text ul,.flow--text ol{padding-left:var(--size-rem--l)}.flow--text ul li{list-style:initial}.flow--text small{font-size:var(--font-size-text--s)}
|