@manamerge/mana-atomic-ui 0.0.76 → 0.0.85

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 (76) hide show
  1. package/dist/index.d.ts +16 -1
  2. package/dist/index.js +154 -1340
  3. package/dist/index.js.map +1 -1
  4. package/dist/themes/themes/Manamerge.ts +2 -0
  5. package/dist/themes/themes/manamerge/atoms/gradient.ts +19 -0
  6. package/dist/themes/themes/manamerge/molecules/cardSimpleRender.ts +0 -5
  7. package/dist/types/components/Atoms/Gradient/Gradient.css.d.ts +3 -0
  8. package/dist/types/components/Atoms/Gradient/Gradient.d.ts +9 -0
  9. package/dist/types/components/Atoms/Gradient/Gradient.stories.d.ts +7 -0
  10. package/dist/types/components/index.d.ts +2 -0
  11. package/dist/types/themes/Manamerge.d.ts +68 -20
  12. package/dist/types/themes/manamerge/atoms/gradient.d.ts +18 -0
  13. package/dist/types/themes/manamerge/molecules/cardSimpleRender.d.ts +0 -19
  14. package/dist/types/themes/manamerge/molecules/cardTeaser.d.ts +1 -1
  15. package/package.json +3 -10
  16. package/dist/types/.storybook/preview.d.ts +0 -14
  17. package/dist/types/src/components/Atoms/Button/Button.css.d.ts +0 -37
  18. package/dist/types/src/components/Atoms/Button/Button.d.ts +0 -34
  19. package/dist/types/src/components/Atoms/Button/Button.stories.d.ts +0 -7
  20. package/dist/types/src/components/Atoms/Heading/Heading.css.d.ts +0 -3
  21. package/dist/types/src/components/Atoms/Heading/Heading.d.ts +0 -17
  22. package/dist/types/src/components/Atoms/Heading/Heading.stories.d.ts +0 -12
  23. package/dist/types/src/components/Atoms/Icon/Icon.css.d.ts +0 -9
  24. package/dist/types/src/components/Atoms/Icon/Icon.d.ts +0 -15
  25. package/dist/types/src/components/Atoms/Icon/Icon.stories.d.ts +0 -9
  26. package/dist/types/src/components/Atoms/Link/Link.css.d.ts +0 -3
  27. package/dist/types/src/components/Atoms/Link/Link.d.ts +0 -14
  28. package/dist/types/src/components/Atoms/Link/Link.stories.d.ts +0 -11
  29. package/dist/types/src/components/Atoms/Text/Text.css.d.ts +0 -4
  30. package/dist/types/src/components/Atoms/Text/Text.d.ts +0 -14
  31. package/dist/types/src/components/Atoms/Text/Text.stories.d.ts +0 -11
  32. package/dist/types/src/components/Molecules/CardSimpleRender/BlobToReactComponent.d.ts +0 -5
  33. package/dist/types/src/components/Molecules/CardSimpleRender/CardSimpleRender.css.d.ts +0 -10
  34. package/dist/types/src/components/Molecules/CardSimpleRender/CardSimpleRender.d.ts +0 -29
  35. package/dist/types/src/components/Molecules/CardSimpleRender/CardSimpleRender.stories copy 2.d.ts +0 -7
  36. package/dist/types/src/components/Molecules/CardSimpleRender/CardSimpleRender.stories copy 3.d.ts +0 -6
  37. package/dist/types/src/components/Molecules/CardSimpleRender/CardSimpleRender.stories copy 4.d.ts +0 -6
  38. package/dist/types/src/components/Molecules/CardSimpleRender/CardSimpleRender.stories copy 5.d.ts +0 -6
  39. package/dist/types/src/components/Molecules/CardSimpleRender/CardSimpleRender.stories copy.d.ts +0 -7
  40. package/dist/types/src/components/Molecules/CardSimpleRender/CardSimpleRender.stories.d.ts +0 -7
  41. package/dist/types/src/components/Molecules/CardTeaser/CardTeaser.css.d.ts +0 -15
  42. package/dist/types/src/components/Molecules/CardTeaser/CardTeaser.d.ts +0 -13
  43. package/dist/types/src/components/Molecules/CardTeaser/CardTeaser.stories.d.ts +0 -6
  44. package/dist/types/src/components/Molecules/Footer/Footer.css.d.ts +0 -6
  45. package/dist/types/src/components/Molecules/Footer/Footer.d.ts +0 -15
  46. package/dist/types/src/components/Molecules/Footer/Footer.stories.d.ts +0 -6
  47. package/dist/types/src/components/Molecules/Header/Header.css.d.ts +0 -15
  48. package/dist/types/src/components/Molecules/Header/Header.d.ts +0 -15
  49. package/dist/types/src/components/Molecules/Header/Header.stories.d.ts +0 -6
  50. package/dist/types/src/components/Molecules/Navigation/Navigation.css.d.ts +0 -10
  51. package/dist/types/src/components/Molecules/Navigation/Navigation.d.ts +0 -10
  52. package/dist/types/src/components/Molecules/Navigation/Navigation.stories.d.ts +0 -6
  53. package/dist/types/src/components/index.d.ts +0 -12
  54. package/dist/types/src/index.d.ts +0 -1
  55. package/dist/types/src/themes/Manamerge.d.ts +0 -1374
  56. package/dist/types/src/themes/manamerge/atoms/button.d.ts +0 -101
  57. package/dist/types/src/themes/manamerge/atoms/checkbox.d.ts +0 -71
  58. package/dist/types/src/themes/manamerge/atoms/heading.d.ts +0 -141
  59. package/dist/types/src/themes/manamerge/atoms/icon.d.ts +0 -30
  60. package/dist/types/src/themes/manamerge/atoms/link.d.ts +0 -78
  61. package/dist/types/src/themes/manamerge/atoms/text.d.ts +0 -38
  62. package/dist/types/src/themes/manamerge/miscellaneous/breakpoints.d.ts +0 -13
  63. package/dist/types/src/themes/manamerge/molecules/cardSimpleRender.d.ts +0 -27
  64. package/dist/types/src/themes/manamerge/molecules/cardTeaser.d.ts +0 -76
  65. package/dist/types/src/themes/manamerge/molecules/footer.d.ts +0 -19
  66. package/dist/types/src/themes/manamerge/molecules/header.d.ts +0 -48
  67. package/dist/types/src/themes/manamerge/molecules/navigation.d.ts +0 -36
  68. package/dist/types/vite.config.d.ts +0 -2
  69. /package/dist/types/{src/components → components}/Molecules/BreakerTape/BreakerTape.css.d.ts +0 -0
  70. /package/dist/types/{src/components → components}/Molecules/BreakerTape/BreakerTape.d.ts +0 -0
  71. /package/dist/types/{src/components → components}/Molecules/BreakerTape/BreakerTape.stories.d.ts +0 -0
  72. /package/dist/types/{src/components → components}/Molecules/CardBanner/CardBanner.css.d.ts +0 -0
  73. /package/dist/types/{src/components → components}/Molecules/CardBanner/CardBanner.d.ts +0 -0
  74. /package/dist/types/{src/components → components}/Molecules/CardBanner/CardBanner.stories.d.ts +0 -0
  75. /package/dist/types/{src/themes → themes}/manamerge/molecules/breakerTape.d.ts +0 -0
  76. /package/dist/types/{src/themes → themes}/manamerge/molecules/cardBanner.d.ts +0 -0
@@ -1,101 +0,0 @@
1
- declare const button: {
2
- "Button-primary": {
3
- textTransform: string;
4
- height: string;
5
- width: string;
6
- maxWidth: string;
7
- maxHeight: string;
8
- borderRadius: string;
9
- lineHeight: string;
10
- fontFamily: string;
11
- fontWeight: number;
12
- letterSpacing: string;
13
- padding: string;
14
- fontSize: string;
15
- color: string;
16
- textAlign: string;
17
- display: string;
18
- justifyContent: string;
19
- alignItems: string;
20
- cursor: string;
21
- shadow: string;
22
- transition: string;
23
- border: string;
24
- overflow: string;
25
- position: string;
26
- default: {
27
- text: string;
28
- border: string;
29
- background: string;
30
- opacity: number;
31
- };
32
- hover: {
33
- text: string;
34
- border: string;
35
- background: string;
36
- opacity: number;
37
- };
38
- active: {
39
- text: string;
40
- border: string;
41
- background: string;
42
- opacity: number;
43
- };
44
- disabled: {
45
- text: string;
46
- border: string;
47
- background: string;
48
- opacity: number;
49
- };
50
- };
51
- "Button-secondary": {
52
- textTransform: string;
53
- height: string;
54
- width: string;
55
- maxWidth: string;
56
- maxHeight: string;
57
- borderRadius: string;
58
- lineHeight: string;
59
- fontFamily: string;
60
- fontWeight: number;
61
- letterSpacing: string;
62
- padding: string;
63
- fontSize: string;
64
- color: string;
65
- textAlign: string;
66
- display: string;
67
- justifyContent: string;
68
- alignItems: string;
69
- cursor: string;
70
- shadow: string;
71
- transition: string;
72
- border: string;
73
- overflow: string;
74
- position: string;
75
- default: {
76
- text: string;
77
- border: string;
78
- background: string;
79
- opacity: number;
80
- };
81
- hover: {
82
- text: string;
83
- border: string;
84
- background: string;
85
- opacity: number;
86
- };
87
- active: {
88
- text: string;
89
- border: string;
90
- background: string;
91
- opacity: number;
92
- };
93
- disabled: {
94
- text: string;
95
- border: string;
96
- background: string;
97
- opacity: number;
98
- };
99
- };
100
- };
101
- export default button;
@@ -1,71 +0,0 @@
1
- declare const checkbox: {
2
- dark: {
3
- width: string;
4
- height: string;
5
- top: string;
6
- left: string;
7
- borderRadius: string;
8
- text: string;
9
- default: {
10
- check: string;
11
- border: string;
12
- background: string;
13
- };
14
- hover: {
15
- check: string;
16
- border: string;
17
- };
18
- checked: {
19
- text: string;
20
- check: string;
21
- border: string;
22
- background: string;
23
- };
24
- checkedhover: {
25
- check: string;
26
- border: string;
27
- background: string;
28
- opacity: number;
29
- };
30
- disabled: {
31
- check: string;
32
- border: string;
33
- background: string;
34
- opacity: number;
35
- };
36
- };
37
- light: {
38
- width: string;
39
- height: string;
40
- top: string;
41
- left: string;
42
- borderRadius: string;
43
- text: string;
44
- default: {
45
- check: string;
46
- border: string;
47
- background: string;
48
- };
49
- hover: {
50
- check: string;
51
- border: string;
52
- };
53
- checked: {
54
- check: string;
55
- border: string;
56
- background: string;
57
- };
58
- checkedhover: {
59
- check: string;
60
- border: string;
61
- background: string;
62
- };
63
- disabled: {
64
- check: string;
65
- border: string;
66
- background: string;
67
- opacity: number;
68
- };
69
- };
70
- };
71
- export default checkbox;
@@ -1,141 +0,0 @@
1
- declare const heading: {
2
- "Heading-h1": {
3
- mobile: {
4
- fontSize: string;
5
- lineHeight: string;
6
- fontWeight: number;
7
- color: string;
8
- margin: string;
9
- };
10
- tablet: {
11
- fontSize: string;
12
- lineHeight: string;
13
- fontWeight: number;
14
- color: string;
15
- margin: string;
16
- };
17
- desktop: {
18
- fontSize: string;
19
- lineHeight: string;
20
- fontWeight: number;
21
- color: string;
22
- margin: string;
23
- };
24
- };
25
- "Heading-h2": {
26
- mobile: {
27
- fontSize: string;
28
- lineHeight: string;
29
- fontWeight: number;
30
- color: string;
31
- margin: string;
32
- };
33
- tablet: {
34
- fontSize: string;
35
- lineHeight: string;
36
- fontWeight: number;
37
- color: string;
38
- margin: string;
39
- };
40
- desktop: {
41
- fontSize: string;
42
- lineHeight: string;
43
- fontWeight: number;
44
- color: string;
45
- margin: string;
46
- };
47
- };
48
- "Heading-h3": {
49
- mobile: {
50
- fontSize: string;
51
- lineHeight: string;
52
- fontWeight: number;
53
- color: string;
54
- margin: string;
55
- };
56
- tablet: {
57
- fontSize: string;
58
- lineHeight: string;
59
- fontWeight: number;
60
- color: string;
61
- margin: string;
62
- };
63
- desktop: {
64
- fontSize: string;
65
- lineHeight: string;
66
- fontWeight: number;
67
- color: string;
68
- margin: string;
69
- };
70
- };
71
- "Heading-h4": {
72
- mobile: {
73
- fontSize: string;
74
- lineHeight: string;
75
- fontWeight: number;
76
- color: string;
77
- margin: string;
78
- };
79
- tablet: {
80
- fontSize: string;
81
- lineHeight: string;
82
- fontWeight: number;
83
- color: string;
84
- margin: string;
85
- };
86
- desktop: {
87
- fontSize: string;
88
- lineHeight: string;
89
- fontWeight: number;
90
- color: string;
91
- margin: string;
92
- };
93
- };
94
- "Heading-h5": {
95
- mobile: {
96
- fontSize: string;
97
- lineHeight: string;
98
- fontWeight: number;
99
- color: string;
100
- margin: string;
101
- };
102
- tablet: {
103
- fontSize: string;
104
- lineHeight: string;
105
- fontWeight: number;
106
- color: string;
107
- margin: string;
108
- };
109
- desktop: {
110
- fontSize: string;
111
- lineHeight: string;
112
- fontWeight: number;
113
- color: string;
114
- margin: string;
115
- };
116
- };
117
- "Heading-h6": {
118
- mobile: {
119
- fontSize: string;
120
- lineHeight: string;
121
- fontWeight: number;
122
- color: string;
123
- margin: string;
124
- };
125
- tablet: {
126
- fontSize: string;
127
- lineHeight: string;
128
- fontWeight: number;
129
- color: string;
130
- margin: string;
131
- };
132
- desktop: {
133
- fontSize: string;
134
- lineHeight: string;
135
- fontWeight: number;
136
- color: string;
137
- margin: string;
138
- };
139
- };
140
- };
141
- export default heading;
@@ -1,30 +0,0 @@
1
- declare const icon: {
2
- "Icon-small": {
3
- size: string;
4
- color: string;
5
- stroke: string;
6
- hover: {
7
- stroke: string;
8
- fill: string;
9
- };
10
- };
11
- "Icon-medium": {
12
- size: string;
13
- color: string;
14
- stroke: string;
15
- hover: {
16
- stroke: string;
17
- color: string;
18
- };
19
- };
20
- "Icon-large": {
21
- size: string;
22
- color: string;
23
- stroke: string;
24
- hover: {
25
- stroke: string;
26
- fill: string;
27
- };
28
- };
29
- };
30
- export default icon;
@@ -1,78 +0,0 @@
1
- declare const Link: {
2
- "Link-light": {
3
- fontSize: string;
4
- lineHeight: string;
5
- fontWeight: number;
6
- color: string;
7
- hover: {
8
- color: string;
9
- };
10
- focus: {
11
- outline: string;
12
- };
13
- disabled: {
14
- color: string;
15
- };
16
- };
17
- "Link-regular": {
18
- fontSize: string;
19
- lineHeight: string;
20
- fontWeight: number;
21
- color: string;
22
- hover: {
23
- color: string;
24
- };
25
- focus: {
26
- outline: string;
27
- };
28
- disabled: {
29
- color: string;
30
- };
31
- };
32
- "Link-medium": {
33
- fontSize: string;
34
- lineHeight: string;
35
- fontWeight: number;
36
- color: string;
37
- hover: {
38
- color: string;
39
- };
40
- focus: {
41
- outline: string;
42
- };
43
- disabled: {
44
- color: string;
45
- };
46
- };
47
- "Link-bold": {
48
- fontSize: string;
49
- lineHeight: string;
50
- fontWeight: number;
51
- color: string;
52
- hover: {
53
- color: string;
54
- };
55
- focus: {
56
- outline: string;
57
- };
58
- disabled: {
59
- color: string;
60
- };
61
- };
62
- "Link-heavy": {
63
- fontSize: string;
64
- lineHeight: string;
65
- fontWeight: number;
66
- color: string;
67
- hover: {
68
- color: string;
69
- };
70
- focus: {
71
- outline: string;
72
- };
73
- disabled: {
74
- color: string;
75
- };
76
- };
77
- };
78
- export default Link;
@@ -1,38 +0,0 @@
1
- declare const text: {
2
- "Text-light": {
3
- fontSize: string;
4
- lineHeight: string;
5
- fontWeight: number;
6
- color: string;
7
- margin: string;
8
- };
9
- "Text-regular": {
10
- fontSize: string;
11
- lineHeight: string;
12
- fontWeight: number;
13
- color: string;
14
- margin: string;
15
- };
16
- "Text-medium": {
17
- fontSize: string;
18
- lineHeight: string;
19
- fontWeight: number;
20
- color: string;
21
- margin: string;
22
- };
23
- "Text-bold": {
24
- fontSize: string;
25
- lineHeight: string;
26
- fontWeight: number;
27
- color: string;
28
- margin: string;
29
- };
30
- "Text-heavy": {
31
- fontSize: string;
32
- lineHeight: string;
33
- fontWeight: number;
34
- color: string;
35
- margin: string;
36
- };
37
- };
38
- export default text;
@@ -1,13 +0,0 @@
1
- declare const breakpoints: {
2
- tinyMobileUp: number;
3
- smallMobileUp: number;
4
- mobileUp: number;
5
- mobileLandscapeUp: number;
6
- largeMobileUp: number;
7
- tabletPortraitUp: number;
8
- tabletLandscapeUp: number;
9
- desktopUp: number;
10
- largeDesktopUp: number;
11
- superLargeDesktopUp: number;
12
- };
13
- export default breakpoints;
@@ -1,27 +0,0 @@
1
- declare const cardSimpleRender: {
2
- flexDirection: string;
3
- justifyContent: string;
4
- gap: string;
5
- background: string;
6
- gradientBackground: string;
7
- border: string;
8
- borderRadius: string;
9
- padding: string;
10
- height: string;
11
- maxWidth: string;
12
- hover: {
13
- border: string;
14
- boxShadow: string;
15
- transition: string;
16
- };
17
- atomIcon: {
18
- variant: string;
19
- };
20
- atomHeading: {
21
- variant: string;
22
- };
23
- atomText: {
24
- variant: string;
25
- };
26
- };
27
- export default cardSimpleRender;
@@ -1,76 +0,0 @@
1
- declare const cardTeaser: {
2
- background: string;
3
- gradientBackground: string;
4
- borderRadius: string;
5
- maxWidth: string;
6
- text: {
7
- variant: string;
8
- color: string;
9
- margin: string;
10
- };
11
- icon: {
12
- variant: string;
13
- };
14
- button: {
15
- variant: string;
16
- };
17
- imageContainer: {
18
- responsive: {
19
- tinyMobileUp: {
20
- right: string;
21
- top: string;
22
- padding: string;
23
- };
24
- largeMobileUp: {
25
- right: string;
26
- top: string;
27
- padding: string;
28
- };
29
- desktopUp: {
30
- padding: string;
31
- };
32
- };
33
- };
34
- image: {
35
- borderRadius: string;
36
- };
37
- list: {
38
- padding: string;
39
- margin: string;
40
- };
41
- leftCardContainer: {
42
- responsive: {
43
- tinyMobileUp: {
44
- padding: string;
45
- width: string;
46
- };
47
- desktopUp: {
48
- padding: string;
49
- };
50
- };
51
- };
52
- listItem: {
53
- responsive: {
54
- tinyMobileUp: {
55
- gap: string;
56
- };
57
- mobileUp: {
58
- gap: string;
59
- };
60
- };
61
- };
62
- separator: {
63
- padding: string;
64
- border: string;
65
- };
66
- headingTitle: {
67
- variant: string;
68
- color: string;
69
- };
70
- headingCompanyDate: {
71
- variant: string;
72
- color: string;
73
- textTransform: string;
74
- };
75
- };
76
- export default cardTeaser;
@@ -1,19 +0,0 @@
1
- declare const footer: {
2
- background: string;
3
- padding: string;
4
- gap: string;
5
- text: {
6
- variant: string;
7
- color: string;
8
- hover: {
9
- color: string;
10
- };
11
- };
12
- links: {
13
- variant: string;
14
- };
15
- icons: {
16
- variant: string;
17
- };
18
- };
19
- export default footer;
@@ -1,48 +0,0 @@
1
- declare const header: {
2
- backgroundColor1: string;
3
- backgroundColor2: string;
4
- bannerColor: string;
5
- atomIconTop: {
6
- variant: string;
7
- stroke: string;
8
- fill: string;
9
- hover: {
10
- stroke: string;
11
- fill: string;
12
- };
13
- };
14
- atomIconDot: {
15
- variant: string;
16
- size: string;
17
- fill: string;
18
- stroke: string;
19
- hover: {
20
- stroke: string;
21
- };
22
- };
23
- atomHeading: {
24
- variant: string;
25
- };
26
- atomTextTitle: {
27
- variant: string;
28
- };
29
- atomButtonLeft: {
30
- variant: string;
31
- };
32
- atomButtonRight: {
33
- variant: string;
34
- };
35
- atomTextLeft: {
36
- variant: string;
37
- };
38
- atomTextRight: {
39
- variant: string;
40
- };
41
- atomIconLeft: {
42
- variant: string;
43
- };
44
- atomIconRight: {
45
- variant: string;
46
- };
47
- };
48
- export default header;
@@ -1,36 +0,0 @@
1
- declare const navigation: {
2
- background: string;
3
- atomIcon: {
4
- variant: string;
5
- color: string;
6
- focus: {
7
- outline: string;
8
- outlineOffset: string;
9
- boxShadow: string;
10
- color: string;
11
- };
12
- hover: {
13
- color: string;
14
- transition: string;
15
- };
16
- };
17
- atomLink: {
18
- variant: string;
19
- color: string;
20
- fontWeight: string;
21
- currentPath: {
22
- color: string;
23
- fontWeight: string;
24
- };
25
- focus: {
26
- color: string;
27
- boxShadow: string;
28
- transform: string;
29
- };
30
- hover: {
31
- color: string;
32
- transition: string;
33
- };
34
- };
35
- };
36
- export default navigation;
@@ -1,2 +0,0 @@
1
- declare const _default: import("vite").UserConfig;
2
- export default _default;