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

package/lib/index.js

@@ -1,107 +0,0 @@
-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(217, 92%, 97%)",
-    "tonal50": "hsl(0, 0%, 96%)",
-    "tonal100": "hsl(0, 0%, 93%)",
-    "tonal200": "hsl(0, 0%, 69%)",
-    "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)",
-    "primaryLight": "hsl(217, 92%, 97%)",
-    "primary": "hsl(217, 92%, 51%)",
-    "primaryMid": "hsl(223, 78%, 45%)",
-    "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%)",
-    "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%)",
-    "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%)"
-  },
-  "space": {
-    "0": "0.125rem",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.5rem",
-    "6": "2rem",
-    "7": "2.5rem",
-    "8": "3rem",
-    "9": "4rem",
-    "10": "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": "'Space Grotesk', system-ui, -apple-system, 'Helvetica Neue', sans-serif",
-    "body": "'Inter', 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.15), 0 1px 2px hsla(0, 0%, 20%, 0.2)",
-    "1": "0 3px 6px hsla(0, 0%, 20%, 0.15), 0 3px 6px hsla(0, 0%, 20%, 0.2)",
-    "2": "0 10px 20px hsla(0, 0%, 20%, 0.2), 0 6px 6px hsla(0, 0%, 20%, 0.25)",
-    "3": "0 14px 28px hsla(0, 0%, 20%, 0.25), 0 10px 10px hsla(0, 0%, 20%, 0.2)"
-  }
-}

package/lib/index.scss

@@ -1,106 +0,0 @@
-
-// Do not edit directly
-// Generated on Thu, 04 Aug 2022 06:25:19 GMT
-
-$color-text-foreground: #1f1f1f;
-$color-text-subtle: #545454;
-$color-text-placeholder: #757575;
-$color-background-base: #f5f5f5;
-$color-background-accent: #f0f6fe;
-$color-tonal-50: #f5f5f5;
-$color-tonal-100: #ededed;
-$color-tonal-200: #b0b0b0;
-$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-primary-light: #f0f6fe;
-$color-primary-base: #0f67f5;
-$color-primary-mid: #194ccc;
-$color-primary-dark: #102da2;
-$color-secondary: #70c6ff;
-$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-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;
-$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;
-$font-families-body: 'Inter', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
-
-$effects-shadows: (
-  0: (0 1px 3px rgba(51, 51, 51, 0.15), 0 1px 2px rgba(51, 51, 51, 0.2)),
-  1: (0 3px 6px rgba(51, 51, 51, 0.15), 0 3px 6px rgba(51, 51, 51, 0.2)),
-  2: (0 10px 20px rgba(51, 51, 51, 0.2), 0 6px 6px rgba(51, 51, 51, 0.25)),
-  3: (0 14px 28px rgba(51, 51, 51, 0.25), 0 10px 10px rgba(51, 51, 51, 0.2))
-);
-$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: 24px,
-  6: 32px,
-  7: 40px,
-  8: 48px,
-  9: 64px,
-  10: 80px
-);
-$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
-);