@atom-learning/theme 6.0.0-beta.5 → 6.0.0-beta.7

package/lib/theme-quest.d.ts

@@ -1,230 +1,5 @@
-declare const theme: {
+export const theme: {
   colors: {
-    textBold: "hsl(0, 0%, 12%)"
-    textRegular: "hsl(0, 0%, 20%)"
-    textSubtle: "hsl(0, 0%, 33%)"
-    textMinimal: "hsl(0, 0%, 46%)"
-    background: "hsl(0, 0%, 96%)"
-    backgroundAccent: "hsl(215, 100%, 98%)"
-    black: "hsl(0, 0%, 0%)"
-    white: "hsl(0, 0%, 100%)"
-    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, 79%, 44%)"
-    blue1000: "hsl(228, 82%, 35%)"
-    blue1100: "hsl(228, 63%, 23%)"
-    blue1200: "hsl(227, 57%, 11%)"
-    pink100: "hsl(311, 100%, 98%)"
-    pink200: "hsl(310, 100%, 95%)"
-    pink300: "hsl(311, 100%, 90%)"
-    pink400: "hsl(313, 100%, 80%)"
-    pink500: "hsl(313, 83%, 72%)"
-    pink600: "hsl(315, 82%, 66%)"
-    pink700: "hsl(316, 63%, 56%)"
-    pink800: "hsl(317, 63%, 44%)"
-    pink900: "hsl(318, 63%, 37%)"
-    pink1000: "hsl(319, 55%, 33%)"
-    pink1100: "hsl(318, 98%, 16%)"
-    pink1200: "hsl(318, 97%, 12%)"
-    purple100: "hsl(246, 83%, 98%)"
-    purple200: "hsl(244, 74%, 95%)"
-    purple300: "hsl(246, 76%, 92%)"
-    purple400: "hsl(246, 74%, 85%)"
-    purple500: "hsl(249, 72%, 76%)"
-    purple600: "hsl(252, 70%, 66%)"
-    purple700: "hsl(256, 65%, 62%)"
-    purple800: "hsl(252, 51%, 51%)"
-    purple900: "hsl(257, 54%, 42%)"
-    purple1000: "hsl(257, 53%, 35%)"
-    purple1100: "hsl(255, 57%, 23%)"
-    purple1200: "hsl(255, 76%, 13%)"
-    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(148, 93%, 94%)"
-    green200: "hsl(149, 95%, 91%)"
-    green300: "hsl(147, 87%, 85%)"
-    green400: "hsl(148, 84%, 70%)"
-    green500: "hsl(148, 75%, 54%)"
-    green600: "hsl(148, 77%, 45%)"
-    green700: "hsl(148, 84%, 36%)"
-    green800: "hsl(158, 79%, 29%)"
-    green900: "hsl(166, 71%, 24%)"
-    green1000: "hsl(166, 67%, 20%)"
-    green1100: "hsl(169, 88%, 10%)"
-    green1200: "hsl(155, 92%, 5%)"
-    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(0, 100%, 96%)"
-    red400: "hsl(357, 100%, 93%)"
-    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(45, 100%, 96%)"
-    orange200: "hsl(46, 100%, 89%)"
-    orange300: "hsl(46, 100%, 77%)"
-    orange400: "hsl(44, 100%, 65%)"
-    orange500: "hsl(41, 100%, 55%)"
-    orange600: "hsl(29, 100%, 55%)"
-    orange700: "hsl(35, 95%, 50%)"
-    orange800: "hsl(22, 94%, 54%)"
-    orange900: "hsl(22, 100%, 46%)"
-    orange1000: "hsl(20, 100%, 39%)"
-    orange1100: "hsl(18, 100%, 27%)"
-    orange1200: "hsl(18, 100%, 21%)"
-    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%)"
-    lapis100: "hsl(214, 100%, 97%)"
-    lapis200: "hsl(215, 100%, 95%)"
-    lapis300: "hsl(202, 100%, 87%)"
-    lapis400: "hsl(212, 100%, 83%)"
-    lapis500: "hsl(220, 95%, 76%)"
-    lapis600: "hsl(230, 84%, 70%)"
-    lapis700: "hsl(240, 79%, 66%)"
-    lapis800: "hsl(240, 59%, 52%)"
-    lapis900: "hsl(240, 58%, 38%)"
-    lapis1000: "hsl(240, 63%, 29%)"
-    lapis1100: "hsl(240, 87%, 18%)"
-    lapis1200: "hsl(240, 97%, 12%)"
-    maroon100: "hsl(15, 100%, 98%)"
-    maroon200: "hsl(16, 100%, 93%)"
-    maroon300: "hsl(16, 100%, 87%)"
-    maroon400: "hsl(16, 100%, 80%)"
-    maroon500: "hsl(7, 89%, 70%)"
-    maroon600: "hsl(7, 78%, 60%)"
-    maroon700: "hsl(7, 67%, 44%)"
-    maroon800: "hsl(7, 95%, 32%)"
-    maroon900: "hsl(349, 89%, 28%)"
-    maroon1000: "hsl(346, 77%, 26%)"
-    maroon1100: "hsl(335, 73%, 20%)"
-    maroon1200: "hsl(335, 81%, 12%)"
-    marsh100: "hsl(147, 50%, 96%)"
-    marsh200: "hsl(147, 27%, 88%)"
-    marsh300: "hsl(147, 26%, 82%)"
-    marsh400: "hsl(147, 25%, 73%)"
-    marsh500: "hsl(147, 22%, 60%)"
-    marsh600: "hsl(147, 15%, 48%)"
-    marsh700: "hsl(147, 15%, 37%)"
-    marsh800: "hsl(147, 23%, 29%)"
-    marsh900: "hsl(147, 25%, 21%)"
-    marsh1000: "hsl(147, 17%, 18%)"
-    marsh1100: "hsl(147, 24%, 13%)"
-    marsh1200: "hsl(147, 14%, 7%)"
-    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)"
-    infoLight: "hsl(215, 100%, 98%)"
-    info: "hsl(217, 92%, 51%)"
-    infoMid: "hsl(223, 79%, 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(333, 75%, 59%)"
-    subjectMaths: "hsl(214, 100%, 58%)"
-    subjectScience: "hsl(256, 65%, 62%)"
-    subjectVerbalReasoning: "hsl(148, 84%, 36%)"
-    subjectNonVerbalReasoning: "hsl(41, 100%, 55%)"
-    subjectCreativeWriting: "hsl(35, 95%, 50%)"
-    subjectExamSkills: "hsl(257, 53%, 35%)"
-    subjectGcseEnglishLiterature: "hsl(333, 75%, 59%)"
-    subjectGcseMaths: "hsl(214, 100%, 58%)"
-    subjectGcseChemistry: "hsl(35, 95%, 50%)"
-    subjectGcsePhysics: "hsl(0, 0%, 46%)"
-    subjectGcseBiology: "hsl(148, 84%, 36%)"
-    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%)"
@@ -238,39 +13,29 @@ declare const theme: {
     primary1100: "hsl(150, 34%, 15%)"
     primary1200: "hsl(150, 30%, 9%)"
   }
-  space: {
-    base: "0.25rem"
-  }
-  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: "\'DM Sans\', system-ui, -apple-system, \'Helvetica Neue\', sans-serif"
     body: "\'Inter\', system-ui, -apple-system, \'Helvetica Neue\', sans-serif"
   }
-  radii: {
-    sm: "0.25rem"
-    md: "0.5rem"
-    lg: "0.75rem"
-    xl: "1rem"
-  }
-  shadows: {
-    sm: "0 1px 3px hsla(0, 0%, 20%, 0.1), 0 1px 2px hsla(0, 0%, 20%, 0.15)"
-    md: "0 3px 6px hsla(0, 0%, 20%, 0.1), 0 3px 6px hsla(0, 0%, 20%, 0.1)"
-    lg: "0 10px 20px hsla(0, 0%, 20%, 0.1), 0 6px 6px hsla(0, 0%, 20%, 0.1)"
-    xl: "0 14px 28px hsla(0, 0%, 20%, 0.15), 0 10px 10px hsla(0, 0%, 20%, 0.1)"
-  }
 }
 
 export type Theme = typeof theme
 
-export default theme
+export const properties: {
+  '--color-primary-100': "hsl(151, 70%, 96%)"
+  '--color-primary-200': "hsl(151, 62%, 92%)"
+  '--color-primary-300': "hsl(151, 53%, 83%)"
+  '--color-primary-400': "hsl(151, 50%, 75%)"
+  '--color-primary-500': "hsl(151, 46%, 64%)"
+  '--color-primary-600': "hsl(158, 42%, 49%)"
+  '--color-primary-700': "hsl(162, 51%, 35%)"
+  '--color-primary-800': "hsl(162, 69%, 28%)"
+  '--color-primary-900': "hsl(164, 100%, 15%)"
+  '--color-primary-1000': "hsl(164, 100%, 13%)"
+  '--color-primary-1100': "hsl(150, 34%, 15%)"
+  '--color-primary-1200': "hsl(150, 30%, 9%)"
+  '--font-display': "\'DM Sans\', system-ui, -apple-system, \'Helvetica Neue\', sans-serif"
+  '--font-body': "\'Inter\', system-ui, -apple-system, \'Helvetica Neue\', sans-serif"
+}
+
+export type Properties = typeof properties

package/lib/theme-quest.js

@@ -1,230 +1,5 @@
-export default {
+export const theme = {
   "colors": {
-    "textBold": "hsl(0, 0%, 12%)",
-    "textRegular": "hsl(0, 0%, 20%)",
-    "textSubtle": "hsl(0, 0%, 33%)",
-    "textMinimal": "hsl(0, 0%, 46%)",
-    "background": "hsl(0, 0%, 96%)",
-    "backgroundAccent": "hsl(215, 100%, 98%)",
-    "black": "hsl(0, 0%, 0%)",
-    "white": "hsl(0, 0%, 100%)",
-    "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, 79%, 44%)",
-    "blue1000": "hsl(228, 82%, 35%)",
-    "blue1100": "hsl(228, 63%, 23%)",
-    "blue1200": "hsl(227, 57%, 11%)",
-    "pink100": "hsl(311, 100%, 98%)",
-    "pink200": "hsl(310, 100%, 95%)",
-    "pink300": "hsl(311, 100%, 90%)",
-    "pink400": "hsl(313, 100%, 80%)",
-    "pink500": "hsl(313, 83%, 72%)",
-    "pink600": "hsl(315, 82%, 66%)",
-    "pink700": "hsl(316, 63%, 56%)",
-    "pink800": "hsl(317, 63%, 44%)",
-    "pink900": "hsl(318, 63%, 37%)",
-    "pink1000": "hsl(319, 55%, 33%)",
-    "pink1100": "hsl(318, 98%, 16%)",
-    "pink1200": "hsl(318, 97%, 12%)",
-    "purple100": "hsl(246, 83%, 98%)",
-    "purple200": "hsl(244, 74%, 95%)",
-    "purple300": "hsl(246, 76%, 92%)",
-    "purple400": "hsl(246, 74%, 85%)",
-    "purple500": "hsl(249, 72%, 76%)",
-    "purple600": "hsl(252, 70%, 66%)",
-    "purple700": "hsl(256, 65%, 62%)",
-    "purple800": "hsl(252, 51%, 51%)",
-    "purple900": "hsl(257, 54%, 42%)",
-    "purple1000": "hsl(257, 53%, 35%)",
-    "purple1100": "hsl(255, 57%, 23%)",
-    "purple1200": "hsl(255, 76%, 13%)",
-    "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(148, 93%, 94%)",
-    "green200": "hsl(149, 95%, 91%)",
-    "green300": "hsl(147, 87%, 85%)",
-    "green400": "hsl(148, 84%, 70%)",
-    "green500": "hsl(148, 75%, 54%)",
-    "green600": "hsl(148, 77%, 45%)",
-    "green700": "hsl(148, 84%, 36%)",
-    "green800": "hsl(158, 79%, 29%)",
-    "green900": "hsl(166, 71%, 24%)",
-    "green1000": "hsl(166, 67%, 20%)",
-    "green1100": "hsl(169, 88%, 10%)",
-    "green1200": "hsl(155, 92%, 5%)",
-    "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(0, 100%, 96%)",
-    "red400": "hsl(357, 100%, 93%)",
-    "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(45, 100%, 96%)",
-    "orange200": "hsl(46, 100%, 89%)",
-    "orange300": "hsl(46, 100%, 77%)",
-    "orange400": "hsl(44, 100%, 65%)",
-    "orange500": "hsl(41, 100%, 55%)",
-    "orange600": "hsl(29, 100%, 55%)",
-    "orange700": "hsl(35, 95%, 50%)",
-    "orange800": "hsl(22, 94%, 54%)",
-    "orange900": "hsl(22, 100%, 46%)",
-    "orange1000": "hsl(20, 100%, 39%)",
-    "orange1100": "hsl(18, 100%, 27%)",
-    "orange1200": "hsl(18, 100%, 21%)",
-    "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%)",
-    "lapis100": "hsl(214, 100%, 97%)",
-    "lapis200": "hsl(215, 100%, 95%)",
-    "lapis300": "hsl(202, 100%, 87%)",
-    "lapis400": "hsl(212, 100%, 83%)",
-    "lapis500": "hsl(220, 95%, 76%)",
-    "lapis600": "hsl(230, 84%, 70%)",
-    "lapis700": "hsl(240, 79%, 66%)",
-    "lapis800": "hsl(240, 59%, 52%)",
-    "lapis900": "hsl(240, 58%, 38%)",
-    "lapis1000": "hsl(240, 63%, 29%)",
-    "lapis1100": "hsl(240, 87%, 18%)",
-    "lapis1200": "hsl(240, 97%, 12%)",
-    "maroon100": "hsl(15, 100%, 98%)",
-    "maroon200": "hsl(16, 100%, 93%)",
-    "maroon300": "hsl(16, 100%, 87%)",
-    "maroon400": "hsl(16, 100%, 80%)",
-    "maroon500": "hsl(7, 89%, 70%)",
-    "maroon600": "hsl(7, 78%, 60%)",
-    "maroon700": "hsl(7, 67%, 44%)",
-    "maroon800": "hsl(7, 95%, 32%)",
-    "maroon900": "hsl(349, 89%, 28%)",
-    "maroon1000": "hsl(346, 77%, 26%)",
-    "maroon1100": "hsl(335, 73%, 20%)",
-    "maroon1200": "hsl(335, 81%, 12%)",
-    "marsh100": "hsl(147, 50%, 96%)",
-    "marsh200": "hsl(147, 27%, 88%)",
-    "marsh300": "hsl(147, 26%, 82%)",
-    "marsh400": "hsl(147, 25%, 73%)",
-    "marsh500": "hsl(147, 22%, 60%)",
-    "marsh600": "hsl(147, 15%, 48%)",
-    "marsh700": "hsl(147, 15%, 37%)",
-    "marsh800": "hsl(147, 23%, 29%)",
-    "marsh900": "hsl(147, 25%, 21%)",
-    "marsh1000": "hsl(147, 17%, 18%)",
-    "marsh1100": "hsl(147, 24%, 13%)",
-    "marsh1200": "hsl(147, 14%, 7%)",
-    "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)",
-    "infoLight": "hsl(215, 100%, 98%)",
-    "info": "hsl(217, 92%, 51%)",
-    "infoMid": "hsl(223, 79%, 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(333, 75%, 59%)",
-    "subjectMaths": "hsl(214, 100%, 58%)",
-    "subjectScience": "hsl(256, 65%, 62%)",
-    "subjectVerbalReasoning": "hsl(148, 84%, 36%)",
-    "subjectNonVerbalReasoning": "hsl(41, 100%, 55%)",
-    "subjectCreativeWriting": "hsl(35, 95%, 50%)",
-    "subjectExamSkills": "hsl(257, 53%, 35%)",
-    "subjectGcseEnglishLiterature": "hsl(333, 75%, 59%)",
-    "subjectGcseMaths": "hsl(214, 100%, 58%)",
-    "subjectGcseChemistry": "hsl(35, 95%, 50%)",
-    "subjectGcsePhysics": "hsl(0, 0%, 46%)",
-    "subjectGcseBiology": "hsl(148, 84%, 36%)",
-    "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%)",
@@ -238,35 +13,25 @@ export default {
     "primary1100": "hsl(150, 34%, 15%)",
     "primary1200": "hsl(150, 30%, 9%)"
   },
-  "space": {
-    "base": "0.25rem"
-  },
-  "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": "'DM Sans', system-ui, -apple-system, 'Helvetica Neue', sans-serif",
     "body": "'Inter', system-ui, -apple-system, 'Helvetica Neue', sans-serif"
-  },
-  "radii": {
-    "sm": "0.25rem",
-    "md": "0.5rem",
-    "lg": "0.75rem",
-    "xl": "1rem"
-  },
-  "shadows": {
-    "sm": "0 1px 3px hsla(0, 0%, 20%, 0.1), 0 1px 2px hsla(0, 0%, 20%, 0.15)",
-    "md": "0 3px 6px hsla(0, 0%, 20%, 0.1), 0 3px 6px hsla(0, 0%, 20%, 0.1)",
-    "lg": "0 10px 20px hsla(0, 0%, 20%, 0.1), 0 6px 6px hsla(0, 0%, 20%, 0.1)",
-    "xl": "0 14px 28px hsla(0, 0%, 20%, 0.15), 0 10px 10px hsla(0, 0%, 20%, 0.1)"
   }
+}
+
+export const properties = {
+  "--color-primary-100": "hsl(151, 70%, 96%)",
+  "--color-primary-200": "hsl(151, 62%, 92%)",
+  "--color-primary-300": "hsl(151, 53%, 83%)",
+  "--color-primary-400": "hsl(151, 50%, 75%)",
+  "--color-primary-500": "hsl(151, 46%, 64%)",
+  "--color-primary-600": "hsl(158, 42%, 49%)",
+  "--color-primary-700": "hsl(162, 51%, 35%)",
+  "--color-primary-800": "hsl(162, 69%, 28%)",
+  "--color-primary-900": "hsl(164, 100%, 15%)",
+  "--color-primary-1000": "hsl(164, 100%, 13%)",
+  "--color-primary-1100": "hsl(150, 34%, 15%)",
+  "--color-primary-1200": "hsl(150, 30%, 9%)",
+  "--font-display": "'DM Sans', system-ui, -apple-system, 'Helvetica Neue', sans-serif",
+  "--font-body": "'Inter', system-ui, -apple-system, 'Helvetica Neue', sans-serif"
 }

package/package.json

@@ -1,49 +1,61 @@
 {
   "name": "@atom-learning/theme",
-  "version": "6.0.0-beta.5",
+  "version": "6.0.0-beta.7",
   "description": "Design tokens and assets for Atom Learning and Quest",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "type": "module",
+  "main": "lib/theme-base.js",
+  "types": "lib/theme-base.d.ts",
   "scripts": {
-    "build": "node ./scripts/build.js --path=./src/themes",
-    "prepublishOnly": "run-s clean build",
-    "clean": "del ./lib"
+    "build": "node ./src/build.ts --path=./src/themes",
+    "prepublishOnly": "run-s clean build test:run",
+    "clean": "del ./lib",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "validate:types": "tsc --noEmit"
   },
   "files": [
-    "lib",
-    "theme-map.js"
+    "lib"
   ],
   "author": "",
   "license": "ISC",
   "devDependencies": {
+    "@types/node": "^20.0.0",
     "del-cli": "^3.0.1",
     "dree": "^5.1.5",
     "npm-run-all": "^4.1.5",
     "pascal-case": "^3.1.2",
-    "style-dictionary": "^3.0.1",
-    "yargs": "^17.7.2"
+    "style-dictionary": "^5.1.1",
+    "tsx": "^4.7.0",
+    "typescript": "^5.0.0",
+    "vitest": "^4.0.16"
   },
   "dependencies": {},
   "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610",
   "exports": {
+    ".": {
+      "types": "./lib/theme-base.d.ts",
+      "style": "./lib/theme-base.css",
+      "default": "./lib/theme-base.js"
+    },
+    "./media": {
+      "types": "./lib/media.d.ts",
+      "default": "./lib/media.js"
+    },
     "./quest": {
       "types": "./lib/theme-quest.d.ts",
       "style": "./lib/theme-quest.css",
       "default": "./lib/theme-quest.js"
     },
-    "./quest.css": "./lib/theme-quest.css",
     "./atom": {
       "types": "./lib/theme-atom.d.ts",
       "style": "./lib/theme-atom.css",
       "default": "./lib/theme-atom.js"
     },
-    "./atom.css": "./lib/theme-atom.css",
     "./quest-reports": {
       "types": "./lib/theme-quest-reports.d.ts",
       "style": "./lib/theme-quest-reports.css",
       "default": "./lib/theme-quest-reports.js"
     },
-    "./quest-reports.css": "./lib/theme-quest-reports.css",
     "./assets/fonts/national-2-condensed-bold.woff2": "./lib/assets/fonts/national-2-condensed-bold.woff2",
     "./assets/logos/atom/atom-home-light.svg": "./lib/assets/logos/atom/atom-home-light.svg",
     "./assets/logos/atom/atom-home-primary.svg": "./lib/assets/logos/atom/atom-home-primary.svg",
@@ -67,6 +79,9 @@
   },
   "typesVersions": {
     "*": {
+      ".": [
+        "./lib/theme-base.d.ts"
+      ],
       "quest": [
         "./lib/theme-quest.d.ts"
       ],
@@ -75,6 +90,9 @@
       ],
       "quest-reports": [
         "./lib/theme-quest-reports.d.ts"
+      ],
+      "media": [
+        "./lib/media.d.ts"
       ]
     }
   }

package/theme-map.js

@@ -1,5 +0,0 @@
-module.exports = {
-  themeMap: {
-    aspectRatio: 'ratios'
-  }
-}