@razorpay/blade 12.63.0 → 12.65.0

package/build/lib/web/production/components/Charts/LineChart/LineChart.web.js

@@ -3,6 +3,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import React__default from 'react';
 import { Line as Line$1, ResponsiveContainer, LineChart } from 'recharts';
 import '../utils/index.js';
+import '../CommonChartComponents/index.js';
 import { componentIds } from './componentIds.js';
 import '../../../utils/metaAttribute/index.js';
 import '../../BladeProvider/index.js';
@@ -16,11 +17,13 @@ import useTheme from '../../BladeProvider/useTheme.js';
 import useChartsColorTheme from '../utils/useColorTheme.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { getComponentId } from '../../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import { assignDataColorMapping } from '../utils/assignDataColorMapping/assignDataColorMapping.js';
+import { CommonChartComponentsContext } from '../CommonChartComponents/CommonChartComponentsContext.js';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.web.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 
-var _excluded = ["color", "strokeStyle", "type", "dot", "activeDot", "showLegend", "_index", "_colorTheme"],
+var _excluded = ["color", "strokeStyle", "type", "dot", "activeDot", "showLegend", "_index", "_colorTheme", "_totalLines"],
   _excluded2 = ["children", "colorTheme", "testID", "data"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -38,27 +41,32 @@ var Line = function Line(_ref) {
     showLegend = _ref$showLegend === void 0 ? true : _ref$showLegend,
     _index = _ref._index,
     _colorTheme = _ref._colorTheme,
+    _totalLines = _ref._totalLines,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var themeColors = useChartsColorTheme({
-    colorTheme: _colorTheme
+    colorTheme: _colorTheme,
+    chartName: 'line',
+    chartDataIndicators: _totalLines
   });
-  var colorToken = color ? getIn(theme.colors, color) : themeColors[_index !== null && _index !== void 0 ? _index : 0];
+  var colorToken = getIn(theme.colors, color !== null && color !== void 0 ? color : themeColors[_index !== null && _index !== void 0 ? _index : 0]);
   var strokeDasharray = strokeStyle === 'dashed' ? '5 5' : strokeStyle === 'dotted' ? '2 2' : undefined;
   var isLineDotted = strokeStyle === 'dashed';
   var animationBegin = isLineDotted ? theme.motion.delay.gentle + theme.motion.duration.xgentle : theme.motion.delay.gentle;
   var animationDuration = theme.motion.duration.xgentle;
   return /*#__PURE__*/jsx(Line$1, _objectSpread({
     stroke: colorToken,
-    strokeWidth: 3,
+    strokeWidth: 1.5,
     strokeDasharray: strokeDasharray,
     type: type,
     activeDot: activeDot,
     dot: dot,
     legendType: showLegend ? 'line' : 'none',
     animationBegin: animationBegin,
-    animationDuration: animationDuration
+    animationDuration: animationDuration,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
   }, props));
 };
 var ChartLine = /*#__PURE__*/assignWithoutSideEffects(Line, {
@@ -69,38 +77,82 @@ var ChartLine = /*#__PURE__*/assignWithoutSideEffects(Line, {
 var ChartLineWrapper = function ChartLineWrapper(_ref2) {
   var children = _ref2.children,
     _ref2$colorTheme = _ref2.colorTheme,
-    colorTheme = _ref2$colorTheme === void 0 ? 'default' : _ref2$colorTheme,
+    colorTheme = _ref2$colorTheme === void 0 ? 'categorical' : _ref2$colorTheme,
     testID = _ref2.testID,
     data = _ref2.data,
     restProps = _objectWithoutProperties(_ref2, _excluded2);
-  var lineChartModifiedChildrens = React__default.useMemo(function () {
-    var LineChartIndex = 0;
-    return React__default.Children.map(children, function (child) {
-      if (/*#__PURE__*/React__default.isValidElement(child) && getComponentId(child) === componentIds.ChartLine) {
-        return /*#__PURE__*/React__default.cloneElement(child, {
-          _index: LineChartIndex++,
-          _colorTheme: colorTheme
-        });
-      }
-      return child;
-    });
-  }, [children, colorTheme]);
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
-    name: 'line-chart',
-    testID: testID
-  })), makeAnalyticsAttribute(restProps)), {}, {
-    width: "100%",
-    height: "100%"
-  }, restProps), {}, {
-    children: /*#__PURE__*/jsx(ResponsiveContainer, {
+  var themeColors = useChartsColorTheme({
+    colorTheme: colorTheme,
+    chartName: 'line'
+  });
+  /**
+   * We need to check child of CharLineWrapper. if they have any custom color we store that.
+   * We need these mapping because colors of tooltip & legend is determine based on this
+   *  recharts do provide a color but it is hex code and we need blade color token .
+   */
+
+  var _React$useMemo = React__default.useMemo(function () {
+      var childrenArray = React__default.Children.toArray(children);
+      var dataColorMapping = {};
+      // Count ChartLine components
+      var totalLines = childrenArray.filter(function (child) {
+        return /*#__PURE__*/React__default.isValidElement(child) && getComponentId(child) === componentIds.ChartLine;
+      }).length;
+      var LineChartIndex = 0;
+      var lineChartModifiedChildrens = React__default.Children.map(children, function (child) {
+        if (/*#__PURE__*/React__default.isValidElement(child) && getComponentId(child) === componentIds.ChartLine) {
+          var _child$props, _child$props2;
+          var childColor = child === null || child === void 0 || (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.color;
+          var dataKey = child === null || child === void 0 || (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.dataKey;
+          if (dataKey) {
+            /**
+             *  if we have custom color given by user we use that other wise we just
+             *  assign theme colors to the dataColorMapping, in `assignDataColorMapping`
+             */
+            dataColorMapping[dataKey] = {
+              colorToken: childColor,
+              isCustomColor: Boolean(childColor)
+            };
+          }
+          return /*#__PURE__*/React__default.cloneElement(child, {
+            _index: LineChartIndex++,
+            _colorTheme: colorTheme,
+            _totaLine: totalLines
+          });
+        }
+        return child;
+      });
+      assignDataColorMapping(dataColorMapping, themeColors);
+      return {
+        dataColorMapping: dataColorMapping,
+        lineChartModifiedChildrens: lineChartModifiedChildrens,
+        totalLines: totalLines
+      };
+    }, [children, colorTheme, themeColors]),
+    dataColorMapping = _React$useMemo.dataColorMapping,
+    lineChartModifiedChildrens = _React$useMemo.lineChartModifiedChildrens;
+  return /*#__PURE__*/jsx(CommonChartComponentsContext.Provider, {
+    value: {
+      chartName: 'line',
+      dataColorMapping: dataColorMapping
+    },
+    children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+      name: 'line-chart',
+      testID: testID
+    })), makeAnalyticsAttribute(restProps)), {}, {
       width: "100%",
-      height: "100%",
-      children: /*#__PURE__*/jsx(LineChart, {
-        data: data,
-        children: lineChartModifiedChildrens
+      height: "100%"
+    }, restProps), {}, {
+      children: /*#__PURE__*/jsx(ResponsiveContainer, {
+        width: "100%",
+        height: "100%",
+        children: /*#__PURE__*/jsx(LineChart, {
+          data: data,
+          children: lineChartModifiedChildrens
+        })
       })
-    })
-  }));
+    }))
+  });
 };
 
 export { ChartLine, ChartLineWrapper };

package/build/lib/web/production/components/Charts/LineChart/LineChart.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.web.js","sources":["../../../../../../../src/components/Charts/LineChart/LineChart.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  LineChart as RechartsLineChart,\n  Line as RechartsLine,\n  ResponsiveContainer as RechartsResponsiveContainer,\n} from 'recharts';\nimport { useChartsColorTheme } from '../utils';\nimport type { ChartLineProps, ChartLineWrapperProps } from './types';\nimport { componentIds } from './componentIds';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst Line: React.FC<ChartLineProps> = ({\n  color,\n  strokeStyle = 'solid',\n  type = 'monotone',\n  dot = false,\n  activeDot = true,\n  showLegend = true,\n  _index,\n  _colorTheme,\n  ...props\n}) => {\n  const { theme } = useTheme();\n  const themeColors = useChartsColorTheme({ colorTheme: _colorTheme });\n  const colorToken = color ? getIn(theme.colors, color) : themeColors[_index ?? 0];\n\n  const strokeDasharray =\n    strokeStyle === 'dashed' ? '5 5' : strokeStyle === 'dotted' ? '2 2' : undefined;\n\n  const isLineDotted = strokeStyle === 'dashed';\n  const animationBegin = isLineDotted\n    ? theme.motion.delay.gentle + theme.motion.duration.xgentle\n    : theme.motion.delay.gentle;\n  const animationDuration = theme.motion.duration.xgentle;\n\n  return (\n    <RechartsLine\n      stroke={colorToken}\n      strokeWidth={3}\n      strokeDasharray={strokeDasharray}\n      type={type}\n      activeDot={activeDot}\n      dot={dot}\n      legendType={showLegend ? 'line' : 'none'}\n      animationBegin={animationBegin}\n      animationDuration={animationDuration}\n      {...props}\n    />\n  );\n};\n\nconst ChartLine = assignWithoutSideEffects(Line, {\n  componentId: componentIds.ChartLine,\n});\n\n// Main components\nconst ChartLineWrapper: React.FC<ChartLineWrapperProps & TestID & DataAnalyticsAttribute> = ({\n  children,\n  colorTheme = 'default',\n  testID,\n  data,\n  ...restProps\n}) => {\n  const lineChartModifiedChildrens = React.useMemo(() => {\n    let LineChartIndex = 0;\n    return React.Children.map(children, (child) => {\n      if (React.isValidElement(child) && getComponentId(child) === componentIds.ChartLine) {\n        return React.cloneElement(child, {\n          _index: LineChartIndex++,\n          _colorTheme: colorTheme,\n        } as Partial<ChartLineProps>);\n      }\n      return child;\n    });\n  }, [children, colorTheme]);\n  return (\n    <BaseBox\n      {...metaAttribute({ name: 'line-chart', testID })}\n      {...makeAnalyticsAttribute(restProps)}\n      width=\"100%\"\n      height=\"100%\"\n      {...restProps}\n    >\n      <RechartsResponsiveContainer width=\"100%\" height=\"100%\">\n        <RechartsLineChart data={data}>{lineChartModifiedChildrens}</RechartsLineChart>\n      </RechartsResponsiveContainer>\n    </BaseBox>\n  );\n};\n\nexport { ChartLine, ChartLineWrapper };\n"],"names":["Line","_ref","color","_ref$strokeStyle","strokeStyle","_ref$type","type","_ref$dot","dot","_ref$activeDot","activeDot","_ref$showLegend","showLegend","_index","_colorTheme","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","themeColors","useChartsColorTheme","colorTheme","colorToken","getIn","colors","strokeDasharray","undefined","isLineDotted","animationBegin","motion","delay","gentle","duration","xgentle","animationDuration","_jsx","RechartsLine","_objectSpread","stroke","strokeWidth","legendType","ChartLine","assignWithoutSideEffects","componentId","componentIds","ChartLineWrapper","_ref2","children","_ref2$colorTheme","testID","data","restProps","_excluded2","lineChartModifiedChildrens","React","useMemo","LineChartIndex","Children","map","child","isValidElement","getComponentId","cloneElement","BaseBox","metaAttribute","name","makeAnalyticsAttribute","width","height","RechartsResponsiveContainer","RechartsLineChart"],"mappings":"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"}
+{"version":3,"file":"LineChart.web.js","sources":["../../../../../../../src/components/Charts/LineChart/LineChart.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  LineChart as RechartsLineChart,\n  Line as RechartsLine,\n  ResponsiveContainer as RechartsResponsiveContainer,\n} from 'recharts';\nimport { useChartsColorTheme, assignDataColorMapping } from '../utils';\nimport { CommonChartComponentsContext } from '../CommonChartComponents';\nimport type { DataColorMapping } from '../CommonChartComponents/types';\nimport type { ChartLineProps, ChartLineWrapperProps } from './types';\nimport { componentIds } from './componentIds';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst Line: React.FC<ChartLineProps> = ({\n  color,\n  strokeStyle = 'solid',\n  type = 'monotone',\n  dot = false,\n  activeDot = true,\n  showLegend = true,\n  _index,\n  _colorTheme,\n  _totalLines,\n  ...props\n}) => {\n  const { theme } = useTheme();\n  const themeColors = useChartsColorTheme({\n    colorTheme: _colorTheme,\n    chartName: 'line',\n    chartDataIndicators: _totalLines,\n  });\n  const colorToken = getIn(theme.colors, color ?? themeColors[_index ?? 0]);\n\n  const strokeDasharray =\n    strokeStyle === 'dashed' ? '5 5' : strokeStyle === 'dotted' ? '2 2' : undefined;\n\n  const isLineDotted = strokeStyle === 'dashed';\n  const animationBegin = isLineDotted\n    ? theme.motion.delay.gentle + theme.motion.duration.xgentle\n    : theme.motion.delay.gentle;\n  const animationDuration = theme.motion.duration.xgentle;\n\n  return (\n    <RechartsLine\n      stroke={colorToken}\n      strokeWidth={1.5}\n      strokeDasharray={strokeDasharray}\n      type={type}\n      activeDot={activeDot}\n      dot={dot}\n      legendType={showLegend ? 'line' : 'none'}\n      animationBegin={animationBegin}\n      animationDuration={animationDuration}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    />\n  );\n};\n\nconst ChartLine = assignWithoutSideEffects(Line, {\n  componentId: componentIds.ChartLine,\n});\n\n// Main components\nconst ChartLineWrapper: React.FC<ChartLineWrapperProps & TestID & DataAnalyticsAttribute> = ({\n  children,\n  colorTheme = 'categorical',\n  testID,\n  data,\n  ...restProps\n}) => {\n  const themeColors = useChartsColorTheme({\n    colorTheme,\n    chartName: 'line',\n  });\n  /**\n   * We need to check child of CharLineWrapper. if they have any custom color we store that.\n   * We need these mapping because colors of tooltip & legend is determine based on this\n   *  recharts do provide a color but it is hex code and we need blade color token .\n   */\n\n  const { dataColorMapping, lineChartModifiedChildrens } = React.useMemo(() => {\n    const childrenArray = React.Children.toArray(children);\n    const dataColorMapping: DataColorMapping = {};\n    // Count ChartLine components\n    const totalLines = childrenArray.filter(\n      (child): child is React.ReactElement =>\n        React.isValidElement(child) && getComponentId(child) === componentIds.ChartLine,\n    ).length;\n\n    let LineChartIndex = 0;\n    const lineChartModifiedChildrens = React.Children.map(children, (child) => {\n      if (React.isValidElement(child) && getComponentId(child) === componentIds.ChartLine) {\n        const childColor = child?.props?.color;\n        const dataKey = (child?.props as ChartLineProps)?.dataKey as string;\n        if (dataKey) {\n          /**\n           *  if we have custom color given by user we use that other wise we just\n           *  assign theme colors to the dataColorMapping, in `assignDataColorMapping`\n           */\n          dataColorMapping[dataKey] = {\n            colorToken: childColor,\n            isCustomColor: Boolean(childColor),\n          };\n        }\n        return React.cloneElement(child, {\n          _index: LineChartIndex++,\n          _colorTheme: colorTheme,\n          _totaLine: totalLines,\n        } as Partial<ChartLineProps>);\n      }\n      return child;\n    });\n    assignDataColorMapping(dataColorMapping, themeColors);\n\n    return { dataColorMapping, lineChartModifiedChildrens, totalLines };\n  }, [children, colorTheme, themeColors]);\n\n  return (\n    <CommonChartComponentsContext.Provider value={{ chartName: 'line', dataColorMapping }}>\n      <BaseBox\n        {...metaAttribute({ name: 'line-chart', testID })}\n        {...makeAnalyticsAttribute(restProps)}\n        width=\"100%\"\n        height=\"100%\"\n        {...restProps}\n      >\n        <RechartsResponsiveContainer width=\"100%\" height=\"100%\">\n          <RechartsLineChart data={data}>{lineChartModifiedChildrens}</RechartsLineChart>\n        </RechartsResponsiveContainer>\n      </BaseBox>\n    </CommonChartComponentsContext.Provider>\n  );\n};\n\nexport { ChartLine, ChartLineWrapper };\n"],"names":["Line","_ref","color","_ref$strokeStyle","strokeStyle","_ref$type","type","_ref$dot","dot","_ref$activeDot","activeDot","_ref$showLegend","showLegend","_index","_colorTheme","_totalLines","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","themeColors","useChartsColorTheme","colorTheme","chartName","chartDataIndicators","colorToken","getIn","colors","strokeDasharray","undefined","isLineDotted","animationBegin","motion","delay","gentle","duration","xgentle","animationDuration","_jsx","RechartsLine","_objectSpread","stroke","strokeWidth","legendType","strokeLinecap","strokeLinejoin","ChartLine","assignWithoutSideEffects","componentId","componentIds","ChartLineWrapper","_ref2","children","_ref2$colorTheme","testID","data","restProps","_excluded2","_React$useMemo","React","useMemo","childrenArray","Children","toArray","dataColorMapping","totalLines","filter","child","isValidElement","getComponentId","length","LineChartIndex","lineChartModifiedChildrens","map","_child$props","_child$props2","childColor","dataKey","isCustomColor","Boolean","cloneElement","_totaLine","assignDataColorMapping","CommonChartComponentsContext","Provider","value","BaseBox","metaAttribute","name","makeAnalyticsAttribute","width","height","RechartsResponsiveContainer","RechartsLineChart"],"mappings":"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"}

package/build/lib/web/production/components/Charts/utils/assignDataColorMapping/assignDataColorMapping.js

@@ -0,0 +1,33 @@
+import { DEFAULT_COLOR } from '../tokens.js';
+
+/**
+ * Assigns colors to dataColorMapping based on theme colors and handles edge cases
+ * @param dataColorMapping - The data color mapping object to modify
+ * @param themeColors - Array of theme colors to assign
+ * @returns The modified dataColorMapping object
+ */
+var assignDataColorMapping = function assignDataColorMapping(dataColorMapping, themeColors) {
+  var _dataColorMapping$Obj;
+  // Check if dataColor mapping has only one key and if it does, we need to add the default color to the dataColorMapping if no color is provided.
+  if (Object.keys(dataColorMapping).length === 1 && !((_dataColorMapping$Obj = dataColorMapping[Object.keys(dataColorMapping)[0]]) !== null && _dataColorMapping$Obj !== void 0 && _dataColorMapping$Obj.colorToken)) {
+    dataColorMapping[Object.keys(dataColorMapping)[0]] = {
+      colorToken: DEFAULT_COLOR,
+      isCustomColor: false
+    };
+  }
+
+  // Assign theme colors to the dataColorMapping, if no color is assigned.
+  Object.keys(dataColorMapping).forEach(function (key, index) {
+    var _dataColorMapping$key;
+    if (!((_dataColorMapping$key = dataColorMapping[key]) !== null && _dataColorMapping$key !== void 0 && _dataColorMapping$key.colorToken)) {
+      dataColorMapping[key] = {
+        colorToken: themeColors[index],
+        isCustomColor: false
+      };
+    }
+  });
+  return dataColorMapping;
+};
+
+export { assignDataColorMapping };
+//# sourceMappingURL=assignDataColorMapping.js.map

package/build/lib/web/production/components/Charts/utils/assignDataColorMapping/assignDataColorMapping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assignDataColorMapping.js","sources":["../../../../../../../../src/components/Charts/utils/assignDataColorMapping/assignDataColorMapping.ts"],"sourcesContent":["import type { ChartsCategoricalColorToken } from '../types';\nimport { DEFAULT_COLOR } from '../tokens';\n\ntype DataColorMapping = Record<\n  string,\n  {\n    colorToken?: ChartsCategoricalColorToken | undefined;\n    isCustomColor: boolean;\n  }\n>;\n\n/**\n * Assigns colors to dataColorMapping based on theme colors and handles edge cases\n * @param dataColorMapping - The data color mapping object to modify\n * @param themeColors - Array of theme colors to assign\n * @returns The modified dataColorMapping object\n */\nexport const assignDataColorMapping = (\n  dataColorMapping: DataColorMapping,\n  themeColors: ChartsCategoricalColorToken[],\n): DataColorMapping => {\n  // Check if dataColor mapping has only one key and if it does, we need to add the default color to the dataColorMapping if no color is provided.\n  if (\n    Object.keys(dataColorMapping).length === 1 &&\n    !dataColorMapping[Object.keys(dataColorMapping)[0]]?.colorToken\n  ) {\n    dataColorMapping[Object.keys(dataColorMapping)[0]] = {\n      colorToken: DEFAULT_COLOR,\n      isCustomColor: false,\n    };\n  }\n\n  // Assign theme colors to the dataColorMapping, if no color is assigned.\n  Object.keys(dataColorMapping).forEach((key, index) => {\n    if (!dataColorMapping[key]?.colorToken) {\n      dataColorMapping[key] = {\n        colorToken: themeColors[index],\n        isCustomColor: false,\n      };\n    }\n  });\n\n  return dataColorMapping;\n};\n"],"names":["assignDataColorMapping","dataColorMapping","themeColors","_dataColorMapping$Obj","Object","keys","length","colorToken","DEFAULT_COLOR","isCustomColor","forEach","key","index","_dataColorMapping$key"],"mappings":";;AAWA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CACjCC,gBAAkC,EAClCC,WAA0C,EACrB;AAAA,EAAA,IAAAC,qBAAA,CAAA;AACrB;AACA,EAAA,IACEC,MAAM,CAACC,IAAI,CAACJ,gBAAgB,CAAC,CAACK,MAAM,KAAK,CAAC,IAC1C,EAAAH,CAAAA,qBAAA,GAACF,gBAAgB,CAACG,MAAM,CAACC,IAAI,CAACJ,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,MAAA,IAAA,IAAAE,qBAAA,KAAA,KAAA,CAAA,IAAlDA,qBAAA,CAAoDI,UAAU,CAC/D,EAAA;IACAN,gBAAgB,CAACG,MAAM,CAACC,IAAI,CAACJ,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;AACnDM,MAAAA,UAAU,EAAEC,aAAa;AACzBC,MAAAA,aAAa,EAAE,KAAA;KAChB,CAAA;AACH,GAAA;;AAEA;AACAL,EAAAA,MAAM,CAACC,IAAI,CAACJ,gBAAgB,CAAC,CAACS,OAAO,CAAC,UAACC,GAAG,EAAEC,KAAK,EAAK;AAAA,IAAA,IAAAC,qBAAA,CAAA;AACpD,IAAA,IAAI,EAAAA,CAAAA,qBAAA,GAACZ,gBAAgB,CAACU,GAAG,CAAC,MAAA,IAAA,IAAAE,qBAAA,KAAA,KAAA,CAAA,IAArBA,qBAAA,CAAuBN,UAAU,CAAE,EAAA;MACtCN,gBAAgB,CAACU,GAAG,CAAC,GAAG;AACtBJ,QAAAA,UAAU,EAAEL,WAAW,CAACU,KAAK,CAAC;AAC9BH,QAAAA,aAAa,EAAE,KAAA;OAChB,CAAA;AACH,KAAA;AACF,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOR,gBAAgB,CAAA;AACzB;;;;"}

package/build/lib/web/production/components/Charts/utils/assignDataColorMapping/index.js

@@ -0,0 +1,2 @@
+export { assignDataColorMapping } from './assignDataColorMapping.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/production/components/Charts/utils/assignDataColorMapping/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/web/production/components/Charts/utils/getHighestColorInRange.js

@@ -0,0 +1,53 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+
+/**
+ *
+ * @param colorToken - The color token to get the highest color for
+ * @param followIntensityMapping - Whether to follow the intensity mapping for the color token (only for categorical colors)
+ * if enabled, the color token will be mapped to the intensity based on the intensity mapping
+ * if disabled, the color token will be mapped to the strong intensity
+ * @returns The highest color token in the range
+ */
+
+var getHighestColorInRange = function getHighestColorInRange(_ref) {
+  var colorToken = _ref.colorToken,
+    _ref$followIntensityM = _ref.followIntensityMapping,
+    followIntensityMapping = _ref$followIntensityM === void 0 ? false : _ref$followIntensityM;
+  // Check if it's a sequential color token
+  var sequentialMatch = colorToken.match(/^data\.background\.sequential\.([^.]+)\.(\d+)$/);
+  if (sequentialMatch) {
+    var _sequentialMatch = _slicedToArray(sequentialMatch, 2),
+      colorName = _sequentialMatch[1];
+    return "data.background.sequential.".concat(colorName, ".1000");
+  }
+
+  // Check if it's a categorical color token
+  var categoricalMatch = colorToken.match(/^data\.background\.categorical\.([^.]+)\.([^.]+)$/);
+  if (categoricalMatch) {
+    var _categoricalMatch = _slicedToArray(categoricalMatch, 3),
+      _colorName = _categoricalMatch[1],
+      intensity = _categoricalMatch[2];
+    if (followIntensityMapping) {
+      // Dynamic color intensity mapping
+      var intensityMapping = {
+        faint: 'strong',
+        subtle: 'intense',
+        moderate: 'moderate',
+        intense: 'subtle',
+        strong: 'faint'
+      };
+      var mappedIntensity = intensityMapping[intensity] || intensity;
+      return "data.background.categorical.".concat(_colorName, ".").concat(mappedIntensity);
+    } else {
+      // Default behavior: always return strong
+      return "data.background.categorical.".concat(_colorName, ".strong");
+    }
+  }
+
+  // This should never happen due to TypeScript typing, but handle gracefully
+  console.warn("Invalid color token format: ".concat(colorToken, ". Expected format: data.background.{categorical|sequential}.{color}.{intensity|value}"));
+  return colorToken;
+};
+
+export { getHighestColorInRange };
+//# sourceMappingURL=getHighestColorInRange.js.map

package/build/lib/web/production/components/Charts/utils/getHighestColorInRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getHighestColorInRange.js","sources":["../../../../../../../src/components/Charts/utils/getHighestColorInRange.ts"],"sourcesContent":["import type { ChartColorToken, ColorIntensity } from './types';\n\n/**\n *\n * @param colorToken - The color token to get the highest color for\n * @param followIntensityMapping - Whether to follow the intensity mapping for the color token (only for categorical colors)\n * if enabled, the color token will be mapped to the intensity based on the intensity mapping\n * if disabled, the color token will be mapped to the strong intensity\n * @returns The highest color token in the range\n */\n\nexport const getHighestColorInRange = ({\n  colorToken,\n  followIntensityMapping = false,\n}: {\n  colorToken: ChartColorToken;\n  followIntensityMapping?: boolean;\n}): ChartColorToken => {\n  // Check if it's a sequential color token\n  const sequentialMatch = colorToken.match(/^data\\.background\\.sequential\\.([^.]+)\\.(\\d+)$/);\n  if (sequentialMatch) {\n    const [, colorName] = sequentialMatch;\n    return (`data.background.sequential.${colorName}.1000` as unknown) as ChartColorToken;\n  }\n\n  // Check if it's a categorical color token\n  const categoricalMatch = colorToken.match(/^data\\.background\\.categorical\\.([^.]+)\\.([^.]+)$/);\n  if (categoricalMatch) {\n    const [, colorName, intensity] = categoricalMatch;\n\n    if (followIntensityMapping) {\n      // Dynamic color intensity mapping\n      const intensityMapping: Record<string, ColorIntensity> = {\n        faint: 'strong',\n        subtle: 'intense',\n        moderate: 'moderate',\n        intense: 'subtle',\n        strong: 'faint',\n      };\n\n      const mappedIntensity = intensityMapping[intensity] || intensity;\n      return (`data.background.categorical.${colorName}.${mappedIntensity}` as unknown) as ChartColorToken;\n    } else {\n      // Default behavior: always return strong\n      return (`data.background.categorical.${colorName}.strong` as unknown) as ChartColorToken;\n    }\n  }\n\n  // This should never happen due to TypeScript typing, but handle gracefully\n  console.warn(\n    `Invalid color token format: ${colorToken}. Expected format: data.background.{categorical|sequential}.{color}.{intensity|value}`,\n  );\n  return colorToken;\n};\n"],"names":["getHighestColorInRange","_ref","colorToken","_ref$followIntensityM","followIntensityMapping","sequentialMatch","match","_sequentialMatch","_slicedToArray","colorName","concat","categoricalMatch","_categoricalMatch","intensity","intensityMapping","faint","subtle","moderate","intense","strong","mappedIntensity","console","warn"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;IAEaA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAMZ;AAAA,EAAA,IALrBC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IAAAC,qBAAA,GAAAF,IAAA,CACVG,sBAAsB;AAAtBA,IAAAA,sBAAsB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA,CAAA;AAK9B;AACA,EAAA,IAAME,eAAe,GAAGH,UAAU,CAACI,KAAK,CAAC,gDAAgD,CAAC,CAAA;AAC1F,EAAA,IAAID,eAAe,EAAE;AACnB,IAAA,IAAAE,gBAAA,GAAAC,cAAA,CAAsBH,eAAe,EAAA,CAAA,CAAA;AAA5BI,MAAAA,SAAS,GAAAF,gBAAA,CAAA,CAAA,CAAA,CAAA;IAClB,OAAAG,6BAAAA,CAAAA,MAAA,CAAsCD,SAAS,EAAA,OAAA,CAAA,CAAA;AACjD,GAAA;;AAEA;AACA,EAAA,IAAME,gBAAgB,GAAGT,UAAU,CAACI,KAAK,CAAC,mDAAmD,CAAC,CAAA;AAC9F,EAAA,IAAIK,gBAAgB,EAAE;AACpB,IAAA,IAAAC,iBAAA,GAAAJ,cAAA,CAAiCG,gBAAgB,EAAA,CAAA,CAAA;AAAxCF,MAAAA,UAAS,GAAAG,iBAAA,CAAA,CAAA,CAAA;AAAEC,MAAAA,SAAS,GAAAD,iBAAA,CAAA,CAAA,CAAA,CAAA;AAE7B,IAAA,IAAIR,sBAAsB,EAAE;AAC1B;AACA,MAAA,IAAMU,gBAAgD,GAAG;AACvDC,QAAAA,KAAK,EAAE,QAAQ;AACfC,QAAAA,MAAM,EAAE,SAAS;AACjBC,QAAAA,QAAQ,EAAE,UAAU;AACpBC,QAAAA,OAAO,EAAE,QAAQ;AACjBC,QAAAA,MAAM,EAAE,OAAA;OACT,CAAA;AAED,MAAA,IAAMC,eAAe,GAAGN,gBAAgB,CAACD,SAAS,CAAC,IAAIA,SAAS,CAAA;AAChE,MAAA,OAAA,8BAAA,CAAAH,MAAA,CAAuCD,UAAS,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAIU,eAAe,CAAA,CAAA;AACrE,KAAC,MAAM;AACL;MACA,OAAAV,8BAAAA,CAAAA,MAAA,CAAuCD,UAAS,EAAA,SAAA,CAAA,CAAA;AAClD,KAAA;AACF,GAAA;;AAEA;AACAY,EAAAA,OAAO,CAACC,IAAI,CAAA,8BAAA,CAAAZ,MAAA,CACqBR,UAAU,0FAC3C,CAAC,CAAA;AACD,EAAA,OAAOA,UAAU,CAAA;AACnB;;;;"}

package/build/lib/web/production/components/Charts/utils/index.js

@@ -1,2 +1,7 @@
 export { default as useChartsColorTheme } from './useColorTheme.js';
+export { isSequentialColor } from './isSequentialColor.js';
+export { getHighestColorInRange } from './getHighestColorInRange.js';
+import './sanitizeString/index.js';
+export { colorSequence, totalChartColors } from './tokens.js';
+import './assignDataColorMapping/index.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/production/components/Charts/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/build/lib/web/production/components/Charts/utils/isSequentialColor.js

@@ -0,0 +1,35 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+
+/**
+ * Checks if a color token is a sequential color.
+ * Sequential colors follow the pattern: data.background.sequential.{colorName}.{numericValue}
+ * where numeric values are 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000
+ *
+ * @param colorToken - The color token to check
+ * @returns true if the color token is sequential, false otherwise
+ *
+ * @example
+ * isSequentialColor('data.background.sequential.azure.500')
+ * // Returns: true
+ *
+ * @example
+ * isSequentialColor('data.background.categorical.azure.moderate')
+ * // Returns: false
+ */
+var isSequentialColor = function isSequentialColor(colorToken) {
+  // Check if it matches the sequential color pattern
+  var sequentialMatch = colorToken.match(/^data\.background\.sequential\.([^.]+)\.(\d+)$/);
+  if (!sequentialMatch) {
+    return false;
+  }
+  var _sequentialMatch = _slicedToArray(sequentialMatch, 3),
+    numericValue = _sequentialMatch[2];
+  var numericValueInt = parseInt(numericValue, 10);
+
+  // Valid sequential color numeric values: 0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000
+  var validSequentialValues = [0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000];
+  return validSequentialValues.includes(numericValueInt);
+};
+
+export { isSequentialColor };
+//# sourceMappingURL=isSequentialColor.js.map

package/build/lib/web/production/components/Charts/utils/isSequentialColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isSequentialColor.js","sources":["../../../../../../../src/components/Charts/utils/isSequentialColor.tsx"],"sourcesContent":["/**\n * Checks if a color token is a sequential color.\n * Sequential colors follow the pattern: data.background.sequential.{colorName}.{numericValue}\n * where numeric values are 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000\n *\n * @param colorToken - The color token to check\n * @returns true if the color token is sequential, false otherwise\n *\n * @example\n * isSequentialColor('data.background.sequential.azure.500')\n * // Returns: true\n *\n * @example\n * isSequentialColor('data.background.categorical.azure.moderate')\n * // Returns: false\n */\nexport const isSequentialColor = (colorToken: string): boolean => {\n  // Check if it matches the sequential color pattern\n  const sequentialMatch = colorToken.match(/^data\\.background\\.sequential\\.([^.]+)\\.(\\d+)$/);\n\n  if (!sequentialMatch) {\n    return false;\n  }\n\n  const [, , numericValue] = sequentialMatch;\n  const numericValueInt = parseInt(numericValue, 10);\n\n  // Valid sequential color numeric values: 0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000\n  const validSequentialValues = [0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000];\n\n  return validSequentialValues.includes(numericValueInt);\n};\n"],"names":["isSequentialColor","colorToken","sequentialMatch","match","_sequentialMatch","_slicedToArray","numericValue","numericValueInt","parseInt","validSequentialValues","includes"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,UAAkB,EAAc;AAChE;AACA,EAAA,IAAMC,eAAe,GAAGD,UAAU,CAACE,KAAK,CAAC,gDAAgD,CAAC,CAAA;EAE1F,IAAI,CAACD,eAAe,EAAE;AACpB,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AAEA,EAAA,IAAAE,gBAAA,GAAAC,cAAA,CAA2BH,eAAe,EAAA,CAAA,CAAA;AAA/BI,IAAAA,YAAY,GAAAF,gBAAA,CAAA,CAAA,CAAA,CAAA;AACvB,EAAA,IAAMG,eAAe,GAAGC,QAAQ,CAACF,YAAY,EAAE,EAAE,CAAC,CAAA;;AAElD;EACA,IAAMG,qBAAqB,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAA;AAExF,EAAA,OAAOA,qBAAqB,CAACC,QAAQ,CAACH,eAAe,CAAC,CAAA;AACxD;;;;"}

package/build/lib/web/production/components/Charts/utils/sanitizeString/index.js

@@ -0,0 +1,2 @@
+export { sanitizeString } from './sanitizeString.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/production/components/Charts/utils/sanitizeString/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/web/production/components/Charts/utils/sanitizeString/sanitizeString.js

@@ -0,0 +1,30 @@
+/**
+ * Simple chart data sanitization utility
+ *
+ * This utility safely sanitizes strings for use in chart data objects.
+ * It removes problematic characters while preserving the essential content.
+ *
+ * @param input - The string to sanitize
+ * @returns Sanitized string safe for chart data
+ * @example
+ * sanitizeString('Sales Data 2024')
+ * // Returns: 'Sales_Data_2024'
+ */
+var sanitizeString = function sanitizeString(input) {
+  // Handle null/undefined input
+  if (input == null) {
+    return '';
+  }
+
+  // Convert to string if not already
+  var str = String(input);
+  return str.trim() // Remove leading/trailing whitespace
+  .replace(/<[^>]*>/g, '') // Remove HTML tags
+  .replace(/[\r\n\t]/g, '_') // Replace line breaks and tabs with underscores
+  .replace(/\s+/g, ' ') // Normalize multiple spaces to single space
+  .trim() // Trim again after processing
+  .substring(0, 100); // Limit to reasonable length for chart labels
+};
+
+export { sanitizeString };
+//# sourceMappingURL=sanitizeString.js.map

package/build/lib/web/production/components/Charts/utils/sanitizeString/sanitizeString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitizeString.js","sources":["../../../../../../../../src/components/Charts/utils/sanitizeString/sanitizeString.ts"],"sourcesContent":["/**\n * Simple chart data sanitization utility\n *\n * This utility safely sanitizes strings for use in chart data objects.\n * It removes problematic characters while preserving the essential content.\n *\n * @param input - The string to sanitize\n * @returns Sanitized string safe for chart data\n * @example\n * sanitizeString('Sales Data 2024')\n * // Returns: 'Sales_Data_2024'\n */\nexport const sanitizeString = (input: string | null | undefined): string => {\n  // Handle null/undefined input\n  if (input == null) {\n    return '';\n  }\n\n  // Convert to string if not already\n  const str = String(input);\n\n  return str\n    .trim() // Remove leading/trailing whitespace\n    .replace(/<[^>]*>/g, '') // Remove HTML tags\n    .replace(/[\\r\\n\\t]/g, '_') // Replace line breaks and tabs with underscores\n    .replace(/\\s+/g, ' ') // Normalize multiple spaces to single space\n    .trim() // Trim again after processing\n    .substring(0, 100); // Limit to reasonable length for chart labels\n};\n"],"names":["sanitizeString","input","str","String","trim","replace","substring"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAgC,EAAa;AAC1E;EACA,IAAIA,KAAK,IAAI,IAAI,EAAE;AACjB,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;;AAEA;AACA,EAAA,IAAMC,GAAG,GAAGC,MAAM,CAACF,KAAK,CAAC,CAAA;AAEzB,EAAA,OAAOC,GAAG,CACPE,IAAI,EAAE;AAAC,GACPC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC;AAAC,GACxBA,OAAO,CAAC,WAAW,EAAE,GAAG,CAAC;AAAC,GAC1BA,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;GACpBD,IAAI,EAAE;AAAC,GACPE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;AACvB;;;;"}

package/build/lib/web/production/components/Charts/utils/tokens.js

@@ -0,0 +1,7 @@
+// Color sequence
+var colorSequence = ['blue', 'green', 'gold', 'purple', 'orange', 'pink', 'skyBlue', 'red', 'gray'];
+var totalChartColors = colorSequence.length;
+var DEFAULT_COLOR = 'data.background.categorical.gray.moderate';
+
+export { DEFAULT_COLOR, colorSequence, totalChartColors };
+//# sourceMappingURL=tokens.js.map

package/build/lib/web/production/components/Charts/utils/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../../../../../src/components/Charts/utils/tokens.ts"],"sourcesContent":["import type { ChartColorTokenNames } from './types';\n\n// Color sequence\nconst colorSequence: ChartColorTokenNames[] = [\n  'blue',\n  'green',\n  'gold',\n  'purple',\n  'orange',\n  'pink',\n  'skyBlue',\n  'red',\n  'gray',\n];\n\nconst totalChartColors = colorSequence.length;\n\nconst DEFAULT_COLOR = 'data.background.categorical.gray.moderate';\n\nexport { colorSequence, totalChartColors, DEFAULT_COLOR };\n"],"names":["colorSequence","totalChartColors","length","DEFAULT_COLOR"],"mappings":"AAEA;AACMA,IAAAA,aAAqC,GAAG,CAC5C,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,MAAM,EACP;AAED,IAAMC,gBAAgB,GAAGD,aAAa,CAACE,OAAM;AAEvCC,IAAAA,aAAa,GAAG;;;;"}

package/build/lib/web/production/components/Charts/utils/useColorTheme.js

@@ -1,26 +1,47 @@
-import '../../BladeProvider/index.js';
-import useTheme from '../../BladeProvider/useTheme.js';
+import { colorSequence } from './tokens.js';
 
 /**
  * The color theme of the chart.
  * @default 'categorical'
  * @description The color theme of the chart.
- *
  */
 
 var useChartsColorTheme = function useChartsColorTheme(_ref) {
   var _ref$colorTheme = _ref.colorTheme,
-    colorTheme = _ref$colorTheme === void 0 ? 'categorical' : _ref$colorTheme;
-  var _useTheme = useTheme(),
-    theme = _useTheme.theme;
-  var categoricalColorThemeArray = [theme.colors.chart.background.categorical.azure.subtle, theme.colors.chart.background.categorical.topaz.moderate, theme.colors.chart.background.categorical.orchid.moderate, theme.colors.chart.background.categorical.emerald.subtle, theme.colors.chart.background.categorical.cider.moderate, theme.colors.chart.background.categorical.sapphire.moderate, theme.colors.chart.background.categorical.magenta.moderate, theme.colors.chart.background.categorical.crimson.subtle, theme.colors.chart.background.categorical.azure.intense, theme.colors.chart.background.categorical.topaz.intense, theme.colors.chart.background.categorical.orchid.intense, theme.colors.chart.background.categorical.emerald.intense, theme.colors.chart.background.categorical.sapphire.intense, theme.colors.chart.background.categorical.magenta.intense, theme.colors.chart.background.categorical.cider.intense, theme.colors.chart.background.categorical.crimson.intense];
-  if (colorTheme !== 'categorical') {
-    console.log("".concat(colorTheme, " is not supported. Blade only supports 'categorical'  color theme"));
+    colorTheme = _ref$colorTheme === void 0 ? 'categorical' : _ref$colorTheme,
+    chartName = _ref.chartName,
+    _ref$chartDataIndicat = _ref.chartDataIndicators,
+    chartDataIndicators = _ref$chartDataIndicat === void 0 ? 0 : _ref$chartDataIndicat;
+  // Single data point should be gray
+  if (chartDataIndicators === 1 && chartName !== 'donut') {
+    return ['data.background.categorical.gray.moderate'];
   }
 
-  //TODO:Currently we only have one color theme will add more color theme later.
+  // Intensity sequence based on chart type
+  var getIntensitySequence = function getIntensitySequence(chartName) {
+    if (chartName === 'line' || chartName === 'area') {
+      // Reverse sequence for Line and Area charts: strong, moderate, subtle, faint
+      return ['strong', 'intense', 'moderate', 'subtle', 'faint'];
+    } else {
+      // Default sequence for Bar and Donut charts: faint, subtle, moderate, strong
+      return ['faint', 'subtle', 'moderate', 'intense', 'strong'];
+    }
+  };
+  var intensitySequence = getIntensitySequence(chartName);
+  var colorThemeArray = [];
 
-  return categoricalColorThemeArray;
+  // Generate colors based on sequence and intensity
+  // For each intensity level, go through all colors
+  intensitySequence.forEach(function (intensity) {
+    colorSequence.forEach(function (colorName) {
+      var colorValue = "data.background.categorical.".concat(colorName, ".").concat(intensity);
+      colorThemeArray.push(colorValue);
+    });
+  });
+  if (colorTheme !== 'categorical') {
+    console.log("".concat(colorTheme, " is not supported. Blade only supports 'categorical' color theme"));
+  }
+  return colorThemeArray;
 };
 
 export { useChartsColorTheme as default };

package/build/lib/web/production/components/Charts/utils/useColorTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColorTheme.js","sources":["../../../../../../../src/components/Charts/utils/useColorTheme.tsx"],"sourcesContent":["import { useTheme } from '~components/BladeProvider';\n/**\n * The color theme of the chart.\n * @default 'categorical'\n * @description The color theme of the chart.\n *\n */\nexport type ColorTheme = 'categorical';\n\nconst useChartsColorTheme = ({\n  colorTheme = 'categorical',\n}: {\n  colorTheme?: ColorTheme;\n}): string[] => {\n  const { theme } = useTheme();\n  const categoricalColorThemeArray = [\n    theme.colors.chart.background.categorical.azure.subtle,\n    theme.colors.chart.background.categorical.topaz.moderate,\n    theme.colors.chart.background.categorical.orchid.moderate,\n    theme.colors.chart.background.categorical.emerald.subtle,\n    theme.colors.chart.background.categorical.cider.moderate,\n    theme.colors.chart.background.categorical.sapphire.moderate,\n    theme.colors.chart.background.categorical.magenta.moderate,\n    theme.colors.chart.background.categorical.crimson.subtle,\n    theme.colors.chart.background.categorical.azure.intense,\n    theme.colors.chart.background.categorical.topaz.intense,\n    theme.colors.chart.background.categorical.orchid.intense,\n    theme.colors.chart.background.categorical.emerald.intense,\n    theme.colors.chart.background.categorical.sapphire.intense,\n    theme.colors.chart.background.categorical.magenta.intense,\n    theme.colors.chart.background.categorical.cider.intense,\n    theme.colors.chart.background.categorical.crimson.intense,\n  ];\n\n  if (colorTheme !== 'categorical') {\n    console.log(`${colorTheme} is not supported. Blade only supports 'categorical'  color theme`);\n  }\n\n  //TODO:Currently we only have one color theme will add more color theme later.\n\n  return categoricalColorThemeArray;\n};\n\nexport default useChartsColorTheme;\n"],"names":["useChartsColorTheme","_ref","_ref$colorTheme","colorTheme","_useTheme","useTheme","theme","categoricalColorThemeArray","colors","chart","background","categorical","azure","subtle","topaz","moderate","orchid","emerald","cider","sapphire","magenta","crimson","intense","console","log","concat"],"mappings":";;;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAIT;AAAA,EAAA,IAAAC,eAAA,GAAAD,IAAA,CAHdE,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,aAAa,GAAAA,eAAA,CAAA;AAI1B,EAAA,IAAAE,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAMC,0BAA0B,GAAG,CACjCD,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACC,KAAK,CAACC,MAAM,EACtDP,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACG,KAAK,CAACC,QAAQ,EACxDT,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACK,MAAM,CAACD,QAAQ,EACzDT,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACM,OAAO,CAACJ,MAAM,EACxDP,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACO,KAAK,CAACH,QAAQ,EACxDT,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACQ,QAAQ,CAACJ,QAAQ,EAC3DT,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACS,OAAO,CAACL,QAAQ,EAC1DT,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACU,OAAO,CAACR,MAAM,EACxDP,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACC,KAAK,CAACU,OAAO,EACvDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACG,KAAK,CAACQ,OAAO,EACvDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACK,MAAM,CAACM,OAAO,EACxDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACM,OAAO,CAACK,OAAO,EACzDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACQ,QAAQ,CAACG,OAAO,EAC1DhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACS,OAAO,CAACE,OAAO,EACzDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACO,KAAK,CAACI,OAAO,EACvDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACU,OAAO,CAACC,OAAO,CAC1D,CAAA;EAED,IAAInB,UAAU,KAAK,aAAa,EAAE;AAChCoB,IAAAA,OAAO,CAACC,GAAG,CAAA,EAAA,CAAAC,MAAA,CAAItB,UAAU,sEAAmE,CAAC,CAAA;AAC/F,GAAA;;AAEA;;AAEA,EAAA,OAAOI,0BAA0B,CAAA;AACnC;;;;"}
+{"version":3,"file":"useColorTheme.js","sources":["../../../../../../../src/components/Charts/utils/useColorTheme.tsx"],"sourcesContent":["import type { ColorTheme, ChartName, ChartColorTokenNames, ColorIntensity } from './types';\nimport { colorSequence } from './tokens';\n/**\n * The color theme of the chart.\n * @default 'categorical'\n * @description The color theme of the chart.\n */\n\nconst useChartsColorTheme = ({\n  colorTheme = 'categorical',\n  chartName,\n  chartDataIndicators = 0,\n}: {\n  colorTheme?: ColorTheme;\n  chartName?: ChartName;\n  chartDataIndicators?: number;\n}): CategoricalColorToken[] => {\n  // Single data point should be gray\n  if (chartDataIndicators === 1 && chartName !== 'donut') {\n    return ['data.background.categorical.gray.moderate'];\n  }\n\n  // Intensity sequence based on chart type\n  const getIntensitySequence = (chartName?: ChartName): ColorIntensity[] => {\n    if (chartName === 'line' || chartName === 'area') {\n      // Reverse sequence for Line and Area charts: strong, moderate, subtle, faint\n      return ['strong', 'intense', 'moderate', 'subtle', 'faint'];\n    } else {\n      // Default sequence for Bar and Donut charts: faint, subtle, moderate, strong\n      return ['faint', 'subtle', 'moderate', 'intense', 'strong'];\n    }\n  };\n\n  const intensitySequence = getIntensitySequence(chartName);\n  const colorThemeArray: CategoricalColorToken[] = [];\n\n  // Generate colors based on sequence and intensity\n  // For each intensity level, go through all colors\n  intensitySequence.forEach((intensity) => {\n    colorSequence.forEach((colorName) => {\n      const colorValue = `data.background.categorical.${colorName}.${intensity}`;\n      colorThemeArray.push(colorValue as CategoricalColorToken);\n    });\n  });\n\n  if (colorTheme !== 'categorical') {\n    console.log(`${colorTheme} is not supported. Blade only supports 'categorical' color theme`);\n  }\n\n  return colorThemeArray;\n};\n\n/**\n * Color token types for type safety\n */\ntype CategoricalColorToken = `data.background.categorical.${ChartColorTokenNames}.${ColorIntensity}`;\n\nexport default useChartsColorTheme;\n"],"names":["useChartsColorTheme","_ref","_ref$colorTheme","colorTheme","chartName","_ref$chartDataIndicat","chartDataIndicators","getIntensitySequence","intensitySequence","colorThemeArray","forEach","intensity","colorSequence","colorName","colorValue","concat","push","console","log"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;;AAEA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAQM;AAAA,EAAA,IAAAC,eAAA,GAAAD,IAAA,CAP7BE,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,aAAa,GAAAA,eAAA;IAC1BE,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,qBAAA,GAAAJ,IAAA,CACTK,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,qBAAA,CAAA;AAMvB;AACA,EAAA,IAAIC,mBAAmB,KAAK,CAAC,IAAIF,SAAS,KAAK,OAAO,EAAE;IACtD,OAAO,CAAC,2CAA2C,CAAC,CAAA;AACtD,GAAA;;AAEA;AACA,EAAA,IAAMG,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIH,SAAqB,EAAuB;AACxE,IAAA,IAAIA,SAAS,KAAK,MAAM,IAAIA,SAAS,KAAK,MAAM,EAAE;AAChD;MACA,OAAO,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;AAC7D,KAAC,MAAM;AACL;MACA,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAA;AAC7D,KAAA;GACD,CAAA;AAED,EAAA,IAAMI,iBAAiB,GAAGD,oBAAoB,CAACH,SAAS,CAAC,CAAA;EACzD,IAAMK,eAAwC,GAAG,EAAE,CAAA;;AAEnD;AACA;AACAD,EAAAA,iBAAiB,CAACE,OAAO,CAAC,UAACC,SAAS,EAAK;AACvCC,IAAAA,aAAa,CAACF,OAAO,CAAC,UAACG,SAAS,EAAK;MACnC,IAAMC,UAAU,kCAAAC,MAAA,CAAkCF,SAAS,EAAAE,GAAAA,CAAAA,CAAAA,MAAA,CAAIJ,SAAS,CAAE,CAAA;AAC1EF,MAAAA,eAAe,CAACO,IAAI,CAACF,UAAmC,CAAC,CAAA;AAC3D,KAAC,CAAC,CAAA;AACJ,GAAC,CAAC,CAAA;EAEF,IAAIX,UAAU,KAAK,aAAa,EAAE;AAChCc,IAAAA,OAAO,CAACC,GAAG,CAAA,EAAA,CAAAH,MAAA,CAAIZ,UAAU,qEAAkE,CAAC,CAAA;AAC9F,GAAA;AAEA,EAAA,OAAOM,eAAe,CAAA;AACxB;;;;"}

package/build/lib/web/production/components/Dropdown/FilterChipGroup.web.js

@@ -56,13 +56,15 @@ var FilterChipGroup = function FilterChipGroup(_ref) {
       testID: testID
     })), makeAnalyticsAttribute(rest)), {}, {
       display: "flex",
-      padding: "spacing.4",
+      padding: ['spacing.4', 'spacing.1'],
       alignItems: "center",
       justifyContent: "flex-start",
       width: "100%",
       gap: "spacing.3",
       flexWrap: "wrap",
       children: [children, showClearButton && (filterChipGroupSelectedFilters.length > 0 || selectedFiltersCount > 0) ? /*#__PURE__*/jsx(Link, {
+        size: "xsmall",
+        color: "neutral",
         onClick: handleClearButtonClick,
         children: "Clear Filter".concat(filterChipGroupSelectedFilters.length > 1 || selectedFiltersCount > 1 ? 's' : '')
       }) : null]

package/build/lib/web/production/components/Dropdown/FilterChipGroup.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterChipGroup.web.js","sources":["../../../../../../src/components/Dropdown/FilterChipGroup.web.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useListViewFilterContext } from '../ListView/ListViewFiltersContext.web';\nimport type { FilterChipGroupProps } from './types';\nimport { FilterChipGroupProvider } from './FilterChipGroupContext.web';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { Link } from '~components/Link';\n\nconst FilterChipGroup = ({\n  testID,\n  children,\n  showClearButton = true,\n  onClearButtonClick,\n  ...rest\n}: FilterChipGroupProps): React.ReactElement => {\n  const [filterChipGroupSelectedFilters, setFilterChipGroupSelectedFilters] = useState<string[]>(\n    [],\n  );\n  const [clearFilterCallbackTriggerer, setClearFilterCallbackTriggerer] = useState<number>(0);\n  const { selectedFiltersCount, setListViewSelectedFilters } = useListViewFilterContext();\n  const handleClearButtonClick = (): void => {\n    onClearButtonClick?.();\n    setListViewSelectedFilters({});\n    setFilterChipGroupSelectedFilters([]);\n    setClearFilterCallbackTriggerer((prev) => prev + 1);\n  };\n  return (\n    <FilterChipGroupProvider\n      value={{\n        filterChipGroupSelectedFilters,\n        setFilterChipGroupSelectedFilters,\n        clearFilterCallbackTriggerer,\n        setClearFilterCallbackTriggerer,\n      }}\n    >\n      <BaseBox\n        {...metaAttribute({ name: MetaConstants.FilterChipGroup, testID })}\n        {...makeAnalyticsAttribute(rest)}\n        display=\"flex\"\n        padding=\"spacing.4\"\n        alignItems=\"center\"\n        justifyContent=\"flex-start\"\n        width=\"100%\"\n        gap=\"spacing.3\"\n        flexWrap=\"wrap\"\n      >\n        {children}\n        {showClearButton &&\n        (filterChipGroupSelectedFilters.length > 0 || selectedFiltersCount > 0) ? (\n          <Link onClick={handleClearButtonClick}>{`Clear Filter${\n            filterChipGroupSelectedFilters.length > 1 || selectedFiltersCount > 1 ? 's' : ''\n          }`}</Link>\n        ) : null}\n      </BaseBox>\n    </FilterChipGroupProvider>\n  );\n};\n\nexport { FilterChipGroup };\n"],"names":["FilterChipGroup","_ref","testID","children","_ref$showClearButton","showClearButton","onClearButtonClick","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","filterChipGroupSelectedFilters","setFilterChipGroupSelectedFilters","_useState3","_useState4","clearFilterCallbackTriggerer","setClearFilterCallbackTriggerer","_useListViewFilterCon","useListViewFilterContext","selectedFiltersCount","setListViewSelectedFilters","handleClearButtonClick","prev","_jsx","FilterChipGroupProvider","value","_jsxs","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","display","padding","alignItems","justifyContent","width","gap","flexWrap","length","Link","onClick","concat"],"mappings":"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"}
+{"version":3,"file":"FilterChipGroup.web.js","sources":["../../../../../../src/components/Dropdown/FilterChipGroup.web.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useListViewFilterContext } from '../ListView/ListViewFiltersContext.web';\nimport type { FilterChipGroupProps } from './types';\nimport { FilterChipGroupProvider } from './FilterChipGroupContext.web';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { Link } from '~components/Link';\n\nconst FilterChipGroup = ({\n  testID,\n  children,\n  showClearButton = true,\n  onClearButtonClick,\n  ...rest\n}: FilterChipGroupProps): React.ReactElement => {\n  const [filterChipGroupSelectedFilters, setFilterChipGroupSelectedFilters] = useState<string[]>(\n    [],\n  );\n  const [clearFilterCallbackTriggerer, setClearFilterCallbackTriggerer] = useState<number>(0);\n  const { selectedFiltersCount, setListViewSelectedFilters } = useListViewFilterContext();\n  const handleClearButtonClick = (): void => {\n    onClearButtonClick?.();\n    setListViewSelectedFilters({});\n    setFilterChipGroupSelectedFilters([]);\n    setClearFilterCallbackTriggerer((prev) => prev + 1);\n  };\n  return (\n    <FilterChipGroupProvider\n      value={{\n        filterChipGroupSelectedFilters,\n        setFilterChipGroupSelectedFilters,\n        clearFilterCallbackTriggerer,\n        setClearFilterCallbackTriggerer,\n      }}\n    >\n      <BaseBox\n        {...metaAttribute({ name: MetaConstants.FilterChipGroup, testID })}\n        {...makeAnalyticsAttribute(rest)}\n        display=\"flex\"\n        padding={['spacing.4', 'spacing.1']}\n        alignItems=\"center\"\n        justifyContent=\"flex-start\"\n        width=\"100%\"\n        gap=\"spacing.3\"\n        flexWrap=\"wrap\"\n      >\n        {children}\n        {showClearButton &&\n        (filterChipGroupSelectedFilters.length > 0 || selectedFiltersCount > 0) ? (\n          <Link size=\"xsmall\" color=\"neutral\" onClick={handleClearButtonClick}>{`Clear Filter${\n            filterChipGroupSelectedFilters.length > 1 || selectedFiltersCount > 1 ? 's' : ''\n          }`}</Link>\n        ) : null}\n      </BaseBox>\n    </FilterChipGroupProvider>\n  );\n};\n\nexport { FilterChipGroup };\n"],"names":["FilterChipGroup","_ref","testID","children","_ref$showClearButton","showClearButton","onClearButtonClick","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","filterChipGroupSelectedFilters","setFilterChipGroupSelectedFilters","_useState3","_useState4","clearFilterCallbackTriggerer","setClearFilterCallbackTriggerer","_useListViewFilterCon","useListViewFilterContext","selectedFiltersCount","setListViewSelectedFilters","handleClearButtonClick","prev","_jsx","FilterChipGroupProvider","value","_jsxs","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","display","padding","alignItems","justifyContent","width","gap","flexWrap","length","Link","size","color","onClick","concat"],"mappings":"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"}