@spaced-out/ui-design-system 0.5.7 → 0.5.9-beta.0

package/.storybook/main.ts

@@ -1,14 +1,14 @@
+// .storybook/main.ts
 import type {StorybookConfig} from '@storybook/react-webpack5';
 import path from 'node:path';
+import webpack from 'webpack';
 
 const config: StorybookConfig = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.tsx'],
-
   addons: [
     {
       name: '@storybook/addon-docs',
       options: {
-        // Not needed with automatic runtime, but harmless if you keep it
         configureJSX: false,
         babelOptions: {},
         sourceLoaderOptions: null,
@@ -17,12 +17,10 @@ const config: StorybookConfig = {
     },
     'storybook-css-modules',
     '@storybook/addon-a11y',
-    // Forces Babel (not SWC) so our plugins run on TSX:
     '@storybook/addon-webpack5-compiler-babel',
     '@chromatic-com/storybook',
   ],
 
-  // Global Babel for anything SB pipes through its own babel pass
   babel: async (options: any) => ({
     ...options,
     sourceType: 'unambiguous',
@@ -45,14 +43,23 @@ const config: StorybookConfig = {
     plugins: ['macros', '@regrapes/babel-plugin-add-react-memo-displayname'],
   }),
 
-  webpackFinal: async (config) => {
-    if (config.resolve) {
-      config.resolve.alias = {
-        ...(config.resolve.alias ?? {}),
-        src: path.resolve(__dirname, '../src'),
-      };
-    }
-    // Fix font rule clobbering images
+  webpackFinal: async (cfg) => {
+    const config = {...cfg};
+
+    // Alias for your “src/*” imports
+    config.resolve ||= {};
+    config.resolve.alias = {
+      ...(config.resolve.alias ?? {}),
+      src: path.resolve(__dirname, '../src'),
+    };
+
+    // Optional: fallback for other node built-ins if any 3p lib requires them
+    config.resolve.fallback = {
+      ...(config.resolve.fallback ?? {}),
+      process: require.resolve('process/browser'),
+    };
+
+    // Fix font rule clobbering images (your existing tweak)
     config.module!.rules = (config.module!.rules || []).map((rule: any) => {
       if (rule.test && rule.test.toString().includes('woff')) {
         return {
@@ -63,14 +70,14 @@ const config: StorybookConfig = {
       return rule;
     });
 
-    // SCSS modules support (matches your current setup)
+    // SCSS modules
     config.module!.rules!.push({
       test: /\.scss$/,
       use: ['style-loader', 'css-loader?modules=true', 'sass-loader'],
       include: path.resolve(__dirname, '../'),
     });
 
-    // Ensure TSX goes through babel-loader (so plugins above actually run)
+    // Ensure TSX goes through babel-loader
     config.module!.rules!.push({
       test: /\.(ts|tsx)$/,
       loader: require.resolve('babel-loader'),
@@ -80,20 +87,27 @@ const config: StorybookConfig = {
       },
     });
 
+    // ⬇️ Polyfill `process` and bake env at build time
+    config.plugins = [
+      ...(config.plugins ?? []),
+      new webpack.ProvidePlugin({
+        process: 'process/browser',
+      }),
+      new webpack.DefinePlugin({
+        // Provide at least NODE_ENV; add more keys if you reference them in code
+        'process.env.NODE_ENV': JSON.stringify(
+          process.env.NODE_ENV ?? 'development',
+        ),
+      }),
+    ];
+
     (config.resolve!.extensions as string[]).push('.ts', '.tsx');
     return config;
   },
 
   staticDirs: ['public', '../design-tokens'],
-
-  framework: {
-    name: '@storybook/react-webpack5',
-    options: {},
-  },
-
-  typescript: {
-    reactDocgen: 'react-docgen-typescript',
-  },
+  framework: {name: '@storybook/react-webpack5', options: {}},
+  typescript: {reactDocgen: 'react-docgen-typescript'},
 };
 
 export default config;

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.5.9-beta.0](https://github.com/spaced-out/ui-design-system/compare/v0.5.8...v0.5.9-beta.0) (2025-09-17)
+
+
+### Bug Fixes
+
+* sankey ([f6abec9](https://github.com/spaced-out/ui-design-system/commit/f6abec9144765f940c0a0e1af7846ca2535bac8c))
+* sankey fix ([1939379](https://github.com/spaced-out/ui-design-system/commit/19393791b5485f25b6f2067b240daec053772812))
+* sankey import ([1ae482d](https://github.com/spaced-out/ui-design-system/commit/1ae482dc1cd82fa10c3505e5d28925852ab8037d))
+* sankey issue ([62d6440](https://github.com/spaced-out/ui-design-system/commit/62d64409de8abea8c324d6c0e16cf7d315ffd6db))
+
+### [0.5.8](https://github.com/spaced-out/ui-design-system/compare/v0.5.7...v0.5.8) (2025-09-17)
+
+
+### Bug Fixes
+
+* fixes storybook config ([5b57517](https://github.com/spaced-out/ui-design-system/commit/5b57517f5ed943fde0249c4fc1070c7ce3509ebc))
+* resolved conflicts ([c587335](https://github.com/spaced-out/ui-design-system/commit/c587335250598e1dba5c56df8a55aff8aa7baaf8))
+
 ### [0.5.7](https://github.com/spaced-out/ui-design-system/compare/v0.5.7-beta.0...v0.5.7) (2025-09-17)
 
 

package/lib/components/Charts/SankeyChart/SankeyChart.js

@@ -15,7 +15,7 @@ var _SankeyChartModule = _interopRequireDefault(require("./SankeyChart.module.cs
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-if (typeof _sankey.default === 'function') {
+if (window != null) {
   (0, _sankey.default)(_highcharts.default);
 }
 const SankeyChart = _ref => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.5.7",
+  "version": "0.5.9-beta.0",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"
@@ -146,6 +146,7 @@
     "lint-staged": "^10.5.1",
     "paths.macro": "^3.0.1",
     "prettier": "^2.5.1",
+    "process": "^0.11.10",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "recast": "^0.23.11",