@kyndryl-design-system/shidoka-charts 2.8.2 → 2.8.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sankey.js","sources":["../../../../src/common/config/chartTypes/sankey.js"],"sourcesContent":["import { getComputedColorPalette } from '../colorPalettes';\nimport { getTokenThemeVal } from '@kyndryl-design-system/shidoka-foundation/common/helpers/color';\nimport { createSankeyTooltipHandler } from '../../plugins/sankeyTooltip';\n\nexport const type = 'sankey';\n\nconst getSankeyLabelColor = () =>\n getTokenThemeVal('--kd-color-text-level-primary');\n\nconst getFrom = (d) => d?.from ?? d?.source;\nconst getTo = (d) => d?.to ?? d?.target;\n\nconst sankeyExternalTooltip = createSankeyTooltipHandler();\n\nexport const options = (ctx) => {\n const userOptions = ctx?.options || {};\n const BorderColor = getTokenThemeVal('--kd-color-background-page-default');\n const LabelColor = getSankeyLabelColor();\n const rawPaletteKey = userOptions.colorPalette || 'categorical';\n const Colors = getComputedColorPalette(rawPaletteKey);\n const SankeyBackground = getTokenThemeVal(\n '--kd-color-data-viz-level-secondary'\n );\n\n const baseOptions = {\n outlineBorderWidth: 0.5,\n outlineBorderColor: BorderColor,\n outlineBackgroundColor: SankeyBackground,\n backgroundColor: Colors[0],\n ...userOptions,\n };\n\n baseOptions.animations = {\n colors: { duration: 0 },\n active: { duration: 0 },\n x: {\n duration: 450,\n easing: 'easeOutCubic',\n },\n y: {\n duration: 450,\n easing: 'easeOutCubic',\n },\n ...(userOptions.animations || {}),\n };\n\n const basePlugins = {\n legend: { display: false },\n datalabels: {\n font: {\n size: 12,\n weight: 'bold',\n },\n color: LabelColor,\n },\n tooltip: {\n enabled: false,\n external: sankeyExternalTooltip,\n },\n ...(userOptions.plugins || {}),\n };\n\n const baseSankey = {\n dataTableHeaderLabels: {\n source: 'Source',\n target: 'Target',\n value: 'Weight',\n },\n ...(userOptions.sankey || {}),\n };\n\n return {\n ...baseOptions,\n plugins: basePlugins,\n sankey: baseSankey,\n borderColor: BorderColor,\n };\n};\n\nexport const datasetOptions = (ctx) => {\n const rawKey = ctx?.options?.colorPalette || 'categorical';\n const key = rawKey === 'default' ? 'categorical' : rawKey;\n const LabelColor = getSankeyLabelColor();\n\n let palette =\n getComputedColorPalette(key) ||\n getComputedColorPalette('categorical') ||\n [];\n\n const FALLBACK_COLOR = palette[0] || '#888';\n\n const buildNodeColorMap = (dataset) => {\n if (!dataset) return {};\n\n const cachedKey = dataset._nodeColorMapPaletteKey;\n if (dataset._nodeColorMap && cachedKey === key) {\n return dataset._nodeColorMap;\n }\n\n const nodes = new Set();\n (dataset.data || []).forEach((d) => {\n if (!d) return;\n const f = getFrom(d);\n const t = getTo(d);\n if (f !== undefined) nodes.add(f);\n if (t !== undefined) nodes.add(t);\n });\n\n const map = {};\n const nodeArray = Array.from(nodes);\n\n if (!palette.length) {\n palette = [FALLBACK_COLOR];\n }\n\n nodeArray.forEach((n, i) => {\n map[n] = palette[i % palette.length];\n });\n\n dataset._nodeColorMap = map;\n dataset._nodeColorMapPaletteKey = key;\n dataset._colorPalette = palette;\n\n return map;\n };\n\n const getNodeColor = (dataset, nodeKey) => {\n if (!dataset || !palette.length) return FALLBACK_COLOR;\n const map = buildNodeColorMap(dataset);\n return nodeKey !== undefined && map[nodeKey]\n ? map[nodeKey]\n : FALLBACK_COLOR;\n };\n\n const colorForIndex = (context, which) => {\n const ds = context?.dataset;\n const idx = typeof context?.dataIndex === 'number' ? context.dataIndex : 0;\n const link = ds?.data?.[idx];\n if (!link) return FALLBACK_COLOR;\n const k = which === 'from' ? getFrom(link) : getTo(link);\n return getNodeColor(ds, k);\n };\n\n // Key change: drop 'gradient' in favor of a solid mode by default\n const colorMode = ctx?.options?.colorMode || 'from';\n\n return {\n color: LabelColor,\n colorFrom: (ctx2) => colorForIndex(ctx2, 'from'),\n colorTo: (ctx2) => colorForIndex(ctx2, 'to'),\n hoverColorFrom: (ctx2) => colorForIndex(ctx2, 'from'),\n hoverColorTo: (ctx2) => colorForIndex(ctx2, 'to'),\n colorMode,\n };\n};\n"],"names":["type","getSankeyLabelColor","getTokenThemeVal","getFrom","d","from","source","getTo","to","target","sankeyExternalTooltip","createSankeyTooltipHandler","options","ctx","userOptions","BorderColor","LabelColor","rawPaletteKey","colorPalette","Colors","getComputedColorPalette","baseOptions","outlineBorderWidth","outlineBorderColor","outlineBackgroundColor","backgroundColor","animations","colors","duration","active","x","easing","y","basePlugins","legend","display","datalabels","font","size","weight","color","tooltip","enabled","external","plugins","baseSankey","dataTableHeaderLabels","value","sankey","borderColor","datasetOptions","rawKey","key","palette","FALLBACK_COLOR","getNodeColor","dataset","nodeKey","length","map","cachedKey","_nodeColorMapPaletteKey","_nodeColorMap","nodes","Set","data","forEach","f","t","undefined","add","nodeArray","Array","n","i","_colorPalette","buildNodeColorMap","colorForIndex","context","which","ds","idx","dataIndex","link","k","colorFrom","ctx2","colorTo","hoverColorFrom","hoverColorTo","colorMode"],"mappings":"4OAIY,MAACA,EAAO,SAEdC,EAAsB,IAC1BC,EAAiB,iCAEbC,EAAWC,GAAMA,GAAGC,MAAQD,GAAGE,
|
|
1
|
+
{"version":3,"file":"sankey.js","sources":["../../../../src/common/config/chartTypes/sankey.js"],"sourcesContent":["import { getComputedColorPalette } from '../colorPalettes';\nimport { getTokenThemeVal } from '@kyndryl-design-system/shidoka-foundation/common/helpers/color';\nimport { createSankeyTooltipHandler } from '../../plugins/sankeyTooltip';\n\nexport const type = 'sankey';\n\nconst getSankeyLabelColor = () =>\n getTokenThemeVal('--kd-color-text-level-primary');\n\nconst getFrom = (d) => d?.from ?? d?.source;\n\nconst getTo = (d) => d?.to ?? d?.target;\n\nconst sankeyExternalTooltip = createSankeyTooltipHandler();\n\nexport const options = (ctx) => {\n const userOptions = ctx?.options || {};\n const BorderColor = getTokenThemeVal('--kd-color-background-page-default');\n const LabelColor = getSankeyLabelColor();\n const rawPaletteKey = userOptions.colorPalette || 'categorical';\n const Colors = getComputedColorPalette(rawPaletteKey);\n const SankeyBackground = getTokenThemeVal(\n '--kd-color-data-viz-level-secondary'\n );\n\n const baseOptions = {\n outlineBorderWidth: 0.5,\n outlineBorderColor: BorderColor,\n outlineBackgroundColor: SankeyBackground,\n backgroundColor: Colors[0],\n ...userOptions,\n };\n\n baseOptions.animations = {\n colors: { duration: 0 },\n active: { duration: 0 },\n x: {\n duration: 450,\n easing: 'easeOutCubic',\n },\n y: {\n duration: 450,\n easing: 'easeOutCubic',\n },\n ...(userOptions.animations || {}),\n };\n\n const basePlugins = {\n legend: { display: false },\n datalabels: {\n font: {\n size: 12,\n weight: 'bold',\n },\n color: LabelColor,\n },\n tooltip: {\n enabled: false,\n external: sankeyExternalTooltip,\n },\n ...(userOptions.plugins || {}),\n };\n\n const baseSankey = {\n dataTableHeaderLabels: {\n source: 'Source',\n target: 'Target',\n value: 'Weight',\n },\n ...(userOptions.sankey || {}),\n };\n\n return {\n ...baseOptions,\n plugins: basePlugins,\n sankey: baseSankey,\n borderColor: BorderColor,\n };\n};\n\nexport const datasetOptions = (ctx) => {\n const rawKey = ctx?.options?.colorPalette || 'categorical';\n const key = rawKey === 'default' ? 'categorical' : rawKey;\n const LabelColor = getSankeyLabelColor();\n\n let palette =\n getComputedColorPalette(key) ||\n getComputedColorPalette('categorical') ||\n [];\n\n const FALLBACK_COLOR = palette[0] || '#888';\n\n const buildNodeColorMap = (dataset) => {\n if (!dataset) return {};\n\n const cachedKey = dataset._nodeColorMapPaletteKey;\n if (dataset._nodeColorMap && cachedKey === key) {\n return dataset._nodeColorMap;\n }\n\n const nodes = new Set();\n (dataset.data || []).forEach((d) => {\n if (!d) return;\n const f = getFrom(d);\n const t = getTo(d);\n if (f !== undefined) nodes.add(f);\n if (t !== undefined) nodes.add(t);\n });\n\n const map = {};\n const nodeArray = Array.from(nodes);\n\n if (!palette.length) {\n palette = [FALLBACK_COLOR];\n }\n\n nodeArray.forEach((n, i) => {\n map[n] = palette[i % palette.length];\n });\n\n dataset._nodeColorMap = map;\n dataset._nodeColorMapPaletteKey = key;\n dataset._colorPalette = palette;\n\n return map;\n };\n\n const getNodeColor = (dataset, nodeKey) => {\n if (!dataset || !palette.length) return FALLBACK_COLOR;\n const map = buildNodeColorMap(dataset);\n return nodeKey !== undefined && map[nodeKey]\n ? map[nodeKey]\n : FALLBACK_COLOR;\n };\n\n const colorForIndex = (context, which) => {\n const ds = context?.dataset;\n const idx = typeof context?.dataIndex === 'number' ? context.dataIndex : 0;\n const link = ds?.data?.[idx];\n if (!link) return FALLBACK_COLOR;\n const k = which === 'from' ? getFrom(link) : getTo(link);\n return getNodeColor(ds, k);\n };\n\n // Key change: drop 'gradient' in favor of a solid mode by default\n const colorMode = ctx?.options?.colorMode || 'from';\n\n return {\n color: LabelColor,\n colorFrom: (ctx2) => colorForIndex(ctx2, 'from'),\n colorTo: (ctx2) => colorForIndex(ctx2, 'to'),\n hoverColorFrom: (ctx2) => colorForIndex(ctx2, 'from'),\n hoverColorTo: (ctx2) => colorForIndex(ctx2, 'to'),\n colorMode,\n };\n};\n"],"names":["type","getSankeyLabelColor","getTokenThemeVal","getFrom","d","from","source","getTo","to","target","sankeyExternalTooltip","createSankeyTooltipHandler","options","ctx","userOptions","BorderColor","LabelColor","rawPaletteKey","colorPalette","Colors","getComputedColorPalette","baseOptions","outlineBorderWidth","outlineBorderColor","outlineBackgroundColor","backgroundColor","animations","colors","duration","active","x","easing","y","basePlugins","legend","display","datalabels","font","size","weight","color","tooltip","enabled","external","plugins","baseSankey","dataTableHeaderLabels","value","sankey","borderColor","datasetOptions","rawKey","key","palette","FALLBACK_COLOR","getNodeColor","dataset","nodeKey","length","map","cachedKey","_nodeColorMapPaletteKey","_nodeColorMap","nodes","Set","data","forEach","f","t","undefined","add","nodeArray","Array","n","i","_colorPalette","buildNodeColorMap","colorForIndex","context","which","ds","idx","dataIndex","link","k","colorFrom","ctx2","colorTo","hoverColorFrom","hoverColorTo","colorMode"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{getTokenThemeVal as a}from"@kyndryl-design-system/shidoka-foundation/common/helpers/color";const i=a=>{const i=o[a];return Array.isArray(i)?i.slice():[]},t=t=>i(t).map((i=>i.startsWith("--")?a(i):i)),o={categorical:["--kd-color-data-viz-categorical-01-01","--kd-color-data-viz-categorical-01-02","--kd-color-data-viz-categorical-01-03","--kd-color-data-viz-categorical-01-04","--kd-color-data-viz-categorical-01-05","--kd-color-data-viz-categorical-01-06","--kd-color-data-viz-categorical-01-07","--kd-color-data-viz-categorical-01-08","--kd-color-data-viz-categorical-01-09","--kd-color-data-viz-categorical-01-10"],sequential01:["--kd-color-data-viz-sequential-01-10","--kd-color-data-viz-sequential-01-20","--kd-color-data-viz-sequential-01-30","--kd-color-data-viz-sequential-01-40","--kd-color-data-viz-sequential-01-50","--kd-color-data-viz-sequential-01-60","--kd-color-data-viz-sequential-01-70","--kd-color-data-viz-sequential-01-80","--kd-color-data-viz-sequential-01-90","--kd-color-data-viz-sequential-01-100"],sequential02:["--kd-color-data-viz-sequential-02-10","--kd-color-data-viz-sequential-02-20","--kd-color-data-viz-sequential-02-30","--kd-color-data-viz-sequential-02-40","--kd-color-data-viz-sequential-02-50","--kd-color-data-viz-sequential-02-60","--kd-color-data-viz-sequential-02-70","--kd-color-data-viz-sequential-02-80","--kd-color-data-viz-sequential-02-90","--kd-color-data-viz-sequential-02-100"],sequential03:["--kd-color-data-viz-sequential-03-10","--kd-color-data-viz-sequential-03-20","--kd-color-data-viz-sequential-03-30","--kd-color-data-viz-sequential-03-40","--kd-color-data-viz-sequential-03-50","--kd-color-data-viz-sequential-03-60","--kd-color-data-viz-sequential-03-70","--kd-color-data-viz-sequential-03-80","--kd-color-data-viz-sequential-03-90","--kd-color-data-viz-sequential-03-100"],sequential04:["--kd-color-data-viz-sequential-04-10","--kd-color-data-viz-sequential-04-20","--kd-color-data-viz-sequential-04-30","--kd-color-data-viz-sequential-04-40","--kd-color-data-viz-sequential-04-50","--kd-color-data-viz-sequential-04-60","--kd-color-data-viz-sequential-04-70","--kd-color-data-viz-sequential-04-80","--kd-color-data-viz-sequential-04-90","--kd-color-data-viz-sequential-04-100"],sequential05:["--kd-color-data-viz-sequential-05-10","--kd-color-data-viz-sequential-05-20","--kd-color-data-viz-sequential-05-30","--kd-color-data-viz-sequential-05-40","--kd-color-data-viz-sequential-05-50","--kd-color-data-viz-sequential-05-60","--kd-color-data-viz-sequential-05-70","--kd-color-data-viz-sequential-05-80","--kd-color-data-viz-sequential-05-90","--kd-color-data-viz-sequential-05-100"],divergent01:["--kd-color-data-viz-divergent-01-negative-100","--kd-color-data-viz-divergent-01-negative-90","--kd-color-data-viz-divergent-01-negative-80","--kd-color-data-viz-divergent-01-negative-70","--kd-color-data-viz-divergent-01-negative-60","--kd-color-data-viz-divergent-01-negative-50","--kd-color-data-viz-divergent-01-negative-40","--kd-color-data-viz-divergent-01-negative-30","--kd-color-data-viz-divergent-01-negative-20","--kd-color-data-viz-divergent-01-negative-10","--kd-color-data-viz-divergent-01-neutral","--kd-color-data-viz-divergent-01-positive-10","--kd-color-data-viz-divergent-01-positive-20","--kd-color-data-viz-divergent-01-positive-30","--kd-color-data-viz-divergent-01-positive-40","--kd-color-data-viz-divergent-01-positive-50","--kd-color-data-viz-divergent-01-positive-60","--kd-color-data-viz-divergent-01-positive-70","--kd-color-data-viz-divergent-01-positive-80","--kd-color-data-viz-divergent-01-positive-90","--kd-color-data-viz-divergent-01-positive-100"],divergent02:["--kd-color-data-viz-divergent-02-negative-100","--kd-color-data-viz-divergent-02-negative-90","--kd-color-data-viz-divergent-02-negative-80","--kd-color-data-viz-divergent-02-negative-70","--kd-color-data-viz-divergent-02-negative-60","--kd-color-data-viz-divergent-02-negative-50","--kd-color-data-viz-divergent-02-negative-40","--kd-color-data-viz-divergent-02-negative-30","--kd-color-data-viz-divergent-02-negative-20","--kd-color-data-viz-divergent-02-negative-10","--kd-color-data-viz-divergent-02-neutral","--kd-color-data-viz-divergent-02-positive-10","--kd-color-data-viz-divergent-02-positive-20","--kd-color-data-viz-divergent-02-positive-30","--kd-color-data-viz-divergent-02-positive-40","--kd-color-data-viz-divergent-02-positive-50","--kd-color-data-viz-divergent-02-positive-60","--kd-color-data-viz-divergent-02-positive-70","--kd-color-data-viz-divergent-02-positive-80","--kd-color-data-viz-divergent-02-positive-90","--kd-color-data-viz-divergent-02-positive-100"],statusLight:["--kd-color-data-viz-rag-8-success-light","--kd-color-data-viz-rag-8-warning-light","--kd-color-data-viz-rag-8-error-light","--kd-color-status-
|
|
1
|
+
import{getTokenThemeVal as a}from"@kyndryl-design-system/shidoka-foundation/common/helpers/color";const i=a=>{const i=o[a];return Array.isArray(i)?i.slice():[]},t=t=>i(t).map((i=>i.startsWith("--")?a(i):i)),o={categorical:["--kd-color-data-viz-categorical-01-01","--kd-color-data-viz-categorical-01-02","--kd-color-data-viz-categorical-01-03","--kd-color-data-viz-categorical-01-04","--kd-color-data-viz-categorical-01-05","--kd-color-data-viz-categorical-01-06","--kd-color-data-viz-categorical-01-07","--kd-color-data-viz-categorical-01-08","--kd-color-data-viz-categorical-01-09","--kd-color-data-viz-categorical-01-10"],sequential01:["--kd-color-data-viz-sequential-01-10","--kd-color-data-viz-sequential-01-20","--kd-color-data-viz-sequential-01-30","--kd-color-data-viz-sequential-01-40","--kd-color-data-viz-sequential-01-50","--kd-color-data-viz-sequential-01-60","--kd-color-data-viz-sequential-01-70","--kd-color-data-viz-sequential-01-80","--kd-color-data-viz-sequential-01-90","--kd-color-data-viz-sequential-01-100"],sequential02:["--kd-color-data-viz-sequential-02-10","--kd-color-data-viz-sequential-02-20","--kd-color-data-viz-sequential-02-30","--kd-color-data-viz-sequential-02-40","--kd-color-data-viz-sequential-02-50","--kd-color-data-viz-sequential-02-60","--kd-color-data-viz-sequential-02-70","--kd-color-data-viz-sequential-02-80","--kd-color-data-viz-sequential-02-90","--kd-color-data-viz-sequential-02-100"],sequential03:["--kd-color-data-viz-sequential-03-10","--kd-color-data-viz-sequential-03-20","--kd-color-data-viz-sequential-03-30","--kd-color-data-viz-sequential-03-40","--kd-color-data-viz-sequential-03-50","--kd-color-data-viz-sequential-03-60","--kd-color-data-viz-sequential-03-70","--kd-color-data-viz-sequential-03-80","--kd-color-data-viz-sequential-03-90","--kd-color-data-viz-sequential-03-100"],sequential04:["--kd-color-data-viz-sequential-04-10","--kd-color-data-viz-sequential-04-20","--kd-color-data-viz-sequential-04-30","--kd-color-data-viz-sequential-04-40","--kd-color-data-viz-sequential-04-50","--kd-color-data-viz-sequential-04-60","--kd-color-data-viz-sequential-04-70","--kd-color-data-viz-sequential-04-80","--kd-color-data-viz-sequential-04-90","--kd-color-data-viz-sequential-04-100"],sequential05:["--kd-color-data-viz-sequential-05-10","--kd-color-data-viz-sequential-05-20","--kd-color-data-viz-sequential-05-30","--kd-color-data-viz-sequential-05-40","--kd-color-data-viz-sequential-05-50","--kd-color-data-viz-sequential-05-60","--kd-color-data-viz-sequential-05-70","--kd-color-data-viz-sequential-05-80","--kd-color-data-viz-sequential-05-90","--kd-color-data-viz-sequential-05-100"],divergent01:["--kd-color-data-viz-divergent-01-negative-100","--kd-color-data-viz-divergent-01-negative-90","--kd-color-data-viz-divergent-01-negative-80","--kd-color-data-viz-divergent-01-negative-70","--kd-color-data-viz-divergent-01-negative-60","--kd-color-data-viz-divergent-01-negative-50","--kd-color-data-viz-divergent-01-negative-40","--kd-color-data-viz-divergent-01-negative-30","--kd-color-data-viz-divergent-01-negative-20","--kd-color-data-viz-divergent-01-negative-10","--kd-color-data-viz-divergent-01-neutral","--kd-color-data-viz-divergent-01-positive-10","--kd-color-data-viz-divergent-01-positive-20","--kd-color-data-viz-divergent-01-positive-30","--kd-color-data-viz-divergent-01-positive-40","--kd-color-data-viz-divergent-01-positive-50","--kd-color-data-viz-divergent-01-positive-60","--kd-color-data-viz-divergent-01-positive-70","--kd-color-data-viz-divergent-01-positive-80","--kd-color-data-viz-divergent-01-positive-90","--kd-color-data-viz-divergent-01-positive-100"],divergent02:["--kd-color-data-viz-divergent-02-negative-100","--kd-color-data-viz-divergent-02-negative-90","--kd-color-data-viz-divergent-02-negative-80","--kd-color-data-viz-divergent-02-negative-70","--kd-color-data-viz-divergent-02-negative-60","--kd-color-data-viz-divergent-02-negative-50","--kd-color-data-viz-divergent-02-negative-40","--kd-color-data-viz-divergent-02-negative-30","--kd-color-data-viz-divergent-02-negative-20","--kd-color-data-viz-divergent-02-negative-10","--kd-color-data-viz-divergent-02-neutral","--kd-color-data-viz-divergent-02-positive-10","--kd-color-data-viz-divergent-02-positive-20","--kd-color-data-viz-divergent-02-positive-30","--kd-color-data-viz-divergent-02-positive-40","--kd-color-data-viz-divergent-02-positive-50","--kd-color-data-viz-divergent-02-positive-60","--kd-color-data-viz-divergent-02-positive-70","--kd-color-data-viz-divergent-02-positive-80","--kd-color-data-viz-divergent-02-positive-90","--kd-color-data-viz-divergent-02-positive-100"],statusLight:["--kd-color-data-viz-rag-8-success-light","--kd-color-data-viz-rag-8-warning-light","--kd-color-data-viz-rag-8-error-light","--kd-color-status-critical-light"],statusDark:["--kd-color-data-viz-rag-8-success","--kd-color-data-viz-rag-8-warning","--kd-color-data-viz-rag-8-error","--kd-color-status-critical-dark"],rag03:["--kd-color-data-viz-rag-3-success","--kd-color-data-viz-rag-3-warning","--kd-color-data-viz-rag-3-error"],rag08:["--kd-color-data-viz-rag-8-success","--kd-color-data-viz-rag-8-success-light","--kd-color-data-viz-rag-8-warning","--kd-color-data-viz-rag-8-warning-light","--kd-color-data-viz-rag-8-error","--kd-color-data-viz-rag-8-error-light","--kd-color-data-viz-rag-8-informational","--kd-color-data-viz-rag-8-informational-light"]};export{i as getColorPalette,t as getComputedColorPalette};
|
|
2
2
|
//# sourceMappingURL=colorPalettes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colorPalettes.js","sources":["../../../src/common/config/colorPalettes.js"],"sourcesContent":["import { getTokenThemeVal } from '@kyndryl-design-system/shidoka-foundation/common/helpers/color';\n\nexport const getColorPalette = (key) => {\n const palette = palettes[key];\n return Array.isArray(palette) ? palette.slice() : [];\n};\n\nexport const getComputedColorPalette = (key) => {\n const palette = getColorPalette(key);\n return palette.map((color) => {\n return color.startsWith('--') ? getTokenThemeVal(color) : color;\n });\n};\n\nconst palettes = {\n categorical: [\n '--kd-color-data-viz-categorical-01-01',\n '--kd-color-data-viz-categorical-01-02',\n '--kd-color-data-viz-categorical-01-03',\n '--kd-color-data-viz-categorical-01-04',\n '--kd-color-data-viz-categorical-01-05',\n '--kd-color-data-viz-categorical-01-06',\n '--kd-color-data-viz-categorical-01-07',\n '--kd-color-data-viz-categorical-01-08',\n '--kd-color-data-viz-categorical-01-09',\n '--kd-color-data-viz-categorical-01-10',\n ],\n\n sequential01: [\n '--kd-color-data-viz-sequential-01-10',\n '--kd-color-data-viz-sequential-01-20',\n '--kd-color-data-viz-sequential-01-30',\n '--kd-color-data-viz-sequential-01-40',\n '--kd-color-data-viz-sequential-01-50',\n '--kd-color-data-viz-sequential-01-60',\n '--kd-color-data-viz-sequential-01-70',\n '--kd-color-data-viz-sequential-01-80',\n '--kd-color-data-viz-sequential-01-90',\n '--kd-color-data-viz-sequential-01-100',\n ],\n\n sequential02: [\n '--kd-color-data-viz-sequential-02-10',\n '--kd-color-data-viz-sequential-02-20',\n '--kd-color-data-viz-sequential-02-30',\n '--kd-color-data-viz-sequential-02-40',\n '--kd-color-data-viz-sequential-02-50',\n '--kd-color-data-viz-sequential-02-60',\n '--kd-color-data-viz-sequential-02-70',\n '--kd-color-data-viz-sequential-02-80',\n '--kd-color-data-viz-sequential-02-90',\n '--kd-color-data-viz-sequential-02-100',\n ],\n\n sequential03: [\n '--kd-color-data-viz-sequential-03-10',\n '--kd-color-data-viz-sequential-03-20',\n '--kd-color-data-viz-sequential-03-30',\n '--kd-color-data-viz-sequential-03-40',\n '--kd-color-data-viz-sequential-03-50',\n '--kd-color-data-viz-sequential-03-60',\n '--kd-color-data-viz-sequential-03-70',\n '--kd-color-data-viz-sequential-03-80',\n '--kd-color-data-viz-sequential-03-90',\n '--kd-color-data-viz-sequential-03-100',\n ],\n\n sequential04: [\n '--kd-color-data-viz-sequential-04-10',\n '--kd-color-data-viz-sequential-04-20',\n '--kd-color-data-viz-sequential-04-30',\n '--kd-color-data-viz-sequential-04-40',\n '--kd-color-data-viz-sequential-04-50',\n '--kd-color-data-viz-sequential-04-60',\n '--kd-color-data-viz-sequential-04-70',\n '--kd-color-data-viz-sequential-04-80',\n '--kd-color-data-viz-sequential-04-90',\n '--kd-color-data-viz-sequential-04-100',\n ],\n\n sequential05: [\n '--kd-color-data-viz-sequential-05-10',\n '--kd-color-data-viz-sequential-05-20',\n '--kd-color-data-viz-sequential-05-30',\n '--kd-color-data-viz-sequential-05-40',\n '--kd-color-data-viz-sequential-05-50',\n '--kd-color-data-viz-sequential-05-60',\n '--kd-color-data-viz-sequential-05-70',\n '--kd-color-data-viz-sequential-05-80',\n '--kd-color-data-viz-sequential-05-90',\n '--kd-color-data-viz-sequential-05-100',\n ],\n\n divergent01: [\n '--kd-color-data-viz-divergent-01-negative-100',\n '--kd-color-data-viz-divergent-01-negative-90',\n '--kd-color-data-viz-divergent-01-negative-80',\n '--kd-color-data-viz-divergent-01-negative-70',\n '--kd-color-data-viz-divergent-01-negative-60',\n '--kd-color-data-viz-divergent-01-negative-50',\n '--kd-color-data-viz-divergent-01-negative-40',\n '--kd-color-data-viz-divergent-01-negative-30',\n '--kd-color-data-viz-divergent-01-negative-20',\n '--kd-color-data-viz-divergent-01-negative-10',\n '--kd-color-data-viz-divergent-01-neutral',\n '--kd-color-data-viz-divergent-01-positive-10',\n '--kd-color-data-viz-divergent-01-positive-20',\n '--kd-color-data-viz-divergent-01-positive-30',\n '--kd-color-data-viz-divergent-01-positive-40',\n '--kd-color-data-viz-divergent-01-positive-50',\n '--kd-color-data-viz-divergent-01-positive-60',\n '--kd-color-data-viz-divergent-01-positive-70',\n '--kd-color-data-viz-divergent-01-positive-80',\n '--kd-color-data-viz-divergent-01-positive-90',\n '--kd-color-data-viz-divergent-01-positive-100',\n ],\n\n divergent02: [\n '--kd-color-data-viz-divergent-02-negative-100',\n '--kd-color-data-viz-divergent-02-negative-90',\n '--kd-color-data-viz-divergent-02-negative-80',\n '--kd-color-data-viz-divergent-02-negative-70',\n '--kd-color-data-viz-divergent-02-negative-60',\n '--kd-color-data-viz-divergent-02-negative-50',\n '--kd-color-data-viz-divergent-02-negative-40',\n '--kd-color-data-viz-divergent-02-negative-30',\n '--kd-color-data-viz-divergent-02-negative-20',\n '--kd-color-data-viz-divergent-02-negative-10',\n '--kd-color-data-viz-divergent-02-neutral',\n '--kd-color-data-viz-divergent-02-positive-10',\n '--kd-color-data-viz-divergent-02-positive-20',\n '--kd-color-data-viz-divergent-02-positive-30',\n '--kd-color-data-viz-divergent-02-positive-40',\n '--kd-color-data-viz-divergent-02-positive-50',\n '--kd-color-data-viz-divergent-02-positive-60',\n '--kd-color-data-viz-divergent-02-positive-70',\n '--kd-color-data-viz-divergent-02-positive-80',\n '--kd-color-data-viz-divergent-02-positive-90',\n '--kd-color-data-viz-divergent-02-positive-100',\n ],\n\n statusLight: [\n '--kd-color-data-viz-rag-8-success-light',\n '--kd-color-data-viz-rag-8-warning-light',\n '--kd-color-data-viz-rag-8-error-light',\n '--kd-color-status-
|
|
1
|
+
{"version":3,"file":"colorPalettes.js","sources":["../../../src/common/config/colorPalettes.js"],"sourcesContent":["import { getTokenThemeVal } from '@kyndryl-design-system/shidoka-foundation/common/helpers/color';\n\nexport const getColorPalette = (key) => {\n const palette = palettes[key];\n return Array.isArray(palette) ? palette.slice() : [];\n};\n\nexport const getComputedColorPalette = (key) => {\n const palette = getColorPalette(key);\n return palette.map((color) => {\n return color.startsWith('--') ? getTokenThemeVal(color) : color;\n });\n};\n\nconst palettes = {\n categorical: [\n '--kd-color-data-viz-categorical-01-01',\n '--kd-color-data-viz-categorical-01-02',\n '--kd-color-data-viz-categorical-01-03',\n '--kd-color-data-viz-categorical-01-04',\n '--kd-color-data-viz-categorical-01-05',\n '--kd-color-data-viz-categorical-01-06',\n '--kd-color-data-viz-categorical-01-07',\n '--kd-color-data-viz-categorical-01-08',\n '--kd-color-data-viz-categorical-01-09',\n '--kd-color-data-viz-categorical-01-10',\n ],\n\n sequential01: [\n '--kd-color-data-viz-sequential-01-10',\n '--kd-color-data-viz-sequential-01-20',\n '--kd-color-data-viz-sequential-01-30',\n '--kd-color-data-viz-sequential-01-40',\n '--kd-color-data-viz-sequential-01-50',\n '--kd-color-data-viz-sequential-01-60',\n '--kd-color-data-viz-sequential-01-70',\n '--kd-color-data-viz-sequential-01-80',\n '--kd-color-data-viz-sequential-01-90',\n '--kd-color-data-viz-sequential-01-100',\n ],\n\n sequential02: [\n '--kd-color-data-viz-sequential-02-10',\n '--kd-color-data-viz-sequential-02-20',\n '--kd-color-data-viz-sequential-02-30',\n '--kd-color-data-viz-sequential-02-40',\n '--kd-color-data-viz-sequential-02-50',\n '--kd-color-data-viz-sequential-02-60',\n '--kd-color-data-viz-sequential-02-70',\n '--kd-color-data-viz-sequential-02-80',\n '--kd-color-data-viz-sequential-02-90',\n '--kd-color-data-viz-sequential-02-100',\n ],\n\n sequential03: [\n '--kd-color-data-viz-sequential-03-10',\n '--kd-color-data-viz-sequential-03-20',\n '--kd-color-data-viz-sequential-03-30',\n '--kd-color-data-viz-sequential-03-40',\n '--kd-color-data-viz-sequential-03-50',\n '--kd-color-data-viz-sequential-03-60',\n '--kd-color-data-viz-sequential-03-70',\n '--kd-color-data-viz-sequential-03-80',\n '--kd-color-data-viz-sequential-03-90',\n '--kd-color-data-viz-sequential-03-100',\n ],\n\n sequential04: [\n '--kd-color-data-viz-sequential-04-10',\n '--kd-color-data-viz-sequential-04-20',\n '--kd-color-data-viz-sequential-04-30',\n '--kd-color-data-viz-sequential-04-40',\n '--kd-color-data-viz-sequential-04-50',\n '--kd-color-data-viz-sequential-04-60',\n '--kd-color-data-viz-sequential-04-70',\n '--kd-color-data-viz-sequential-04-80',\n '--kd-color-data-viz-sequential-04-90',\n '--kd-color-data-viz-sequential-04-100',\n ],\n\n sequential05: [\n '--kd-color-data-viz-sequential-05-10',\n '--kd-color-data-viz-sequential-05-20',\n '--kd-color-data-viz-sequential-05-30',\n '--kd-color-data-viz-sequential-05-40',\n '--kd-color-data-viz-sequential-05-50',\n '--kd-color-data-viz-sequential-05-60',\n '--kd-color-data-viz-sequential-05-70',\n '--kd-color-data-viz-sequential-05-80',\n '--kd-color-data-viz-sequential-05-90',\n '--kd-color-data-viz-sequential-05-100',\n ],\n\n divergent01: [\n '--kd-color-data-viz-divergent-01-negative-100',\n '--kd-color-data-viz-divergent-01-negative-90',\n '--kd-color-data-viz-divergent-01-negative-80',\n '--kd-color-data-viz-divergent-01-negative-70',\n '--kd-color-data-viz-divergent-01-negative-60',\n '--kd-color-data-viz-divergent-01-negative-50',\n '--kd-color-data-viz-divergent-01-negative-40',\n '--kd-color-data-viz-divergent-01-negative-30',\n '--kd-color-data-viz-divergent-01-negative-20',\n '--kd-color-data-viz-divergent-01-negative-10',\n '--kd-color-data-viz-divergent-01-neutral',\n '--kd-color-data-viz-divergent-01-positive-10',\n '--kd-color-data-viz-divergent-01-positive-20',\n '--kd-color-data-viz-divergent-01-positive-30',\n '--kd-color-data-viz-divergent-01-positive-40',\n '--kd-color-data-viz-divergent-01-positive-50',\n '--kd-color-data-viz-divergent-01-positive-60',\n '--kd-color-data-viz-divergent-01-positive-70',\n '--kd-color-data-viz-divergent-01-positive-80',\n '--kd-color-data-viz-divergent-01-positive-90',\n '--kd-color-data-viz-divergent-01-positive-100',\n ],\n\n divergent02: [\n '--kd-color-data-viz-divergent-02-negative-100',\n '--kd-color-data-viz-divergent-02-negative-90',\n '--kd-color-data-viz-divergent-02-negative-80',\n '--kd-color-data-viz-divergent-02-negative-70',\n '--kd-color-data-viz-divergent-02-negative-60',\n '--kd-color-data-viz-divergent-02-negative-50',\n '--kd-color-data-viz-divergent-02-negative-40',\n '--kd-color-data-viz-divergent-02-negative-30',\n '--kd-color-data-viz-divergent-02-negative-20',\n '--kd-color-data-viz-divergent-02-negative-10',\n '--kd-color-data-viz-divergent-02-neutral',\n '--kd-color-data-viz-divergent-02-positive-10',\n '--kd-color-data-viz-divergent-02-positive-20',\n '--kd-color-data-viz-divergent-02-positive-30',\n '--kd-color-data-viz-divergent-02-positive-40',\n '--kd-color-data-viz-divergent-02-positive-50',\n '--kd-color-data-viz-divergent-02-positive-60',\n '--kd-color-data-viz-divergent-02-positive-70',\n '--kd-color-data-viz-divergent-02-positive-80',\n '--kd-color-data-viz-divergent-02-positive-90',\n '--kd-color-data-viz-divergent-02-positive-100',\n ],\n\n statusLight: [\n '--kd-color-data-viz-rag-8-success-light',\n '--kd-color-data-viz-rag-8-warning-light',\n '--kd-color-data-viz-rag-8-error-light',\n '--kd-color-status-critical-light',\n ],\n\n statusDark: [\n '--kd-color-data-viz-rag-8-success',\n '--kd-color-data-viz-rag-8-warning',\n '--kd-color-data-viz-rag-8-error',\n '--kd-color-status-critical-dark',\n ],\n\n rag03: [\n '--kd-color-data-viz-rag-3-success',\n '--kd-color-data-viz-rag-3-warning',\n '--kd-color-data-viz-rag-3-error',\n ],\n\n rag08: [\n '--kd-color-data-viz-rag-8-success',\n '--kd-color-data-viz-rag-8-success-light',\n '--kd-color-data-viz-rag-8-warning',\n '--kd-color-data-viz-rag-8-warning-light',\n '--kd-color-data-viz-rag-8-error',\n '--kd-color-data-viz-rag-8-error-light',\n '--kd-color-data-viz-rag-8-informational',\n '--kd-color-data-viz-rag-8-informational-light',\n ],\n};\n"],"names":["getColorPalette","key","palette","palettes","Array","isArray","slice","getComputedColorPalette","map","color","startsWith","getTokenThemeVal","categorical","sequential01","sequential02","sequential03","sequential04","sequential05","divergent01","divergent02","statusLight","statusDark","rag03","rag08"],"mappings":"kGAEY,MAACA,EAAmBC,IAC9B,MAAMC,EAAUC,EAASF,GACzB,OAAOG,MAAMC,QAAQH,GAAWA,EAAQI,QAAU,EAAE,EAGzCC,EAA2BN,GACtBD,EAAgBC,GACjBO,KAAKC,GACXA,EAAMC,WAAW,MAAQC,EAAiBF,GAASA,IAIxDN,EAAW,CACfS,YAAa,CACX,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,yCAGFC,aAAc,CACZ,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,yCAGFC,aAAc,CACZ,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,yCAGFC,aAAc,CACZ,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,yCAGFC,aAAc,CACZ,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,yCAGFC,aAAc,CACZ,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,uCACA,yCAGFC,YAAa,CACX,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,2CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,iDAGFC,YAAa,CACX,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,2CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,iDAGFC,YAAa,CACX,0CACA,0CACA,wCACA,oCAGFC,WAAY,CACV,oCACA,oCACA,kCACA,mCAGFC,MAAO,CACL,oCACA,oCACA,mCAGFC,MAAO,CACL,oCACA,0CACA,oCACA,0CACA,kCACA,wCACA,0CACA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kyndryl-design-system/shidoka-charts",
|
|
3
|
-
"version": "2.8.
|
|
3
|
+
"version": "2.8.4",
|
|
4
4
|
"description": "Shidoka Charts",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "index.js",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"prepare": "npx husky install"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@kyndryl-design-system/shidoka-foundation": "^2.
|
|
29
|
+
"@kyndryl-design-system/shidoka-foundation": "^2.8.3",
|
|
30
30
|
"@kyndryl-design-system/shidoka-icons": "^2.0.0",
|
|
31
31
|
"@sgratzl/chartjs-chart-boxplot": "^4.4.4",
|
|
32
32
|
"chart.js": "^4.4.0",
|