@semcore/d3-chart 3.21.0 → 3.21.1

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 (46) 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 +5 -0
  23. package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  24. package/lib/es6/Area.js +9 -9
  25. package/lib/es6/Axis.js +14 -14
  26. package/lib/es6/Bar.js +8 -8
  27. package/lib/es6/Bubble.js +10 -10
  28. package/lib/es6/Donut.js +7 -7
  29. package/lib/es6/Dots.js +10 -10
  30. package/lib/es6/HorizontalBar.js +8 -8
  31. package/lib/es6/Hover.js +3 -3
  32. package/lib/es6/Line.js +9 -9
  33. package/lib/es6/Plot.js +3 -3
  34. package/lib/es6/Radar.js +17 -17
  35. package/lib/es6/RadialTree.js +10 -10
  36. package/lib/es6/ReferenceLine.js +9 -9
  37. package/lib/es6/ScatterPlot.js +7 -7
  38. package/lib/es6/Tooltip.js +8 -8
  39. package/lib/es6/Venn.js +7 -7
  40. package/lib/es6/a11y/PlotA11yModule.js +2 -2
  41. package/lib/es6/a11y/PlotA11yView.js +2 -2
  42. package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  43. package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +15 -15
  44. package/lib/es6/component/ChartLegend/LegendItem/legend-item.shadow.css +5 -0
  45. package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  46. package/package.json +2 -2
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_xal5v_gg_{align-items:flex-start}@media (hover:hover){.___SLegendItem_xal5v_gg_:hover{cursor:pointer}.___SLegendItem_xal5v_gg_.__disabled_xal5v_gg_:hover{cursor:default}}.___SPointShape_xal5v_gg_.__color_xal5v_gg_{background-color:var(--color_xal5v);margin-right:8px}.___SPointShape_xal5v_gg_._shape_Circle_xal5v_gg_._size_l_xal5v_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_xal5v_gg_._shape_Circle_xal5v_gg_._size_m_xal5v_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_xal5v_gg_._shape_Line_xal5v_gg_._size_l_xal5v_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_xal5v_gg_._shape_Line_xal5v_gg_._size_m_xal5v_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_xal5v_gg_._shape_Square_xal5v_gg_._size_l_xal5v_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_xal5v_gg_._shape_Square_xal5v_gg_._size_m_xal5v_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_xal5v_gg_{line-height:0;margin-right:4px}.___SIcon_xal5v_gg_._size_l_xal5v_gg_{margin-top:4px}.___SIcon_xal5v_gg_._size_m_xal5v_gg_{margin-top:2px}.___SAdditionalLabel_xal5v_gg_._size_l_xal5v_gg_,.___SCount_xal5v_gg_._size_l_xal5v_gg_,.___SLabel_xal5v_gg_._size_l_xal5v_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_xal5v_gg_._size_m_xal5v_gg_,.___SCount_xal5v_gg_._size_m_xal5v_gg_,.___SLabel_xal5v_gg_._size_m_xal5v_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_xal5v_gg_,.___SCount_xal5v_gg_{margin-left:4px}.___SAdditionalLabel_xal5v_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_xal5v_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_xal5v_gg_._size_l_xal5v_gg_::before{margin-top:10px}.___SAdditionalLabel_xal5v_gg_._size_m_xal5v_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "xal5v_gg_") /*__reshadow_css_end__*/, {
23
- "__SLegendItem": "___SLegendItem_xal5v_gg_",
24
- "_disabled": "__disabled_xal5v_gg_",
25
- "__SPointShape": "___SPointShape_xal5v_gg_",
26
- "_color": "__color_xal5v_gg_",
27
- "--color": "--color_xal5v",
28
- "_shape_Circle": "_shape_Circle_xal5v_gg_",
29
- "_size_l": "_size_l_xal5v_gg_",
30
- "_size_m": "_size_m_xal5v_gg_",
31
- "_shape_Line": "_shape_Line_xal5v_gg_",
32
- "_shape_Square": "_shape_Square_xal5v_gg_",
33
- "__SIcon": "___SIcon_xal5v_gg_",
34
- "__SLabel": "___SLabel_xal5v_gg_",
35
- "__SAdditionalLabel": "___SAdditionalLabel_xal5v_gg_",
36
- "__SCount": "___SCount_xal5v_gg_"
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_"
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
@@ -1,4 +1,5 @@
1
1
  SLegendItem {
2
+ min-width: 0;
2
3
  align-items: flex-start;
3
4
  }
4
5
 
@@ -70,6 +71,10 @@ SIcon[size='m'] {
70
71
  margin-top: 2px;
71
72
  }
72
73
 
74
+ SLabel {
75
+ min-width: 0;
76
+ }
77
+
73
78
  SLabel[size='l'], SAdditionalLabel[size='l'], SCount[size='l'] {
74
79
  font-size: var(--intergalactic-fs-300, 16px);
75
80
  line-height: var(--intergalactic-lh-300, 150%);
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_15wy7_gg_.__columns-count_15wy7_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_15wy7_gg_._size_l_15wy7_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_15wy7_gg_._size_m_15wy7_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "15wy7_gg_") /*__reshadow_css_end__*/, {
15
- "__SLegendTable": "___SLegendTable_15wy7_gg_",
16
- "_columns-count": "__columns-count_15wy7_gg_",
17
- "__SColumnItem": "___SColumnItem_15wy7_gg_",
18
- "_size_l": "_size_l_15wy7_gg_",
19
- "_size_m": "_size_m_15wy7_gg_"
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_"
20
20
  });
21
21
  import { LegendItemComponent } from '../LegendItem/LegendItem';
22
22
  import { BaseLegend } from '../BaseLegend';
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.0",
4
+ "version": "3.21.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -18,7 +18,7 @@
18
18
  "@semcore/animation": "2.13.0",
19
19
  "@semcore/divider": "4.13.0",
20
20
  "@semcore/flex-box": "5.13.0",
21
- "@semcore/popper": "5.12.0",
21
+ "@semcore/popper": "5.12.1",
22
22
  "@semcore/utils": "4.15.0",
23
23
  "@types/d3-shape": "^3.1.0",
24
24
  "@upsetjs/venn.js": "1.4.2",