@mittwald/flow-react-components 0.1.0-alpha.424 → 0.1.0-alpha.425

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 (5) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/css/SegmentedControl.css +1 -1
  3. package/dist/js/all.css +1 -1
  4. package/dist/js/types/components/SegmentedControl/stories/Default.stories.d.ts +1 -0
  5. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,19 @@
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.425](https://github.com/mittwald/flow/compare/0.1.0-alpha.424...0.1.0-alpha.425) (2025-02-14)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **SegmentedControl:** fix disabled segments
11
+ ([#1174](https://github.com/mittwald/flow/issues/1174))
12
+ ([fdb3ff0](https://github.com/mittwald/flow/commit/fdb3ff07ae92fbc1e575267e4a493989d003d547))
13
+
14
+ # Change Log
15
+
16
+ All notable changes to this project will be documented in this file. See
17
+ [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
18
+
6
19
  # [0.1.0-alpha.424](https://github.com/mittwald/flow/compare/0.1.0-alpha.423...0.1.0-alpha.424) (2025-02-14)
7
20
 
8
21
  **Note:** Version bump only for package @mittwald/flow-react-components
package/dist/css/SegmentedControl.css CHANGED
@@ -1 +1 @@
1
- .flow--segmented-control{order:2;container-type:inline-size;isolation:isolate}.flow--segmented-control .flow--segmented-control--segments{display:flex;flex-wrap:nowrap;order:2}@container (max-width: 250px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xs .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xs .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xs .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xs .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}@container (max-width: 400px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-s .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-s .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-s .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-s .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}@container (max-width: 550px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-m .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-m .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-m .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-m .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}@container (max-width: 700px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-l .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-l .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-l .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-l .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}@container (max-width: 850px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xl .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xl .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xl .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xl .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}.flow--segmented-control--segment{flex:1;display:grid;column-gap:var(--form-control--spacing-x);grid-template-areas:"label checkmark";grid-template-columns:1fr auto;margin-right:-1px;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--segmented-control--segment::placeholder{color:var(--form-control--placeholder-color--default)}.flow--segmented-control--segment:hover{background-color:var(--form-control--background-color--hover)}.flow--segmented-control--segment[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--segmented-control--segment:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--segmented-control--segment:focus-visible,.flow--segmented-control--segment:focus{outline:none}.flow--segmented-control--segment[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--segmented-control--segment:disabled,.flow--segmented-control--segment[data-disabled],[aria-disabled] .flow--segmented-control--segment{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--segmented-control--segment:disabled::placeholder,.flow--segmented-control--segment[data-disabled]::placeholder,[aria-disabled] .flow--segmented-control--segment::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--segmented-control--segment{border-radius:0}.flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius)}.flow--segmented-control--segment:last-of-type{border-start-end-radius:var(--form-control--corner-radius);border-end-end-radius:var(--form-control--corner-radius);margin:0}.flow--segmented-control--segment .flow--segmented-control--segment--checkmark{grid-area:checkmark;display:none}.flow--segmented-control--segment[data-selected]{z-index:1}.flow--segmented-control--segment[data-selected] .flow--segmented-control--segment--checkmark{display:block}
1
+ .flow--segmented-control{order:2;container-type:inline-size;isolation:isolate}.flow--segmented-control .flow--segmented-control--segments{display:flex;flex-wrap:nowrap;order:2}@container (max-width: 250px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xs .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xs .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xs .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xs .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}@container (max-width: 400px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-s .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-s .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-s .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-s .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}@container (max-width: 550px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-m .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-m .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-m .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-m .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}@container (max-width: 700px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-l .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-l .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-l .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-l .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}@container (max-width: 850px){.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xl .flow--segmented-control .flow--segmented-control--segments{flex-direction:column}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xl .flow--segmented-control .flow--segmented-control--segment{margin-bottom:-1px;margin-right:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xl .flow--segmented-control .flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius);border-end-start-radius:0}.flow--segmented-control--segmented-control-container.flow--segmented-control--container-breakpoint-size-xl .flow--segmented-control .flow--segmented-control--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);border-start-end-radius:0;margin:0}}.flow--segmented-control--segment{flex:1;display:grid;column-gap:var(--form-control--spacing-x);grid-template-areas:"label checkmark";grid-template-columns:1fr auto;margin-right:-1px;z-index:1;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--segmented-control--segment::placeholder{color:var(--form-control--placeholder-color--default)}.flow--segmented-control--segment:hover{background-color:var(--form-control--background-color--hover)}.flow--segmented-control--segment[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--segmented-control--segment:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--segmented-control--segment:focus-visible,.flow--segmented-control--segment:focus{outline:none}.flow--segmented-control--segment[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--segmented-control--segment:disabled,.flow--segmented-control--segment[data-disabled],[aria-disabled] .flow--segmented-control--segment{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--segmented-control--segment:disabled::placeholder,.flow--segmented-control--segment[data-disabled]::placeholder,[aria-disabled] .flow--segmented-control--segment::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--segmented-control--segment{border-radius:0}.flow--segmented-control--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius)}.flow--segmented-control--segment:last-of-type{border-start-end-radius:var(--form-control--corner-radius);border-end-end-radius:var(--form-control--corner-radius);margin:0}.flow--segmented-control--segment .flow--segmented-control--segment--checkmark{grid-area:checkmark;display:none}.flow--segmented-control--segment[data-selected]{z-index:2}.flow--segmented-control--segment[data-selected] .flow--segmented-control--segment--checkmark{display:block}.flow--segmented-control--segment[data-disabled]{z-index:0}