@narmi/design_system 6.2.10 → 6.3.0
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/style.css +1 -1
- package/dist/style.css.map +1 -1
- package/dist/tokens/css/rgbColors.css +14 -4
- package/dist/tokens/css/rgbColors.scss +14 -4
- package/dist/tokens/css/tokens.css +57 -19
- package/dist/tokens/css/tokens.scss +57 -19
- package/dist/tokens/js/colors.esm.js +14 -4
- package/dist/tokens/js/colors.js +14 -4
- package/dist/tokens/js/manifest.esm.js +53 -11
- package/dist/tokens/js/manifest.js +53 -11
- package/dist/tokens/js/reactNativeWeb.js +60 -18
- package/dist/tokens/json/tokens.json +59 -17
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* DO NOT EDIT
|
|
3
|
-
* Generated by style-dictionary on
|
|
3
|
+
* Generated by style-dictionary on Thu Mar 26 2026 20:12:27 GMT+0000 (Coordinated Universal Time)
|
|
4
4
|
* github.com/narmi/design_system/
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -14,8 +14,9 @@ export const border = {
|
|
|
14
14
|
"radius": {
|
|
15
15
|
"s": "4px",
|
|
16
16
|
"m": "8px",
|
|
17
|
-
"l": "
|
|
18
|
-
"
|
|
17
|
+
"l": "12px",
|
|
18
|
+
"xl": "20px",
|
|
19
|
+
"default": "12px"
|
|
19
20
|
},
|
|
20
21
|
"size": {
|
|
21
22
|
"s": "1px",
|
|
@@ -39,6 +40,18 @@ export const color = {
|
|
|
39
40
|
"scrimLight": "rgba(255, 255, 255, 0.85)",
|
|
40
41
|
"scrimDark": "rgba(80, 80, 80, 0.7)"
|
|
41
42
|
},
|
|
43
|
+
"grey": {
|
|
44
|
+
"snowGrey": "#fbfbfb",
|
|
45
|
+
"neutralGrey": "#f9f9f9",
|
|
46
|
+
"blueGrey": "#f4f6fa",
|
|
47
|
+
"smokeGrey": "#f3f3f3",
|
|
48
|
+
"cloudGrey": "#e9e9e9",
|
|
49
|
+
"lightGrey": "#d9d9d9",
|
|
50
|
+
"mediumGrey": "#6c6c6c",
|
|
51
|
+
"darkGrey": "#4c4c4c",
|
|
52
|
+
"black": "#333333",
|
|
53
|
+
"white": "#ffffff"
|
|
54
|
+
},
|
|
42
55
|
"narmi": {
|
|
43
56
|
"moss100": "#002921",
|
|
44
57
|
"moss200": "#0f3c32",
|
|
@@ -105,8 +118,8 @@ export const color = {
|
|
|
105
118
|
"sand": "#dcc1a3",
|
|
106
119
|
"amethyst": "#5514b8",
|
|
107
120
|
"black": "#333333",
|
|
108
|
-
"grey": "#
|
|
109
|
-
"mediumGrey": "#
|
|
121
|
+
"grey": "#6c6c6c",
|
|
122
|
+
"mediumGrey": "#6c6c6c",
|
|
110
123
|
"lightGrey": "#d9d9d9",
|
|
111
124
|
"white": "#ffffff"
|
|
112
125
|
},
|
|
@@ -114,7 +127,7 @@ export const color = {
|
|
|
114
127
|
"successDark": "#027a48",
|
|
115
128
|
"successLight": "#ecfdf3",
|
|
116
129
|
"warnDark": "#b54708",
|
|
117
|
-
"warnLight": "#
|
|
130
|
+
"warnLight": "#fef8e3",
|
|
118
131
|
"infoDark": "#195274",
|
|
119
132
|
"infoLight": "#e8eef1",
|
|
120
133
|
"errorDark": "#b42318",
|
|
@@ -130,20 +143,45 @@ export const color = {
|
|
|
130
143
|
export const font = {
|
|
131
144
|
"color": {
|
|
132
145
|
"heading": "#333333",
|
|
133
|
-
"
|
|
146
|
+
"heading0": "#333333",
|
|
147
|
+
"heading1": "#333333",
|
|
148
|
+
"heading2": "#333333",
|
|
149
|
+
"heading3": "#333333",
|
|
150
|
+
"primary": "#333333",
|
|
134
151
|
"secondary": "#6c6c6c",
|
|
135
152
|
"hint": "#d9d9d9"
|
|
136
153
|
},
|
|
137
154
|
"family": {
|
|
138
155
|
"heading": "'Narmi Matiere', serif",
|
|
156
|
+
"heading0": "'Narmi Matiere', serif",
|
|
157
|
+
"heading1": "Mulish, Helvetica, sans-serif",
|
|
158
|
+
"heading2": "Mulish, Helvetica, sans-serif",
|
|
159
|
+
"heading3": "Mulish, Helvetica, sans-serif",
|
|
139
160
|
"body": "Mulish, Helvetica, sans-serif",
|
|
140
161
|
"default": "Mulish, Helvetica, sans-serif"
|
|
141
162
|
},
|
|
163
|
+
"letterSpacing": {
|
|
164
|
+
"trackingTighter": "-0.08",
|
|
165
|
+
"trackingTight": "-0.04",
|
|
166
|
+
"trackingNormal": "0",
|
|
167
|
+
"trackingWide": "0.4",
|
|
168
|
+
"trackingWider": "0.8",
|
|
169
|
+
"trackingWidest": "1.6",
|
|
170
|
+
"heading0": "0",
|
|
171
|
+
"heading1": "0",
|
|
172
|
+
"heading2": "0",
|
|
173
|
+
"heading3": "0",
|
|
174
|
+
"default": "0"
|
|
175
|
+
},
|
|
142
176
|
"lineHeight": {
|
|
143
177
|
"smallText": "1.6",
|
|
144
178
|
"bodyText": "1.25",
|
|
145
179
|
"bigText": "1.1",
|
|
146
|
-
"default": "1.25"
|
|
180
|
+
"default": "1.25",
|
|
181
|
+
"heading0": "1.1",
|
|
182
|
+
"heading1": "1.1",
|
|
183
|
+
"heading2": "1.1",
|
|
184
|
+
"heading3": "1.25"
|
|
147
185
|
},
|
|
148
186
|
"size": {
|
|
149
187
|
"xxs": "10px",
|
|
@@ -152,10 +190,10 @@ export const font = {
|
|
|
152
190
|
"m": "16px",
|
|
153
191
|
"l": "18px",
|
|
154
192
|
"xl": "20px",
|
|
155
|
-
"heading0": "40px",
|
|
156
|
-
"heading1": "32px",
|
|
157
|
-
"heading2": "28px",
|
|
158
193
|
"heading3": "24px",
|
|
194
|
+
"heading2": "28px",
|
|
195
|
+
"heading1": "32px",
|
|
196
|
+
"heading0": "40px",
|
|
159
197
|
"default": "16px"
|
|
160
198
|
},
|
|
161
199
|
"weight": {
|
|
@@ -163,6 +201,10 @@ export const font = {
|
|
|
163
201
|
"normal": "400",
|
|
164
202
|
"semibold": "600",
|
|
165
203
|
"bold": "700",
|
|
204
|
+
"heading0": "700",
|
|
205
|
+
"heading1": "700",
|
|
206
|
+
"heading2": "700",
|
|
207
|
+
"heading3": "600",
|
|
166
208
|
"default": "400"
|
|
167
209
|
}
|
|
168
210
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* DO NOT EDIT
|
|
3
|
-
* Generated by style-dictionary on
|
|
3
|
+
* Generated by style-dictionary on Thu Mar 26 2026 20:12:27 GMT+0000 (Coordinated Universal Time)
|
|
4
4
|
* github.com/narmi/design_system/
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -15,8 +15,9 @@ const tokens = {
|
|
|
15
15
|
"radius": {
|
|
16
16
|
"s": "4px",
|
|
17
17
|
"m": "8px",
|
|
18
|
-
"l": "
|
|
19
|
-
"
|
|
18
|
+
"l": "12px",
|
|
19
|
+
"xl": "20px",
|
|
20
|
+
"default": "12px"
|
|
20
21
|
},
|
|
21
22
|
"size": {
|
|
22
23
|
"s": "1px",
|
|
@@ -40,6 +41,18 @@ const tokens = {
|
|
|
40
41
|
"scrimLight": "rgba(255, 255, 255, 0.85)",
|
|
41
42
|
"scrimDark": "rgba(80, 80, 80, 0.7)"
|
|
42
43
|
},
|
|
44
|
+
"grey": {
|
|
45
|
+
"snowGrey": "#fbfbfb",
|
|
46
|
+
"neutralGrey": "#f9f9f9",
|
|
47
|
+
"blueGrey": "#f4f6fa",
|
|
48
|
+
"smokeGrey": "#f3f3f3",
|
|
49
|
+
"cloudGrey": "#e9e9e9",
|
|
50
|
+
"lightGrey": "#d9d9d9",
|
|
51
|
+
"mediumGrey": "#6c6c6c",
|
|
52
|
+
"darkGrey": "#4c4c4c",
|
|
53
|
+
"black": "#333333",
|
|
54
|
+
"white": "#ffffff"
|
|
55
|
+
},
|
|
43
56
|
"narmi": {
|
|
44
57
|
"moss100": "#002921",
|
|
45
58
|
"moss200": "#0f3c32",
|
|
@@ -106,8 +119,8 @@ const tokens = {
|
|
|
106
119
|
"sand": "#dcc1a3",
|
|
107
120
|
"amethyst": "#5514b8",
|
|
108
121
|
"black": "#333333",
|
|
109
|
-
"grey": "#
|
|
110
|
-
"mediumGrey": "#
|
|
122
|
+
"grey": "#6c6c6c",
|
|
123
|
+
"mediumGrey": "#6c6c6c",
|
|
111
124
|
"lightGrey": "#d9d9d9",
|
|
112
125
|
"white": "#ffffff"
|
|
113
126
|
},
|
|
@@ -115,7 +128,7 @@ const tokens = {
|
|
|
115
128
|
"successDark": "#027a48",
|
|
116
129
|
"successLight": "#ecfdf3",
|
|
117
130
|
"warnDark": "#b54708",
|
|
118
|
-
"warnLight": "#
|
|
131
|
+
"warnLight": "#fef8e3",
|
|
119
132
|
"infoDark": "#195274",
|
|
120
133
|
"infoLight": "#e8eef1",
|
|
121
134
|
"errorDark": "#b42318",
|
|
@@ -131,20 +144,45 @@ const tokens = {
|
|
|
131
144
|
"font": {
|
|
132
145
|
"color": {
|
|
133
146
|
"heading": "#333333",
|
|
134
|
-
"
|
|
147
|
+
"heading0": "#333333",
|
|
148
|
+
"heading1": "#333333",
|
|
149
|
+
"heading2": "#333333",
|
|
150
|
+
"heading3": "#333333",
|
|
151
|
+
"primary": "#333333",
|
|
135
152
|
"secondary": "#6c6c6c",
|
|
136
153
|
"hint": "#d9d9d9"
|
|
137
154
|
},
|
|
138
155
|
"family": {
|
|
139
156
|
"heading": "'Narmi Matiere', serif",
|
|
157
|
+
"heading0": "'Narmi Matiere', serif",
|
|
158
|
+
"heading1": "Mulish, Helvetica, sans-serif",
|
|
159
|
+
"heading2": "Mulish, Helvetica, sans-serif",
|
|
160
|
+
"heading3": "Mulish, Helvetica, sans-serif",
|
|
140
161
|
"body": "Mulish, Helvetica, sans-serif",
|
|
141
162
|
"default": "Mulish, Helvetica, sans-serif"
|
|
142
163
|
},
|
|
164
|
+
"letterSpacing": {
|
|
165
|
+
"trackingTighter": "-0.08",
|
|
166
|
+
"trackingTight": "-0.04",
|
|
167
|
+
"trackingNormal": "0",
|
|
168
|
+
"trackingWide": "0.4",
|
|
169
|
+
"trackingWider": "0.8",
|
|
170
|
+
"trackingWidest": "1.6",
|
|
171
|
+
"heading0": "0",
|
|
172
|
+
"heading1": "0",
|
|
173
|
+
"heading2": "0",
|
|
174
|
+
"heading3": "0",
|
|
175
|
+
"default": "0"
|
|
176
|
+
},
|
|
143
177
|
"lineHeight": {
|
|
144
178
|
"smallText": "1.6",
|
|
145
179
|
"bodyText": "1.25",
|
|
146
180
|
"bigText": "1.1",
|
|
147
|
-
"default": "1.25"
|
|
181
|
+
"default": "1.25",
|
|
182
|
+
"heading0": "1.1",
|
|
183
|
+
"heading1": "1.1",
|
|
184
|
+
"heading2": "1.1",
|
|
185
|
+
"heading3": "1.25"
|
|
148
186
|
},
|
|
149
187
|
"size": {
|
|
150
188
|
"xxs": "10px",
|
|
@@ -153,10 +191,10 @@ const tokens = {
|
|
|
153
191
|
"m": "16px",
|
|
154
192
|
"l": "18px",
|
|
155
193
|
"xl": "20px",
|
|
156
|
-
"heading0": "40px",
|
|
157
|
-
"heading1": "32px",
|
|
158
|
-
"heading2": "28px",
|
|
159
194
|
"heading3": "24px",
|
|
195
|
+
"heading2": "28px",
|
|
196
|
+
"heading1": "32px",
|
|
197
|
+
"heading0": "40px",
|
|
160
198
|
"default": "16px"
|
|
161
199
|
},
|
|
162
200
|
"weight": {
|
|
@@ -164,6 +202,10 @@ const tokens = {
|
|
|
164
202
|
"normal": "400",
|
|
165
203
|
"semibold": "600",
|
|
166
204
|
"bold": "700",
|
|
205
|
+
"heading0": "700",
|
|
206
|
+
"heading1": "700",
|
|
207
|
+
"heading2": "700",
|
|
208
|
+
"heading3": "600",
|
|
167
209
|
"default": "400"
|
|
168
210
|
}
|
|
169
211
|
},
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* DO NOT EDIT
|
|
3
|
-
* Generated by style-dictionary on
|
|
3
|
+
* Generated by style-dictionary on Thu Mar 26 2026 20:12:28 GMT+0000 (Coordinated Universal Time)
|
|
4
4
|
* github.com/narmi/design_system/
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -9,14 +9,15 @@ const tokens = {
|
|
|
9
9
|
"border": {
|
|
10
10
|
"color": {
|
|
11
11
|
"primary": "#1A4338",
|
|
12
|
-
"light": "#
|
|
13
|
-
"default": "#
|
|
12
|
+
"light": "#d9d9d9",
|
|
13
|
+
"default": "#d9d9d9"
|
|
14
14
|
},
|
|
15
15
|
"radius": {
|
|
16
16
|
"s": 4,
|
|
17
17
|
"m": 8,
|
|
18
|
-
"l":
|
|
19
|
-
"
|
|
18
|
+
"l": 12,
|
|
19
|
+
"xl": 20,
|
|
20
|
+
"default": 12
|
|
20
21
|
},
|
|
21
22
|
"size": {
|
|
22
23
|
"s": 1,
|
|
@@ -36,10 +37,22 @@ const tokens = {
|
|
|
36
37
|
"neutralGrey": "#F9F9F9",
|
|
37
38
|
"smokeGrey": "#F3F3F3",
|
|
38
39
|
"snowGrey": "#FBFBFB",
|
|
39
|
-
"white": "#
|
|
40
|
+
"white": "#ffffff",
|
|
40
41
|
"scrimLight": "rgba(255, 255, 255, 0.85)",
|
|
41
42
|
"scrimDark": "rgba(80, 80, 80, 0.7)"
|
|
42
43
|
},
|
|
44
|
+
"grey": {
|
|
45
|
+
"snowGrey": "#fbfbfb",
|
|
46
|
+
"neutralGrey": "#f9f9f9",
|
|
47
|
+
"blueGrey": "#F4F6FA",
|
|
48
|
+
"smokeGrey": "#f3f3f3",
|
|
49
|
+
"cloudGrey": "#e9e9e9",
|
|
50
|
+
"lightGrey": "#d9d9d9",
|
|
51
|
+
"mediumGrey": "#6c6c6c",
|
|
52
|
+
"darkGrey": "#4c4c4c",
|
|
53
|
+
"black": "#333333",
|
|
54
|
+
"white": "#ffffff"
|
|
55
|
+
},
|
|
43
56
|
"narmi": {
|
|
44
57
|
"moss100": "#002921",
|
|
45
58
|
"moss200": "#0F3C32",
|
|
@@ -106,20 +119,20 @@ const tokens = {
|
|
|
106
119
|
"sand": "#DCC1A3",
|
|
107
120
|
"amethyst": "#5514B8",
|
|
108
121
|
"black": "#333333",
|
|
109
|
-
"grey": "#
|
|
110
|
-
"mediumGrey": "#
|
|
111
|
-
"lightGrey": "#
|
|
112
|
-
"white": "#
|
|
122
|
+
"grey": "#6c6c6c",
|
|
123
|
+
"mediumGrey": "#6c6c6c",
|
|
124
|
+
"lightGrey": "#d9d9d9",
|
|
125
|
+
"white": "#ffffff"
|
|
113
126
|
},
|
|
114
127
|
"system": {
|
|
115
128
|
"successDark": "#027A48",
|
|
116
129
|
"successLight": "#ECFDF3",
|
|
117
130
|
"warnDark": "#B54708",
|
|
118
|
-
"warnLight": "#
|
|
131
|
+
"warnLight": "#FEF8E3",
|
|
119
132
|
"infoDark": "#195274",
|
|
120
133
|
"infoLight": "#E8EEF1",
|
|
121
134
|
"errorDark": "#b42318",
|
|
122
|
-
"errorLight": "#
|
|
135
|
+
"errorLight": "#FEF3F2"
|
|
123
136
|
},
|
|
124
137
|
"theme": {
|
|
125
138
|
"primary": "#1A4338",
|
|
@@ -131,20 +144,45 @@ const tokens = {
|
|
|
131
144
|
"font": {
|
|
132
145
|
"color": {
|
|
133
146
|
"heading": "#333333",
|
|
134
|
-
"
|
|
147
|
+
"heading0": "#333333",
|
|
148
|
+
"heading1": "#333333",
|
|
149
|
+
"heading2": "#333333",
|
|
150
|
+
"heading3": "#333333",
|
|
151
|
+
"primary": "#333333",
|
|
135
152
|
"secondary": "#6c6c6c",
|
|
136
|
-
"hint": "#
|
|
153
|
+
"hint": "#d9d9d9"
|
|
137
154
|
},
|
|
138
155
|
"family": {
|
|
139
156
|
"heading": "'Narmi Matiere', serif",
|
|
157
|
+
"heading0": "'Narmi Matiere', serif",
|
|
158
|
+
"heading1": "Mulish, Helvetica, sans-serif",
|
|
159
|
+
"heading2": "Mulish, Helvetica, sans-serif",
|
|
160
|
+
"heading3": "Mulish, Helvetica, sans-serif",
|
|
140
161
|
"body": "Mulish, Helvetica, sans-serif",
|
|
141
162
|
"default": "Mulish, Helvetica, sans-serif"
|
|
142
163
|
},
|
|
164
|
+
"letterSpacing": {
|
|
165
|
+
"trackingTighter": "-0.08",
|
|
166
|
+
"trackingTight": "-0.04",
|
|
167
|
+
"trackingNormal": "0",
|
|
168
|
+
"trackingWide": "0.4",
|
|
169
|
+
"trackingWider": "0.8",
|
|
170
|
+
"trackingWidest": "1.6",
|
|
171
|
+
"heading0": "0",
|
|
172
|
+
"heading1": "0",
|
|
173
|
+
"heading2": "0",
|
|
174
|
+
"heading3": "0",
|
|
175
|
+
"default": "0"
|
|
176
|
+
},
|
|
143
177
|
"lineHeight": {
|
|
144
178
|
"smallText": 1.6,
|
|
145
179
|
"bodyText": 1.25,
|
|
146
180
|
"bigText": 1.1,
|
|
147
|
-
"default": 1.25
|
|
181
|
+
"default": 1.25,
|
|
182
|
+
"heading0": 1.1,
|
|
183
|
+
"heading1": 1.1,
|
|
184
|
+
"heading2": 1.1,
|
|
185
|
+
"heading3": 1.25
|
|
148
186
|
},
|
|
149
187
|
"size": {
|
|
150
188
|
"xxs": 10,
|
|
@@ -153,10 +191,10 @@ const tokens = {
|
|
|
153
191
|
"m": 16,
|
|
154
192
|
"l": 18,
|
|
155
193
|
"xl": 20,
|
|
156
|
-
"heading0": 40,
|
|
157
|
-
"heading1": 32,
|
|
158
|
-
"heading2": 28,
|
|
159
194
|
"heading3": 24,
|
|
195
|
+
"heading2": 28,
|
|
196
|
+
"heading1": 32,
|
|
197
|
+
"heading0": 40,
|
|
160
198
|
"default": 16
|
|
161
199
|
},
|
|
162
200
|
"weight": {
|
|
@@ -164,6 +202,10 @@ const tokens = {
|
|
|
164
202
|
"normal": "400",
|
|
165
203
|
"semibold": "600",
|
|
166
204
|
"bold": "700",
|
|
205
|
+
"heading0": "700",
|
|
206
|
+
"heading1": "700",
|
|
207
|
+
"heading2": "700",
|
|
208
|
+
"heading3": "600",
|
|
167
209
|
"default": "400"
|
|
168
210
|
}
|
|
169
211
|
},
|
|
@@ -2,14 +2,15 @@
|
|
|
2
2
|
"border": {
|
|
3
3
|
"color": {
|
|
4
4
|
"primary": "#1A4338",
|
|
5
|
-
"light": "#
|
|
6
|
-
"default": "#
|
|
5
|
+
"light": "#d9d9d9",
|
|
6
|
+
"default": "#d9d9d9"
|
|
7
7
|
},
|
|
8
8
|
"radius": {
|
|
9
9
|
"s": "4px",
|
|
10
10
|
"m": "8px",
|
|
11
|
-
"l": "
|
|
12
|
-
"
|
|
11
|
+
"l": "12px",
|
|
12
|
+
"xl": "20px",
|
|
13
|
+
"default": "12px"
|
|
13
14
|
},
|
|
14
15
|
"size": {
|
|
15
16
|
"s": "1px",
|
|
@@ -29,10 +30,22 @@
|
|
|
29
30
|
"neutralGrey": "#F9F9F9",
|
|
30
31
|
"smokeGrey": "#F3F3F3",
|
|
31
32
|
"snowGrey": "#FBFBFB",
|
|
32
|
-
"white": "#
|
|
33
|
+
"white": "#ffffff",
|
|
33
34
|
"scrimLight": "rgba(255, 255, 255, 0.85)",
|
|
34
35
|
"scrimDark": "rgba(80, 80, 80, 0.7)"
|
|
35
36
|
},
|
|
37
|
+
"grey": {
|
|
38
|
+
"snowGrey": "#fbfbfb",
|
|
39
|
+
"neutralGrey": "#f9f9f9",
|
|
40
|
+
"blueGrey": "#F4F6FA",
|
|
41
|
+
"smokeGrey": "#f3f3f3",
|
|
42
|
+
"cloudGrey": "#e9e9e9",
|
|
43
|
+
"lightGrey": "#d9d9d9",
|
|
44
|
+
"mediumGrey": "#6c6c6c",
|
|
45
|
+
"darkGrey": "#4c4c4c",
|
|
46
|
+
"black": "#333333",
|
|
47
|
+
"white": "#ffffff"
|
|
48
|
+
},
|
|
36
49
|
"narmi": {
|
|
37
50
|
"moss100": "#002921",
|
|
38
51
|
"moss200": "#0F3C32",
|
|
@@ -99,20 +112,20 @@
|
|
|
99
112
|
"sand": "#DCC1A3",
|
|
100
113
|
"amethyst": "#5514B8",
|
|
101
114
|
"black": "#333333",
|
|
102
|
-
"grey": "#
|
|
103
|
-
"mediumGrey": "#
|
|
104
|
-
"lightGrey": "#
|
|
105
|
-
"white": "#
|
|
115
|
+
"grey": "#6c6c6c",
|
|
116
|
+
"mediumGrey": "#6c6c6c",
|
|
117
|
+
"lightGrey": "#d9d9d9",
|
|
118
|
+
"white": "#ffffff"
|
|
106
119
|
},
|
|
107
120
|
"system": {
|
|
108
121
|
"successDark": "#027A48",
|
|
109
122
|
"successLight": "#ECFDF3",
|
|
110
123
|
"warnDark": "#B54708",
|
|
111
|
-
"warnLight": "#
|
|
124
|
+
"warnLight": "#FEF8E3",
|
|
112
125
|
"infoDark": "#195274",
|
|
113
126
|
"infoLight": "#E8EEF1",
|
|
114
127
|
"errorDark": "#b42318",
|
|
115
|
-
"errorLight": "#
|
|
128
|
+
"errorLight": "#FEF3F2"
|
|
116
129
|
},
|
|
117
130
|
"theme": {
|
|
118
131
|
"primary": "#1A4338",
|
|
@@ -124,20 +137,45 @@
|
|
|
124
137
|
"font": {
|
|
125
138
|
"color": {
|
|
126
139
|
"heading": "#333333",
|
|
127
|
-
"
|
|
140
|
+
"heading0": "#333333",
|
|
141
|
+
"heading1": "#333333",
|
|
142
|
+
"heading2": "#333333",
|
|
143
|
+
"heading3": "#333333",
|
|
144
|
+
"primary": "#333333",
|
|
128
145
|
"secondary": "#6c6c6c",
|
|
129
|
-
"hint": "#
|
|
146
|
+
"hint": "#d9d9d9"
|
|
130
147
|
},
|
|
131
148
|
"family": {
|
|
132
149
|
"heading": "'Narmi Matiere', serif",
|
|
150
|
+
"heading0": "'Narmi Matiere', serif",
|
|
151
|
+
"heading1": "Mulish, Helvetica, sans-serif",
|
|
152
|
+
"heading2": "Mulish, Helvetica, sans-serif",
|
|
153
|
+
"heading3": "Mulish, Helvetica, sans-serif",
|
|
133
154
|
"body": "Mulish, Helvetica, sans-serif",
|
|
134
155
|
"default": "Mulish, Helvetica, sans-serif"
|
|
135
156
|
},
|
|
157
|
+
"letterSpacing": {
|
|
158
|
+
"trackingTighter": "-0.08",
|
|
159
|
+
"trackingTight": "-0.04",
|
|
160
|
+
"trackingNormal": "0",
|
|
161
|
+
"trackingWide": "0.4",
|
|
162
|
+
"trackingWider": "0.8",
|
|
163
|
+
"trackingWidest": "1.6",
|
|
164
|
+
"heading0": "0",
|
|
165
|
+
"heading1": "0",
|
|
166
|
+
"heading2": "0",
|
|
167
|
+
"heading3": "0",
|
|
168
|
+
"default": "0"
|
|
169
|
+
},
|
|
136
170
|
"lineHeight": {
|
|
137
171
|
"smallText": "1.6",
|
|
138
172
|
"bodyText": "1.25",
|
|
139
173
|
"bigText": "1.1",
|
|
140
|
-
"default": "1.25"
|
|
174
|
+
"default": "1.25",
|
|
175
|
+
"heading0": "1.1",
|
|
176
|
+
"heading1": "1.1",
|
|
177
|
+
"heading2": "1.1",
|
|
178
|
+
"heading3": "1.25"
|
|
141
179
|
},
|
|
142
180
|
"size": {
|
|
143
181
|
"xxs": "10px",
|
|
@@ -146,10 +184,10 @@
|
|
|
146
184
|
"m": "16px",
|
|
147
185
|
"l": "18px",
|
|
148
186
|
"xl": "20px",
|
|
149
|
-
"heading0": "40px",
|
|
150
|
-
"heading1": "32px",
|
|
151
|
-
"heading2": "28px",
|
|
152
187
|
"heading3": "24px",
|
|
188
|
+
"heading2": "28px",
|
|
189
|
+
"heading1": "32px",
|
|
190
|
+
"heading0": "40px",
|
|
153
191
|
"default": "16px"
|
|
154
192
|
},
|
|
155
193
|
"weight": {
|
|
@@ -157,6 +195,10 @@
|
|
|
157
195
|
"normal": "400",
|
|
158
196
|
"semibold": "600",
|
|
159
197
|
"bold": "700",
|
|
198
|
+
"heading0": "700",
|
|
199
|
+
"heading1": "700",
|
|
200
|
+
"heading2": "700",
|
|
201
|
+
"heading3": "600",
|
|
160
202
|
"default": "400"
|
|
161
203
|
}
|
|
162
204
|
},
|