@semcore/d3-chart 3.21.1 → 3.21.2

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 (48) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/lib/cjs/Area.js +9 -9
  3. package/lib/cjs/Axis.js +14 -14
  4. package/lib/cjs/Bar.js +8 -8
  5. package/lib/cjs/Bubble.js +10 -10
  6. package/lib/cjs/Donut.js +7 -7
  7. package/lib/cjs/Dots.js +10 -10
  8. package/lib/cjs/HorizontalBar.js +8 -8
  9. package/lib/cjs/Hover.js +3 -3
  10. package/lib/cjs/Line.js +9 -9
  11. package/lib/cjs/Plot.js +3 -3
  12. package/lib/cjs/Radar.js +17 -17
  13. package/lib/cjs/RadialTree.js +10 -10
  14. package/lib/cjs/ReferenceLine.js +9 -9
  15. package/lib/cjs/ScatterPlot.js +7 -7
  16. package/lib/cjs/Tooltip.js +8 -8
  17. package/lib/cjs/Venn.js +7 -7
  18. package/lib/cjs/a11y/PlotA11yModule.js +2 -2
  19. package/lib/cjs/a11y/PlotA11yView.js +2 -2
  20. package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  21. package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +15 -15
  22. package/lib/cjs/component/ChartLegend/LegendItem/legend-item.shadow.css +1 -0
  23. package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  24. package/lib/cjs/component/ChartLegend/LegendTable/legend-table.shadow.css +1 -1
  25. package/lib/es6/Area.js +9 -9
  26. package/lib/es6/Axis.js +14 -14
  27. package/lib/es6/Bar.js +8 -8
  28. package/lib/es6/Bubble.js +10 -10
  29. package/lib/es6/Donut.js +7 -7
  30. package/lib/es6/Dots.js +10 -10
  31. package/lib/es6/HorizontalBar.js +8 -8
  32. package/lib/es6/Hover.js +3 -3
  33. package/lib/es6/Line.js +9 -9
  34. package/lib/es6/Plot.js +3 -3
  35. package/lib/es6/Radar.js +17 -17
  36. package/lib/es6/RadialTree.js +10 -10
  37. package/lib/es6/ReferenceLine.js +9 -9
  38. package/lib/es6/ScatterPlot.js +7 -7
  39. package/lib/es6/Tooltip.js +8 -8
  40. package/lib/es6/Venn.js +7 -7
  41. package/lib/es6/a11y/PlotA11yModule.js +2 -2
  42. package/lib/es6/a11y/PlotA11yView.js +2 -2
  43. package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  44. package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +15 -15
  45. package/lib/es6/component/ChartLegend/LegendItem/legend-item.shadow.css +1 -0
  46. package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  47. package/lib/es6/component/ChartLegend/LegendTable/legend-table.shadow.css +1 -1
  48. package/package.json +2 -1
package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js CHANGED
@@ -19,21 +19,21 @@ import { Flex, Box } from '@semcore/flex-box';
19
19
  import Checkbox from '@semcore/checkbox';
20
20
  import { Text as TypographyText } from '@semcore/typography';
21
21
  /*__reshadow-styles__:"./legend-item.shadow.css"*/
22
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_2stc1_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_2stc1_gg_:hover{cursor:pointer}.___SLegendItem_2stc1_gg_.__disabled_2stc1_gg_:hover{cursor:default}}.___SPointShape_2stc1_gg_.__color_2stc1_gg_{background-color:var(--color_2stc1);margin-right:8px}.___SPointShape_2stc1_gg_._shape_Circle_2stc1_gg_._size_l_2stc1_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_2stc1_gg_._shape_Circle_2stc1_gg_._size_m_2stc1_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_2stc1_gg_._shape_Line_2stc1_gg_._size_l_2stc1_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_2stc1_gg_._shape_Line_2stc1_gg_._size_m_2stc1_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_2stc1_gg_._shape_Square_2stc1_gg_._size_l_2stc1_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_2stc1_gg_._shape_Square_2stc1_gg_._size_m_2stc1_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_2stc1_gg_{line-height:0;margin-right:4px}.___SIcon_2stc1_gg_._size_l_2stc1_gg_{margin-top:4px}.___SIcon_2stc1_gg_._size_m_2stc1_gg_{margin-top:2px}.___SLabel_2stc1_gg_{min-width:0}.___SAdditionalLabel_2stc1_gg_._size_l_2stc1_gg_,.___SCount_2stc1_gg_._size_l_2stc1_gg_,.___SLabel_2stc1_gg_._size_l_2stc1_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_2stc1_gg_._size_m_2stc1_gg_,.___SCount_2stc1_gg_._size_m_2stc1_gg_,.___SLabel_2stc1_gg_._size_m_2stc1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_2stc1_gg_,.___SCount_2stc1_gg_{margin-left:4px}.___SAdditionalLabel_2stc1_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_2stc1_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_2stc1_gg_._size_l_2stc1_gg_::before{margin-top:10px}.___SAdditionalLabel_2stc1_gg_._size_m_2stc1_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "2stc1_gg_") /*__reshadow_css_end__*/, {
23
- "__SLegendItem": "___SLegendItem_2stc1_gg_",
24
- "_disabled": "__disabled_2stc1_gg_",
25
- "__SPointShape": "___SPointShape_2stc1_gg_",
26
- "_color": "__color_2stc1_gg_",
27
- "--color": "--color_2stc1",
28
- "_shape_Circle": "_shape_Circle_2stc1_gg_",
29
- "_size_l": "_size_l_2stc1_gg_",
30
- "_size_m": "_size_m_2stc1_gg_",
31
- "_shape_Line": "_shape_Line_2stc1_gg_",
32
- "_shape_Square": "_shape_Square_2stc1_gg_",
33
- "__SIcon": "___SIcon_2stc1_gg_",
34
- "__SLabel": "___SLabel_2stc1_gg_",
35
- "__SAdditionalLabel": "___SAdditionalLabel_2stc1_gg_",
36
- "__SCount": "___SCount_2stc1_gg_"
22
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1v8x0_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1v8x0_gg_:hover{cursor:pointer}.___SLegendItem_1v8x0_gg_.__disabled_1v8x0_gg_:hover{cursor:default}}.___SPointShape_1v8x0_gg_.__color_1v8x0_gg_{background-color:var(--color_1v8x0);margin-right:8px;flex-shrink:0}.___SPointShape_1v8x0_gg_._shape_Circle_1v8x0_gg_._size_l_1v8x0_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1v8x0_gg_._shape_Circle_1v8x0_gg_._size_m_1v8x0_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1v8x0_gg_._shape_Line_1v8x0_gg_._size_l_1v8x0_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1v8x0_gg_._shape_Line_1v8x0_gg_._size_m_1v8x0_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1v8x0_gg_._shape_Square_1v8x0_gg_._size_l_1v8x0_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1v8x0_gg_._shape_Square_1v8x0_gg_._size_m_1v8x0_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_1v8x0_gg_{line-height:0;margin-right:4px}.___SIcon_1v8x0_gg_._size_l_1v8x0_gg_{margin-top:4px}.___SIcon_1v8x0_gg_._size_m_1v8x0_gg_{margin-top:2px}.___SLabel_1v8x0_gg_{min-width:0}.___SAdditionalLabel_1v8x0_gg_._size_l_1v8x0_gg_,.___SCount_1v8x0_gg_._size_l_1v8x0_gg_,.___SLabel_1v8x0_gg_._size_l_1v8x0_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1v8x0_gg_._size_m_1v8x0_gg_,.___SCount_1v8x0_gg_._size_m_1v8x0_gg_,.___SLabel_1v8x0_gg_._size_m_1v8x0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1v8x0_gg_,.___SCount_1v8x0_gg_{margin-left:4px}.___SAdditionalLabel_1v8x0_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1v8x0_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1v8x0_gg_._size_l_1v8x0_gg_::before{margin-top:10px}.___SAdditionalLabel_1v8x0_gg_._size_m_1v8x0_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "1v8x0_gg_") /*__reshadow_css_end__*/, {
23
+ "__SLegendItem": "___SLegendItem_1v8x0_gg_",
24
+ "_disabled": "__disabled_1v8x0_gg_",
25
+ "__SPointShape": "___SPointShape_1v8x0_gg_",
26
+ "_color": "__color_1v8x0_gg_",
27
+ "--color": "--color_1v8x0",
28
+ "_shape_Circle": "_shape_Circle_1v8x0_gg_",
29
+ "_size_l": "_size_l_1v8x0_gg_",
30
+ "_size_m": "_size_m_1v8x0_gg_",
31
+ "_shape_Line": "_shape_Line_1v8x0_gg_",
32
+ "_shape_Square": "_shape_Square_1v8x0_gg_",
33
+ "__SIcon": "___SIcon_1v8x0_gg_",
34
+ "__SLabel": "___SLabel_1v8x0_gg_",
35
+ "__SAdditionalLabel": "___SAdditionalLabel_1v8x0_gg_",
36
+ "__SCount": "___SCount_1v8x0_gg_"
37
37
  });
38
38
  import { StaticShapes } from './LegendItem.type';
39
39
  import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
package/lib/es6/component/ChartLegend/LegendItem/legend-item.shadow.css CHANGED
@@ -14,6 +14,7 @@ SLegendItem[disabled]:hover {
14
14
  SPointShape[color] {
15
15
  background-color: var(--color);
16
16
  margin-right: 8px;
17
+ flex-shrink: 0;
17
18
  }
18
19
 
19
20
  SPointShape[shape='Circle'][size='l'] {
package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js CHANGED
@@ -11,12 +11,12 @@ import React from 'react';
11
11
  import createComponent, { sstyled, Root } from '@semcore/core';
12
12
  import { Box } from '@semcore/flex-box';
13
13
  /*__reshadow-styles__:"./legend-table.shadow.css"*/
14
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_1lv99_gg_.__columns-count_1lv99_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1lv99_gg_._size_l_1lv99_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1lv99_gg_._size_m_1lv99_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "1lv99_gg_") /*__reshadow_css_end__*/, {
15
- "__SLegendTable": "___SLegendTable_1lv99_gg_",
16
- "_columns-count": "__columns-count_1lv99_gg_",
17
- "__SColumnItem": "___SColumnItem_1lv99_gg_",
18
- "_size_l": "_size_l_1lv99_gg_",
19
- "_size_m": "_size_m_1lv99_gg_"
14
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_rzbji_gg_.__columns-count_rzbji_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_rzbji_gg_._size_l_rzbji_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_rzbji_gg_._size_m_rzbji_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "rzbji_gg_") /*__reshadow_css_end__*/, {
15
+ "__SLegendTable": "___SLegendTable_rzbji_gg_",
16
+ "_columns-count": "__columns-count_rzbji_gg_",
17
+ "__SColumnItem": "___SColumnItem_rzbji_gg_",
18
+ "_size_l": "_size_l_rzbji_gg_",
19
+ "_size_m": "_size_m_rzbji_gg_"
20
20
  });
21
21
  import { LegendItemComponent } from '../LegendItem/LegendItem';
22
22
  import { BaseLegend } from '../BaseLegend';
package/lib/es6/component/ChartLegend/LegendTable/legend-table.shadow.css CHANGED
@@ -1,7 +1,7 @@
1
1
  SLegendTable[columns-count] {
2
2
  font-variant-numeric: tabular-nums;
3
3
  display: grid;
4
- grid-template-columns: auto 0.2fr 0.2fr;
4
+ grid-template-columns: auto 0.2fr;
5
5
  align-items: center;
6
6
  height: fit-content;
7
7
  grid-column-gap: 16px;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/d3-chart",
3
3
  "description": "Semrush D3 Chart Component",
4
- "version": "3.21.1",
4
+ "version": "3.21.2",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -48,6 +48,7 @@
48
48
  "@semcore/divider": "*",
49
49
  "@semcore/checkbox": "*",
50
50
  "@semcore/dropdown-menu": "*",
51
+ "@semcore/ellipsis": "*",
51
52
  "@semcore/icon": "*",
52
53
  "@semcore/testing-utils": "1.0.0",
53
54
  "@semcore/typography": "*",