@manamerge/mana-atomic-ui 1.0.199 → 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.
- package/dist/index.d.ts +1 -2
- package/dist/index.js +46 -15
- package/dist/index.js.map +1 -1
- package/dist/themes/themes/manamerge/atoms/icon.ts +49 -13
- package/dist/themes/themes/manamerge/miscellaneous/colorpalette.ts +2 -1
- package/dist/themes/themes/manamerge/molecules/accordion.ts +6 -1
- package/dist/themes/themes/manamerge/molecules/footer.ts +2 -7
- package/dist/themes/themes/manamerge/molecules/navigation.ts +2 -6
- package/dist/types/components/Atoms/Icon/Icon.css.d.ts +1 -2
- package/dist/types/components/Atoms/Icon/Icon.d.ts +1 -2
- package/dist/types/components/Molecules/Navigation/Navigation.css.d.ts +3 -0
- package/dist/types/themes/DavidWebTheme.d.ts +5 -0
- package/dist/types/themes/ManamergeTheme.d.ts +44 -4
- package/dist/types/themes/manamerge/atoms/icon.d.ts +37 -4
- package/dist/types/themes/manamerge/miscellaneous/colorpalette.d.ts +1 -0
- package/dist/types/themes/manamerge/molecules/accordion.d.ts +5 -0
- package/dist/types/themes/manamerge/molecules/navigation.d.ts +1 -0
- package/package.json +1 -1
- package/dist/themes/themes/davidWeb/fonts/Gilmer-Bold.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Gilmer-Heavy.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Gilmer-Light.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Gilmer-Medium.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Gilmer-Regular.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Springwood/SpringwoodBrush-Italic.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Springwood/SpringwoodBrush-Regular.woff2 +0 -0
|
@@ -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
|
-
|
|
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
|
-
|
|
55
|
-
|
|
56
|
-
|
|
90
|
+
fill: colors.one.h,
|
|
91
|
+
stroke: colors.one.h,
|
|
92
|
+
opacity: "1"
|
|
57
93
|
}
|
|
58
94
|
}
|
|
59
95
|
};
|
|
@@ -22,7 +22,12 @@ const accordion = {
|
|
|
22
22
|
size: "12px",
|
|
23
23
|
color: colors.one.b,
|
|
24
24
|
fill: colors.one.b,
|
|
25
|
-
stroke: colors.one.b
|
|
25
|
+
stroke: colors.one.b,
|
|
26
|
+
hover: {
|
|
27
|
+
color: colors.one.b,
|
|
28
|
+
fill: colors.one.b,
|
|
29
|
+
stroke: colors.one.b
|
|
30
|
+
}
|
|
26
31
|
},
|
|
27
32
|
atomHeading: {
|
|
28
33
|
variant: "primary",
|
|
@@ -2,12 +2,7 @@ import colors from "../miscellaneous/colorpalette";
|
|
|
2
2
|
|
|
3
3
|
const footer = {
|
|
4
4
|
"Footer-primary": {
|
|
5
|
-
background: `linear-gradient(
|
|
6
|
-
180deg,
|
|
7
|
-
rgba(59, 60, 63, 0.6) 0%,
|
|
8
|
-
rgba(38, 38, 38, 0.8) 43.75%
|
|
9
|
-
),
|
|
10
|
-
rgba(59, 60, 63, 0.8);`,
|
|
5
|
+
background: `linear-gradient( 180deg, ${colors.two.h}33 0%, ${colors.two.g}80 43.75%, ${colors.two.h}33 100%), ${colors.two.h}`,
|
|
11
6
|
padding: "10px",
|
|
12
7
|
gap: "20px",
|
|
13
8
|
text: {
|
|
@@ -20,7 +15,7 @@ const footer = {
|
|
|
20
15
|
variant: "primary-medium"
|
|
21
16
|
},
|
|
22
17
|
icons: {
|
|
23
|
-
variant: "
|
|
18
|
+
variant: "xs",
|
|
24
19
|
stroke: colors.one.b,
|
|
25
20
|
fill: colors.one.b
|
|
26
21
|
}
|
|
@@ -3,12 +3,7 @@ import colors from "../miscellaneous/colorpalette";
|
|
|
3
3
|
const navigation = {
|
|
4
4
|
"Navigation-primary": {
|
|
5
5
|
gap: "50px",
|
|
6
|
-
background: `linear-gradient(
|
|
7
|
-
180deg,
|
|
8
|
-
rgba(59, 60, 63, 0.6) 0%,
|
|
9
|
-
rgba(38, 38, 38, 0.8) 43.75%
|
|
10
|
-
),
|
|
11
|
-
rgba(59, 60, 63, 0.8);`,
|
|
6
|
+
background: `linear-gradient( to right, transparent 30%, ${colors.two.g} 60%, ${colors.two.g} 90%)`,
|
|
12
7
|
padding: "13px",
|
|
13
8
|
atomIcon: {
|
|
14
9
|
variant: "md",
|
|
@@ -49,6 +44,7 @@ const navigation = {
|
|
|
49
44
|
}
|
|
50
45
|
},
|
|
51
46
|
navLinks: {
|
|
47
|
+
mobileGap: "20px",
|
|
52
48
|
responsive: {
|
|
53
49
|
largeMobileUp: {
|
|
54
50
|
gap: "50px",
|
|
@@ -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
|
-
|
|
6
|
+
opacity?: string | undefined;
|
|
8
7
|
hoverFill?: string | undefined;
|
|
9
8
|
hoverStroke?: string | undefined;
|
|
10
9
|
hoverOpacity?: string | undefined;
|
|
@@ -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
|
-
|
|
8
|
+
opacity?: string;
|
|
10
9
|
hoverFill?: string;
|
|
11
10
|
hoverStroke?: string;
|
|
12
11
|
hoverOpacity?: string;
|
|
@@ -14,3 +14,6 @@ export declare const StyledLink: import("styled-components/dist/types").IStyledC
|
|
|
14
14
|
currentPath: boolean;
|
|
15
15
|
moleculeVariant: string;
|
|
16
16
|
}>, never>> & string & Omit<import("react").FC<import("../../Atoms/Link/Link").LinkTypes>, keyof import("react").Component<any, {}, any>>;
|
|
17
|
+
export declare const Backdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
18
|
+
isOpen: boolean;
|
|
19
|
+
}>> & string;
|
|
@@ -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
|
};
|
|
@@ -1180,6 +1213,7 @@ export declare const ManamergeTheme: {
|
|
|
1180
1213
|
};
|
|
1181
1214
|
};
|
|
1182
1215
|
navLinks: {
|
|
1216
|
+
mobileGap: string;
|
|
1183
1217
|
responsive: {
|
|
1184
1218
|
largeMobileUp: {
|
|
1185
1219
|
gap: string;
|
|
@@ -1395,6 +1429,11 @@ export declare const ManamergeTheme: {
|
|
|
1395
1429
|
color: string;
|
|
1396
1430
|
fill: string;
|
|
1397
1431
|
stroke: string;
|
|
1432
|
+
hover: {
|
|
1433
|
+
color: string;
|
|
1434
|
+
fill: string;
|
|
1435
|
+
stroke: string;
|
|
1436
|
+
};
|
|
1398
1437
|
};
|
|
1399
1438
|
atomHeading: {
|
|
1400
1439
|
variant: string;
|
|
@@ -1476,6 +1515,7 @@ export declare const ManamergeTheme: {
|
|
|
1476
1515
|
f: string;
|
|
1477
1516
|
g: string;
|
|
1478
1517
|
h: string;
|
|
1518
|
+
i: string;
|
|
1479
1519
|
};
|
|
1480
1520
|
three: {
|
|
1481
1521
|
a: string;
|
|
@@ -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
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|