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

package/.cspell/custom-words.txt

@@ -112,6 +112,7 @@ Rica
 Rothera
 Sahil
 Sakhalin
+Sankey
 sanskar
 Santo
 sbdocs

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 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.7-beta.0](https://github.com/spaced-out/ui-design-system/compare/v0.5.6...v0.5.7-beta.0) (2025-09-10)
+
+
+### Features
+
+* (GDS-520 & GDS-521) sankey chart and stacked bar chart ([#350](https://github.com/spaced-out/ui-design-system/issues/350)) ([f6f893b](https://github.com/spaced-out/ui-design-system/commit/f6f893be4243a2bcc2e98d793a83529a51b5d599))
+
+
+### Bug Fixes
+
+* chart-download-options tab focus visible and token-list-option elevation ([#402](https://github.com/spaced-out/ui-design-system/issues/402)) ([da385d6](https://github.com/spaced-out/ui-design-system/commit/da385d66f93e1915f3950cf8841e8ffa1304aaca))
+
 ### [0.5.6](https://github.com/spaced-out/ui-design-system/compare/v0.5.5...v0.5.6) (2025-09-10)
 
 

package/lib/components/Charts/ChartWrapper/ChartWrapper.js

@@ -76,7 +76,7 @@ const CustomExportButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   return /*#__PURE__*/React.createElement(_ButtonDropdown.ButtonDropdown, {
     ariaLabel: "Export Chart Menu",
     menu: {
-      isFluid: true,
+      isFluid: false,
       menuDisabled: false,
       options: menuOptions,
       size: 'medium',

package/lib/components/Charts/SankeyChart/SankeyChart.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { ChartOptions } from '../../../types/charts';
+import type { Over } from '../../../types/utils';
+import type { ChartWrapperClassNames, ExportOptionType } from '../ChartWrapper';
+type ClassNames = Readonly<ChartWrapperClassNames & {
+    highChart?: string;
+}>;
+export type SankeyChartProps = Over<ChartOptions, {
+    isLoading?: boolean;
+    cardTitle?: React.ReactNode;
+    emptyText?: React.ReactNode;
+    nodeWidth?: number;
+    classNames?: ClassNames;
+    showLegend?: boolean;
+    nodePadding?: number;
+    hasEmptyData?: boolean;
+    headerActions?: React.ReactNode;
+    customExportOptions?: Array<ExportOptionType> | null;
+}>;
+export declare const SankeyChart: ({ series, emptyText, drilldown, cardTitle, isLoading, nodeWidth, showLegend, classNames, nodePadding, hasEmptyData, headerActions, customExportOptions, ...userOptions }: SankeyChartProps) => React.ReactNode;
+export {};
+//# sourceMappingURL=SankeyChart.d.ts.map

package/lib/components/Charts/SankeyChart/SankeyChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SankeyChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/SankeyChart/SankeyChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAO/C,OAAO,KAAK,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAM9E,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,YAAY,EACZ;IACE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;CACtD,CACF,CAAC;AAMF,eAAO,MAAM,WAAW,GAAI,0KAczB,gBAAgB,KAAG,KAAK,CAAC,SA4E3B,CAAC"}

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

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SankeyChart = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _highcharts = _interopRequireDefault(require("highcharts"));
+var _sankey = _interopRequireDefault(require("highcharts/modules/sankey"));
+var _highchartsReactOfficial = _interopRequireDefault(require("highcharts-react-official"));
+var _charts = require("../../../utils/charts");
+var _classify = _interopRequireDefault(require("../../../utils/classify"));
+var _ChartWrapper = require("../ChartWrapper");
+var _SankeyChartModule = _interopRequireDefault(require("./SankeyChart.module.css"));
+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') {
+  (0, _sankey.default)(_highcharts.default);
+}
+const SankeyChart = _ref => {
+  let {
+    series,
+    emptyText,
+    drilldown,
+    cardTitle,
+    isLoading,
+    nodeWidth = 20,
+    showLegend = true,
+    classNames,
+    nodePadding = 10,
+    hasEmptyData,
+    headerActions,
+    customExportOptions,
+    ...userOptions
+  } = _ref;
+  const chartRef = React.useRef(null);
+  const defaultSankeyChartOptions = (0, _charts.getSankeyChartOptions)({
+    nodeWidth,
+    showLegend,
+    nodePadding
+  });
+  const sankeyChartSeries = series?.map(seriesItem => ({
+    ...seriesItem,
+    keys: seriesItem.keys || ['from', 'to', 'weight'],
+    nodes: seriesItem.nodes?.map((node, index) => ({
+      ...node,
+      color: node.color || (0, _charts.getDataVizColor)(index)
+    })),
+    data: seriesItem.data.map(dataPoint => ({
+      ...dataPoint,
+      weight: dataPoint.weight ?? 1
+    })),
+    nodeAlignment: 'center',
+    showLegend
+  }));
+  const sankeyDrilldownSeries = drilldown?.series?.map(seriesItem => ({
+    ...seriesItem,
+    nodes: seriesItem.nodes?.map((node, index) => ({
+      ...node,
+      color: node.color || (0, _charts.getDataVizColor)(index)
+    })),
+    data: seriesItem.data.map((dataItem, index) => ({
+      ...dataItem,
+      color: dataItem.color || (0, _charts.getDataVizColor)(index),
+      weight: dataItem.weight || 1
+    })),
+    nodeAlignment: 'center',
+    showLegend
+  }));
+  const sankeyDrilldown = drilldown ? {
+    ...drilldown,
+    series: sankeyDrilldownSeries,
+    breadcrumbs: {
+      floating: false
+    }
+  } : {};
+  const chartOptions = (0, _charts.mergeChartUserOptions)(defaultSankeyChartOptions, {
+    series: sankeyChartSeries,
+    drilldown: sankeyDrilldown,
+    ...userOptions
+  });
+  const {
+    highChart,
+    ...wrapperClassNames
+  } = classNames || {};
+  return /*#__PURE__*/React.createElement(_ChartWrapper.ChartWrapper, {
+    isLoading: isLoading,
+    title: cardTitle,
+    ref: chartRef,
+    classNames: wrapperClassNames,
+    customExportOptions: customExportOptions,
+    headerActions: headerActions,
+    hasEmptyData: hasEmptyData,
+    emptyText: emptyText
+  }, /*#__PURE__*/React.createElement(_highchartsReactOfficial.default, {
+    highcharts: _highcharts.default,
+    containerProps: {
+      className: (0, _classify.default)(_SankeyChartModule.default.sankeyChartContainer, highChart)
+    },
+    ref: chartRef,
+    options: chartOptions
+  }));
+};
+exports.SankeyChart = SankeyChart;

package/lib/components/Charts/SankeyChart/SankeyChart.module.css

@@ -0,0 +1,22 @@
+@value (
+  size400, 
+  size540, 
+  size660, 
+  size880, 
+  sizeFluid
+) from '../../../styles/variables/_size.css';
+
+.wrapper {
+  display: flex;
+}
+
+.sankeyChartContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: sizeFluid;
+  min-width: size660;
+  max-width: size880;
+  min-height: size400;
+  max-height: size540;
+}

package/lib/components/Charts/SankeyChart/SankeyChart.stories.d.ts

@@ -0,0 +1,267 @@
+import * as React from 'react';
+import { EmptyState } from '../../EmptyState';
+import type { SankeyChartProps } from './';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: ({ series, emptyText, drilldown, cardTitle, isLoading, nodeWidth, showLegend, classNames, nodePadding, hasEmptyData, headerActions, customExportOptions, ...userOptions }: SankeyChartProps) => React.ReactNode;
+    argTypes: {
+        isLoading: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        cardTitle: {
+            description: string;
+            control: {
+                type: string;
+            };
+            type: {
+                summary: string;
+            };
+        };
+        customExportOptions: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        series: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        headerActions: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        nodeWidth: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        nodePadding: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        showLegend: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        hasEmptyData: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        emptyText: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        componentSubtitle: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _SankeyChart: {
+    (args: SankeyChartProps): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                from: string;
+                to: string;
+            }[];
+            nodes: {
+                id: string;
+                name: string;
+            }[];
+        }[];
+        nodeWidth: number;
+        nodePadding: number;
+        showLegend: boolean;
+    };
+};
+export declare const _SankeyChartWebsiteFlow: {
+    (args: SankeyChartProps): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                from: string;
+                to: string;
+            }[];
+            nodes: {
+                id: string;
+                name: string;
+            }[];
+        }[];
+        nodeWidth: number;
+        nodePadding: number;
+        showLegend: boolean;
+    };
+};
+export declare const _SankeyChartBudgetAllocation: {
+    (args: SankeyChartProps): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                from: string;
+                to: string;
+            }[];
+            nodes: {
+                id: string;
+                name: string;
+            }[];
+        }[];
+        nodeWidth: number;
+        nodePadding: number;
+        showLegend: boolean;
+    };
+};
+export declare const _SankeyChartWithEmptyData: {
+    (args: SankeyChartProps): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                from: string;
+                to: string;
+            }[];
+            nodes: {
+                id: string;
+                name: string;
+            }[];
+        }[];
+        hasEmptyData: boolean;
+        emptyText: React.ReactElement<React.ComponentProps<typeof EmptyState>>;
+    };
+};
+export declare const _SankeyChartWithDrilldown: {
+    (args: SankeyChartProps): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        nodeWidth: number;
+        nodePadding: number;
+        showLegend: boolean;
+    };
+};
+//# sourceMappingURL=SankeyChart.stories.d.ts.map

package/lib/components/Charts/SankeyChart/SankeyChart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SankeyChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/SankeyChart/SankeyChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAG5C,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMzC,wBAyOE;AA4KF,eAAO,MAAM,YAAY;WAAU,gBAAgB,GAAG,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CAepE,CAAC;AAYF,eAAO,MAAM,uBAAuB;WAC5B,gBAAgB,GACrB,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CAejB,CAAC;AAYF,eAAO,MAAM,4BAA4B;WACjC,gBAAgB,GACrB,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CAejB,CAAC;AAYF,eAAO,MAAM,yBAAyB;WAC9B,gBAAgB,GACrB,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;mBAiCX,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;;CAlBjE,CAAC;AAqBF,eAAO,MAAM,yBAAyB;WAC9B,gBAAgB,GACrB,KAAK,CAAC,SAAS;;;;;;;;;;;;;;CAkBjB,CAAC"}

package/lib/components/Charts/SankeyChart/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SankeyChart';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Charts/SankeyChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/SankeyChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _SankeyChart = require("./SankeyChart");
+Object.keys(_SankeyChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SankeyChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SankeyChart[key];
+    }
+  });
+});

package/lib/components/Charts/SpiderChart/SpiderChart.module.css

@@ -1,5 +1,10 @@
-@value (colorFillPrimary) from '../../../styles/variables/_color.css';
-@value (size400, size540, size660, size880, sizeFluid) from '../../../styles/variables/_size.css';
+@value (
+  size400,
+  size540,
+  size660,
+  size880,
+  sizeFluid
+) from '../../../styles/variables/_size.css';
 
 .wrapper {
   display: flex;

package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import type { ChartOptions, DataOptionsType, Drilldown } from '../../../types/charts';
+import type { Over } from '../../../types/utils';
+import type { ChartWrapperClassNames, ExportOptionType } from '../ChartWrapper';
+type ClassNames = Readonly<ChartWrapperClassNames & {
+    highChart?: string;
+}>;
+export type StackedBarSeries = {
+    name: string;
+    data: DataOptionsType[];
+};
+export type StackedBarChartProps = Over<ChartOptions, {
+    series: Array<StackedBarSeries>;
+    isLoading?: boolean;
+    drilldown?: Drilldown;
+    cardTitle?: React.ReactNode;
+    emptyText?: React.ReactNode;
+    classNames?: ClassNames;
+    hasEmptyData?: boolean;
+    headerActions?: React.ReactNode;
+    customExportOptions?: Array<ExportOptionType> | null;
+}>;
+export declare const StackedBarChart: ({ series, isLoading, drilldown, emptyText, cardTitle, classNames, hasEmptyData, headerActions, customExportOptions, ...userOptions }: StackedBarChartProps) => React.ReactNode;
+export {};
+//# sourceMappingURL=StackedBarChart.d.ts.map

package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/StackedBarChart/StackedBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,SAAS,EACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAQ/C,OAAO,KAAK,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAe9E,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,YAAY,EACZ;IACE,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;CACtD,CACF,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,sIAW7B,oBAAoB,KAAG,KAAK,CAAC,SAmD/B,CAAC"}

package/lib/components/Charts/StackedBarChart/StackedBarChart.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StackedBarChart = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _highcharts = _interopRequireDefault(require("highcharts"));
+var _highchartsMore = _interopRequireDefault(require("highcharts/highcharts-more"));
+var _highchartsReactOfficial = _interopRequireDefault(require("highcharts-react-official"));
+var _charts = require("../../../utils/charts");
+var _classify = _interopRequireDefault(require("../../../utils/classify"));
+var _ChartWrapper = require("../ChartWrapper");
+var _StackedBarChartModule = _interopRequireDefault(require("./StackedBarChart.module.css"));
+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 (!!_highchartsMore.default && !!_highcharts.default && typeof _highchartsMore.default === 'function' && typeof _highcharts.default === 'object') {
+  (0, _highchartsMore.default)(_highcharts.default);
+}
+const StackedBarChart = _ref => {
+  let {
+    series,
+    isLoading,
+    drilldown,
+    emptyText,
+    cardTitle,
+    classNames,
+    hasEmptyData,
+    headerActions,
+    customExportOptions,
+    ...userOptions
+  } = _ref;
+  const chartRef = React.useRef(null);
+  const stackedBarSeries = series.map((seriesItem, index) => ({
+    ...seriesItem,
+    name: seriesItem.name,
+    data: seriesItem.data,
+    color: (0, _charts.getDataVizColor)(index),
+    stacking: 'normal',
+    pointWidth: _charts.columnPlotWidth
+  }));
+  const defaultStackedBarChartOptions = (0, _charts.getStackedBarChartOptions)();
+  const stackedBarDrilldown = drilldown ? {
+    ...drilldown,
+    breadcrumbs: {
+      floating: false
+    }
+  } : {};
+
+  //$FlowFixMe[cannot-spread-inexact]
+  const chartOptions = (0, _charts.mergeChartUserOptions)(defaultStackedBarChartOptions, {
+    series: stackedBarSeries,
+    drilldown: stackedBarDrilldown,
+    ...userOptions
+  });
+  const {
+    highChart,
+    ...wrapperClassNames
+  } = classNames || {};
+  return /*#__PURE__*/React.createElement(_ChartWrapper.ChartWrapper, {
+    ref: chartRef,
+    title: cardTitle,
+    isLoading: isLoading,
+    emptyText: emptyText,
+    classNames: wrapperClassNames,
+    hasEmptyData: hasEmptyData,
+    headerActions: headerActions,
+    customExportOptions: customExportOptions
+  }, /*#__PURE__*/React.createElement(_highchartsReactOfficial.default, {
+    highcharts: _highcharts.default,
+    containerProps: {
+      className: (0, _classify.default)(_StackedBarChartModule.default.stackedBarChartContainer, highChart)
+    },
+    ref: chartRef,
+    options: chartOptions
+  }));
+};
+exports.StackedBarChart = StackedBarChart;

package/lib/components/Charts/StackedBarChart/StackedBarChart.module.css

@@ -0,0 +1,22 @@
+@value (
+  size400,
+  size540,
+  size660,
+  size880,
+  sizeFluid
+) from '../../../styles/variables/_size.css';
+
+.wrapper {
+  display: flex;
+}
+
+.stackedBarChartContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: sizeFluid;
+  min-width: size660;
+  max-width: size880;
+  min-height: size400;
+  max-height: size540;
+}

package/lib/components/Charts/StackedBarChart/StackedBarChart.stories.d.ts

@@ -0,0 +1,192 @@
+import * as React from 'react';
+import type { StackedBarChartProps } from './';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: ({ series, isLoading, drilldown, emptyText, cardTitle, classNames, hasEmptyData, headerActions, customExportOptions, ...userOptions }: StackedBarChartProps) => React.ReactNode;
+    argTypes: {
+        isLoading: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        cardTitle: {
+            description: string;
+            control: {
+                type: string;
+            };
+            type: {
+                summary: string;
+            };
+        };
+        customExportOptions: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        series: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        drilldown: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        headerActions: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        hasEmptyData: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        emptyText: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const _StackedBarChart: {
+    (args: StackedBarChartProps): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                name: string;
+                y: number;
+            }[];
+        }[];
+        yAxis: {
+            title: {
+                text: string;
+            };
+        };
+        xAxis: {
+            title: {
+                text: string;
+            };
+        };
+    };
+};
+export declare const _StackedBarChartWithDrilldown: {
+    (args: StackedBarChartProps): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                name: string;
+                y: number;
+                drilldown: string;
+            }[];
+        }[];
+        drilldown: {
+            series: {
+                id: string;
+                name: string;
+                data: {
+                    name: string;
+                    y: number;
+                }[];
+            }[];
+        };
+        yAxis: {
+            title: {
+                text: string;
+            };
+        };
+        xAxis: {
+            title: {
+                text: string;
+            };
+        };
+    };
+};
+export declare const _StackedBarChartWithEmptyData: {
+    (args: StackedBarChartProps): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: never[];
+        hasEmptyData: boolean;
+        emptyText: React.JSX.Element;
+    };
+};
+//# sourceMappingURL=StackedBarChart.stories.d.ts.map

package/lib/components/Charts/StackedBarChart/StackedBarChart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedBarChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/StackedBarChart/StackedBarChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM7C,wBA6IE;AAqDF,eAAO,MAAM,gBAAgB;WACrB,oBAAoB,GACzB,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAejB,CAAC;AA4JF,eAAO,MAAM,6BAA6B;WAClC,oBAAoB,GACzB,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAejB,CAAC;AAiBF,eAAO,MAAM,6BAA6B;WAClC,oBAAoB,GACzB,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;CAejB,CAAC"}

package/lib/components/Charts/StackedBarChart/index.d.ts

@@ -0,0 +1,2 @@
+export * from './StackedBarChart';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Charts/StackedBarChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/StackedBarChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/lib/components/Charts/StackedBarChart/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _StackedBarChart = require("./StackedBarChart");
+Object.keys(_StackedBarChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _StackedBarChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _StackedBarChart[key];
+    }
+  });
+});

package/lib/components/Charts/index.d.ts

@@ -4,5 +4,7 @@ export * from './ColumnChart';
 export * from './DonutChart';
 export * from './FunnelChart';
 export * from './LineChart';
+export * from './SankeyChart';
 export * from './SpiderChart';
+export * from './StackedBarChart';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Charts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}

package/lib/components/Charts/index.js

@@ -69,6 +69,17 @@ Object.keys(_LineChart).forEach(function (key) {
     }
   });
 });
+var _SankeyChart = require("./SankeyChart");
+Object.keys(_SankeyChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SankeyChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SankeyChart[key];
+    }
+  });
+});
 var _SpiderChart = require("./SpiderChart");
 Object.keys(_SpiderChart).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -79,4 +90,15 @@ Object.keys(_SpiderChart).forEach(function (key) {
       return _SpiderChart[key];
     }
   });
+});
+var _StackedBarChart = require("./StackedBarChart");
+Object.keys(_StackedBarChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _StackedBarChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _StackedBarChart[key];
+    }
+  });
 });

package/lib/components/Tabs/Tab/Tab.module.css

@@ -21,7 +21,7 @@
   height: size38;
 }
 
-.button:focus {
+.button:focus-visible {
   border: borderWidthTertiary solid colorFocusPrimary;
 }
 

package/lib/types/charts.d.ts

@@ -127,18 +127,24 @@ export type CSSObject = {
     zIndex?: number;
     paddingTop?: string;
     transform?: string;
+    textOutline?: string;
 };
 export type DataOptionsType = {
     y?: number;
+    id?: string;
+    to?: string;
+    from?: string;
     name?: string;
     color?: string;
+    weight?: number;
     drilldown?: string;
-    id?: string;
 };
 export type SeriesOptionsType = {
     id?: string;
     name?: string;
+    keys?: Array<string>;
     data: Array<DataOptionsType>;
+    nodes?: Array<DataOptionsType>;
 };
 export type Drilldown = {
     activeAxisLabelStyle?: CSSObject;
@@ -146,10 +152,12 @@ export type Drilldown = {
     series?: Array<SeriesOptionsType>;
     breadcrumbs?: BreadcrumbsOptions;
 };
-export type PlotOptionsType = Partial<Record<'pie' | 'line' | 'funnel', {
+export type PlotOptionsType = Partial<Record<'pie' | 'line' | 'funnel' | 'sankey', {
     innerSize?: string;
     allowPointSelect?: boolean;
     cursor?: 'pointer';
+    nodeWidth?: number;
+    nodePadding?: number;
     dataLabels?: {
         enabled?: boolean;
         distance?: number;

package/lib/types/charts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../src/types/charts.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../src/types/charts.ts"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,11 @@
 export * from './charts';
 export * from './columnChart';
 export * from './donutChart';
+export * from './funnelChart';
 export * from './helpers';
 export * from './lineChart';
+export * from './sankeyChart';
 export * from './spiderChart';
+export * from './stackedBarChart';
 export * from './typography';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}

package/lib/utils/charts/index.js

@@ -36,6 +36,17 @@ Object.keys(_donutChart).forEach(function (key) {
     }
   });
 });
+var _funnelChart = require("./funnelChart");
+Object.keys(_funnelChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _funnelChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _funnelChart[key];
+    }
+  });
+});
 var _helpers = require("./helpers");
 Object.keys(_helpers).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -58,6 +69,17 @@ Object.keys(_lineChart).forEach(function (key) {
     }
   });
 });
+var _sankeyChart = require("./sankeyChart");
+Object.keys(_sankeyChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _sankeyChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _sankeyChart[key];
+    }
+  });
+});
 var _spiderChart = require("./spiderChart");
 Object.keys(_spiderChart).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -69,6 +91,17 @@ Object.keys(_spiderChart).forEach(function (key) {
     }
   });
 });
+var _stackedBarChart = require("./stackedBarChart");
+Object.keys(_stackedBarChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _stackedBarChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _stackedBarChart[key];
+    }
+  });
+});
 var _typography = require("./typography");
 Object.keys(_typography).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -0,0 +1,9 @@
+import type { ChartOptions } from '../../types/charts';
+type SankeyChartOptionsType = {
+    nodeWidth?: number;
+    nodePadding?: number;
+    showLegend?: boolean;
+};
+export declare const getSankeyChartOptions: ({ nodeWidth, showLegend, nodePadding, }: SankeyChartOptionsType) => ChartOptions;
+export {};
+//# sourceMappingURL=sankeyChart.d.ts.map

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

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

package/lib/utils/charts/sankeyChart.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSankeyChartOptions = void 0;
+var _charts = require("./charts");
+var _helpers = require("./helpers");
+const getSankeyChartOptions = _ref => {
+  let {
+    nodeWidth = 20,
+    showLegend = false,
+    nodePadding = 10
+  } = _ref;
+  return {
+    ..._charts.commonChartOptions,
+    chart: {
+      ..._charts.commonChartOptions.chart,
+      type: 'sankey'
+    },
+    legend: {
+      ..._charts.commonChartOptions.legend,
+      ..._helpers.bottomLegendRow,
+      symbolWidth: 18
+    },
+    plotOptions: {
+      sankey: {
+        cursor: 'pointer',
+        nodeWidth,
+        nodePadding,
+        borderWidth: 0,
+        borderRadius: 0,
+        showInLegend: showLegend,
+        allowPointSelect: true,
+        dataLabels: {
+          enabled: true,
+          style: {
+            fontWeight: 'bold',
+            textOutline: 'none'
+          }
+        }
+      }
+    },
+    tooltip: {
+      ..._charts.commonChartOptions.tooltip,
+      shared: true
+    }
+  };
+};
+exports.getSankeyChartOptions = getSankeyChartOptions;

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

@@ -0,0 +1,3 @@
+import type { ChartOptions } from '../../types/charts';
+export declare const getStackedBarChartOptions: () => ChartOptions;
+//# sourceMappingURL=stackedBarChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stackedBarChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/stackedBarChart.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAarD,eAAO,MAAM,yBAAyB,QAAO,YAwC3C,CAAC"}

package/lib/utils/charts/stackedBarChart.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStackedBarChartOptions = void 0;
+var _color = require("../../styles/variables/_color");
+var _charts = require("./charts");
+var _helpers = require("./helpers");
+const getStackedBarChartOptions = () => ({
+  ..._charts.commonChartOptions,
+  chart: {
+    ..._charts.commonChartOptions.chart,
+    type: 'bar'
+  },
+  legend: {
+    ..._charts.commonChartOptions.legend,
+    ..._helpers.bottomLegendRow,
+    symbolWidth: 18
+  },
+  xAxis: {
+    ..._charts.commonChartOptions.xAxis,
+    labels: {
+      style: _helpers.xAxisLabelStyle
+    },
+    title: {
+      margin: 12,
+      style: _helpers.xAxisTitleStyle
+    },
+    lineColor: _color.colorBorderPrimary
+  },
+  yAxis: {
+    labels: {
+      align: 'right',
+      distance: 12,
+      style: _helpers.yAxisLabelStyle
+    },
+    title: {
+      margin: 12,
+      style: _helpers.yAxisTitleStyle
+    }
+  },
+  drilldown: {
+    activeAxisLabelStyle: _helpers.activeLabelStyle,
+    activeDataLabelStyle: _helpers.activeLabelStyle,
+    breadcrumbs: {
+      floating: true
+    }
+  }
+});
+exports.getStackedBarChartOptions = getStackedBarChartOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.5.6",
+  "version": "0.5.7-beta.0",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"