@mittwald/flow-react-components 0.1.0-alpha.316 → 0.1.0-alpha.317

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.
Files changed (124) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/css/ActionGroup.css +1 -1
  3. package/dist/css/Avatar.css +1 -1
  4. package/dist/css/Badge.css +1 -1
  5. package/dist/css/Button.css +1 -1
  6. package/dist/css/CalendarHeader.css +1 -1
  7. package/dist/css/Checkbox.css +1 -1
  8. package/dist/css/CheckboxButton.css +1 -1
  9. package/dist/css/CheckboxGroup.css +1 -1
  10. package/dist/css/CodeBlock.css +1 -1
  11. package/dist/css/DatePicker.css +1 -1
  12. package/dist/css/DateRangePicker.css +1 -1
  13. package/dist/css/FieldDescription.css +1 -1
  14. package/dist/css/FieldError.css +1 -1
  15. package/dist/css/Heading.css +1 -1
  16. package/dist/css/Icon.css +1 -1
  17. package/dist/css/IllustratedMessage.css +1 -1
  18. package/dist/css/Initials.css +1 -1
  19. package/dist/css/InlineCode.css +1 -1
  20. package/dist/css/Label.css +1 -1
  21. package/dist/css/LabeledValue.css +1 -1
  22. package/dist/css/Link.css +1 -1
  23. package/dist/css/List.css +1 -1
  24. package/dist/css/NumberField.css +1 -1
  25. package/dist/css/Popover.css +1 -1
  26. package/dist/css/ProgressBar.css +1 -1
  27. package/dist/css/RadioGroup.css +1 -1
  28. package/dist/css/SearchField.css +1 -1
  29. package/dist/css/SegmentedControl.css +1 -1
  30. package/dist/css/Select.css +1 -1
  31. package/dist/css/Slider.css +1 -1
  32. package/dist/css/Switch.css +1 -1
  33. package/dist/css/Text.css +1 -1
  34. package/dist/css/globals.css +1 -1
  35. package/dist/js/{Accordion-C1Hd4Yhg.js → Accordion-B4NzrsJJ.js} +3 -3
  36. package/dist/js/Accordion.js +1 -1
  37. package/dist/js/Alert.js +1 -1
  38. package/dist/js/AlertBadge.js +1 -1
  39. package/dist/js/{AlertIcon-x0EkIx02.js → AlertIcon-BomvhKhj.js} +4 -4
  40. package/dist/js/AlertIcon.js +1 -1
  41. package/dist/js/{Badge-DVa8WUgj.js → Badge-eFDPYpLQ.js} +3 -3
  42. package/dist/js/Badge.js +1 -1
  43. package/dist/js/Breadcrumb.js +2 -2
  44. package/dist/js/{Button-DE6VQ9dh.js → Button-D36qUyQB.js} +3 -3
  45. package/dist/js/Button.js +1 -1
  46. package/dist/js/{CalendarHeader-B2jstCaG.js → CalendarHeader-C1y9QUnp.js} +4 -4
  47. package/dist/js/{Checkbox-e462Gcxe.js → Checkbox-BgFVV3Tl.js} +3 -3
  48. package/dist/js/Checkbox.js +1 -1
  49. package/dist/js/{CheckboxButton-Dd900jP_.js → CheckboxButton-BjU9Jo10.js} +1 -1
  50. package/dist/js/CheckboxButton.js +1 -1
  51. package/dist/js/CheckboxGroup.js +2 -2
  52. package/dist/js/CodeBlock.js +1 -1
  53. package/dist/js/ContextMenu.js +3 -3
  54. package/dist/js/{ContextMenuTrigger-9-ZjcBHX.js → ContextMenuTrigger-B8mjB6Ki.js} +1 -1
  55. package/dist/js/ContextualHelp.js +3 -3
  56. package/dist/js/{CopyButton-BFEqZ49C.js → CopyButton-CFR15ln1.js} +3 -3
  57. package/dist/js/CopyButton.js +1 -1
  58. package/dist/js/DatePicker.js +6 -6
  59. package/dist/js/DateRangePicker.js +6 -6
  60. package/dist/js/{FieldError-BVaFR2ma.js → FieldError-nM97A_ZI.js} +2 -2
  61. package/dist/js/FieldError.js +1 -1
  62. package/dist/js/Icon-CBb5Yu1u.js +53 -0
  63. package/dist/js/Icon.js +1 -1
  64. package/dist/js/{IconCalendar-ccWsxuA2.js → IconCalendar-KzWm9DDf.js} +1 -1
  65. package/dist/js/{IconCheck-9efe3XiC.js → IconCheck-4amW_y36.js} +1 -1
  66. package/dist/js/{IconCheckboxEmpty-Bs0CrP7a.js → IconCheckboxEmpty-Bz98RJL2.js} +1 -1
  67. package/dist/js/{IconCheckboxIndeterminate-3gNSsTqf.js → IconCheckboxIndeterminate-CXxIYfWr.js} +1 -1
  68. package/dist/js/{IconChevronDown-CWsSkSGM.js → IconChevronDown-CwS8GTxT.js} +1 -1
  69. package/dist/js/{IconChevronRight-BLOjuhl6.js → IconChevronRight-qZD8x47n.js} +1 -1
  70. package/dist/js/{IconChevronUp-CSRcs7AO.js → IconChevronUp-CPPaEZWw.js} +1 -1
  71. package/dist/js/{IconClose-B2ipDX0n.js → IconClose-D3eGA5SA.js} +1 -1
  72. package/dist/js/{IconContextMenu-6NUAywWg.js → IconContextMenu-Ceb_NtGj.js} +1 -1
  73. package/dist/js/{IconCopy-BOZJbtQQ.js → IconCopy-C8vJzw7-.js} +1 -1
  74. package/dist/js/{IconDanger-Sd6GDwJr.js → IconDanger-DiLFhqHO.js} +1 -1
  75. package/dist/js/{IconExternalLink-CVgF9tvS.js → IconExternalLink-Dn7yCGfS.js} +1 -1
  76. package/dist/js/{IconInfo-DUenEWxh.js → IconInfo-B58Nusbi.js} +1 -1
  77. package/dist/js/{IconPending-D7nE29ku.js → IconPending-LgjVl3ZR.js} +1 -1
  78. package/dist/js/{IconPlus-B2Z6OcJP.js → IconPlus-Dik3sT_d.js} +1 -1
  79. package/dist/js/{IconRadioOn-D3RQ1Tzv.js → IconRadioOn-C6o-TmBn.js} +1 -1
  80. package/dist/js/{IconSearch-DycBMt9i.js → IconSearch-hqOpuhlg.js} +1 -1
  81. package/dist/js/{IconSucceeded-BrUEf3-W.js → IconSucceeded-BuCvAZZd.js} +1 -1
  82. package/dist/js/{IconView-BJdqngyQ.js → IconView-C-bJRfad.js} +1 -1
  83. package/dist/js/{IconWarning-BuEvJJgg.js → IconWarning-BqxyFUTa.js} +1 -1
  84. package/dist/js/Icons.js +21 -21
  85. package/dist/js/IllustratedMessage-DB1AH-Oq.js +45 -0
  86. package/dist/js/IllustratedMessage.js +1 -1
  87. package/dist/js/InlineCode.js +9 -9
  88. package/dist/js/{Link-DBtH1rcE.js → Link-CQ9RLwJK.js} +2 -2
  89. package/dist/js/Link.js +1 -1
  90. package/dist/js/List.js +10 -10
  91. package/dist/js/{LoadingSpinner-BNwuXpm9.js → LoadingSpinner-BK9KyYcE.js} +2 -2
  92. package/dist/js/LoadingSpinner.js +1 -1
  93. package/dist/js/{MenuItem-DRNpILEl.js → MenuItem-ims4Vdth.js} +3 -3
  94. package/dist/js/MenuItem.js +1 -1
  95. package/dist/js/Modal.js +3 -3
  96. package/dist/js/Navigation.js +1 -1
  97. package/dist/js/Notification.js +5 -5
  98. package/dist/js/NumberField.js +6 -6
  99. package/dist/js/{Popover-BJryd_iR.js → Popover-DPAVgKw1.js} +3 -9
  100. package/dist/js/Popover.js +2 -2
  101. package/dist/js/RadioGroup.js +3 -3
  102. package/dist/js/{SearchField-8LwOlGa0.js → SearchField-DtByTOGJ.js} +5 -5
  103. package/dist/js/SearchField.js +1 -1
  104. package/dist/js/SegmentedControl.js +3 -3
  105. package/dist/js/Select.js +4 -4
  106. package/dist/js/Slider.js +3 -3
  107. package/dist/js/Switch.js +3 -3
  108. package/dist/js/Tabs.js +5 -5
  109. package/dist/js/TextArea.js +1 -1
  110. package/dist/js/TextField.js +1 -1
  111. package/dist/js/{TextFieldBase-CuecrgoE.js → TextFieldBase-g1cXK8oC.js} +1 -1
  112. package/dist/js/TimeField.js +1 -1
  113. package/dist/js/all.css +1 -1
  114. package/dist/js/react-hook-form.js +1 -1
  115. package/dist/js/types/components/Icon/Icon.d.ts +0 -1
  116. package/dist/js/types/components/Icon/stories/Default.stories.d.ts +0 -2
  117. package/dist/js/types/components/IllustratedMessage/IllustratedMessage.d.ts +2 -2
  118. package/dist/js/types/components/IllustratedMessage/stories/Default.stories.d.ts +1 -1
  119. package/dist/js/types/components/InlineCode/InlineCode.d.ts +1 -1
  120. package/dist/js/types/components/InlineCode/stories/Default.stories.d.ts +2 -0
  121. package/dist/js/types/components/Popover/stories/Default.stories.d.ts +1 -1
  122. package/package.json +4 -4
  123. package/dist/js/Icon-BfcwCN3o.js +0 -61
  124. package/dist/js/IllustratedMessage-C5caKyh6.js +0 -44
package/CHANGELOG.md CHANGED
@@ -3,6 +3,15 @@
3
3
  All notable changes to this project will be documented in this file. See
4
4
  [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [0.1.0-alpha.317](https://github.com/mittwald/flow/compare/0.1.0-alpha.316...0.1.0-alpha.317) (2024-10-31)
7
+
8
+ **Note:** Version bump only for package @mittwald/flow-react-components
9
+
10
+ # Change Log
11
+
12
+ All notable changes to this project will be documented in this file. See
13
+ [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
14
+
6
15
  # [0.1.0-alpha.316](https://github.com/mittwald/flow/compare/0.1.0-alpha.315...0.1.0-alpha.316) (2024-10-31)
7
16
 
8
17
  **Note:** Version bump only for package @mittwald/flow-react-components
package/dist/css/ActionGroup.css CHANGED
@@ -1 +1 @@
1
- .flow--action-group{gap:var(--action-group--button-to-button-spacing--s);display:flex}.flow--action-group .flow--action-group--primary{order:3}.flow--action-group .flow--action-group--secondary{order:2}.flow--action-group .flow--action-group--abort{order:1;margin-right:auto}.flow--action-group--action-group-container.flow--action-group--ignore-breakpoint .flow--action-group{flex-wrap:wrap}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint){container-type:inline-size}@container (max-width: 550px){.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group{display:flex;flex-direction:column-reverse}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--primary,.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary,.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--abort{width:100%}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary{flex-direction:column-reverse}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary>*{width:100%}}.flow--action-group--action-group-container.flow--action-group--s .flow--action-group,.flow--action-group--action-group-container .flow--action-group{gap:var(--action-group--button-to-button-spacing--s)}.flow--action-group--action-group-container.flow--action-group--m .flow--action-group{gap:var(--action-group--button-to-button-spacing--m)}
1
+ .flow--action-group{display:flex}.flow--action-group .flow--action-group--primary{order:3}.flow--action-group .flow--action-group--secondary{order:2}.flow--action-group .flow--action-group--abort{order:1;margin-right:auto}.flow--action-group--action-group-container.flow--action-group--ignore-breakpoint .flow--action-group{flex-wrap:wrap}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint){container-type:inline-size}@container (max-width: 550px){.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group{display:flex;flex-direction:column-reverse}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--primary,.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary,.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--abort{width:100%}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary{flex-direction:column-reverse}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary>*{width:100%}}.flow--action-group--action-group-container.flow--action-group--s .flow--action-group,.flow--action-group--action-group-container .flow--action-group{gap:var(--action-group--spacing--s)}.flow--action-group--action-group-container.flow--action-group--m .flow--action-group{gap:var(--action-group--spacing--m)}
package/dist/css/Avatar.css CHANGED
@@ -1 +1 @@
1
- .flow--avatar{border-radius:var(--corner-radius--round);width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;flex-shrink:0;background-color:var(--background-color);color:var(--content-accent-color);display:flex;align-items:center;justify-content:center}.flow--avatar img{width:100%;height:100%;object-fit:cover}.flow--avatar .flow--avatar--icon{width:calc(var(--avatar-size) * .7);height:calc(var(--avatar-size) * .7)}.flow--avatar .flow--avatar--initials{font-size:calc(var(--avatar-size) * .4)}.flow--avatar.flow--avatar--size-m,.flow--avatar{--avatar-size: var(--avatar--size--m)}.flow--avatar.flow--avatar--size-xs{--avatar-size: var(--avatar--size--xs)}.flow--avatar.flow--avatar--size-s{--avatar-size: var(--avatar--size--s)}.flow--avatar.flow--avatar--size-l{--avatar-size: var(--avatar--size--l)}.flow--avatar.flow--avatar--blue,.flow--avatar{--background-color: var(--initials--color-blue-background-color);--content-color: var(--initials--color-blue-content-color);--content-accent-color: var( --initials--color-blue-content-accent-color )}.flow--avatar.flow--avatar--teal{--background-color: var(--initials--color-teal-background-color);--content-color: var(--initials--color-teal-content-color);--content-accent-color: var( --initials--color-teal-content-accent-color )}.flow--avatar.flow--avatar--green{--background-color: var(--initials--color-green-background-color);--content-color: var(--initials--color-green-content-color);--content-accent-color: var( --initials--color-green-content-accent-color )}.flow--avatar.flow--avatar--violet{--background-color: var(--initials--color-violet-background-color);--content-color: var(--initials--color-violet-content-color);--content-accent-color: var( --initials--color-violet-content-accent-color )}.flow--avatar.flow--avatar--lilac{--background-color: var(--initials--color-lilac-background-color);--content-color: var(--initials--color-lilac-content-color);--content-accent-color: var( --initials--color-lilac-content-accent-color )}
1
+ .flow--avatar{border-radius:var(--corner-radius--round);width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;flex-shrink:0;background-color:var(--background-color);color:var(--content-color);display:flex;align-items:center;justify-content:center}.flow--avatar img{width:100%;height:100%;object-fit:cover}.flow--avatar .flow--avatar--icon{width:calc(var(--avatar-size) * .7);height:calc(var(--avatar-size) * .7)}.flow--avatar .flow--avatar--initials{font-size:calc(var(--avatar-size) * .4)}.flow--avatar.flow--avatar--size-m,.flow--avatar{--avatar-size: var(--avatar--size--m)}.flow--avatar.flow--avatar--size-xs{--avatar-size: var(--avatar--size--xs)}.flow--avatar.flow--avatar--size-s{--avatar-size: var(--avatar--size--s)}.flow--avatar.flow--avatar--size-l{--avatar-size: var(--avatar--size--l)}.flow--avatar.flow--avatar--blue,.flow--avatar{--background-color: var(--decorative--blue-background-color);--content-color: var(--decorative--blue-content-color);--content-accent-color: var( --decorative--blue-content-accent-color )}.flow--avatar.flow--avatar--teal{--background-color: var(--decorative--teal-background-color);--content-color: var(--decorative--teal-content-color);--content-accent-color: var( --decorative--teal-content-accent-color )}.flow--avatar.flow--avatar--green{--background-color: var(--decorative--green-background-color);--content-color: var(--decorative--green-content-color);--content-accent-color: var( --decorative--green-content-accent-color )}.flow--avatar.flow--avatar--violet{--background-color: var(--decorative--violet-background-color);--content-color: var(--decorative--violet-content-color);--content-accent-color: var( --decorative--violet-content-accent-color )}.flow--avatar.flow--avatar--lilac{--background-color: var(--decorative--lilac-background-color);--content-color: var(--decorative--lilac-content-color);--content-accent-color: var( --decorative--lilac-content-accent-color )}
package/dist/css/Badge.css CHANGED
@@ -1 +1 @@
1
- .flow--badge{display:flex;width:fit-content;max-width:100%;--badge-size: calc(var(--badge--line-height) + var(--badge--padding-y) * 2);--content-size: calc(var(--badge-size) - var(--badge--border-width) * 2)}.flow--badge .flow--badge--content,.flow--badge .flow--badge--button{border-radius:var(--badge--corner-radius);border-width:var(--badge--border-width);border-style:var(--badge--border-style);font-size:var(--badge--font-size);font-weight:var(--badge--font-weight);padding:0;display:flex;align-items:center;height:var(--badge-size);line-height:var(--content-size);padding-inline:var(--badge--padding-x);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow--badge .flow--badge--button,.flow--badge .flow--badge--close{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--badge .flow--badge--button[data-focused],.flow--badge .flow--badge--button:focus,.flow--badge .flow--badge--close[data-focused],.flow--badge .flow--badge--close:focus{outline-style:none}.flow--badge .flow--badge--button[data-focus-visible],.flow--badge .flow--badge--button:focus-visible,.flow--badge .flow--badge--close[data-focus-visible],.flow--badge .flow--badge--close:focus-visible{outline-style:auto}.flow--badge .flow--badge--button[data-focused]:not([data-focus-visible]):focus-visible,.flow--badge .flow--badge--close[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--badge:has(.flow--badge--close) .flow--badge--button,.flow--badge:has(.flow--badge--close) .flow--badge--content{padding-inline-end:calc(var(--content-size) + var(--badge--content-to-content-spacing))}.flow--badge:has(.flow--badge--scope) .flow--badge--content,.flow--badge:has(.flow--badge--scope) .flow--badge--button{padding:0}.flow--badge:has(.flow--badge--scope) .flow--badge--value{padding-inline-start:var(--badge--content-to-content-spacing);padding-inline-end:var(--badge--padding-x)}.flow--badge:has(.flow--badge--scope) .flow--badge--scope{padding-inline-start:var(--badge--padding-x);padding-inline-end:var(--badge--content-to-content-spacing);height:100%;flex-shrink:0}.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--button,.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--content{padding-inline-end:var(--content-size)}.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--button .flow--badge--value,.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--content .flow--badge--value{padding-inline-end:var(--badge--content-to-content-spacing)}.flow--badge .flow--badge--close{height:var(--content-size);padding:calc(var(--badge--padding-y) - var(--badge--border-width));border-radius:0;border-end-end-radius:var(--badge-size);border-start-end-radius:var(--badge-size);margin-inline-start:calc((var(--badge-size) - var(--badge--border-width)) * -1);margin-top:var(--badge--border-width)}.flow--badge:where(.flow--badge--neutral,.flow--badge) .flow--badge--content,.flow--badge:where(.flow--badge--neutral,.flow--badge) .flow--badge--button{border-color:var(--badge--neutral-border-color);background-color:var(--badge--neutral-background-color--default);color:var(--badge--neutral-content-color)}.flow--badge:where(.flow--badge--neutral,.flow--badge):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--neutral-background-color--hover);color:var(--badge--neutral-content-color--hover)}.flow--badge:where(.flow--badge--neutral,.flow--badge):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--neutral-background-color--pressed);color:var(--badge--neutral-content-color--pressed)}.flow--badge:where(.flow--badge--neutral,.flow--badge) .flow--badge--scope{background-color:var(--badge--neutral-scope-background-color);color:var(--badge--neutral-scope-content-color)}.flow--badge:where(.flow--badge--blue) .flow--badge--content,.flow--badge:where(.flow--badge--blue) .flow--badge--button{border-color:var(--badge--blue-border-color);background-color:var(--badge--blue-background-color--default);color:var(--badge--blue-content-color)}.flow--badge:where(.flow--badge--blue):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--blue-background-color--hover);color:var(--badge--blue-content-color--hover)}.flow--badge:where(.flow--badge--blue):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--blue-background-color--pressed);color:var(--badge--blue-content-color--pressed)}.flow--badge:where(.flow--badge--blue) .flow--badge--scope{background-color:var(--badge--blue-scope-background-color);color:var(--badge--blue-scope-content-color)}.flow--badge:where(.flow--badge--navy) .flow--badge--content,.flow--badge:where(.flow--badge--navy) .flow--badge--button{border-color:var(--badge--navy-border-color);background-color:var(--badge--navy-background-color--default);color:var(--badge--navy-content-color)}.flow--badge:where(.flow--badge--navy):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--navy-background-color--hover);color:var(--badge--navy-content-color--hover)}.flow--badge:where(.flow--badge--navy):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--navy-background-color--pressed);color:var(--badge--navy-content-color--pressed)}.flow--badge:where(.flow--badge--navy) .flow--badge--scope{background-color:var(--badge--navy-scope-background-color);color:var(--badge--navy-scope-content-color)}.flow--badge:where(.flow--badge--violet) .flow--badge--content,.flow--badge:where(.flow--badge--violet) .flow--badge--button{border-color:var(--badge--violet-border-color);background-color:var(--badge--violet-background-color--default);color:var(--badge--violet-content-color)}.flow--badge:where(.flow--badge--violet):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--violet-background-color--hover);color:var(--badge--violet-content-color--hover)}.flow--badge:where(.flow--badge--violet):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--violet-background-color--pressed);color:var(--badge--violet-content-color--pressed)}.flow--badge:where(.flow--badge--violet) .flow--badge--scope{background-color:var(--badge--violet-scope-background-color);color:var(--badge--violet-scope-content-color)}.flow--badge:where(.flow--badge--teal) .flow--badge--content,.flow--badge:where(.flow--badge--teal) .flow--badge--button{border-color:var(--badge--teal-border-color);background-color:var(--badge--teal-background-color--default);color:var(--badge--teal-content-color)}.flow--badge:where(.flow--badge--teal):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--teal-background-color--hover);color:var(--badge--teal-content-color--hover)}.flow--badge:where(.flow--badge--teal):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--teal-background-color--pressed);color:var(--badge--teal-content-color--pressed)}.flow--badge:where(.flow--badge--teal) .flow--badge--scope{background-color:var(--badge--teal-scope-background-color);color:var(--badge--teal-scope-content-color)}.flow--badge:where(.flow--badge--lilac) .flow--badge--content,.flow--badge:where(.flow--badge--lilac) .flow--badge--button{border-color:var(--badge--lilac-border-color);background-color:var(--badge--lilac-background-color--default);color:var(--badge--lilac-content-color)}.flow--badge:where(.flow--badge--lilac):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--lilac-background-color--hover);color:var(--badge--lilac-content-color--hover)}.flow--badge:where(.flow--badge--lilac):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--lilac-background-color--pressed);color:var(--badge--lilac-content-color--pressed)}.flow--badge:where(.flow--badge--lilac) .flow--badge--scope{background-color:var(--badge--lilac-scope-background-color);color:var(--badge--lilac-scope-content-color)}.flow--badge:where(.flow--badge--green) .flow--badge--content,.flow--badge:where(.flow--badge--green) .flow--badge--button{border-color:var(--badge--green-border-color);background-color:var(--badge--green-background-color--default);color:var(--badge--green-content-color)}.flow--badge:where(.flow--badge--green):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--green-background-color--hover);color:var(--badge--green-content-color--hover)}.flow--badge:where(.flow--badge--green):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--green-background-color--pressed);color:var(--badge--green-content-color--pressed)}.flow--badge:where(.flow--badge--green) .flow--badge--scope{background-color:var(--badge--green-scope-background-color);color:var(--badge--green-scope-content-color)}.flow--badge:where(.flow--badge--orange) .flow--badge--content,.flow--badge:where(.flow--badge--orange) .flow--badge--button{border-color:var(--badge--orange-border-color);background-color:var(--badge--orange-background-color--default);color:var(--badge--orange-content-color)}.flow--badge:where(.flow--badge--orange):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--orange-background-color--hover);color:var(--badge--orange-content-color--hover)}.flow--badge:where(.flow--badge--orange):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--orange-background-color--pressed);color:var(--badge--orange-content-color--pressed)}.flow--badge:where(.flow--badge--orange) .flow--badge--scope{background-color:var(--badge--orange-scope-background-color);color:var(--badge--orange-scope-content-color)}.flow--badge:where(.flow--badge--red) .flow--badge--content,.flow--badge:where(.flow--badge--red) .flow--badge--button{border-color:var(--badge--red-border-color);background-color:var(--badge--red-background-color--default);color:var(--badge--red-content-color)}.flow--badge:where(.flow--badge--red):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--red-background-color--hover);color:var(--badge--red-content-color--hover)}.flow--badge:where(.flow--badge--red):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--red-background-color--pressed);color:var(--badge--red-content-color--pressed)}.flow--badge:where(.flow--badge--red) .flow--badge--scope{background-color:var(--badge--red-scope-background-color);color:var(--badge--red-scope-content-color)}.flow--badge:where(.flow--badge--dark) .flow--badge--content,.flow--badge:where(.flow--badge--dark) .flow--badge--button{border-color:var(--badge--dark-border-color);background-color:var(--badge--dark-background-color--default);color:var(--badge--dark-content-color)}.flow--badge:where(.flow--badge--dark):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--dark-background-color--hover);color:var(--badge--dark-content-color--hover)}.flow--badge:where(.flow--badge--dark):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--dark-background-color--pressed);color:var(--badge--dark-content-color--pressed)}.flow--badge:where(.flow--badge--dark) .flow--badge--scope{background-color:var(--badge--dark-scope-background-color);color:var(--badge--dark-scope-content-color)}.flow--badge:where(.flow--badge--light) .flow--badge--content,.flow--badge:where(.flow--badge--light) .flow--badge--button{border-color:var(--badge--light-border-color);background-color:var(--badge--light-background-color--default);color:var(--badge--light-content-color)}.flow--badge:where(.flow--badge--light):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--light-background-color--hover);color:var(--badge--light-content-color--hover)}.flow--badge:where(.flow--badge--light):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--light-background-color--pressed);color:var(--badge--light-content-color--pressed)}.flow--badge:where(.flow--badge--light) .flow--badge--scope{background-color:var(--badge--light-scope-background-color);color:var(--badge--light-scope-content-color)}.flow--badge.flow--badge--disabled .flow--badge--content,.flow--badge.flow--badge--disabled .flow--badge--button{border-color:var(--badge--disabled-border-color);background-color:var(--badge--disabled-background-color);color:var(--badge--disabled-content-color)}.flow--badge.flow--badge--disabled .flow--badge--close{color:var(--badge--disabled-content-color)}.flow--badge.flow--badge--disabled .flow--badge--scope{background-color:var(--badge--disabled-scope-background-color);color:var(--badge--disabled-scope-content-color)}.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--content,.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--button{border-color:var(--badge--disabled-light-border-color);background-color:var(--badge--disabled-light-background-color);color:var(--badge--disabled-light-content-color)}.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--close{color:var(--badge--disabled-light-content-color)}.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--scope{background-color:var(--badge--disabled-light-scope-background-color);color:var(--badge--disabled-light-scope-content-color)}.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--content,.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--button{border-color:var(--badge--disabled-dark-border-color);background-color:var(--badge--disabled-dark-background-color);color:var(--badge--disabled-dark-content-color)}.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--close{color:var(--badge--disabled-dark-content-color)}.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--scope{background-color:var(--badge--disabled-dark-scope-background-color);color:var(--badge--disabled-dark-scope-content-color)}
1
+ .flow--badge{display:flex;width:fit-content;max-width:100%;--badge-size: calc(var(--badge--line-height) + var(--badge--padding-y) * 2);--content-size: calc(var(--badge-size) - var(--badge--border-width) * 2)}.flow--badge .flow--badge--content,.flow--badge .flow--badge--button{border-radius:var(--badge--corner-radius);border-width:var(--badge--border-width);border-style:var(--badge--border-style);font-size:var(--badge--font-size);font-weight:var(--badge--font-weight);padding:0;display:flex;align-items:center;height:var(--badge-size);line-height:var(--content-size);padding-inline:var(--badge--padding-x);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow--badge .flow--badge--button,.flow--badge .flow--badge--close{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--badge .flow--badge--button[data-focused],.flow--badge .flow--badge--button:focus,.flow--badge .flow--badge--close[data-focused],.flow--badge .flow--badge--close:focus{outline-style:none}.flow--badge .flow--badge--button[data-focus-visible],.flow--badge .flow--badge--button:focus-visible,.flow--badge .flow--badge--close[data-focus-visible],.flow--badge .flow--badge--close:focus-visible{outline-style:auto}.flow--badge .flow--badge--button[data-focused]:not([data-focus-visible]):focus-visible,.flow--badge .flow--badge--close[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--badge:has(.flow--badge--close) .flow--badge--button,.flow--badge:has(.flow--badge--close) .flow--badge--content{padding-inline-end:calc(var(--content-size) + var(--badge--content-to-content-spacing))}.flow--badge:has(.flow--badge--scope) .flow--badge--content,.flow--badge:has(.flow--badge--scope) .flow--badge--button{padding:0}.flow--badge:has(.flow--badge--scope) .flow--badge--value{padding-inline-start:var(--badge--content-to-content-spacing);padding-inline-end:var(--badge--padding-x)}.flow--badge:has(.flow--badge--scope) .flow--badge--scope{padding-inline-start:var(--badge--padding-x);padding-inline-end:var(--badge--content-to-content-spacing);height:100%;flex-shrink:0}.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--button,.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--content{padding-inline-end:var(--content-size)}.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--button .flow--badge--value,.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--content .flow--badge--value{padding-inline-end:var(--badge--content-to-content-spacing)}.flow--badge .flow--badge--close{height:var(--content-size);padding:calc(var(--badge--padding-y) - var(--badge--border-width));border-radius:0;border-end-end-radius:var(--badge-size);border-start-end-radius:var(--badge-size);margin-inline-start:calc((var(--badge-size) - var(--badge--border-width)) * -1);margin-top:var(--badge--border-width)}.flow--badge:where(.flow--badge--neutral,.flow--badge) .flow--badge--content,.flow--badge:where(.flow--badge--neutral,.flow--badge) .flow--badge--button{border-color:var(--badge--neutral-border-color);background-color:var(--badge--neutral-background-color--default);color:var(--badge--neutral-content-color--default)}.flow--badge:where(.flow--badge--neutral,.flow--badge):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--neutral-background-color--hover);color:var(--badge--neutral-content-color--hover)}.flow--badge:where(.flow--badge--neutral,.flow--badge):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--neutral-background-color--pressed);color:var(--badge--neutral-content-color--pressed)}.flow--badge:where(.flow--badge--neutral,.flow--badge) .flow--badge--scope{background-color:var(--badge--neutral-scope-background-color);color:var(--badge--neutral-scope-content-color)}.flow--badge:where(.flow--badge--blue) .flow--badge--content,.flow--badge:where(.flow--badge--blue) .flow--badge--button{border-color:var(--badge--blue-border-color);background-color:var(--badge--blue-background-color--default);color:var(--badge--blue-content-color--default)}.flow--badge:where(.flow--badge--blue):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--blue-background-color--hover);color:var(--badge--blue-content-color--hover)}.flow--badge:where(.flow--badge--blue):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--blue-background-color--pressed);color:var(--badge--blue-content-color--pressed)}.flow--badge:where(.flow--badge--blue) .flow--badge--scope{background-color:var(--badge--blue-scope-background-color);color:var(--badge--blue-scope-content-color)}.flow--badge:where(.flow--badge--navy) .flow--badge--content,.flow--badge:where(.flow--badge--navy) .flow--badge--button{border-color:var(--badge--navy-border-color);background-color:var(--badge--navy-background-color--default);color:var(--badge--navy-content-color--default)}.flow--badge:where(.flow--badge--navy):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--navy-background-color--hover);color:var(--badge--navy-content-color--hover)}.flow--badge:where(.flow--badge--navy):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--navy-background-color--pressed);color:var(--badge--navy-content-color--pressed)}.flow--badge:where(.flow--badge--navy) .flow--badge--scope{background-color:var(--badge--navy-scope-background-color);color:var(--badge--navy-scope-content-color)}.flow--badge:where(.flow--badge--violet) .flow--badge--content,.flow--badge:where(.flow--badge--violet) .flow--badge--button{border-color:var(--badge--violet-border-color);background-color:var(--badge--violet-background-color--default);color:var(--badge--violet-content-color--default)}.flow--badge:where(.flow--badge--violet):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--violet-background-color--hover);color:var(--badge--violet-content-color--hover)}.flow--badge:where(.flow--badge--violet):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--violet-background-color--pressed);color:var(--badge--violet-content-color--pressed)}.flow--badge:where(.flow--badge--violet) .flow--badge--scope{background-color:var(--badge--violet-scope-background-color);color:var(--badge--violet-scope-content-color)}.flow--badge:where(.flow--badge--teal) .flow--badge--content,.flow--badge:where(.flow--badge--teal) .flow--badge--button{border-color:var(--badge--teal-border-color);background-color:var(--badge--teal-background-color--default);color:var(--badge--teal-content-color--default)}.flow--badge:where(.flow--badge--teal):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--teal-background-color--hover);color:var(--badge--teal-content-color--hover)}.flow--badge:where(.flow--badge--teal):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--teal-background-color--pressed);color:var(--badge--teal-content-color--pressed)}.flow--badge:where(.flow--badge--teal) .flow--badge--scope{background-color:var(--badge--teal-scope-background-color);color:var(--badge--teal-scope-content-color)}.flow--badge:where(.flow--badge--lilac) .flow--badge--content,.flow--badge:where(.flow--badge--lilac) .flow--badge--button{border-color:var(--badge--lilac-border-color);background-color:var(--badge--lilac-background-color--default);color:var(--badge--lilac-content-color--default)}.flow--badge:where(.flow--badge--lilac):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--lilac-background-color--hover);color:var(--badge--lilac-content-color--hover)}.flow--badge:where(.flow--badge--lilac):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--lilac-background-color--pressed);color:var(--badge--lilac-content-color--pressed)}.flow--badge:where(.flow--badge--lilac) .flow--badge--scope{background-color:var(--badge--lilac-scope-background-color);color:var(--badge--lilac-scope-content-color)}.flow--badge:where(.flow--badge--green) .flow--badge--content,.flow--badge:where(.flow--badge--green) .flow--badge--button{border-color:var(--badge--green-border-color);background-color:var(--badge--green-background-color--default);color:var(--badge--green-content-color--default)}.flow--badge:where(.flow--badge--green):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--green-background-color--hover);color:var(--badge--green-content-color--hover)}.flow--badge:where(.flow--badge--green):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--green-background-color--pressed);color:var(--badge--green-content-color--pressed)}.flow--badge:where(.flow--badge--green) .flow--badge--scope{background-color:var(--badge--green-scope-background-color);color:var(--badge--green-scope-content-color)}.flow--badge:where(.flow--badge--orange) .flow--badge--content,.flow--badge:where(.flow--badge--orange) .flow--badge--button{border-color:var(--badge--orange-border-color);background-color:var(--badge--orange-background-color--default);color:var(--badge--orange-content-color--default)}.flow--badge:where(.flow--badge--orange):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--orange-background-color--hover);color:var(--badge--orange-content-color--hover)}.flow--badge:where(.flow--badge--orange):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--orange-background-color--pressed);color:var(--badge--orange-content-color--pressed)}.flow--badge:where(.flow--badge--orange) .flow--badge--scope{background-color:var(--badge--orange-scope-background-color);color:var(--badge--orange-scope-content-color)}.flow--badge:where(.flow--badge--red) .flow--badge--content,.flow--badge:where(.flow--badge--red) .flow--badge--button{border-color:var(--badge--red-border-color);background-color:var(--badge--red-background-color--default);color:var(--badge--red-content-color--default)}.flow--badge:where(.flow--badge--red):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--red-background-color--hover);color:var(--badge--red-content-color--hover)}.flow--badge:where(.flow--badge--red):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--red-background-color--pressed);color:var(--badge--red-content-color--pressed)}.flow--badge:where(.flow--badge--red) .flow--badge--scope{background-color:var(--badge--red-scope-background-color);color:var(--badge--red-scope-content-color)}.flow--badge:where(.flow--badge--dark) .flow--badge--content,.flow--badge:where(.flow--badge--dark) .flow--badge--button{border-color:var(--badge--dark-border-color);background-color:var(--badge--dark-background-color--default);color:var(--badge--dark-content-color--default)}.flow--badge:where(.flow--badge--dark):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--dark-background-color--hover);color:var(--badge--dark-content-color--hover)}.flow--badge:where(.flow--badge--dark):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--dark-background-color--pressed);color:var(--badge--dark-content-color--pressed)}.flow--badge:where(.flow--badge--dark) .flow--badge--scope{background-color:var(--badge--dark-scope-background-color);color:var(--badge--dark-scope-content-color)}.flow--badge:where(.flow--badge--light) .flow--badge--content,.flow--badge:where(.flow--badge--light) .flow--badge--button{border-color:var(--badge--light-border-color);background-color:var(--badge--light-background-color--default);color:var(--badge--light-content-color--default)}.flow--badge:where(.flow--badge--light):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--light-background-color--hover);color:var(--badge--light-content-color--hover)}.flow--badge:where(.flow--badge--light):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--light-background-color--pressed);color:var(--badge--light-content-color--pressed)}.flow--badge:where(.flow--badge--light) .flow--badge--scope{background-color:var(--badge--light-scope-background-color);color:var(--badge--light-scope-content-color)}.flow--badge.flow--badge--disabled .flow--badge--content,.flow--badge.flow--badge--disabled .flow--badge--button{border-color:var(--badge--disabled-border-color);background-color:var(--badge--disabled-background-color);color:var(--badge--disabled-content-color)}.flow--badge.flow--badge--disabled .flow--badge--close{color:var(--badge--disabled-content-color)}.flow--badge.flow--badge--disabled .flow--badge--scope{background-color:var(--badge--disabled-scope-background-color);color:var(--badge--disabled-scope-content-color)}.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--content,.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--button{border-color:var(--badge--disabled-light-border-color);background-color:var(--badge--disabled-light-background-color);color:var(--badge--disabled-light-content-color)}.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--close{color:var(--badge--disabled-light-content-color)}.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--scope{background-color:var(--badge--disabled-light-scope-background-color);color:var(--badge--disabled-light-scope-content-color)}.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--content,.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--button{border-color:var(--badge--disabled-dark-border-color);background-color:var(--badge--disabled-dark-background-color);color:var(--badge--disabled-dark-content-color)}.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--close{color:var(--badge--disabled-dark-content-color)}.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--scope{background-color:var(--badge--disabled-dark-scope-background-color);color:var(--badge--disabled-dark-scope-content-color)}
package/dist/css/Button.css CHANGED
@@ -1 +1 @@
1
- .flow--button{position:relative;font-family:Inter,sans-serif;line-height:var(--line-height--default);border:none;border-radius:var(--button--corner-radius);padding-block:var(--button--padding-squished-y);padding-inline:var(--button--padding-squished-x);font-size:var(--font-size--default);font-weight:700;transition-property:color,background-color;transition-duration:var(--transition--duration--default);max-width:100%;display:grid;align-items:center;grid-template-areas:"content";width:fit-content;white-space:nowrap}.flow--button:where(.flow--button--outline){border-width:var(--button--border-width);border-style:var(--button--border-style);padding-block:calc(var(--button--padding-squished-y) - var(--button--border-width));padding-inline:calc(var(--button--padding-squished-x) - var(--button--border-width))}.flow--button{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--button[data-focused],.flow--button:focus{outline-style:none}.flow--button[data-focus-visible],.flow--button:focus-visible{outline-style:auto}.flow--button[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--button .flow--button--content{display:flex;column-gap:var(--button--text-to-icon-spacing);align-items:center;justify-content:center}.flow--button .flow--button--content,.flow--button .flow--button--state-icon{grid-area:content}.flow--button .flow--button--state-icon{color:var(--button--pending-icon-color);justify-self:center}.flow--button:where(:has(.flow--button--avatar)){padding:0;border-radius:var(--corner-radius--round)}.flow--button:where(:has(.flow--button--icon):not(:has(.flow--button--text))){padding:var(--button--padding)}.flow--button:where(:has(.flow--button--icon):not(:has(.flow--button--text))):where(.flow--button--outline){padding:calc(var(--button--padding) - var(--button--border-width))}.flow--button:where(:has(.flow--button--text) .flow--button--icon){margin-inline-start:var(--button--text-to-icon-spacing)}.flow--button .flow--button--counter-badge{position:absolute;top:calc(var(--size-px--xxs) * -1);right:calc(var(--size-px--xxs) * -1)}.flow--button.flow--button--is-succeeded .flow--button--state-icon{color:var(--button--succeeded-icon-color)}.flow--button.flow--button--is-failed .flow--button--state-icon{color:var(--button--failed-icon-color)}.flow--button.flow--button--is-pending .flow--button--content,.flow--button.flow--button--is-failed .flow--button--content,.flow--button.flow--button--is-succeeded .flow--button--content{opacity:0}.flow--button.flow--button--is-pending.flow--button--plain .flow--button--content:has(.flow--button--text),.flow--button.flow--button--is-failed.flow--button--plain .flow--button--content:has(.flow--button--text),.flow--button.flow--button--is-succeeded.flow--button--plain .flow--button--content:has(.flow--button--text){opacity:1}.flow--button:where(.flow--button--size-s){font-size:var(--button--font-size-s);line-height:var(--button--line-height-s);padding-block:var(--button--padding-s-squished-y);padding-inline:var(--button--padding-s-squished-x);column-gap:var(--button--text-to-icon-spacing-s)}.flow--button:where(.flow--button--size-s):where(.flow--button--outline){padding-block:calc(var(--button--padding-s-squished-y) - var(--button--border-width));padding-inline:calc(var(--button--padding-s-squished-x) - var(--button--border-width))}.flow--button:where(.flow--button--size-s):where(:has(.flow--button--icon):not(:has(.flow--button--text))){padding:var(--button--padding-s)}.flow--button:where(.flow--button--size-s):where(:has(.flow--button--icon):not(:has(.flow--button--text))):where(.flow--button--outline){padding:calc(var(--button--padding-s) - var(--button--border-width))}.flow--button:where(.flow--button--size-s) .flow--button--content{column-gap:var(--button--text-to-icon-spacing-s)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button){background-color:var(--button--primary-solid-background-color--default);color:var(--button--primary-solid-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--outline{border-color:var(--button--primary-solid-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button):hover{background-color:var(--button--primary-solid-background-color--hover);color:var(--button--primary-solid-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[data-pressed]{background-color:var(--button--primary-solid-background-color--pressed);color:var(--button--primary-solid-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-solid-background-color--disabled);color:var(--button--primary-solid-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-solid-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button){background-color:var(--button--accent-solid-background-color--default);color:var(--button--accent-solid-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--outline{border-color:var(--button--accent-solid-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button):hover{background-color:var(--button--accent-solid-background-color--hover);color:var(--button--accent-solid-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[data-pressed]{background-color:var(--button--accent-solid-background-color--pressed);color:var(--button--accent-solid-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[disabled],.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-succeeded{background-color:var(--button--accent-solid-background-color--disabled);color:var(--button--accent-solid-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-solid-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button){background-color:var(--button--danger-solid-background-color--default);color:var(--button--danger-solid-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--outline{border-color:var(--button--danger-solid-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button):hover{background-color:var(--button--danger-solid-background-color--hover);color:var(--button--danger-solid-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[data-pressed]{background-color:var(--button--danger-solid-background-color--pressed);color:var(--button--danger-solid-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[disabled],.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-succeeded{background-color:var(--button--danger-solid-background-color--disabled);color:var(--button--danger-solid-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-solid-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button){background-color:var(--button--secondary-solid-background-color--default);color:var(--button--secondary-solid-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--outline{border-color:var(--button--secondary-solid-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button):hover{background-color:var(--button--secondary-solid-background-color--hover);color:var(--button--secondary-solid-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[data-pressed]{background-color:var(--button--secondary-solid-background-color--pressed);color:var(--button--secondary-solid-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[disabled],.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-succeeded{background-color:var(--button--secondary-solid-background-color--disabled);color:var(--button--secondary-solid-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-solid-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button){background-color:var(--button--dark-solid-background-color--default);color:var(--button--dark-solid-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--outline{border-color:var(--button--dark-solid-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button):hover{background-color:var(--button--dark-solid-background-color--hover);color:var(--button--dark-solid-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button)[data-pressed]{background-color:var(--button--dark-solid-background-color--pressed);color:var(--button--dark-solid-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button)[disabled],.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-succeeded{background-color:var(--button--dark-solid-background-color--disabled);color:var(--button--dark-solid-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-solid-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button){background-color:var(--button--light-solid-background-color--default);color:var(--button--light-solid-content-color--default)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--outline{border-color:var(--button--light-solid-border-color--default)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button):hover{background-color:var(--button--light-solid-background-color--hover);color:var(--button--light-solid-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button)[data-pressed]{background-color:var(--button--light-solid-background-color--pressed);color:var(--button--light-solid-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button)[disabled],.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-succeeded{background-color:var(--button--light-solid-background-color--disabled);color:var(--button--light-solid-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-solid-border-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button){background-color:var(--button--primary-plain-background-color--default);color:var(--button--primary-plain-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--outline{border-color:var(--button--primary-plain-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button):hover{background-color:var(--button--primary-plain-background-color--hover);color:var(--button--primary-plain-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[data-pressed]{background-color:var(--button--primary-plain-background-color--pressed);color:var(--button--primary-plain-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-plain-background-color--disabled);color:var(--button--primary-plain-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-plain-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--plain){background-color:var(--button--accent-plain-background-color--default);color:var(--button--accent-plain-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--outline{border-color:var(--button--accent-plain-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--plain):hover{background-color:var(--button--accent-plain-background-color--hover);color:var(--button--accent-plain-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--plain)[data-pressed]{background-color:var(--button--accent-plain-background-color--pressed);color:var(--button--accent-plain-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--plain)[disabled],.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--accent-plain-background-color--disabled);color:var(--button--accent-plain-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-plain-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--plain){background-color:var(--button--danger-plain-background-color--default);color:var(--button--danger-plain-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--outline{border-color:var(--button--danger-plain-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--plain):hover{background-color:var(--button--danger-plain-background-color--hover);color:var(--button--danger-plain-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--plain)[data-pressed]{background-color:var(--button--danger-plain-background-color--pressed);color:var(--button--danger-plain-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--plain)[disabled],.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--danger-plain-background-color--disabled);color:var(--button--danger-plain-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-plain-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--plain){background-color:var(--button--secondary-plain-background-color--default);color:var(--button--secondary-plain-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--outline{border-color:var(--button--secondary-plain-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--plain):hover{background-color:var(--button--secondary-plain-background-color--hover);color:var(--button--secondary-plain-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--plain)[data-pressed]{background-color:var(--button--secondary-plain-background-color--pressed);color:var(--button--secondary-plain-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--plain)[disabled],.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--secondary-plain-background-color--disabled);color:var(--button--secondary-plain-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-plain-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--plain){background-color:var(--button--dark-plain-background-color--default);color:var(--button--dark-plain-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--outline{border-color:var(--button--dark-plain-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--plain):hover{background-color:var(--button--dark-plain-background-color--hover);color:var(--button--dark-plain-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--plain)[data-pressed]{background-color:var(--button--dark-plain-background-color--pressed);color:var(--button--dark-plain-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--plain)[disabled],.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--dark-plain-background-color--disabled);color:var(--button--dark-plain-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-plain-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--plain){background-color:var(--button--light-plain-background-color--default);color:var(--button--light-plain-content-color--default)}.flow--button:where(.flow--button--light.flow--button--plain).flow--button--outline{border-color:var(--button--light-plain-border-color--default)}.flow--button:where(.flow--button--light.flow--button--plain):hover{background-color:var(--button--light-plain-background-color--hover);color:var(--button--light-plain-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--plain)[data-pressed]{background-color:var(--button--light-plain-background-color--pressed);color:var(--button--light-plain-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--plain)[disabled],.flow--button:where(.flow--button--light.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--light-plain-background-color--disabled);color:var(--button--light-plain-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-plain-border-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button){background-color:var(--button--primary-soft-background-color--default);color:var(--button--primary-soft-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--outline{border-color:var(--button--primary-soft-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button):hover{background-color:var(--button--primary-soft-background-color--hover);color:var(--button--primary-soft-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[data-pressed]{background-color:var(--button--primary-soft-background-color--pressed);color:var(--button--primary-soft-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-soft-background-color--disabled);color:var(--button--primary-soft-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-soft-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--soft){background-color:var(--button--accent-soft-background-color--default);color:var(--button--accent-soft-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--outline{border-color:var(--button--accent-soft-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--soft):hover{background-color:var(--button--accent-soft-background-color--hover);color:var(--button--accent-soft-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--soft)[data-pressed]{background-color:var(--button--accent-soft-background-color--pressed);color:var(--button--accent-soft-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--soft)[disabled],.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--accent-soft-background-color--disabled);color:var(--button--accent-soft-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-soft-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--soft){background-color:var(--button--danger-soft-background-color--default);color:var(--button--danger-soft-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--outline{border-color:var(--button--danger-soft-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--soft):hover{background-color:var(--button--danger-soft-background-color--hover);color:var(--button--danger-soft-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--soft)[data-pressed]{background-color:var(--button--danger-soft-background-color--pressed);color:var(--button--danger-soft-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--soft)[disabled],.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--danger-soft-background-color--disabled);color:var(--button--danger-soft-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-soft-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--soft){background-color:var(--button--secondary-soft-background-color--default);color:var(--button--secondary-soft-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--outline{border-color:var(--button--secondary-soft-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--soft):hover{background-color:var(--button--secondary-soft-background-color--hover);color:var(--button--secondary-soft-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--soft)[data-pressed]{background-color:var(--button--secondary-soft-background-color--pressed);color:var(--button--secondary-soft-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--soft)[disabled],.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--secondary-soft-background-color--disabled);color:var(--button--secondary-soft-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-soft-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--soft){background-color:var(--button--dark-soft-background-color--default);color:var(--button--dark-soft-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--outline{border-color:var(--button--dark-soft-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--soft):hover{background-color:var(--button--dark-soft-background-color--hover);color:var(--button--dark-soft-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--soft)[data-pressed]{background-color:var(--button--dark-soft-background-color--pressed);color:var(--button--dark-soft-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--soft)[disabled],.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--dark-soft-background-color--disabled);color:var(--button--dark-soft-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-soft-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--soft){background-color:var(--button--light-soft-background-color--default);color:var(--button--light-soft-content-color--default)}.flow--button:where(.flow--button--light.flow--button--soft).flow--button--outline{border-color:var(--button--light-soft-border-color--default)}.flow--button:where(.flow--button--light.flow--button--soft):hover{background-color:var(--button--light-soft-background-color--hover);color:var(--button--light-soft-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--soft)[data-pressed]{background-color:var(--button--light-soft-background-color--pressed);color:var(--button--light-soft-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--soft)[disabled],.flow--button:where(.flow--button--light.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--light-soft-background-color--disabled);color:var(--button--light-soft-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-soft-border-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button){background-color:var(--button--primary-outline-background-color--default);color:var(--button--primary-outline-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--outline{border-color:var(--button--primary-outline-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button):hover{background-color:var(--button--primary-outline-background-color--hover);color:var(--button--primary-outline-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button)[data-pressed]{background-color:var(--button--primary-outline-background-color--pressed);color:var(--button--primary-outline-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-outline-background-color--disabled);color:var(--button--primary-outline-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-outline-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--outline){background-color:var(--button--accent-outline-background-color--default);color:var(--button--accent-outline-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--outline{border-color:var(--button--accent-outline-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--outline):hover{background-color:var(--button--accent-outline-background-color--hover);color:var(--button--accent-outline-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--outline)[data-pressed]{background-color:var(--button--accent-outline-background-color--pressed);color:var(--button--accent-outline-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--outline)[disabled],.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--accent-outline-background-color--disabled);color:var(--button--accent-outline-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-outline-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--outline){background-color:var(--button--danger-outline-background-color--default);color:var(--button--danger-outline-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--outline{border-color:var(--button--danger-outline-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--outline):hover{background-color:var(--button--danger-outline-background-color--hover);color:var(--button--danger-outline-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--outline)[data-pressed]{background-color:var(--button--danger-outline-background-color--pressed);color:var(--button--danger-outline-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--outline)[disabled],.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--danger-outline-background-color--disabled);color:var(--button--danger-outline-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-outline-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--outline){background-color:var(--button--secondary-outline-background-color--default);color:var(--button--secondary-outline-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--outline{border-color:var(--button--secondary-outline-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--outline):hover{background-color:var(--button--secondary-outline-background-color--hover);color:var(--button--secondary-outline-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--outline)[data-pressed]{background-color:var(--button--secondary-outline-background-color--pressed);color:var(--button--secondary-outline-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--outline)[disabled],.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--secondary-outline-background-color--disabled);color:var(--button--secondary-outline-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-outline-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--outline){background-color:var(--button--dark-outline-background-color--default);color:var(--button--dark-outline-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--outline{border-color:var(--button--dark-outline-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--outline):hover{background-color:var(--button--dark-outline-background-color--hover);color:var(--button--dark-outline-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--outline)[data-pressed]{background-color:var(--button--dark-outline-background-color--pressed);color:var(--button--dark-outline-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--outline)[disabled],.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--dark-outline-background-color--disabled);color:var(--button--dark-outline-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-outline-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--outline){background-color:var(--button--light-outline-background-color--default);color:var(--button--light-outline-content-color--default)}.flow--button:where(.flow--button--light.flow--button--outline).flow--button--outline{border-color:var(--button--light-outline-border-color--default)}.flow--button:where(.flow--button--light.flow--button--outline):hover{background-color:var(--button--light-outline-background-color--hover);color:var(--button--light-outline-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--outline)[data-pressed]{background-color:var(--button--light-outline-background-color--pressed);color:var(--button--light-outline-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--outline)[disabled],.flow--button:where(.flow--button--light.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--light-outline-background-color--disabled);color:var(--button--light-outline-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-outline-border-color--disabled)}
1
+ .flow--button{position:relative;font-family:Inter,sans-serif;font-size:var(--font-size-text--default);font-weight:700;line-height:var(--line-height--default);border:none;border-radius:var(--button--corner-radius);padding-block:var(--button--padding-y);padding-inline:var(--button--padding-x);transition-property:color,background-color;transition-duration:var(--transition--duration--default);max-width:100%;display:grid;align-items:center;grid-template-areas:"content";width:fit-content;white-space:nowrap}.flow--button:where(.flow--button--outline){border-width:var(--button--border-width);border-style:var(--button--border-style);padding-block:calc(var(--button--padding-y) - var(--button--border-width));padding-inline:calc(var(--button--padding-x) - var(--button--border-width))}.flow--button{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--button[data-focused],.flow--button:focus{outline-style:none}.flow--button[data-focus-visible],.flow--button:focus-visible{outline-style:auto}.flow--button[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--button .flow--button--content{display:flex;column-gap:var(--button--spacing);align-items:center;justify-content:center}.flow--button .flow--button--content,.flow--button .flow--button--state-icon{grid-area:content}.flow--button .flow--button--state-icon{color:var(--button--pending-icon-color);justify-self:center}.flow--button:where(:has(.flow--button--avatar)){padding:0;border-radius:var(--corner-radius--round)}.flow--button:where(:has(.flow--button--icon):not(:has(.flow--button--text))){padding:var(--button--padding-icon-only)}.flow--button:where(:has(.flow--button--icon):not(:has(.flow--button--text))):where(.flow--button--outline){padding:calc(var(--button--padding-icon-only) - var(--button--border-width))}.flow--button:where(:has(.flow--button--text) .flow--button--icon){margin-inline-start:var(--button--spacing)}.flow--button .flow--button--counter-badge{position:absolute;top:calc(var(--size-px--xxs) * -1);right:calc(var(--size-px--xxs) * -1)}.flow--button.flow--button--is-succeeded .flow--button--state-icon{color:var(--button--succeeded-icon-color)}.flow--button.flow--button--is-failed .flow--button--state-icon{color:var(--button--failed-icon-color)}.flow--button.flow--button--is-pending .flow--button--content,.flow--button.flow--button--is-failed .flow--button--content,.flow--button.flow--button--is-succeeded .flow--button--content{opacity:0}.flow--button.flow--button--is-pending.flow--button--plain .flow--button--content:has(.flow--button--text),.flow--button.flow--button--is-failed.flow--button--plain .flow--button--content:has(.flow--button--text),.flow--button.flow--button--is-succeeded.flow--button--plain .flow--button--content:has(.flow--button--text){opacity:1}.flow--button:where(.flow--button--size-s){font-size:var(--button--font-size-s);line-height:var(--button--line-height-s);padding-block:var(--button--padding-s-y);padding-inline:var(--button--padding-s-x);column-gap:var(--button--spacing-s)}.flow--button:where(.flow--button--size-s):where(.flow--button--outline){padding-block:calc(var(--button--padding-s-y) - var(--button--border-width));padding-inline:calc(var(--button--padding-s-x) - var(--button--border-width))}.flow--button:where(.flow--button--size-s):where(:has(.flow--button--icon):not(:has(.flow--button--text))){padding:var(--button--padding-s-icon-only)}.flow--button:where(.flow--button--size-s):where(:has(.flow--button--icon):not(:has(.flow--button--text))):where(.flow--button--outline){padding:calc(var(--button--padding-s-icon-only) - var(--button--border-width))}.flow--button:where(.flow--button--size-s) .flow--button--content{column-gap:var(--button--spacing-s)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button){background-color:var(--button--primary-solid-background-color--default);color:var(--button--primary-solid-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--outline{border-color:var(--button--primary-solid-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button):hover{background-color:var(--button--primary-solid-background-color--hover);color:var(--button--primary-solid-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[data-pressed]{background-color:var(--button--primary-solid-background-color--pressed);color:var(--button--primary-solid-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-solid-background-color--disabled);color:var(--button--primary-solid-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-solid-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button){background-color:var(--button--accent-solid-background-color--default);color:var(--button--accent-solid-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--outline{border-color:var(--button--accent-solid-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button):hover{background-color:var(--button--accent-solid-background-color--hover);color:var(--button--accent-solid-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[data-pressed]{background-color:var(--button--accent-solid-background-color--pressed);color:var(--button--accent-solid-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[disabled],.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-succeeded{background-color:var(--button--accent-solid-background-color--disabled);color:var(--button--accent-solid-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-solid-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button){background-color:var(--button--danger-solid-background-color--default);color:var(--button--danger-solid-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--outline{border-color:var(--button--danger-solid-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button):hover{background-color:var(--button--danger-solid-background-color--hover);color:var(--button--danger-solid-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[data-pressed]{background-color:var(--button--danger-solid-background-color--pressed);color:var(--button--danger-solid-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[disabled],.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-succeeded{background-color:var(--button--danger-solid-background-color--disabled);color:var(--button--danger-solid-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-solid-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button){background-color:var(--button--secondary-solid-background-color--default);color:var(--button--secondary-solid-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--outline{border-color:var(--button--secondary-solid-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button):hover{background-color:var(--button--secondary-solid-background-color--hover);color:var(--button--secondary-solid-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[data-pressed]{background-color:var(--button--secondary-solid-background-color--pressed);color:var(--button--secondary-solid-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[disabled],.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-succeeded{background-color:var(--button--secondary-solid-background-color--disabled);color:var(--button--secondary-solid-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-solid-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button){background-color:var(--button--dark-solid-background-color--default);color:var(--button--dark-solid-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--outline{border-color:var(--button--dark-solid-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button):hover{background-color:var(--button--dark-solid-background-color--hover);color:var(--button--dark-solid-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button)[data-pressed]{background-color:var(--button--dark-solid-background-color--pressed);color:var(--button--dark-solid-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button)[disabled],.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-succeeded{background-color:var(--button--dark-solid-background-color--disabled);color:var(--button--dark-solid-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-solid-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button){background-color:var(--button--light-solid-background-color--default);color:var(--button--light-solid-content-color--default)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--outline{border-color:var(--button--light-solid-border-color--default)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button):hover{background-color:var(--button--light-solid-background-color--hover);color:var(--button--light-solid-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button)[data-pressed]{background-color:var(--button--light-solid-background-color--pressed);color:var(--button--light-solid-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button)[disabled],.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-succeeded{background-color:var(--button--light-solid-background-color--disabled);color:var(--button--light-solid-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-solid-border-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button){background-color:var(--button--primary-plain-background-color--default);color:var(--button--primary-plain-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--outline{border-color:var(--button--primary-plain-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button):hover{background-color:var(--button--primary-plain-background-color--hover);color:var(--button--primary-plain-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[data-pressed]{background-color:var(--button--primary-plain-background-color--pressed);color:var(--button--primary-plain-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-plain-background-color--disabled);color:var(--button--primary-plain-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-plain-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--plain){background-color:var(--button--accent-plain-background-color--default);color:var(--button--accent-plain-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--outline{border-color:var(--button--accent-plain-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--plain):hover{background-color:var(--button--accent-plain-background-color--hover);color:var(--button--accent-plain-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--plain)[data-pressed]{background-color:var(--button--accent-plain-background-color--pressed);color:var(--button--accent-plain-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--plain)[disabled],.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--accent-plain-background-color--disabled);color:var(--button--accent-plain-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-plain-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--plain){background-color:var(--button--danger-plain-background-color--default);color:var(--button--danger-plain-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--outline{border-color:var(--button--danger-plain-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--plain):hover{background-color:var(--button--danger-plain-background-color--hover);color:var(--button--danger-plain-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--plain)[data-pressed]{background-color:var(--button--danger-plain-background-color--pressed);color:var(--button--danger-plain-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--plain)[disabled],.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--danger-plain-background-color--disabled);color:var(--button--danger-plain-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-plain-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--plain){background-color:var(--button--secondary-plain-background-color--default);color:var(--button--secondary-plain-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--outline{border-color:var(--button--secondary-plain-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--plain):hover{background-color:var(--button--secondary-plain-background-color--hover);color:var(--button--secondary-plain-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--plain)[data-pressed]{background-color:var(--button--secondary-plain-background-color--pressed);color:var(--button--secondary-plain-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--plain)[disabled],.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--secondary-plain-background-color--disabled);color:var(--button--secondary-plain-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-plain-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--plain){background-color:var(--button--dark-plain-background-color--default);color:var(--button--dark-plain-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--outline{border-color:var(--button--dark-plain-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--plain):hover{background-color:var(--button--dark-plain-background-color--hover);color:var(--button--dark-plain-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--plain)[data-pressed]{background-color:var(--button--dark-plain-background-color--pressed);color:var(--button--dark-plain-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--plain)[disabled],.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--dark-plain-background-color--disabled);color:var(--button--dark-plain-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-plain-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--plain){background-color:var(--button--light-plain-background-color--default);color:var(--button--light-plain-content-color--default)}.flow--button:where(.flow--button--light.flow--button--plain).flow--button--outline{border-color:var(--button--light-plain-border-color--default)}.flow--button:where(.flow--button--light.flow--button--plain):hover{background-color:var(--button--light-plain-background-color--hover);color:var(--button--light-plain-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--plain)[data-pressed]{background-color:var(--button--light-plain-background-color--pressed);color:var(--button--light-plain-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--plain)[disabled],.flow--button:where(.flow--button--light.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--light-plain-background-color--disabled);color:var(--button--light-plain-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-plain-border-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button){background-color:var(--button--primary-soft-background-color--default);color:var(--button--primary-soft-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--outline{border-color:var(--button--primary-soft-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button):hover{background-color:var(--button--primary-soft-background-color--hover);color:var(--button--primary-soft-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[data-pressed]{background-color:var(--button--primary-soft-background-color--pressed);color:var(--button--primary-soft-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-soft-background-color--disabled);color:var(--button--primary-soft-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-soft-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--soft){background-color:var(--button--accent-soft-background-color--default);color:var(--button--accent-soft-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--outline{border-color:var(--button--accent-soft-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--soft):hover{background-color:var(--button--accent-soft-background-color--hover);color:var(--button--accent-soft-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--soft)[data-pressed]{background-color:var(--button--accent-soft-background-color--pressed);color:var(--button--accent-soft-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--soft)[disabled],.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--accent-soft-background-color--disabled);color:var(--button--accent-soft-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-soft-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--soft){background-color:var(--button--danger-soft-background-color--default);color:var(--button--danger-soft-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--outline{border-color:var(--button--danger-soft-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--soft):hover{background-color:var(--button--danger-soft-background-color--hover);color:var(--button--danger-soft-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--soft)[data-pressed]{background-color:var(--button--danger-soft-background-color--pressed);color:var(--button--danger-soft-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--soft)[disabled],.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--danger-soft-background-color--disabled);color:var(--button--danger-soft-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-soft-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--soft){background-color:var(--button--secondary-soft-background-color--default);color:var(--button--secondary-soft-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--outline{border-color:var(--button--secondary-soft-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--soft):hover{background-color:var(--button--secondary-soft-background-color--hover);color:var(--button--secondary-soft-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--soft)[data-pressed]{background-color:var(--button--secondary-soft-background-color--pressed);color:var(--button--secondary-soft-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--soft)[disabled],.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--secondary-soft-background-color--disabled);color:var(--button--secondary-soft-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-soft-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--soft){background-color:var(--button--dark-soft-background-color--default);color:var(--button--dark-soft-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--outline{border-color:var(--button--dark-soft-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--soft):hover{background-color:var(--button--dark-soft-background-color--hover);color:var(--button--dark-soft-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--soft)[data-pressed]{background-color:var(--button--dark-soft-background-color--pressed);color:var(--button--dark-soft-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--soft)[disabled],.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--dark-soft-background-color--disabled);color:var(--button--dark-soft-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-soft-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--soft){background-color:var(--button--light-soft-background-color--default);color:var(--button--light-soft-content-color--default)}.flow--button:where(.flow--button--light.flow--button--soft).flow--button--outline{border-color:var(--button--light-soft-border-color--default)}.flow--button:where(.flow--button--light.flow--button--soft):hover{background-color:var(--button--light-soft-background-color--hover);color:var(--button--light-soft-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--soft)[data-pressed]{background-color:var(--button--light-soft-background-color--pressed);color:var(--button--light-soft-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--soft)[disabled],.flow--button:where(.flow--button--light.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--light-soft-background-color--disabled);color:var(--button--light-soft-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-soft-border-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button){background-color:var(--button--primary-outline-background-color--default);color:var(--button--primary-outline-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--outline{border-color:var(--button--primary-outline-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button):hover{background-color:var(--button--primary-outline-background-color--hover);color:var(--button--primary-outline-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button)[data-pressed]{background-color:var(--button--primary-outline-background-color--pressed);color:var(--button--primary-outline-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-outline-background-color--disabled);color:var(--button--primary-outline-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-outline-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--outline){background-color:var(--button--accent-outline-background-color--default);color:var(--button--accent-outline-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--outline{border-color:var(--button--accent-outline-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--outline):hover{background-color:var(--button--accent-outline-background-color--hover);color:var(--button--accent-outline-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--outline)[data-pressed]{background-color:var(--button--accent-outline-background-color--pressed);color:var(--button--accent-outline-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--outline)[disabled],.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--accent-outline-background-color--disabled);color:var(--button--accent-outline-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-outline-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--outline){background-color:var(--button--danger-outline-background-color--default);color:var(--button--danger-outline-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--outline{border-color:var(--button--danger-outline-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--outline):hover{background-color:var(--button--danger-outline-background-color--hover);color:var(--button--danger-outline-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--outline)[data-pressed]{background-color:var(--button--danger-outline-background-color--pressed);color:var(--button--danger-outline-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--outline)[disabled],.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--danger-outline-background-color--disabled);color:var(--button--danger-outline-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-outline-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--outline){background-color:var(--button--secondary-outline-background-color--default);color:var(--button--secondary-outline-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--outline{border-color:var(--button--secondary-outline-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--outline):hover{background-color:var(--button--secondary-outline-background-color--hover);color:var(--button--secondary-outline-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--outline)[data-pressed]{background-color:var(--button--secondary-outline-background-color--pressed);color:var(--button--secondary-outline-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--outline)[disabled],.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--secondary-outline-background-color--disabled);color:var(--button--secondary-outline-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-outline-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--outline){background-color:var(--button--dark-outline-background-color--default);color:var(--button--dark-outline-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--outline{border-color:var(--button--dark-outline-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--outline):hover{background-color:var(--button--dark-outline-background-color--hover);color:var(--button--dark-outline-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--outline)[data-pressed]{background-color:var(--button--dark-outline-background-color--pressed);color:var(--button--dark-outline-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--outline)[disabled],.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--dark-outline-background-color--disabled);color:var(--button--dark-outline-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-outline-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--outline){background-color:var(--button--light-outline-background-color--default);color:var(--button--light-outline-content-color--default)}.flow--button:where(.flow--button--light.flow--button--outline).flow--button--outline{border-color:var(--button--light-outline-border-color--default)}.flow--button:where(.flow--button--light.flow--button--outline):hover{background-color:var(--button--light-outline-background-color--hover);color:var(--button--light-outline-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--outline)[data-pressed]{background-color:var(--button--light-outline-background-color--pressed);color:var(--button--light-outline-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--outline)[disabled],.flow--button:where(.flow--button--light.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--light-outline-background-color--disabled);color:var(--button--light-outline-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-outline-border-color--disabled)}
package/dist/css/CalendarHeader.css CHANGED
@@ -1 +1 @@
1
- .flow--calendar header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--calendar--header-to-day-spacing)}.flow--calendar header h2{font-size:var(--calendar--heading-font-size)}.flow--calendar .react-aria-CalendarHeaderCell{font-size:var(--calendar--day-font-size)}.flow--calendar table{border-spacing:var(--calendar--cell-spacing)}.flow--calendar .react-aria-CalendarCell{width:var(--calendar--cell-size);height:var(--calendar--cell-size);display:inline-flex;align-items:center;justify-content:center;cursor:default;border-radius:var(--calendar--cell-corner-radius);font-size:var(--font-size--s)}.flow--calendar .react-aria-CalendarCell[data-outside-month]{display:none}.flow--calendar .react-aria-CalendarCell:hover{background:var(--calendar--day-background-color--hover)}.flow--calendar .react-aria-CalendarCell[data-pressed]{background:var(--calendar--day-background-color--pressed)}.flow--calendar .react-aria-CalendarCell[data-selected]{background:var(--calendar--day-background-color--selected);color:var(--calendar--day-content-color--selected)}.flow--calendar .react-aria-CalendarCell[data-disabled]{background:var(--calendar--day-background-color--disabled);color:var(--calendar--day-content-color--disabled)}.flow--calendar .react-aria-CalendarCell{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--calendar .react-aria-CalendarCell[data-focused],.flow--calendar .react-aria-CalendarCell:focus{outline-style:none}.flow--calendar .react-aria-CalendarCell[data-focus-visible],.flow--calendar .react-aria-CalendarCell:focus-visible{outline-style:auto}.flow--calendar .react-aria-CalendarCell[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--calendar.flow--calendar--range .react-aria-CalendarCell{position:relative;isolation:isolate}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected]:before{content:"";background:var(--calendar--day-range-background-color);width:calc(100% + .375rem);height:100%;position:absolute;z-index:-1}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected]:after{content:"";width:100%;height:100%;position:absolute;z-index:-1;border-radius:var(--calendar--cell-corner-radius)}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected]:hover:after{background:var(--calendar--day-background-color--hover)}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected][data-pressed]:after{background:var(--calendar--day-background-color--pressed)}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected][data-selection-start]:after,.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected][data-selection-end]:after{background:var(--calendar--day-background-color--selected)}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected][data-selection-start]:before{border-top-left-radius:var(--calendar--cell-corner-radius);border-bottom-left-radius:var(--calendar--cell-corner-radius);left:0}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected][data-selection-end]:before{border-top-right-radius:var(--calendar--cell-corner-radius);border-bottom-right-radius:var(--calendar--cell-corner-radius);right:0}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected]:not([data-selection-start]):not([data-selection-end]){color:var(--content--color--default);background:none}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected][data-selection-start][data-selection-end]:before{display:none}
1
+ .flow--calendar header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--calendar--spacing)}.flow--calendar header h2{font-size:var(--calendar--heading-font-size)}.flow--calendar .react-aria-CalendarHeaderCell{font-size:var(--calendar--cell-font-size)}.flow--calendar table{border-spacing:var(--calendar--spacing)}.flow--calendar .react-aria-CalendarCell{width:var(--calendar--cell-size);height:var(--calendar--cell-size);display:inline-flex;align-items:center;justify-content:center;cursor:default;border-radius:var(--calendar--cell-corner-radius);font-size:var(--calendar--cell-font-size)}.flow--calendar .react-aria-CalendarCell[data-outside-month]{display:none}.flow--calendar .react-aria-CalendarCell:hover{background:var(--calendar--cell-background-color--hover)}.flow--calendar .react-aria-CalendarCell[data-pressed]{background:var(--calendar--cell-background-color--pressed)}.flow--calendar .react-aria-CalendarCell[data-selected]{background:var(--calendar--cell-background-color--selected);color:var(--calendar--cell-content-color--selected)}.flow--calendar .react-aria-CalendarCell[data-disabled]{background:var(--calendar--cell-background-color--disabled);color:var(--calendar--cell-content-color--disabled)}.flow--calendar .react-aria-CalendarCell{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--calendar .react-aria-CalendarCell[data-focused],.flow--calendar .react-aria-CalendarCell:focus{outline-style:none}.flow--calendar .react-aria-CalendarCell[data-focus-visible],.flow--calendar .react-aria-CalendarCell:focus-visible{outline-style:auto}.flow--calendar .react-aria-CalendarCell[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--calendar.flow--calendar--range .react-aria-CalendarCell{position:relative;isolation:isolate}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected]:before{content:"";background:var(--calendar--cell-range-background-color);width:calc(100% + .375rem);height:100%;position:absolute;z-index:-1}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected]:after{content:"";width:100%;height:100%;position:absolute;z-index:-1;border-radius:var(--calendar--cell-corner-radius)}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected]:hover:after{background:var(--calendar--cell-background-color--hover)}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected][data-pressed]:after{background:var(--calendar--cell-background-color--pressed)}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected][data-selection-start]:after,.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected][data-selection-end]:after{background:var(--calendar--cell-background-color--selected)}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected][data-selection-start]:before{border-top-left-radius:var(--calendar--cell-corner-radius);border-bottom-left-radius:var(--calendar--cell-corner-radius);left:0}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected][data-selection-end]:before{border-top-right-radius:var(--calendar--cell-corner-radius);border-bottom-right-radius:var(--calendar--cell-corner-radius);right:0}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected]:not([data-selection-start]):not([data-selection-end]){color:var(--text--color--default);background:none}.flow--calendar.flow--calendar--range .react-aria-CalendarCell[data-selected][data-selection-start][data-selection-end]:before{display:none}
package/dist/css/Checkbox.css CHANGED
@@ -1 +1 @@
1
- .flow--checkbox{display:grid;column-gap:var(--checkbox--icon-to-text-spacing);grid-template-columns:auto 1fr;width:fit-content;border-radius:var(--corner-radius--default)}.flow--checkbox{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--checkbox[data-focused],.flow--checkbox:focus{outline-style:none}.flow--checkbox[data-focus-visible],.flow--checkbox:focus-visible{outline-style:auto}.flow--checkbox[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--checkbox .flow--checkbox--icon{color:var(--radio--icon-color--default)}.flow--checkbox[data-selected] .flow--checkbox--icon,.flow--checkbox[data-indeterminate] .flow--checkbox--icon{color:var(--checkbox--icon-color--selected)}.flow--checkbox[data-disabled]{color:var(--checkbox--color--disabled)}.flow--checkbox[data-disabled] .flow--checkbox--icon{color:var(--checkbox--icon-color--disabled)}
1
+ .flow--checkbox{display:grid;column-gap:var(--form-control--spacing-x);grid-template-columns:auto 1fr;width:fit-content}.flow--checkbox{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--checkbox[data-focused],.flow--checkbox:focus{outline-style:none}.flow--checkbox[data-focus-visible],.flow--checkbox:focus-visible{outline-style:auto}.flow--checkbox[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--checkbox .flow--checkbox--icon{color:var(--choice--icon-color--default)}.flow--checkbox[data-selected] .flow--checkbox--icon,.flow--checkbox[data-indeterminate] .flow--checkbox--icon{color:var(--choice--icon-color--selected)}.flow--checkbox[data-disabled]{color:var(--text--color--disabled)}.flow--checkbox[data-disabled] .flow--checkbox--icon{color:var(--choice--icon-color--disabled)}
package/dist/css/CheckboxButton.css CHANGED
@@ -1 +1 @@
1
- .flow--checkbox-button{display:grid;row-gap:var(--checkbox-button--text-to-text-spacing);column-gap:var(--checkbox-button--icon-to-text-spacing);grid-template-areas:"icon label";grid-template-columns:auto 1fr;width:fit-content;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--checkbox-button::placeholder{color:var(--form-control--placeholder-color--default)}.flow--checkbox-button:hover{background-color:var(--form-control--background-color--hover)}.flow--checkbox-button[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--checkbox-button:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--checkbox-button:focus-visible,.flow--checkbox-button:focus{outline:none}.flow--checkbox-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--checkbox-button:disabled,.flow--checkbox-button[data-disabled],[aria-disabled] .flow--checkbox-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--checkbox-button:disabled::placeholder,.flow--checkbox-button[data-disabled]::placeholder,[aria-disabled] .flow--checkbox-button::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--checkbox-button .flow--checkbox-button--label{grid-area:label}.flow--checkbox-button .flow--checkbox-button--content{grid-area:content}.flow--checkbox-button:has(.flow--checkbox-button--content){grid-template-areas:"icon label" ". content";grid-template-rows:auto 1fr}.flow--checkbox-button:has(.flow--checkbox-button--content) .flow--checkbox-button--label{font-weight:var(--checkbox-button--label-font-weight-with-content)}.flow--checkbox-button:focus-within:not([data-selected]):not([data-focus-visible]){border-color:var(--form-control--border-color--default)}.flow--checkbox-button[data-invalid]:not([data-selected]){border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}
1
+ .flow--checkbox-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;width:fit-content;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--checkbox-button::placeholder{color:var(--form-control--placeholder-color--default)}.flow--checkbox-button:hover{background-color:var(--form-control--background-color--hover)}.flow--checkbox-button[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--checkbox-button:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--checkbox-button:focus-visible,.flow--checkbox-button:focus{outline:none}.flow--checkbox-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--checkbox-button:disabled,.flow--checkbox-button[data-disabled],[aria-disabled] .flow--checkbox-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--checkbox-button:disabled::placeholder,.flow--checkbox-button[data-disabled]::placeholder,[aria-disabled] .flow--checkbox-button::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--checkbox-button .flow--checkbox-button--label{grid-area:label}.flow--checkbox-button .flow--checkbox-button--content{grid-area:content}.flow--checkbox-button:has(.flow--checkbox-button--content){grid-template-areas:"icon label" ". content";grid-template-rows:auto 1fr}.flow--checkbox-button:has(.flow--checkbox-button--content) .flow--checkbox-button--label{font-weight:var(--font-weight--bold)}.flow--checkbox-button:focus-within:not([data-selected]):not([data-focus-visible]){border-color:var(--form-control--border-color--default)}.flow--checkbox-button[data-invalid]:not([data-selected]){border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}
package/dist/css/CheckboxGroup.css CHANGED
@@ -1 +1 @@
1
- .flow--checkbox-group{order:2;display:flex;flex-direction:column;row-gap:var(--checkbox-group--checkbox-to-checkbox-spacing)}
1
+ .flow--checkbox-group{order:2;display:flex;flex-direction:column;row-gap:var(--form-control--spacing-y)}.flow--checkbox-group .flow--checkbox-button{width:auto}
package/dist/css/CodeBlock.css CHANGED
@@ -1 +1 @@
1
- .flow--code-block{display:flex;align-items:flex-start;justify-content:space-between;border-radius:var(--code-block--corner-radius);padding:var(--code-block--padding);column-gap:var(--code-block--code-to-button-spacing);font-size:var(--code-block--font-size);font-family:FiraCode,"monospace";overflow-x:auto;max-width:100%}.flow--code-block>pre>code{text-shadow:none}.flow--code-block:where(.flow--code-block--default){color:var(--code-block--default-content-color);background-color:var(--code-block--default-background-color)}.flow--code-block:where(.flow--code-block--default) .hljs-subst{color:var(--code-block--default-content-color)}.flow--code-block:where(.flow--code-block--default) .hljs-addition{color:var(--code-block--default-syntax-color-addition)}.flow--code-block:where(.flow--code-block--default) .hljs-built_in{color:var(--code-block--default-syntax-color-built-in)}.flow--code-block:where(.flow--code-block--default) .hljs-bullet{color:var(--code-block--default-syntax-color-bullet)}.flow--code-block:where(.flow--code-block--default) .hljs-code{color:var(--code-block--default-syntax-color-code)}.flow--code-block:where(.flow--code-block--default) .hljs-comment{color:var(--code-block--default-syntax-color-comment)}.flow--code-block:where(.flow--code-block--default) .hljs-deletion{color:var(--code-block--default-syntax-color-deletion)}.flow--code-block:where(.flow--code-block--default) .hljs-link{color:var(--code-block--default-syntax-color-link)}.flow--code-block:where(.flow--code-block--default) .hljs-literal{color:var(--code-block--default-syntax-color-literal)}.flow--code-block:where(.flow--code-block--default) .hljs-meta{color:var(--code-block--default-syntax-color-meta)}.flow--code-block:where(.flow--code-block--default) .hljs-meta-string{color:var(--code-block--default-syntax-color-meta-string)}.flow--code-block:where(.flow--code-block--default) .hljs-number{color:var(--code-block--default-syntax-color-number)}.flow--code-block:where(.flow--code-block--default) .hljs-quote{color:var(--code-block--default-syntax-color-quote)}.flow--code-block:where(.flow--code-block--default) .hljs-regexp{color:var(--code-block--default-syntax-color-regexp)}.flow--code-block:where(.flow--code-block--default) .hljs-section{color:var(--code-block--default-syntax-color-section)}.flow--code-block:where(.flow--code-block--default) .hljs-selector-attr{color:var(--code-block--default-syntax-color-selector-attr)}.flow--code-block:where(.flow--code-block--default) .hljs-selector-class{color:var(--code-block--default-syntax-color-selector-class)}.flow--code-block:where(.flow--code-block--default) .hljs-selector-id{color:var(--code-block--default-syntax-color-selector-id)}.flow--code-block:where(.flow--code-block--default) .hljs-selector-pseudo{color:var(--code-block--default-syntax-color-selector-pseudo)}.flow--code-block:where(.flow--code-block--default) .hljs-string{color:var(--code-block--default-syntax-color-string)}.flow--code-block:where(.flow--code-block--default) .hljs-symbol{color:var(--code-block--default-syntax-color-symbol)}.flow--code-block:where(.flow--code-block--default) .hljs-template-tag{color:var(--code-block--default-syntax-color-template-tag)}.flow--code-block:where(.flow--code-block--default) .hljs-template-variable{color:var(--code-block--default-syntax-color-template-variable)}.flow--code-block:where(.flow--code-block--default) .hljs-title{color:var(--code-block--default-syntax-color-title)}.flow--code-block:where(.flow--code-block--default) .hljs-type{color:var(--code-block--default-syntax-color-type)}.flow--code-block:where(.flow--code-block--default) .hljs-variable{color:var(--code-block--default-syntax-color-variable)}.flow--code-block:where(.flow--code-block--light){color:var(--code-block--light-content-color);background-color:var(--code-block--light-background-color)}.flow--code-block:where(.flow--code-block--light) .hljs-subst{color:var(--code-block--light-content-color)}.flow--code-block:where(.flow--code-block--light) .hljs-addition{color:var(--code-block--light-syntax-color-addition)}.flow--code-block:where(.flow--code-block--light) .hljs-built_in{color:var(--code-block--light-syntax-color-built-in)}.flow--code-block:where(.flow--code-block--light) .hljs-bullet{color:var(--code-block--light-syntax-color-bullet)}.flow--code-block:where(.flow--code-block--light) .hljs-code{color:var(--code-block--light-syntax-color-code)}.flow--code-block:where(.flow--code-block--light) .hljs-comment{color:var(--code-block--light-syntax-color-comment)}.flow--code-block:where(.flow--code-block--light) .hljs-deletion{color:var(--code-block--light-syntax-color-deletion)}.flow--code-block:where(.flow--code-block--light) .hljs-link{color:var(--code-block--light-syntax-color-link)}.flow--code-block:where(.flow--code-block--light) .hljs-literal{color:var(--code-block--light-syntax-color-literal)}.flow--code-block:where(.flow--code-block--light) .hljs-meta{color:var(--code-block--light-syntax-color-meta)}.flow--code-block:where(.flow--code-block--light) .hljs-meta-string{color:var(--code-block--light-syntax-color-meta-string)}.flow--code-block:where(.flow--code-block--light) .hljs-number{color:var(--code-block--light-syntax-color-number)}.flow--code-block:where(.flow--code-block--light) .hljs-quote{color:var(--code-block--light-syntax-color-quote)}.flow--code-block:where(.flow--code-block--light) .hljs-regexp{color:var(--code-block--light-syntax-color-regexp)}.flow--code-block:where(.flow--code-block--light) .hljs-section{color:var(--code-block--light-syntax-color-section)}.flow--code-block:where(.flow--code-block--light) .hljs-selector-attr{color:var(--code-block--light-syntax-color-selector-attr)}.flow--code-block:where(.flow--code-block--light) .hljs-selector-class{color:var(--code-block--light-syntax-color-selector-class)}.flow--code-block:where(.flow--code-block--light) .hljs-selector-id{color:var(--code-block--light-syntax-color-selector-id)}.flow--code-block:where(.flow--code-block--light) .hljs-selector-pseudo{color:var(--code-block--light-syntax-color-selector-pseudo)}.flow--code-block:where(.flow--code-block--light) .hljs-string{color:var(--code-block--light-syntax-color-string)}.flow--code-block:where(.flow--code-block--light) .hljs-symbol{color:var(--code-block--light-syntax-color-symbol)}.flow--code-block:where(.flow--code-block--light) .hljs-template-tag{color:var(--code-block--light-syntax-color-template-tag)}.flow--code-block:where(.flow--code-block--light) .hljs-template-variable{color:var(--code-block--light-syntax-color-template-variable)}.flow--code-block:where(.flow--code-block--light) .hljs-title{color:var(--code-block--light-syntax-color-title)}.flow--code-block:where(.flow--code-block--light) .hljs-type{color:var(--code-block--light-syntax-color-type)}.flow--code-block:where(.flow--code-block--light) .hljs-variable{color:var(--code-block--light-syntax-color-variable)}.flow--code-block:where(.flow--code-block--dark){color:var(--code-block--dark-content-color);background-color:var(--code-block--dark-background-color)}.flow--code-block:where(.flow--code-block--dark) .hljs-subst{color:var(--code-block--dark-content-color)}.flow--code-block:where(.flow--code-block--dark) .hljs-addition{color:var(--code-block--dark-syntax-color-addition)}.flow--code-block:where(.flow--code-block--dark) .hljs-built_in{color:var(--code-block--dark-syntax-color-built-in)}.flow--code-block:where(.flow--code-block--dark) .hljs-bullet{color:var(--code-block--dark-syntax-color-bullet)}.flow--code-block:where(.flow--code-block--dark) .hljs-code{color:var(--code-block--dark-syntax-color-code)}.flow--code-block:where(.flow--code-block--dark) .hljs-comment{color:var(--code-block--dark-syntax-color-comment)}.flow--code-block:where(.flow--code-block--dark) .hljs-deletion{color:var(--code-block--dark-syntax-color-deletion)}.flow--code-block:where(.flow--code-block--dark) .hljs-link{color:var(--code-block--dark-syntax-color-link)}.flow--code-block:where(.flow--code-block--dark) .hljs-literal{color:var(--code-block--dark-syntax-color-literal)}.flow--code-block:where(.flow--code-block--dark) .hljs-meta{color:var(--code-block--dark-syntax-color-meta)}.flow--code-block:where(.flow--code-block--dark) .hljs-meta-string{color:var(--code-block--dark-syntax-color-meta-string)}.flow--code-block:where(.flow--code-block--dark) .hljs-number{color:var(--code-block--dark-syntax-color-number)}.flow--code-block:where(.flow--code-block--dark) .hljs-quote{color:var(--code-block--dark-syntax-color-quote)}.flow--code-block:where(.flow--code-block--dark) .hljs-regexp{color:var(--code-block--dark-syntax-color-regexp)}.flow--code-block:where(.flow--code-block--dark) .hljs-section{color:var(--code-block--dark-syntax-color-section)}.flow--code-block:where(.flow--code-block--dark) .hljs-selector-attr{color:var(--code-block--dark-syntax-color-selector-attr)}.flow--code-block:where(.flow--code-block--dark) .hljs-selector-class{color:var(--code-block--dark-syntax-color-selector-class)}.flow--code-block:where(.flow--code-block--dark) .hljs-selector-id{color:var(--code-block--dark-syntax-color-selector-id)}.flow--code-block:where(.flow--code-block--dark) .hljs-selector-pseudo{color:var(--code-block--dark-syntax-color-selector-pseudo)}.flow--code-block:where(.flow--code-block--dark) .hljs-string{color:var(--code-block--dark-syntax-color-string)}.flow--code-block:where(.flow--code-block--dark) .hljs-symbol{color:var(--code-block--dark-syntax-color-symbol)}.flow--code-block:where(.flow--code-block--dark) .hljs-template-tag{color:var(--code-block--dark-syntax-color-template-tag)}.flow--code-block:where(.flow--code-block--dark) .hljs-template-variable{color:var(--code-block--dark-syntax-color-template-variable)}.flow--code-block:where(.flow--code-block--dark) .hljs-title{color:var(--code-block--dark-syntax-color-title)}.flow--code-block:where(.flow--code-block--dark) .hljs-type{color:var(--code-block--dark-syntax-color-type)}.flow--code-block:where(.flow--code-block--dark) .hljs-variable{color:var(--code-block--dark-syntax-color-variable)}
1
+ .flow--code-block{display:flex;align-items:flex-start;justify-content:space-between;border-radius:var(--code--corner-radius);padding:var(--code--padding);column-gap:var(--code--spacing);font-size:var(--code--font-size);font-family:FiraCode,"monospace";overflow-x:auto;max-width:100%}.flow--code-block>pre>code{text-shadow:none}.flow--code-block:where(.flow--code-block--default){color:var(--code--default-content-color);background-color:var(--code--default-background-color)}.flow--code-block:where(.flow--code-block--default) .hljs-subst{color:var(--code--default-content-color)}.flow--code-block:where(.flow--code-block--default) .hljs-addition{color:var(--code--default-syntax-color-addition)}.flow--code-block:where(.flow--code-block--default) .hljs-built_in{color:var(--code--default-syntax-color-built-in)}.flow--code-block:where(.flow--code-block--default) .hljs-bullet{color:var(--code--default-syntax-color-bullet)}.flow--code-block:where(.flow--code-block--default) .hljs-code{color:var(--code--default-syntax-color-code)}.flow--code-block:where(.flow--code-block--default) .hljs-comment{color:var(--code--default-syntax-color-comment)}.flow--code-block:where(.flow--code-block--default) .hljs-deletion{color:var(--code--default-syntax-color-deletion)}.flow--code-block:where(.flow--code-block--default) .hljs-link{color:var(--code--default-syntax-color-link)}.flow--code-block:where(.flow--code-block--default) .hljs-literal{color:var(--code--default-syntax-color-literal)}.flow--code-block:where(.flow--code-block--default) .hljs-meta{color:var(--code--default-syntax-color-meta)}.flow--code-block:where(.flow--code-block--default) .hljs-meta-string{color:var(--code--default-syntax-color-meta-string)}.flow--code-block:where(.flow--code-block--default) .hljs-number{color:var(--code--default-syntax-color-number)}.flow--code-block:where(.flow--code-block--default) .hljs-quote{color:var(--code--default-syntax-color-quote)}.flow--code-block:where(.flow--code-block--default) .hljs-regexp{color:var(--code--default-syntax-color-regexp)}.flow--code-block:where(.flow--code-block--default) .hljs-section{color:var(--code--default-syntax-color-section)}.flow--code-block:where(.flow--code-block--default) .hljs-selector-attr{color:var(--code--default-syntax-color-selector-attr)}.flow--code-block:where(.flow--code-block--default) .hljs-selector-class{color:var(--code--default-syntax-color-selector-class)}.flow--code-block:where(.flow--code-block--default) .hljs-selector-id{color:var(--code--default-syntax-color-selector-id)}.flow--code-block:where(.flow--code-block--default) .hljs-selector-pseudo{color:var(--code--default-syntax-color-selector-pseudo)}.flow--code-block:where(.flow--code-block--default) .hljs-string{color:var(--code--default-syntax-color-string)}.flow--code-block:where(.flow--code-block--default) .hljs-symbol{color:var(--code--default-syntax-color-symbol)}.flow--code-block:where(.flow--code-block--default) .hljs-template-tag{color:var(--code--default-syntax-color-template-tag)}.flow--code-block:where(.flow--code-block--default) .hljs-template-variable{color:var(--code--default-syntax-color-template-variable)}.flow--code-block:where(.flow--code-block--default) .hljs-title{color:var(--code--default-syntax-color-title)}.flow--code-block:where(.flow--code-block--default) .hljs-type{color:var(--code--default-syntax-color-type)}.flow--code-block:where(.flow--code-block--default) .hljs-variable{color:var(--code--default-syntax-color-variable)}.flow--code-block:where(.flow--code-block--light){color:var(--code--light-content-color);background-color:var(--code--light-background-color)}.flow--code-block:where(.flow--code-block--light) .hljs-subst{color:var(--code--light-content-color)}.flow--code-block:where(.flow--code-block--light) .hljs-addition{color:var(--code--light-syntax-color-addition)}.flow--code-block:where(.flow--code-block--light) .hljs-built_in{color:var(--code--light-syntax-color-built-in)}.flow--code-block:where(.flow--code-block--light) .hljs-bullet{color:var(--code--light-syntax-color-bullet)}.flow--code-block:where(.flow--code-block--light) .hljs-code{color:var(--code--light-syntax-color-code)}.flow--code-block:where(.flow--code-block--light) .hljs-comment{color:var(--code--light-syntax-color-comment)}.flow--code-block:where(.flow--code-block--light) .hljs-deletion{color:var(--code--light-syntax-color-deletion)}.flow--code-block:where(.flow--code-block--light) .hljs-link{color:var(--code--light-syntax-color-link)}.flow--code-block:where(.flow--code-block--light) .hljs-literal{color:var(--code--light-syntax-color-literal)}.flow--code-block:where(.flow--code-block--light) .hljs-meta{color:var(--code--light-syntax-color-meta)}.flow--code-block:where(.flow--code-block--light) .hljs-meta-string{color:var(--code--light-syntax-color-meta-string)}.flow--code-block:where(.flow--code-block--light) .hljs-number{color:var(--code--light-syntax-color-number)}.flow--code-block:where(.flow--code-block--light) .hljs-quote{color:var(--code--light-syntax-color-quote)}.flow--code-block:where(.flow--code-block--light) .hljs-regexp{color:var(--code--light-syntax-color-regexp)}.flow--code-block:where(.flow--code-block--light) .hljs-section{color:var(--code--light-syntax-color-section)}.flow--code-block:where(.flow--code-block--light) .hljs-selector-attr{color:var(--code--light-syntax-color-selector-attr)}.flow--code-block:where(.flow--code-block--light) .hljs-selector-class{color:var(--code--light-syntax-color-selector-class)}.flow--code-block:where(.flow--code-block--light) .hljs-selector-id{color:var(--code--light-syntax-color-selector-id)}.flow--code-block:where(.flow--code-block--light) .hljs-selector-pseudo{color:var(--code--light-syntax-color-selector-pseudo)}.flow--code-block:where(.flow--code-block--light) .hljs-string{color:var(--code--light-syntax-color-string)}.flow--code-block:where(.flow--code-block--light) .hljs-symbol{color:var(--code--light-syntax-color-symbol)}.flow--code-block:where(.flow--code-block--light) .hljs-template-tag{color:var(--code--light-syntax-color-template-tag)}.flow--code-block:where(.flow--code-block--light) .hljs-template-variable{color:var(--code--light-syntax-color-template-variable)}.flow--code-block:where(.flow--code-block--light) .hljs-title{color:var(--code--light-syntax-color-title)}.flow--code-block:where(.flow--code-block--light) .hljs-type{color:var(--code--light-syntax-color-type)}.flow--code-block:where(.flow--code-block--light) .hljs-variable{color:var(--code--light-syntax-color-variable)}.flow--code-block:where(.flow--code-block--dark){color:var(--code--dark-content-color);background-color:var(--code--dark-background-color)}.flow--code-block:where(.flow--code-block--dark) .hljs-subst{color:var(--code--dark-content-color)}.flow--code-block:where(.flow--code-block--dark) .hljs-addition{color:var(--code--dark-syntax-color-addition)}.flow--code-block:where(.flow--code-block--dark) .hljs-built_in{color:var(--code--dark-syntax-color-built-in)}.flow--code-block:where(.flow--code-block--dark) .hljs-bullet{color:var(--code--dark-syntax-color-bullet)}.flow--code-block:where(.flow--code-block--dark) .hljs-code{color:var(--code--dark-syntax-color-code)}.flow--code-block:where(.flow--code-block--dark) .hljs-comment{color:var(--code--dark-syntax-color-comment)}.flow--code-block:where(.flow--code-block--dark) .hljs-deletion{color:var(--code--dark-syntax-color-deletion)}.flow--code-block:where(.flow--code-block--dark) .hljs-link{color:var(--code--dark-syntax-color-link)}.flow--code-block:where(.flow--code-block--dark) .hljs-literal{color:var(--code--dark-syntax-color-literal)}.flow--code-block:where(.flow--code-block--dark) .hljs-meta{color:var(--code--dark-syntax-color-meta)}.flow--code-block:where(.flow--code-block--dark) .hljs-meta-string{color:var(--code--dark-syntax-color-meta-string)}.flow--code-block:where(.flow--code-block--dark) .hljs-number{color:var(--code--dark-syntax-color-number)}.flow--code-block:where(.flow--code-block--dark) .hljs-quote{color:var(--code--dark-syntax-color-quote)}.flow--code-block:where(.flow--code-block--dark) .hljs-regexp{color:var(--code--dark-syntax-color-regexp)}.flow--code-block:where(.flow--code-block--dark) .hljs-section{color:var(--code--dark-syntax-color-section)}.flow--code-block:where(.flow--code-block--dark) .hljs-selector-attr{color:var(--code--dark-syntax-color-selector-attr)}.flow--code-block:where(.flow--code-block--dark) .hljs-selector-class{color:var(--code--dark-syntax-color-selector-class)}.flow--code-block:where(.flow--code-block--dark) .hljs-selector-id{color:var(--code--dark-syntax-color-selector-id)}.flow--code-block:where(.flow--code-block--dark) .hljs-selector-pseudo{color:var(--code--dark-syntax-color-selector-pseudo)}.flow--code-block:where(.flow--code-block--dark) .hljs-string{color:var(--code--dark-syntax-color-string)}.flow--code-block:where(.flow--code-block--dark) .hljs-symbol{color:var(--code--dark-syntax-color-symbol)}.flow--code-block:where(.flow--code-block--dark) .hljs-template-tag{color:var(--code--dark-syntax-color-template-tag)}.flow--code-block:where(.flow--code-block--dark) .hljs-template-variable{color:var(--code--dark-syntax-color-template-variable)}.flow--code-block:where(.flow--code-block--dark) .hljs-title{color:var(--code--dark-syntax-color-title)}.flow--code-block:where(.flow--code-block--dark) .hljs-type{color:var(--code--dark-syntax-color-type)}.flow--code-block:where(.flow--code-block--dark) .hljs-variable{color:var(--code--dark-syntax-color-variable)}
package/dist/css/DatePicker.css CHANGED
@@ -1 +1 @@
1
- .flow--date-picker--date-input{display:flex;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--date-picker--date-input::placeholder{color:var(--form-control--placeholder-color--default)}.flow--date-picker--date-input:hover{background-color:var(--form-control--background-color--hover)}.flow--date-picker--date-input[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--date-picker--date-input:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--date-picker--date-input:focus-visible,.flow--date-picker--date-input:focus{outline:none}.flow--date-picker--date-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--date-picker--date-input:disabled,.flow--date-picker--date-input[data-disabled],[aria-disabled] .flow--date-picker--date-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--date-picker--date-input:disabled::placeholder,.flow--date-picker--date-input[data-disabled]::placeholder,[aria-disabled] .flow--date-picker--date-input::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--date-picker--date-input .react-aria-DateInput{display:flex;flex-grow:1}.flow--date-picker--date-input .react-aria-DateSegment{border-radius:var(--date-picker--date-segment-corner-radius)}.flow--date-picker--date-input .react-aria-DateSegment:focus{background:var(--date-picker--date-segment-background-color--focused);outline:none}.flow--date-picker--date-input .flow--button{margin-block:calc((var(--form-control--padding-y) - 1px) * -1);margin-inline-end:calc(var(--form-control--padding-x) * -1);padding:calc(var(--button--padding) - var(--form-control--border-width))}
1
+ .flow--date-picker--date-input{display:flex;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--date-picker--date-input::placeholder{color:var(--form-control--placeholder-color--default)}.flow--date-picker--date-input:hover{background-color:var(--form-control--background-color--hover)}.flow--date-picker--date-input[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--date-picker--date-input:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--date-picker--date-input:focus-visible,.flow--date-picker--date-input:focus{outline:none}.flow--date-picker--date-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--date-picker--date-input:disabled,.flow--date-picker--date-input[data-disabled],[aria-disabled] .flow--date-picker--date-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--date-picker--date-input:disabled::placeholder,.flow--date-picker--date-input[data-disabled]::placeholder,[aria-disabled] .flow--date-picker--date-input::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--date-picker--date-input .react-aria-DateInput{display:flex;flex-grow:1}.flow--date-picker--date-input .react-aria-DateSegment{border-radius:var(--date-picker--date-segment-corner-radius)}.flow--date-picker--date-input .react-aria-DateSegment:focus{background:var(--date-picker--date-segment-background-color--focused);outline:none}.flow--date-picker--date-input .flow--button{margin-block:calc((var(--form-control--padding-y) - 1px) * -1);margin-inline-end:calc(var(--form-control--padding-x) * -1);padding:calc(var(--button--padding-icon-only) - var(--form-control--border-width))}
package/dist/css/DateRangePicker.css CHANGED
@@ -1 +1 @@
1
- .flow--date-range-picker--date-range-input{display:flex;justify-content:space-between;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--date-range-picker--date-range-input::placeholder{color:var(--form-control--placeholder-color--default)}.flow--date-range-picker--date-range-input:hover{background-color:var(--form-control--background-color--hover)}.flow--date-range-picker--date-range-input[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--date-range-picker--date-range-input:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--date-range-picker--date-range-input:focus-visible,.flow--date-range-picker--date-range-input:focus{outline:none}.flow--date-range-picker--date-range-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--date-range-picker--date-range-input:disabled,.flow--date-range-picker--date-range-input[data-disabled],[aria-disabled] .flow--date-range-picker--date-range-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--date-range-picker--date-range-input:disabled::placeholder,.flow--date-range-picker--date-range-input[data-disabled]::placeholder,[aria-disabled] .flow--date-range-picker--date-range-input::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--date-range-picker--date-range-input>div{display:flex;align-items:center}.flow--date-range-picker--date-range-input .react-aria-DateInput{display:flex}.flow--date-range-picker--date-range-input .react-aria-DateSegment{border-radius:var(--date-picker--date-segment-corner-radius)}.flow--date-range-picker--date-range-input .react-aria-DateSegment:focus{background:var(--date-picker--date-segment-background-color--focused);outline:none}.flow--date-range-picker--date-range-input>span{display:flex;align-items:center}.flow--date-range-picker--date-range-input .react-aria-DateInput:first-of-type{padding-inline-end:2px}.flow--date-range-picker--date-range-input .react-aria-DateInput:last-of-type{padding-inline-start:2px}.flow--date-range-picker--date-range-input .flow--button{margin-block:calc((var(--form-control--padding-y) - 1px) * -1);margin-inline-end:calc(var(--form-control--padding-x) * -1);padding:calc(var(--button--padding) - var(--form-control--border-width))}
1
+ .flow--date-range-picker--date-range-input{display:flex;justify-content:space-between;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--date-range-picker--date-range-input::placeholder{color:var(--form-control--placeholder-color--default)}.flow--date-range-picker--date-range-input:hover{background-color:var(--form-control--background-color--hover)}.flow--date-range-picker--date-range-input[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--date-range-picker--date-range-input:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--date-range-picker--date-range-input:focus-visible,.flow--date-range-picker--date-range-input:focus{outline:none}.flow--date-range-picker--date-range-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--date-range-picker--date-range-input:disabled,.flow--date-range-picker--date-range-input[data-disabled],[aria-disabled] .flow--date-range-picker--date-range-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--date-range-picker--date-range-input:disabled::placeholder,.flow--date-range-picker--date-range-input[data-disabled]::placeholder,[aria-disabled] .flow--date-range-picker--date-range-input::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--date-range-picker--date-range-input>div{display:flex;align-items:center}.flow--date-range-picker--date-range-input .react-aria-DateInput{display:flex}.flow--date-range-picker--date-range-input .react-aria-DateSegment{border-radius:var(--date-picker--date-segment-corner-radius)}.flow--date-range-picker--date-range-input .react-aria-DateSegment:focus{background:var(--date-picker--date-segment-background-color--focused);outline:none}.flow--date-range-picker--date-range-input>span{display:flex;align-items:center}.flow--date-range-picker--date-range-input .react-aria-DateInput:first-of-type{padding-inline-end:2px}.flow--date-range-picker--date-range-input .react-aria-DateInput:last-of-type{padding-inline-start:2px}.flow--date-range-picker--date-range-input .flow--button{margin-block:calc((var(--form-control--padding-y) - 1px) * -1);margin-inline-end:calc(var(--form-control--padding-x) * -1);padding:calc(var(--button--padding-icon-only) - var(--form-control--border-width))}
package/dist/css/FieldDescription.css CHANGED
@@ -1 +1 @@
1
- .flow--field-description{color:var(--field-description--color);font-size:var(--field-description--font-size)}
1
+ .flow--field-description{font-size:var(--field-description--font-size)}
package/dist/css/FieldError.css CHANGED
@@ -1 +1 @@
1
- .flow--field-error{color:var(--field-error--color);font-size:var(--field-error--font-size);display:flex;align-items:center;column-gap:var(--field-error--icon-to-text-spacing)}
1
+ .flow--field-error{color:var(--field-error--color);font-size:var(--field-error--font-size);display:flex;align-items:center;column-gap:var(--field-error--spacing)}
package/dist/css/Heading.css CHANGED
@@ -1 +1 @@
1
- .flow--heading{color:var(--heading--color);font-size:var(--font-size);font-weight:var(--heading--font-weight);--heading-line-height: calc(var(--font-size) * var(--line-height--default))}.flow--heading.flow--heading--dark{color:var(--heading--color-dark)}.flow--heading.flow--heading--light{color:var(--heading--color-light)}.flow--heading .flow--heading--heading-text .flow--heading--icon,.flow--heading .flow--heading--heading-text>.flow--alert-icon{height:var(--heading-line-height);width:var(--heading-line-height);vertical-align:bottom;display:inline-block;margin-inline-end:var(--heading--icon-to-text-spacing)}.flow--heading .flow--heading--heading-text:not(:last-child)+.flow--heading--heading-content:not(:empty){margin-inline-end:var(--heading--icon-to-text-spacing)}.flow--heading .flow--heading--heading-content{vertical-align:bottom;display:inline-flex;height:var(--heading-line-height);align-items:center;column-gap:var(--heading--icon-to-text-spacing)}.flow--heading .flow--heading--heading-content:empty{display:none}.flow--heading:where(h1){--font-size: var(--heading-font-size--xl)}.flow--heading:where(h2){--font-size: var(--heading-font-size--m)}.flow--heading:where(h3){--font-size: var(--heading-font-size--s)}.flow--heading:where(h4),.flow--heading:where(h5),.flow--heading:where(h6){--font-size: var(--heading-font-size--xs)}.flow--heading.flow--heading--xs{--font-size: var(--heading-font-size--xs)}.flow--heading.flow--heading--s{--font-size: var(--heading-font-size--s)}.flow--heading.flow--heading--m{--font-size: var(--heading-font-size--m)}.flow--heading.flow--heading--l{--font-size: var(--heading-font-size--l)}.flow--heading.flow--heading--xl{--font-size: var(--heading-font-size--xl)}.flow--heading.flow--heading--xxl{--font-size: var(--heading-font-size--xxl)}@media (max-width: 550px){.flow--heading:where(h1){--font-size: var(--heading-font-size--l)}}
1
+ .flow--heading{color:var(--heading--color);font-size:var(--font-size);font-weight:var(--heading--font-weight);--heading-line-height: calc(var(--font-size) * var(--line-height--default))}.flow--heading.flow--heading--dark{color:var(--heading--color-dark)}.flow--heading.flow--heading--light{color:var(--heading--color-light)}.flow--heading .flow--heading--heading-text .flow--heading--icon,.flow--heading .flow--heading--heading-text>.flow--alert-icon{height:var(--heading-line-height);width:var(--heading-line-height);vertical-align:bottom;display:inline-block;margin-inline-end:var(--heading--icon-to-text-spacing)}.flow--heading .flow--heading--heading-text:not(:last-child):has(+.flow--heading--heading-content:not(:empty)){margin-inline-end:var(--heading--icon-to-text-spacing)}.flow--heading .flow--heading--heading-content{vertical-align:bottom;display:inline-flex;height:var(--heading-line-height);align-items:center;column-gap:var(--heading--icon-to-text-spacing)}.flow--heading .flow--heading--heading-content:empty{display:none}.flow--heading:where(h1){--font-size: var(--font-size-heading--xl)}.flow--heading:where(h2){--font-size: var(--font-size-heading--m)}.flow--heading:where(h3){--font-size: var(--font-size-heading--s)}.flow--heading:where(h4),.flow--heading:where(h5),.flow--heading:where(h6){--font-size: var(--font-size-heading--xs)}.flow--heading.flow--heading--xs{--font-size: var(--font-size-heading--xs)}.flow--heading.flow--heading--s{--font-size: var(--font-size-heading--s)}.flow--heading.flow--heading--m{--font-size: var(--font-size-heading--m)}.flow--heading.flow--heading--l{--font-size: var(--font-size-heading--l)}.flow--heading.flow--heading--xl{--font-size: var(--font-size-heading--xl)}.flow--heading.flow--heading--xxl{--font-size: var(--font-size-heading--xxl)}@media (max-width: 550px){.flow--heading:where(h1){--font-size: var(--font-size-heading--l)}}
package/dist/css/Icon.css CHANGED
@@ -1 +1 @@
1
- .flow--icon{flex-shrink:0;max-width:none;display:inline-block}.flow--icon:where(.flow--icon--size-m,.flow--icon){width:var(--icon--size--m);height:var(--icon--size--m)}.flow--icon:where(.flow--icon--size-s){width:var(--icon--size--s);height:var(--icon--size--s)}.flow--icon:where(.flow--icon--size-l){width:var(--icon--size--l);height:var(--icon--size--l)}.flow--icon.flow--icon--light{color:var(--icon--color--light)}.flow--icon.flow--icon--dark{color:var(--icon--color--dark)}
1
+ .flow--icon{flex-shrink:0;max-width:none;display:inline-block}.flow--icon:where(.flow--icon--size-m,.flow--icon){width:var(--icon--size--m);height:var(--icon--size--m)}.flow--icon:where(.flow--icon--size-s){width:var(--icon--size--s);height:var(--icon--size--s)}.flow--icon:where(.flow--icon--size-l){width:var(--icon--size--l);height:var(--icon--size--l)}
package/dist/css/IllustratedMessage.css CHANGED
@@ -1 +1 @@
1
- .flow--illustrated-message--illustrated-message-container{container-type:inline-size}.flow--illustrated-message{display:flex;flex-direction:column;align-items:center;padding:var(--illustrated-message--padding)}@container (max-width: 550px){.flow--illustrated-message{padding:var(--illustrated-message--padding--mobile)}}.flow--illustrated-message :where(.flow--illustrated-message--icon){color:var(--illustrated-message--info-icon-color);margin-bottom:var(--illustrated-message--icon-to-heading-spacing)}.flow--illustrated-message .flow--illustrated-message--heading{margin-bottom:var(--illustrated-message--heading-to-text-spacing);text-align:center}.flow--illustrated-message .flow--illustrated-message--text{margin-bottom:var(--illustrated-message--text-to-button-spacing);text-align:center}.flow--illustrated-message .flow--illustrated-message--action-group [role=group]{justify-content:center}.flow--illustrated-message .flow--illustrated-message--action-group [role=group] button{margin:0}.flow--illustrated-message.flow--illustrated-message--negative :where(.flow--illustrated-message--icon){color:var(--illustrated-message--negative-icon-color)}.flow--illustrated-message.flow--illustrated-message--negative .flow--illustrated-message--heading{color:var(--illustrated-message--negative-heading-color)}
1
+ .flow--illustrated-message--illustrated-message-container{container-type:inline-size}.flow--illustrated-message{display:flex;flex-direction:column;align-items:center;padding:var(--illustrated-message--padding);row-gap:var(--illustrated-message--spacing)}.flow--illustrated-message :where(.flow--illustrated-message--icon){color:var(--illustrated-message--info-icon-color);margin-bottom:var(--illustrated-message--icon-to-heading-spacing)}.flow--illustrated-message .flow--illustrated-message--text,.flow--illustrated-message .flow--illustrated-message--heading{max-width:var(--text--max-width);text-align:center}.flow--illustrated-message .flow--illustrated-message--action-group [role=group]{justify-content:center}.flow--illustrated-message .flow--illustrated-message--action-group [role=group] button{margin:0}.flow--illustrated-message.flow--illustrated-message--primary :where(.flow--illustrated-message--icon){color:var(--illustrated-message--primary-icon-color)}.flow--illustrated-message.flow--illustrated-message--primary .flow--illustrated-message--heading{color:var(--illustrated-message--primary-heading-color)}.flow--illustrated-message.flow--illustrated-message--danger :where(.flow--illustrated-message--icon){color:var(--illustrated-message--danger-icon-color)}.flow--illustrated-message.flow--illustrated-message--danger .flow--illustrated-message--heading{color:var(--illustrated-message--danger-heading-color)}.flow--illustrated-message.flow--illustrated-message--dark :where(.flow--illustrated-message--icon){color:var(--illustrated-message--dark-icon-color)}.flow--illustrated-message.flow--illustrated-message--dark .flow--illustrated-message--heading{color:var(--illustrated-message--dark-heading-color)}.flow--illustrated-message.flow--illustrated-message--light :where(.flow--illustrated-message--icon){color:var(--illustrated-message--light-icon-color)}.flow--illustrated-message.flow--illustrated-message--light .flow--illustrated-message--heading{color:var(--illustrated-message--light-heading-color)}
package/dist/css/Initials.css CHANGED
@@ -1 +1 @@
1
- .flow--initials{display:flex;font-weight:700}.flow--initials *:nth-child(odd){color:var(--content-color)}
1
+ .flow--initials{display:flex;font-weight:var(--initials--font-weight)}.flow--initials *:nth-child(2n){color:var(--content-accent-color)}
package/dist/css/InlineCode.css CHANGED
@@ -1 +1 @@
1
- .flow--inline-code{font-family:FiraCode,"monospace";font-size:var(--inline-code--font-size);line-height:var(--inline-code--line-height);word-wrap:break-word;background-color:var(--inline-code--background-color);padding-inline:var(--inline-code--padding-x);border-radius:var(--inline-code--corner-radius);display:inline-block;max-width:fit-content}.flow--inline-code:where(.flow--inline-code--neutral){color:var(--inline-code--neutral-content-color);background-color:var(--inline-code--neutral-background-color)}.flow--inline-code:where(.flow--inline-code--light){color:var(--inline-code--light-content-color);background-color:var(--inline-code--light-background-color)}.flow--inline-code:where(.flow--inline-code--dark){color:var(--inline-code--dark-content-color);background-color:var(--inline-code--dark-background-color)}
1
+ .flow--inline-code{font-family:FiraCode,"monospace";font-size:var(--code--font-size);line-height:var(--code--line-height);word-wrap:break-word;background-color:var(--code--background-color);padding-inline:var(--code--padding-x);border-radius:var(--code--corner-radius);display:inline-block;width:fit-content;max-width:100%}.flow--inline-code:where(.flow--inline-code--default){color:var(--code--default-content-color);background-color:var(--code--default-background-color)}.flow--inline-code:where(.flow--inline-code--light){color:var(--code--light-content-color);background-color:var(--code--light-background-color)}.flow--inline-code:where(.flow--inline-code--dark){color:var(--code--dark-content-color);background-color:var(--code--dark-background-color)}
package/dist/css/Label.css CHANGED
@@ -1 +1 @@
1
- .flow--label{color:var(--label--color--default);font-size:var(--label--font-size);font-weight:var(--label--font-weight);line-height:var(--label--line-height);display:inline-flex;align-items:center;column-gap:var(--label--content-to-content-spacing)}.flow--label.flow--label--disabled{color:var(--label--color--disabled)}
1
+ .flow--label{color:var(--label--color--default);font-size:var(--label--font-size);font-weight:var(--label--font-weight);line-height:var(--label--line-height);display:inline-flex;align-items:center;column-gap:var(--label--spacing)}.flow--label.flow--label--disabled{color:var(--label--color--disabled)}
package/dist/css/LabeledValue.css CHANGED
@@ -1 +1 @@
1
- .flow--labeled-value{display:grid;grid-template-areas:"label" "value";row-gap:var(--labeled-value--label-to-value-spacing);column-gap:var(--labeled-value--value-to-button-spacing);grid-template-rows:auto 1fr}.flow--labeled-value:has(.flow--labeled-value--button){grid-template-areas:"label label " "value button";grid-template-columns:auto 1fr}.flow--labeled-value .flow--labeled-value--label{grid-area:label}.flow--labeled-value .flow--labeled-value--button{grid-area:button;align-self:start;justify-self:start}
1
+ .flow--labeled-value{display:grid;grid-template-areas:"label" "value";row-gap:var(--labeled-value--label-to-value-spacing);column-gap:var(--labeled-value--value-to-action-spacing);grid-template-rows:auto 1fr}.flow--labeled-value:has(.flow--labeled-value--button){grid-template-areas:"label label " "value button";grid-template-columns:auto 1fr}.flow--labeled-value .flow--labeled-value--label{grid-area:label}.flow--labeled-value .flow--labeled-value--button{grid-area:button;align-self:start;justify-self:start}
package/dist/css/Link.css CHANGED
@@ -1 +1 @@
1
- .flow--link{font-size:var(--link--font-size);line-height:var(--link--line-height);font-weight:var(--link--font-weight);transition-property:color;transition-duration:var(--transition--duration--default);color:var(--link--color--default);width:fit-content}.flow--link:hover{color:var(--link--color--hover)}.flow--link[data-pressed]{color:var(--link--color--pressed)}.flow--link{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--link[data-focused],.flow--link:focus{outline-style:none}.flow--link[data-focus-visible],.flow--link:focus-visible{outline-style:auto}.flow--link[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--link:not([aria-disabled]){cursor:pointer}.flow--link.flow--link--inline{font-weight:400;font-size:var(--font-size--default);text-decoration:underline}.flow--link .flow--link--icon{margin-inline-start:var(--link--text-to-icon-spacing);vertical-align:text-bottom}.flow--link[aria-disabled]{color:var(--link--color--disabled)}.flow--link:where(.flow--link--dark){color:var(--link--color-dark--default)}.flow--link:where(.flow--link--dark):hover{color:var(--link--color-dark--hover)}.flow--link:where(.flow--link--dark)[data-pressed]{color:var(--link--color-dark--pressed)}.flow--link:where(.flow--link--dark)[aria-disabled]{color:var(--link--color-dark--disabled)}.flow--link:where(.flow--link--light){color:var(--link--color-light--default)}.flow--link:where(.flow--link--light):hover{color:var(--link--color-light--hover)}.flow--link:where(.flow--link--light)[data-pressed]{color:var(--link--color-light--pressed)}.flow--link:where(.flow--link--light)[aria-disabled]{color:var(--link--color-light--disabled)}
1
+ .flow--link{font-size:var(--link--font-size);line-height:var(--link--line-height);font-weight:var(--link--font-weight);transition-property:color;transition-duration:var(--transition--duration--default);color:var(--link--color--default);width:fit-content}.flow--link:hover{color:var(--link--color--hover)}.flow--link[data-pressed]{color:var(--link--color--pressed)}.flow--link{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--link[data-focused],.flow--link:focus{outline-style:none}.flow--link[data-focus-visible],.flow--link:focus-visible{outline-style:auto}.flow--link[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--link:not([aria-disabled]){cursor:pointer}.flow--link.flow--link--inline{font-weight:400;font-size:var(--font-size-text--default);text-decoration:underline}.flow--link .flow--link--icon{margin-inline-start:var(--link--text-to-icon-spacing);vertical-align:text-bottom}.flow--link[aria-disabled]{color:var(--link--color--disabled)}.flow--link:where(.flow--link--dark){color:var(--link--color-dark--default)}.flow--link:where(.flow--link--dark):hover{color:var(--link--color-dark--hover)}.flow--link:where(.flow--link--dark)[data-pressed]{color:var(--link--color-dark--pressed)}.flow--link:where(.flow--link--dark)[aria-disabled]{color:var(--link--color-dark--disabled)}.flow--link:where(.flow--link--light){color:var(--link--color-light--default)}.flow--link:where(.flow--link--light):hover{color:var(--link--color-light--hover)}.flow--link:where(.flow--link--light)[data-pressed]{color:var(--link--color-light--pressed)}.flow--link:where(.flow--link--light)[aria-disabled]{color:var(--link--color-light--disabled)}