@spaced-out/ui-design-system 0.5.33 → 0.5.34

package/lib/utils/charts/funnelChart.d.ts

@@ -1,3 +1,4 @@
+import type Highcharts from 'highcharts';
 import type { ChartOptions, Drilldown } from '../../types/charts';
 import type { FunnelSeriesItem } from '../../components/Charts/FunnelChart/FunnelChart';
 /**
@@ -5,6 +6,6 @@ import type { FunnelSeriesItem } from '../../components/Charts/FunnelChart/Funne
  * It will not take userPassed option into account.
  */
 export declare const getFunnelChartOptions: () => ChartOptions;
-export declare const addColorsToFunnelSeries: (series: Array<FunnelSeriesItem>, showInLegend?: boolean) => Array<FunnelSeriesItem>;
+export declare const addColorsToFunnelSeries: (series: Array<FunnelSeriesItem>, showInLegend?: boolean) => Array<Highcharts.SeriesFunnelOptions>;
 export declare const addColorsToFunnelDrilldownSeries: (drilldownSeries: Drilldown, showInLegend?: boolean) => Drilldown;
 //# sourceMappingURL=funnelChart.d.ts.map

package/lib/utils/charts/funnelChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"funnelChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/funnelChart.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EAEZ,SAAS,EAEV,MAAM,kBAAkB,CAAC;AAU1B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,+CAA+C,CAAC;AAEpF;;;GAGG;AAEH,eAAO,MAAM,qBAAqB,QAAO,YAmDvC,CAAC;AAEH,eAAO,MAAM,uBAAuB,GAClC,QAAQ,KAAK,CAAC,gBAAgB,CAAC,EAC/B,sBAAmB,KAClB,KAAK,CAAC,gBAAgB,CAQpB,CAAC;AAEN,eAAO,MAAM,gCAAgC,GAC3C,iBAAiB,SAAS,EAC1B,sBAAmB,KAClB,SASD,CAAC"}
+{"version":3,"file":"funnelChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/funnelChart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;AAGzC,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAU9D,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,+CAA+C,CAAC;AAEpF;;;GAGG;AAEH,eAAO,MAAM,qBAAqB,QAAO,YAmDvC,CAAC;AAEH,eAAO,MAAM,uBAAuB,GAClC,QAAQ,KAAK,CAAC,gBAAgB,CAAC,EAC/B,sBAAmB,KAClB,KAAK,CAAC,UAAU,CAAC,mBAAmB,CASlC,CAAC;AAEN,eAAO,MAAM,gCAAgC,GAC3C,iBAAiB,SAAS,EAC1B,sBAAmB,KAClB,SAoBD,CAAC"}

package/lib/utils/charts/funnelChart.js

@@ -70,26 +70,35 @@ exports.getFunnelChartOptions = getFunnelChartOptions;
 const addColorsToFunnelSeries = function (series) {
   let showInLegend = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   return series.map(item => ({
+    type: 'funnel',
     ...item,
     data: item.data.map((seriesItem, index) => ({
       ...seriesItem,
-      color: (0, _charts.getDataVizColor)(index) // Apply color based on index
+      color: (0, _charts.getDataVizColor)(index)
     })),
-    showInLegend // Ensure legend visibility
+    showInLegend
   }));
 };
 exports.addColorsToFunnelSeries = addColorsToFunnelSeries;
 const addColorsToFunnelDrilldownSeries = function (drilldownSeries) {
   let showInLegend = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   return {
-    series: drilldownSeries.series?.map(series => ({
-      ...series,
-      data: series.data.map((dataPoint, index) => ({
-        ...dataPoint,
-        color: (0, _charts.getDataVizColor)(index) // Assign a color dynamically based on index
-      })),
-      showInLegend // Ensure legend is displayed
-    }))
+    ...drilldownSeries,
+    series: drilldownSeries.series?.map(series => {
+      const funnelSeries = {
+        ...series,
+        type: 'funnel'
+      };
+      const funnelData = funnelSeries.data;
+      return {
+        ...funnelSeries,
+        data: funnelData?.map((dataPoint, index) => ({
+          ...dataPoint,
+          color: dataPoint.color || (0, _charts.getDataVizColor)(index)
+        })) ?? [],
+        showInLegend
+      };
+    })
   };
 };
 exports.addColorsToFunnelDrilldownSeries = addColorsToFunnelDrilldownSeries;

package/lib/utils/charts/helpers.d.ts

@@ -1,4 +1,4 @@
-export declare const deepMerge: <T extends Record<string, unknown>>(obj1: Partial<T> | null | undefined, obj2: Partial<T> | null | undefined, ...args: Array<Partial<T> | null | undefined>) => T;
+export declare const deepMerge: <T extends object>(obj1: Partial<T> | null | undefined, obj2: Partial<T> | null | undefined, ...args: Array<Partial<T> | null | undefined>) => T;
 export declare const rightLineLegendColumn: {
     readonly layout: "vertical";
     readonly align: "right";

package/lib/utils/charts/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/helpers.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACzD,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,EACnC,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,EACnC,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,KAC5C,CAAmC,CAAC;AAEvC,eAAO,MAAM,qBAAqB;;;;;;;;CAQxB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;CAOlB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;CAGlB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;CAGlB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;CAElB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;CAElB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAKnB,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/helpers.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,EACxC,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,EACnC,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,EACnC,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,KAC5C,CAAmC,CAAC;AAEvC,eAAO,MAAM,qBAAqB;;;;;;;;CAQxB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;CAOlB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;CAGlB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;CAGlB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;CAElB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;CAElB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAKnB,CAAC"}

package/lib/utils/charts/sankeyChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sankeyChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/sankeyChart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAKnD,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,GAAI,yCAInC,sBAAsB,KAAG,YAiC1B,CAAC"}
+{"version":3,"file":"sankeyChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/sankeyChart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAKnD,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,GAAI,yCAInC,sBAAsB,KAAG,YAgC1B,CAAC"}

package/lib/utils/charts/sankeyChart.js

@@ -29,7 +29,6 @@ const getSankeyChartOptions = _ref => {
         nodeWidth,
         nodePadding,
         borderWidth: 0,
-        borderRadius: 0,
         showInLegend: showLegend,
         allowPointSelect: true,
         dataLabels: {

package/mcp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/genesis-mcp-server",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "MCP server for Genesis UI Design System - provides AI assistants with access to components, hooks, and design tokens",
   "type": "module",
   "main": "index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.5.33",
+  "version": "0.5.34",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"
@@ -13,6 +13,7 @@
     "build:style-variables": "rimraf src/styles/variables && style-dictionary build --config ./config.js",
     "build:types": "tsc --project tsconfig.declaration.json && tsc-alias -p tsconfig.declaration.json && cp src/types/flow-to-typescript-codemod.d.ts lib/",
     "prebuild": "rimraf lib",
+    "doctor": "storybook doctor",
     "storybook": "yarn build:style-variables && rimraf node_modules/.cache/storybook && storybook dev --host genesis.proxysense.co --port 6006",
     "storybook:export": "yarn build:style-variables && rimraf storybook-static && storybook build",
     "build-storybook": "yarn build:style-variables && rimraf storybook-static && storybook build",
@@ -81,15 +82,16 @@
     "@babel/preset-env": "^7.28.3",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@chromatic-com/storybook": "^4.1.0",
+    "@chromatic-com/storybook": "^4.1.3",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@regrapes/babel-plugin-add-react-memo-displayname": "^1.0.0",
-    "@storybook/addon-a11y": "^9.1.2",
-    "@storybook/addon-docs": "^9.1.2",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
-    "@storybook/react-webpack5": "^9.1.2",
-    "@storybook/test-runner": "^0.23.0",
+    "@storybook/addon-a11y": "^10.1.4",
+    "@storybook/addon-docs": "^10.1.4",
+    "@storybook/addon-styling-webpack": "^3.0.0",
+    "@storybook/addon-webpack5-compiler-babel": "^4.0.0",
+    "@storybook/react-webpack5": "^10.1.4",
+    "@storybook/test-runner": "^0.24.2",
     "@testing-library/react": "^11.2.7",
     "@types/babel-plugin-macros": "~3.1.3",
     "@types/babel__core": "~7.20.5",
@@ -109,6 +111,7 @@
     "@types/standard-version": "~7.1.3",
     "@xyflow/react": "^12.8.4",
     "all-contributors-cli": "^6.20.0",
+    "autoprefixer": "^10.4.22",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^28.1.3",
     "babel-loader": "^10.0.0",
@@ -121,6 +124,7 @@
     "classnames": "^2.5.1",
     "cross-env": "^10.0.0",
     "cspell": "^9.1.2",
+    "css-loader": "^7.1.2",
     "dependency-cruiser": "^17.0.1",
     "elkjs": "^0.10.0",
     "eslint": "^9.9.0",
@@ -130,7 +134,7 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "eslint-plugin-storybook": "^9.1.2",
+    "eslint-plugin-storybook": "^10.1.4",
     "eslint-plugin-unused-imports": "^4.1.4",
     "fast-glob": "^3.3.3",
     "flow-bin": "^0.184.0",
@@ -146,18 +150,28 @@
     "jscodeshift": "^17.3.0",
     "lint-staged": "^10.5.1",
     "paths.macro": "^3.0.1",
+    "postcss": "^8.5.6",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "postcss-import": "^16.1.1",
+    "postcss-loader": "^8.2.0",
+    "postcss-mixins": "^12.1.2",
+    "postcss-modules-values": "^4.0.0",
+    "postcss-nesting": "^13.0.2",
     "prettier": "^2.5.1",
     "process": "^0.11.10",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "recast": "^0.23.11",
     "rimraf": "^3.0.2",
+    "sass": "^1.95.0",
+    "sass-loader": "^16.0.6",
     "simple-git": "^3.12.0",
     "standard-version": "^9.5.0",
-    "storybook": "^9.1.2",
+    "storybook": "^10.1.4",
     "storybook-css-modules": "^1.0.8",
     "storybook-vscode-component": "^1.0.9",
     "style-dictionary": "^3.7.1",
+    "style-loader": "^4.0.0",
     "ts-morph": "^27.0.0",
     "tsc-alias": "^1.8.16",
     "type-coverage": "^2.29.7",

package/postcss.config.js

@@ -1,3 +1,11 @@
-module.exports = (_api) => ({
-  plugins: {},
-});
+// postcss.config.js
+module.exports = {
+  plugins: [
+    require('postcss-import'),
+    require('postcss-mixins'),
+    require('postcss-nesting'),
+    require('postcss-modules-values'), // ⬅️ key plugin for @value
+    require('autoprefixer'),
+    require('postcss-flexbugs-fixes'),
+  ],
+};