@mittwald/flow-react-components 0.2.0-alpha.133 → 0.2.0-alpha.135

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.2.0-alpha.135](https://github.com/mittwald/flow/compare/0.2.0-alpha.134...0.2.0-alpha.135) (2025-04-09)
+
+### Features
+
+* **ProgressBar:** add segments ([#1353](https://github.com/mittwald/flow/issues/1353)) ([54784b8](https://github.com/mittwald/flow/commit/54784b89ac9a69e38a5d66dad06df4f900bf9c0f))
+
+# [0.2.0-alpha.134](https://github.com/mittwald/flow/compare/0.2.0-alpha.133...0.2.0-alpha.134) (2025-04-09)
+
+### Bug Fixes
+
+* **ComboBox:** fix default value + add react hook form stories ([#1352](https://github.com/mittwald/flow/issues/1352)) ([63be0ef](https://github.com/mittwald/flow/commit/63be0ef0973cbd50c0820a995d4a0e27344bbb2f))
+
 # [0.2.0-alpha.133](https://github.com/mittwald/flow/compare/0.2.0-alpha.132...0.2.0-alpha.133) (2025-04-08)
 
 ### Features

package/dist/assets/doc-properties.json

@@ -31401,7 +31401,7 @@
         "defaultValue": {
           "value": "\"m\""
         },
-        "description": "The size variant of the progress bar",
+        "description": "The size variant of the progress bar.",
         "name": "size",
         "parent": {
           "fileName": "src/components/ProgressBar/ProgressBar.tsx",
@@ -31415,7 +31415,47 @@
         ],
         "required": false,
         "type": {
-          "name": "\"s\" | \"m\""
+          "name": "\"s\" | \"m\" | \"l\""
+        }
+      },
+      "segments": {
+        "defaultValue": null,
+        "description": "Divides the fill of the progress bar into segments",
+        "name": "segments",
+        "parent": {
+          "fileName": "src/components/ProgressBar/ProgressBar.tsx",
+          "name": "ProgressBarProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/components/ProgressBar/ProgressBar.tsx",
+            "name": "ProgressBarProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "{ value: number; title: string; color?: \"sea-green\" | \"palatinate-blue\" | \"tangerine\" | \"magenta\" | \"tropical-indigo\" | \"malachite\" | \"azure\" | \"violet\" | \"yellow\" | \"alloy-orange\" | \"green\" | \"lime\"; }[]"
+        }
+      },
+      "showLegend": {
+        "defaultValue": {
+          "value": ":\ntrue"
+        },
+        "description": "Whether the legend component is shown when segments are used.",
+        "name": "showLegend",
+        "parent": {
+          "fileName": "src/components/ProgressBar/ProgressBar.tsx",
+          "name": "ProgressBarProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/components/ProgressBar/ProgressBar.tsx",
+            "name": "ProgressBarProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
         }
       },
       "className": {
@@ -63911,7 +63951,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"inherit\" | \"butt\" | \"round\" | \"square\""
+          "name": "\"inherit\" | \"round\" | \"butt\" | \"square\""
         }
       },
       "strokeLinejoin": {
@@ -67646,7 +67686,7 @@
     "tags": {
       "flr-generate": "all"
     },
-    "filePath": "src/components/Legend/Legend.tsx",
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/Legend/Legend.tsx",
     "description": "",
     "displayName": "Legend",
     "methods": [],
@@ -101674,7 +101714,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"inherit\" | \"butt\" | \"round\" | \"square\""
+          "name": "\"inherit\" | \"round\" | \"butt\" | \"square\""
         }
       },
       "strokeLinejoin": {
@@ -150411,7 +150451,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"plain\" | \"solid\" | \"soft\" | \"outline\""
+          "name": "\"solid\" | \"plain\" | \"soft\" | \"outline\""
         }
       },
       "isPending": {
@@ -163920,7 +163960,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"blue\" | \"violet\" | \"teal\" | \"lilac\""
+          "name": "\"violet\" | \"blue\" | \"teal\" | \"lilac\""
         }
       },
       "children": {
@@ -166483,7 +166523,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"plain\" | \"solid\" | \"soft\" | \"outline\""
+          "name": "\"solid\" | \"plain\" | \"soft\" | \"outline\""
         }
       },
       "size": {
@@ -167833,7 +167873,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"light\" | \"dark\" | \"blue\" | \"violet\" | \"teal\" | \"lilac\" | \"neutral\" | \"navy\" | \"green\" | \"orange\" | \"red\""
+          "name": "\"light\" | \"dark\" | \"neutral\" | \"violet\" | \"green\" | \"blue\" | \"teal\" | \"lilac\" | \"navy\" | \"orange\" | \"red\""
         }
       },
       "isDisabled": {
@@ -168118,7 +168158,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"blue\" | \"violet\" | \"teal\" | \"lilac\" | \"green\""
+          "name": "\"violet\" | \"green\" | \"blue\" | \"teal\" | \"lilac\""
         }
       },
       "children": {
@@ -175306,7 +175346,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"inherit\" | \"butt\" | \"round\" | \"square\""
+          "name": "\"inherit\" | \"round\" | \"butt\" | \"square\""
         }
       },
       "strokeLinejoin": {
@@ -189130,7 +189170,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"blue\" | \"neutral\" | \"green\" | \"gradient\""
+          "name": "\"neutral\" | \"green\" | \"gradient\" | \"blue\""
         }
       },
       "children": {
@@ -194447,6 +194487,231 @@
       }
     }
   },
+  {
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/ProgressBar/components/ProgressBarValue.tsx",
+    "description": "",
+    "displayName": "ProgressBarValue",
+    "methods": [],
+    "props": {
+      "valueText": {
+        "defaultValue": null,
+        "description": "",
+        "name": "valueText",
+        "parent": {
+          "fileName": "components/src/components/ProgressBar/components/ProgressBarValue.tsx",
+          "name": "Props"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/ProgressBar/components/ProgressBarValue.tsx",
+            "name": "Props"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "maxValue": {
+        "defaultValue": {
+          "value": "100"
+        },
+        "description": "The largest value allowed for the input.",
+        "name": "maxValue",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@react-types+progress@3.5.10_react@19.0.0/node_modules/@react-types/progress/src/index.d.ts",
+          "name": "ProgressBaseProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@react-types+progress@3.5.10_react@19.0.0/node_modules/@react-types/progress/src/index.d.ts",
+            "name": "ProgressBaseProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "formatOptions": {
+        "defaultValue": {
+          "value": "{style: 'percent'}"
+        },
+        "description": "The display format of the value label.",
+        "name": "formatOptions",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@react-types+progress@3.5.10_react@19.0.0/node_modules/@react-types/progress/src/index.d.ts",
+          "name": "ProgressBarBaseProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@react-types+progress@3.5.10_react@19.0.0/node_modules/@react-types/progress/src/index.d.ts",
+            "name": "ProgressBarBaseProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "NumberFormatOptions"
+        }
+      },
+      "showMaxValue": {
+        "defaultValue": null,
+        "description": "Whether the max value should be displayed.",
+        "name": "showMaxValue",
+        "parent": {
+          "fileName": "src/components/ProgressBar/ProgressBar.tsx",
+          "name": "ProgressBarProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/components/ProgressBar/ProgressBar.tsx",
+            "name": "ProgressBarProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      }
+    }
+  },
+  {
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/ProgressBar/components/ProgressBarLegend.tsx",
+    "description": "",
+    "displayName": "ProgressBarLegend",
+    "methods": [],
+    "props": {
+      "formatOptions": {
+        "defaultValue": {
+          "value": "{style: 'percent'}"
+        },
+        "description": "The display format of the value label.",
+        "name": "formatOptions",
+        "parent": {
+          "fileName": "flow/node_modules/.pnpm/@react-types+progress@3.5.10_react@19.0.0/node_modules/@react-types/progress/src/index.d.ts",
+          "name": "ProgressBarBaseProps"
+        },
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/@react-types+progress@3.5.10_react@19.0.0/node_modules/@react-types/progress/src/index.d.ts",
+            "name": "ProgressBarBaseProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "NumberFormatOptions"
+        }
+      },
+      "segments": {
+        "defaultValue": null,
+        "description": "Divides the fill of the progress bar into segments",
+        "name": "segments",
+        "parent": {
+          "fileName": "src/components/ProgressBar/ProgressBar.tsx",
+          "name": "ProgressBarProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/components/ProgressBar/ProgressBar.tsx",
+            "name": "ProgressBarProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "{ value: number; title: string; color?: \"sea-green\" | \"palatinate-blue\" | \"tangerine\" | \"magenta\" | \"tropical-indigo\" | \"malachite\" | \"azure\" | \"violet\" | \"yellow\" | \"alloy-orange\" | \"green\" | \"lime\"; }[]"
+        }
+      },
+      "showLegend": {
+        "defaultValue": {
+          "value": ":\ntrue"
+        },
+        "description": "Whether the legend component is shown when segments are used.",
+        "name": "showLegend",
+        "parent": {
+          "fileName": "src/components/ProgressBar/ProgressBar.tsx",
+          "name": "ProgressBarProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/components/ProgressBar/ProgressBar.tsx",
+            "name": "ProgressBarProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      }
+    }
+  },
+  {
+    "tags": {},
+    "filePath": "/home/runner/work/flow/flow/packages/components/src/components/ProgressBar/components/ProgressBarBar.tsx",
+    "description": "",
+    "displayName": "ProgressBarBar",
+    "methods": [],
+    "props": {
+      "percentage": {
+        "defaultValue": null,
+        "description": "",
+        "name": "percentage",
+        "parent": {
+          "fileName": "components/src/components/ProgressBar/components/ProgressBarBar.tsx",
+          "name": "Props"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/ProgressBar/components/ProgressBarBar.tsx",
+            "name": "Props"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "segmentsTotalValue": {
+        "defaultValue": null,
+        "description": "",
+        "name": "segmentsTotalValue",
+        "parent": {
+          "fileName": "components/src/components/ProgressBar/components/ProgressBarBar.tsx",
+          "name": "Props"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/components/ProgressBar/components/ProgressBarBar.tsx",
+            "name": "Props"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "segments": {
+        "defaultValue": null,
+        "description": "Divides the fill of the progress bar into segments",
+        "name": "segments",
+        "parent": {
+          "fileName": "src/components/ProgressBar/ProgressBar.tsx",
+          "name": "ProgressBarProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/components/ProgressBar/ProgressBar.tsx",
+            "name": "ProgressBarProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "{ value: number; title: string; color?: \"sea-green\" | \"palatinate-blue\" | \"tangerine\" | \"magenta\" | \"tropical-indigo\" | \"malachite\" | \"azure\" | \"violet\" | \"yellow\" | \"alloy-orange\" | \"green\" | \"lime\"; }[]"
+        }
+      }
+    }
+  },
   {
     "tags": {
       "flr-generate": "all"
@@ -197365,7 +197630,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"plain\" | \"solid\" | \"soft\" | \"outline\""
+          "name": "\"solid\" | \"plain\" | \"soft\" | \"outline\""
         }
       },
       "size": {
@@ -221475,28 +221740,24 @@
             "name": "LegendItemProps"
           }
         ],
-        "required": true,
+        "required": false,
         "type": {
           "name": "string"
         }
       },
-      "title": {
+      "children": {
         "defaultValue": null,
         "description": "",
-        "name": "title",
-        "parent": {
-          "fileName": "components/src/components/Legend/components/LegendItem/LegendItem.tsx",
-          "name": "LegendItemProps"
-        },
+        "name": "children",
         "declarations": [
           {
-            "fileName": "components/src/components/Legend/components/LegendItem/LegendItem.tsx",
-            "name": "LegendItemProps"
+            "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
+            "name": "TypeLiteral"
           }
         ],
-        "required": true,
+        "required": false,
         "type": {
-          "name": "string"
+          "name": "ReactNode"
         }
       }
     }
@@ -228749,7 +229010,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"inherit\" | \"butt\" | \"round\" | \"square\""
+          "name": "\"inherit\" | \"round\" | \"butt\" | \"square\""
         }
       },
       "strokeLinejoin": {
@@ -239684,7 +239945,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"inherit\" | \"butt\" | \"round\" | \"square\""
+          "name": "\"inherit\" | \"round\" | \"butt\" | \"square\""
         }
       },
       "strokeLinejoin": {
@@ -241141,7 +241402,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"violet\" | \"green\" | \"sea-green\" | \"palatinate-blue\" | \"tangerine\" | \"magenta\" | \"tropical-indigo\" | \"malachite\" | \"azure\" | \"yellow\" | \"alloy-orange\" | \"lime\""
+          "name": "\"sea-green\" | \"palatinate-blue\" | \"tangerine\" | \"magenta\" | \"tropical-indigo\" | \"malachite\" | \"azure\" | \"violet\" | \"yellow\" | \"alloy-orange\" | \"green\" | \"lime\""
         }
       },
       "onlyDots": {
@@ -243158,7 +243419,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"plain\" | \"solid\" | \"soft\" | \"outline\""
+          "name": "\"solid\" | \"plain\" | \"soft\" | \"outline\""
         }
       },
       "size": {