Feature: Major update to no longer use styled-components

.storybook/main.ts

@@ -0,0 +1,28 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+import remarkGfm from 'remark-gfm';
+
+const config: StorybookConfig = {
+  framework: '@storybook/react-vite',
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  staticDirs: ['./public'],
+  addons: [
+    {
+      name: '@storybook/addon-docs',
+      options: {
+        mdxPluginOptions: {
+          mdxCompileOptions: {
+            remarkPlugins: [remarkGfm],
+          },
+        },
+      },
+    },
+  ],
+  typescript: {
+    check: false,
+  },
+  docs: {
+    autodocs: true,
+  },
+};
+
+export default config;

.storybook/manager.ts

@@ -0,0 +1,7 @@
+import { addons } from 'storybook/manager-api';
+
+addons.setConfig({
+  sidebar: {
+    showRoots: false,
+  },
+});

.storybook/preview.ts

@@ -0,0 +1,18 @@
+import type { Preview } from '@storybook/react-vite';
+import '@kibalabs/ui-react/styles/reset';
+import '@kibalabs/ui-react/styles/colors';
+import '../src/styles.scss';
+
+const preview: Preview = {
+  parameters: {
+    layout: 'centered',
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

CHANGELOG.md

@@ -11,6 +11,9 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 - [MAJOR] Converted package into an es-module
 
 ### Changed
+- [MAJOR] Upgraded to Storybook 10
+- [MAJOR] Updated to work with ui-react v0.11.3 and above (CSS-based theming)
+- [MINOR] Updated Dockerfiles to Node 24 LTS
 
 ### Removed
 

Dockerfile

@@ -1,5 +1,5 @@
 # Stage 1: build
-FROM node:22.2.0 AS build
+FROM node:24.11.1 AS build
 
 WORKDIR /app
 COPY makefile .

docs.Dockerfile

@@ -1,5 +1,5 @@
 # Stage 1: build
-FROM node:22.2.0 AS build
+FROM node:24.11.1 AS build
 
 WORKDIR /app
 COPY makefile .

makefile

@@ -30,7 +30,7 @@ security-check-ci:
 	@ echo "Not Supported"
 
 build:
-	@ npx build-module-rolldown
+	@ NODE_ENV=production npx build-module-rolldown
 
 build-ssr:
 	@ echo "Not Supported"
@@ -42,10 +42,10 @@ build-docs:
 	@ npx storybook build --docs --output-dir dist
 
 start:
-	@ npx build-module-rolldown --start --dev
+	@ NODE_ENV=development npx build-module-rolldown --start
 
 start-prod:
-	@ npx build-module-rolldown --start
+	@ NODE_ENV=production npx build-module-rolldown --start
 
 start-docs:
 	@ npx storybook dev --docs --port 6006