@semcore/d3-chart 16.6.0-prerelease.5 → 16.7.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.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/Area.js +11 -11
- package/lib/cjs/Axis.js +15 -15
- package/lib/cjs/Bar.js +16 -16
- package/lib/cjs/Bubble.js +14 -14
- package/lib/cjs/CompactHorizontalBar.js +16 -16
- package/lib/cjs/Donut.js +9 -9
- package/lib/cjs/Dots.js +8 -8
- package/lib/cjs/HorizontalBar.js +16 -16
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +9 -9
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +19 -19
- package/lib/cjs/RadialTree.js +12 -12
- package/lib/cjs/Reference.js +12 -12
- package/lib/cjs/ScatterPlot.js +9 -9
- package/lib/cjs/Tooltip.js +9 -9
- package/lib/cjs/Venn.js +9 -9
- package/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/lib/cjs/component/Chart/AbstractChart.js +4 -4
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/cjs/component/ChartLegend/LegendItem/legend-item.shadow.css +1 -1
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/cjs/style/area.shadow.css +3 -3
- package/lib/cjs/style/axis.shadow.css +4 -4
- package/lib/cjs/style/bar.shadow.css +6 -6
- package/lib/cjs/style/bubble.shadow.css +4 -4
- package/lib/cjs/style/donut.shadow.css +3 -3
- package/lib/cjs/style/dot.shadow.css +2 -2
- package/lib/cjs/style/hover.shadow.css +2 -2
- package/lib/cjs/style/line.shadow.css +3 -3
- package/lib/cjs/style/plot.shadow.css +1 -1
- package/lib/cjs/style/plotA11yView.shadow.css +4 -4
- package/lib/cjs/style/radar.shadow.css +8 -8
- package/lib/cjs/style/radial-tree.shadow.css +3 -3
- package/lib/cjs/style/reference.shadow.css +4 -4
- package/lib/cjs/style/scatterplot.shadow.css +2 -2
- package/lib/cjs/style/tooltip.shadow.css +5 -5
- package/lib/cjs/style/venn.shadow.css +3 -3
- package/lib/es6/Area.js +11 -11
- package/lib/es6/Axis.js +15 -15
- package/lib/es6/Bar.js +16 -16
- package/lib/es6/Bubble.js +14 -14
- package/lib/es6/CompactHorizontalBar.js +16 -16
- package/lib/es6/Donut.js +9 -9
- package/lib/es6/Dots.js +8 -8
- package/lib/es6/HorizontalBar.js +16 -16
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +9 -9
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +19 -19
- package/lib/es6/RadialTree.js +12 -12
- package/lib/es6/Reference.js +12 -12
- package/lib/es6/ScatterPlot.js +9 -9
- package/lib/es6/Tooltip.js +9 -9
- package/lib/es6/Venn.js +9 -9
- package/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/lib/es6/a11y/PlotA11yView.js +2 -2
- package/lib/es6/component/Chart/AbstractChart.js +4 -4
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/es6/component/ChartLegend/LegendItem/legend-item.shadow.css +1 -1
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/es6/style/area.shadow.css +3 -3
- package/lib/es6/style/axis.shadow.css +4 -4
- package/lib/es6/style/bar.shadow.css +6 -6
- package/lib/es6/style/bubble.shadow.css +4 -4
- package/lib/es6/style/donut.shadow.css +3 -3
- package/lib/es6/style/dot.shadow.css +2 -2
- package/lib/es6/style/hover.shadow.css +2 -2
- package/lib/es6/style/line.shadow.css +3 -3
- package/lib/es6/style/plot.shadow.css +1 -1
- package/lib/es6/style/plotA11yView.shadow.css +4 -4
- package/lib/es6/style/radar.shadow.css +8 -8
- package/lib/es6/style/radial-tree.shadow.css +3 -3
- package/lib/es6/style/reference.shadow.css +4 -4
- package/lib/es6/style/scatterplot.shadow.css +2 -2
- package/lib/es6/style/tooltip.shadow.css +5 -5
- package/lib/es6/style/venn.shadow.css +3 -3
- package/lib/esm/Area.mjs +12 -12
- package/lib/esm/Axis.mjs +16 -16
- package/lib/esm/Bar.mjs +17 -17
- package/lib/esm/Bubble.mjs +15 -15
- package/lib/esm/CompactHorizontalBar.mjs +17 -17
- package/lib/esm/Donut.mjs +10 -10
- package/lib/esm/Dots.mjs +9 -9
- package/lib/esm/HorizontalBar.mjs +17 -17
- package/lib/esm/Hover.mjs +4 -4
- package/lib/esm/Line.mjs +10 -10
- package/lib/esm/Plot.mjs +4 -4
- package/lib/esm/Radar.mjs +20 -20
- package/lib/esm/RadialTree.mjs +13 -13
- package/lib/esm/Reference.mjs +13 -13
- package/lib/esm/ScatterPlot.mjs +10 -10
- package/lib/esm/Tooltip.mjs +10 -10
- package/lib/esm/Venn.mjs +10 -10
- package/lib/esm/a11y/PlotA11yModule.mjs +3 -3
- package/lib/esm/a11y/PlotA11yView.mjs +3 -3
- package/lib/esm/component/Chart/AbstractChart.mjs +5 -5
- package/lib/esm/component/ChartLegend/LegendFlex/LegendFlex.mjs +5 -5
- package/lib/esm/component/ChartLegend/LegendItem/LegendItem.mjs +18 -18
- package/lib/esm/component/ChartLegend/LegendItem/legend-item.shadow.css +1 -1
- package/lib/esm/component/ChartLegend/LegendTable/LegendTable.mjs +7 -7
- package/lib/esm/style/area.shadow.css +3 -3
- package/lib/esm/style/axis.shadow.css +4 -4
- package/lib/esm/style/bar.shadow.css +6 -6
- package/lib/esm/style/bubble.shadow.css +4 -4
- package/lib/esm/style/donut.shadow.css +3 -3
- package/lib/esm/style/dot.shadow.css +2 -2
- package/lib/esm/style/hover.shadow.css +2 -2
- package/lib/esm/style/line.shadow.css +3 -3
- package/lib/esm/style/plot.shadow.css +1 -1
- package/lib/esm/style/plotA11yView.shadow.css +4 -4
- package/lib/esm/style/radar.shadow.css +8 -8
- package/lib/esm/style/radial-tree.shadow.css +3 -3
- package/lib/esm/style/reference.shadow.css +4 -4
- package/lib/esm/style/scatterplot.shadow.css +2 -2
- package/lib/esm/style/tooltip.shadow.css +5 -5
- package/lib/esm/style/venn.shadow.css +3 -3
- package/package.json +18 -18
package/lib/es6/ScatterPlot.js
CHANGED
|
@@ -15,17 +15,17 @@ import React from 'react';
|
|
|
15
15
|
import createElement from './createElement';
|
|
16
16
|
import { PatternFill } from './Pattern';
|
|
17
17
|
/*!__reshadow-styles__:"./style/scatterplot.shadow.css"*/
|
|
18
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SScatterPlot_196ro_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:cx,cy;transition-duration:var(--duration_196ro);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_196ro_gg_:hover{opacity:.8}}.___SScatterPlot_196ro_gg_.__color_196ro_gg_{fill:var(--color_196ro)}.___SScatterPlot_196ro_gg_.__pattern_196ro_gg_.__color_196ro_gg_{fill:var(--pattern_196ro);stroke:var(--color_196ro);stroke-width:1px}.___SScatterPlot_196ro_gg_.__transparent_196ro_gg_{opacity:.3}.___SValue_196ro_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, rgb(92, 92, 196))}.___SValue_196ro_gg_.__color_196ro_gg_{stroke:var(--color_196ro)}.___SValue_196ro_gg_.__transparent_196ro_gg_{opacity:.3}", /*__inner_css_end__*/"196ro_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SScatterPlot": "
|
|
22
|
-
"_color": "
|
|
23
|
-
"--color": "--
|
|
24
|
-
"_pattern": "
|
|
25
|
-
"--pattern": "--
|
|
26
|
-
"_transparent": "
|
|
27
|
-
"__SValue": "
|
|
28
|
-
"--duration": "--
|
|
21
|
+
"__SScatterPlot": "___SScatterPlot_196ro_gg_",
|
|
22
|
+
"_color": "__color_196ro_gg_",
|
|
23
|
+
"--color": "--color_196ro",
|
|
24
|
+
"_pattern": "__pattern_196ro_gg_",
|
|
25
|
+
"--pattern": "--pattern_196ro",
|
|
26
|
+
"_transparent": "__transparent_196ro_gg_",
|
|
27
|
+
"__SValue": "___SValue_196ro_gg_",
|
|
28
|
+
"--duration": "--duration_196ro"
|
|
29
29
|
});
|
|
30
30
|
import Tooltip from './Tooltip';
|
|
31
31
|
import { getScatterPlotRadius } from './utils';
|
package/lib/es6/Tooltip.js
CHANGED
|
@@ -21,17 +21,17 @@ import React from 'react';
|
|
|
21
21
|
import createElement from './createElement';
|
|
22
22
|
import { PatternSymbol } from './Pattern';
|
|
23
23
|
/*!__reshadow-styles__:"./style/tooltip.shadow.css"*/
|
|
24
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
24
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STooltip_1sxba_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_1sxba_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_1sxba_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_1sxba_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_1sxba_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_1sxba_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDotGroup_1sxba_gg_{display:flex;align-items:center}.___SDot_1sxba_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_1sxba_gg_.__color_1sxba_gg_{background-color:var(--color_1sxba);width:8px;height:8px;border-radius:50%}.___SFooter_1sxba_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__*/"1sxba_gg_"),
|
|
25
25
|
/*__reshadow_css_end__*/
|
|
26
26
|
{
|
|
27
|
-
"__STooltip": "
|
|
28
|
-
"__STitle": "
|
|
29
|
-
"__SDotGroup": "
|
|
30
|
-
"__SDot": "
|
|
31
|
-
"__SDotCircle": "
|
|
32
|
-
"_color": "
|
|
33
|
-
"--color": "--
|
|
34
|
-
"__SFooter": "
|
|
27
|
+
"__STooltip": "___STooltip_1sxba_gg_",
|
|
28
|
+
"__STitle": "___STitle_1sxba_gg_",
|
|
29
|
+
"__SDotGroup": "___SDotGroup_1sxba_gg_",
|
|
30
|
+
"__SDot": "___SDot_1sxba_gg_",
|
|
31
|
+
"__SDotCircle": "___SDotCircle_1sxba_gg_",
|
|
32
|
+
"_color": "__color_1sxba_gg_",
|
|
33
|
+
"--color": "--color_1sxba",
|
|
34
|
+
"__SFooter": "___SFooter_1sxba_gg_"
|
|
35
35
|
});
|
|
36
36
|
import { getChartDefaultColorName } from './utils';
|
|
37
37
|
|
package/lib/es6/Venn.js
CHANGED
|
@@ -18,17 +18,17 @@ import React from 'react';
|
|
|
18
18
|
import createElement from './createElement';
|
|
19
19
|
import { PatternFill } from './Pattern';
|
|
20
20
|
/*!__reshadow-styles__:"./style/venn.shadow.css"*/
|
|
21
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
21
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCircle_hd52j_gg_,.___SIntersection_hd52j_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:2px}.___SCircle_hd52j_gg_{fill:var(--intergalactic-chart-palette-order-2, rgb(56, 227, 181));fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_hd52j);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_hd52j_gg_:hover{fill-opacity:.7}}.___SCircle_hd52j_gg_.__color_hd52j_gg_{fill:var(--color_hd52j)}.___SCircle_hd52j_gg_.__pattern_hd52j_gg_.__color_hd52j_gg_{fill:var(--pattern_hd52j);fill-opacity:.7;stroke:var(--color_hd52j);stroke-width:1px}@media (hover:hover){.___SCircle_hd52j_gg_.__pattern_hd52j_gg_.__color_hd52j_gg_:hover{fill-opacity:.85}}.___SCircle_hd52j_gg_.__transparent_hd52j_gg_{opacity:.3}.___SIntersection_hd52j_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_hd52j_gg_:hover{fill-opacity:.1}}.___SIntersection_hd52j_gg_.__transparent_hd52j_gg_{opacity:.3}", /*__inner_css_end__*/"hd52j_gg_"),
|
|
22
22
|
/*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SCircle": "
|
|
25
|
-
"_color": "
|
|
26
|
-
"--color": "--
|
|
27
|
-
"_transparent": "
|
|
28
|
-
"__SIntersection": "
|
|
29
|
-
"--duration": "--
|
|
30
|
-
"_pattern": "
|
|
31
|
-
"--pattern": "--
|
|
24
|
+
"__SCircle": "___SCircle_hd52j_gg_",
|
|
25
|
+
"_color": "__color_hd52j_gg_",
|
|
26
|
+
"--color": "--color_hd52j",
|
|
27
|
+
"_transparent": "__transparent_hd52j_gg_",
|
|
28
|
+
"__SIntersection": "___SIntersection_hd52j_gg_",
|
|
29
|
+
"--duration": "--duration_hd52j",
|
|
30
|
+
"_pattern": "__pattern_hd52j_gg_",
|
|
31
|
+
"--pattern": "--pattern_hd52j"
|
|
32
32
|
});
|
|
33
33
|
import Tooltip from './Tooltip';
|
|
34
34
|
import { getChartDefaultColorName } from './utils';
|
|
@@ -11,10 +11,10 @@ import { Box } from '@semcore/flex-box';
|
|
|
11
11
|
import React from 'react';
|
|
12
12
|
import { normalizeLocale } from './locale';
|
|
13
13
|
/*!__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
|
|
14
|
-
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
14
|
+
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yModule_xt6zn_gg_{-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_xt6zn_gg_:focus{-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}", /*__inner_css_end__*/"xt6zn_gg_"),
|
|
15
15
|
/*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"__SPlotA11yModule": "
|
|
17
|
+
"__SPlotA11yModule": "___SPlotA11yModule_xt6zn_gg_"
|
|
18
18
|
});
|
|
19
19
|
import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
|
|
20
20
|
var globalWasFocused = false;
|
|
@@ -12,10 +12,10 @@ import { makeDataSummarizationConfig } from './hints';
|
|
|
12
12
|
import { getIntl } from './intl';
|
|
13
13
|
import { summarize } from './summarize';
|
|
14
14
|
/*!__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
|
15
|
-
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
15
|
+
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yView_tt7ig_gg_{-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;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);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}@supports (color:color(display-p3 0 0 0%)){.___SPlotA11yView_tt7ig_gg_{border:3px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPlotA11yView_tt7ig_gg_{border:3px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPlotA11yView_tt7ig_gg_:focus,.___SPlotA11yView_tt7ig_gg_:focus-within{-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_tt7ig_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_tt7ig_gg_ table,.___SPlotA11yView_tt7ig_gg_ td,.___SPlotA11yView_tt7ig_gg_ th{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SPlotA11yView_tt7ig_gg_ table,.___SPlotA11yView_tt7ig_gg_ td,.___SPlotA11yView_tt7ig_gg_ th{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPlotA11yView_tt7ig_gg_ table,.___SPlotA11yView_tt7ig_gg_ td,.___SPlotA11yView_tt7ig_gg_ th{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}", /*__inner_css_end__*/"tt7ig_gg_"),
|
|
16
16
|
/*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SPlotA11yView": "
|
|
18
|
+
"__SPlotA11yView": "___SPlotA11yView_tt7ig_gg_"
|
|
19
19
|
});
|
|
20
20
|
import { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';
|
|
21
21
|
export var PlotA11yView = function PlotA11yView(_ref3) {
|
|
@@ -23,12 +23,12 @@ import React, { Fragment } from 'react';
|
|
|
23
23
|
import { Plot, XAxis, YAxis } from '../..';
|
|
24
24
|
import { makeDataHintsContainer } from '../../a11y/hints';
|
|
25
25
|
/*!__reshadow-styles__:"../../style/abstract-chart.shadow.css"*/
|
|
26
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
26
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STooltipChildrenWrapper_16dxr_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_16dxr_gg_._columnsCount_2_16dxr_gg_{grid-template-columns:auto minmax(28px,max-content)}.___STooltipChildrenWrapper_16dxr_gg_._columnsCount_3_16dxr_gg_{grid-template-columns:auto minmax(28px,max-content) minmax(28px,max-content)}", /*__inner_css_end__*/"16dxr_gg_"),
|
|
27
27
|
/*__reshadow_css_end__*/
|
|
28
28
|
{
|
|
29
|
-
"__STooltipChildrenWrapper": "
|
|
30
|
-
"_columnsCount_2": "
|
|
31
|
-
"_columnsCount_3": "
|
|
29
|
+
"__STooltipChildrenWrapper": "___STooltipChildrenWrapper_16dxr_gg_",
|
|
30
|
+
"_columnsCount_2": "_columnsCount_2_16dxr_gg_",
|
|
31
|
+
"_columnsCount_3": "_columnsCount_3_16dxr_gg_"
|
|
32
32
|
});
|
|
33
33
|
import { interpolateValue } from '../../utils';
|
|
34
34
|
import ChartLegend, { ChartLegendTable } from '../ChartLegend';
|
|
@@ -13,12 +13,12 @@ import Divider from '@semcore/divider';
|
|
|
13
13
|
import { Flex } from '@semcore/flex-box';
|
|
14
14
|
import React from 'react';
|
|
15
15
|
/*!__reshadow-styles__:"./legend-flex.shadow.css"*/
|
|
16
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
16
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendFlex_1unwb_gg_._direction_row_1unwb_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1unwb_gg_._direction_column_1unwb_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"1unwb_gg_"),
|
|
17
17
|
/*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SLegendFlex": "
|
|
20
|
-
"_direction_row": "
|
|
21
|
-
"_direction_column": "
|
|
19
|
+
"__SLegendFlex": "___SLegendFlex_1unwb_gg_",
|
|
20
|
+
"_direction_row": "_direction_row_1unwb_gg_",
|
|
21
|
+
"_direction_column": "_direction_column_1unwb_gg_"
|
|
22
22
|
});
|
|
23
23
|
import { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';
|
|
24
24
|
import { BaseLegend } from '../BaseLegend';
|
|
@@ -21,25 +21,25 @@ import { Flex, Box } from '@semcore/flex-box';
|
|
|
21
21
|
import { Text as TypographyText } from '@semcore/typography';
|
|
22
22
|
import React from 'react';
|
|
23
23
|
/*!__reshadow-styles__:"./legend-item.shadow.css"*/
|
|
24
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
24
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendItem_k0mud_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_k0mud_gg_:hover{cursor:pointer}.___SLegendItem_k0mud_gg_.__disabled_k0mud_gg_:hover{cursor:default}}.___SPointShape_k0mud_gg_.__color_k0mud_gg_{background-color:var(--color_k0mud);margin-right:8px;flex-shrink:0}.___SPointShape_k0mud_gg_._shape_Circle_k0mud_gg_._size_l_k0mud_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_k0mud_gg_._shape_Circle_k0mud_gg_._size_m_k0mud_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_k0mud_gg_._shape_Line_k0mud_gg_._size_l_k0mud_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_k0mud_gg_._shape_Line_k0mud_gg_._size_m_k0mud_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_k0mud_gg_._shape_Square_k0mud_gg_._size_l_k0mud_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_k0mud_gg_._shape_Square_k0mud_gg_._size_m_k0mud_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_k0mud_gg_._shape_Pattern_k0mud_gg_{background-color:transparent;margin-right:4px}.___SIcon_k0mud_gg_{line-height:0;margin-right:4px}.___SIcon_k0mud_gg_._size_l_k0mud_gg_{margin-top:4px}.___SIcon_k0mud_gg_._size_m_k0mud_gg_{margin-top:2px}.___SLabel_k0mud_gg_{min-width:0}.___SAdditionalLabel_k0mud_gg_._size_l_k0mud_gg_,.___SCount_k0mud_gg_._size_l_k0mud_gg_,.___SLabel_k0mud_gg_._size_l_k0mud_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_k0mud_gg_._size_m_k0mud_gg_,.___SCount_k0mud_gg_._size_m_k0mud_gg_,.___SLabel_k0mud_gg_._size_m_k0mud_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_k0mud_gg_,.___SCount_k0mud_gg_{margin-left:4px}.___SAdditionalLabel_k0mud_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_k0mud_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_k0mud_gg_::before{background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAdditionalLabel_k0mud_gg_::before{background-color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAdditionalLabel_k0mud_gg_._size_l_k0mud_gg_::before{margin-top:10px}.___SAdditionalLabel_k0mud_gg_._size_m_k0mud_gg_::before{margin-top:8px}.___SPatternSymbol_k0mud_gg_{transform:scale(.8)}", /*__inner_css_end__*/"k0mud_gg_"),
|
|
25
25
|
/*__reshadow_css_end__*/
|
|
26
26
|
{
|
|
27
|
-
"__SLegendItem": "
|
|
28
|
-
"_disabled": "
|
|
29
|
-
"__SPointShape": "
|
|
30
|
-
"_color": "
|
|
31
|
-
"--color": "--
|
|
32
|
-
"_shape_Circle": "
|
|
33
|
-
"_size_l": "
|
|
34
|
-
"_size_m": "
|
|
35
|
-
"_shape_Line": "
|
|
36
|
-
"_shape_Square": "
|
|
37
|
-
"_shape_Pattern": "
|
|
38
|
-
"__SIcon": "
|
|
39
|
-
"__SLabel": "
|
|
40
|
-
"__SAdditionalLabel": "
|
|
41
|
-
"__SCount": "
|
|
42
|
-
"__SPatternSymbol": "
|
|
27
|
+
"__SLegendItem": "___SLegendItem_k0mud_gg_",
|
|
28
|
+
"_disabled": "__disabled_k0mud_gg_",
|
|
29
|
+
"__SPointShape": "___SPointShape_k0mud_gg_",
|
|
30
|
+
"_color": "__color_k0mud_gg_",
|
|
31
|
+
"--color": "--color_k0mud",
|
|
32
|
+
"_shape_Circle": "_shape_Circle_k0mud_gg_",
|
|
33
|
+
"_size_l": "_size_l_k0mud_gg_",
|
|
34
|
+
"_size_m": "_size_m_k0mud_gg_",
|
|
35
|
+
"_shape_Line": "_shape_Line_k0mud_gg_",
|
|
36
|
+
"_shape_Square": "_shape_Square_k0mud_gg_",
|
|
37
|
+
"_shape_Pattern": "_shape_Pattern_k0mud_gg_",
|
|
38
|
+
"__SIcon": "___SIcon_k0mud_gg_",
|
|
39
|
+
"__SLabel": "___SLabel_k0mud_gg_",
|
|
40
|
+
"__SAdditionalLabel": "___SAdditionalLabel_k0mud_gg_",
|
|
41
|
+
"__SCount": "___SCount_k0mud_gg_",
|
|
42
|
+
"__SPatternSymbol": "___SPatternSymbol_k0mud_gg_"
|
|
43
43
|
});
|
|
44
44
|
import { StaticShapes } from './LegendItem.type';
|
|
45
45
|
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,
|
|
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;
|
|
@@ -11,14 +11,14 @@ import { createComponent, sstyled, Root } from '@semcore/core';
|
|
|
11
11
|
import { Box } from '@semcore/flex-box';
|
|
12
12
|
import React from 'react';
|
|
13
13
|
/*!__reshadow-styles__:"./legend-table.shadow.css"*/
|
|
14
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
14
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendTable_z26vw_gg_.__columns-count_z26vw_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_z26vw_gg_._size_l_z26vw_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_z26vw_gg_._size_m_z26vw_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"z26vw_gg_"),
|
|
15
15
|
/*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"__SLegendTable": "
|
|
18
|
-
"_columns-count": "__columns-
|
|
19
|
-
"__SColumnItem": "
|
|
20
|
-
"_size_l": "
|
|
21
|
-
"_size_m": "
|
|
17
|
+
"__SLegendTable": "___SLegendTable_z26vw_gg_",
|
|
18
|
+
"_columns-count": "__columns-count_z26vw_gg_",
|
|
19
|
+
"__SColumnItem": "___SColumnItem_z26vw_gg_",
|
|
20
|
+
"_size_l": "_size_l_z26vw_gg_",
|
|
21
|
+
"_size_m": "_size_m_z26vw_gg_"
|
|
22
22
|
});
|
|
23
23
|
import { BaseLegend } from '../BaseLegend';
|
|
24
24
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
2
|
+
stroke: var(--intergalactic-chart-grid-x-axis, oklch(0.88 0.002 175.6));
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
SAxis[hide] {
|
|
@@ -8,7 +8,7 @@ SAxis[hide] {
|
|
|
8
8
|
|
|
9
9
|
STick {
|
|
10
10
|
font-size: var(--intergalactic-fs-100, 12px);
|
|
11
|
-
fill: var(--intergalactic-chart-grid-text-label,
|
|
11
|
+
fill: var(--intergalactic-chart-grid-text-label, oklch(0.088 0.026 147.7 / 0.583));
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
STick[hide] {
|
|
@@ -17,12 +17,12 @@ STick[hide] {
|
|
|
17
17
|
|
|
18
18
|
SGrid {
|
|
19
19
|
fill: transparent;
|
|
20
|
-
stroke: var(--intergalactic-border-secondary,
|
|
20
|
+
stroke: var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
STitle {
|
|
24
24
|
font-size: var(--intergalactic-fs-100, 12px);
|
|
25
|
-
fill: var(--intergalactic-text-hint,
|
|
25
|
+
fill: var(--intergalactic-text-hint, oklch(0.088 0.026 147.7 / 0.583));
|
|
26
26
|
transform-origin: var(--transform-origin);
|
|
27
27
|
}
|
|
28
28
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@import './var.css';
|
|
2
2
|
|
|
3
3
|
SBar {
|
|
4
|
-
fill: var(--intergalactic-chart-palette-order-1,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
5
|
-
stroke: var(--intergalactic-chart-grid-border, #
|
|
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,
|
|
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,
|
|
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, #
|
|
5
|
-
fill: var(--intergalactic-chart-palette-order-1,
|
|
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,
|
|
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, #
|
|
12
|
-
fill: var(--intergalactic-chart-palette-order-1,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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);
|
|
@@ -4,9 +4,9 @@ SPlotA11yView {
|
|
|
4
4
|
user-select: none;
|
|
5
5
|
pointer-events: none;
|
|
6
6
|
opacity: 0;
|
|
7
|
-
background-color: var(--intergalactic-bg-primary-neutral,
|
|
8
|
-
color: var(--intergalactic-text-primary,
|
|
9
|
-
border: 3px solid var(--intergalactic-border-primary,
|
|
7
|
+
background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
8
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
9
|
+
border: 3px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
|
|
10
10
|
font-size: var(--intergalactic-fs-50, 10px);
|
|
11
11
|
/* disable-tokens-validator */
|
|
12
12
|
padding: 2px;
|
|
@@ -35,5 +35,5 @@ SPlotA11yView a {
|
|
|
35
35
|
SPlotA11yView table,
|
|
36
36
|
SPlotA11yView td,
|
|
37
37
|
SPlotA11yView th {
|
|
38
|
-
border: 1px solid var(--intergalactic-border-primary,
|
|
38
|
+
border: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
|
|
39
39
|
}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
SAxis {
|
|
2
|
-
stroke: var(--intergalactic-chart-grid-line,
|
|
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,
|
|
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,
|
|
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,
|
|
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, #
|
|
50
|
+
stroke: var(--intergalactic-chart-grid-border, #fff);
|
|
51
51
|
r: 6px;
|
|
52
|
-
fill: var(--intergalactic-chart-palette-order-1,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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, #
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
41
|
+
stroke: var(--intergalactic-chart-grid-period-pattern, oklch(0.95 0.002 180));
|
|
42
42
|
stroke-width: 1px;
|
|
43
43
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@import './var.css';
|
|
2
2
|
|
|
3
3
|
SScatterPlot {
|
|
4
|
-
fill: var(--intergalactic-chart-palette-order-1,
|
|
4
|
+
fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
|
|
5
5
|
transition-property: cx, cy;
|
|
6
6
|
transition-duration: var(--duration);
|
|
7
7
|
transition-timing-function: ease-in-out;
|
|
@@ -29,7 +29,7 @@ SScatterPlot[transparent] {
|
|
|
29
29
|
SValue {
|
|
30
30
|
text-anchor: middle;
|
|
31
31
|
font-size: var(--intergalactic-fs-50, 10px);
|
|
32
|
-
stroke: var(--intergalactic-chart-palette-order-9,
|
|
32
|
+
stroke: var(--intergalactic-chart-palette-order-9, oklch(0.53 0.157 279.2));
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
SValue[color] {
|