@alfalab/core-components-chart 3.1.8 → 3.1.10

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 (82) hide show
  1. package/Component.d.ts +1 -1
  2. package/Component.js +3 -1
  3. package/components/CustomizedLabel.js +3 -0
  4. package/components/Dot/index.css +8 -8
  5. package/components/Dot/index.js +3 -1
  6. package/components/Legends/index.css +10 -10
  7. package/components/Legends/index.js +3 -1
  8. package/components/LinearGradient.js +2 -0
  9. package/components/RectBar.js +3 -0
  10. package/components/Tick/index.css +7 -7
  11. package/components/Tick/index.js +3 -1
  12. package/components/TooltipContent/index.css +11 -10
  13. package/components/TooltipContent/index.js +3 -1
  14. package/cssm/Component.d.ts +1 -1
  15. package/cssm/Component.js +2 -0
  16. package/cssm/components/CustomizedLabel.js +3 -0
  17. package/cssm/components/Dot/index.js +2 -0
  18. package/cssm/components/Legends/index.js +2 -0
  19. package/cssm/components/Legends/index.module.css +2 -2
  20. package/cssm/components/LinearGradient.js +2 -0
  21. package/cssm/components/RectBar.js +3 -0
  22. package/cssm/components/Tick/index.js +2 -0
  23. package/cssm/components/Tick/index.module.css +3 -3
  24. package/cssm/components/TooltipContent/index.js +2 -0
  25. package/cssm/components/TooltipContent/index.module.css +4 -3
  26. package/cssm/hooks/usePathBar/index.js +2 -0
  27. package/cssm/hooks/usePathBar/utils/getRadius.js +2 -0
  28. package/cssm/hooks/useSettings/index.js +2 -0
  29. package/cssm/hooks/useSettings/utils/setComposedChartsMargin.js +2 -0
  30. package/cssm/hooks/useSettings/utils/setDatas.js +2 -0
  31. package/cssm/hooks/useSettings/utils/setGradientCharts.js +2 -0
  32. package/cssm/hooks/useSettings/utils/setLegendMargin.js +2 -0
  33. package/cssm/hooks/useSettings/utils/sortByIndex.js +2 -0
  34. package/cssm/icons/Circle.js +2 -0
  35. package/cssm/icons/CircleLine.js +2 -0
  36. package/cssm/icons/FilledCircle.js +2 -0
  37. package/cssm/icons/Point.js +2 -0
  38. package/cssm/icons/StrokeCircle.js +2 -0
  39. package/cssm/index.js +2 -0
  40. package/cssm/index.module.css +2 -2
  41. package/esm/Component.d.ts +1 -1
  42. package/esm/Component.js +1 -1
  43. package/esm/components/CustomizedLabel.js +1 -0
  44. package/esm/components/Dot/index.css +8 -8
  45. package/esm/components/Dot/index.js +1 -1
  46. package/esm/components/Legends/index.css +10 -10
  47. package/esm/components/Legends/index.js +1 -1
  48. package/esm/components/RectBar.js +1 -0
  49. package/esm/components/Tick/index.css +7 -7
  50. package/esm/components/Tick/index.js +1 -1
  51. package/esm/components/TooltipContent/index.css +11 -10
  52. package/esm/components/TooltipContent/index.js +1 -1
  53. package/esm/index.css +7 -7
  54. package/hooks/usePathBar/index.js +2 -0
  55. package/hooks/usePathBar/utils/getRadius.js +2 -0
  56. package/hooks/useSettings/index.js +2 -0
  57. package/hooks/useSettings/utils/setComposedChartsMargin.js +2 -0
  58. package/hooks/useSettings/utils/setDatas.js +2 -0
  59. package/hooks/useSettings/utils/setGradientCharts.js +2 -0
  60. package/hooks/useSettings/utils/setLegendMargin.js +2 -0
  61. package/hooks/useSettings/utils/sortByIndex.js +2 -0
  62. package/icons/Circle.js +2 -0
  63. package/icons/CircleLine.js +2 -0
  64. package/icons/FilledCircle.js +2 -0
  65. package/icons/Point.js +2 -0
  66. package/icons/StrokeCircle.js +2 -0
  67. package/index.css +7 -7
  68. package/index.js +2 -0
  69. package/modern/Component.d.ts +1 -1
  70. package/modern/Component.js +2 -1
  71. package/modern/components/CustomizedLabel.js +1 -0
  72. package/modern/components/Dot/index.css +8 -8
  73. package/modern/components/Dot/index.js +1 -1
  74. package/modern/components/Legends/index.css +10 -10
  75. package/modern/components/Legends/index.js +1 -1
  76. package/modern/components/RectBar.js +1 -0
  77. package/modern/components/Tick/index.css +7 -7
  78. package/modern/components/Tick/index.js +1 -1
  79. package/modern/components/TooltipContent/index.css +11 -10
  80. package/modern/components/TooltipContent/index.js +1 -1
  81. package/modern/index.css +7 -7
  82. package/package.json +2 -2
package/modern/components/TooltipContent/index.css CHANGED
@@ -1,12 +1,13 @@
1
- /* hash: kl17q */
1
+ /* hash: 1ynlm */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
5
- --color-light-border-primary: #dbdee1;
5
+ --color-light-border-primary: #dcdcdd; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
7
  } :root {
7
8
  } :root {
8
- } :root {
9
- --shadow-l: 0 0 24px rgba(11, 31, 53, 0.12), 0 12px 24px rgba(11, 31, 53, 0.24);
9
+ --shadow-l: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
10
+ 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
10
11
 
11
12
  /* Hard */
12
13
 
@@ -20,7 +21,7 @@
20
21
  --gap-m: 16px;
21
22
  } :root {
22
23
  } :root {
23
- } .chart__tooltip_1g2qp {
24
+ } .chart__tooltip_10zq4 {
24
25
  background-color: var(--color-light-bg-primary);
25
26
  border: 1px solid var(--color-light-border-primary);
26
27
  box-shadow: var(--shadow-l);
@@ -28,15 +29,15 @@
28
29
  padding: var(--gap-s) var(--gap-m);
29
30
  pointer-events: none;
30
31
  position: relative;
31
- } .chart__tooltipList_1g2qp {
32
+ } .chart__tooltipList_10zq4 {
32
33
  position: relative;
33
34
  z-index: 5;
34
35
  list-style-type: none;
35
36
  padding: 0;
36
37
  margin: 0;
37
- } .chart__tooltipItem_1g2qp {
38
+ } .chart__tooltipItem_10zq4 {
38
39
  margin-bottom: 10px;
39
- } .chart__tooltipArrow_1g2qp {
40
+ } .chart__tooltipArrow_10zq4 {
40
41
  position: absolute;
41
42
  left: 0;
42
43
  top: 50%;
@@ -45,7 +46,7 @@
45
46
  height: 10px;
46
47
  border: 1px solid var(--color-light-border-primary);
47
48
  background-color: var(--color-light-bg-primary);
48
- } .chart__tooltipArrow_1g2qp:before {
49
+ } .chart__tooltipArrow_10zq4:before {
49
50
  content: '';
50
51
  position: absolute;
51
52
  left: -2px;
@@ -55,7 +56,7 @@
55
56
  border-style: solid;
56
57
  border-width: 0 24px 24px 0;
57
58
  border-color: transparent var(--color-light-bg-primary) transparent transparent;
58
- } .chart__tooltipArrowRight_1g2qp {
59
+ } .chart__tooltipArrowRight_10zq4 {
59
60
  left: 100%;
60
61
  transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
61
62
  }
package/modern/components/TooltipContent/index.js CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Typography } from '@alfalab/core-components-typography/modern';
4
4
 
5
- const styles = {"tooltip":"chart__tooltip_1g2qp","tooltipList":"chart__tooltipList_1g2qp","tooltipItem":"chart__tooltipItem_1g2qp","tooltipArrow":"chart__tooltipArrow_1g2qp","tooltipArrowRight":"chart__tooltipArrowRight_1g2qp"};
5
+ const styles = {"tooltip":"chart__tooltip_10zq4","tooltipList":"chart__tooltipList_10zq4","tooltipItem":"chart__tooltipItem_10zq4","tooltipArrow":"chart__tooltipArrow_10zq4","tooltipArrowRight":"chart__tooltipArrowRight_10zq4"};
6
6
  require('./index.css')
7
7
 
8
8
  const TooltipContent = ({ payload, separator, label, tooltipArrowSide, arrow, series, labelFormatter, labelStyle, }) => {
package/modern/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: 175n2 */
1
+ /* hash: 1b9vt */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-text-primary: #0b1f35;
5
- } :root {
4
+ --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
8
8
 
@@ -15,14 +15,14 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .chart__coreChart_l53sx .recharts-line path {
18
+ } .chart__coreChart_1czu3 .recharts-line path {
19
19
  transition: d 0.2s ease-out;
20
- } .chart__coreChart_l53sx .recharts-text tspan {
20
+ } .chart__coreChart_1czu3 .recharts-text tspan {
21
21
  fill: var(--color-light-text-primary);
22
22
  font-size: 16px;
23
23
  line-height: 22px;
24
- } .chart__bar_l53sx {
24
+ } .chart__bar_1czu3 {
25
25
  transition: opacity 0.2s ease-out, d 0.2s ease-out;
26
- } .chart__unfocused_l53sx {
26
+ } .chart__unfocused_1czu3 {
27
27
  opacity: 0.3;
28
28
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-chart",
3
- "version": "3.1.8",
3
+ "version": "3.1.10",
4
4
  "description": "Chart component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,7 +14,7 @@
14
14
  "directory": "dist"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-typography": "^3.1.1",
17
+ "@alfalab/core-components-typography": "^3.2.1",
18
18
  "classnames": "^2.3.1",
19
19
  "recharts": "^2.1.2",
20
20
  "tslib": "^2.4.0"