@atom-learning/theme 6.0.0-beta.1 → 6.0.0-beta.10

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 (17) hide show
  1. package/lib/media.d.ts +8 -0
  2. package/lib/media.js +6 -0
  3. package/lib/theme-atom.css +13 -269
  4. package/lib/theme-atom.d.ts +40 -300
  5. package/lib/theme-atom.js +18 -282
  6. package/lib/theme-base.css +279 -0
  7. package/lib/theme-base.d.ts +559 -0
  8. package/lib/theme-base.js +555 -0
  9. package/lib/theme-quest-reports.css +13 -261
  10. package/lib/theme-quest-reports.d.ts +58 -300
  11. package/lib/theme-quest-reports.js +26 -272
  12. package/lib/theme-quest.css +13 -269
  13. package/lib/theme-quest.d.ts +40 -300
  14. package/lib/theme-quest.js +18 -282
  15. package/lib/themes.css +64 -0
  16. package/package.json +85 -11
  17. package/theme-map.js +0 -5
package/lib/theme-quest.d.ts CHANGED
@@ -1,301 +1,41 @@
1
- export type Theme = {
2
- "colors": {
3
- "textBold": string
4
- "textRegular": string
5
- "textSubtle": string
6
- "textMinimal": string
7
- "background": string
8
- "backgroundAccent": string
9
- "black": string
10
- "white": string
11
- "grey100": string
12
- "grey200": string
13
- "grey300": string
14
- "grey400": string
15
- "grey500": string
16
- "grey600": string
17
- "grey700": string
18
- "grey800": string
19
- "grey900": string
20
- "grey1000": string
21
- "grey1100": string
22
- "grey1200": string
23
- "blue100": string
24
- "blue200": string
25
- "blue300": string
26
- "blue400": string
27
- "blue500": string
28
- "blue600": string
29
- "blue700": string
30
- "blue800": string
31
- "blue900": string
32
- "blue1000": string
33
- "blue1100": string
34
- "blue1200": string
35
- "pink100": string
36
- "pink200": string
37
- "pink300": string
38
- "pink400": string
39
- "pink500": string
40
- "pink600": string
41
- "pink700": string
42
- "pink800": string
43
- "pink900": string
44
- "pink1000": string
45
- "pink1100": string
46
- "pink1200": string
47
- "purple100": string
48
- "purple200": string
49
- "purple300": string
50
- "purple400": string
51
- "purple500": string
52
- "purple600": string
53
- "purple700": string
54
- "purple800": string
55
- "purple900": string
56
- "purple1000": string
57
- "purple1100": string
58
- "purple1200": string
59
- "cyan100": string
60
- "cyan200": string
61
- "cyan300": string
62
- "cyan400": string
63
- "cyan500": string
64
- "cyan600": string
65
- "cyan700": string
66
- "cyan800": string
67
- "cyan900": string
68
- "cyan1000": string
69
- "cyan1100": string
70
- "cyan1200": string
71
- "green100": string
72
- "green200": string
73
- "green300": string
74
- "green400": string
75
- "green500": string
76
- "green600": string
77
- "green700": string
78
- "green800": string
79
- "green900": string
80
- "green1000": string
81
- "green1100": string
82
- "green1200": string
83
- "magenta100": string
84
- "magenta200": string
85
- "magenta300": string
86
- "magenta400": string
87
- "magenta500": string
88
- "magenta600": string
89
- "magenta700": string
90
- "magenta800": string
91
- "magenta900": string
92
- "magenta1000": string
93
- "magenta1100": string
94
- "magenta1200": string
95
- "red100": string
96
- "red200": string
97
- "red300": string
98
- "red400": string
99
- "red500": string
100
- "red600": string
101
- "red700": string
102
- "red800": string
103
- "red900": string
104
- "red1000": string
105
- "red1100": string
106
- "red1200": string
107
- "teal100": string
108
- "teal200": string
109
- "teal300": string
110
- "teal400": string
111
- "teal500": string
112
- "teal600": string
113
- "teal700": string
114
- "teal800": string
115
- "teal900": string
116
- "teal1000": string
117
- "teal1100": string
118
- "teal1200": string
119
- "orange100": string
120
- "orange200": string
121
- "orange300": string
122
- "orange400": string
123
- "orange500": string
124
- "orange600": string
125
- "orange700": string
126
- "orange800": string
127
- "orange900": string
128
- "orange1000": string
129
- "orange1100": string
130
- "orange1200": string
131
- "yellow100": string
132
- "yellow200": string
133
- "yellow300": string
134
- "yellow400": string
135
- "yellow500": string
136
- "yellow600": string
137
- "yellow700": string
138
- "yellow800": string
139
- "yellow900": string
140
- "yellow1000": string
141
- "yellow1100": string
142
- "yellow1200": string
143
- "lime100": string
144
- "lime200": string
145
- "lime300": string
146
- "lime400": string
147
- "lime500": string
148
- "lime600": string
149
- "lime700": string
150
- "lime800": string
151
- "lime900": string
152
- "lime1000": string
153
- "lime1100": string
154
- "lime1200": string
155
- "lapis100": string
156
- "lapis200": string
157
- "lapis300": string
158
- "lapis400": string
159
- "lapis500": string
160
- "lapis600": string
161
- "lapis700": string
162
- "lapis800": string
163
- "lapis900": string
164
- "lapis1000": string
165
- "lapis1100": string
166
- "lapis1200": string
167
- "maroon100": string
168
- "maroon200": string
169
- "maroon300": string
170
- "maroon400": string
171
- "maroon500": string
172
- "maroon600": string
173
- "maroon700": string
174
- "maroon800": string
175
- "maroon900": string
176
- "maroon1000": string
177
- "maroon1100": string
178
- "maroon1200": string
179
- "marsh100": string
180
- "marsh200": string
181
- "marsh300": string
182
- "marsh400": string
183
- "marsh500": string
184
- "marsh600": string
185
- "marsh700": string
186
- "marsh800": string
187
- "marsh900": string
188
- "marsh1000": string
189
- "marsh1100": string
190
- "marsh1200": string
191
- "alpha100": string
192
- "alpha150": string
193
- "alpha200": string
194
- "alpha250": string
195
- "alpha600": string
196
- "infoLight": string
197
- "info": string
198
- "infoMid": string
199
- "infoDark": string
200
- "successLight": string
201
- "success": string
202
- "successMid": string
203
- "successDark": string
204
- "dangerLight": string
205
- "danger": string
206
- "dangerMid": string
207
- "dangerDark": string
208
- "warningLight": string
209
- "warning": string
210
- "warningMid": string
211
- "warningDark": string
212
- "warningText": string
213
- "subjectEnglish": string
214
- "subjectMaths": string
215
- "subjectScience": string
216
- "subjectVerbalReasoning": string
217
- "subjectNonVerbalReasoning": string
218
- "subjectCreativeWriting": string
219
- "subjectExamSkills": string
220
- "subjectGcseEnglishLiterature": string
221
- "subjectGcseMaths": string
222
- "subjectGcseChemistry": string
223
- "subjectGcsePhysics": string
224
- "subjectGcseBiology": string
225
- "glBlueLight": string
226
- "glBluePrimary": string
227
- "glBlueDark": string
228
- "primary100": string
229
- "primary200": string
230
- "primary300": string
231
- "primary400": string
232
- "primary500": string
233
- "primary600": string
234
- "primary700": string
235
- "primary800": string
236
- "primary900": string
237
- "primary1000": string
238
- "primary1100": string
239
- "primary1200": string
240
- },
241
- "space": {
242
- "0": string
243
- "1": string
244
- "2": string
245
- "3": string
246
- "4": string
247
- "5": string
248
- "6": string
249
- "7": string
250
- "8": string
251
- "9": string
252
- "24": string
253
- },
254
- "fontSizes": {
255
- "xs": string
256
- "sm": string
257
- "md": string
258
- "lg": string
259
- "xl": string
260
- "2xl": string
261
- "3xl": string
262
- "4xl": string
263
- },
264
- "fonts": {
265
- "sans": string
266
- "mono": string
267
- "display": string
268
- "body": string
269
- },
270
- "sizes": {
271
- "0": string
272
- "1": string
273
- "2": string
274
- "3": string
275
- "4": string
276
- "5": string
277
- "6": string
278
- "7": string
279
- "8": string
280
- },
281
- "radii": {
282
- "sm": string
283
- "md": string
284
- "lg": string
285
- "xl": string
286
- "round": string
287
- },
288
- "shadows": {
289
- "sm": string
290
- "md": string
291
- "lg": string
292
- "xl": string
293
- },
294
- "ratios": {
295
- "16-9": string
296
- "3-2": string
297
- "4-3": string
298
- "1-1": string
299
- "3-4": string
1
+ export const theme: {
2
+ colors: {
3
+ primary100: "hsl(151, 70%, 96%)"
4
+ primary200: "hsl(151, 62%, 92%)"
5
+ primary300: "hsl(151, 53%, 83%)"
6
+ primary400: "hsl(151, 50%, 75%)"
7
+ primary500: "hsl(151, 46%, 64%)"
8
+ primary600: "hsl(158, 42%, 49%)"
9
+ primary700: "hsl(162, 51%, 35%)"
10
+ primary800: "hsl(162, 69%, 28%)"
11
+ primary900: "hsl(164, 100%, 15%)"
12
+ primary1000: "hsl(164, 100%, 13%)"
13
+ primary1100: "hsl(150, 34%, 15%)"
14
+ primary1200: "hsl(150, 30%, 9%)"
300
15
  }
301
- }
16
+ fonts: {
17
+ display: "\'DM Sans\', system-ui, -apple-system, \'Helvetica Neue\', sans-serif"
18
+ body: "\'Inter\', system-ui, -apple-system, \'Helvetica Neue\', sans-serif"
19
+ }
20
+ }
21
+
22
+ export type Theme = typeof theme
23
+
24
+ export const properties: {
25
+ '--color-primary-100': "hsl(151, 70%, 96%)"
26
+ '--color-primary-200': "hsl(151, 62%, 92%)"
27
+ '--color-primary-300': "hsl(151, 53%, 83%)"
28
+ '--color-primary-400': "hsl(151, 50%, 75%)"
29
+ '--color-primary-500': "hsl(151, 46%, 64%)"
30
+ '--color-primary-600': "hsl(158, 42%, 49%)"
31
+ '--color-primary-700': "hsl(162, 51%, 35%)"
32
+ '--color-primary-800': "hsl(162, 69%, 28%)"
33
+ '--color-primary-900': "hsl(164, 100%, 15%)"
34
+ '--color-primary-1000': "hsl(164, 100%, 13%)"
35
+ '--color-primary-1100': "hsl(150, 34%, 15%)"
36
+ '--color-primary-1200': "hsl(150, 30%, 9%)"
37
+ '--font-display': "\'DM Sans\', system-ui, -apple-system, \'Helvetica Neue\', sans-serif"
38
+ '--font-body': "\'Inter\', system-ui, -apple-system, \'Helvetica Neue\', sans-serif"
39
+ }
40
+
41
+ export type Properties = typeof properties
package/lib/theme-quest.js CHANGED
@@ -1,230 +1,5 @@
1
- module.exports = {
1
+ export const theme = {
2
2
  "colors": {
3
- "textBold": "hsl(0, 0%, 12%)",
4
- "textRegular": "hsl(0, 0%, 20%)",
5
- "textSubtle": "hsl(0, 0%, 33%)",
6
- "textMinimal": "hsl(0, 0%, 46%)",
7
- "background": "hsl(0, 0%, 96%)",
8
- "backgroundAccent": "hsl(215, 100%, 98%)",
9
- "black": "hsl(0, 0%, 0%)",
10
- "white": "hsl(0, 0%, 100%)",
11
- "grey100": "hsl(0, 0%, 96%)",
12
- "grey200": "hsl(0, 0%, 92%)",
13
- "grey300": "hsl(0, 0%, 88%)",
14
- "grey400": "hsl(0, 0%, 81%)",
15
- "grey500": "hsl(0, 0%, 73%)",
16
- "grey600": "hsl(0, 0%, 62%)",
17
- "grey700": "hsl(0, 0%, 46%)",
18
- "grey800": "hsl(0, 0%, 33%)",
19
- "grey900": "hsl(0, 0%, 20%)",
20
- "grey1000": "hsl(0, 0%, 12%)",
21
- "grey1100": "hsl(0, 0%, 10%)",
22
- "grey1200": "hsl(0, 0%, 6%)",
23
- "blue100": "hsl(215, 100%, 98%)",
24
- "blue200": "hsl(212, 100%, 95%)",
25
- "blue300": "hsl(211, 100%, 92%)",
26
- "blue400": "hsl(211, 100%, 88%)",
27
- "blue500": "hsl(212, 100%, 80%)",
28
- "blue600": "hsl(213, 100%, 71%)",
29
- "blue700": "hsl(214, 100%, 58%)",
30
- "blue800": "hsl(217, 92%, 51%)",
31
- "blue900": "hsl(223, 79%, 44%)",
32
- "blue1000": "hsl(228, 82%, 35%)",
33
- "blue1100": "hsl(228, 63%, 23%)",
34
- "blue1200": "hsl(227, 57%, 11%)",
35
- "pink100": "hsl(311, 100%, 98%)",
36
- "pink200": "hsl(310, 100%, 95%)",
37
- "pink300": "hsl(311, 100%, 90%)",
38
- "pink400": "hsl(313, 100%, 80%)",
39
- "pink500": "hsl(313, 83%, 72%)",
40
- "pink600": "hsl(315, 82%, 66%)",
41
- "pink700": "hsl(316, 63%, 56%)",
42
- "pink800": "hsl(317, 63%, 44%)",
43
- "pink900": "hsl(318, 63%, 37%)",
44
- "pink1000": "hsl(319, 55%, 33%)",
45
- "pink1100": "hsl(318, 98%, 16%)",
46
- "pink1200": "hsl(318, 97%, 12%)",
47
- "purple100": "hsl(246, 83%, 98%)",
48
- "purple200": "hsl(244, 74%, 95%)",
49
- "purple300": "hsl(246, 76%, 92%)",
50
- "purple400": "hsl(246, 74%, 85%)",
51
- "purple500": "hsl(249, 72%, 76%)",
52
- "purple600": "hsl(252, 70%, 66%)",
53
- "purple700": "hsl(256, 65%, 62%)",
54
- "purple800": "hsl(252, 51%, 51%)",
55
- "purple900": "hsl(257, 54%, 42%)",
56
- "purple1000": "hsl(257, 53%, 35%)",
57
- "purple1100": "hsl(255, 57%, 23%)",
58
- "purple1200": "hsl(255, 76%, 13%)",
59
- "cyan100": "hsl(198, 100%, 97%)",
60
- "cyan200": "hsl(199, 100%, 94%)",
61
- "cyan300": "hsl(201, 100%, 89%)",
62
- "cyan400": "hsl(200, 100%, 84%)",
63
- "cyan500": "hsl(201, 96%, 73%)",
64
- "cyan600": "hsl(202, 85%, 60%)",
65
- "cyan700": "hsl(204, 81%, 46%)",
66
- "cyan800": "hsl(205, 100%, 38%)",
67
- "cyan900": "hsl(206, 100%, 30%)",
68
- "cyan1000": "hsl(205, 100%, 21%)",
69
- "cyan1100": "hsl(206, 97%, 15%)",
70
- "cyan1200": "hsl(207, 73%, 9%)",
71
- "green100": "hsl(148, 93%, 94%)",
72
- "green200": "hsl(149, 95%, 91%)",
73
- "green300": "hsl(147, 87%, 85%)",
74
- "green400": "hsl(148, 84%, 70%)",
75
- "green500": "hsl(148, 75%, 54%)",
76
- "green600": "hsl(148, 77%, 45%)",
77
- "green700": "hsl(148, 84%, 36%)",
78
- "green800": "hsl(158, 79%, 29%)",
79
- "green900": "hsl(166, 71%, 24%)",
80
- "green1000": "hsl(166, 67%, 20%)",
81
- "green1100": "hsl(169, 88%, 10%)",
82
- "green1200": "hsl(155, 92%, 5%)",
83
- "magenta100": "hsl(330, 100%, 99%)",
84
- "magenta200": "hsl(329, 100%, 96%)",
85
- "magenta300": "hsl(332, 100%, 92%)",
86
- "magenta400": "hsl(333, 100%, 90%)",
87
- "magenta500": "hsl(333, 90%, 80%)",
88
- "magenta600": "hsl(333, 87%, 72%)",
89
- "magenta700": "hsl(333, 75%, 59%)",
90
- "magenta800": "hsl(333, 69%, 49%)",
91
- "magenta900": "hsl(333, 74%, 36%)",
92
- "magenta1000": "hsl(333, 86%, 25%)",
93
- "magenta1100": "hsl(333, 95%, 16%)",
94
- "magenta1200": "hsl(334, 62%, 10%)",
95
- "red100": "hsl(0, 100%, 99%)",
96
- "red200": "hsl(0, 100%, 96%)",
97
- "red300": "hsl(0, 100%, 96%)",
98
- "red400": "hsl(357, 100%, 93%)",
99
- "red500": "hsl(356, 96%, 83%)",
100
- "red600": "hsl(357, 90%, 73%)",
101
- "red700": "hsl(357, 80%, 59%)",
102
- "red800": "hsl(357, 76%, 49%)",
103
- "red900": "hsl(357, 73%, 37%)",
104
- "red1000": "hsl(357, 79%, 26%)",
105
- "red1100": "hsl(357, 91%, 17%)",
106
- "red1200": "hsl(357, 73%, 10%)",
107
- "teal100": "hsl(180, 83%, 95%)",
108
- "teal200": "hsl(180, 75%, 88%)",
109
- "teal300": "hsl(180, 71%, 78%)",
110
- "teal400": "hsl(179, 70%, 71%)",
111
- "teal500": "hsl(179, 65%, 52%)",
112
- "teal600": "hsl(179, 76%, 41%)",
113
- "teal700": "hsl(179, 91%, 31%)",
114
- "teal800": "hsl(178, 100%, 25%)",
115
- "teal900": "hsl(180, 100%, 18%)",
116
- "teal1000": "hsl(183, 100%, 13%)",
117
- "teal1100": "hsl(187, 92%, 10%)",
118
- "teal1200": "hsl(186, 56%, 7%)",
119
- "orange100": "hsl(45, 100%, 96%)",
120
- "orange200": "hsl(46, 100%, 89%)",
121
- "orange300": "hsl(46, 100%, 77%)",
122
- "orange400": "hsl(44, 100%, 65%)",
123
- "orange500": "hsl(41, 100%, 55%)",
124
- "orange600": "hsl(29, 100%, 55%)",
125
- "orange700": "hsl(35, 95%, 50%)",
126
- "orange800": "hsl(22, 94%, 54%)",
127
- "orange900": "hsl(22, 100%, 46%)",
128
- "orange1000": "hsl(20, 100%, 39%)",
129
- "orange1100": "hsl(18, 100%, 27%)",
130
- "orange1200": "hsl(18, 100%, 21%)",
131
- "yellow100": "hsl(53, 94%, 93%)",
132
- "yellow200": "hsl(54, 92%, 85%)",
133
- "yellow300": "hsl(54, 92%, 75%)",
134
- "yellow400": "hsl(52, 97%, 63%)",
135
- "yellow500": "hsl(51, 100%, 46%)",
136
- "yellow600": "hsl(49, 100%, 39%)",
137
- "yellow700": "hsl(48, 100%, 35%)",
138
- "yellow800": "hsl(46, 100%, 30%)",
139
- "yellow900": "hsl(44, 100%, 22%)",
140
- "yellow1000": "hsl(44, 100%, 18%)",
141
- "yellow1100": "hsl(41, 100%, 11%)",
142
- "yellow1200": "hsl(39, 100%, 8%)",
143
- "lime100": "hsl(73, 94%, 93%)",
144
- "lime200": "hsl(73, 94%, 87%)",
145
- "lime300": "hsl(73, 90%, 77%)",
146
- "lime400": "hsl(74, 82%, 69%)",
147
- "lime500": "hsl(74, 68%, 58%)",
148
- "lime600": "hsl(74, 77%, 41%)",
149
- "lime700": "hsl(75, 100%, 31%)",
150
- "lime800": "hsl(75, 100%, 27%)",
151
- "lime900": "hsl(75, 100%, 19%)",
152
- "lime1000": "hsl(75, 100%, 15%)",
153
- "lime1100": "hsl(75, 100%, 9%)",
154
- "lime1200": "hsl(74, 100%, 6%)",
155
- "lapis100": "hsl(214, 100%, 97%)",
156
- "lapis200": "hsl(215, 100%, 95%)",
157
- "lapis300": "hsl(202, 100%, 87%)",
158
- "lapis400": "hsl(212, 100%, 83%)",
159
- "lapis500": "hsl(220, 95%, 76%)",
160
- "lapis600": "hsl(230, 84%, 70%)",
161
- "lapis700": "hsl(240, 79%, 66%)",
162
- "lapis800": "hsl(240, 59%, 52%)",
163
- "lapis900": "hsl(240, 58%, 38%)",
164
- "lapis1000": "hsl(240, 63%, 29%)",
165
- "lapis1100": "hsl(240, 87%, 18%)",
166
- "lapis1200": "hsl(240, 97%, 12%)",
167
- "maroon100": "hsl(15, 100%, 98%)",
168
- "maroon200": "hsl(16, 100%, 93%)",
169
- "maroon300": "hsl(16, 100%, 87%)",
170
- "maroon400": "hsl(16, 100%, 80%)",
171
- "maroon500": "hsl(7, 89%, 70%)",
172
- "maroon600": "hsl(7, 78%, 60%)",
173
- "maroon700": "hsl(7, 67%, 44%)",
174
- "maroon800": "hsl(7, 95%, 32%)",
175
- "maroon900": "hsl(349, 89%, 28%)",
176
- "maroon1000": "hsl(346, 77%, 26%)",
177
- "maroon1100": "hsl(335, 73%, 20%)",
178
- "maroon1200": "hsl(335, 81%, 12%)",
179
- "marsh100": "hsl(147, 50%, 96%)",
180
- "marsh200": "hsl(147, 27%, 88%)",
181
- "marsh300": "hsl(147, 26%, 82%)",
182
- "marsh400": "hsl(147, 25%, 73%)",
183
- "marsh500": "hsl(147, 22%, 60%)",
184
- "marsh600": "hsl(147, 15%, 48%)",
185
- "marsh700": "hsl(147, 15%, 37%)",
186
- "marsh800": "hsl(147, 23%, 29%)",
187
- "marsh900": "hsl(147, 25%, 21%)",
188
- "marsh1000": "hsl(147, 17%, 18%)",
189
- "marsh1100": "hsl(147, 24%, 13%)",
190
- "marsh1200": "hsl(147, 14%, 7%)",
191
- "alpha100": "hsla(0, 0%, 20%, 0.1)",
192
- "alpha150": "hsla(0, 0%, 20%, 0.15)",
193
- "alpha200": "hsla(0, 0%, 20%, 0.2)",
194
- "alpha250": "hsla(0, 0%, 20%, 0.25)",
195
- "alpha600": "hsla(0, 0%, 20%, 0.6)",
196
- "infoLight": "hsl(215, 100%, 98%)",
197
- "info": "hsl(217, 92%, 51%)",
198
- "infoMid": "hsl(223, 79%, 44%)",
199
- "infoDark": "hsl(228, 82%, 35%)",
200
- "successLight": "hsl(119, 44%, 94%)",
201
- "success": "hsl(119, 100%, 27%)",
202
- "successMid": "hsl(124, 100%, 22%)",
203
- "successDark": "hsl(126, 100%, 17%)",
204
- "dangerLight": "hsl(0, 77%, 95%)",
205
- "danger": "hsl(0, 96%, 48%)",
206
- "dangerMid": "hsl(0, 96%, 41%)",
207
- "dangerDark": "hsl(0, 97%, 34%)",
208
- "warningLight": "hsl(39, 100%, 94%)",
209
- "warning": "hsl(41, 100%, 55%)",
210
- "warningMid": "hsl(41, 89%, 48%)",
211
- "warningDark": "hsl(41, 100%, 41%)",
212
- "warningText": "hsl(24, 100%, 37%)",
213
- "subjectEnglish": "hsl(333, 75%, 59%)",
214
- "subjectMaths": "hsl(214, 100%, 58%)",
215
- "subjectScience": "hsl(256, 65%, 62%)",
216
- "subjectVerbalReasoning": "hsl(148, 84%, 36%)",
217
- "subjectNonVerbalReasoning": "hsl(41, 100%, 55%)",
218
- "subjectCreativeWriting": "hsl(35, 95%, 50%)",
219
- "subjectExamSkills": "hsl(257, 53%, 35%)",
220
- "subjectGcseEnglishLiterature": "hsl(333, 75%, 59%)",
221
- "subjectGcseMaths": "hsl(214, 100%, 58%)",
222
- "subjectGcseChemistry": "hsl(35, 95%, 50%)",
223
- "subjectGcsePhysics": "hsl(0, 0%, 46%)",
224
- "subjectGcseBiology": "hsl(148, 84%, 36%)",
225
- "glBlueLight": "hsl(222, 68%, 78%)",
226
- "glBluePrimary": "hsl(222, 56%, 55%)",
227
- "glBlueDark": "hsl(222, 35%, 43%)",
228
3
  "primary100": "hsl(151, 70%, 96%)",
229
4
  "primary200": "hsl(151, 62%, 92%)",
230
5
  "primary300": "hsl(151, 53%, 83%)",
@@ -238,64 +13,25 @@ module.exports = {
238
13
  "primary1100": "hsl(150, 34%, 15%)",
239
14
  "primary1200": "hsl(150, 30%, 9%)"
240
15
  },
241
- "space": {
242
- "0": "0.125rem",
243
- "1": "0.25rem",
244
- "2": "0.5rem",
245
- "3": "0.75rem",
246
- "4": "1rem",
247
- "5": "2rem",
248
- "6": "2.5rem",
249
- "7": "3rem",
250
- "8": "4rem",
251
- "9": "5rem",
252
- "24": "1.5rem"
253
- },
254
- "fontSizes": {
255
- "xs": "0.75rem",
256
- "sm": "0.875rem",
257
- "md": "1rem",
258
- "lg": "1.3125rem",
259
- "xl": "1.75rem",
260
- "2xl": "2.3125rem",
261
- "3xl": "3.125rem",
262
- "4xl": "5.625rem"
263
- },
264
16
  "fonts": {
265
- "sans": "system-ui, -apple-system, 'Helvetica Neue', sans-serif",
266
- "mono": "'SFMono-Regular', Consolas, Menlo, monospace",
267
17
  "display": "'DM Sans', system-ui, -apple-system, 'Helvetica Neue', sans-serif",
268
18
  "body": "'Inter', system-ui, -apple-system, 'Helvetica Neue', sans-serif"
269
- },
270
- "sizes": {
271
- "0": "0.5rem",
272
- "1": "1rem",
273
- "2": "1.5rem",
274
- "3": "2rem",
275
- "4": "2.5rem",
276
- "5": "3rem",
277
- "6": "4rem",
278
- "7": "6rem",
279
- "8": "8rem"
280
- },
281
- "radii": {
282
- "sm": "0.25rem",
283
- "md": "0.5rem",
284
- "lg": "0.75rem",
285
- "xl": "1rem",
286
- "round": "100rem"
287
- },
288
- "shadows": {
289
- "sm": "0 1px 3px hsla(0, 0%, 20%, 0.1), 0 1px 2px hsla(0, 0%, 20%, 0.15)",
290
- "md": "0 3px 6px hsla(0, 0%, 20%, 0.1), 0 3px 6px hsla(0, 0%, 20%, 0.1)",
291
- "lg": "0 10px 20px hsla(0, 0%, 20%, 0.1), 0 6px 6px hsla(0, 0%, 20%, 0.1)",
292
- "xl": "0 14px 28px hsla(0, 0%, 20%, 0.15), 0 10px 10px hsla(0, 0%, 20%, 0.1)"
293
- },
294
- "ratios": {
295
- "16-9": "16/9",
296
- "3-2": "3/2",
297
- "4-3": "4/3",
298
- "1-1": "1/1",
299
- "3-4": "3/4"
300
19
  }
20
+ }
21
+
22
+ export const properties = {
23
+ "--color-primary-100": "hsl(151, 70%, 96%)",
24
+ "--color-primary-200": "hsl(151, 62%, 92%)",
25
+ "--color-primary-300": "hsl(151, 53%, 83%)",
26
+ "--color-primary-400": "hsl(151, 50%, 75%)",
27
+ "--color-primary-500": "hsl(151, 46%, 64%)",
28
+ "--color-primary-600": "hsl(158, 42%, 49%)",
29
+ "--color-primary-700": "hsl(162, 51%, 35%)",
30
+ "--color-primary-800": "hsl(162, 69%, 28%)",
31
+ "--color-primary-900": "hsl(164, 100%, 15%)",
32
+ "--color-primary-1000": "hsl(164, 100%, 13%)",
33
+ "--color-primary-1100": "hsl(150, 34%, 15%)",
34
+ "--color-primary-1200": "hsl(150, 30%, 9%)",
35
+ "--font-display": "'DM Sans', system-ui, -apple-system, 'Helvetica Neue', sans-serif",
36
+ "--font-body": "'Inter', system-ui, -apple-system, 'Helvetica Neue', sans-serif"
301
37
  }