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

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 (4) hide show
  1. package/lib/theme-base.css +14 -13
  2. package/lib/theme-base.d.ts +28 -26
  3. package/lib/theme-base.js +28 -26
  4. package/package.json +1 -1
package/lib/theme-base.css CHANGED
@@ -193,18 +193,18 @@
193
193
  --color-marsh-1000: hsl(147, 17%, 18%);
194
194
  --color-marsh-1100: hsl(147, 24%, 13%);
195
195
  --color-marsh-1200: hsl(147, 14%, 7%);
196
- --color-primary-100: hsl(215, 100%, 98%);
197
- --color-primary-200: hsl(212, 100%, 95%);
198
- --color-primary-300: hsl(211, 100%, 92%);
199
- --color-primary-400: hsl(211, 100%, 88%);
200
- --color-primary-500: hsl(212, 100%, 80%);
201
- --color-primary-600: hsl(213, 100%, 71%);
202
- --color-primary-700: hsl(214, 100%, 58%);
203
- --color-primary-800: hsl(217, 92%, 51%);
204
- --color-primary-900: hsl(223, 79%, 44%);
205
- --color-primary-1000: hsl(228, 82%, 35%);
206
- --color-primary-1100: hsl(228, 63%, 23%);
207
- --color-primary-1200: hsl(227, 57%, 11%);
196
+ --color-coolGrey-100: hsl(206, 47%, 97%);
197
+ --color-coolGrey-200: hsl(205, 35%, 93%);
198
+ --color-coolGrey-300: hsl(206, 27%, 90%);
199
+ --color-coolGrey-400: hsl(205, 20%, 83%);
200
+ --color-coolGrey-500: hsl(207, 16%, 76%);
201
+ --color-coolGrey-600: hsl(207, 14%, 65%);
202
+ --color-coolGrey-700: hsl(206, 9%, 49%);
203
+ --color-coolGrey-800: hsl(207, 11%, 35%);
204
+ --color-coolGrey-900: hsl(208, 15%, 22%);
205
+ --color-coolGrey-1000: hsl(208, 19%, 14%);
206
+ --color-coolGrey-1100: hsl(207, 20%, 11%);
207
+ --color-coolGrey-1200: hsl(210, 18%, 7%);
208
208
  --color-alpha-100: hsla(0, 0%, 20%, 0.1);
209
209
  --color-alpha-150: hsla(0, 0%, 20%, 0.15);
210
210
  --color-alpha-200: hsla(0, 0%, 20%, 0.2);
@@ -235,9 +235,10 @@
235
235
  --color-subject-creative-writing: hsl(35, 95%, 50%);
236
236
  --color-subject-exam-skills: hsl(257, 53%, 35%);
237
237
  --color-subject-gcse-english-literature: hsl(333, 75%, 59%);
238
+ --color-subject-gcse-english-language: hsl(256, 65%, 62%);
238
239
  --color-subject-gcse-maths: hsl(214, 100%, 58%);
239
240
  --color-subject-gcse-chemistry: hsl(35, 95%, 50%);
240
- --color-subject-gcse-physics: hsl(0, 0%, 46%);
241
+ --color-subject-gcse-physics: hsl(206, 9%, 49%);
241
242
  --color-subject-gcse-biology: hsl(148, 84%, 36%);
242
243
  --color-gl-light: hsl(222, 68%, 78%);
243
244
  --color-gl-primary: hsl(222, 56%, 55%);
package/lib/theme-base.d.ts CHANGED
@@ -188,18 +188,18 @@ export const theme: {
188
188
  marsh1000: "hsl(147, 17%, 18%)"
189
189
  marsh1100: "hsl(147, 24%, 13%)"
190
190
  marsh1200: "hsl(147, 14%, 7%)"
191
- primary100: "hsl(215, 100%, 98%)"
192
- primary200: "hsl(212, 100%, 95%)"
193
- primary300: "hsl(211, 100%, 92%)"
194
- primary400: "hsl(211, 100%, 88%)"
195
- primary500: "hsl(212, 100%, 80%)"
196
- primary600: "hsl(213, 100%, 71%)"
197
- primary700: "hsl(214, 100%, 58%)"
198
- primary800: "hsl(217, 92%, 51%)"
199
- primary900: "hsl(223, 79%, 44%)"
200
- primary1000: "hsl(228, 82%, 35%)"
201
- primary1100: "hsl(228, 63%, 23%)"
202
- primary1200: "hsl(227, 57%, 11%)"
191
+ coolGrey100: "hsl(206, 47%, 97%)"
192
+ coolGrey200: "hsl(205, 35%, 93%)"
193
+ coolGrey300: "hsl(206, 27%, 90%)"
194
+ coolGrey400: "hsl(205, 20%, 83%)"
195
+ coolGrey500: "hsl(207, 16%, 76%)"
196
+ coolGrey600: "hsl(207, 14%, 65%)"
197
+ coolGrey700: "hsl(206, 9%, 49%)"
198
+ coolGrey800: "hsl(207, 11%, 35%)"
199
+ coolGrey900: "hsl(208, 15%, 22%)"
200
+ coolGrey1000: "hsl(208, 19%, 14%)"
201
+ coolGrey1100: "hsl(207, 20%, 11%)"
202
+ coolGrey1200: "hsl(210, 18%, 7%)"
203
203
  alpha100: "hsla(0, 0%, 20%, 0.1)"
204
204
  alpha150: "hsla(0, 0%, 20%, 0.15)"
205
205
  alpha200: "hsla(0, 0%, 20%, 0.2)"
@@ -230,9 +230,10 @@ export const theme: {
230
230
  subjectCreativeWriting: "hsl(35, 95%, 50%)"
231
231
  subjectExamSkills: "hsl(257, 53%, 35%)"
232
232
  subjectGcseEnglishLiterature: "hsl(333, 75%, 59%)"
233
+ subjectGcseEnglishLanguage: "hsl(256, 65%, 62%)"
233
234
  subjectGcseMaths: "hsl(214, 100%, 58%)"
234
235
  subjectGcseChemistry: "hsl(35, 95%, 50%)"
235
- subjectGcsePhysics: "hsl(0, 0%, 46%)"
236
+ subjectGcsePhysics: "hsl(206, 9%, 49%)"
236
237
  subjectGcseBiology: "hsl(148, 84%, 36%)"
237
238
  glBlueLight: "hsl(222, 68%, 78%)"
238
239
  glBluePrimary: "hsl(222, 56%, 55%)"
@@ -472,18 +473,18 @@ export const properties: {
472
473
  '--color-marsh-1000': "hsl(147, 17%, 18%)"
473
474
  '--color-marsh-1100': "hsl(147, 24%, 13%)"
474
475
  '--color-marsh-1200': "hsl(147, 14%, 7%)"
475
- '--color-primary-100': "hsl(215, 100%, 98%)"
476
- '--color-primary-200': "hsl(212, 100%, 95%)"
477
- '--color-primary-300': "hsl(211, 100%, 92%)"
478
- '--color-primary-400': "hsl(211, 100%, 88%)"
479
- '--color-primary-500': "hsl(212, 100%, 80%)"
480
- '--color-primary-600': "hsl(213, 100%, 71%)"
481
- '--color-primary-700': "hsl(214, 100%, 58%)"
482
- '--color-primary-800': "hsl(217, 92%, 51%)"
483
- '--color-primary-900': "hsl(223, 79%, 44%)"
484
- '--color-primary-1000': "hsl(228, 82%, 35%)"
485
- '--color-primary-1100': "hsl(228, 63%, 23%)"
486
- '--color-primary-1200': "hsl(227, 57%, 11%)"
476
+ '--color-cool-grey-100': "hsl(206, 47%, 97%)"
477
+ '--color-cool-grey-200': "hsl(205, 35%, 93%)"
478
+ '--color-cool-grey-300': "hsl(206, 27%, 90%)"
479
+ '--color-cool-grey-400': "hsl(205, 20%, 83%)"
480
+ '--color-cool-grey-500': "hsl(207, 16%, 76%)"
481
+ '--color-cool-grey-600': "hsl(207, 14%, 65%)"
482
+ '--color-cool-grey-700': "hsl(206, 9%, 49%)"
483
+ '--color-cool-grey-800': "hsl(207, 11%, 35%)"
484
+ '--color-cool-grey-900': "hsl(208, 15%, 22%)"
485
+ '--color-cool-grey-1000': "hsl(208, 19%, 14%)"
486
+ '--color-cool-grey-1100': "hsl(207, 20%, 11%)"
487
+ '--color-cool-grey-1200': "hsl(210, 18%, 7%)"
487
488
  '--color-alpha-100': "hsla(0, 0%, 20%, 0.1)"
488
489
  '--color-alpha-150': "hsla(0, 0%, 20%, 0.15)"
489
490
  '--color-alpha-200': "hsla(0, 0%, 20%, 0.2)"
@@ -514,9 +515,10 @@ export const properties: {
514
515
  '--color-subject-creative-writing': "hsl(35, 95%, 50%)"
515
516
  '--color-subject-exam-skills': "hsl(257, 53%, 35%)"
516
517
  '--color-subject-gcse-english-literature': "hsl(333, 75%, 59%)"
518
+ '--color-subject-gcse-english-language': "hsl(256, 65%, 62%)"
517
519
  '--color-subject-gcse-maths': "hsl(214, 100%, 58%)"
518
520
  '--color-subject-gcse-chemistry': "hsl(35, 95%, 50%)"
519
- '--color-subject-gcse-physics': "hsl(0, 0%, 46%)"
521
+ '--color-subject-gcse-physics': "hsl(206, 9%, 49%)"
520
522
  '--color-subject-gcse-biology': "hsl(148, 84%, 36%)"
521
523
  '--color-gl-light': "hsl(222, 68%, 78%)"
522
524
  '--color-gl-primary': "hsl(222, 56%, 55%)"
package/lib/theme-base.js CHANGED
@@ -188,18 +188,18 @@ export const theme = {
188
188
  "marsh1000": "hsl(147, 17%, 18%)",
189
189
  "marsh1100": "hsl(147, 24%, 13%)",
190
190
  "marsh1200": "hsl(147, 14%, 7%)",
191
- "primary100": "hsl(215, 100%, 98%)",
192
- "primary200": "hsl(212, 100%, 95%)",
193
- "primary300": "hsl(211, 100%, 92%)",
194
- "primary400": "hsl(211, 100%, 88%)",
195
- "primary500": "hsl(212, 100%, 80%)",
196
- "primary600": "hsl(213, 100%, 71%)",
197
- "primary700": "hsl(214, 100%, 58%)",
198
- "primary800": "hsl(217, 92%, 51%)",
199
- "primary900": "hsl(223, 79%, 44%)",
200
- "primary1000": "hsl(228, 82%, 35%)",
201
- "primary1100": "hsl(228, 63%, 23%)",
202
- "primary1200": "hsl(227, 57%, 11%)",
191
+ "coolGrey100": "hsl(206, 47%, 97%)",
192
+ "coolGrey200": "hsl(205, 35%, 93%)",
193
+ "coolGrey300": "hsl(206, 27%, 90%)",
194
+ "coolGrey400": "hsl(205, 20%, 83%)",
195
+ "coolGrey500": "hsl(207, 16%, 76%)",
196
+ "coolGrey600": "hsl(207, 14%, 65%)",
197
+ "coolGrey700": "hsl(206, 9%, 49%)",
198
+ "coolGrey800": "hsl(207, 11%, 35%)",
199
+ "coolGrey900": "hsl(208, 15%, 22%)",
200
+ "coolGrey1000": "hsl(208, 19%, 14%)",
201
+ "coolGrey1100": "hsl(207, 20%, 11%)",
202
+ "coolGrey1200": "hsl(210, 18%, 7%)",
203
203
  "alpha100": "hsla(0, 0%, 20%, 0.1)",
204
204
  "alpha150": "hsla(0, 0%, 20%, 0.15)",
205
205
  "alpha200": "hsla(0, 0%, 20%, 0.2)",
@@ -230,9 +230,10 @@ export const theme = {
230
230
  "subjectCreativeWriting": "hsl(35, 95%, 50%)",
231
231
  "subjectExamSkills": "hsl(257, 53%, 35%)",
232
232
  "subjectGcseEnglishLiterature": "hsl(333, 75%, 59%)",
233
+ "subjectGcseEnglishLanguage": "hsl(256, 65%, 62%)",
233
234
  "subjectGcseMaths": "hsl(214, 100%, 58%)",
234
235
  "subjectGcseChemistry": "hsl(35, 95%, 50%)",
235
- "subjectGcsePhysics": "hsl(0, 0%, 46%)",
236
+ "subjectGcsePhysics": "hsl(206, 9%, 49%)",
236
237
  "subjectGcseBiology": "hsl(148, 84%, 36%)",
237
238
  "glBlueLight": "hsl(222, 68%, 78%)",
238
239
  "glBluePrimary": "hsl(222, 56%, 55%)",
@@ -470,18 +471,18 @@ export const properties = {
470
471
  "--color-marsh-1000": "hsl(147, 17%, 18%)",
471
472
  "--color-marsh-1100": "hsl(147, 24%, 13%)",
472
473
  "--color-marsh-1200": "hsl(147, 14%, 7%)",
473
- "--color-primary-100": "hsl(215, 100%, 98%)",
474
- "--color-primary-200": "hsl(212, 100%, 95%)",
475
- "--color-primary-300": "hsl(211, 100%, 92%)",
476
- "--color-primary-400": "hsl(211, 100%, 88%)",
477
- "--color-primary-500": "hsl(212, 100%, 80%)",
478
- "--color-primary-600": "hsl(213, 100%, 71%)",
479
- "--color-primary-700": "hsl(214, 100%, 58%)",
480
- "--color-primary-800": "hsl(217, 92%, 51%)",
481
- "--color-primary-900": "hsl(223, 79%, 44%)",
482
- "--color-primary-1000": "hsl(228, 82%, 35%)",
483
- "--color-primary-1100": "hsl(228, 63%, 23%)",
484
- "--color-primary-1200": "hsl(227, 57%, 11%)",
474
+ "--color-cool-grey-100": "hsl(206, 47%, 97%)",
475
+ "--color-cool-grey-200": "hsl(205, 35%, 93%)",
476
+ "--color-cool-grey-300": "hsl(206, 27%, 90%)",
477
+ "--color-cool-grey-400": "hsl(205, 20%, 83%)",
478
+ "--color-cool-grey-500": "hsl(207, 16%, 76%)",
479
+ "--color-cool-grey-600": "hsl(207, 14%, 65%)",
480
+ "--color-cool-grey-700": "hsl(206, 9%, 49%)",
481
+ "--color-cool-grey-800": "hsl(207, 11%, 35%)",
482
+ "--color-cool-grey-900": "hsl(208, 15%, 22%)",
483
+ "--color-cool-grey-1000": "hsl(208, 19%, 14%)",
484
+ "--color-cool-grey-1100": "hsl(207, 20%, 11%)",
485
+ "--color-cool-grey-1200": "hsl(210, 18%, 7%)",
485
486
  "--color-alpha-100": "hsla(0, 0%, 20%, 0.1)",
486
487
  "--color-alpha-150": "hsla(0, 0%, 20%, 0.15)",
487
488
  "--color-alpha-200": "hsla(0, 0%, 20%, 0.2)",
@@ -512,9 +513,10 @@ export const properties = {
512
513
  "--color-subject-creative-writing": "hsl(35, 95%, 50%)",
513
514
  "--color-subject-exam-skills": "hsl(257, 53%, 35%)",
514
515
  "--color-subject-gcse-english-literature": "hsl(333, 75%, 59%)",
516
+ "--color-subject-gcse-english-language": "hsl(256, 65%, 62%)",
515
517
  "--color-subject-gcse-maths": "hsl(214, 100%, 58%)",
516
518
  "--color-subject-gcse-chemistry": "hsl(35, 95%, 50%)",
517
- "--color-subject-gcse-physics": "hsl(0, 0%, 46%)",
519
+ "--color-subject-gcse-physics": "hsl(206, 9%, 49%)",
518
520
  "--color-subject-gcse-biology": "hsl(148, 84%, 36%)",
519
521
  "--color-gl-light": "hsl(222, 68%, 78%)",
520
522
  "--color-gl-primary": "hsl(222, 56%, 55%)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atom-learning/theme",
3
- "version": "6.0.0-beta.10",
3
+ "version": "6.0.0-beta.11",
4
4
  "description": "Design tokens and assets for Atom Learning and Quest",
5
5
  "type": "module",
6
6
  "main": "lib/theme-base.js",