@spaced-out/ui-design-system 0.4.12 → 0.4.13-beta.1

package/lib/types/index.d.ts

@@ -0,0 +1,7 @@
+export * from './charts';
+export * from './common';
+export * from './date-range-picker';
+export * from './menu';
+export * from './toast';
+export * from './typography';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/lib/types/menu.d.ts

@@ -0,0 +1,13 @@
+export type MenuClassNames = Readonly<{
+    wrapper?: string;
+    option?: string;
+    groupTitle?: string;
+    optionTextContainer?: string;
+    optionTextLabel?: string;
+    header?: string;
+    footer?: string;
+}>;
+export type MenuLabelTooltip = {
+    maxLines?: number;
+};
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/types/menu.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC"}

package/lib/types/menu.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/types/toast.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+export declare const POSITIONS: {
+    readonly TOP_CENTER: "topCenter";
+    readonly TOP_LEFT: "topLeft";
+    readonly TOP_RIGHT: "topRight";
+    readonly BOTTOM_LEFT: "bottomLeft";
+    readonly BOTTOM_RIGHT: "bottomRight";
+    readonly BOTTOM_CENTER: "bottomCenter";
+};
+export declare const ACTIONS: {
+    readonly ADD: "ADD";
+    readonly REMOVE: "REMOVE";
+};
+export type positionTypes = typeof POSITIONS[keyof typeof POSITIONS];
+export type actionTypes = typeof ACTIONS[keyof typeof ACTIONS];
+export type contentTypes = React.ReactNode;
+export type ToastOptions = {
+    timeout?: number;
+    position?: positionTypes;
+    autoClose?: boolean;
+    uniqueCode?: string | number;
+};
+export type optionTypes = ((ToastOptions) & {
+    id: string;
+    key?: string;
+});
+export type callbackFuncTypes = (type: actionTypes, content: contentTypes, options: optionTypes) => void;
+//# sourceMappingURL=toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/types/toast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC;AAEX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AACrE,MAAM,MAAM,WAAW,GAAG,OAAO,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAC/D,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,YAAY,CAAC,GAAG;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC"}

package/lib/types/toast.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.POSITIONS = exports.ACTIONS = void 0;
-var React = _interopRequireWildcard(require("react"));
-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); }
 const POSITIONS = exports.POSITIONS = {
   TOP_CENTER: 'topCenter',
   TOP_LEFT: 'topLeft',

package/lib/types/typography.d.ts

@@ -0,0 +1,17 @@
+export declare const TEXT_COLORS: Readonly<{
+    primary: "primary";
+    secondary: "secondary";
+    tertiary: "tertiary";
+    disabled: "disabled";
+    clickable: "clickable";
+    neutral: "neutral";
+    success: "success";
+    information: "information";
+    warning: "warning";
+    danger: "danger";
+    inversePrimary: "inversePrimary";
+    inverseSecondary: "inverseSecondary";
+    favorite: "favorite";
+}>;
+export type ColorTypes = typeof TEXT_COLORS[keyof typeof TEXT_COLORS];
+//# sourceMappingURL=typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/types/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;EActB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,OAAO,WAAW,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC"}

package/lib/utils/array/are-arrays-equal.d.ts

@@ -0,0 +1,4 @@
+type ItemComparer<Item> = (a: Item, b: Item) => boolean;
+export declare function areArraysEqual<Item>(array1: Item[], array2: Item[], itemComparer?: ItemComparer<Item>): boolean;
+export {};
+//# sourceMappingURL=are-arrays-equal.d.ts.map

package/lib/utils/array/are-arrays-equal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"are-arrays-equal.d.ts","sourceRoot":"","sources":["../../../src/utils/array/are-arrays-equal.ts"],"names":[],"mappings":"AAAA,KAAK,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO,CAAC;AAExD,wBAAgB,cAAc,CAAC,IAAI,EACjC,MAAM,EAAE,IAAI,EAAE,EACd,MAAM,EAAE,IAAI,EAAE,EACd,YAAY,GAAE,YAAY,CAAC,IAAI,CAAiC,GAC/D,OAAO,CAKT"}

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

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

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

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

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

@@ -0,0 +1,17 @@
+import type { ChartOptions } from '../../types/charts';
+export declare const DATA_VIZ_COLORS: readonly ["#8dbaf8", "#b4a2e8", "#8bcfad", "#f0c48f", "#f297ad", "#B0F0E3", "#F5B8E1", "#F5EBB4"];
+export declare const getDataVizColor: (dataIndex: number) => string;
+export declare const breadcrumbStyle: {
+    readonly color: "#565656";
+    readonly fontSize: "12px";
+    readonly letterSpacing: "0em";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly fontWeight: "500";
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+export declare const commonChartOptions: Partial<ChartOptions>;
+export declare const mergeChartUserOptions: (defaultoptions: ChartOptions, userOptions: ChartOptions) => ChartOptions;
+//# sourceMappingURL=charts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/charts.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AASrD,eAAO,MAAM,eAAe,mGASlB,CAAC;AAEX,eAAO,MAAM,eAAe,GAAI,WAAW,MAAM,KAAG,MAGnD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;CAGlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,YAAY,CAgEpD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,gBAAgB,YAAY,EAAE,aAAa,YAAY,KAAG,YAAsD,CAAC"}

package/lib/utils/charts/charts.js

@@ -54,12 +54,14 @@ const commonChartOptions = exports.commonChartOptions = {
     breadcrumbs: {
       floating: true,
       style: breadcrumbStyle,
+      // @ts-ignore - TS2322 - Type '{ floating: true; style: { readonly color: "#565656"; readonly fontSize: "12px"; readonly letterSpacing: "0em"; readonly fontFamily: "Centra No 2"; readonly fontStyle: "normal"; readonly margin: 0; readonly fontWeight: "500"; readonly display: "flex"; readonly alignItems: "center"; }; buttonTheme: { ...; }; }' is not assignable to type 'BreadcrumbsOptions'.
       buttonTheme: {
         style: breadcrumbStyle
       }
     }
   },
   legend: {
+    // @ts-ignore - TS2322 - Type '{ paddingTop: string; fontSize: "12px"; fontFamily: "Centra No 2"; fontStyle: "normal"; margin: 0; color: "#17172A"; letterSpacing: "0em"; fontWeight: "500"; display: "flex"; alignItems: "center"; }' is not assignable to type 'CSSObject'.
     itemStyle: {
       ..._typography.formLabelSmall,
       paddingTop: '1px'
@@ -69,6 +71,7 @@ const commonChartOptions = exports.commonChartOptions = {
   },
   xAxis: {
     type: 'category',
+    // @ts-ignore - TS2322 - Type '{ type: string; padding: number; }' is not assignable to type 'AxisOptions'.
     padding: 0
   },
   navigation: {
@@ -78,6 +81,7 @@ const commonChartOptions = exports.commonChartOptions = {
           color: _color.colorFillInversePrimary
         }
       },
+      // @ts-ignore - TS2322 - Type '{ buttonTheme: { style: { color: string; }; }; separator: { text: string; }; }' is not assignable to type 'Breadcrumbs'.
       separator: {
         text: '>'
       }

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

@@ -0,0 +1,8 @@
+import type { ChartOptions } from '../../types/charts';
+/**
+ * This function modifies the the common chart behavior to column chart default behavior.
+ * It will not take userPassed option into account.
+ */
+export declare const getColumnChartOptions: () => ChartOptions;
+export declare const columnPlotWidth = 28;
+//# sourceMappingURL=columnChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"columnChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/columnChart.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAYrD;;;GAGG;AAEH,eAAO,MAAM,qBAAqB,QAAO,YAyCvC,CAAC;AAEH,eAAO,MAAM,eAAe,KAAK,CAAC"}

package/lib/utils/charts/columnChart.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getColumnChartOptions = exports.columnPlotWidth = void 0;
-var _color = require("../../styles/variables/_color.js");
+var _color = require("../../styles/variables/_color");
 var _charts = require("./charts");
 var _helpers = require("./helpers");
 /**
  * This function modifies the the common chart behavior to column chart default behavior.
  * It will not take userPassed option into account.
  */
+
 const getColumnChartOptions = () => ({
   ..._charts.commonChartOptions,
   chart: {
@@ -31,6 +32,7 @@ const getColumnChartOptions = () => ({
       margin: 12,
       style: _helpers.xAxisTitleStyle
     },
+    // @ts-ignore - TS2322 - Type '{ labels: { style: { readonly fontSize: "12px"; readonly letterSpacing: "0.01em"; readonly fontFamily: "Centra No 2"; readonly fontStyle: "normal"; readonly margin: 0; readonly color: "#17172A"; readonly fontWeight: "500"; readonly display: "flex"; readonly alignItems: "center"; }; }; ... 6 more ...; type?: string |...' is not assignable to type 'AxisOptions'.
     lineColor: _color.colorBorderPrimary
   },
   yAxis: {

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

@@ -0,0 +1,21 @@
+import type { ChartOptions, LegendOptionsType } from '../../types/charts';
+type DonutChartPropsType = {
+    legend?: LegendOptionsType;
+    defaultCenterHTML?: string;
+};
+export declare const rightLegendColumn: {
+    readonly layout: "vertical";
+    readonly align: "right";
+    readonly verticalAlign: "middle";
+    readonly itemMarginBottom: 12;
+    readonly symbolPadding: 8;
+    readonly symbolWidth: 8;
+    readonly width: "36%";
+};
+/**
+ * This function modifies the the common chart behavior to donut chart default behavior.
+ * It will not take userPassed option into account.
+ */
+export declare const getDonutChartOptions: ({ legend, defaultCenterHTML, }: DonutChartPropsType) => ChartOptions;
+export {};
+//# sourceMappingURL=donutChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"donutChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/donutChart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAE,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AAMxE,KAAK,mBAAmB,GAAG;IACzB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAWF,eAAO,MAAM,iBAAiB;;;;;;;;CASpB,CAAC;AAEX;;;GAGG;AAEH,eAAO,MAAM,oBAAoB,GAC/B,gCAGG,mBAAmB,KACrB,YAiFF,CAAC"}

package/lib/utils/charts/donutChart.js

@@ -45,14 +45,18 @@ const getDonutChartOptions = _ref => {
       type: 'pie',
       spacing: [0, 0, 0, 0],
       margin: [0, 0, 0, 0],
+      // @ts-ignore - TS2322 - Type '{ type: string; spacing: number[]; margin: number[]; events: { render(): void; }; polar?: boolean | undefined; style?: CSSObject | undefined; spacingBottom?: number | undefined; spacingLeft?: number | undefined; spacingRight?: number | undefined; spacingTop?: number | undefined; }' is not assignable to type '{ polar?: boolean | undefined; type?: string | undefined; spacing?: number[] | undefined; margin?: number[] | undefined; style?: CSSObject | undefined; spacingBottom?: number | undefined; spacingLeft?: number | undefined; spacingRight?: number | undefined; spacingTop?: number | undefined; }'.
       events: {
         render() {
-          //$FlowFixMe[object-this-reference]
           const chart = this;
+          // @ts-ignore - TS2551 - Property 'renderTo' does not exist on type '{ render(): void; }'. Did you mean 'render'?
           const containerWidth = chart.renderTo.offsetWidth;
           const desiredHeight = CHART_WIDTH * containerWidth;
           // 5px adjustment required due to borderWidth mostly.
-          const centerTextX = isLegendEnabled ? parseInt(chart.plotWidth) * CHART_CENTER + 5 : 0;
+          const centerTextX = isLegendEnabled
+          // @ts-ignore - TS2339 - Property 'plotWidth' does not exist on type '{ render(): void; }'.
+          ? parseInt(chart.plotWidth) * CHART_CENTER + 5 : 0;
+          // @ts-ignore - TS2339 - Property 'update' does not exist on type '{ render(): void; }'.
           chart.update({
             chart: {
               height: desiredHeight // Set the height dynamically based on the container's width
@@ -84,6 +88,7 @@ const getDonutChartOptions = _ref => {
         borderWidth: 5,
         borderRadius: 10,
         minSize: 240,
+        // @ts-ignore - TS2322 - Type '{ innerSize: string; allowPointSelect: true; cursor: "pointer"; dataLabels: { enabled: boolean; distance: number; }; showInLegend: true; center: [string, string]; size: string; borderWidth: number; borderRadius: number; minSize: number; clip: false; }' is not assignable to type '{ innerSize?: string | undefined; allowPointSelect?: boolean | undefined; cursor?: "pointer" | undefined; dataLabels?: { enabled?: boolean | undefined; distance?: number | undefined; connectorColor?: string | undefined; useHTML?: boolean | undefined; format?: string | undefined; style?: CSSObject | undefined; } | un...'.
         clip: false
       }
     },

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

@@ -0,0 +1,10 @@
+import type { FunnelSeriesItem } from '../../components/Charts/FunnelChart/FunnelChart';
+import type { ChartOptions, Drilldown } from '../../types/charts';
+/**
+ * This function modifies the the common chart behavior to funnel chart default behavior.
+ * 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 addColorsToFunnelDrilldownSeries: (drilldownSeries: Drilldown, showInLegend?: boolean) => Drilldown;
+//# sourceMappingURL=funnelChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"funnelChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/funnelChart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,iDAAiD,CAAC;AAEtF,OAAO,KAAK,EACV,YAAY,EAEZ,SAAS,EACV,MAAM,oBAAoB,CAAC;AAW5B;;;GAGG;AAEH,eAAO,MAAM,qBAAqB,QAAO,YAoDvC,CAAC;AAEH,eAAO,MAAM,uBAAuB,GAAI,QAAQ,KAAK,CAAC,gBAAgB,CAAC,EAAE,eAAc,OAAc,KAAG,KAAK,CAAC,gBAAgB,CAO3H,CAAC;AAEJ,eAAO,MAAM,gCAAgC,GAAI,iBAAiB,SAAS,EAAE,eAAc,OAAc,KAAG,SAW1G,CAAC"}

package/lib/utils/charts/funnelChart.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getFunnelChartOptions = exports.addColorsToFunnelSeries = exports.addColorsToFunnelDrilldownSeries = void 0;
-var _color = require("../../styles/variables/_color.js");
+var _color = require("../../styles/variables/_color");
 var _charts = require("./charts");
 var _helpers = require("./helpers");
 var _typography = require("./typography");
@@ -12,6 +12,7 @@ var _typography = require("./typography");
  * This function modifies the the common chart behavior to funnel chart default behavior.
  * It will not take userPassed option into account.
  */
+
 const getFunnelChartOptions = () => ({
   ..._charts.commonChartOptions,
   chart: {
@@ -31,6 +32,7 @@ const getFunnelChartOptions = () => ({
       margin: 12,
       style: _helpers.xAxisTitleStyle
     },
+    // @ts-ignore - TS2322 - Type '{ labels: { style: { readonly fontSize: "12px"; readonly fontFamily: "Centra No 2"; readonly fontStyle: "normal"; readonly margin: 0; readonly color: "#17172A"; readonly letterSpacing: "0em"; readonly fontWeight: "500"; readonly display: "flex"; readonly alignItems: "center"; }; }; ... 6 more ...; type?: string | un...' is not assignable to type 'AxisOptions'.
     lineColor: _color.colorBorderPrimary
   },
   yAxis: {
@@ -81,8 +83,10 @@ exports.addColorsToFunnelSeries = addColorsToFunnelSeries;
 const addColorsToFunnelDrilldownSeries = function (drilldownSeries) {
   let showInLegend = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   return {
+    // @ts-ignore - TS2322 - Type 'SeriesOptionsType' is not assignable to type 'SeriesOptionsType'.
     series: drilldownSeries.series?.map(series => ({
       ...series,
+      // @ts-ignore - TS7006 - Parameter 'dataPoint' implicitly has an 'any' type. | TS7006 - Parameter 'index' implicitly has an 'any' type.
       data: series.data.map((dataPoint, index) => ({
         ...dataPoint,
         color: (0, _charts.getDataVizColor)(index) // Assign a color dynamically based on index

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

@@ -0,0 +1,76 @@
+export declare const deepMerge: <T extends Record<any, any>>(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";
+    readonly verticalAlign: "middle";
+    readonly itemMarginBottom: 12;
+    readonly symbolPadding: 4;
+    readonly symbolWidth: 16;
+    readonly width: "40%";
+};
+export declare const bottomLegendRow: {
+    readonly layout: "horizontal";
+    readonly align: "center";
+    readonly verticalAlign: "bottom";
+    readonly itemDistance: 20;
+    readonly symbolPadding: 4;
+    readonly symbolWidth: 16;
+};
+export declare const yAxisTitleStyle: {
+    readonly color: "#565656";
+    readonly fontSize: "12px";
+    readonly fontWeight: "400";
+    readonly letterSpacing: "0.04em";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+export declare const xAxisTitleStyle: {
+    readonly color: "#565656";
+    readonly fontSize: "12px";
+    readonly fontWeight: "400";
+    readonly letterSpacing: "0.04em";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+export declare const yAxisLabelStyle: {
+    readonly fontSize: "12px";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly color: "#17172A";
+    readonly letterSpacing: "0em";
+    readonly fontWeight: "500";
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+export declare const xAxisLabelStyle: {
+    readonly fontSize: "12px";
+    readonly letterSpacing: "0.01em";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly color: "#17172A";
+    readonly fontWeight: "500";
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+export declare const activeLabelStyle: {
+    readonly color: "#17172A";
+    readonly fill: "#17172A";
+    readonly textDecoration: "underline";
+    readonly fontSize: "12px";
+    readonly letterSpacing: "0.01em";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly fontWeight: "500";
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/helpers.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,EAClD,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,CAC2B,CAAC;AAE/B,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/index.d.ts

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+import type { ChartOptions } from '../../types/charts';
+/**
+ * This function modifies the the common chart behavior to line chart default behavior.
+ * It will not take userPassed option into account.
+ */
+export declare const getLineChartOptions: () => ChartOptions;
+//# sourceMappingURL=lineChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lineChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/lineChart.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAWrD;;;GAGG;AAEH,eAAO,MAAM,mBAAmB,QAAO,YAiCrC,CAAC"}

package/lib/utils/charts/lineChart.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getLineChartOptions = void 0;
-var _color = require("../../styles/variables/_color.js");
+var _color = require("../../styles/variables/_color");
 var _charts = require("./charts");
 var _helpers = require("./helpers");
 var _typography = require("./typography");
@@ -12,6 +12,7 @@ var _typography = require("./typography");
  * This function modifies the the common chart behavior to line chart default behavior.
  * It will not take userPassed option into account.
  */
+
 const getLineChartOptions = () => ({
   ..._charts.commonChartOptions,
   chart: {
@@ -31,6 +32,7 @@ const getLineChartOptions = () => ({
       margin: 12,
       style: _helpers.xAxisTitleStyle
     },
+    // @ts-ignore - TS2322 - Type '{ labels: { style: { readonly fontSize: "12px"; readonly fontFamily: "Centra No 2"; readonly fontStyle: "normal"; readonly margin: 0; readonly color: "#17172A"; readonly letterSpacing: "0em"; readonly fontWeight: "500"; readonly display: "flex"; readonly alignItems: "center"; }; }; ... 6 more ...; type?: string | un...' is not assignable to type 'AxisOptions'.
     lineColor: _color.colorBorderPrimary
   },
   yAxis: {

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

@@ -0,0 +1,18 @@
+import type { ChartOptions } from '../../types/charts';
+export declare const bodySmallSecondary: {
+    readonly color: "#565656";
+    readonly fontSize: "12px";
+    readonly fontWeight: "400";
+    readonly letterSpacing: "0.04em";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+/**
+ * This function modifies the the common chart behavior to spider chart default behavior.
+ * It will not take userPassed option into account.
+ */
+export declare const getSpiderChartOptions: () => ChartOptions;
+//# sourceMappingURL=spiderChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spiderChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/spiderChart.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAOrD,eAAO,MAAM,kBAAkB;;;;;;;;;;CAGrB,CAAC;AAEX;;;GAGG;AAEH,eAAO,MAAM,qBAAqB,QAAO,YAsCvC,CAAC"}

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

@@ -0,0 +1,58 @@
+export declare const baseType: {
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly color: "#17172A";
+    readonly letterSpacing: "0em";
+    readonly fontWeight: "500";
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+export declare const bodySmall: {
+    readonly fontSize: "12px";
+    readonly fontWeight: "400";
+    readonly letterSpacing: "0.04em";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly color: "#17172A";
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+export declare const formLabelSmall: {
+    readonly fontSize: "12px";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly color: "#17172A";
+    readonly letterSpacing: "0em";
+    readonly fontWeight: "500";
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+export declare const buttonTextExtraSmall: {
+    readonly fontSize: "12px";
+    readonly letterSpacing: "0.01em";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly color: "#17172A";
+    readonly fontWeight: "500";
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+export declare const underline: {
+    readonly textDecoration: "underline";
+};
+export declare const subTitleExtraSmall: {
+    readonly fontSize: "12px";
+    readonly letterSpacing: "0em";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly color: "#17172A";
+    readonly fontWeight: "500";
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+//# sourceMappingURL=typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/typography.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,QAAQ;;;;;;;;;CASX,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;CAKZ,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;;;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;;;;;;CAKvB,CAAC;AAEX,eAAO,MAAM,SAAS;;CAEZ,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;;;;;;CAKrB,CAAC"}

package/lib/utils/classify/classify.stories.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import classify from './';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: typeof classify;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Example: () => React.ReactElement<React.ComponentProps<"div">>;
+//# sourceMappingURL=classify.stories.d.ts.map

package/lib/utils/classify/classify.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classify.stories.d.ts","sourceRoot":"","sources":["../../../src/utils/classify/classify.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,QAAQ,MAAM,IAAI,CAAC;;;;;;;;;;;;;AAK1B,wBAsCE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAexE,CAAC"}

package/lib/utils/classify/classify.stories.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Example = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Text = require("../../components/Text");
+var _ = _interopRequireDefault(require("./"));
+var _classifyStoriesModule = _interopRequireDefault(require("./classify.stories.module.css"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  tags: ['autodocs'],
+  title: 'Utils/Classify',
+  component: _.default,
+  parameters: {
+    docs: {
+      description: {
+        component: `
+\`\`\`js
+import classify from "@spaced-out/ui-design-system/lib/utils/classify";
+\`\`\`
+The \`classify\` utility is a function that takes multiple arguments and returns a string with the concatenated values. It is commonly used to generate CSS class names based on conditional values.
+
+### Usage
+\`\`\`jsx
+import classify from './classify';
+
+const MyComponent = () => {
+  const className = classify(
+    'my-class',
+    { 'conditional-class': true },
+    { 'another-class': false },
+    'extra-class'
+  );
+
+  return (
+    <div className={className}>
+      <BodyLarge>This element has multiple class names</BodyLarge>
+    </div>
+  );
+};
+
+export default MyComponent;
+\`\`\`
+          `
+      }
+    }
+  }
+};
+const Example = () => {
+  const className = (0, _.default)('my-class', {
+    'conditional-class': true
+  }, {
+    'another-class': false
+  }, 'extra-class');
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: className
+  }, /*#__PURE__*/_react.default.createElement(_Text.BodyLarge, {
+    className: _classifyStoriesModule.default.text
+  }, "This element has multiple class names"));
+};
+exports.Example = Example;

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

@@ -0,0 +1,3 @@
+export declare function classify(...args: Array<unknown>): string;
+export default classify;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/classify/index.ts"],"names":[],"mappings":"AAIA,wBAAgB,QAAQ,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,CAoBxD;AAED,eAAe,QAAQ,CAAC"}