@atom-learning/theme 6.0.0-beta.0 → 6.0.0-beta.2

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 (10) hide show
  1. package/lib/theme-atom.css +17 -15
  2. package/lib/theme-atom.d.ts +273 -299
  3. package/lib/theme-atom.js +10 -39
  4. package/lib/theme-quest-reports.css +17 -15
  5. package/lib/theme-quest-reports.d.ts +273 -299
  6. package/lib/theme-quest-reports.js +10 -39
  7. package/lib/theme-quest.css +17 -15
  8. package/lib/theme-quest.d.ts +273 -299
  9. package/lib/theme-quest.js +10 -39
  10. package/package.json +16 -2
package/lib/theme-atom.js CHANGED
@@ -1,4 +1,4 @@
1
- module.exports = {
1
+ export default {
2
2
  "colors": {
3
3
  "textBold": "hsl(0, 0%, 12%)",
4
4
  "textRegular": "hsl(0, 0%, 20%)",
@@ -239,17 +239,7 @@ module.exports = {
239
239
  "primary1200": "hsl(227, 57%, 11%)"
240
240
  },
241
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"
242
+ "base": "0.25rem"
253
243
  },
254
244
  "fontSizes": {
255
245
  "xs": "0.75rem",
@@ -267,35 +257,16 @@ module.exports = {
267
257
  "display": "'National 2 Condensed', system-ui, -apple-system, 'Helvetica Neue', sans-serif",
268
258
  "body": "'Inter', system-ui, -apple-system, 'Helvetica Neue', sans-serif"
269
259
  },
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
260
  "radii": {
282
- "0": "0.25rem",
283
- "1": "0.5rem",
284
- "2": "0.75rem",
285
- "3": "1rem",
286
- "round": "100rem"
261
+ "sm": "0.25rem",
262
+ "md": "0.5rem",
263
+ "lg": "0.75rem",
264
+ "xl": "1rem"
287
265
  },
288
266
  "shadows": {
289
- "0": "0 1px 3px hsla(0, 0%, 20%, 0.1), 0 1px 2px hsla(0, 0%, 20%, 0.15)",
290
- "1": "0 3px 6px hsla(0, 0%, 20%, 0.1), 0 3px 6px hsla(0, 0%, 20%, 0.1)",
291
- "2": "0 10px 20px hsla(0, 0%, 20%, 0.1), 0 6px 6px hsla(0, 0%, 20%, 0.1)",
292
- "3": "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"
267
+ "sm": "0 1px 3px hsla(0, 0%, 20%, 0.1), 0 1px 2px hsla(0, 0%, 20%, 0.15)",
268
+ "md": "0 3px 6px hsla(0, 0%, 20%, 0.1), 0 3px 6px hsla(0, 0%, 20%, 0.1)",
269
+ "lg": "0 10px 20px hsla(0, 0%, 20%, 0.1), 0 6px 6px hsla(0, 0%, 20%, 0.1)",
270
+ "xl": "0 14px 28px hsla(0, 0%, 20%, 0.15), 0 10px 10px hsla(0, 0%, 20%, 0.1)"
300
271
  }
301
272
  }
package/lib/theme-quest-reports.css CHANGED
@@ -1,3 +1,4 @@
1
+
1
2
  @theme {
2
3
  --color-*: initial;
3
4
  --font-*: initial;
@@ -8,7 +9,7 @@
8
9
  --color-text-regular: #333333;
9
10
  --color-text-subtle: #545454;
10
11
  --color-text-minimal: #757575;
11
- --color-background-base: #f5f5f5;
12
+ --color-background: #f5f5f5;
12
13
  --color-background-accent: #f5f9ff;
13
14
  --color-black: #000000;
14
15
  --color-white: #ffffff;
@@ -198,19 +199,19 @@
198
199
  --color-alpha-250: rgba(51, 51, 51, 0.25);
199
200
  --color-alpha-600: rgba(51, 51, 51, 0.6);
200
201
  --color-info-light: #f5f9ff;
201
- --color-info-base: #0f67f5;
202
+ --color-info: #0f67f5;
202
203
  --color-info-mid: #184ac9;
203
204
  --color-info-dark: #102da2;
204
205
  --color-success-light: #e9f6e9;
205
- --color-success-base: #028a00;
206
+ --color-success: #028a00;
206
207
  --color-success-mid: #007007;
207
208
  --color-success-dark: #005709;
208
209
  --color-danger-light: #fce8e8;
209
- --color-danger-base: #f00505;
210
+ --color-danger: #f00505;
210
211
  --color-danger-mid: #cd0404;
211
212
  --color-danger-dark: #ab0303;
212
213
  --color-warning-light: #fff4e0;
213
- --color-warning-base: #ffb61a;
214
+ --color-warning: #ffb61a;
214
215
  --color-warning-mid: #e7a20d;
215
216
  --color-warning-dark: #d18f00;
216
217
  --color-warning-text: #bd4b00;
@@ -253,17 +254,18 @@
253
254
  --text-2xl: 1.75rem;
254
255
  --text-3xl: 2.3125rem;
255
256
  --text-4xl: 3.125rem;
256
- --radius-0: 0.25rem;
257
- --radius-1: 0.5rem;
258
- --radius-2: 0.75rem;
259
- --radius-3: 1rem;
260
- --radius-round: 100rem;
261
- --shadow-0: 0 1px 3px rgba(51, 51, 51, 0.1), 0 1px 2px rgba(51, 51, 51, 0.15);
262
- --shadow-1: 0 3px 6px rgba(51, 51, 51, 0.1), 0 3px 6px rgba(51, 51, 51, 0.1);
263
- --shadow-2: 0 10px 20px rgba(51, 51, 51, 0.1), 0 6px 6px rgba(51, 51, 51, 0.1);
264
- --shadow-3: 0 14px 28px rgba(51, 51, 51, 0.15), 0 10px 10px rgba(51, 51, 51, 0.1);
257
+ --radius-sm: 0.25rem;
258
+ --radius-md: 0.5rem;
259
+ --radius-lg: 0.75rem;
260
+ --radius-xl: 1rem;
261
+ --shadow-sm: 0 1px 3px rgba(51, 51, 51, 0.1), 0 1px 2px rgba(51, 51, 51, 0.15);
262
+ --shadow-md: 0 3px 6px rgba(51, 51, 51, 0.1), 0 3px 6px rgba(51, 51, 51, 0.1);
263
+ --shadow-lg: 0 10px 20px rgba(51, 51, 51, 0.1), 0 6px 6px rgba(51, 51, 51, 0.1);
264
+ --shadow-xl: 0 14px 28px rgba(51, 51, 51, 0.15), 0 10px 10px rgba(51, 51, 51, 0.1);
265
265
  --font-sans: system-ui, -apple-system, 'Helvetica Neue', sans-serif;
266
266
  --font-mono: 'SFMono-Regular', Consolas, Menlo, monospace;
267
267
  --font-display: 'DM Sans', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
268
268
  --font-body: 'Inter', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
269
- }
269
+
270
+ --default-font-family: var(--font-body);
271
+ }