@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/themes.css ADDED
@@ -0,0 +1,64 @@
1
+ @layer theme {
2
+ .theme-atom {
3
+ --color-primary-100: hsl(215, 100%, 98%);
4
+ --color-primary-200: hsl(212, 100%, 95%);
5
+ --color-primary-300: hsl(211, 100%, 92%);
6
+ --color-primary-400: hsl(211, 100%, 88%);
7
+ --color-primary-500: hsl(212, 100%, 80%);
8
+ --color-primary-600: hsl(213, 100%, 71%);
9
+ --color-primary-700: hsl(214, 100%, 58%);
10
+ --color-primary-800: hsl(217, 92%, 51%);
11
+ --color-primary-900: hsl(223, 79%, 44%);
12
+ --color-primary-1000: hsl(228, 82%, 35%);
13
+ --color-primary-1100: hsl(228, 63%, 23%);
14
+ --color-primary-1200: hsl(227, 57%, 11%);
15
+ --font-display: 'National 2 Condensed', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
16
+ --font-body: 'Inter', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
17
+ }
18
+ }
19
+
20
+ @layer theme {
21
+ .theme-quest-reports {
22
+ --color-primary-100: hsl(151, 70%, 96%);
23
+ --color-primary-200: hsl(151, 62%, 92%);
24
+ --color-primary-300: hsl(151, 53%, 83%);
25
+ --color-primary-400: hsl(151, 50%, 75%);
26
+ --color-primary-500: hsl(151, 46%, 64%);
27
+ --color-primary-600: hsl(158, 42%, 49%);
28
+ --color-primary-700: hsl(162, 51%, 35%);
29
+ --color-primary-800: hsl(162, 69%, 28%);
30
+ --color-primary-900: hsl(164, 100%, 15%);
31
+ --color-primary-1000: hsl(164, 100%, 13%);
32
+ --color-primary-1100: hsl(150, 34%, 15%);
33
+ --color-primary-1200: hsl(150, 30%, 9%);
34
+ --text-xs: 0.625rem;
35
+ --text-sm: 0.75rem;
36
+ --text-md: 0.875rem;
37
+ --text-lg: 1rem;
38
+ --text-xl: 1.3125rem;
39
+ --text-2xl: 1.75rem;
40
+ --text-3xl: 2.3125rem;
41
+ --text-4xl: 3.125rem;
42
+ --font-display: 'DM Sans', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
43
+ --font-body: 'Inter', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
44
+ }
45
+ }
46
+
47
+ @layer theme {
48
+ .theme-quest {
49
+ --color-primary-100: hsl(151, 70%, 96%);
50
+ --color-primary-200: hsl(151, 62%, 92%);
51
+ --color-primary-300: hsl(151, 53%, 83%);
52
+ --color-primary-400: hsl(151, 50%, 75%);
53
+ --color-primary-500: hsl(151, 46%, 64%);
54
+ --color-primary-600: hsl(158, 42%, 49%);
55
+ --color-primary-700: hsl(162, 51%, 35%);
56
+ --color-primary-800: hsl(162, 69%, 28%);
57
+ --color-primary-900: hsl(164, 100%, 15%);
58
+ --color-primary-1000: hsl(164, 100%, 13%);
59
+ --color-primary-1100: hsl(150, 34%, 15%);
60
+ --color-primary-1200: hsl(150, 30%, 9%);
61
+ --font-display: 'DM Sans', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
62
+ --font-body: 'Inter', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
63
+ }
64
+ }
package/package.json CHANGED
@@ -1,28 +1,102 @@
1
1
  {
2
2
  "name": "@atom-learning/theme",
3
- "version": "6.0.0-beta.1",
3
+ "version": "6.0.0-beta.10",
4
4
  "description": "Design tokens and assets for Atom Learning and Quest",
5
- "main": "lib/index.js",
6
- "types": "lib/index.d.ts",
5
+ "type": "module",
6
+ "main": "lib/theme-base.js",
7
+ "types": "lib/theme-base.d.ts",
7
8
  "scripts": {
8
- "build": "node ./scripts/build.js --path=./src/themes",
9
- "prepublishOnly": "run-s clean build",
10
- "clean": "del ./lib"
9
+ "build": "node ./src/build.ts --path=./src/themes",
10
+ "prepublishOnly": "run-s clean build test:run",
11
+ "clean": "del ./lib",
12
+ "test": "vitest",
13
+ "test:run": "vitest run",
14
+ "validate:types": "tsc --noEmit"
11
15
  },
12
16
  "files": [
13
- "lib",
14
- "theme-map.js"
17
+ "lib"
15
18
  ],
16
19
  "author": "",
17
20
  "license": "ISC",
18
21
  "devDependencies": {
22
+ "@types/node": "^20.0.0",
19
23
  "del-cli": "^3.0.1",
20
24
  "dree": "^5.1.5",
21
25
  "npm-run-all": "^4.1.5",
22
26
  "pascal-case": "^3.1.2",
23
- "style-dictionary": "^3.0.1",
24
- "yargs": "^17.7.2"
27
+ "style-dictionary": "^5.1.1",
28
+ "tsx": "^4.7.0",
29
+ "typescript": "^5.0.0",
30
+ "vitest": "^4.0.16"
25
31
  },
26
32
  "dependencies": {},
27
- "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
33
+ "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610",
34
+ "exports": {
35
+ ".": {
36
+ "types": "./lib/theme-base.d.ts",
37
+ "style": "./lib/theme-base.css",
38
+ "default": "./lib/theme-base.js"
39
+ },
40
+ "./media": {
41
+ "types": "./lib/media.d.ts",
42
+ "default": "./lib/media.js"
43
+ },
44
+ "./quest": {
45
+ "types": "./lib/theme-quest.d.ts",
46
+ "style": "./lib/theme-quest.css",
47
+ "default": "./lib/theme-quest.js"
48
+ },
49
+ "./atom": {
50
+ "types": "./lib/theme-atom.d.ts",
51
+ "style": "./lib/theme-atom.css",
52
+ "default": "./lib/theme-atom.js"
53
+ },
54
+ "./quest-reports": {
55
+ "types": "./lib/theme-quest-reports.d.ts",
56
+ "style": "./lib/theme-quest-reports.css",
57
+ "default": "./lib/theme-quest-reports.js"
58
+ },
59
+ "./themes": {
60
+ "style": "./lib/themes.css"
61
+ },
62
+ "./assets/fonts/national-2-condensed-bold.woff2": "./lib/assets/fonts/national-2-condensed-bold.woff2",
63
+ "./assets/logos/atom/atom-home-light.svg": "./lib/assets/logos/atom/atom-home-light.svg",
64
+ "./assets/logos/atom/atom-home-primary.svg": "./lib/assets/logos/atom/atom-home-primary.svg",
65
+ "./assets/logos/atom/atom-learning-horizontal-logotype-dark.svg": "./lib/assets/logos/atom/atom-learning-horizontal-logotype-dark.svg",
66
+ "./assets/logos/atom/atom-learning-horizontal-logotype-light.svg": "./lib/assets/logos/atom/atom-learning-horizontal-logotype-light.svg",
67
+ "./assets/logos/atom/atom-learning-horizontal-logotype-primary.svg": "./lib/assets/logos/atom/atom-learning-horizontal-logotype-primary.svg",
68
+ "./assets/logos/atom/atom-learning-logomark-dark.svg": "./lib/assets/logos/atom/atom-learning-logomark-dark.svg",
69
+ "./assets/logos/atom/atom-learning-logomark-light.svg": "./lib/assets/logos/atom/atom-learning-logomark-light.svg",
70
+ "./assets/logos/atom/atom-learning-logomark-primary.svg": "./lib/assets/logos/atom/atom-learning-logomark-primary.svg",
71
+ "./assets/logos/atom/atom-learning-logotype-dark.svg": "./lib/assets/logos/atom/atom-learning-logotype-dark.svg",
72
+ "./assets/logos/atom/atom-learning-logotype-light.svg": "./lib/assets/logos/atom/atom-learning-logotype-light.svg",
73
+ "./assets/logos/atom/atom-learning-logotype-primary.svg": "./lib/assets/logos/atom/atom-learning-logotype-primary.svg",
74
+ "./assets/logos/atom/atom-school-light.svg": "./lib/assets/logos/atom/atom-school-light.svg",
75
+ "./assets/logos/atom/atom-school-primary.svg": "./lib/assets/logos/atom/atom-school-primary.svg",
76
+ "./assets/logos/atom/atom-tuition-light.svg": "./lib/assets/logos/atom/atom-tuition-light.svg",
77
+ "./assets/logos/atom/atom-tuition-primary.svg": "./lib/assets/logos/atom/atom-tuition-primary.svg",
78
+ "./assets/logos/quest/logo-light.png": "./lib/assets/logos/quest/logo-light.png",
79
+ "./assets/logos/quest/logo-light.svg": "./lib/assets/logos/quest/logo-light.svg",
80
+ "./assets/logos/quest/logo.png": "./lib/assets/logos/quest/logo.png",
81
+ "./assets/logos/quest/logo.svg": "./lib/assets/logos/quest/logo.svg"
82
+ },
83
+ "typesVersions": {
84
+ "*": {
85
+ ".": [
86
+ "./lib/theme-base.d.ts"
87
+ ],
88
+ "quest": [
89
+ "./lib/theme-quest.d.ts"
90
+ ],
91
+ "atom": [
92
+ "./lib/theme-atom.d.ts"
93
+ ],
94
+ "quest-reports": [
95
+ "./lib/theme-quest-reports.d.ts"
96
+ ],
97
+ "media": [
98
+ "./lib/media.d.ts"
99
+ ]
100
+ }
101
+ }
28
102
  }
package/theme-map.js DELETED
@@ -1,5 +0,0 @@
1
- module.exports = {
2
- themeMap: {
3
- aspectRatio: 'ratios'
4
- }
5
- }