@atom-learning/theme 1.4.0 → 1.5.1

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/index.d.ts +99 -0
  2. package/lib/index.js +100 -1
  3. package/lib/index.scss +100 -1
  4. package/package.json +1 -1
package/lib/index.d.ts CHANGED
@@ -41,6 +41,102 @@ export type Theme = {
41
41
  "purple1000": string
42
42
  "purple1100": string
43
43
  "purple1200": string
44
+ "cyan100": string
45
+ "cyan200": string
46
+ "cyan300": string
47
+ "cyan400": string
48
+ "cyan500": string
49
+ "cyan600": string
50
+ "cyan700": string
51
+ "cyan800": string
52
+ "cyan900": string
53
+ "cyan1000": string
54
+ "cyan1100": string
55
+ "cyan1200": string
56
+ "green100": string
57
+ "green200": string
58
+ "green300": string
59
+ "green400": string
60
+ "green500": string
61
+ "green600": string
62
+ "green700": string
63
+ "green800": string
64
+ "green900": string
65
+ "green1000": string
66
+ "green1100": string
67
+ "green1200": string
68
+ "magenta100": string
69
+ "magenta200": string
70
+ "magenta300": string
71
+ "magenta400": string
72
+ "magenta500": string
73
+ "magenta600": string
74
+ "magenta700": string
75
+ "magenta800": string
76
+ "magenta900": string
77
+ "magenta1000": string
78
+ "magenta1100": string
79
+ "magenta1200": string
80
+ "red100": string
81
+ "red200": string
82
+ "red300": string
83
+ "red400": string
84
+ "red500": string
85
+ "red600": string
86
+ "red700": string
87
+ "red800": string
88
+ "red900": string
89
+ "red1000": string
90
+ "red1100": string
91
+ "red1200": string
92
+ "teal100": string
93
+ "teal200": string
94
+ "teal300": string
95
+ "teal400": string
96
+ "teal500": string
97
+ "teal600": string
98
+ "teal700": string
99
+ "teal800": string
100
+ "teal900": string
101
+ "teal1000": string
102
+ "teal1100": string
103
+ "teal1200": string
104
+ "orange100": string
105
+ "orange200": string
106
+ "orange300": string
107
+ "orange400": string
108
+ "orange500": string
109
+ "orange600": string
110
+ "orange700": string
111
+ "orange800": string
112
+ "orange900": string
113
+ "orange1000": string
114
+ "orange1100": string
115
+ "orange1200": string
116
+ "yellow100": string
117
+ "yellow200": string
118
+ "yellow300": string
119
+ "yellow400": string
120
+ "yellow500": string
121
+ "yellow600": string
122
+ "yellow700": string
123
+ "yellow800": string
124
+ "yellow900": string
125
+ "yellow1000": string
126
+ "yellow1100": string
127
+ "yellow1200": string
128
+ "lime100": string
129
+ "lime200": string
130
+ "lime300": string
131
+ "lime400": string
132
+ "lime500": string
133
+ "lime600": string
134
+ "lime700": string
135
+ "lime800": string
136
+ "lime900": string
137
+ "lime1000": string
138
+ "lime1100": string
139
+ "lime1200": string
44
140
  "tonal50": string
45
141
  "tonal100": string
46
142
  "tonal200": string
@@ -86,6 +182,9 @@ export type Theme = {
86
182
  "subjectNonVerbalReasoning": string
87
183
  "subjectCreativeWriting": string
88
184
  "subjectExamSkills": string
185
+ "glBlueLight": string
186
+ "glBluePrimary": string
187
+ "glBlueDark": string
89
188
  },
90
189
  "space": {
91
190
  "0": string
package/lib/index.js CHANGED
@@ -41,6 +41,102 @@ module.exports = {
41
41
  "purple1000": "hsl(266, 82%, 32%)",
42
42
  "purple1100": "hsl(265, 63%, 23%)",
43
43
  "purple1200": "hsl(265, 63%, 20%)",
44
+ "cyan100": "hsl(198, 100%, 97%)",
45
+ "cyan200": "hsl(199, 100%, 94%)",
46
+ "cyan300": "hsl(201, 100%, 89%)",
47
+ "cyan400": "hsl(200, 100%, 84%)",
48
+ "cyan500": "hsl(201, 96%, 73%)",
49
+ "cyan600": "hsl(202, 85%, 60%)",
50
+ "cyan700": "hsl(204, 81%, 46%)",
51
+ "cyan800": "hsl(205, 100%, 38%)",
52
+ "cyan900": "hsl(206, 100%, 30%)",
53
+ "cyan1000": "hsl(205, 100%, 21%)",
54
+ "cyan1100": "hsl(206, 97%, 15%)",
55
+ "cyan1200": "hsl(207, 73%, 9%)",
56
+ "green100": "hsl(135, 80%, 96%)",
57
+ "green200": "hsl(135, 72%, 92%)",
58
+ "green300": "hsl(135, 68%, 83%)",
59
+ "green400": "hsl(135, 65%, 76%)",
60
+ "green500": "hsl(136, 56%, 62%)",
61
+ "green600": "hsl(137, 42%, 49%)",
62
+ "green700": "hsl(138, 51%, 35%)",
63
+ "green800": "hsl(138, 68%, 29%)",
64
+ "green900": "hsl(138, 74%, 21%)",
65
+ "green1000": "hsl(138, 89%, 14%)",
66
+ "green1100": "hsl(135, 91%, 9%)",
67
+ "green1200": "hsl(123, 56%, 6%)",
68
+ "magenta100": "hsl(330, 100%, 99%)",
69
+ "magenta200": "hsl(329, 100%, 96%)",
70
+ "magenta300": "hsl(332, 100%, 92%)",
71
+ "magenta400": "hsl(333, 100%, 90%)",
72
+ "magenta500": "hsl(333, 90%, 80%)",
73
+ "magenta600": "hsl(333, 87%, 72%)",
74
+ "magenta700": "hsl(333, 75%, 59%)",
75
+ "magenta800": "hsl(333, 69%, 49%)",
76
+ "magenta900": "hsl(333, 74%, 36%)",
77
+ "magenta1000": "hsl(333, 86%, 25%)",
78
+ "magenta1100": "hsl(333, 95%, 16%)",
79
+ "magenta1200": "hsl(334, 62%, 10%)",
80
+ "red100": "hsl(0, 100%, 99%)",
81
+ "red200": "hsl(0, 100%, 96%)",
82
+ "red300": "hsl(357, 100%, 93%)",
83
+ "red400": "hsl(356, 100%, 90%)",
84
+ "red500": "hsl(356, 96%, 83%)",
85
+ "red600": "hsl(357, 90%, 73%)",
86
+ "red700": "hsl(357, 80%, 59%)",
87
+ "red800": "hsl(357, 76%, 49%)",
88
+ "red900": "hsl(357, 73%, 37%)",
89
+ "red1000": "hsl(357, 79%, 26%)",
90
+ "red1100": "hsl(357, 91%, 17%)",
91
+ "red1200": "hsl(357, 73%, 10%)",
92
+ "teal100": "hsl(180, 83%, 95%)",
93
+ "teal200": "hsl(180, 75%, 88%)",
94
+ "teal300": "hsl(180, 71%, 78%)",
95
+ "teal400": "hsl(179, 70%, 71%)",
96
+ "teal500": "hsl(179, 65%, 52%)",
97
+ "teal600": "hsl(179, 76%, 41%)",
98
+ "teal700": "hsl(179, 91%, 31%)",
99
+ "teal800": "hsl(178, 100%, 25%)",
100
+ "teal900": "hsl(180, 100%, 18%)",
101
+ "teal1000": "hsl(183, 100%, 13%)",
102
+ "teal1100": "hsl(187, 92%, 10%)",
103
+ "teal1200": "hsl(186, 56%, 7%)",
104
+ "orange100": "hsl(38, 100%, 95%)",
105
+ "orange200": "hsl(38, 100%, 90%)",
106
+ "orange300": "hsl(37, 100%, 84%)",
107
+ "orange400": "hsl(36, 96%, 78%)",
108
+ "orange500": "hsl(33, 100%, 67%)",
109
+ "orange600": "hsl(31, 97%, 57%)",
110
+ "orange700": "hsl(30, 92%, 46%)",
111
+ "orange800": "hsl(29, 100%, 43%)",
112
+ "orange900": "hsl(27, 100%, 36%)",
113
+ "orange1000": "hsl(24, 100%, 26%)",
114
+ "orange1100": "hsl(20, 97%, 15%)",
115
+ "orange1200": "hsl(20, 96%, 11%)",
116
+ "yellow100": "hsl(53, 94%, 93%)",
117
+ "yellow200": "hsl(54, 92%, 85%)",
118
+ "yellow300": "hsl(54, 92%, 75%)",
119
+ "yellow400": "hsl(52, 97%, 63%)",
120
+ "yellow500": "hsl(51, 100%, 46%)",
121
+ "yellow600": "hsl(49, 100%, 39%)",
122
+ "yellow700": "hsl(48, 100%, 35%)",
123
+ "yellow800": "hsl(46, 100%, 30%)",
124
+ "yellow900": "hsl(44, 100%, 22%)",
125
+ "yellow1000": "hsl(44, 100%, 18%)",
126
+ "yellow1100": "hsl(41, 100%, 11%)",
127
+ "yellow1200": "hsl(39, 100%, 8%)",
128
+ "lime100": "hsl(73, 94%, 93%)",
129
+ "lime200": "hsl(73, 94%, 87%)",
130
+ "lime300": "hsl(73, 90%, 77%)",
131
+ "lime400": "hsl(74, 82%, 69%)",
132
+ "lime500": "hsl(74, 68%, 58%)",
133
+ "lime600": "hsl(74, 77%, 41%)",
134
+ "lime700": "hsl(75, 100%, 31%)",
135
+ "lime800": "hsl(75, 100%, 27%)",
136
+ "lime900": "hsl(75, 100%, 19%)",
137
+ "lime1000": "hsl(75, 100%, 15%)",
138
+ "lime1100": "hsl(75, 100%, 9%)",
139
+ "lime1200": "hsl(74, 100%, 6%)",
44
140
  "tonal50": "hsl(0, 0%, 96%)",
45
141
  "tonal100": "hsl(0, 0%, 92%)",
46
142
  "tonal200": "hsl(0, 0%, 71%)",
@@ -85,7 +181,10 @@ module.exports = {
85
181
  "subjectVerbalReasoning": "hsl(128, 47%, 53%)",
86
182
  "subjectNonVerbalReasoning": "hsl(41, 100%, 55%)",
87
183
  "subjectCreativeWriting": "hsl(33, 100%, 50%)",
88
- "subjectExamSkills": "hsl(256, 93%, 35%)"
184
+ "subjectExamSkills": "hsl(256, 93%, 35%)",
185
+ "glBlueLight": "hsl(222, 68%, 78%)",
186
+ "glBluePrimary": "hsl(222, 56%, 55%)",
187
+ "glBlueDark": "hsl(222, 35%, 43%)"
89
188
  },
90
189
  "space": {
91
190
  "0": "0.125rem",
package/lib/index.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 11 May 2023 09:59:27 GMT
3
+ // Generated on Mon, 17 Jul 2023 11:34:18 GMT
4
4
 
5
5
  $color-text-foreground: #1f1f1f;
6
6
  $color-text-subtle: #545454;
@@ -43,6 +43,102 @@ $color-purple-900: #6618bf;
43
43
  $color-purple-1000: #490f95;
44
44
  $color-purple-1100: #341660;
45
45
  $color-purple-1200: #2e1353;
46
+ $color-cyan-100: #f0faff;
47
+ $color-cyan-200: #e0f5ff;
48
+ $color-cyan-300: #c7ebff;
49
+ $color-cyan-400: #ade4ff;
50
+ $color-cyan-500: #78cefc;
51
+ $color-cyan-600: #42b0f0;
52
+ $color-cyan-700: #1688d4;
53
+ $color-cyan-800: #0071c2;
54
+ $color-cyan-900: #005799;
55
+ $color-cyan-1000: #003e6b;
56
+ $color-cyan-1100: #012b4b;
57
+ $color-cyan-1200: #061928;
58
+ $color-green-100: #edfdf1;
59
+ $color-green-200: #dcf9e3;
60
+ $color-green-300: #b6f1c5;
61
+ $color-green-400: #9aeaae;
62
+ $color-green-500: #68d485;
63
+ $color-green-600: #48b166;
64
+ $color-green-700: #2c8747;
65
+ $color-green-800: #187c36;
66
+ $color-green-900: #0e5d26;
67
+ $color-green-1000: #044317;
68
+ $color-green-1100: #022c0d;
69
+ $color-green-1200: #071808;
70
+ $color-magenta-100: #fffafc;
71
+ $color-magenta-200: #ffebf5;
72
+ $color-magenta-300: #ffd6e9;
73
+ $color-magenta-400: #ffcce3;
74
+ $color-magenta-500: #fa9ec7;
75
+ $color-magenta-600: #f679b1;
76
+ $color-magenta-700: #e5488f;
77
+ $color-magenta-800: #d32774;
78
+ $color-magenta-900: #a01855;
79
+ $color-magenta-1000: #77093a;
80
+ $color-magenta-1100: #500225;
81
+ $color-magenta-1200: #290a17;
82
+ $color-red-100: #fffafa;
83
+ $color-red-200: #ffebeb;
84
+ $color-red-300: #ffdbdd;
85
+ $color-red-400: #ffcccf;
86
+ $color-red-500: #fdaab0;
87
+ $color-red-600: #f87c82;
88
+ $color-red-700: #ea434b;
89
+ $color-red-800: #dc1e27;
90
+ $color-red-900: #a31920;
91
+ $color-red-1000: #770e13;
92
+ $color-red-1100: #530408;
93
+ $color-red-1200: #2c0709;
94
+ $color-teal-100: #e8fdfd;
95
+ $color-teal-200: #c9f7f7;
96
+ $color-teal-300: #9fefef;
97
+ $color-teal-400: #81e9e7;
98
+ $color-teal-500: #35d4d2;
99
+ $color-teal-600: #19b8b5;
100
+ $color-teal-700: #079795;
101
+ $color-teal-800: #00807b;
102
+ $color-teal-900: #005c5c;
103
+ $color-teal-1000: #003f42;
104
+ $color-teal-1100: #022b31;
105
+ $color-teal-1200: #081a1c;
106
+ $color-orange-100: #fff6e5;
107
+ $color-orange-200: #ffeccc;
108
+ $color-orange-300: #ffe0ad;
109
+ $color-orange-400: #fdd291;
110
+ $color-orange-500: #ffb357;
111
+ $color-orange-600: #fc9527;
112
+ $color-orange-700: #e17509;
113
+ $color-orange-800: #db6a00;
114
+ $color-orange-900: #b85300;
115
+ $color-orange-1000: #853500;
116
+ $color-orange-1100: #4b1a01;
117
+ $color-orange-1200: #371301;
118
+ $color-yellow-100: #fefadc;
119
+ $color-yellow-200: #fcf5b6;
120
+ $color-yellow-300: #faee85;
121
+ $color-yellow-400: #fce445;
122
+ $color-yellow-500: #ebc700;
123
+ $color-yellow-600: #c7a200;
124
+ $color-yellow-700: #b38f00;
125
+ $color-yellow-800: #997500;
126
+ $color-yellow-900: #705200;
127
+ $color-yellow-1000: #5c4300;
128
+ $color-yellow-1100: #382600;
129
+ $color-yellow-1200: #291b00;
130
+ $color-lime-100: #f7fedc;
131
+ $color-lime-200: #f0fdbf;
132
+ $color-lime-300: #e2f990;
133
+ $color-lime-400: #d3f16f;
134
+ $color-lime-500: #bbdd4b;
135
+ $color-lime-600: #93b918;
136
+ $color-lime-700: #779e00;
137
+ $color-lime-800: #678a00;
138
+ $color-lime-900: #496100;
139
+ $color-lime-1000: #394d00;
140
+ $color-lime-1100: #222e00;
141
+ $color-lime-1200: #171f00;
46
142
  $color-tonal-50: #f5f5f5;
47
143
  $color-tonal-100: #ebebeb;
48
144
  $color-tonal-200: #b5b5b5;
@@ -88,6 +184,9 @@ $color-subject-verbal-reasoning: #4fbf5e;
88
184
  $color-subject-non-verbal-reasoning: #ffb61a;
89
185
  $color-subject-creative-writing: #ff8c00;
90
186
  $color-subject-exam-skills: #3306ac;
187
+ $color-gl-blue-light: #a1b8ed;
188
+ $color-gl-blue-primary: #4c73cd;
189
+ $color-gl-blue-dark: #475e94;
91
190
  $font-families-sans: system-ui, -apple-system, 'Helvetica Neue', sans-serif;
92
191
  $font-families-mono: 'SFMono-Regular', Consolas, Menlo, monospace;
93
192
  $font-families-display: 'Space Grotesk', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atom-learning/theme",
3
- "version": "1.4.0",
3
+ "version": "1.5.1",
4
4
  "description": "Design tokens and assets for Atom Learning",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib/index.d.ts",