@atom-learning/theme 1.0.0 → 2.0.0-beta.0
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.
- package/lib/index.d.ts +2 -0
- package/lib/index.js +10 -8
- package/lib/index.scss +11 -9
- package/package.json +1 -1
package/lib/index.d.ts
CHANGED
|
@@ -42,6 +42,7 @@ export type Theme = {
|
|
|
42
42
|
"warning": string
|
|
43
43
|
"warningMid": string
|
|
44
44
|
"warningDark": string
|
|
45
|
+
"warningText": string
|
|
45
46
|
"subjectEnglish": string
|
|
46
47
|
"subjectMaths": string
|
|
47
48
|
"subjectScience": string
|
|
@@ -61,6 +62,7 @@ export type Theme = {
|
|
|
61
62
|
"7": string
|
|
62
63
|
"8": string
|
|
63
64
|
"9": string
|
|
65
|
+
"10": string
|
|
64
66
|
},
|
|
65
67
|
"fontSizes": {
|
|
66
68
|
"xs": string
|
package/lib/index.js
CHANGED
|
@@ -18,7 +18,7 @@ module.exports = {
|
|
|
18
18
|
"alpha250": "hsla(0, 0%, 20%, 0.25)",
|
|
19
19
|
"alpha600": "hsla(0, 0%, 20%, 0.6)",
|
|
20
20
|
"primaryLight": "hsl(217, 92%, 97%)",
|
|
21
|
-
"primary": "hsl(217, 92%,
|
|
21
|
+
"primary": "hsl(217, 92%, 51%)",
|
|
22
22
|
"primaryMid": "hsl(223, 78%, 45%)",
|
|
23
23
|
"primaryDark": "hsl(228, 82%, 35%)",
|
|
24
24
|
"secondary": "hsl(204, 100%, 72%)",
|
|
@@ -38,12 +38,13 @@ module.exports = {
|
|
|
38
38
|
"danger": "hsl(0, 96%, 48%)",
|
|
39
39
|
"dangerMid": "hsl(0, 96%, 41%)",
|
|
40
40
|
"dangerDark": "hsl(0, 97%, 34%)",
|
|
41
|
-
"warningLight": "hsl(
|
|
41
|
+
"warningLight": "hsl(39, 100%, 94%)",
|
|
42
42
|
"warning": "hsl(41, 100%, 55%)",
|
|
43
43
|
"warningMid": "hsl(41, 89%, 48%)",
|
|
44
44
|
"warningDark": "hsl(41, 100%, 41%)",
|
|
45
|
+
"warningText": "hsl(24, 100%, 37%)",
|
|
45
46
|
"subjectEnglish": "hsl(0, 91%, 64%)",
|
|
46
|
-
"subjectMaths": "hsl(217, 92%,
|
|
47
|
+
"subjectMaths": "hsl(217, 92%, 51%)",
|
|
47
48
|
"subjectScience": "hsl(256, 65%, 62%)",
|
|
48
49
|
"subjectVerbalReasoning": "hsl(128, 47%, 53%)",
|
|
49
50
|
"subjectNonVerbalReasoning": "hsl(41, 100%, 55%)",
|
|
@@ -56,11 +57,12 @@ module.exports = {
|
|
|
56
57
|
"2": "0.5rem",
|
|
57
58
|
"3": "0.75rem",
|
|
58
59
|
"4": "1rem",
|
|
59
|
-
"5": "
|
|
60
|
-
"6": "
|
|
61
|
-
"7": "
|
|
62
|
-
"8": "
|
|
63
|
-
"9": "
|
|
60
|
+
"5": "1.5rem",
|
|
61
|
+
"6": "2rem",
|
|
62
|
+
"7": "2.5rem",
|
|
63
|
+
"8": "3rem",
|
|
64
|
+
"9": "4rem",
|
|
65
|
+
"10": "5rem"
|
|
64
66
|
},
|
|
65
67
|
"fontSizes": {
|
|
66
68
|
"xs": "0.75rem",
|
package/lib/index.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 04 Aug 2022 06:25:19 GMT
|
|
4
4
|
|
|
5
5
|
$color-text-foreground: #1f1f1f;
|
|
6
6
|
$color-text-subtle: #545454;
|
|
@@ -20,7 +20,7 @@ $color-alpha-200: rgba(51, 51, 51, 0.2);
|
|
|
20
20
|
$color-alpha-250: rgba(51, 51, 51, 0.25);
|
|
21
21
|
$color-alpha-600: rgba(51, 51, 51, 0.6);
|
|
22
22
|
$color-primary-light: #f0f6fe;
|
|
23
|
-
$color-primary-base: #
|
|
23
|
+
$color-primary-base: #0f67f5;
|
|
24
24
|
$color-primary-mid: #194ccc;
|
|
25
25
|
$color-primary-dark: #102da2;
|
|
26
26
|
$color-secondary: #70c6ff;
|
|
@@ -40,12 +40,13 @@ $color-danger-light: #fce8e8;
|
|
|
40
40
|
$color-danger-base: #f00505;
|
|
41
41
|
$color-danger-mid: #cd0404;
|
|
42
42
|
$color-danger-dark: #ab0303;
|
|
43
|
-
$color-warning-light: #
|
|
43
|
+
$color-warning-light: #fff4e0;
|
|
44
44
|
$color-warning-base: #ffb61a;
|
|
45
45
|
$color-warning-mid: #e7a20d;
|
|
46
46
|
$color-warning-dark: #d18f00;
|
|
47
|
+
$color-warning-text: #bd4b00;
|
|
47
48
|
$color-subject-english: #f75050;
|
|
48
|
-
$color-subject-maths: #
|
|
49
|
+
$color-subject-maths: #0f67f5;
|
|
49
50
|
$color-subject-science: #815fdd;
|
|
50
51
|
$color-subject-verbal-reasoning: #4fbf5e;
|
|
51
52
|
$color-subject-non-verbal-reasoning: #ffb61a;
|
|
@@ -78,11 +79,12 @@ $size-space: (
|
|
|
78
79
|
2: 8px,
|
|
79
80
|
3: 12px,
|
|
80
81
|
4: 16px,
|
|
81
|
-
5:
|
|
82
|
-
6:
|
|
83
|
-
7:
|
|
84
|
-
8:
|
|
85
|
-
9:
|
|
82
|
+
5: 24px,
|
|
83
|
+
6: 32px,
|
|
84
|
+
7: 40px,
|
|
85
|
+
8: 48px,
|
|
86
|
+
9: 64px,
|
|
87
|
+
10: 80px
|
|
86
88
|
);
|
|
87
89
|
$size-size: (
|
|
88
90
|
0: 8px,
|