@manamerge/mana-atomic-ui 1.0.201 → 1.0.202

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 (9) hide show
  1. package/dist/index.d.ts +1 -2
  2. package/dist/index.js +7 -8
  3. package/dist/index.js.map +1 -1
  4. package/dist/themes/themes/manamerge/atoms/icon.ts +49 -13
  5. package/dist/types/components/Atoms/Icon/Icon.css.d.ts +1 -2
  6. package/dist/types/components/Atoms/Icon/Icon.d.ts +1 -2
  7. package/dist/types/themes/ManamergeTheme.d.ts +37 -4
  8. package/dist/types/themes/manamerge/atoms/icon.d.ts +37 -4
  9. package/package.json +1 -1
package/dist/themes/themes/manamerge/atoms/icon.ts CHANGED
@@ -3,57 +3,93 @@ import colors from "../miscellaneous/colorpalette";
3
3
  const icon = {
4
4
  "Icon-xs": {
5
5
  size: "16px",
6
- color: colors.one.h,
7
6
  fill: colors.one.h,
8
7
  stroke: colors.one.h,
8
+ opacity: "1",
9
9
  hover: {
10
- color: colors.one.h,
11
10
  fill: colors.one.h,
12
- stroke: colors.one.h
11
+ stroke: colors.one.h,
12
+ opacity: "1"
13
13
  }
14
14
  },
15
15
  "Icon-sm": {
16
16
  size: "24px",
17
17
  fill: colors.one.h,
18
- stroke: colors.one.h
18
+ stroke: colors.one.h,
19
+ opacity: "1",
20
+ hover: {
21
+ fill: colors.one.h,
22
+ stroke: colors.one.h,
23
+ opacity: "1"
24
+ }
19
25
  },
20
26
  "Icon-md": {
21
27
  size: "32px",
22
28
  fill: colors.one.h,
23
- stroke: colors.one.h
29
+ stroke: colors.one.h,
30
+ opacity: "1",
31
+ hover: {
32
+ fill: colors.one.h,
33
+ stroke: colors.one.h,
34
+ opacity: "1"
35
+ }
24
36
  },
25
37
  "Icon-lg": {
26
38
  size: "48px",
27
39
  fill: colors.one.h,
28
- stroke: colors.one.h
40
+ stroke: colors.one.h,
41
+ opacity: "1",
42
+
43
+ hover: {
44
+ fill: colors.one.h,
45
+ stroke: colors.one.h,
46
+ opacity: "1"
47
+ }
29
48
  },
30
49
  "Icon-xl": {
31
50
  size: "64px",
32
51
  fill: colors.one.h,
33
- stroke: colors.one.h
52
+ stroke: colors.one.h,
53
+ opacity: "1",
54
+
55
+ hover: {
56
+ fill: colors.one.h,
57
+ stroke: colors.one.h,
58
+ opacity: "1"
59
+ }
34
60
  },
35
61
  "Icon-xxl": {
36
62
  size: "96px",
37
63
  fill: colors.one.h,
38
- stroke: colors.one.h
64
+ stroke: colors.one.h,
65
+ opacity: "1",
66
+
67
+ hover: {
68
+ fill: colors.one.h,
69
+ stroke: colors.one.h,
70
+ opacity: "1"
71
+ }
39
72
  },
40
73
  "Icon-xxxl": {
41
74
  size: "128px",
42
75
  fill: colors.one.h,
43
76
  stroke: colors.one.h,
77
+ opacity: "1",
44
78
  hover: {
45
- opacity: "0.8"
79
+ fill: colors.one.h,
80
+ stroke: colors.one.h,
81
+ opacity: "1"
46
82
  }
47
83
  },
48
84
  "Icon-xxxxl": {
49
85
  size: "192px",
50
- color: colors.transparent,
51
86
  fill: colors.one.h,
52
87
  stroke: colors.one.h,
88
+ opacity: "1",
53
89
  hover: {
54
- color: colors.transparent,
55
- fill: colors.four.a,
56
- stroke: colors.two.f
90
+ fill: colors.one.h,
91
+ stroke: colors.one.h,
92
+ opacity: "1"
57
93
  }
58
94
  }
59
95
  };
package/dist/types/components/Atoms/Icon/Icon.css.d.ts CHANGED
@@ -1,10 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  export declare const StyledSvg: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGSVGElement>, {
3
3
  size?: string | undefined;
4
- color?: string | undefined;
5
4
  fill?: string | undefined;
6
5
  stroke?: string | undefined;
7
- hoverColor?: string | undefined;
6
+ opacity?: string | undefined;
8
7
  hoverFill?: string | undefined;
9
8
  hoverStroke?: string | undefined;
10
9
  hoverOpacity?: string | undefined;
package/dist/types/components/Atoms/Icon/Icon.d.ts CHANGED
@@ -3,10 +3,9 @@ export interface IconTypes {
3
3
  variant?: string;
4
4
  svg: FunctionComponent<SVGProps<SVGSVGElement>>;
5
5
  size?: string;
6
- color?: string;
7
6
  fill?: string;
8
7
  stroke?: string;
9
- hoverColor?: string;
8
+ opacity?: string;
10
9
  hoverFill?: string;
11
10
  hoverStroke?: string;
12
11
  hoverOpacity?: string;
package/dist/types/themes/ManamergeTheme.d.ts CHANGED
@@ -631,57 +631,90 @@ export declare const ManamergeTheme: {
631
631
  icon: {
632
632
  "Icon-xs": {
633
633
  size: string;
634
- color: string;
635
634
  fill: string;
636
635
  stroke: string;
636
+ opacity: string;
637
637
  hover: {
638
- color: string;
639
638
  fill: string;
640
639
  stroke: string;
640
+ opacity: string;
641
641
  };
642
642
  };
643
643
  "Icon-sm": {
644
644
  size: string;
645
645
  fill: string;
646
646
  stroke: string;
647
+ opacity: string;
648
+ hover: {
649
+ fill: string;
650
+ stroke: string;
651
+ opacity: string;
652
+ };
647
653
  };
648
654
  "Icon-md": {
649
655
  size: string;
650
656
  fill: string;
651
657
  stroke: string;
658
+ opacity: string;
659
+ hover: {
660
+ fill: string;
661
+ stroke: string;
662
+ opacity: string;
663
+ };
652
664
  };
653
665
  "Icon-lg": {
654
666
  size: string;
655
667
  fill: string;
656
668
  stroke: string;
669
+ opacity: string;
670
+ hover: {
671
+ fill: string;
672
+ stroke: string;
673
+ opacity: string;
674
+ };
657
675
  };
658
676
  "Icon-xl": {
659
677
  size: string;
660
678
  fill: string;
661
679
  stroke: string;
680
+ opacity: string;
681
+ hover: {
682
+ fill: string;
683
+ stroke: string;
684
+ opacity: string;
685
+ };
662
686
  };
663
687
  "Icon-xxl": {
664
688
  size: string;
665
689
  fill: string;
666
690
  stroke: string;
691
+ opacity: string;
692
+ hover: {
693
+ fill: string;
694
+ stroke: string;
695
+ opacity: string;
696
+ };
667
697
  };
668
698
  "Icon-xxxl": {
669
699
  size: string;
670
700
  fill: string;
671
701
  stroke: string;
702
+ opacity: string;
672
703
  hover: {
704
+ fill: string;
705
+ stroke: string;
673
706
  opacity: string;
674
707
  };
675
708
  };
676
709
  "Icon-xxxxl": {
677
710
  size: string;
678
- color: string;
679
711
  fill: string;
680
712
  stroke: string;
713
+ opacity: string;
681
714
  hover: {
682
- color: string;
683
715
  fill: string;
684
716
  stroke: string;
717
+ opacity: string;
685
718
  };
686
719
  };
687
720
  };
package/dist/types/themes/manamerge/atoms/icon.d.ts CHANGED
@@ -1,57 +1,90 @@
1
1
  declare const icon: {
2
2
  "Icon-xs": {
3
3
  size: string;
4
- color: string;
5
4
  fill: string;
6
5
  stroke: string;
6
+ opacity: string;
7
7
  hover: {
8
- color: string;
9
8
  fill: string;
10
9
  stroke: string;
10
+ opacity: string;
11
11
  };
12
12
  };
13
13
  "Icon-sm": {
14
14
  size: string;
15
15
  fill: string;
16
16
  stroke: string;
17
+ opacity: string;
18
+ hover: {
19
+ fill: string;
20
+ stroke: string;
21
+ opacity: string;
22
+ };
17
23
  };
18
24
  "Icon-md": {
19
25
  size: string;
20
26
  fill: string;
21
27
  stroke: string;
28
+ opacity: string;
29
+ hover: {
30
+ fill: string;
31
+ stroke: string;
32
+ opacity: string;
33
+ };
22
34
  };
23
35
  "Icon-lg": {
24
36
  size: string;
25
37
  fill: string;
26
38
  stroke: string;
39
+ opacity: string;
40
+ hover: {
41
+ fill: string;
42
+ stroke: string;
43
+ opacity: string;
44
+ };
27
45
  };
28
46
  "Icon-xl": {
29
47
  size: string;
30
48
  fill: string;
31
49
  stroke: string;
50
+ opacity: string;
51
+ hover: {
52
+ fill: string;
53
+ stroke: string;
54
+ opacity: string;
55
+ };
32
56
  };
33
57
  "Icon-xxl": {
34
58
  size: string;
35
59
  fill: string;
36
60
  stroke: string;
61
+ opacity: string;
62
+ hover: {
63
+ fill: string;
64
+ stroke: string;
65
+ opacity: string;
66
+ };
37
67
  };
38
68
  "Icon-xxxl": {
39
69
  size: string;
40
70
  fill: string;
41
71
  stroke: string;
72
+ opacity: string;
42
73
  hover: {
74
+ fill: string;
75
+ stroke: string;
43
76
  opacity: string;
44
77
  };
45
78
  };
46
79
  "Icon-xxxxl": {
47
80
  size: string;
48
- color: string;
49
81
  fill: string;
50
82
  stroke: string;
83
+ opacity: string;
51
84
  hover: {
52
- color: string;
53
85
  fill: string;
54
86
  stroke: string;
87
+ opacity: string;
55
88
  };
56
89
  };
57
90
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@manamerge/mana-atomic-ui",
3
- "version": "1.0.201",
3
+ "version": "1.0.202",
4
4
  "description": "Mana Merge design system",
5
5
  "license": "ISC",
6
6
  "author": "MM",