@manamerge/mana-atomic-ui 1.0.238 → 1.0.240

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 (8) hide show
  1. package/dist/index.js +7 -3
  2. package/dist/index.js.map +1 -1
  3. package/dist/themes/themes/manamerge/atoms/link.ts +28 -0
  4. package/dist/themes/themes/manamerge/molecules/cardTeaser.ts +1 -1
  5. package/dist/themes/themes/manamerge/molecules/navigation.ts +1 -1
  6. package/dist/types/themes/ManamergeTheme.d.ts +28 -0
  7. package/dist/types/themes/manamerge/atoms/link.d.ts +28 -0
  8. package/package.json +1 -1
package/dist/themes/themes/manamerge/atoms/link.ts CHANGED
@@ -11,6 +11,10 @@ const Link = {
11
11
  hover: {
12
12
  color: colors.one.b
13
13
  },
14
+ focusVisible: {
15
+ outline: `2px solid ${colors.two.b}`,
16
+ outlineOffset: "4px"
17
+ },
14
18
  disabled: {
15
19
  color: colors.one.e
16
20
  }
@@ -24,6 +28,10 @@ const Link = {
24
28
  hover: {
25
29
  color: colors.one.b
26
30
  },
31
+ focusVisible: {
32
+ outline: `2px solid ${colors.two.b}`,
33
+ outlineOffset: "4px"
34
+ },
27
35
  disabled: {
28
36
  color: colors.one.e
29
37
  }
@@ -37,6 +45,10 @@ const Link = {
37
45
  hover: {
38
46
  color: colors.one.b
39
47
  },
48
+ focusVisible: {
49
+ outline: `2px solid ${colors.two.b}`,
50
+ outlineOffset: "4px"
51
+ },
40
52
  disabled: {
41
53
  color: colors.one.e
42
54
  }
@@ -50,6 +62,10 @@ const Link = {
50
62
  hover: {
51
63
  color: colors.one.b
52
64
  },
65
+ focusVisible: {
66
+ outline: `2px solid ${colors.two.b}`,
67
+ outlineOffset: "4px"
68
+ },
53
69
  disabled: {
54
70
  color: colors.one.e
55
71
  }
@@ -63,6 +79,10 @@ const Link = {
63
79
  hover: {
64
80
  color: colors.one.b
65
81
  },
82
+ focusVisible: {
83
+ outline: `2px solid ${colors.two.b}`,
84
+ outlineOffset: "4px"
85
+ },
66
86
  disabled: {
67
87
  color: colors.one.e
68
88
  }
@@ -76,6 +96,10 @@ const Link = {
76
96
  hover: {
77
97
  color: colors.two.a
78
98
  },
99
+ focusVisible: {
100
+ outline: `2px solid ${colors.two.b}`,
101
+ outlineOffset: "4px"
102
+ },
79
103
  disabled: {
80
104
  color: colors.one.e
81
105
  }
@@ -90,6 +114,10 @@ const Link = {
90
114
  hover: {
91
115
  color: colors.two.a
92
116
  },
117
+ focusVisible: {
118
+ outline: `2px solid ${colors.two.b}`,
119
+ outlineOffset: "4px"
120
+ },
93
121
  disabled: {
94
122
  color: colors.one.e
95
123
  }
package/dist/themes/themes/manamerge/molecules/cardTeaser.ts CHANGED
@@ -6,7 +6,7 @@ const cardTeaser = {
6
6
  borderRadius: "25px",
7
7
  maxWidth: "850px",
8
8
  text: {
9
- variant: "primary-regular",
9
+ variant: "primary-light",
10
10
  margin: " 8px 0"
11
11
  },
12
12
  icon: {
package/dist/themes/themes/manamerge/molecules/navigation.ts CHANGED
@@ -50,7 +50,7 @@ const navigation = {
50
50
  largeMobileUp: {
51
51
  gap: "50px",
52
52
  justifyContent: "flex-end", // change here if you want the menu to aligned on the left/center/right
53
- margin: "0 30px 0 0"
53
+ margin: "0 40px 0 0"
54
54
  }
55
55
  }
56
56
  }
package/dist/types/themes/ManamergeTheme.d.ts CHANGED
@@ -10,6 +10,10 @@ export declare const ManamergeTheme: {
10
10
  hover: {
11
11
  color: string;
12
12
  };
13
+ focusVisible: {
14
+ outline: string;
15
+ outlineOffset: string;
16
+ };
13
17
  disabled: {
14
18
  color: string;
15
19
  };
@@ -23,6 +27,10 @@ export declare const ManamergeTheme: {
23
27
  hover: {
24
28
  color: string;
25
29
  };
30
+ focusVisible: {
31
+ outline: string;
32
+ outlineOffset: string;
33
+ };
26
34
  disabled: {
27
35
  color: string;
28
36
  };
@@ -36,6 +44,10 @@ export declare const ManamergeTheme: {
36
44
  hover: {
37
45
  color: string;
38
46
  };
47
+ focusVisible: {
48
+ outline: string;
49
+ outlineOffset: string;
50
+ };
39
51
  disabled: {
40
52
  color: string;
41
53
  };
@@ -49,6 +61,10 @@ export declare const ManamergeTheme: {
49
61
  hover: {
50
62
  color: string;
51
63
  };
64
+ focusVisible: {
65
+ outline: string;
66
+ outlineOffset: string;
67
+ };
52
68
  disabled: {
53
69
  color: string;
54
70
  };
@@ -62,6 +78,10 @@ export declare const ManamergeTheme: {
62
78
  hover: {
63
79
  color: string;
64
80
  };
81
+ focusVisible: {
82
+ outline: string;
83
+ outlineOffset: string;
84
+ };
65
85
  disabled: {
66
86
  color: string;
67
87
  };
@@ -75,6 +95,10 @@ export declare const ManamergeTheme: {
75
95
  hover: {
76
96
  color: string;
77
97
  };
98
+ focusVisible: {
99
+ outline: string;
100
+ outlineOffset: string;
101
+ };
78
102
  disabled: {
79
103
  color: string;
80
104
  };
@@ -89,6 +113,10 @@ export declare const ManamergeTheme: {
89
113
  hover: {
90
114
  color: string;
91
115
  };
116
+ focusVisible: {
117
+ outline: string;
118
+ outlineOffset: string;
119
+ };
92
120
  disabled: {
93
121
  color: string;
94
122
  };
package/dist/types/themes/manamerge/atoms/link.d.ts CHANGED
@@ -8,6 +8,10 @@ declare const Link: {
8
8
  hover: {
9
9
  color: string;
10
10
  };
11
+ focusVisible: {
12
+ outline: string;
13
+ outlineOffset: string;
14
+ };
11
15
  disabled: {
12
16
  color: string;
13
17
  };
@@ -21,6 +25,10 @@ declare const Link: {
21
25
  hover: {
22
26
  color: string;
23
27
  };
28
+ focusVisible: {
29
+ outline: string;
30
+ outlineOffset: string;
31
+ };
24
32
  disabled: {
25
33
  color: string;
26
34
  };
@@ -34,6 +42,10 @@ declare const Link: {
34
42
  hover: {
35
43
  color: string;
36
44
  };
45
+ focusVisible: {
46
+ outline: string;
47
+ outlineOffset: string;
48
+ };
37
49
  disabled: {
38
50
  color: string;
39
51
  };
@@ -47,6 +59,10 @@ declare const Link: {
47
59
  hover: {
48
60
  color: string;
49
61
  };
62
+ focusVisible: {
63
+ outline: string;
64
+ outlineOffset: string;
65
+ };
50
66
  disabled: {
51
67
  color: string;
52
68
  };
@@ -60,6 +76,10 @@ declare const Link: {
60
76
  hover: {
61
77
  color: string;
62
78
  };
79
+ focusVisible: {
80
+ outline: string;
81
+ outlineOffset: string;
82
+ };
63
83
  disabled: {
64
84
  color: string;
65
85
  };
@@ -73,6 +93,10 @@ declare const Link: {
73
93
  hover: {
74
94
  color: string;
75
95
  };
96
+ focusVisible: {
97
+ outline: string;
98
+ outlineOffset: string;
99
+ };
76
100
  disabled: {
77
101
  color: string;
78
102
  };
@@ -87,6 +111,10 @@ declare const Link: {
87
111
  hover: {
88
112
  color: string;
89
113
  };
114
+ focusVisible: {
115
+ outline: string;
116
+ outlineOffset: string;
117
+ };
90
118
  disabled: {
91
119
  color: string;
92
120
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@manamerge/mana-atomic-ui",
3
- "version": "1.0.238",
3
+ "version": "1.0.240",
4
4
  "description": "Mana Merge design system",
5
5
  "license": "ISC",
6
6
  "author": "MM",