@spaced-out/ui-design-system 0.1.94-beta.1 → 0.1.94-beta.2

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.1.94-beta.2](https://github.com/spaced-out/ui-design-system/compare/v0.1.94-beta.1...v0.1.94-beta.2) (2024-05-14)
+
+
+### Bug Fixes
+
+* updated the correct folder structure ([#202](https://github.com/spaced-out/ui-design-system/issues/202)) ([ebfc464](https://github.com/spaced-out/ui-design-system/commit/ebfc464e93c7d9c637ef2987e393cf6e8f94c501))
+
 ### [0.1.94-beta.1](https://github.com/spaced-out/ui-design-system/compare/v0.1.94-beta.0...v0.1.94-beta.1) (2024-05-13)
 
 

package/lib/components/Charts/{ChartTooltip.module.css → ChartTooltip/ChartTooltip.module.css}

@@ -2,11 +2,11 @@
   fontSize14,
   fontWeightBook,
   fontLineHeight150,
-  fontLetterSpacing0) from '../../styles/variables/_font.css';
-@value (colorTextInversePrimary, colorTextInverseSecondary) from '../../styles/variables/_color.css';
-@value (spaceNone, spaceXXSmall) from '../../styles/variables/_space.css';
-@value (size8) from '../../styles/variables/_size.css';
-@value (borderRadiusCircle) from '../../styles/variables/_border.css';
+  fontLetterSpacing0) from '../../../styles/variables/_font.css';
+@value (colorTextInversePrimary, colorTextInverseSecondary) from '../../../styles/variables/_color.css';
+@value (spaceNone, spaceXXSmall) from '../../../styles/variables/_space.css';
+@value (size8) from '../../../styles/variables/_size.css';
+@value (borderRadiusCircle) from '../../../styles/variables/_border.css';
 
 .tooltipHeader {
   margin: spaceNone;

package/lib/components/Charts/{ChartTooltip.js → ChartTooltip/index.js}

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tooltipTheme = void 0;
-var _typographyModule = _interopRequireDefault(require("../../styles/typography.module.css"));
+var _typographyModule = _interopRequireDefault(require("../../../styles/typography.module.css"));
 var _ChartTooltipModule = _interopRequireDefault(require("./ChartTooltip.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/components/Charts/{ChartTooltip.js.flow → ChartTooltip/index.js.flow}

@@ -1,8 +1,8 @@
 // @flow strict
 
-import type {Tooltip} from '../../types/charts';
+import type {Tooltip} from '../../../types/charts';
 
-import typographyCss from '../../styles/typography.module.css';
+import typographyCss from '../../../styles/typography.module.css';
 import css from './ChartTooltip.module.css';
 
 

package/lib/components/{ChartWrapper → Charts/ChartWrapper}/ChartWrapper.js

@@ -9,11 +9,11 @@ var _highcharts = _interopRequireDefault(require("highcharts"));
 var _accessibility = _interopRequireDefault(require("highcharts/modules/accessibility"));
 var _drilldown = _interopRequireDefault(require("highcharts/modules/drilldown"));
 var _exporting = _interopRequireDefault(require("highcharts/modules/exporting"));
-var _size = require("../../styles/variables/_size");
-var _classify = _interopRequireDefault(require("../../utils/classify"));
-var _ButtonDropdown = require("../ButtonDropdown");
-var _Card = require("../Card");
-var _CircularLoader = require("../CircularLoader");
+var _size = require("../../../styles/variables/_size");
+var _classify = _interopRequireDefault(require("../../../utils/classify"));
+var _ButtonDropdown = require("../../ButtonDropdown");
+var _Card = require("../../Card");
+var _CircularLoader = require("../../CircularLoader");
 var _ChartWrapperModule = _interopRequireDefault(require("./ChartWrapper.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

package/lib/components/{ChartWrapper → Charts/ChartWrapper}/ChartWrapper.js.flow

@@ -10,12 +10,18 @@ import drilldown from 'highcharts/modules/drilldown';
 //$FlowFixMe[untyped-import]
 import exporting from 'highcharts/modules/exporting';
 
-import {size180} from '../../styles/variables/_size';
-import classify from '../../utils/classify';
-import {ANCHOR_POSITION_TYPE, ButtonDropdown} from '../ButtonDropdown';
-import {Card, CardActions, CardContent, CardHeader, CardTitle} from '../Card';
-import {CircularLoader} from '../CircularLoader';
-import type {MenuOption} from '../Menu';
+import {size180} from '../../../styles/variables/_size';
+import classify from '../../../utils/classify';
+import {ANCHOR_POSITION_TYPE, ButtonDropdown} from '../../ButtonDropdown';
+import {
+  Card,
+  CardActions,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from '../../Card';
+import {CircularLoader} from '../../CircularLoader';
+import type {MenuOption} from '../../Menu';
 
 import css from './ChartWrapper.module.css';
 

package/lib/components/{ChartWrapper → Charts/ChartWrapper}/ChartWrapper.module.css

@@ -1,5 +1,5 @@
-@value (spaceXSmall) from '../../styles/variables/_space.css';
-@value (size4,size5,size50,size400,size960) from '../../styles/variables/_size.css';
+@value (spaceXSmall) from '../../../styles/variables/_space.css';
+@value (size4,size5,size50,size400,size960) from '../../../styles/variables/_size.css';
 
 .wrapper {
   display: flex;

package/lib/components/{ColumnChart → Charts/ColumnChart}/ColumnChart.js

@@ -7,8 +7,8 @@ exports.ColumnChart = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _highcharts = _interopRequireDefault(require("highcharts"));
 var _highchartsReactOfficial = _interopRequireDefault(require("highcharts-react-official"));
-var _charts = require("../../utils/charts");
-var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _charts = require("../../../utils/charts");
+var _classify = _interopRequireDefault(require("../../../utils/classify"));
 var _ChartWrapper = require("../ChartWrapper");
 var _ColumnChartModule = _interopRequireDefault(require("./ColumnChart.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/{ColumnChart → Charts/ColumnChart}/ColumnChart.js.flow

@@ -6,31 +6,39 @@ import Highcharts from 'highcharts';
 //$FlowFixMe[untyped-import]
 import HighchartsReact from 'highcharts-react-official';
 
-import type {DataOptionsType, Drilldown} from '../../types/charts';
+import type {
+  ChartOptions,
+  DataOptionsType,
+  Drilldown,
+} from '../../../types/charts';
 import {
   columnPlotWidth,
   getColumnChartOptions,
   getDataVizColor,
   mergeChartUserOptions,
-} from '../../utils/charts';
-import classify from '../../utils/classify';
-import type {ChartWrapperClassNames, ExportOptionType} from '../ChartWrapper';
-import {ChartWrapper} from '../ChartWrapper';
+} from '../../../utils/charts';
+import classify from '../../../utils/classify';
+import {
+  type ChartWrapperClassNames,
+  type ExportOptionType,
+  ChartWrapper,
+} from '../ChartWrapper';
 
 import css from './ColumnChart.module.css';
 
 
-type ClassNames = $ReadOnly<{
+export type ClassNames = $ReadOnly<{
   ...ChartWrapperClassNames,
   highChart?: string,
 }>;
 
-type ColumnSeries = {
+export type ColumnSeries = {
   name: string,
   data: DataOptionsType[],
 };
 
 export type ColumnChartProps = {
+  ...ChartOptions,
   isLoading?: boolean,
   classNames?: ClassNames,
   cardTitle?: React.Node,

package/lib/components/{ColumnChart → Charts/ColumnChart}/ColumnChart.module.css

@@ -1,5 +1,5 @@
-@value (colorFillPrimary) from '../../styles/variables/_color.css';
-@value (size400, size660, sizeFluid) from  '../../styles/variables/_size.css';
+@value (colorFillPrimary) from '../../../styles/variables/_color.css';
+@value (size400, size660, sizeFluid) from  '../../../styles/variables/_size.css';
 
 .columnChartContainer {
   width: sizeFluid;

package/lib/components/{DonutChart → Charts/DonutChart}/DonutChart.js

@@ -7,10 +7,10 @@ exports.DonutChart = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _highcharts = _interopRequireDefault(require("highcharts"));
 var _highchartsReactOfficial = _interopRequireDefault(require("highcharts-react-official"));
-var _charts = require("../../utils/charts");
-var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _charts = require("../../../utils/charts");
+var _classify = _interopRequireDefault(require("../../../utils/classify"));
 var _ChartWrapper = require("../ChartWrapper");
-var _typographyModule = _interopRequireDefault(require("../../styles/typography.module.css"));
+var _typographyModule = _interopRequireDefault(require("../../../styles/typography.module.css"));
 var _DonutChartModule = _interopRequireDefault(require("./DonutChart.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

package/lib/components/{DonutChart → Charts/DonutChart}/DonutChart.js.flow

@@ -7,24 +7,28 @@ import Highcharts from 'highcharts';
 import HighchartsReact from 'highcharts-react-official';
 
 import type {
+  ChartOptions,
   Drilldown,
   LegendOptionsType,
   SeriesOptionsType,
-} from '../../types/charts';
+} from '../../../types/charts';
 import {
   getDataVizColor,
   getDonutChartOptions,
   mergeChartUserOptions,
-} from '../../utils/charts';
-import classify from '../../utils/classify';
-import type {ChartWrapperClassNames, ExportOptionType} from '../ChartWrapper';
-import {ChartWrapper} from '../ChartWrapper';
+} from '../../../utils/charts';
+import classify from '../../../utils/classify';
+import {
+  type ChartWrapperClassNames,
+  type ExportOptionType,
+  ChartWrapper,
+} from '../ChartWrapper';
 
-import typographyCss from '../../styles/typography.module.css';
+import typographyCss from '../../../styles/typography.module.css';
 import css from './DonutChart.module.css';
 
 
-type ClassNames = $ReadOnly<{
+export type ClassNames = $ReadOnly<{
   ...ChartWrapperClassNames,
   highChart?: string,
   subtitleClassNames?: SubtitleClassNames,
@@ -37,6 +41,7 @@ export type SubtitleClassNames = {
 };
 
 export type DonutChartProps = {
+  ...ChartOptions,
   isLoading?: boolean,
   classNames?: ClassNames,
   cardTitle?: React.Node,

package/lib/components/{DonutChart → Charts/DonutChart}/DonutChart.module.css

@@ -7,12 +7,12 @@
   fontLineHeight130,
   fontLetterSpacingMinus3,
   fontLetterSpacing4
-) from  '../../styles/variables/_font.css';
+) from  '../../../styles/variables/_font.css';
 
-@value (colorTextPrimary, colorTextSecondary) from  '../../styles/variables/_color.css';
-@value (size240, size300, size400, size500, sizeFluid) from  '../../styles/variables/_size.css';
+@value (colorTextPrimary, colorTextSecondary) from  '../../../styles/variables/_color.css';
+@value (size240, size300, size400, size500, sizeFluid) from  '../../../styles/variables/_size.css';
 
-@value (spaceNone, spaceXSmall) from  '../../styles/variables/_space.css';
+@value (spaceNone, spaceXSmall) from  '../../../styles/variables/_space.css';
 
 .wrapper {
   display: flex;

package/lib/components/{LineChart → Charts/LineChart}/LineChart.js

@@ -7,8 +7,8 @@ exports.LineChart = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _highcharts = _interopRequireDefault(require("highcharts"));
 var _highchartsReactOfficial = _interopRequireDefault(require("highcharts-react-official"));
-var _charts = require("../../utils/charts");
-var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _charts = require("../../../utils/charts");
+var _classify = _interopRequireDefault(require("../../../utils/classify"));
 var _ChartWrapper = require("../ChartWrapper");
 var _LineChartModule = _interopRequireDefault(require("./LineChart.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/{LineChart → Charts/LineChart}/LineChart.js.flow

@@ -6,30 +6,38 @@ import Highcharts from 'highcharts';
 //$FlowFixMe[untyped-import]
 import HighchartsReact from 'highcharts-react-official';
 
-import type {DataOptionsType, Drilldown} from '../../types/charts';
+import type {
+  ChartOptions,
+  DataOptionsType,
+  Drilldown,
+} from '../../../types/charts';
 import {
   getDataVizColor,
   getLineChartOptions,
   mergeChartUserOptions,
-} from '../../utils/charts';
-import classify from '../../utils/classify';
-import type {ChartWrapperClassNames, ExportOptionType} from '../ChartWrapper';
-import {ChartWrapper} from '../ChartWrapper';
+} from '../../../utils/charts';
+import classify from '../../../utils/classify';
+import {
+  type ChartWrapperClassNames,
+  type ExportOptionType,
+  ChartWrapper,
+} from '../ChartWrapper';
 
 import css from './LineChart.module.css';
 
 
-type ClassNames = $ReadOnly<{
+export type ClassNames = $ReadOnly<{
   ...ChartWrapperClassNames,
   highChart?: string,
 }>;
 
-type LineSeriesItem = {
+export type LineSeriesItem = {
   name: string,
   data: DataOptionsType[],
 };
 
 export type LineChartProps = {
+  ...ChartOptions,
   isLoading?: boolean,
   classNames?: ClassNames,
   cardTitle?: React.Node,

package/lib/components/{LineChart → Charts/LineChart}/LineChart.module.css

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

package/lib/components/{SpiderChart → Charts/SpiderChart}/SpiderChart.js

@@ -8,8 +8,8 @@ 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 _charts = require("../../../utils/charts");
+var _classify = _interopRequireDefault(require("../../../utils/classify"));
 var _ChartWrapper = require("../ChartWrapper");
 var _SpiderChartModule = _interopRequireDefault(require("./SpiderChart.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/{SpiderChart → Charts/SpiderChart}/SpiderChart.js.flow

@@ -8,15 +8,18 @@ import highChartsMore from 'highcharts/highcharts-more';
 //$FlowFixMe[untyped-import]
 import HighchartsReact from 'highcharts-react-official';
 
-import type {DataOptionsType} from '../../types/charts';
+import type {ChartOptions, DataOptionsType} from '../../../types/charts';
 import {
   getDataVizColor,
   getSpiderChartOptions,
   mergeChartUserOptions,
-} from '../../utils/charts';
-import classify from '../../utils/classify';
-import type {ChartWrapperClassNames, ExportOptionType} from '../ChartWrapper';
-import {ChartWrapper} from '../ChartWrapper';
+} from '../../../utils/charts';
+import classify from '../../../utils/classify';
+import {
+  type ChartWrapperClassNames,
+  type ExportOptionType,
+  ChartWrapper,
+} from '../ChartWrapper';
 
 import css from './SpiderChart.module.css';
 
@@ -30,17 +33,18 @@ if (
   highChartsMore(Highcharts);
 }
 
-type ClassNames = $ReadOnly<{
+export type ClassNames = $ReadOnly<{
   ...ChartWrapperClassNames,
   highChart?: string,
 }>;
 
-type SpiderSeriesItem = {
+export type SpiderSeriesItem = {
   name: string,
   data: DataOptionsType[],
 };
 
 export type SpiderChartProps = {
+  ...ChartOptions,
   isLoading?: boolean,
   classNames?: ClassNames,
   cardTitle?: React.Node,

package/lib/components/{SpiderChart → Charts/SpiderChart}/SpiderChart.module.css

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

package/lib/components/Charts/index.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _charts = require("../../types/charts");
-Object.keys(_charts).forEach(function (key) {
+var _ChartTooltip = require("./ChartTooltip");
+Object.keys(_ChartTooltip).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _charts[key]) return;
+  if (key in exports && exports[key] === _ChartTooltip[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _charts[key];
+      return _ChartTooltip[key];
     }
   });
 });
-var _ChartWrapper = require("../ChartWrapper");
+var _ChartWrapper = require("./ChartWrapper");
 Object.keys(_ChartWrapper).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ChartWrapper[key]) return;
@@ -25,7 +25,7 @@ Object.keys(_ChartWrapper).forEach(function (key) {
     }
   });
 });
-var _ColumnChart = require("../ColumnChart");
+var _ColumnChart = require("./ColumnChart");
 Object.keys(_ColumnChart).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ColumnChart[key]) return;
@@ -36,7 +36,7 @@ Object.keys(_ColumnChart).forEach(function (key) {
     }
   });
 });
-var _DonutChart = require("../DonutChart");
+var _DonutChart = require("./DonutChart");
 Object.keys(_DonutChart).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _DonutChart[key]) return;
@@ -47,7 +47,7 @@ Object.keys(_DonutChart).forEach(function (key) {
     }
   });
 });
-var _LineChart = require("../LineChart");
+var _LineChart = require("./LineChart");
 Object.keys(_LineChart).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _LineChart[key]) return;
@@ -58,7 +58,7 @@ Object.keys(_LineChart).forEach(function (key) {
     }
   });
 });
-var _SpiderChart = require("../SpiderChart");
+var _SpiderChart = require("./SpiderChart");
 Object.keys(_SpiderChart).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _SpiderChart[key]) return;
@@ -68,15 +68,4 @@ Object.keys(_SpiderChart).forEach(function (key) {
       return _SpiderChart[key];
     }
   });
-});
-var _ChartTooltip = require("./ChartTooltip");
-Object.keys(_ChartTooltip).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ChartTooltip[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ChartTooltip[key];
-    }
-  });
 });

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

@@ -1,9 +1,8 @@
 // @flow strict
 
-export * from '../../types/charts';
-export * from '../ChartWrapper';
-export * from '../ColumnChart';
-export * from '../DonutChart';
-export * from '../LineChart';
-export * from '../SpiderChart';
 export * from './ChartTooltip';
+export * from './ChartWrapper';
+export * from './ColumnChart';
+export * from './DonutChart';
+export * from './LineChart';
+export * from './SpiderChart';

package/lib/types/index.js

@@ -3,6 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _charts = require("./charts");
+Object.keys(_charts).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _charts[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _charts[key];
+    }
+  });
+});
 var _common = require("./common");
 Object.keys(_common).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/types/index.js.flow

@@ -1,5 +1,6 @@
 // @flow strict
 
+export * from './charts';
 export * from './common';
 export * from './toast';
 export * from './typography';

package/lib/utils/charts/charts.js

@@ -7,7 +7,7 @@ exports.mergeChartUserOptions = exports.getDataVizColor = exports.commonChartOpt
 var _color = require("../../styles/variables/_color");
 var _helpers = require("./helpers");
 var _typography = require("./typography");
-var _ChartTooltipModule = _interopRequireDefault(require("../../components/Charts/ChartTooltip.module.css"));
+var _ChartTooltipModule = _interopRequireDefault(require("../../components/Charts/ChartTooltip/ChartTooltip.module.css"));
 var _typographyModule = _interopRequireDefault(require("../../styles/typography.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/utils/charts/charts.js.flow

@@ -17,7 +17,7 @@ import type {ChartOptions} from '../../types/charts';
 import {deepMerge} from './helpers';
 import {formLabelSmall, subTitleExtraSmall} from './typography';
 
-import css from '../../components/Charts/ChartTooltip.module.css';
+import css from '../../components/Charts/ChartTooltip/ChartTooltip.module.css';
 import typographyCss from '../../styles/typography.module.css';
 
 

package/lib/utils/index.js

@@ -14,6 +14,17 @@ Object.keys(_array).forEach(function (key) {
     }
   });
 });
+var _charts = require("./charts");
+Object.keys(_charts).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _charts[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _charts[key];
+    }
+  });
+});
 var _classify = require("./classify");
 Object.keys(_classify).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/utils/index.js.flow

@@ -1,6 +1,7 @@
 // @flow strict
 
 export * from './array';
+export * from './charts';
 export * from './classify';
 export * from './click-away';
 export * from './dom';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.1.94-beta.1",
+  "version": "0.1.94-beta.2",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {