storybook upgrade

CHANGELOG.md

@@ -8,6 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased]
 * [FuiPopover] - Removed `react-tiny-popover` and replace with `floating-ui`
 * [FuiOptionGroup] - New Component 🎉
+* [Docs] - Upgrade to Storybook@7.6.10
 
 ## [0.0.2] - 2023-12-21
 Initial Release 🎉

package.json

@@ -44,17 +44,17 @@
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.5",
     "@storybook/addon-designs": "^7.0.7",
-    "@storybook/addon-essentials": "^7.6.6",
-    "@storybook/addon-interactions": "^7.6.6",
-    "@storybook/addon-links": "^7.6.6",
-    "@storybook/addon-mdx-gfm": "^7.6.6",
-    "@storybook/addon-toolbars": "^7.6.6",
-    "@storybook/blocks": "^7.6.6",
-    "@storybook/manager-api": "^7.6.6",
-    "@storybook/react": "^7.6.6",
-    "@storybook/react-webpack5": "^7.6.6",
+    "@storybook/addon-essentials": "^7.6.10",
+    "@storybook/addon-interactions": "^7.6.10",
+    "@storybook/addon-links": "^7.6.10",
+    "@storybook/addon-mdx-gfm": "^7.6.10",
+    "@storybook/addon-toolbars": "^7.6.10",
+    "@storybook/blocks": "^7.6.10",
+    "@storybook/manager-api": "^7.6.10",
+    "@storybook/react": "^7.6.10",
+    "@storybook/react-webpack5": "^7.6.10",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.6.6",
+    "@storybook/theming": "^7.6.10",
     "@types/react": "^18.0.0",
     "@types/react-modal": "^3.16.0",
     "@typescript-eslint/eslint-plugin": "^5.59.5",
@@ -71,7 +71,7 @@
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "storybook": "^7.6.6",
+    "storybook": "^7.6.10",
     "storybook-dark-mode": "^3.0.3",
     "typescript": "^5.0.4",
     "vite": "^4.4.4",

src/components/fui-option-group/fui-option-group.css

@@ -40,4 +40,10 @@
 .fui-option-group-menu-group-label {
   font: var(--running-small-bold);
   color: var(--fui-color-foreground-softest);
+}
+
+.fui-option-group-menu-option-label {
+  display: flex;
+  flex: 1 0 0;
+  color: var(--fui-disableable-color-foreground-default);
 }