@alfalab/core-components-chart 4.0.3 → 4.0.4-snapshot-febcc41ee5e7246ea3bb294cf66f062edea69ee3

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 (31) hide show
  1. package/components/Dot/index.css +7 -7
  2. package/components/Dot/index.module.css.js +1 -1
  3. package/components/Legends/index.css +7 -7
  4. package/components/Legends/index.module.css.js +1 -1
  5. package/components/Tick/index.css +2 -2
  6. package/components/Tick/index.module.css.js +1 -1
  7. package/components/TooltipContent/index.css +6 -6
  8. package/components/TooltipContent/index.module.css.js +1 -1
  9. package/esm/components/Dot/index.css +7 -7
  10. package/esm/components/Dot/index.module.css.js +1 -1
  11. package/esm/components/Legends/index.css +7 -7
  12. package/esm/components/Legends/index.module.css.js +1 -1
  13. package/esm/components/Tick/index.css +2 -2
  14. package/esm/components/Tick/index.module.css.js +1 -1
  15. package/esm/components/TooltipContent/index.css +6 -6
  16. package/esm/components/TooltipContent/index.module.css.js +1 -1
  17. package/esm/index.css +4 -4
  18. package/esm/index.module.css.js +1 -1
  19. package/index.css +4 -4
  20. package/index.module.css.js +1 -1
  21. package/modern/components/Dot/index.css +7 -7
  22. package/modern/components/Dot/index.module.css.js +1 -1
  23. package/modern/components/Legends/index.css +7 -7
  24. package/modern/components/Legends/index.module.css.js +1 -1
  25. package/modern/components/Tick/index.css +2 -2
  26. package/modern/components/Tick/index.module.css.js +1 -1
  27. package/modern/components/TooltipContent/index.css +6 -6
  28. package/modern/components/TooltipContent/index.module.css.js +1 -1
  29. package/modern/index.css +4 -4
  30. package/modern/index.module.css.js +1 -1
  31. package/package.json +2 -2
package/components/Dot/index.css CHANGED
@@ -1,18 +1,18 @@
1
- .chart__dotUnfocused_hkeks {
1
+ .chart__dotUnfocused_z959l {
2
2
  opacity: 0.3;
3
3
  }
4
4
 
5
- .chart__dot_hkeks,
6
- .chart__dotItem_hkeks,
7
- .chart__dotWrap_hkeks {
5
+ .chart__dot_z959l,
6
+ .chart__dotItem_z959l,
7
+ .chart__dotWrap_z959l {
8
8
  transition: all 0.2s ease;
9
9
  }
10
10
 
11
- .chart__dot_hkeks {
12
- animation: chart__showDot_hkeks 0.5s ease;
11
+ .chart__dot_z959l {
12
+ animation: chart__showDot_z959l 0.5s ease;
13
13
  }
14
14
 
15
- @keyframes chart__showDot_hkeks {
15
+ @keyframes chart__showDot_z959l {
16
16
  from {
17
17
  opacity: 0;
18
18
  }
package/components/Dot/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"dotUnfocused":"chart__dotUnfocused_hkeks","dot":"chart__dot_hkeks","dotItem":"chart__dotItem_hkeks","dotWrap":"chart__dotWrap_hkeks"};
5
+ var styles = {"dotUnfocused":"chart__dotUnfocused_z959l","dot":"chart__dot_z959l","dotItem":"chart__dotItem_z959l","dotWrap":"chart__dotWrap_z959l"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/Legends/index.css CHANGED
@@ -2,25 +2,25 @@
2
2
  --gap-2xl: 32px;
3
3
  --gap-0: 0px;
4
4
  --gap-32: var(--gap-2xl);
5
- } .chart__legendContent_gumtp {
5
+ } .chart__legendContent_1d6zs {
6
6
  display: flex;
7
7
  align-items: center;
8
8
  flex-wrap: wrap;
9
- } .chart__legendWrap_gumtp {
9
+ } .chart__legendWrap_1d6zs {
10
10
  width: 100%;
11
11
  margin: var(--gap-0);
12
12
  padding: var(--gap-0);
13
- } .chart__legendItem_gumtp {
13
+ } .chart__legendItem_1d6zs {
14
14
  margin-right: var(--gap-32);
15
15
  cursor: pointer;
16
16
  display: inline-block;
17
- } .chart__legendItem_gumtp:last-child {
17
+ } .chart__legendItem_1d6zs:last-child {
18
18
  margin-right: var(--gap-0);
19
- } .chart__legendUnactive_gumtp {
19
+ } .chart__legendUnactive_1d6zs {
20
20
  opacity: 0.3;
21
- } .chart__legendIcon_gumtp {
21
+ } .chart__legendIcon_1d6zs {
22
22
  margin-right: 13px;
23
23
  display: flex;
24
- } .chart__legendValue_gumtp {
24
+ } .chart__legendValue_1d6zs {
25
25
  text-transform: capitalize;
26
26
  }
package/components/Legends/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"legendContent":"chart__legendContent_gumtp","legendWrap":"chart__legendWrap_gumtp","legendItem":"chart__legendItem_gumtp","legendUnactive":"chart__legendUnactive_gumtp","legendIcon":"chart__legendIcon_gumtp","legendValue":"chart__legendValue_gumtp"};
5
+ var styles = {"legendContent":"chart__legendContent_1d6zs","legendWrap":"chart__legendWrap_1d6zs","legendItem":"chart__legendItem_1d6zs","legendUnactive":"chart__legendUnactive_1d6zs","legendIcon":"chart__legendIcon_1d6zs","legendValue":"chart__legendValue_1d6zs"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/Tick/index.css CHANGED
@@ -1,12 +1,12 @@
1
1
  :root {
2
2
  --color-dark-base-bg-primary: #121213;
3
3
  --color-light-text-primary: rgba(3, 3, 6, 0.88);
4
- } .chart__tickText_1ul33 {
4
+ } .chart__tickText_grg73 {
5
5
  fill: var(--color-light-text-primary);
6
6
  font-size: 16px;
7
7
  line-height: 24px;
8
8
  font-weight: 400;
9
- } .chart__circle_1ul33 {
9
+ } .chart__circle_grg73 {
10
10
  opacity: 0.3;
11
11
  fill: var(--color-dark-base-bg-primary);
12
12
  }
package/components/Tick/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"tickText":"chart__tickText_1ul33","circle":"chart__circle_1ul33"};
5
+ var styles = {"tickText":"chart__tickText_grg73","circle":"chart__circle_grg73"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/TooltipContent/index.css CHANGED
@@ -17,7 +17,7 @@
17
17
  --gap-12: var(--gap-s);
18
18
  --gap-16: var(--gap-m);
19
19
  --gap-2-neg: var(--gap-3xs-neg);
20
- } .chart__tooltip_1ceo2 {
20
+ } .chart__tooltip_euk83 {
21
21
  background-color: var(--color-light-base-bg-primary);
22
22
  border: 1px solid var(--color-light-neutral-400);
23
23
  box-shadow: var(--shadow-l);
@@ -25,15 +25,15 @@
25
25
  padding: var(--gap-12) var(--gap-16);
26
26
  pointer-events: none;
27
27
  position: relative;
28
- } .chart__tooltipList_1ceo2 {
28
+ } .chart__tooltipList_euk83 {
29
29
  position: relative;
30
30
  z-index: 5;
31
31
  list-style-type: none;
32
32
  padding: var(--gap-0);
33
33
  margin: var(--gap-0);
34
- } .chart__tooltipItem_1ceo2 {
34
+ } .chart__tooltipItem_euk83 {
35
35
  margin-bottom: var(--gap-10);
36
- } .chart__tooltipArrow_1ceo2 {
36
+ } .chart__tooltipArrow_euk83 {
37
37
  position: absolute;
38
38
  left: var(--gap-0);
39
39
  top: 50%;
@@ -42,7 +42,7 @@
42
42
  height: 10px;
43
43
  border: 1px solid var(--color-light-neutral-400);
44
44
  background-color: var(--color-light-base-bg-primary);
45
- } .chart__tooltipArrow_1ceo2:before {
45
+ } .chart__tooltipArrow_euk83:before {
46
46
  content: '';
47
47
  position: absolute;
48
48
  left: var(--gap-2-neg);
@@ -52,7 +52,7 @@
52
52
  border-style: solid;
53
53
  border-width: 0 24px 24px 0;
54
54
  border-color: transparent var(--color-light-base-bg-primary) transparent transparent;
55
- } .chart__tooltipArrowRight_1ceo2 {
55
+ } .chart__tooltipArrowRight_euk83 {
56
56
  left: 100%;
57
57
  transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
58
58
  }
package/components/TooltipContent/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"tooltip":"chart__tooltip_1ceo2","tooltipList":"chart__tooltipList_1ceo2","tooltipItem":"chart__tooltipItem_1ceo2","tooltipArrow":"chart__tooltipArrow_1ceo2","tooltipArrowRight":"chart__tooltipArrowRight_1ceo2"};
5
+ var styles = {"tooltip":"chart__tooltip_euk83","tooltipList":"chart__tooltipList_euk83","tooltipItem":"chart__tooltipItem_euk83","tooltipArrow":"chart__tooltipArrow_euk83","tooltipArrowRight":"chart__tooltipArrowRight_euk83"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/Dot/index.css CHANGED
@@ -1,18 +1,18 @@
1
- .chart__dotUnfocused_hkeks {
1
+ .chart__dotUnfocused_z959l {
2
2
  opacity: 0.3;
3
3
  }
4
4
 
5
- .chart__dot_hkeks,
6
- .chart__dotItem_hkeks,
7
- .chart__dotWrap_hkeks {
5
+ .chart__dot_z959l,
6
+ .chart__dotItem_z959l,
7
+ .chart__dotWrap_z959l {
8
8
  transition: all 0.2s ease;
9
9
  }
10
10
 
11
- .chart__dot_hkeks {
12
- animation: chart__showDot_hkeks 0.5s ease;
11
+ .chart__dot_z959l {
12
+ animation: chart__showDot_z959l 0.5s ease;
13
13
  }
14
14
 
15
- @keyframes chart__showDot_hkeks {
15
+ @keyframes chart__showDot_z959l {
16
16
  from {
17
17
  opacity: 0;
18
18
  }
package/esm/components/Dot/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"dotUnfocused":"chart__dotUnfocused_hkeks","dot":"chart__dot_hkeks","dotItem":"chart__dotItem_hkeks","dotWrap":"chart__dotWrap_hkeks"};
3
+ var styles = {"dotUnfocused":"chart__dotUnfocused_z959l","dot":"chart__dot_z959l","dotItem":"chart__dotItem_z959l","dotWrap":"chart__dotWrap_z959l"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/Legends/index.css CHANGED
@@ -2,25 +2,25 @@
2
2
  --gap-2xl: 32px;
3
3
  --gap-0: 0px;
4
4
  --gap-32: var(--gap-2xl);
5
- } .chart__legendContent_gumtp {
5
+ } .chart__legendContent_1d6zs {
6
6
  display: flex;
7
7
  align-items: center;
8
8
  flex-wrap: wrap;
9
- } .chart__legendWrap_gumtp {
9
+ } .chart__legendWrap_1d6zs {
10
10
  width: 100%;
11
11
  margin: var(--gap-0);
12
12
  padding: var(--gap-0);
13
- } .chart__legendItem_gumtp {
13
+ } .chart__legendItem_1d6zs {
14
14
  margin-right: var(--gap-32);
15
15
  cursor: pointer;
16
16
  display: inline-block;
17
- } .chart__legendItem_gumtp:last-child {
17
+ } .chart__legendItem_1d6zs:last-child {
18
18
  margin-right: var(--gap-0);
19
- } .chart__legendUnactive_gumtp {
19
+ } .chart__legendUnactive_1d6zs {
20
20
  opacity: 0.3;
21
- } .chart__legendIcon_gumtp {
21
+ } .chart__legendIcon_1d6zs {
22
22
  margin-right: 13px;
23
23
  display: flex;
24
- } .chart__legendValue_gumtp {
24
+ } .chart__legendValue_1d6zs {
25
25
  text-transform: capitalize;
26
26
  }
package/esm/components/Legends/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"legendContent":"chart__legendContent_gumtp","legendWrap":"chart__legendWrap_gumtp","legendItem":"chart__legendItem_gumtp","legendUnactive":"chart__legendUnactive_gumtp","legendIcon":"chart__legendIcon_gumtp","legendValue":"chart__legendValue_gumtp"};
3
+ var styles = {"legendContent":"chart__legendContent_1d6zs","legendWrap":"chart__legendWrap_1d6zs","legendItem":"chart__legendItem_1d6zs","legendUnactive":"chart__legendUnactive_1d6zs","legendIcon":"chart__legendIcon_1d6zs","legendValue":"chart__legendValue_1d6zs"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/Tick/index.css CHANGED
@@ -1,12 +1,12 @@
1
1
  :root {
2
2
  --color-dark-base-bg-primary: #121213;
3
3
  --color-light-text-primary: rgba(3, 3, 6, 0.88);
4
- } .chart__tickText_1ul33 {
4
+ } .chart__tickText_grg73 {
5
5
  fill: var(--color-light-text-primary);
6
6
  font-size: 16px;
7
7
  line-height: 24px;
8
8
  font-weight: 400;
9
- } .chart__circle_1ul33 {
9
+ } .chart__circle_grg73 {
10
10
  opacity: 0.3;
11
11
  fill: var(--color-dark-base-bg-primary);
12
12
  }
package/esm/components/Tick/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"tickText":"chart__tickText_1ul33","circle":"chart__circle_1ul33"};
3
+ var styles = {"tickText":"chart__tickText_grg73","circle":"chart__circle_grg73"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/TooltipContent/index.css CHANGED
@@ -17,7 +17,7 @@
17
17
  --gap-12: var(--gap-s);
18
18
  --gap-16: var(--gap-m);
19
19
  --gap-2-neg: var(--gap-3xs-neg);
20
- } .chart__tooltip_1ceo2 {
20
+ } .chart__tooltip_euk83 {
21
21
  background-color: var(--color-light-base-bg-primary);
22
22
  border: 1px solid var(--color-light-neutral-400);
23
23
  box-shadow: var(--shadow-l);
@@ -25,15 +25,15 @@
25
25
  padding: var(--gap-12) var(--gap-16);
26
26
  pointer-events: none;
27
27
  position: relative;
28
- } .chart__tooltipList_1ceo2 {
28
+ } .chart__tooltipList_euk83 {
29
29
  position: relative;
30
30
  z-index: 5;
31
31
  list-style-type: none;
32
32
  padding: var(--gap-0);
33
33
  margin: var(--gap-0);
34
- } .chart__tooltipItem_1ceo2 {
34
+ } .chart__tooltipItem_euk83 {
35
35
  margin-bottom: var(--gap-10);
36
- } .chart__tooltipArrow_1ceo2 {
36
+ } .chart__tooltipArrow_euk83 {
37
37
  position: absolute;
38
38
  left: var(--gap-0);
39
39
  top: 50%;
@@ -42,7 +42,7 @@
42
42
  height: 10px;
43
43
  border: 1px solid var(--color-light-neutral-400);
44
44
  background-color: var(--color-light-base-bg-primary);
45
- } .chart__tooltipArrow_1ceo2:before {
45
+ } .chart__tooltipArrow_euk83:before {
46
46
  content: '';
47
47
  position: absolute;
48
48
  left: var(--gap-2-neg);
@@ -52,7 +52,7 @@
52
52
  border-style: solid;
53
53
  border-width: 0 24px 24px 0;
54
54
  border-color: transparent var(--color-light-base-bg-primary) transparent transparent;
55
- } .chart__tooltipArrowRight_1ceo2 {
55
+ } .chart__tooltipArrowRight_euk83 {
56
56
  left: 100%;
57
57
  transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
58
58
  }
package/esm/components/TooltipContent/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"tooltip":"chart__tooltip_1ceo2","tooltipList":"chart__tooltipList_1ceo2","tooltipItem":"chart__tooltipItem_1ceo2","tooltipArrow":"chart__tooltipArrow_1ceo2","tooltipArrowRight":"chart__tooltipArrowRight_1ceo2"};
3
+ var styles = {"tooltip":"chart__tooltip_euk83","tooltipList":"chart__tooltipList_euk83","tooltipItem":"chart__tooltipItem_euk83","tooltipArrow":"chart__tooltipArrow_euk83","tooltipArrowRight":"chart__tooltipArrowRight_euk83"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.css CHANGED
@@ -1,15 +1,15 @@
1
1
  :root {
2
2
  --color-light-text-primary: rgba(3, 3, 6, 0.88);
3
- } .chart__coreChart_1wa0s .recharts-line path {
3
+ } .chart__coreChart_4jheq .recharts-line path {
4
4
  transition: d 0.2s ease-out;
5
- } .chart__coreChart_1wa0s .recharts-text tspan {
5
+ } .chart__coreChart_4jheq .recharts-text tspan {
6
6
  fill: var(--color-light-text-primary);
7
7
  font-size: 16px;
8
8
  line-height: 22px;
9
- } .chart__bar_1wa0s {
9
+ } .chart__bar_4jheq {
10
10
  transition:
11
11
  opacity 0.2s ease-out,
12
12
  d 0.2s ease-out;
13
- } .chart__unfocused_1wa0s {
13
+ } .chart__unfocused_4jheq {
14
14
  opacity: 0.3;
15
15
  }
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"coreChart":"chart__coreChart_1wa0s","bar":"chart__bar_1wa0s","unfocused":"chart__unfocused_1wa0s"};
3
+ var styles = {"coreChart":"chart__coreChart_4jheq","bar":"chart__bar_4jheq","unfocused":"chart__unfocused_4jheq"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -1,15 +1,15 @@
1
1
  :root {
2
2
  --color-light-text-primary: rgba(3, 3, 6, 0.88);
3
- } .chart__coreChart_1wa0s .recharts-line path {
3
+ } .chart__coreChart_4jheq .recharts-line path {
4
4
  transition: d 0.2s ease-out;
5
- } .chart__coreChart_1wa0s .recharts-text tspan {
5
+ } .chart__coreChart_4jheq .recharts-text tspan {
6
6
  fill: var(--color-light-text-primary);
7
7
  font-size: 16px;
8
8
  line-height: 22px;
9
- } .chart__bar_1wa0s {
9
+ } .chart__bar_4jheq {
10
10
  transition:
11
11
  opacity 0.2s ease-out,
12
12
  d 0.2s ease-out;
13
- } .chart__unfocused_1wa0s {
13
+ } .chart__unfocused_4jheq {
14
14
  opacity: 0.3;
15
15
  }
package/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"coreChart":"chart__coreChart_1wa0s","bar":"chart__bar_1wa0s","unfocused":"chart__unfocused_1wa0s"};
5
+ var styles = {"coreChart":"chart__coreChart_4jheq","bar":"chart__bar_4jheq","unfocused":"chart__unfocused_4jheq"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/Dot/index.css CHANGED
@@ -1,18 +1,18 @@
1
- .chart__dotUnfocused_hkeks {
1
+ .chart__dotUnfocused_z959l {
2
2
  opacity: 0.3;
3
3
  }
4
4
 
5
- .chart__dot_hkeks,
6
- .chart__dotItem_hkeks,
7
- .chart__dotWrap_hkeks {
5
+ .chart__dot_z959l,
6
+ .chart__dotItem_z959l,
7
+ .chart__dotWrap_z959l {
8
8
  transition: all 0.2s ease;
9
9
  }
10
10
 
11
- .chart__dot_hkeks {
12
- animation: chart__showDot_hkeks 0.5s ease;
11
+ .chart__dot_z959l {
12
+ animation: chart__showDot_z959l 0.5s ease;
13
13
  }
14
14
 
15
- @keyframes chart__showDot_hkeks {
15
+ @keyframes chart__showDot_z959l {
16
16
  from {
17
17
  opacity: 0;
18
18
  }
package/modern/components/Dot/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"dotUnfocused":"chart__dotUnfocused_hkeks","dot":"chart__dot_hkeks","dotItem":"chart__dotItem_hkeks","dotWrap":"chart__dotWrap_hkeks"};
3
+ const styles = {"dotUnfocused":"chart__dotUnfocused_z959l","dot":"chart__dot_z959l","dotItem":"chart__dotItem_z959l","dotWrap":"chart__dotWrap_z959l"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/Legends/index.css CHANGED
@@ -2,25 +2,25 @@
2
2
  --gap-2xl: 32px;
3
3
  --gap-0: 0px;
4
4
  --gap-32: var(--gap-2xl);
5
- } .chart__legendContent_gumtp {
5
+ } .chart__legendContent_1d6zs {
6
6
  display: flex;
7
7
  align-items: center;
8
8
  flex-wrap: wrap;
9
- } .chart__legendWrap_gumtp {
9
+ } .chart__legendWrap_1d6zs {
10
10
  width: 100%;
11
11
  margin: var(--gap-0);
12
12
  padding: var(--gap-0);
13
- } .chart__legendItem_gumtp {
13
+ } .chart__legendItem_1d6zs {
14
14
  margin-right: var(--gap-32);
15
15
  cursor: pointer;
16
16
  display: inline-block;
17
- } .chart__legendItem_gumtp:last-child {
17
+ } .chart__legendItem_1d6zs:last-child {
18
18
  margin-right: var(--gap-0);
19
- } .chart__legendUnactive_gumtp {
19
+ } .chart__legendUnactive_1d6zs {
20
20
  opacity: 0.3;
21
- } .chart__legendIcon_gumtp {
21
+ } .chart__legendIcon_1d6zs {
22
22
  margin-right: 13px;
23
23
  display: flex;
24
- } .chart__legendValue_gumtp {
24
+ } .chart__legendValue_1d6zs {
25
25
  text-transform: capitalize;
26
26
  }
package/modern/components/Legends/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"legendContent":"chart__legendContent_gumtp","legendWrap":"chart__legendWrap_gumtp","legendItem":"chart__legendItem_gumtp","legendUnactive":"chart__legendUnactive_gumtp","legendIcon":"chart__legendIcon_gumtp","legendValue":"chart__legendValue_gumtp"};
3
+ const styles = {"legendContent":"chart__legendContent_1d6zs","legendWrap":"chart__legendWrap_1d6zs","legendItem":"chart__legendItem_1d6zs","legendUnactive":"chart__legendUnactive_1d6zs","legendIcon":"chart__legendIcon_1d6zs","legendValue":"chart__legendValue_1d6zs"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/Tick/index.css CHANGED
@@ -1,12 +1,12 @@
1
1
  :root {
2
2
  --color-dark-base-bg-primary: #121213;
3
3
  --color-light-text-primary: rgba(3, 3, 6, 0.88);
4
- } .chart__tickText_1ul33 {
4
+ } .chart__tickText_grg73 {
5
5
  fill: var(--color-light-text-primary);
6
6
  font-size: 16px;
7
7
  line-height: 24px;
8
8
  font-weight: 400;
9
- } .chart__circle_1ul33 {
9
+ } .chart__circle_grg73 {
10
10
  opacity: 0.3;
11
11
  fill: var(--color-dark-base-bg-primary);
12
12
  }
package/modern/components/Tick/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"tickText":"chart__tickText_1ul33","circle":"chart__circle_1ul33"};
3
+ const styles = {"tickText":"chart__tickText_grg73","circle":"chart__circle_grg73"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/TooltipContent/index.css CHANGED
@@ -17,7 +17,7 @@
17
17
  --gap-12: var(--gap-s);
18
18
  --gap-16: var(--gap-m);
19
19
  --gap-2-neg: var(--gap-3xs-neg);
20
- } .chart__tooltip_1ceo2 {
20
+ } .chart__tooltip_euk83 {
21
21
  background-color: var(--color-light-base-bg-primary);
22
22
  border: 1px solid var(--color-light-neutral-400);
23
23
  box-shadow: var(--shadow-l);
@@ -25,15 +25,15 @@
25
25
  padding: var(--gap-12) var(--gap-16);
26
26
  pointer-events: none;
27
27
  position: relative;
28
- } .chart__tooltipList_1ceo2 {
28
+ } .chart__tooltipList_euk83 {
29
29
  position: relative;
30
30
  z-index: 5;
31
31
  list-style-type: none;
32
32
  padding: var(--gap-0);
33
33
  margin: var(--gap-0);
34
- } .chart__tooltipItem_1ceo2 {
34
+ } .chart__tooltipItem_euk83 {
35
35
  margin-bottom: var(--gap-10);
36
- } .chart__tooltipArrow_1ceo2 {
36
+ } .chart__tooltipArrow_euk83 {
37
37
  position: absolute;
38
38
  left: var(--gap-0);
39
39
  top: 50%;
@@ -42,7 +42,7 @@
42
42
  height: 10px;
43
43
  border: 1px solid var(--color-light-neutral-400);
44
44
  background-color: var(--color-light-base-bg-primary);
45
- } .chart__tooltipArrow_1ceo2:before {
45
+ } .chart__tooltipArrow_euk83:before {
46
46
  content: '';
47
47
  position: absolute;
48
48
  left: var(--gap-2-neg);
@@ -52,7 +52,7 @@
52
52
  border-style: solid;
53
53
  border-width: 0 24px 24px 0;
54
54
  border-color: transparent var(--color-light-base-bg-primary) transparent transparent;
55
- } .chart__tooltipArrowRight_1ceo2 {
55
+ } .chart__tooltipArrowRight_euk83 {
56
56
  left: 100%;
57
57
  transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
58
58
  }
package/modern/components/TooltipContent/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"tooltip":"chart__tooltip_1ceo2","tooltipList":"chart__tooltipList_1ceo2","tooltipItem":"chart__tooltipItem_1ceo2","tooltipArrow":"chart__tooltipArrow_1ceo2","tooltipArrowRight":"chart__tooltipArrowRight_1ceo2"};
3
+ const styles = {"tooltip":"chart__tooltip_euk83","tooltipList":"chart__tooltipList_euk83","tooltipItem":"chart__tooltipItem_euk83","tooltipArrow":"chart__tooltipArrow_euk83","tooltipArrowRight":"chart__tooltipArrowRight_euk83"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -1,15 +1,15 @@
1
1
  :root {
2
2
  --color-light-text-primary: rgba(3, 3, 6, 0.88);
3
- } .chart__coreChart_1wa0s .recharts-line path {
3
+ } .chart__coreChart_4jheq .recharts-line path {
4
4
  transition: d 0.2s ease-out;
5
- } .chart__coreChart_1wa0s .recharts-text tspan {
5
+ } .chart__coreChart_4jheq .recharts-text tspan {
6
6
  fill: var(--color-light-text-primary);
7
7
  font-size: 16px;
8
8
  line-height: 22px;
9
- } .chart__bar_1wa0s {
9
+ } .chart__bar_4jheq {
10
10
  transition:
11
11
  opacity 0.2s ease-out,
12
12
  d 0.2s ease-out;
13
- } .chart__unfocused_1wa0s {
13
+ } .chart__unfocused_4jheq {
14
14
  opacity: 0.3;
15
15
  }
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"coreChart":"chart__coreChart_1wa0s","bar":"chart__bar_1wa0s","unfocused":"chart__unfocused_1wa0s"};
3
+ const styles = {"coreChart":"chart__coreChart_4jheq","bar":"chart__bar_4jheq","unfocused":"chart__unfocused_4jheq"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-chart",
3
- "version": "4.0.3",
3
+ "version": "4.0.4-snapshot-febcc41ee5e7246ea3bb294cf66f062edea69ee3",
4
4
  "description": "Chart component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,7 +10,7 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-typography": "^5.0.3",
13
+ "@alfalab/core-components-typography": "5.0.4-snapshot-febcc41ee5e7246ea3bb294cf66f062edea69ee3",
14
14
  "classnames": "^2.5.1",
15
15
  "recharts": "^2.12.7",
16
16
  "tslib": "^2.4.0"