@spaced-out/ui-design-system 0.3.45 → 0.3.46

package/lib/styles/variables/_shadow.js

@@ -4,52 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shadowBoxShadow4Y = exports.shadowBoxShadow4X = exports.shadowBoxShadow4Type = exports.shadowBoxShadow4Spread = exports.shadowBoxShadow4Color = exports.shadowBoxShadow4Blur = exports.shadowBoxShadow3Y = exports.shadowBoxShadow3X = exports.shadowBoxShadow3Type = exports.shadowBoxShadow3Spread = exports.shadowBoxShadow3Color = exports.shadowBoxShadow3Blur = exports.shadowBoxShadow2Y = exports.shadowBoxShadow2X = exports.shadowBoxShadow2Type = exports.shadowBoxShadow2Spread = exports.shadowBoxShadow2Color = exports.shadowBoxShadow2Blur = exports.shadowBoxShadow1Y = exports.shadowBoxShadow1X = exports.shadowBoxShadow1Type = exports.shadowBoxShadow1Spread = exports.shadowBoxShadow1Color = exports.shadowBoxShadow1Blur = void 0;
-
-const shadowBoxShadow1Color = '#12121214';
-exports.shadowBoxShadow1Color = shadowBoxShadow1Color;
-const shadowBoxShadow1Type = 'dropShadow';
-exports.shadowBoxShadow1Type = shadowBoxShadow1Type;
-const shadowBoxShadow1X = '0px';
-exports.shadowBoxShadow1X = shadowBoxShadow1X;
-const shadowBoxShadow1Y = '4px';
-exports.shadowBoxShadow1Y = shadowBoxShadow1Y;
-const shadowBoxShadow1Blur = '4px';
-exports.shadowBoxShadow1Blur = shadowBoxShadow1Blur;
-const shadowBoxShadow1Spread = '0px';
-exports.shadowBoxShadow1Spread = shadowBoxShadow1Spread;
-const shadowBoxShadow2Color = '#12121214';
-exports.shadowBoxShadow2Color = shadowBoxShadow2Color;
-const shadowBoxShadow2Type = 'dropShadow';
-exports.shadowBoxShadow2Type = shadowBoxShadow2Type;
-const shadowBoxShadow2X = '0px';
-exports.shadowBoxShadow2X = shadowBoxShadow2X;
-const shadowBoxShadow2Y = '8px';
-exports.shadowBoxShadow2Y = shadowBoxShadow2Y;
-const shadowBoxShadow2Blur = '8px';
-exports.shadowBoxShadow2Blur = shadowBoxShadow2Blur;
-const shadowBoxShadow2Spread = '0px';
-exports.shadowBoxShadow2Spread = shadowBoxShadow2Spread;
-const shadowBoxShadow3Color = '#1212121f';
-exports.shadowBoxShadow3Color = shadowBoxShadow3Color;
-const shadowBoxShadow3Type = 'dropShadow';
-exports.shadowBoxShadow3Type = shadowBoxShadow3Type;
-const shadowBoxShadow3X = '0px';
-exports.shadowBoxShadow3X = shadowBoxShadow3X;
-const shadowBoxShadow3Y = '12px';
-exports.shadowBoxShadow3Y = shadowBoxShadow3Y;
-const shadowBoxShadow3Blur = '12px';
-exports.shadowBoxShadow3Blur = shadowBoxShadow3Blur;
-const shadowBoxShadow3Spread = '0px';
-exports.shadowBoxShadow3Spread = shadowBoxShadow3Spread;
-const shadowBoxShadow4Color = '#12121233';
-exports.shadowBoxShadow4Color = shadowBoxShadow4Color;
-const shadowBoxShadow4Type = 'dropShadow';
-exports.shadowBoxShadow4Type = shadowBoxShadow4Type;
-const shadowBoxShadow4X = '0px';
-exports.shadowBoxShadow4X = shadowBoxShadow4X;
-const shadowBoxShadow4Y = '20px';
-exports.shadowBoxShadow4Y = shadowBoxShadow4Y;
-const shadowBoxShadow4Blur = '20px';
-exports.shadowBoxShadow4Blur = shadowBoxShadow4Blur;
-const shadowBoxShadow4Spread = '0px';
-exports.shadowBoxShadow4Spread = shadowBoxShadow4Spread;
+const shadowBoxShadow1Color = exports.shadowBoxShadow1Color = '#12121214';
+const shadowBoxShadow1Type = exports.shadowBoxShadow1Type = 'dropShadow';
+const shadowBoxShadow1X = exports.shadowBoxShadow1X = '0px';
+const shadowBoxShadow1Y = exports.shadowBoxShadow1Y = '4px';
+const shadowBoxShadow1Blur = exports.shadowBoxShadow1Blur = '4px';
+const shadowBoxShadow1Spread = exports.shadowBoxShadow1Spread = '0px';
+const shadowBoxShadow2Color = exports.shadowBoxShadow2Color = '#12121214';
+const shadowBoxShadow2Type = exports.shadowBoxShadow2Type = 'dropShadow';
+const shadowBoxShadow2X = exports.shadowBoxShadow2X = '0px';
+const shadowBoxShadow2Y = exports.shadowBoxShadow2Y = '8px';
+const shadowBoxShadow2Blur = exports.shadowBoxShadow2Blur = '8px';
+const shadowBoxShadow2Spread = exports.shadowBoxShadow2Spread = '0px';
+const shadowBoxShadow3Color = exports.shadowBoxShadow3Color = '#1212121f';
+const shadowBoxShadow3Type = exports.shadowBoxShadow3Type = 'dropShadow';
+const shadowBoxShadow3X = exports.shadowBoxShadow3X = '0px';
+const shadowBoxShadow3Y = exports.shadowBoxShadow3Y = '12px';
+const shadowBoxShadow3Blur = exports.shadowBoxShadow3Blur = '12px';
+const shadowBoxShadow3Spread = exports.shadowBoxShadow3Spread = '0px';
+const shadowBoxShadow4Color = exports.shadowBoxShadow4Color = '#12121233';
+const shadowBoxShadow4Type = exports.shadowBoxShadow4Type = 'dropShadow';
+const shadowBoxShadow4X = exports.shadowBoxShadow4X = '0px';
+const shadowBoxShadow4Y = exports.shadowBoxShadow4Y = '20px';
+const shadowBoxShadow4Blur = exports.shadowBoxShadow4Blur = '20px';
+const shadowBoxShadow4Spread = exports.shadowBoxShadow4Spread = '0px';

package/lib/styles/variables/_size.js

@@ -4,118 +4,60 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sizeFullViewportWidth = exports.sizeFullViewportHeight = exports.sizeFluid = exports.size960 = exports.size90 = exports.size880 = exports.size800 = exports.size8 = exports.size720 = exports.size70 = exports.size660 = exports.size66 = exports.size640 = exports.size60 = exports.size580 = exports.size58 = exports.size540 = exports.size500 = exports.size50 = exports.size5 = exports.size480 = exports.size48 = exports.size44 = exports.size42 = exports.size400 = exports.size40 = exports.size4 = exports.size380 = exports.size38 = exports.size36 = exports.size34 = exports.size320 = exports.size32 = exports.size300 = exports.size30 = exports.size28 = exports.size276 = exports.size260 = exports.size26 = exports.size252 = exports.size240 = exports.size24 = exports.size228 = exports.size22 = exports.size200 = exports.size20 = exports.size2 = exports.size180 = exports.size18 = exports.size160 = exports.size140 = exports.size1280 = exports.size125 = exports.size12 = exports.size110 = exports.size100 = exports.size10 = void 0;
-
-const size2 = '2px';
-exports.size2 = size2;
-const size4 = '4px';
-exports.size4 = size4;
-const size5 = '5px';
-exports.size5 = size5;
-const size8 = '8px';
-exports.size8 = size8;
-const size10 = '10px';
-exports.size10 = size10;
-const size12 = '12px';
-exports.size12 = size12;
-const size18 = '18px';
-exports.size18 = size18;
-const size20 = '20px';
-exports.size20 = size20;
-const size22 = '22px';
-exports.size22 = size22;
-const size24 = '24px';
-exports.size24 = size24;
-const size26 = '26px';
-exports.size26 = size26;
-const size28 = '28px';
-exports.size28 = size28;
-const size30 = '30px';
-exports.size30 = size30;
-const size32 = '32px';
-exports.size32 = size32;
-const size34 = '34px';
-exports.size34 = size34;
-const size36 = '36px';
-exports.size36 = size36;
-const size38 = '38px';
-exports.size38 = size38;
-const size40 = '40px';
-exports.size40 = size40;
-const size42 = '42px';
-exports.size42 = size42;
-const size44 = '44px';
-exports.size44 = size44;
-const size48 = '48px';
-exports.size48 = size48;
-const size50 = '50px';
-exports.size50 = size50;
-const size58 = '58px';
-exports.size58 = size58;
-const size60 = '60px';
-exports.size60 = size60;
-const size66 = '66px';
-exports.size66 = size66;
-const size70 = '70px';
-exports.size70 = size70;
-const size90 = '90px';
-exports.size90 = size90;
-const size100 = '100px';
-exports.size100 = size100;
-const size110 = '110px';
-exports.size110 = size110;
-const size125 = '125px';
-exports.size125 = size125;
-const size140 = '140px';
-exports.size140 = size140;
-const size160 = '160px';
-exports.size160 = size160;
-const size180 = '180px';
-exports.size180 = size180;
-const size200 = '200px';
-exports.size200 = size200;
-const size228 = '228px';
-exports.size228 = size228;
-const size240 = '240px';
-exports.size240 = size240;
-const size252 = '252px';
-exports.size252 = size252;
-const size260 = '260px';
-exports.size260 = size260;
-const size276 = '276px';
-exports.size276 = size276;
-const size300 = '300px';
-exports.size300 = size300;
-const size320 = '320px';
-exports.size320 = size320;
-const size380 = '380px';
-exports.size380 = size380;
-const size400 = '400px';
-exports.size400 = size400;
-const size480 = '480px';
-exports.size480 = size480;
-const size500 = '500px';
-exports.size500 = size500;
-const size540 = '540px';
-exports.size540 = size540;
-const size580 = '580px';
-exports.size580 = size580;
-const size640 = '640px';
-exports.size640 = size640;
-const size660 = '660px';
-exports.size660 = size660;
-const size720 = '720px';
-exports.size720 = size720;
-const size800 = '800px';
-exports.size800 = size800;
-const size880 = '880px';
-exports.size880 = size880;
-const size960 = '960px';
-exports.size960 = size960;
-const size1280 = '1280px';
-exports.size1280 = size1280;
-const sizeFluid = '100%';
-exports.sizeFluid = sizeFluid;
-const sizeFullViewportHeight = '100vh';
-exports.sizeFullViewportHeight = sizeFullViewportHeight;
-const sizeFullViewportWidth = '100vw';
-exports.sizeFullViewportWidth = sizeFullViewportWidth;
+const size2 = exports.size2 = '2px';
+const size4 = exports.size4 = '4px';
+const size5 = exports.size5 = '5px';
+const size8 = exports.size8 = '8px';
+const size10 = exports.size10 = '10px';
+const size12 = exports.size12 = '12px';
+const size18 = exports.size18 = '18px';
+const size20 = exports.size20 = '20px';
+const size22 = exports.size22 = '22px';
+const size24 = exports.size24 = '24px';
+const size26 = exports.size26 = '26px';
+const size28 = exports.size28 = '28px';
+const size30 = exports.size30 = '30px';
+const size32 = exports.size32 = '32px';
+const size34 = exports.size34 = '34px';
+const size36 = exports.size36 = '36px';
+const size38 = exports.size38 = '38px';
+const size40 = exports.size40 = '40px';
+const size42 = exports.size42 = '42px';
+const size44 = exports.size44 = '44px';
+const size48 = exports.size48 = '48px';
+const size50 = exports.size50 = '50px';
+const size58 = exports.size58 = '58px';
+const size60 = exports.size60 = '60px';
+const size66 = exports.size66 = '66px';
+const size70 = exports.size70 = '70px';
+const size90 = exports.size90 = '90px';
+const size100 = exports.size100 = '100px';
+const size110 = exports.size110 = '110px';
+const size125 = exports.size125 = '125px';
+const size140 = exports.size140 = '140px';
+const size160 = exports.size160 = '160px';
+const size180 = exports.size180 = '180px';
+const size200 = exports.size200 = '200px';
+const size228 = exports.size228 = '228px';
+const size240 = exports.size240 = '240px';
+const size252 = exports.size252 = '252px';
+const size260 = exports.size260 = '260px';
+const size276 = exports.size276 = '276px';
+const size300 = exports.size300 = '300px';
+const size320 = exports.size320 = '320px';
+const size380 = exports.size380 = '380px';
+const size400 = exports.size400 = '400px';
+const size480 = exports.size480 = '480px';
+const size500 = exports.size500 = '500px';
+const size540 = exports.size540 = '540px';
+const size580 = exports.size580 = '580px';
+const size640 = exports.size640 = '640px';
+const size660 = exports.size660 = '660px';
+const size720 = exports.size720 = '720px';
+const size800 = exports.size800 = '800px';
+const size880 = exports.size880 = '880px';
+const size960 = exports.size960 = '960px';
+const size1280 = exports.size1280 = '1280px';
+const sizeFluid = exports.sizeFluid = '100%';
+const sizeFullViewportHeight = exports.sizeFullViewportHeight = '100vh';
+const sizeFullViewportWidth = exports.sizeFullViewportWidth = '100vw';

package/lib/styles/variables/_space.js

@@ -4,28 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.spaceXXSmall = exports.spaceXXLarge = exports.spaceXSmall = exports.spaceXLarge = exports.spaceSmall = exports.spaceNone = exports.spaceNegHalfFluid = exports.spaceNegFluid = exports.spaceMedium = exports.spaceLarge = exports.spaceHalfFluid = exports.spaceFluid = void 0;
-
-const spaceNone = '0px';
-exports.spaceNone = spaceNone;
-const spaceXXSmall = '4px';
-exports.spaceXXSmall = spaceXXSmall;
-const spaceXSmall = '8px';
-exports.spaceXSmall = spaceXSmall;
-const spaceSmall = '12px';
-exports.spaceSmall = spaceSmall;
-const spaceMedium = '20px';
-exports.spaceMedium = spaceMedium;
-const spaceLarge = '32px';
-exports.spaceLarge = spaceLarge;
-const spaceXLarge = '52px';
-exports.spaceXLarge = spaceXLarge;
-const spaceXXLarge = '84px';
-exports.spaceXXLarge = spaceXXLarge;
-const spaceFluid = '100%';
-exports.spaceFluid = spaceFluid;
-const spaceNegFluid = '-100%';
-exports.spaceNegFluid = spaceNegFluid;
-const spaceHalfFluid = '50%';
-exports.spaceHalfFluid = spaceHalfFluid;
-const spaceNegHalfFluid = '-50%';
-exports.spaceNegHalfFluid = spaceNegHalfFluid;
+const spaceNone = exports.spaceNone = '0px';
+const spaceXXSmall = exports.spaceXXSmall = '4px';
+const spaceXSmall = exports.spaceXSmall = '8px';
+const spaceSmall = exports.spaceSmall = '12px';
+const spaceMedium = exports.spaceMedium = '20px';
+const spaceLarge = exports.spaceLarge = '32px';
+const spaceXLarge = exports.spaceXLarge = '52px';
+const spaceXXLarge = exports.spaceXXLarge = '84px';
+const spaceFluid = exports.spaceFluid = '100%';
+const spaceNegFluid = exports.spaceNegFluid = '-100%';
+const spaceHalfFluid = exports.spaceHalfFluid = '50%';
+const spaceNegHalfFluid = exports.spaceNegHalfFluid = '-50%';

package/lib/types/charts.js

@@ -0,0 +1 @@
+"use strict";

package/lib/types/common.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ALERT_SEMANTIC = void 0;
-
-const ALERT_SEMANTIC = Object.freeze({
+const ALERT_SEMANTIC = exports.ALERT_SEMANTIC = Object.freeze({
   neutral: 'neutral',
   success: 'success',
   information: 'information',
   warning: 'warning',
   danger: 'danger'
-});
-exports.ALERT_SEMANTIC = ALERT_SEMANTIC;
+});

package/lib/types/menu.js

@@ -0,0 +1 @@
+"use strict";

package/lib/types/toast.js

@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.POSITIONS = exports.ACTIONS = void 0;
 var React = _interopRequireWildcard(require("react"));
-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); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const POSITIONS = {
+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',
   TOP_RIGHT: 'topRight',
@@ -16,9 +14,7 @@ const POSITIONS = {
   BOTTOM_RIGHT: 'bottomRight',
   BOTTOM_CENTER: 'bottomCenter'
 };
-exports.POSITIONS = POSITIONS;
-const ACTIONS = {
+const ACTIONS = exports.ACTIONS = {
   ADD: 'ADD',
   REMOVE: 'REMOVE'
-};
-exports.ACTIONS = ACTIONS;
+};

package/lib/types/typography.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TEXT_COLORS = void 0;
-
-const TEXT_COLORS = Object.freeze({
+const TEXT_COLORS = exports.TEXT_COLORS = Object.freeze({
   primary: 'primary',
   secondary: 'secondary',
   tertiary: 'tertiary',
@@ -19,5 +18,4 @@ const TEXT_COLORS = Object.freeze({
   inversePrimary: 'inversePrimary',
   inverseSecondary: 'inverseSecondary',
   favorite: 'favorite'
-});
-exports.TEXT_COLORS = TEXT_COLORS;
+});

package/lib/utils/array/are-arrays-equal.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.areArraysEqual = areArraysEqual;
-
 function areArraysEqual(array1, array2) {
   let itemComparer = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : (a, b) => a === b;
   return array1.length === array2.length && array1.every((value, index) => itemComparer(value, array2[index]));

package/lib/utils/charts/charts.js

@@ -9,21 +9,18 @@ var _helpers = require("./helpers");
 var _typography = require("./typography");
 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 }; }
-
-const DATA_VIZ_COLORS = [_color.colorDataViz1, _color.colorDataViz2, _color.colorDataViz3, _color.colorDataViz4, _color.colorDataViz5, _color.colorDataViz6, _color.colorDataViz7, _color.colorDataViz8];
-exports.DATA_VIZ_COLORS = DATA_VIZ_COLORS;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DATA_VIZ_COLORS = exports.DATA_VIZ_COLORS = [_color.colorDataViz1, _color.colorDataViz2, _color.colorDataViz3, _color.colorDataViz4, _color.colorDataViz5, _color.colorDataViz6, _color.colorDataViz7, _color.colorDataViz8];
 const getDataVizColor = dataIndex => {
   const colorIndex = dataIndex % DATA_VIZ_COLORS.length;
   return DATA_VIZ_COLORS[colorIndex];
 };
 exports.getDataVizColor = getDataVizColor;
-const breadcrumbStyle = {
+const breadcrumbStyle = exports.breadcrumbStyle = {
   ..._typography.subTitleExtraSmall,
   color: _color.colorTextSecondary
 };
-exports.breadcrumbStyle = breadcrumbStyle;
-const commonChartOptions = {
+const commonChartOptions = exports.commonChartOptions = {
   chart: {
     spacingBottom: 0,
     spacingLeft: 0,
@@ -87,6 +84,5 @@ const commonChartOptions = {
     }
   }
 };
-exports.commonChartOptions = commonChartOptions;
 const mergeChartUserOptions = (defaultoptions, userOptions) => (0, _helpers.deepMerge)(defaultoptions, userOptions);
 exports.mergeChartUserOptions = mergeChartUserOptions;

package/lib/utils/charts/columnChart.js

@@ -7,12 +7,10 @@ exports.getColumnChartOptions = exports.columnPlotWidth = void 0;
 var _color = require("../../styles/variables/_color.js");
 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: {
@@ -55,5 +53,4 @@ const getColumnChartOptions = () => ({
   }
 });
 exports.getColumnChartOptions = getColumnChartOptions;
-const columnPlotWidth = 28;
-exports.columnPlotWidth = columnPlotWidth;
+const columnPlotWidth = exports.columnPlotWidth = 28;

package/lib/utils/charts/donutChart.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.rightLegendColumn = exports.getDonutChartOptions = void 0;
 var _charts = require("./charts");
 var _helpers = require("./helpers");
-
 /**
  * Defining these constants here so that internal calculations are self explanatory.
  */
@@ -16,7 +15,7 @@ const CHART_WIDTH = 1 - LEGEND_WIDTH;
 const CHART_CENTER = (1 - LEGEND_WIDTH) / 2;
 const CHART_SIZE = 0.8; // chart size w.r.t area allocated to chart drawing;
 
-const rightLegendColumn = {
+const rightLegendColumn = exports.rightLegendColumn = {
   layout: 'vertical',
   align: 'right',
   verticalAlign: 'middle',
@@ -31,7 +30,7 @@ const rightLegendColumn = {
  * This function modifies the the common chart behavior to donut chart default behavior.
  * It will not take userPassed option into account.
  */
-exports.rightLegendColumn = rightLegendColumn;
+
 const getDonutChartOptions = _ref => {
   let {
     legend,
@@ -58,7 +57,6 @@ const getDonutChartOptions = _ref => {
             chart: {
               height: desiredHeight // Set the height dynamically based on the container's width
             },
-
             subtitle: {
               x: centerTextX
             }

package/lib/utils/charts/funnelChart.js

@@ -8,12 +8,10 @@ var _color = require("../../styles/variables/_color.js");
 var _charts = require("./charts");
 var _helpers = require("./helpers");
 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: {
@@ -76,7 +74,6 @@ const addColorsToFunnelSeries = function (series) {
       ...seriesItem,
       color: (0, _charts.getDataVizColor)(index) // Apply color based on index
     })),
-
     showInLegend // Ensure legend visibility
   }));
 };
@@ -90,7 +87,6 @@ const addColorsToFunnelDrilldownSeries = function (drilldownSeries) {
         ...dataPoint,
         color: (0, _charts.getDataVizColor)(index) // Assign a color dynamically based on index
       })),
-
       showInLegend // Ensure legend is displayed
     }))
   };

package/lib/utils/charts/helpers.js

@@ -7,8 +7,7 @@ exports.yAxisTitleStyle = exports.yAxisLabelStyle = exports.xAxisTitleStyle = ex
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _color = require("../../styles/variables/_color");
 var _typography = require("./typography");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const deepMerge = function (obj1, obj2) {
   for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
     args[_key - 2] = arguments[_key];
@@ -19,7 +18,7 @@ const deepMerge = function (obj1, obj2) {
   );
 };
 exports.deepMerge = deepMerge;
-const rightLineLegendColumn = {
+const rightLineLegendColumn = exports.rightLineLegendColumn = {
   layout: 'vertical',
   align: 'right',
   verticalAlign: 'middle',
@@ -28,8 +27,7 @@ const rightLineLegendColumn = {
   symbolWidth: 16,
   width: '40%'
 };
-exports.rightLineLegendColumn = rightLineLegendColumn;
-const bottomLegendRow = {
+const bottomLegendRow = exports.bottomLegendRow = {
   layout: 'horizontal',
   align: 'center',
   verticalAlign: 'bottom',
@@ -37,29 +35,23 @@ const bottomLegendRow = {
   symbolPadding: 4,
   symbolWidth: 16
 };
-exports.bottomLegendRow = bottomLegendRow;
-const yAxisTitleStyle = {
+const yAxisTitleStyle = exports.yAxisTitleStyle = {
   ..._typography.bodySmall,
   color: _color.colorTextSecondary
 };
-exports.yAxisTitleStyle = yAxisTitleStyle;
-const xAxisTitleStyle = {
+const xAxisTitleStyle = exports.xAxisTitleStyle = {
   ..._typography.bodySmall,
   color: _color.colorTextSecondary
 };
-exports.xAxisTitleStyle = xAxisTitleStyle;
-const yAxisLabelStyle = {
+const yAxisLabelStyle = exports.yAxisLabelStyle = {
   ..._typography.formLabelSmall
 };
-exports.yAxisLabelStyle = yAxisLabelStyle;
-const xAxisLabelStyle = {
+const xAxisLabelStyle = exports.xAxisLabelStyle = {
   ..._typography.buttonTextExtraSmall
 };
-exports.xAxisLabelStyle = xAxisLabelStyle;
-const activeLabelStyle = {
+const activeLabelStyle = exports.activeLabelStyle = {
   ..._typography.buttonTextExtraSmall,
   ..._typography.underline,
   color: _color.colorTextPrimary,
   fill: _color.colorTextPrimary
-};
-exports.activeLabelStyle = activeLabelStyle;
+};

package/lib/utils/charts/lineChart.js

@@ -8,12 +8,10 @@ var _color = require("../../styles/variables/_color.js");
 var _charts = require("./charts");
 var _helpers = require("./helpers");
 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: {

package/lib/utils/charts/spiderChart.js

@@ -8,8 +8,7 @@ var _color = require("../../styles/variables/_color");
 var _charts = require("./charts");
 var _helpers = require("./helpers");
 var _typography = require("./typography");
-
-const bodySmallSecondary = {
+const bodySmallSecondary = exports.bodySmallSecondary = {
   ..._typography.bodySmall,
   color: _color.colorTextSecondary
 };
@@ -18,7 +17,7 @@ const bodySmallSecondary = {
  * This function modifies the the common chart behavior to spider chart default behavior.
  * It will not take userPassed option into account.
  */
-exports.bodySmallSecondary = bodySmallSecondary;
+
 const getSpiderChartOptions = () => ({
   ..._charts.commonChartOptions,
   chart: {

package/lib/utils/charts/typography.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.underline = exports.subTitleExtraSmall = exports.formLabelSmall = exports.buttonTextExtraSmall = exports.bodySmall = exports.baseType = void 0;
 var _color = require("../../styles/variables/_color");
 var _font = require("../../styles/variables/_font");
-
-const baseType = {
+const baseType = exports.baseType = {
   fontFamily: 'Centra No 2',
   fontStyle: 'normal',
   margin: 0,
@@ -17,35 +16,29 @@ const baseType = {
   display: 'flex',
   alignItems: 'center'
 };
-exports.baseType = baseType;
-const bodySmall = {
+const bodySmall = exports.bodySmall = {
   ...baseType,
   fontSize: _font.fontSize12,
   fontWeight: _font.fontWeightBook,
   letterSpacing: _font.fontLetterSpacing4
 };
-exports.bodySmall = bodySmall;
-const formLabelSmall = {
+const formLabelSmall = exports.formLabelSmall = {
   ...baseType,
   fontSize: _font.fontSize12
   // Removing the font height as its breaking the chart axis labels
 };
-exports.formLabelSmall = formLabelSmall;
-const buttonTextExtraSmall = {
+const buttonTextExtraSmall = exports.buttonTextExtraSmall = {
   ...baseType,
   fontSize: _font.fontSize12,
   letterSpacing: _font.fontLetterSpacing1
   // Removing the font height as its breaking the chart axis labels
 };
-exports.buttonTextExtraSmall = buttonTextExtraSmall;
-const underline = {
+const underline = exports.underline = {
   textDecoration: 'underline'
 };
-exports.underline = underline;
-const subTitleExtraSmall = {
+const subTitleExtraSmall = exports.subTitleExtraSmall = {
   ...baseType,
   fontSize: _font.fontSize12,
   letterSpacing: _font.fontLetterSpacing0
   // Removing the font height as its breaking the chart axis labels
-};
-exports.subTitleExtraSmall = subTitleExtraSmall;
+};