@semcore/d3-chart 17.0.2-prerelease.1 → 17.1.0-prerelease.0

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.
Files changed (122) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Area.js +11 -11
  3. package/lib/cjs/Axis.js +16 -16
  4. package/lib/cjs/Bar.js +16 -16
  5. package/lib/cjs/Bubble.js +14 -14
  6. package/lib/cjs/CompactHorizontalBar.js +16 -16
  7. package/lib/cjs/Donut.js +9 -9
  8. package/lib/cjs/Dots.js +8 -8
  9. package/lib/cjs/HorizontalBar.js +16 -16
  10. package/lib/cjs/Hover.js +3 -3
  11. package/lib/cjs/Line.js +9 -9
  12. package/lib/cjs/Plot.js +2 -2
  13. package/lib/cjs/Radar.js +19 -19
  14. package/lib/cjs/RadialTree.js +12 -12
  15. package/lib/cjs/Reference.js +12 -12
  16. package/lib/cjs/ScatterPlot.js +9 -9
  17. package/lib/cjs/Tooltip.js +9 -9
  18. package/lib/cjs/Venn.js +9 -9
  19. package/lib/cjs/a11y/PlotA11yModule.js +2 -2
  20. package/lib/cjs/a11y/PlotA11yView.js +2 -2
  21. package/lib/cjs/component/Chart/AbstractChart.js +4 -4
  22. package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  23. package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  24. package/lib/cjs/component/ChartLegend/LegendItem/legend-item.shadow.css +1 -1
  25. package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  26. package/lib/cjs/style/area.shadow.css +3 -3
  27. package/lib/cjs/style/axis.shadow.css +5 -5
  28. package/lib/cjs/style/bar.shadow.css +6 -6
  29. package/lib/cjs/style/bubble.shadow.css +4 -4
  30. package/lib/cjs/style/donut.shadow.css +3 -3
  31. package/lib/cjs/style/dot.shadow.css +2 -2
  32. package/lib/cjs/style/hover.shadow.css +2 -2
  33. package/lib/cjs/style/line.shadow.css +3 -3
  34. package/lib/cjs/style/plot.shadow.css +1 -1
  35. package/lib/cjs/style/plotA11yView.shadow.css +4 -4
  36. package/lib/cjs/style/radar.shadow.css +8 -8
  37. package/lib/cjs/style/radial-tree.shadow.css +3 -3
  38. package/lib/cjs/style/reference.shadow.css +4 -4
  39. package/lib/cjs/style/scatterplot.shadow.css +2 -2
  40. package/lib/cjs/style/tooltip.shadow.css +5 -5
  41. package/lib/cjs/style/venn.shadow.css +3 -3
  42. package/lib/es6/Area.js +11 -11
  43. package/lib/es6/Axis.js +16 -16
  44. package/lib/es6/Bar.js +16 -16
  45. package/lib/es6/Bubble.js +14 -14
  46. package/lib/es6/CompactHorizontalBar.js +16 -16
  47. package/lib/es6/Donut.js +9 -9
  48. package/lib/es6/Dots.js +8 -8
  49. package/lib/es6/HorizontalBar.js +16 -16
  50. package/lib/es6/Hover.js +3 -3
  51. package/lib/es6/Line.js +9 -9
  52. package/lib/es6/Plot.js +2 -2
  53. package/lib/es6/Radar.js +19 -19
  54. package/lib/es6/RadialTree.js +12 -12
  55. package/lib/es6/Reference.js +12 -12
  56. package/lib/es6/ScatterPlot.js +9 -9
  57. package/lib/es6/Tooltip.js +9 -9
  58. package/lib/es6/Venn.js +9 -9
  59. package/lib/es6/a11y/PlotA11yModule.js +2 -2
  60. package/lib/es6/a11y/PlotA11yView.js +2 -2
  61. package/lib/es6/component/Chart/AbstractChart.js +4 -4
  62. package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  63. package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  64. package/lib/es6/component/ChartLegend/LegendItem/legend-item.shadow.css +1 -1
  65. package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  66. package/lib/es6/style/area.shadow.css +3 -3
  67. package/lib/es6/style/axis.shadow.css +5 -5
  68. package/lib/es6/style/bar.shadow.css +6 -6
  69. package/lib/es6/style/bubble.shadow.css +4 -4
  70. package/lib/es6/style/donut.shadow.css +3 -3
  71. package/lib/es6/style/dot.shadow.css +2 -2
  72. package/lib/es6/style/hover.shadow.css +2 -2
  73. package/lib/es6/style/line.shadow.css +3 -3
  74. package/lib/es6/style/plot.shadow.css +1 -1
  75. package/lib/es6/style/plotA11yView.shadow.css +4 -4
  76. package/lib/es6/style/radar.shadow.css +8 -8
  77. package/lib/es6/style/radial-tree.shadow.css +3 -3
  78. package/lib/es6/style/reference.shadow.css +4 -4
  79. package/lib/es6/style/scatterplot.shadow.css +2 -2
  80. package/lib/es6/style/tooltip.shadow.css +5 -5
  81. package/lib/es6/style/venn.shadow.css +3 -3
  82. package/lib/esm/Area.mjs +12 -12
  83. package/lib/esm/Axis.mjs +17 -17
  84. package/lib/esm/Bar.mjs +17 -17
  85. package/lib/esm/Bubble.mjs +15 -15
  86. package/lib/esm/CompactHorizontalBar.mjs +17 -17
  87. package/lib/esm/Donut.mjs +10 -10
  88. package/lib/esm/Dots.mjs +9 -9
  89. package/lib/esm/HorizontalBar.mjs +17 -17
  90. package/lib/esm/Hover.mjs +4 -4
  91. package/lib/esm/Line.mjs +10 -10
  92. package/lib/esm/Plot.mjs +3 -3
  93. package/lib/esm/Radar.mjs +20 -20
  94. package/lib/esm/RadialTree.mjs +13 -13
  95. package/lib/esm/Reference.mjs +13 -13
  96. package/lib/esm/ScatterPlot.mjs +10 -10
  97. package/lib/esm/Tooltip.mjs +10 -10
  98. package/lib/esm/Venn.mjs +10 -10
  99. package/lib/esm/a11y/PlotA11yModule.mjs +3 -3
  100. package/lib/esm/a11y/PlotA11yView.mjs +3 -3
  101. package/lib/esm/component/Chart/AbstractChart.mjs +5 -5
  102. package/lib/esm/component/ChartLegend/LegendFlex/LegendFlex.mjs +5 -5
  103. package/lib/esm/component/ChartLegend/LegendItem/LegendItem.mjs +18 -18
  104. package/lib/esm/component/ChartLegend/LegendItem/legend-item.shadow.css +1 -1
  105. package/lib/esm/component/ChartLegend/LegendTable/LegendTable.mjs +7 -7
  106. package/lib/esm/style/area.shadow.css +3 -3
  107. package/lib/esm/style/axis.shadow.css +5 -5
  108. package/lib/esm/style/bar.shadow.css +6 -6
  109. package/lib/esm/style/bubble.shadow.css +4 -4
  110. package/lib/esm/style/donut.shadow.css +3 -3
  111. package/lib/esm/style/dot.shadow.css +2 -2
  112. package/lib/esm/style/hover.shadow.css +2 -2
  113. package/lib/esm/style/line.shadow.css +3 -3
  114. package/lib/esm/style/plot.shadow.css +1 -1
  115. package/lib/esm/style/plotA11yView.shadow.css +4 -4
  116. package/lib/esm/style/radar.shadow.css +8 -8
  117. package/lib/esm/style/radial-tree.shadow.css +3 -3
  118. package/lib/esm/style/reference.shadow.css +4 -4
  119. package/lib/esm/style/scatterplot.shadow.css +2 -2
  120. package/lib/esm/style/tooltip.shadow.css +5 -5
  121. package/lib/esm/style/venn.shadow.css +3 -3
  122. package/package.json +13 -13
@@ -9,17 +9,17 @@ import React from 'react';
9
9
  import createElement from './createElement';
10
10
  import { PatternFill } from './Pattern';
11
11
  /*!__reshadow-styles__:"./style/scatterplot.shadow.css"*/
12
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SScatterPlot_93f9v_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_93f9v);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_93f9v_gg_:hover{opacity:.8}}.___SScatterPlot_93f9v_gg_.__color_93f9v_gg_{fill:var(--color_93f9v)}.___SScatterPlot_93f9v_gg_.__pattern_93f9v_gg_.__color_93f9v_gg_{fill:var(--pattern_93f9v);stroke:var(--color_93f9v);stroke-width:1px}.___SScatterPlot_93f9v_gg_.__transparent_93f9v_gg_{opacity:.3}.___SValue_93f9v_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_93f9v_gg_.__color_93f9v_gg_{stroke:var(--color_93f9v)}.___SValue_93f9v_gg_.__transparent_93f9v_gg_{opacity:.3}", /*__inner_css_end__*/"93f9v_gg_"),
12
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SScatterPlot_6l4o0_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:cx,cy;transition-duration:var(--duration_6l4o0);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_6l4o0_gg_:hover{opacity:.8}}.___SScatterPlot_6l4o0_gg_.__color_6l4o0_gg_{fill:var(--color_6l4o0)}.___SScatterPlot_6l4o0_gg_.__pattern_6l4o0_gg_.__color_6l4o0_gg_{fill:var(--pattern_6l4o0);stroke:var(--color_6l4o0);stroke-width:1px}.___SScatterPlot_6l4o0_gg_.__transparent_6l4o0_gg_{opacity:.3}.___SValue_6l4o0_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, rgb(92, 92, 196))}.___SValue_6l4o0_gg_.__color_6l4o0_gg_{stroke:var(--color_6l4o0)}.___SValue_6l4o0_gg_.__transparent_6l4o0_gg_{opacity:.3}", /*__inner_css_end__*/"6l4o0_gg_"),
13
13
  /*__reshadow_css_end__*/
14
14
  {
15
- "__SScatterPlot": "___SScatterPlot_93f9v_gg_",
16
- "_color": "__color_93f9v_gg_",
17
- "--color": "--color_93f9v",
18
- "_pattern": "__pattern_93f9v_gg_",
19
- "--pattern": "--pattern_93f9v",
20
- "_transparent": "__transparent_93f9v_gg_",
21
- "__SValue": "___SValue_93f9v_gg_",
22
- "--duration": "--duration_93f9v"
15
+ "__SScatterPlot": "___SScatterPlot_6l4o0_gg_",
16
+ "_color": "__color_6l4o0_gg_",
17
+ "--color": "--color_6l4o0",
18
+ "_pattern": "__pattern_6l4o0_gg_",
19
+ "--pattern": "--pattern_6l4o0",
20
+ "_transparent": "__transparent_6l4o0_gg_",
21
+ "__SValue": "___SValue_6l4o0_gg_",
22
+ "--duration": "--duration_6l4o0"
23
23
  });
24
24
  import Tooltip from './Tooltip';
25
25
  import { getScatterPlotRadius } from './utils';
@@ -13,17 +13,17 @@ import React from 'react';
13
13
  import createElement from './createElement';
14
14
  import { PatternSymbol } from './Pattern';
15
15
  /*!__reshadow-styles__:"./style/tooltip.shadow.css"*/
16
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STooltip_h598b_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_h598b_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_h598b_gg_{display:flex;align-items:center}.___SDot_h598b_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_h598b_gg_.__color_h598b_gg_{background-color:var(--color_h598b);width:8px;height:8px;border-radius:50%}.___SFooter_h598b_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"h598b_gg_"),
16
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STooltip_1ggwc_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07));box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));padding:var(--intergalactic-spacing-3x, 12px)}@supports (color:color(display-p3 0 0 0%)){.___STooltip_1ggwc_gg_{border:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07));box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___STooltip_1ggwc_gg_{border:1px solid var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07));box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___STitle_1ggwc_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-bottom:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___STitle_1ggwc_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_1ggwc_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDotGroup_1ggwc_gg_{display:flex;align-items:center}.___SDot_1ggwc_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_1ggwc_gg_.__color_1ggwc_gg_{background-color:var(--color_1ggwc);width:8px;height:8px;border-radius:50%}.___SFooter_1ggwc_gg_{background:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248));padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"1ggwc_gg_"),
17
17
  /*__reshadow_css_end__*/
18
18
  {
19
- "__STooltip": "___STooltip_h598b_gg_",
20
- "__STitle": "___STitle_h598b_gg_",
21
- "__SDotGroup": "___SDotGroup_h598b_gg_",
22
- "__SDot": "___SDot_h598b_gg_",
23
- "__SDotCircle": "___SDotCircle_h598b_gg_",
24
- "_color": "__color_h598b_gg_",
25
- "--color": "--color_h598b",
26
- "__SFooter": "___SFooter_h598b_gg_"
19
+ "__STooltip": "___STooltip_1ggwc_gg_",
20
+ "__STitle": "___STitle_1ggwc_gg_",
21
+ "__SDotGroup": "___SDotGroup_1ggwc_gg_",
22
+ "__SDot": "___SDot_1ggwc_gg_",
23
+ "__SDotCircle": "___SDotCircle_1ggwc_gg_",
24
+ "_color": "__color_1ggwc_gg_",
25
+ "--color": "--color_1ggwc",
26
+ "__SFooter": "___SFooter_1ggwc_gg_"
27
27
  });
28
28
  import { getChartDefaultColorName } from './utils';
29
29
 
package/lib/es6/Venn.js CHANGED
@@ -12,17 +12,17 @@ import React from 'react';
12
12
  import createElement from './createElement';
13
13
  import { PatternFill } from './Pattern';
14
14
  /*!__reshadow-styles__:"./style/venn.shadow.css"*/
15
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCircle_37mg9_gg_,.___SIntersection_37mg9_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_37mg9_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_37mg9);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_37mg9_gg_:hover{fill-opacity:.7}}.___SCircle_37mg9_gg_.__color_37mg9_gg_{fill:var(--color_37mg9)}.___SCircle_37mg9_gg_.__pattern_37mg9_gg_.__color_37mg9_gg_{fill:var(--pattern_37mg9);fill-opacity:.7;stroke:var(--color_37mg9);stroke-width:1px}@media (hover:hover){.___SCircle_37mg9_gg_.__pattern_37mg9_gg_.__color_37mg9_gg_:hover{fill-opacity:.85}}.___SCircle_37mg9_gg_.__transparent_37mg9_gg_{opacity:.3}.___SIntersection_37mg9_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_37mg9_gg_:hover{fill-opacity:.1}}.___SIntersection_37mg9_gg_.__transparent_37mg9_gg_{opacity:.3}", /*__inner_css_end__*/"37mg9_gg_"),
15
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCircle_vokm5_gg_,.___SIntersection_vokm5_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:2px}.___SCircle_vokm5_gg_{fill:var(--intergalactic-chart-palette-order-2, rgb(56, 227, 181));fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_vokm5);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_vokm5_gg_:hover{fill-opacity:.7}}.___SCircle_vokm5_gg_.__color_vokm5_gg_{fill:var(--color_vokm5)}.___SCircle_vokm5_gg_.__pattern_vokm5_gg_.__color_vokm5_gg_{fill:var(--pattern_vokm5);fill-opacity:.7;stroke:var(--color_vokm5);stroke-width:1px}@media (hover:hover){.___SCircle_vokm5_gg_.__pattern_vokm5_gg_.__color_vokm5_gg_:hover{fill-opacity:.85}}.___SCircle_vokm5_gg_.__transparent_vokm5_gg_{opacity:.3}.___SIntersection_vokm5_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_vokm5_gg_:hover{fill-opacity:.1}}.___SIntersection_vokm5_gg_.__transparent_vokm5_gg_{opacity:.3}", /*__inner_css_end__*/"vokm5_gg_"),
16
16
  /*__reshadow_css_end__*/
17
17
  {
18
- "__SCircle": "___SCircle_37mg9_gg_",
19
- "_color": "__color_37mg9_gg_",
20
- "--color": "--color_37mg9",
21
- "_transparent": "__transparent_37mg9_gg_",
22
- "__SIntersection": "___SIntersection_37mg9_gg_",
23
- "--duration": "--duration_37mg9",
24
- "_pattern": "__pattern_37mg9_gg_",
25
- "--pattern": "--pattern_37mg9"
18
+ "__SCircle": "___SCircle_vokm5_gg_",
19
+ "_color": "__color_vokm5_gg_",
20
+ "--color": "--color_vokm5",
21
+ "_transparent": "__transparent_vokm5_gg_",
22
+ "__SIntersection": "___SIntersection_vokm5_gg_",
23
+ "--duration": "--duration_vokm5",
24
+ "_pattern": "__pattern_vokm5_gg_",
25
+ "--pattern": "--pattern_vokm5"
26
26
  });
27
27
  import Tooltip from './Tooltip';
28
28
  import { getChartDefaultColorName } from './utils';
@@ -7,10 +7,10 @@ import { Context as I18nContext, useI18n } from '@semcore/core/lib/utils/enhance
7
7
  import React from 'react';
8
8
  import { normalizeLocale } from './locale';
9
9
  /*!__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
10
- const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yModule_oaoqy_gg_{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0,}", /*__inner_css_end__*/"oaoqy_gg_"),
10
+ const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yModule_1hm82_gg_{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0,}", /*__inner_css_end__*/"1hm82_gg_"),
11
11
  /*__reshadow_css_end__*/
12
12
  {
13
- "__SPlotA11yModule": "___SPlotA11yModule_oaoqy_gg_"
13
+ "__SPlotA11yModule": "___SPlotA11yModule_1hm82_gg_"
14
14
  });
15
15
  import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
16
16
  export function PlotA11yModule(props) {
@@ -10,10 +10,10 @@ import { makeDataSummarizationConfig } from './hints';
10
10
  import { getIntl } from './intl';
11
11
  import { summarize } from './summarize';
12
12
  /*!__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
13
- const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yView_omqvl_gg_{position:relative;display:block;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);z-index:var(--intergalactic-z-index-overlay, 500);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_omqvl_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_omqvl_gg_ table,.___SPlotA11yView_omqvl_gg_ td,.___SPlotA11yView_omqvl_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}", /*__inner_css_end__*/"omqvl_gg_"),
13
+ const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yView_1tcnu_gg_{position:relative;display:block;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));border:3px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));font-size:var(--intergalactic-fs-50, 10px);z-index:var(--intergalactic-z-index-overlay, 500);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}@supports (color:color(display-p3 0 0 0%)){.___SPlotA11yView_1tcnu_gg_{border:3px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPlotA11yView_1tcnu_gg_{border:3px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPlotA11yView_1tcnu_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1tcnu_gg_ table,.___SPlotA11yView_1tcnu_gg_ td,.___SPlotA11yView_1tcnu_gg_ th{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SPlotA11yView_1tcnu_gg_ table,.___SPlotA11yView_1tcnu_gg_ td,.___SPlotA11yView_1tcnu_gg_ th{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPlotA11yView_1tcnu_gg_ table,.___SPlotA11yView_1tcnu_gg_ td,.___SPlotA11yView_1tcnu_gg_ th{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}", /*__inner_css_end__*/"1tcnu_gg_"),
14
14
  /*__reshadow_css_end__*/
15
15
  {
16
- "__SPlotA11yView": "___SPlotA11yView_omqvl_gg_"
16
+ "__SPlotA11yView": "___SPlotA11yView_1tcnu_gg_"
17
17
  });
18
18
  import { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';
19
19
  export function PlotA11yView({
@@ -15,12 +15,12 @@ import React, { Fragment } from 'react';
15
15
  import { Plot, XAxis, YAxis } from '../..';
16
16
  import { makeDataHintsContainer } from '../../a11y/hints';
17
17
  /*!__reshadow-styles__:"../../style/abstract-chart.shadow.css"*/
18
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STooltipChildrenWrapper_q3xi3_gg_{display:grid;grid-column-gap:var(--intergalactic-spacing-2x, 8px);-moz-column-gap:var(--intergalactic-spacing-2x, 8px);column-gap:var(--intergalactic-spacing-2x, 8px)}.___STooltipChildrenWrapper_q3xi3_gg_._columnsCount_2_q3xi3_gg_{grid-template-columns:auto minmax(28px,max-content)}.___STooltipChildrenWrapper_q3xi3_gg_._columnsCount_3_q3xi3_gg_{grid-template-columns:auto minmax(28px,max-content) minmax(28px,max-content)}", /*__inner_css_end__*/"q3xi3_gg_"),
18
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STooltipChildrenWrapper_1psc9_gg_{display:grid;grid-column-gap:var(--intergalactic-spacing-2x, 8px);-moz-column-gap:var(--intergalactic-spacing-2x, 8px);column-gap:var(--intergalactic-spacing-2x, 8px)}.___STooltipChildrenWrapper_1psc9_gg_._columnsCount_2_1psc9_gg_{grid-template-columns:auto minmax(28px,max-content)}.___STooltipChildrenWrapper_1psc9_gg_._columnsCount_3_1psc9_gg_{grid-template-columns:auto minmax(28px,max-content) minmax(28px,max-content)}", /*__inner_css_end__*/"1psc9_gg_"),
19
19
  /*__reshadow_css_end__*/
20
20
  {
21
- "__STooltipChildrenWrapper": "___STooltipChildrenWrapper_q3xi3_gg_",
22
- "_columnsCount_2": "_columnsCount_2_q3xi3_gg_",
23
- "_columnsCount_3": "_columnsCount_3_q3xi3_gg_"
21
+ "__STooltipChildrenWrapper": "___STooltipChildrenWrapper_1psc9_gg_",
22
+ "_columnsCount_2": "_columnsCount_2_1psc9_gg_",
23
+ "_columnsCount_3": "_columnsCount_3_1psc9_gg_"
24
24
  });
25
25
  import { interpolateValue } from '../../utils';
26
26
  import ChartLegend, { ChartLegendTable } from '../ChartLegend';
@@ -8,12 +8,12 @@ import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
8
8
  import Divider from '@semcore/divider';
9
9
  import React from 'react';
10
10
  /*!__reshadow-styles__:"./legend-flex.shadow.css"*/
11
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendFlex_5sqwz_gg_._direction_row_5sqwz_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_5sqwz_gg_._direction_column_5sqwz_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"5sqwz_gg_"),
11
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendFlex_1k9rk_gg_._direction_row_1k9rk_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1k9rk_gg_._direction_column_1k9rk_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"1k9rk_gg_"),
12
12
  /*__reshadow_css_end__*/
13
13
  {
14
- "__SLegendFlex": "___SLegendFlex_5sqwz_gg_",
15
- "_direction_row": "_direction_row_5sqwz_gg_",
16
- "_direction_column": "_direction_column_5sqwz_gg_"
14
+ "__SLegendFlex": "___SLegendFlex_1k9rk_gg_",
15
+ "_direction_row": "_direction_row_1k9rk_gg_",
16
+ "_direction_column": "_direction_column_1k9rk_gg_"
17
17
  });
18
18
  import { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';
19
19
  import { BaseLegend } from '../BaseLegend';
@@ -14,25 +14,25 @@ import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
14
14
  import { Text as TypographyText } from '@semcore/typography';
15
15
  import React from 'react';
16
16
  /*!__reshadow-styles__:"./legend-item.shadow.css"*/
17
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendItem_1h1ww_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1h1ww_gg_:hover{cursor:pointer}.___SLegendItem_1h1ww_gg_.__disabled_1h1ww_gg_:hover{cursor:default}}.___SPointShape_1h1ww_gg_.__color_1h1ww_gg_{background-color:var(--color_1h1ww);margin-right:8px;flex-shrink:0}.___SPointShape_1h1ww_gg_._shape_Circle_1h1ww_gg_._size_l_1h1ww_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1h1ww_gg_._shape_Circle_1h1ww_gg_._size_m_1h1ww_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1h1ww_gg_._shape_Line_1h1ww_gg_._size_l_1h1ww_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1h1ww_gg_._shape_Line_1h1ww_gg_._size_m_1h1ww_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1h1ww_gg_._shape_Square_1h1ww_gg_._size_l_1h1ww_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1h1ww_gg_._shape_Square_1h1ww_gg_._size_m_1h1ww_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1h1ww_gg_._shape_Pattern_1h1ww_gg_{background-color:transparent;margin-right:4px}.___SIcon_1h1ww_gg_{line-height:0;margin-right:4px}.___SIcon_1h1ww_gg_._size_l_1h1ww_gg_{margin-top:4px}.___SIcon_1h1ww_gg_._size_m_1h1ww_gg_{margin-top:2px}.___SLabel_1h1ww_gg_{min-width:0}.___SAdditionalLabel_1h1ww_gg_._size_l_1h1ww_gg_,.___SCount_1h1ww_gg_._size_l_1h1ww_gg_,.___SLabel_1h1ww_gg_._size_l_1h1ww_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1h1ww_gg_._size_m_1h1ww_gg_,.___SCount_1h1ww_gg_._size_m_1h1ww_gg_,.___SLabel_1h1ww_gg_._size_m_1h1ww_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1h1ww_gg_,.___SCount_1h1ww_gg_{margin-left:4px}.___SAdditionalLabel_1h1ww_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1h1ww_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1h1ww_gg_._size_l_1h1ww_gg_::before{margin-top:10px}.___SAdditionalLabel_1h1ww_gg_._size_m_1h1ww_gg_::before{margin-top:8px}.___SPatternSymbol_1h1ww_gg_{transform:scale(.8)}", /*__inner_css_end__*/"1h1ww_gg_"),
17
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendItem_18vdl_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_18vdl_gg_:hover{cursor:pointer}.___SLegendItem_18vdl_gg_.__disabled_18vdl_gg_:hover{cursor:default}}.___SPointShape_18vdl_gg_.__color_18vdl_gg_{background-color:var(--color_18vdl);margin-right:8px;flex-shrink:0}.___SPointShape_18vdl_gg_._shape_Circle_18vdl_gg_._size_l_18vdl_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_18vdl_gg_._shape_Circle_18vdl_gg_._size_m_18vdl_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_18vdl_gg_._shape_Line_18vdl_gg_._size_l_18vdl_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_18vdl_gg_._shape_Line_18vdl_gg_._size_m_18vdl_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_18vdl_gg_._shape_Square_18vdl_gg_._size_l_18vdl_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_18vdl_gg_._shape_Square_18vdl_gg_._size_m_18vdl_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_18vdl_gg_._shape_Pattern_18vdl_gg_{background-color:transparent;margin-right:4px}.___SIcon_18vdl_gg_{line-height:0;margin-right:4px}.___SIcon_18vdl_gg_._size_l_18vdl_gg_{margin-top:4px}.___SIcon_18vdl_gg_._size_m_18vdl_gg_{margin-top:2px}.___SLabel_18vdl_gg_{min-width:0}.___SAdditionalLabel_18vdl_gg_._size_l_18vdl_gg_,.___SCount_18vdl_gg_._size_l_18vdl_gg_,.___SLabel_18vdl_gg_._size_l_18vdl_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_18vdl_gg_._size_m_18vdl_gg_,.___SCount_18vdl_gg_._size_m_18vdl_gg_,.___SLabel_18vdl_gg_._size_m_18vdl_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_18vdl_gg_,.___SCount_18vdl_gg_{margin-left:4px}.___SAdditionalLabel_18vdl_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_18vdl_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));height:4px;width:4px;border-radius:2px;margin-right:4px}@supports (color:color(display-p3 0 0 0%)){.___SAdditionalLabel_18vdl_gg_::before{background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAdditionalLabel_18vdl_gg_::before{background-color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAdditionalLabel_18vdl_gg_._size_l_18vdl_gg_::before{margin-top:10px}.___SAdditionalLabel_18vdl_gg_._size_m_18vdl_gg_::before{margin-top:8px}.___SPatternSymbol_18vdl_gg_{transform:scale(.8)}", /*__inner_css_end__*/"18vdl_gg_"),
18
18
  /*__reshadow_css_end__*/
19
19
  {
20
- "__SLegendItem": "___SLegendItem_1h1ww_gg_",
21
- "_disabled": "__disabled_1h1ww_gg_",
22
- "__SPointShape": "___SPointShape_1h1ww_gg_",
23
- "_color": "__color_1h1ww_gg_",
24
- "--color": "--color_1h1ww",
25
- "_shape_Circle": "_shape_Circle_1h1ww_gg_",
26
- "_size_l": "_size_l_1h1ww_gg_",
27
- "_size_m": "_size_m_1h1ww_gg_",
28
- "_shape_Line": "_shape_Line_1h1ww_gg_",
29
- "_shape_Square": "_shape_Square_1h1ww_gg_",
30
- "_shape_Pattern": "_shape_Pattern_1h1ww_gg_",
31
- "__SIcon": "___SIcon_1h1ww_gg_",
32
- "__SLabel": "___SLabel_1h1ww_gg_",
33
- "__SAdditionalLabel": "___SAdditionalLabel_1h1ww_gg_",
34
- "__SCount": "___SCount_1h1ww_gg_",
35
- "__SPatternSymbol": "___SPatternSymbol_1h1ww_gg_"
20
+ "__SLegendItem": "___SLegendItem_18vdl_gg_",
21
+ "_disabled": "__disabled_18vdl_gg_",
22
+ "__SPointShape": "___SPointShape_18vdl_gg_",
23
+ "_color": "__color_18vdl_gg_",
24
+ "--color": "--color_18vdl",
25
+ "_shape_Circle": "_shape_Circle_18vdl_gg_",
26
+ "_size_l": "_size_l_18vdl_gg_",
27
+ "_size_m": "_size_m_18vdl_gg_",
28
+ "_shape_Line": "_shape_Line_18vdl_gg_",
29
+ "_shape_Square": "_shape_Square_18vdl_gg_",
30
+ "_shape_Pattern": "_shape_Pattern_18vdl_gg_",
31
+ "__SIcon": "___SIcon_18vdl_gg_",
32
+ "__SLabel": "___SLabel_18vdl_gg_",
33
+ "__SAdditionalLabel": "___SAdditionalLabel_18vdl_gg_",
34
+ "__SCount": "___SCount_18vdl_gg_",
35
+ "__SPatternSymbol": "___SPatternSymbol_18vdl_gg_"
36
36
  });
37
37
  import { StaticShapes } from './LegendItem.type';
38
38
  import { PatternSymbol } from '../../../Pattern';
@@ -109,7 +109,7 @@ SAdditionalLabel {
109
109
  SAdditionalLabel::before {
110
110
  content: '';
111
111
  display: inline-block;
112
- background-color: var(--intergalactic-text-secondary, #6c6e79);
112
+ background-color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
113
113
  height: 4px;
114
114
  width: 4px;
115
115
  border-radius: 2px;
@@ -6,14 +6,14 @@ import { Box } from '@semcore/base-components';
6
6
  import { createComponent, sstyled, Root } from '@semcore/core';
7
7
  import React from 'react';
8
8
  /*!__reshadow-styles__:"./legend-table.shadow.css"*/
9
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendTable_9jglg_gg_.__columns-count_9jglg_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_9jglg_gg_._size_l_9jglg_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_9jglg_gg_._size_m_9jglg_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"9jglg_gg_"),
9
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendTable_8u9rt_gg_.__columns-count_8u9rt_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_8u9rt_gg_._size_l_8u9rt_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_8u9rt_gg_._size_m_8u9rt_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"8u9rt_gg_"),
10
10
  /*__reshadow_css_end__*/
11
11
  {
12
- "__SLegendTable": "___SLegendTable_9jglg_gg_",
13
- "_columns-count": "__columns-count_9jglg_gg_",
14
- "__SColumnItem": "___SColumnItem_9jglg_gg_",
15
- "_size_l": "_size_l_9jglg_gg_",
16
- "_size_m": "_size_m_9jglg_gg_"
12
+ "__SLegendTable": "___SLegendTable_8u9rt_gg_",
13
+ "_columns-count": "__columns-count_8u9rt_gg_",
14
+ "__SColumnItem": "___SColumnItem_8u9rt_gg_",
15
+ "_size_l": "_size_l_8u9rt_gg_",
16
+ "_size_m": "_size_m_8u9rt_gg_"
17
17
  });
18
18
  import { BaseLegend } from '../BaseLegend';
19
19
  import { LegendItemComponent } from '../LegendItem/LegendItem';
@@ -1,7 +1,7 @@
1
1
  @import './var.css';
2
2
 
3
3
  SArea {
4
- fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
4
+ fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
5
5
  fill-opacity: 0.2;
6
6
  }
7
7
 
@@ -19,7 +19,7 @@ SArea[transparent] {
19
19
  }
20
20
 
21
21
  SAreaLine {
22
- stroke: var(--intergalactic-chart-palette-order-1, #2bb3ff);
22
+ stroke: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
23
23
  stroke-width: 3;
24
24
  fill: transparent;
25
25
  }
@@ -41,7 +41,7 @@ SAreaLine {
41
41
 
42
42
  SNull {
43
43
  fill: transparent;
44
- stroke: var(--intergalactic-chart-grid-x-axis, #c4c7cf);
44
+ stroke: var(--intergalactic-chart-grid-x-axis, oklch(0.88 0.002 175.6));
45
45
  stroke-dasharray: 4;
46
46
  }
47
47
 
@@ -1,5 +1,5 @@
1
1
  SAxis {
2
- stroke: var(--intergalactic-chart-grid-x-axis, #c4c7cf);
2
+ stroke: var(--intergalactic-chart-grid-x-axis, oklch(0.88 0.002 175.6));
3
3
  }
4
4
 
5
5
  SAxis[hide] {
@@ -8,10 +8,10 @@ SAxis[hide] {
8
8
 
9
9
  STick {
10
10
  font-size: var(--intergalactic-fs-100, 12px);
11
- fill: var(--intergalactic-chart-grid-text-label, #6c6e79);
11
+ fill: var(--intergalactic-chart-grid-text-label, oklch(0.088 0.026 147.7 / 0.583));
12
12
  }
13
13
  STick[primaryText] {
14
- fill: var(--intergalactic-text-primary, #191b23);
14
+ fill: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
15
15
  }
16
16
 
17
17
  STick[hide] {
@@ -20,12 +20,12 @@ STick[hide] {
20
20
 
21
21
  SGrid {
22
22
  fill: transparent;
23
- stroke: var(--intergalactic-border-secondary, #e0e1e9);
23
+ stroke: var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
24
24
  }
25
25
 
26
26
  STitle {
27
27
  font-size: var(--intergalactic-fs-100, 12px);
28
- fill: var(--intergalactic-text-hint, #6c6e79);
28
+ fill: var(--intergalactic-text-hint, oklch(0.088 0.026 147.7 / 0.583));
29
29
  transform-origin: var(--transform-origin);
30
30
  }
31
31
 
@@ -1,7 +1,7 @@
1
1
  @import './var.css';
2
2
 
3
3
  SBar {
4
- fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
4
+ fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
5
5
  transition-property: height, width, y;
6
6
  transition-duration: var(--duration);
7
7
  transition-timing-function: ease-in-out;
@@ -30,7 +30,7 @@ SBar[onClick] {
30
30
  }
31
31
 
32
32
  SBackground {
33
- fill: var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);
33
+ fill: var(--intergalactic-chart-grid-bar-chart-base-bg, oklch(0.96 0.001 180));
34
34
  }
35
35
  SBackground[onClick] {
36
36
  cursor: pointer;
@@ -41,13 +41,13 @@ SBarAnnotation {
41
41
  justify-content: space-between;
42
42
  }
43
43
  SBarLabel {
44
- color: var(--intergalactic-text-primary, #191b23);
44
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
45
45
  margin-right: auto;
46
46
  font-size: var(--intergalactic-fs-200, 14px);
47
47
  line-height: var(--intergalactic-lh-200, 142%);
48
48
  }
49
49
  SBarPercent {
50
- color: var(--intergalactic-text-secondary, #6c6e79);
50
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
51
51
  margin-right: var(--intergalactic-spacing-2x, 8px);
52
52
  font-size: var(--intergalactic-fs-200, 14px);
53
53
  line-height: var(--intergalactic-lh-200, 142%);
@@ -56,11 +56,11 @@ SBarValue {
56
56
  min-width: 52px;
57
57
  display: flex;
58
58
  justify-content: flex-end;
59
- color: var(--intergalactic-text-primary, #191b23);
59
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
60
60
  font-size: var(--intergalactic-fs-200, 14px);
61
61
  line-height: var(--intergalactic-lh-200, 142%);
62
62
  text-align: right;
63
63
  }
64
64
  SCompactHorizontalBarHoverRect {
65
- fill: var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3));
65
+ fill: var(--intergalactic-chart-grid-bar-chart-hover, oklch(0.177 0.033 175.6 / 0.028));
66
66
  }
@@ -1,8 +1,8 @@
1
1
  @import './var.css';
2
2
 
3
3
  SBubble {
4
- fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
5
- stroke: var(--intergalactic-chart-grid-border, #ffffff);
4
+ fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
5
+ stroke: var(--intergalactic-chart-grid-border, #fff);
6
6
  stroke-width: 2px;
7
7
  transition-property: cx, cy;
8
8
  transition-duration: var(--duration);
@@ -40,7 +40,7 @@ SCenter {
40
40
  text-anchor: middle;
41
41
  /* disable-tokens-validator */
42
42
  font-size: calc(var(--intergalactic-fs-100, 12px) - 1px);
43
- stroke: var(--intergalactic-chart-palette-order-1, #2bb3ff);
43
+ stroke: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
44
44
  }
45
45
 
46
46
  SCenter[color] {
@@ -52,7 +52,7 @@ SCenter[transparent] {
52
52
  }
53
53
 
54
54
  SLabel {
55
- fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
55
+ fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
56
56
  }
57
57
 
58
58
  SLabel[position='right'] {
@@ -1,8 +1,8 @@
1
1
  @import './var.css';
2
2
 
3
3
  SPie {
4
- stroke: var(--intergalactic-chart-grid-border, #ffffff);
5
- fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
4
+ stroke: var(--intergalactic-chart-grid-border, #fff);
5
+ fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
6
6
  }
7
7
 
8
8
  SPie[color] {
@@ -20,7 +20,7 @@ SPie[transparent] {
20
20
  }
21
21
 
22
22
  SEmptyData {
23
- fill: var(--intergalactic-chart-palette-order-null, #e0e1e9);
23
+ fill: var(--intergalactic-chart-palette-order-null, oklch(0.9 0.002 177));
24
24
  }
25
25
 
26
26
  SEmptyData[color] {
@@ -8,8 +8,8 @@ SDots {
8
8
 
9
9
  SDot {
10
10
  stroke-width: 1px;
11
- stroke: var(--intergalactic-chart-grid-border, #ffffff);
12
- fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
11
+ stroke: var(--intergalactic-chart-grid-border, #fff);
12
+ fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
13
13
  transition-property: cx, cy, x, y;
14
14
  transition-timing-function: ease-in-out;
15
15
  }
@@ -1,9 +1,9 @@
1
1
  SHoverLine, SHoverLine:focus-visible {
2
2
  outline: none;
3
- stroke: var(--intergalactic-chart-grid-x-axis, #c4c7cf);
3
+ stroke: var(--intergalactic-chart-grid-x-axis, oklch(0.88 0.002 175.6));
4
4
  }
5
5
 
6
6
  SHoverRect, SHoverRect:focus-visible {
7
7
  outline: none;
8
- fill: var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3));
8
+ fill: var(--intergalactic-chart-grid-bar-chart-hover, oklch(0.177 0.033 175.6 / 0.028));
9
9
  }
@@ -3,7 +3,7 @@
3
3
  SLine {
4
4
  fill: transparent;
5
5
  stroke-width: 3;
6
- stroke: var(--intergalactic-chart-palette-order-1, #2bb3ff);
6
+ stroke: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
7
7
  transition-property: d;
8
8
  transition-duration: var(--duration);
9
9
  transition-timing-function: ease-in-out;
@@ -23,7 +23,7 @@ SLine[transparent] {
23
23
 
24
24
  SNull {
25
25
  fill: transparent;
26
- stroke: var(--intergalactic-border-primary, #c4c7cf);
26
+ stroke: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
27
27
  stroke-dasharray: 4;
28
28
  }
29
29
 
@@ -36,7 +36,7 @@ SLineArea {
36
36
  transition-duration: var(--duration);
37
37
  transition-timing-function: ease-in-out;
38
38
  opacity: 0.3;
39
- fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
39
+ fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
40
40
  }
41
41
  SLineArea[color] {
42
42
  fill: var(--color);
@@ -17,5 +17,5 @@ foreignObject[data-aria-only] {
17
17
 
18
18
  SPlot:has(foreignObject[data-aria-only]:focus-within) {
19
19
  @mixin focus-outline-mixin;
20
- border-radius: var(--intergalactic-surface-rounded, 6px);
20
+ border-radius: var(--intergalactic-surface-rounded, calc(6px + 2px));
21
21
  }
@@ -1,9 +1,9 @@
1
1
  SPlotA11yView {
2
2
  position: relative;
3
3
  display: block;
4
- background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
5
- color: var(--intergalactic-text-primary, #191b23);
6
- border: 3px solid var(--intergalactic-border-primary, #c4c7cf);
4
+ background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
5
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
6
+ border: 3px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
7
7
  font-size: var(--intergalactic-fs-50, 10px);
8
8
  z-index: var(--intergalactic-z-index-overlay, 500);
9
9
  padding: 2px;
@@ -21,6 +21,6 @@ SPlotA11yView {
21
21
  }
22
22
 
23
23
  table, td, th {
24
- border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
24
+ border: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
25
25
  }
26
26
  }
@@ -1,19 +1,19 @@
1
1
  SAxis {
2
- stroke: var(--intergalactic-chart-grid-line, #e0e1e9);
2
+ stroke: var(--intergalactic-chart-grid-line, oklch(0.95 0.002 180));
3
3
  stroke-width: 1;
4
4
  fill: transparent;
5
5
  }
6
6
 
7
7
  SAxisLine,
8
8
  SAxisTick {
9
- stroke: var(--intergalactic-chart-grid-line, #e0e1e9);
9
+ stroke: var(--intergalactic-chart-grid-line, oklch(0.95 0.002 180));
10
10
  stroke-width: 1;
11
11
  stroke-dasharray: 2;
12
12
  fill: transparent;
13
13
  }
14
14
 
15
15
  SAxisLine[active] {
16
- stroke: var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6);
16
+ stroke: var(--intergalactic-chart-grid-y-accent-hover-line, oklch(0.88 0.002 175.6));
17
17
  }
18
18
 
19
19
  SAxisLabel {
@@ -31,7 +31,7 @@ SAxisLabel[yDirection] {
31
31
  }
32
32
 
33
33
  SPolygon {
34
- fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
34
+ fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
35
35
  opacity: 0.2;
36
36
  }
37
37
 
@@ -47,9 +47,9 @@ SPolygon[pattern][color] {
47
47
 
48
48
  SPolygonDot {
49
49
  stroke-width: 2px;
50
- stroke: var(--intergalactic-chart-grid-border, #ffffff);
50
+ stroke: var(--intergalactic-chart-grid-border, #fff);
51
51
  r: 6px;
52
- fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
52
+ fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
53
53
  }
54
54
 
55
55
  SPolygonDot[transparent] {
@@ -61,7 +61,7 @@ SPolygonDot[color] {
61
61
  }
62
62
 
63
63
  SPolygonLine {
64
- stroke: var(--intergalactic-chart-palette-order-1, #2bb3ff);
64
+ stroke: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
65
65
  stroke-width: 3;
66
66
  fill: transparent;
67
67
  }
@@ -76,5 +76,5 @@ SPolygonLine[color] {
76
76
 
77
77
  SPieRect {
78
78
  outline: none;
79
- fill: var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3));
79
+ fill: var(--intergalactic-chart-grid-bar-chart-hover, oklch(0.177 0.033 175.6 / 0.028));
80
80
  }
@@ -2,11 +2,11 @@
2
2
 
3
3
  SRadian {
4
4
  cursor: pointer;
5
- fill: var(--intergalactic-text-large-info, #008ff8);
5
+ fill: var(--intergalactic-text-large-info, oklch(0.53 0.157 279.2));
6
6
  }
7
7
 
8
8
  SLine {
9
- stroke: var(--intergalactic-text-large-info, #008ff8);
9
+ stroke: var(--intergalactic-text-large-info, oklch(0.53 0.157 279.2));
10
10
  }
11
11
 
12
12
  SLine[stroke] {
@@ -22,7 +22,7 @@ SCap {
22
22
  }
23
23
 
24
24
  SCap[pattern] {
25
- stroke: var(--intergalactic-chart-grid-border, #ffffff);
25
+ stroke: var(--intergalactic-chart-grid-border, #fff);
26
26
  stroke-width: 1px;
27
27
  }
28
28
 
@@ -1,11 +1,11 @@
1
1
  SReferenceLine {
2
2
  fill: none;
3
- stroke: var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6);
3
+ stroke: var(--intergalactic-chart-grid-y-accent-hover-line, oklch(0.88 0.002 175.6));
4
4
  }
5
5
 
6
6
  STitle {
7
7
  font-size: var(--intergalactic-fs-100, 12px);
8
- fill: var(--intergalactic-chart-grid-text-label, #6c6e79);
8
+ fill: var(--intergalactic-chart-grid-text-label, oklch(0.088 0.026 147.7 / 0.583));
9
9
  transform-origin: var(--transform-origin);
10
10
  }
11
11
 
@@ -31,13 +31,13 @@ STitle[position='left'] {
31
31
  }
32
32
 
33
33
  SBackground {
34
- fill: var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2));
34
+ fill: var(--intergalactic-chart-grid-period-bg, oklch(0.96 0.001 180));
35
35
  }
36
36
  SStripes {
37
37
  fill: var(--fill);
38
38
  }
39
39
 
40
40
  SStripesPatternPath {
41
- stroke: var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));
41
+ stroke: var(--intergalactic-chart-grid-period-pattern, oklch(0.95 0.002 180));
42
42
  stroke-width: 1px;
43
43
  }