@atom-learning/theme 2.0.0 → 3.0.0-beta.0

package/lib/assets/quest/logo-light.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="306" fill="none"><path fill="#fff" d="M493.7 224.3c-6-7-6.4-9.7-6.4-16.8V59.7L407 73.6v6.3l12.7 16.5c5.6 7 6 10 6 17.2v84.1A35.5 35.5 0 0 1 396 215c-14.2 0-26.2-10.4-26.2-32.5V59.7l-80.4 13.8V80L302 96.3c5.6 7.1 6 10.1 6 17.2v79.3c0 44.9 29.2 64.4 59.5 64.4 27.3 0 44.5-13.5 58-34.4v34.8l81.6-11.6v-6.4l-13.5-15.3ZM677 184a52.7 52.7 0 0 1-49.4 31.3c-31.4 0-55-20.9-55.3-64h104.6c7.4 0 13.3-6.4 12.5-13.8-5-48.1-36.6-78.2-83.8-78.2-47.3 0-96.2 37.8-96.2 101.8 0 58.4 40.8 96.5 96.9 96.5 46.8 0 74.4-29.5 85.7-68.1l-15-5.6ZM604.8 81.3c16.5 0 25.1 13.8 25.1 27 0 13-7.5 19.8-23.5 19.8H573c2.2-28.8 14.6-46.8 31.8-46.8Zm192 49.1-8.3-3c-22.8-7.8-31.4-13.8-31.4-25.7 0-10.9 9-20.3 23.6-20.3 15.3 0 23.2 5.3 35.6 18l20.5 22.4h6.8l-2.2-52.4a205.9 205.9 0 0 0-58.8-9.7c-42.6 0-73.3 23.6-73.3 63.6 0 31 21 47.6 48.6 58l8.6 3.4c27.4 10.1 36 15.7 36 28.8 0 12.4-9.4 22.1-25.1 22.1-14.6 0-24-3.8-39-20.2L714.3 188h-6.8l2.2 58a221 221 0 0 0 65.9 11.2c41.9 0 76.3-22 76.3-66.6 0-33-21-48.7-55-60.3Zm193 75.3a26.7 26.7 0 0 1-23.5 11.5c-13 0-22.8-7-22.4-25l.3-104h51.6v-24h-51.6V11.4h-7l-76.8 70.4V88h23.2l-1.1 110.4c-.4 41.9 27.3 59.1 57.2 59.1 26.2 0 48.7-12.4 60.3-46l-10.1-6ZM190.6 7.8A156 156 0 0 0 141 0C61 0 0 58.4 0 137l.1 5.6c.1 2.4.2 4.8.5 7.2 4 50.9 32 91 73.4 111.3l3.4 1.6a151 151 0 0 0 61.8 12.9 154 154 0 0 0 57.3-10.7 134.2 134.2 0 0 0 71.3-69 143.3 143.3 0 0 0 12.3-48 153.8 153.8 0 0 0 .5-12.7c0-61.4-36-109.3-90-127.3ZM203 141.7v.1c0 2.4 0 4.7-.2 6.9-2.5 52.5-24.8 83.9-61.1 84h-.4c-40.6 0-61.2-33.8-63.7-87l-.2-5.3v-5.8c0-46.1 14.6-77.8 41-88.2l2.4-.8a56.4 56.4 0 0 1 18.3-2.9c43 0 64 37.8 64 95.8v3.3-.1Z"/><path fill="#fff" d="M308.3 258 250 217.3a133.5 133.5 0 0 1-32.2 51l33.5 37.1 57-47.4Z"/></svg>

package/lib/assets/quest/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="306" fill="none"><path fill="#162D22" d="M493.7 224.3c-6-7-6.4-9.7-6.4-16.8V59.7L407 73.6v6.3l12.7 16.5c5.6 7 6 10 6 17.2v84.1A35.5 35.5 0 0 1 396 215c-14.2 0-26.2-10.4-26.2-32.5V59.7l-80.4 13.8V80L302 96.3c5.6 7.1 6 10.1 6 17.2v79.3c0 44.9 29.2 64.4 59.5 64.4 27.3 0 44.5-13.5 58-34.4v34.8l81.6-11.6v-6.4l-13.5-15.3ZM677 184a52.7 52.7 0 0 1-49.4 31.3c-31.4 0-55-20.9-55.3-64h104.6c7.4 0 13.3-6.4 12.5-13.8-5-48.1-36.6-78.2-83.8-78.2-47.3 0-96.2 37.8-96.2 101.8 0 58.4 40.8 96.5 96.9 96.5 46.8 0 74.4-29.5 85.7-68.1l-15-5.6ZM604.8 81.3c16.5 0 25.1 13.8 25.1 27 0 13-7.5 19.8-23.5 19.8H573c2.2-28.8 14.6-46.8 31.8-46.8Zm192 49.1-8.3-3c-22.8-7.8-31.4-13.8-31.4-25.7 0-10.9 9-20.3 23.6-20.3 15.3 0 23.2 5.3 35.6 18l20.5 22.4h6.8l-2.2-52.4a205.9 205.9 0 0 0-58.8-9.7c-42.6 0-73.3 23.6-73.3 63.6 0 31 21 47.6 48.6 58l8.6 3.4c27.4 10.1 36 15.7 36 28.8 0 12.4-9.4 22.1-25.1 22.1-14.6 0-24-3.8-39-20.2L714.3 188h-6.8l2.2 58a221 221 0 0 0 65.9 11.2c41.9 0 76.3-22 76.3-66.6 0-33-21-48.7-55-60.3Zm193 75.3a26.7 26.7 0 0 1-23.5 11.5c-13 0-22.8-7-22.4-25l.3-104h51.6v-24h-51.6V11.4h-7l-76.8 70.4V88h23.2l-1.1 110.4c-.4 41.9 27.3 59.1 57.2 59.1 26.2 0 48.7-12.4 60.3-46l-10.1-6ZM190.6 7.8A156 156 0 0 0 141 0C61 0 0 58.4 0 137l.1 5.6c.1 2.4.2 4.8.5 7.2 4 50.9 32 91 73.4 111.3l3.4 1.6a151 151 0 0 0 61.8 12.9 154 154 0 0 0 57.3-10.7 134.2 134.2 0 0 0 71.3-69 143.3 143.3 0 0 0 12.3-48 153.8 153.8 0 0 0 .5-12.7c0-61.4-36-109.3-90-127.3ZM203 141.7v.1c0 2.4 0 4.7-.2 6.9-2.5 52.5-24.8 83.9-61.1 84h-.4c-40.6 0-61.2-33.8-63.7-87l-.2-5.3v-5.8c0-46.1 14.6-77.8 41-88.2l2.4-.8a56.4 56.4 0 0 1 18.3-2.9c43 0 64 37.8 64 95.8v3.3-.1Z"/><path fill="#162D22" d="M308.3 258 250 217.3a133.5 133.5 0 0 1-32.2 51l33.5 37.1 57-47.4Z"/></svg>

package/lib/{index.d.ts → theme-atom.d.ts}

@@ -149,11 +149,6 @@ export type Theme = {
     "alpha200": string
     "alpha250": string
     "alpha600": string
-    "primaryLight": string
-    "primary": string
-    "primaryMid": string
-    "primaryDark": string
-    "secondary": string
     "brandRed": string
     "brandRedAccent": string
     "brandGreen": string
@@ -162,6 +157,10 @@ export type Theme = {
     "brandPurpleAccent": string
     "brandYellow": string
     "brandYellowAccent": string
+    "infoLight": string
+    "info": string
+    "infoMid": string
+    "infoDark": string
     "successLight": string
     "success": string
     "successMid": string
@@ -185,6 +184,18 @@ export type Theme = {
     "glBlueLight": string
     "glBluePrimary": string
     "glBlueDark": string
+    "primary100": string
+    "primary200": string
+    "primary300": string
+    "primary400": string
+    "primary500": string
+    "primary600": string
+    "primary700": string
+    "primary800": string
+    "primary900": string
+    "primary1000": string
+    "primary1100": string
+    "primary1200": string
   },
   "space": {
     "0": string

package/lib/{index.js → theme-atom.js}

@@ -149,11 +149,6 @@ module.exports = {
     "alpha200": "hsla(0, 0%, 20%, 0.2)",
     "alpha250": "hsla(0, 0%, 20%, 0.25)",
     "alpha600": "hsla(0, 0%, 20%, 0.6)",
-    "primaryLight": "hsl(215, 100%, 98%)",
-    "primary": "hsl(217, 92%, 51%)",
-    "primaryMid": "hsl(223, 78%, 44%)",
-    "primaryDark": "hsl(228, 82%, 35%)",
-    "secondary": "hsl(204, 100%, 72%)",
     "brandRed": "hsl(0, 91%, 64%)",
     "brandRedAccent": "hsl(14, 100%, 71%)",
     "brandGreen": "hsl(128, 47%, 53%)",
@@ -162,6 +157,10 @@ module.exports = {
     "brandPurpleAccent": "hsl(256, 93%, 35%)",
     "brandYellow": "hsl(41, 100%, 55%)",
     "brandYellowAccent": "hsl(33, 100%, 50%)",
+    "infoLight": "hsl(215, 100%, 98%)",
+    "info": "hsl(217, 92%, 51%)",
+    "infoMid": "hsl(223, 78%, 44%)",
+    "infoDark": "hsl(228, 82%, 35%)",
     "successLight": "hsl(119, 44%, 94%)",
     "success": "hsl(119, 100%, 27%)",
     "successMid": "hsl(124, 100%, 22%)",
@@ -184,7 +183,19 @@ module.exports = {
     "subjectExamSkills": "hsl(256, 93%, 35%)",
     "glBlueLight": "hsl(222, 68%, 78%)",
     "glBluePrimary": "hsl(222, 56%, 55%)",
-    "glBlueDark": "hsl(222, 35%, 43%)"
+    "glBlueDark": "hsl(222, 35%, 43%)",
+    "primary100": "hsl(215, 100%, 98%)",
+    "primary200": "hsl(212, 100%, 95%)",
+    "primary300": "hsl(211, 100%, 92%)",
+    "primary400": "hsl(211, 100%, 88%)",
+    "primary500": "hsl(212, 100%, 80%)",
+    "primary600": "hsl(213, 100%, 71%)",
+    "primary700": "hsl(214, 100%, 58%)",
+    "primary800": "hsl(217, 92%, 51%)",
+    "primary900": "hsl(223, 78%, 44%)",
+    "primary1000": "hsl(228, 82%, 35%)",
+    "primary1100": "hsl(228, 63%, 23%)",
+    "primary1200": "hsl(227, 57%, 11%)"
   },
   "space": {
     "0": "0.125rem",

package/lib/{index.scss → theme-atom.scss}

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 24 Jul 2023 10:28:49 GMT
+// Generated on Mon, 08 Jan 2024 11:47:57 GMT
 
 $color-text-foreground: #1f1f1f;
 $color-text-subtle: #545454;
@@ -151,11 +151,6 @@ $color-alpha-150: rgba(51, 51, 51, 0.15);
 $color-alpha-200: rgba(51, 51, 51, 0.2);
 $color-alpha-250: rgba(51, 51, 51, 0.25);
 $color-alpha-600: rgba(51, 51, 51, 0.6);
-$color-primary-light: #f5f9ff;
-$color-primary-base: #0f67f5;
-$color-primary-mid: #194ac8;
-$color-primary-dark: #102da2;
-$color-secondary: #70c6ff;
 $color-brand-red-base: #f75050;
 $color-brand-red-accent: #ff8e6b;
 $color-brand-green-base: #4fbf5e;
@@ -164,6 +159,10 @@ $color-brand-purple-base: #815fdd;
 $color-brand-purple-accent: #3306ac;
 $color-brand-yellow-base: #ffb61a;
 $color-brand-yellow-accent: #ff8c00;
+$color-info-light: #f5f9ff;
+$color-info-base: #0f67f5;
+$color-info-mid: #194ac8;
+$color-info-dark: #102da2;
 $color-success-light: #e9f6e9;
 $color-success-base: #028a00;
 $color-success-mid: #007007;
@@ -187,6 +186,18 @@ $color-subject-exam-skills: #3306ac;
 $color-gl-blue-light: #a1b8ed;
 $color-gl-blue-primary: #4c73cd;
 $color-gl-blue-dark: #475e94;
+$color-primary-100: #f5f9ff;
+$color-primary-200: #e5f1ff;
+$color-primary-300: #d6eaff;
+$color-primary-400: #c2dfff;
+$color-primary-500: #99c9ff;
+$color-primary-600: #6baeff;
+$color-primary-700: #2986ff;
+$color-primary-800: #0f67f5;
+$color-primary-900: #194ac8;
+$color-primary-1000: #102da2;
+$color-primary-1100: #162460;
+$color-primary-1200: #0c132c;
 $font-families-sans: system-ui, -apple-system, 'Helvetica Neue', sans-serif;
 $font-families-mono: 'SFMono-Regular', Consolas, Menlo, monospace;
 $font-families-display: 'Space Grotesk', system-ui, -apple-system, 'Helvetica Neue', sans-serif;

package/lib/theme-quest.d.ts

@@ -0,0 +1,260 @@
+export type Theme = {
+  "colors": {
+    "textForeground": string
+    "textSubtle": string
+    "textPlaceholder": string
+    "background": string
+    "backgroundAccent": string
+    "grey100": string
+    "grey200": string
+    "grey300": string
+    "grey400": string
+    "grey500": string
+    "grey600": string
+    "grey700": string
+    "grey800": string
+    "grey900": string
+    "grey1000": string
+    "grey1100": string
+    "grey1200": string
+    "blue100": string
+    "blue200": string
+    "blue300": string
+    "blue400": string
+    "blue500": string
+    "blue600": string
+    "blue700": string
+    "blue800": string
+    "blue900": string
+    "blue1000": string
+    "blue1100": string
+    "blue1200": string
+    "purple100": string
+    "purple200": string
+    "purple300": string
+    "purple400": string
+    "purple500": string
+    "purple600": string
+    "purple700": string
+    "purple800": string
+    "purple900": string
+    "purple1000": string
+    "purple1100": string
+    "purple1200": string
+    "cyan100": string
+    "cyan200": string
+    "cyan300": string
+    "cyan400": string
+    "cyan500": string
+    "cyan600": string
+    "cyan700": string
+    "cyan800": string
+    "cyan900": string
+    "cyan1000": string
+    "cyan1100": string
+    "cyan1200": string
+    "green100": string
+    "green200": string
+    "green300": string
+    "green400": string
+    "green500": string
+    "green600": string
+    "green700": string
+    "green800": string
+    "green900": string
+    "green1000": string
+    "green1100": string
+    "green1200": string
+    "magenta100": string
+    "magenta200": string
+    "magenta300": string
+    "magenta400": string
+    "magenta500": string
+    "magenta600": string
+    "magenta700": string
+    "magenta800": string
+    "magenta900": string
+    "magenta1000": string
+    "magenta1100": string
+    "magenta1200": string
+    "red100": string
+    "red200": string
+    "red300": string
+    "red400": string
+    "red500": string
+    "red600": string
+    "red700": string
+    "red800": string
+    "red900": string
+    "red1000": string
+    "red1100": string
+    "red1200": string
+    "teal100": string
+    "teal200": string
+    "teal300": string
+    "teal400": string
+    "teal500": string
+    "teal600": string
+    "teal700": string
+    "teal800": string
+    "teal900": string
+    "teal1000": string
+    "teal1100": string
+    "teal1200": string
+    "orange100": string
+    "orange200": string
+    "orange300": string
+    "orange400": string
+    "orange500": string
+    "orange600": string
+    "orange700": string
+    "orange800": string
+    "orange900": string
+    "orange1000": string
+    "orange1100": string
+    "orange1200": string
+    "yellow100": string
+    "yellow200": string
+    "yellow300": string
+    "yellow400": string
+    "yellow500": string
+    "yellow600": string
+    "yellow700": string
+    "yellow800": string
+    "yellow900": string
+    "yellow1000": string
+    "yellow1100": string
+    "yellow1200": string
+    "lime100": string
+    "lime200": string
+    "lime300": string
+    "lime400": string
+    "lime500": string
+    "lime600": string
+    "lime700": string
+    "lime800": string
+    "lime900": string
+    "lime1000": string
+    "lime1100": string
+    "lime1200": string
+    "tonal50": string
+    "tonal100": string
+    "tonal200": string
+    "tonal300": string
+    "tonal400": string
+    "tonal500": string
+    "tonal600": string
+    "alpha100": string
+    "alpha150": string
+    "alpha200": string
+    "alpha250": string
+    "alpha600": string
+    "brandRed": string
+    "brandRedAccent": string
+    "brandGreen": string
+    "brandGreenAccent": string
+    "brandPurple": string
+    "brandPurpleAccent": string
+    "brandYellow": string
+    "brandYellowAccent": string
+    "infoLight": string
+    "info": string
+    "infoMid": string
+    "infoDark": string
+    "successLight": string
+    "success": string
+    "successMid": string
+    "successDark": string
+    "dangerLight": string
+    "danger": string
+    "dangerMid": string
+    "dangerDark": string
+    "warningLight": string
+    "warning": string
+    "warningMid": string
+    "warningDark": string
+    "warningText": string
+    "subjectEnglish": string
+    "subjectMaths": string
+    "subjectScience": string
+    "subjectVerbalReasoning": string
+    "subjectNonVerbalReasoning": string
+    "subjectCreativeWriting": string
+    "subjectExamSkills": string
+    "glBlueLight": string
+    "glBluePrimary": string
+    "glBlueDark": string
+    "primary100": string
+    "primary200": string
+    "primary300": string
+    "primary400": string
+    "primary500": string
+    "primary600": string
+    "primary700": string
+    "primary800": string
+    "primary900": string
+    "primary1000": string
+    "primary1100": string
+    "primary1200": string
+  },
+  "space": {
+    "0": string
+    "1": string
+    "2": string
+    "3": string
+    "4": string
+    "5": string
+    "6": string
+    "7": string
+    "8": string
+    "9": string
+    "24": string
+  },
+  "fontSizes": {
+    "xs": string
+    "sm": string
+    "md": string
+    "lg": string
+    "xl": string
+    "2xl": string
+    "3xl": string
+    "4xl": string
+  },
+  "fonts": {
+    "sans": string
+    "mono": string
+    "display": string
+    "body": string
+  },
+  "sizes": {
+    "0": string
+    "1": string
+    "2": string
+    "3": string
+    "4": string
+    "5": string
+    "6": string
+    "7": string
+    "8": string
+  },
+  "radii": {
+    "0": string
+    "1": string
+    "2": string
+    "3": string
+    "round": string
+  },
+  "shadows": {
+    "0": string
+    "1": string
+    "2": string
+    "3": string
+  },
+  "ratios": {
+    "16-9": string
+    "3-2": string
+    "4-3": string
+    "1-1": string
+    "3-4": string
+  }
+}

package/lib/theme-quest.js

@@ -0,0 +1,260 @@
+module.exports = {
+  "colors": {
+    "textForeground": "hsl(0, 0%, 12%)",
+    "textSubtle": "hsl(0, 0%, 33%)",
+    "textPlaceholder": "hsl(0, 0%, 46%)",
+    "background": "hsl(0, 0%, 96%)",
+    "backgroundAccent": "hsl(215, 100%, 98%)",
+    "grey100": "hsl(0, 0%, 96%)",
+    "grey200": "hsl(0, 0%, 92%)",
+    "grey300": "hsl(0, 0%, 88%)",
+    "grey400": "hsl(0, 0%, 81%)",
+    "grey500": "hsl(0, 0%, 73%)",
+    "grey600": "hsl(0, 0%, 62%)",
+    "grey700": "hsl(0, 0%, 46%)",
+    "grey800": "hsl(0, 0%, 33%)",
+    "grey900": "hsl(0, 0%, 20%)",
+    "grey1000": "hsl(0, 0%, 12%)",
+    "grey1100": "hsl(0, 0%, 10%)",
+    "grey1200": "hsl(0, 0%, 6%)",
+    "blue100": "hsl(215, 100%, 98%)",
+    "blue200": "hsl(212, 100%, 95%)",
+    "blue300": "hsl(211, 100%, 92%)",
+    "blue400": "hsl(211, 100%, 88%)",
+    "blue500": "hsl(212, 100%, 80%)",
+    "blue600": "hsl(213, 100%, 71%)",
+    "blue700": "hsl(214, 100%, 58%)",
+    "blue800": "hsl(217, 92%, 51%)",
+    "blue900": "hsl(223, 78%, 44%)",
+    "blue1000": "hsl(228, 82%, 35%)",
+    "blue1100": "hsl(228, 63%, 23%)",
+    "blue1200": "hsl(227, 57%, 11%)",
+    "purple100": "hsl(282, 100%, 98%)",
+    "purple200": "hsl(270, 100%, 95%)",
+    "purple300": "hsl(271, 100%, 92%)",
+    "purple400": "hsl(270, 100%, 89%)",
+    "purple500": "hsl(270, 90%, 81%)",
+    "purple600": "hsl(271, 97%, 69%)",
+    "purple700": "hsl(273, 84%, 47%)",
+    "purple800": "hsl(273, 94%, 48%)",
+    "purple900": "hsl(268, 79%, 42%)",
+    "purple1000": "hsl(266, 82%, 32%)",
+    "purple1100": "hsl(265, 63%, 23%)",
+    "purple1200": "hsl(265, 61%, 14%)",
+    "cyan100": "hsl(198, 100%, 97%)",
+    "cyan200": "hsl(199, 100%, 94%)",
+    "cyan300": "hsl(201, 100%, 89%)",
+    "cyan400": "hsl(200, 100%, 84%)",
+    "cyan500": "hsl(201, 96%, 73%)",
+    "cyan600": "hsl(202, 85%, 60%)",
+    "cyan700": "hsl(204, 81%, 46%)",
+    "cyan800": "hsl(205, 100%, 38%)",
+    "cyan900": "hsl(206, 100%, 30%)",
+    "cyan1000": "hsl(205, 100%, 21%)",
+    "cyan1100": "hsl(206, 97%, 15%)",
+    "cyan1200": "hsl(207, 73%, 9%)",
+    "green100": "hsl(135, 80%, 96%)",
+    "green200": "hsl(135, 72%, 92%)",
+    "green300": "hsl(135, 68%, 83%)",
+    "green400": "hsl(135, 65%, 76%)",
+    "green500": "hsl(136, 56%, 62%)",
+    "green600": "hsl(137, 42%, 49%)",
+    "green700": "hsl(138, 51%, 35%)",
+    "green800": "hsl(138, 68%, 29%)",
+    "green900": "hsl(138, 74%, 21%)",
+    "green1000": "hsl(138, 89%, 14%)",
+    "green1100": "hsl(135, 91%, 9%)",
+    "green1200": "hsl(123, 56%, 6%)",
+    "magenta100": "hsl(330, 100%, 99%)",
+    "magenta200": "hsl(329, 100%, 96%)",
+    "magenta300": "hsl(332, 100%, 92%)",
+    "magenta400": "hsl(333, 100%, 90%)",
+    "magenta500": "hsl(333, 90%, 80%)",
+    "magenta600": "hsl(333, 87%, 72%)",
+    "magenta700": "hsl(333, 75%, 59%)",
+    "magenta800": "hsl(333, 69%, 49%)",
+    "magenta900": "hsl(333, 74%, 36%)",
+    "magenta1000": "hsl(333, 86%, 25%)",
+    "magenta1100": "hsl(333, 95%, 16%)",
+    "magenta1200": "hsl(334, 62%, 10%)",
+    "red100": "hsl(0, 100%, 99%)",
+    "red200": "hsl(0, 100%, 96%)",
+    "red300": "hsl(357, 100%, 93%)",
+    "red400": "hsl(356, 100%, 90%)",
+    "red500": "hsl(356, 96%, 83%)",
+    "red600": "hsl(357, 90%, 73%)",
+    "red700": "hsl(357, 80%, 59%)",
+    "red800": "hsl(357, 76%, 49%)",
+    "red900": "hsl(357, 73%, 37%)",
+    "red1000": "hsl(357, 79%, 26%)",
+    "red1100": "hsl(357, 91%, 17%)",
+    "red1200": "hsl(357, 73%, 10%)",
+    "teal100": "hsl(180, 83%, 95%)",
+    "teal200": "hsl(180, 75%, 88%)",
+    "teal300": "hsl(180, 71%, 78%)",
+    "teal400": "hsl(179, 70%, 71%)",
+    "teal500": "hsl(179, 65%, 52%)",
+    "teal600": "hsl(179, 76%, 41%)",
+    "teal700": "hsl(179, 91%, 31%)",
+    "teal800": "hsl(178, 100%, 25%)",
+    "teal900": "hsl(180, 100%, 18%)",
+    "teal1000": "hsl(183, 100%, 13%)",
+    "teal1100": "hsl(187, 92%, 10%)",
+    "teal1200": "hsl(186, 56%, 7%)",
+    "orange100": "hsl(38, 100%, 95%)",
+    "orange200": "hsl(38, 100%, 90%)",
+    "orange300": "hsl(37, 100%, 84%)",
+    "orange400": "hsl(36, 96%, 78%)",
+    "orange500": "hsl(33, 100%, 67%)",
+    "orange600": "hsl(31, 97%, 57%)",
+    "orange700": "hsl(30, 92%, 46%)",
+    "orange800": "hsl(29, 100%, 43%)",
+    "orange900": "hsl(27, 100%, 36%)",
+    "orange1000": "hsl(24, 100%, 26%)",
+    "orange1100": "hsl(20, 97%, 15%)",
+    "orange1200": "hsl(20, 96%, 11%)",
+    "yellow100": "hsl(53, 94%, 93%)",
+    "yellow200": "hsl(54, 92%, 85%)",
+    "yellow300": "hsl(54, 92%, 75%)",
+    "yellow400": "hsl(52, 97%, 63%)",
+    "yellow500": "hsl(51, 100%, 46%)",
+    "yellow600": "hsl(49, 100%, 39%)",
+    "yellow700": "hsl(48, 100%, 35%)",
+    "yellow800": "hsl(46, 100%, 30%)",
+    "yellow900": "hsl(44, 100%, 22%)",
+    "yellow1000": "hsl(44, 100%, 18%)",
+    "yellow1100": "hsl(41, 100%, 11%)",
+    "yellow1200": "hsl(39, 100%, 8%)",
+    "lime100": "hsl(73, 94%, 93%)",
+    "lime200": "hsl(73, 94%, 87%)",
+    "lime300": "hsl(73, 90%, 77%)",
+    "lime400": "hsl(74, 82%, 69%)",
+    "lime500": "hsl(74, 68%, 58%)",
+    "lime600": "hsl(74, 77%, 41%)",
+    "lime700": "hsl(75, 100%, 31%)",
+    "lime800": "hsl(75, 100%, 27%)",
+    "lime900": "hsl(75, 100%, 19%)",
+    "lime1000": "hsl(75, 100%, 15%)",
+    "lime1100": "hsl(75, 100%, 9%)",
+    "lime1200": "hsl(74, 100%, 6%)",
+    "tonal50": "hsl(0, 0%, 96%)",
+    "tonal100": "hsl(0, 0%, 92%)",
+    "tonal200": "hsl(0, 0%, 62%)",
+    "tonal300": "hsl(0, 0%, 46%)",
+    "tonal400": "hsl(0, 0%, 33%)",
+    "tonal500": "hsl(0, 0%, 20%)",
+    "tonal600": "hsl(0, 0%, 12%)",
+    "alpha100": "hsla(0, 0%, 20%, 0.1)",
+    "alpha150": "hsla(0, 0%, 20%, 0.15)",
+    "alpha200": "hsla(0, 0%, 20%, 0.2)",
+    "alpha250": "hsla(0, 0%, 20%, 0.25)",
+    "alpha600": "hsla(0, 0%, 20%, 0.6)",
+    "brandRed": "hsl(0, 91%, 64%)",
+    "brandRedAccent": "hsl(14, 100%, 71%)",
+    "brandGreen": "hsl(128, 47%, 53%)",
+    "brandGreenAccent": "hsl(168, 100%, 20%)",
+    "brandPurple": "hsl(256, 65%, 62%)",
+    "brandPurpleAccent": "hsl(256, 93%, 35%)",
+    "brandYellow": "hsl(41, 100%, 55%)",
+    "brandYellowAccent": "hsl(33, 100%, 50%)",
+    "infoLight": "hsl(215, 100%, 98%)",
+    "info": "hsl(217, 92%, 51%)",
+    "infoMid": "hsl(223, 78%, 44%)",
+    "infoDark": "hsl(228, 82%, 35%)",
+    "successLight": "hsl(119, 44%, 94%)",
+    "success": "hsl(119, 100%, 27%)",
+    "successMid": "hsl(124, 100%, 22%)",
+    "successDark": "hsl(126, 100%, 17%)",
+    "dangerLight": "hsl(0, 77%, 95%)",
+    "danger": "hsl(0, 96%, 48%)",
+    "dangerMid": "hsl(0, 96%, 41%)",
+    "dangerDark": "hsl(0, 97%, 34%)",
+    "warningLight": "hsl(39, 100%, 94%)",
+    "warning": "hsl(41, 100%, 55%)",
+    "warningMid": "hsl(41, 89%, 48%)",
+    "warningDark": "hsl(41, 100%, 41%)",
+    "warningText": "hsl(24, 100%, 37%)",
+    "subjectEnglish": "hsl(0, 91%, 64%)",
+    "subjectMaths": "hsl(217, 92%, 51%)",
+    "subjectScience": "hsl(256, 65%, 62%)",
+    "subjectVerbalReasoning": "hsl(128, 47%, 53%)",
+    "subjectNonVerbalReasoning": "hsl(41, 100%, 55%)",
+    "subjectCreativeWriting": "hsl(33, 100%, 50%)",
+    "subjectExamSkills": "hsl(256, 93%, 35%)",
+    "glBlueLight": "hsl(222, 68%, 78%)",
+    "glBluePrimary": "hsl(222, 56%, 55%)",
+    "glBlueDark": "hsl(222, 35%, 43%)",
+    "primary100": "hsl(151, 70%, 96%)",
+    "primary200": "hsl(151, 62%, 92%)",
+    "primary300": "hsl(151, 53%, 83%)",
+    "primary400": "hsl(151, 50%, 75%)",
+    "primary500": "hsl(151, 46%, 64%)",
+    "primary600": "hsl(151, 42%, 49%)",
+    "primary700": "hsl(151, 51%, 35%)",
+    "primary800": "hsl(151, 63%, 29%)",
+    "primary900": "hsl(151, 55%, 21%)",
+    "primary1000": "hsl(151, 47%, 18%)",
+    "primary1100": "hsl(151, 34%, 13%)",
+    "primary1200": "hsl(151, 24%, 7%)"
+  },
+  "space": {
+    "0": "0.125rem",
+    "1": "0.25rem",
+    "2": "0.5rem",
+    "3": "0.75rem",
+    "4": "1rem",
+    "5": "2rem",
+    "6": "2.5rem",
+    "7": "3rem",
+    "8": "4rem",
+    "9": "5rem",
+    "24": "1.5rem"
+  },
+  "fontSizes": {
+    "xs": "0.75rem",
+    "sm": "0.875rem",
+    "md": "1rem",
+    "lg": "1.3125rem",
+    "xl": "1.75rem",
+    "2xl": "2.3125rem",
+    "3xl": "3.125rem",
+    "4xl": "5.625rem"
+  },
+  "fonts": {
+    "sans": "system-ui, -apple-system, 'Helvetica Neue', sans-serif",
+    "mono": "'SFMono-Regular', Consolas, Menlo, monospace",
+    "display": "'Make', system-ui, -apple-system, 'Helvetica Neue', sans-serif",
+    "body": "'DM Sans', system-ui, -apple-system, 'Helvetica Neue', sans-serif"
+  },
+  "sizes": {
+    "0": "0.5rem",
+    "1": "1rem",
+    "2": "1.5rem",
+    "3": "2rem",
+    "4": "2.5rem",
+    "5": "3rem",
+    "6": "4rem",
+    "7": "6rem",
+    "8": "8rem"
+  },
+  "radii": {
+    "0": "0.25rem",
+    "1": "0.5rem",
+    "2": "0.75rem",
+    "3": "1rem",
+    "round": "100rem"
+  },
+  "shadows": {
+    "0": "0 1px 3px hsla(0, 0%, 20%, 0.1), 0 1px 2px hsla(0, 0%, 20%, 0.15)",
+    "1": "0 3px 6px hsla(0, 0%, 20%, 0.1), 0 3px 6px hsla(0, 0%, 20%, 0.1)",
+    "2": "0 10px 20px hsla(0, 0%, 20%, 0.1), 0 6px 6px hsla(0, 0%, 20%, 0.1)",
+    "3": "0 14px 28px hsla(0, 0%, 20%, 0.15), 0 10px 10px hsla(0, 0%, 20%, 0.1)"
+  },
+  "ratios": {
+    "16-9": "16/9",
+    "3-2": "3/2",
+    "4-3": "4/3",
+    "1-1": "1/1",
+    "3-4": "3/4"
+  }
+}

package/lib/theme-quest.scss

@@ -0,0 +1,252 @@
+
+// Do not edit directly
+// Generated on Mon, 08 Jan 2024 11:47:58 GMT
+
+$color-text-foreground: #1f1f1f;
+$color-text-subtle: #545454;
+$color-text-placeholder: #757575;
+$color-background-base: #f5f5f5;
+$color-background-accent: #f5f9ff;
+$color-grey-100: #f5f5f5;
+$color-grey-200: #ebebeb;
+$color-grey-300: #e0e0e0;
+$color-grey-400: #cfcfcf;
+$color-grey-500: #bababa;
+$color-grey-600: #9e9e9e;
+$color-grey-700: #757575;
+$color-grey-800: #545454;
+$color-grey-900: #333333;
+$color-grey-1000: #1f1f1f;
+$color-grey-1100: #1a1a1a;
+$color-grey-1200: #0f0f0f;
+$color-blue-100: #f5f9ff;
+$color-blue-200: #e5f1ff;
+$color-blue-300: #d6eaff;
+$color-blue-400: #c2dfff;
+$color-blue-500: #99c9ff;
+$color-blue-600: #6baeff;
+$color-blue-700: #2986ff;
+$color-blue-800: #0f67f5;
+$color-blue-900: #194ac8;
+$color-blue-1000: #102da2;
+$color-blue-1100: #162460;
+$color-blue-1200: #0c132c;
+$color-purple-100: #fcf5ff;
+$color-purple-200: #f2e5ff;
+$color-purple-300: #ebd6ff;
+$color-purple-400: #e3c7ff;
+$color-purple-500: #cfa3fa;
+$color-purple-600: #b363fd;
+$color-purple-700: #8213dd;
+$color-purple-800: #8607ed;
+$color-purple-900: #6516c0;
+$color-purple-1000: #490f95;
+$color-purple-1100: #341660;
+$color-purple-1200: #200e39;
+$color-cyan-100: #f0faff;
+$color-cyan-200: #e0f5ff;
+$color-cyan-300: #c7ebff;
+$color-cyan-400: #ade4ff;
+$color-cyan-500: #78cefc;
+$color-cyan-600: #42b0f0;
+$color-cyan-700: #1688d4;
+$color-cyan-800: #0071c2;
+$color-cyan-900: #005799;
+$color-cyan-1000: #003e6b;
+$color-cyan-1100: #012b4b;
+$color-cyan-1200: #061928;
+$color-green-100: #edfdf1;
+$color-green-200: #dcf9e3;
+$color-green-300: #b6f1c5;
+$color-green-400: #9aeaae;
+$color-green-500: #68d485;
+$color-green-600: #48b166;
+$color-green-700: #2c8747;
+$color-green-800: #187c36;
+$color-green-900: #0e5d26;
+$color-green-1000: #044317;
+$color-green-1100: #022c0d;
+$color-green-1200: #071808;
+$color-magenta-100: #fffafc;
+$color-magenta-200: #ffebf5;
+$color-magenta-300: #ffd6e9;
+$color-magenta-400: #ffcce3;
+$color-magenta-500: #fa9ec7;
+$color-magenta-600: #f679b1;
+$color-magenta-700: #e5488f;
+$color-magenta-800: #d32774;
+$color-magenta-900: #a01855;
+$color-magenta-1000: #77093a;
+$color-magenta-1100: #500225;
+$color-magenta-1200: #290a17;
+$color-red-100: #fffafa;
+$color-red-200: #ffebeb;
+$color-red-300: #ffdbdd;
+$color-red-400: #ffcccf;
+$color-red-500: #fdaab0;
+$color-red-600: #f87c82;
+$color-red-700: #ea434b;
+$color-red-800: #dc1e27;
+$color-red-900: #a31920;
+$color-red-1000: #770e13;
+$color-red-1100: #530408;
+$color-red-1200: #2c0709;
+$color-teal-100: #e8fdfd;
+$color-teal-200: #c9f7f7;
+$color-teal-300: #9fefef;
+$color-teal-400: #81e9e7;
+$color-teal-500: #35d4d2;
+$color-teal-600: #19b8b5;
+$color-teal-700: #079795;
+$color-teal-800: #00807b;
+$color-teal-900: #005c5c;
+$color-teal-1000: #003f42;
+$color-teal-1100: #022b31;
+$color-teal-1200: #081a1c;
+$color-orange-100: #fff6e5;
+$color-orange-200: #ffeccc;
+$color-orange-300: #ffe0ad;
+$color-orange-400: #fdd291;
+$color-orange-500: #ffb357;
+$color-orange-600: #fc9527;
+$color-orange-700: #e17509;
+$color-orange-800: #db6a00;
+$color-orange-900: #b85300;
+$color-orange-1000: #853500;
+$color-orange-1100: #4b1a01;
+$color-orange-1200: #371301;
+$color-yellow-100: #fefadc;
+$color-yellow-200: #fcf5b6;
+$color-yellow-300: #faee85;
+$color-yellow-400: #fce445;
+$color-yellow-500: #ebc700;
+$color-yellow-600: #c7a200;
+$color-yellow-700: #b38f00;
+$color-yellow-800: #997500;
+$color-yellow-900: #705200;
+$color-yellow-1000: #5c4300;
+$color-yellow-1100: #382600;
+$color-yellow-1200: #291b00;
+$color-lime-100: #f7fedc;
+$color-lime-200: #f0fdbf;
+$color-lime-300: #e2f990;
+$color-lime-400: #d3f16f;
+$color-lime-500: #bbdd4b;
+$color-lime-600: #93b918;
+$color-lime-700: #779e00;
+$color-lime-800: #678a00;
+$color-lime-900: #496100;
+$color-lime-1000: #394d00;
+$color-lime-1100: #222e00;
+$color-lime-1200: #171f00;
+$color-tonal-50: #f5f5f5;
+$color-tonal-100: #ebebeb;
+$color-tonal-200: #9e9e9e;
+$color-tonal-300: #757575;
+$color-tonal-400: #545454;
+$color-tonal-500: #333333;
+$color-tonal-600: #1f1f1f;
+$color-alpha-100: rgba(51, 51, 51, 0.1);
+$color-alpha-150: rgba(51, 51, 51, 0.15);
+$color-alpha-200: rgba(51, 51, 51, 0.2);
+$color-alpha-250: rgba(51, 51, 51, 0.25);
+$color-alpha-600: rgba(51, 51, 51, 0.6);
+$color-brand-red-base: #f75050;
+$color-brand-red-accent: #ff8e6b;
+$color-brand-green-base: #4fbf5e;
+$color-brand-green-accent: #006652;
+$color-brand-purple-base: #815fdd;
+$color-brand-purple-accent: #3306ac;
+$color-brand-yellow-base: #ffb61a;
+$color-brand-yellow-accent: #ff8c00;
+$color-info-light: #f5f9ff;
+$color-info-base: #0f67f5;
+$color-info-mid: #194ac8;
+$color-info-dark: #102da2;
+$color-success-light: #e9f6e9;
+$color-success-base: #028a00;
+$color-success-mid: #007007;
+$color-success-dark: #005709;
+$color-danger-light: #fce8e8;
+$color-danger-base: #f00505;
+$color-danger-mid: #cd0404;
+$color-danger-dark: #ab0303;
+$color-warning-light: #fff4e0;
+$color-warning-base: #ffb61a;
+$color-warning-mid: #e7a20d;
+$color-warning-dark: #d18f00;
+$color-warning-text: #bd4b00;
+$color-subject-english: #f75050;
+$color-subject-maths: #0f67f5;
+$color-subject-science: #815fdd;
+$color-subject-verbal-reasoning: #4fbf5e;
+$color-subject-non-verbal-reasoning: #ffb61a;
+$color-subject-creative-writing: #ff8c00;
+$color-subject-exam-skills: #3306ac;
+$color-gl-blue-light: #a1b8ed;
+$color-gl-blue-primary: #4c73cd;
+$color-gl-blue-dark: #475e94;
+$color-primary-100: #eefcf5;
+$color-primary-200: #def7eb;
+$color-primary-300: #bdebd4;
+$color-primary-400: #9fdfc0;
+$color-primary-500: #79cda5;
+$color-primary-600: #48b17f;
+$color-primary-700: #2c875b;
+$color-primary-800: #1b794c;
+$color-primary-900: #185337;
+$color-primary-1000: #18432f;
+$color-primary-1100: #162c22;
+$color-primary-1200: #0e1612;
+$font-families-sans: system-ui, -apple-system, 'Helvetica Neue', sans-serif;
+$font-families-mono: 'SFMono-Regular', Consolas, Menlo, monospace;
+$font-families-display: 'Make', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
+$font-families-body: 'DM Sans', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
+
+$effects-shadows: (
+  0: (0 1px 3px rgba(51, 51, 51, 0.1), 0 1px 2px rgba(51, 51, 51, 0.15)),
+  1: (0 3px 6px rgba(51, 51, 51, 0.1), 0 3px 6px rgba(51, 51, 51, 0.1)),
+  2: (0 10px 20px rgba(51, 51, 51, 0.1), 0 6px 6px rgba(51, 51, 51, 0.1)),
+  3: (0 14px 28px rgba(51, 51, 51, 0.15), 0 10px 10px rgba(51, 51, 51, 0.1))
+);
+$size-font: (
+  xs: 12px,
+  sm: 14px,
+  md: 16px,
+  lg: 21px,
+  xl: 28px,
+  2xl: 37px,
+  3xl: 50px,
+  4xl: 90px
+);
+$size-space: (
+  0: 2px,
+  1: 4px,
+  2: 8px,
+  3: 12px,
+  4: 16px,
+  5: 32px,
+  6: 40px,
+  7: 48px,
+  8: 64px,
+  9: 80px,
+  24: 24px
+);
+$size-size: (
+  0: 8px,
+  1: 16px,
+  2: 24px,
+  3: 32px,
+  4: 40px,
+  5: 48px,
+  6: 64px,
+  7: 96px,
+  8: 128px
+);
+$size-radii: (
+  0: 4px,
+  1: 8px,
+  2: 12px,
+  3: 16px,
+  round: 1600px
+);

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@atom-learning/theme",
-  "version": "2.0.0",
+  "version": "3.0.0-beta.0",
   "description": "Design tokens and assets for Atom Learning",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "scripts": {
-    "build:lib": "node ./scripts/build.js",
+    "build:lib": "node ./scripts/build.js --theme=atom && node ./scripts/build.js --theme=quest",
     "build:docs": "cp -r ./src/documentation/. ./lib",
     "prepublishOnly": "run-s clean build:lib build:docs",
     "clean": "del ./lib"
@@ -20,7 +20,8 @@
     "del-cli": "^3.0.1",
     "npm-run-all": "^4.1.5",
     "pascal-case": "^3.1.2",
-    "style-dictionary": "^3.0.1"
+    "style-dictionary": "^3.0.1",
+    "yargs": "^17.7.2"
   },
   "dependencies": {}
 }