@atom-learning/theme 3.0.1 → 3.1.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.
Files changed (9) hide show
  1. package/lib/assets/quest/logo.png +0 -0
  2. package/lib/assets/quest/logo.svg +1 -1
  3. package/lib/theme-atom.d.ts +36 -0
  4. package/lib/theme-atom.js +36 -0
  5. package/lib/theme-atom.scss +37 -1
  6. package/lib/theme-quest.d.ts +36 -0
  7. package/lib/theme-quest.js +43 -7
  8. package/lib/theme-quest.scss +44 -8
  9. package/package.json +1 -1
package/lib/assets/quest/logo.png CHANGED
Binary file
package/lib/assets/quest/logo.svg CHANGED
@@ -1 +1 @@
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>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1000" height="306" fill="none"><path fill="#185337" 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="#185337" 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/theme-atom.d.ts CHANGED
@@ -138,6 +138,42 @@ export type Theme = {
138
138
  "lime1000": string
139
139
  "lime1100": string
140
140
  "lime1200": string
141
+ "lapis100": string
142
+ "lapis200": string
143
+ "lapis300": string
144
+ "lapis400": string
145
+ "lapis500": string
146
+ "lapis600": string
147
+ "lapis700": string
148
+ "lapis800": string
149
+ "lapis900": string
150
+ "lapis1000": string
151
+ "lapis1100": string
152
+ "lapis1200": string
153
+ "maroon100": string
154
+ "maroon200": string
155
+ "maroon300": string
156
+ "maroon400": string
157
+ "maroon500": string
158
+ "maroon600": string
159
+ "maroon700": string
160
+ "maroon800": string
161
+ "maroon900": string
162
+ "maroon1000": string
163
+ "maroon1100": string
164
+ "maroon1200": string
165
+ "marsh100": string
166
+ "marsh200": string
167
+ "marsh300": string
168
+ "marsh400": string
169
+ "marsh500": string
170
+ "marsh600": string
171
+ "marsh700": string
172
+ "marsh800": string
173
+ "marsh900": string
174
+ "marsh1000": string
175
+ "marsh1100": string
176
+ "marsh1200": string
141
177
  "tonal50": string
142
178
  "tonal100": string
143
179
  "tonal200": string
package/lib/theme-atom.js CHANGED
@@ -138,6 +138,42 @@ module.exports = {
138
138
  "lime1000": "hsl(75, 100%, 15%)",
139
139
  "lime1100": "hsl(75, 100%, 9%)",
140
140
  "lime1200": "hsl(74, 100%, 6%)",
141
+ "lapis100": "hsl(214, 100%, 97%)",
142
+ "lapis200": "hsl(215, 100%, 95%)",
143
+ "lapis300": "hsl(202, 100%, 87%)",
144
+ "lapis400": "hsl(212, 100%, 83%)",
145
+ "lapis500": "hsl(220, 95%, 76%)",
146
+ "lapis600": "hsl(230, 84%, 70%)",
147
+ "lapis700": "hsl(240, 79%, 66%)",
148
+ "lapis800": "hsl(240, 59%, 52%)",
149
+ "lapis900": "hsl(240, 58%, 38%)",
150
+ "lapis1000": "hsl(240, 63%, 29%)",
151
+ "lapis1100": "hsl(240, 87%, 18%)",
152
+ "lapis1200": "hsl(240, 97%, 12%)",
153
+ "maroon100": "hsl(15, 100%, 98%)",
154
+ "maroon200": "hsl(16, 100%, 93%)",
155
+ "maroon300": "hsl(16, 100%, 87%)",
156
+ "maroon400": "hsl(16, 100%, 80%)",
157
+ "maroon500": "hsl(7, 89%, 70%)",
158
+ "maroon600": "hsl(7, 78%, 60%)",
159
+ "maroon700": "hsl(7, 67%, 44%)",
160
+ "maroon800": "hsl(7, 95%, 32%)",
161
+ "maroon900": "hsl(349, 89%, 28%)",
162
+ "maroon1000": "hsl(346, 77%, 26%)",
163
+ "maroon1100": "hsl(335, 73%, 20%)",
164
+ "maroon1200": "hsl(335, 81%, 12%)",
165
+ "marsh100": "hsl(147, 50%, 96%)",
166
+ "marsh200": "hsl(147, 27%, 88%)",
167
+ "marsh300": "hsl(147, 26%, 82%)",
168
+ "marsh400": "hsl(147, 25%, 73%)",
169
+ "marsh500": "hsl(147, 22%, 60%)",
170
+ "marsh600": "hsl(147, 15%, 48%)",
171
+ "marsh700": "hsl(147, 15%, 37%)",
172
+ "marsh800": "hsl(147, 23%, 29%)",
173
+ "marsh900": "hsl(147, 25%, 21%)",
174
+ "marsh1000": "hsl(147, 17%, 18%)",
175
+ "marsh1100": "hsl(147, 24%, 13%)",
176
+ "marsh1200": "hsl(147, 14%, 7%)",
141
177
  "tonal50": "hsl(0, 0%, 96%)",
142
178
  "tonal100": "hsl(0, 0%, 92%)",
143
179
  "tonal200": "hsl(0, 0%, 62%)",
package/lib/theme-atom.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Jan 2024 09:32:03 GMT
3
+ // Generated on Wed, 08 May 2024 08:09:34 GMT
4
4
 
5
5
  $color-text-bold: #1f1f1f;
6
6
  $color-text-regular: #333333;
@@ -140,6 +140,42 @@ $color-lime-900: #496100;
140
140
  $color-lime-1000: #394d00;
141
141
  $color-lime-1100: #222e00;
142
142
  $color-lime-1200: #171f00;
143
+ $color-lapis-100: #f0f6ff;
144
+ $color-lapis-200: #e5f0ff;
145
+ $color-lapis-300: #bde7ff;
146
+ $color-lapis-400: #a8d1ff;
147
+ $color-lapis-500: #88aefc;
148
+ $color-lapis-600: #7288f3;
149
+ $color-lapis-700: #6464ed;
150
+ $color-lapis-800: #3c3ccd;
151
+ $color-lapis-900: #292999;
152
+ $color-lapis-1000: #1b1b79;
153
+ $color-lapis-1100: #060656;
154
+ $color-lapis-1200: #01013c;
155
+ $color-maroon-100: #fff7f5;
156
+ $color-maroon-200: #ffe5db;
157
+ $color-maroon-300: #ffcebd;
158
+ $color-maroon-400: #ffb499;
159
+ $color-maroon-500: #f77e6e;
160
+ $color-maroon-600: #e95c49;
161
+ $color-maroon-700: #bb3725;
162
+ $color-maroon-800: #9f1604;
163
+ $color-maroon-900: #87081f;
164
+ $color-maroon-1000: #750f27;
165
+ $color-maroon-1100: #580e2d;
166
+ $color-maroon-1200: #37061a;
167
+ $color-marsh-100: #f0faf4;
168
+ $color-marsh-200: #d8e9e0;
169
+ $color-marsh-300: #c5ddd0;
170
+ $color-marsh-400: #a9cbb8;
171
+ $color-marsh-500: #83af97;
172
+ $color-marsh-600: #688d79;
173
+ $color-marsh-700: #506d5d;
174
+ $color-marsh-800: #395b48;
175
+ $color-marsh-900: #284334;
176
+ $color-marsh-1000: #26362d;
177
+ $color-marsh-1100: #192920;
178
+ $color-marsh-1200: #0f1412;
143
179
  $color-tonal-50: #f5f5f5;
144
180
  $color-tonal-100: #ebebeb;
145
181
  $color-tonal-200: #9e9e9e;
package/lib/theme-quest.d.ts CHANGED
@@ -138,6 +138,42 @@ export type Theme = {
138
138
  "lime1000": string
139
139
  "lime1100": string
140
140
  "lime1200": string
141
+ "lapis100": string
142
+ "lapis200": string
143
+ "lapis300": string
144
+ "lapis400": string
145
+ "lapis500": string
146
+ "lapis600": string
147
+ "lapis700": string
148
+ "lapis800": string
149
+ "lapis900": string
150
+ "lapis1000": string
151
+ "lapis1100": string
152
+ "lapis1200": string
153
+ "maroon100": string
154
+ "maroon200": string
155
+ "maroon300": string
156
+ "maroon400": string
157
+ "maroon500": string
158
+ "maroon600": string
159
+ "maroon700": string
160
+ "maroon800": string
161
+ "maroon900": string
162
+ "maroon1000": string
163
+ "maroon1100": string
164
+ "maroon1200": string
165
+ "marsh100": string
166
+ "marsh200": string
167
+ "marsh300": string
168
+ "marsh400": string
169
+ "marsh500": string
170
+ "marsh600": string
171
+ "marsh700": string
172
+ "marsh800": string
173
+ "marsh900": string
174
+ "marsh1000": string
175
+ "marsh1100": string
176
+ "marsh1200": string
141
177
  "tonal50": string
142
178
  "tonal100": string
143
179
  "tonal200": string
package/lib/theme-quest.js CHANGED
@@ -138,6 +138,42 @@ module.exports = {
138
138
  "lime1000": "hsl(75, 100%, 15%)",
139
139
  "lime1100": "hsl(75, 100%, 9%)",
140
140
  "lime1200": "hsl(74, 100%, 6%)",
141
+ "lapis100": "hsl(214, 100%, 97%)",
142
+ "lapis200": "hsl(215, 100%, 95%)",
143
+ "lapis300": "hsl(202, 100%, 87%)",
144
+ "lapis400": "hsl(212, 100%, 83%)",
145
+ "lapis500": "hsl(220, 95%, 76%)",
146
+ "lapis600": "hsl(230, 84%, 70%)",
147
+ "lapis700": "hsl(240, 79%, 66%)",
148
+ "lapis800": "hsl(240, 59%, 52%)",
149
+ "lapis900": "hsl(240, 58%, 38%)",
150
+ "lapis1000": "hsl(240, 63%, 29%)",
151
+ "lapis1100": "hsl(240, 87%, 18%)",
152
+ "lapis1200": "hsl(240, 97%, 12%)",
153
+ "maroon100": "hsl(15, 100%, 98%)",
154
+ "maroon200": "hsl(16, 100%, 93%)",
155
+ "maroon300": "hsl(16, 100%, 87%)",
156
+ "maroon400": "hsl(16, 100%, 80%)",
157
+ "maroon500": "hsl(7, 89%, 70%)",
158
+ "maroon600": "hsl(7, 78%, 60%)",
159
+ "maroon700": "hsl(7, 67%, 44%)",
160
+ "maroon800": "hsl(7, 95%, 32%)",
161
+ "maroon900": "hsl(349, 89%, 28%)",
162
+ "maroon1000": "hsl(346, 77%, 26%)",
163
+ "maroon1100": "hsl(335, 73%, 20%)",
164
+ "maroon1200": "hsl(335, 81%, 12%)",
165
+ "marsh100": "hsl(147, 50%, 96%)",
166
+ "marsh200": "hsl(147, 27%, 88%)",
167
+ "marsh300": "hsl(147, 26%, 82%)",
168
+ "marsh400": "hsl(147, 25%, 73%)",
169
+ "marsh500": "hsl(147, 22%, 60%)",
170
+ "marsh600": "hsl(147, 15%, 48%)",
171
+ "marsh700": "hsl(147, 15%, 37%)",
172
+ "marsh800": "hsl(147, 23%, 29%)",
173
+ "marsh900": "hsl(147, 25%, 21%)",
174
+ "marsh1000": "hsl(147, 17%, 18%)",
175
+ "marsh1100": "hsl(147, 24%, 13%)",
176
+ "marsh1200": "hsl(147, 14%, 7%)",
141
177
  "tonal50": "hsl(0, 0%, 96%)",
142
178
  "tonal100": "hsl(0, 0%, 92%)",
143
179
  "tonal200": "hsl(0, 0%, 62%)",
@@ -190,13 +226,13 @@ module.exports = {
190
226
  "primary300": "hsl(151, 53%, 83%)",
191
227
  "primary400": "hsl(151, 50%, 75%)",
192
228
  "primary500": "hsl(151, 46%, 64%)",
193
- "primary600": "hsl(151, 42%, 49%)",
194
- "primary700": "hsl(151, 51%, 35%)",
195
- "primary800": "hsl(151, 63%, 29%)",
196
- "primary900": "hsl(151, 55%, 21%)",
197
- "primary1000": "hsl(151, 47%, 18%)",
198
- "primary1100": "hsl(151, 34%, 13%)",
199
- "primary1200": "hsl(151, 24%, 7%)"
229
+ "primary600": "hsl(158, 42%, 49%)",
230
+ "primary700": "hsl(162, 51%, 35%)",
231
+ "primary800": "hsl(162, 69%, 28%)",
232
+ "primary900": "hsl(164, 100%, 15%)",
233
+ "primary1000": "hsl(164, 100%, 13%)",
234
+ "primary1100": "hsl(150, 34%, 15%)",
235
+ "primary1200": "hsl(150, 30%, 9%)"
200
236
  },
201
237
  "space": {
202
238
  "0": "0.125rem",
package/lib/theme-quest.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Jan 2024 09:32:03 GMT
3
+ // Generated on Wed, 08 May 2024 08:09:34 GMT
4
4
 
5
5
  $color-text-bold: #1f1f1f;
6
6
  $color-text-regular: #333333;
@@ -140,6 +140,42 @@ $color-lime-900: #496100;
140
140
  $color-lime-1000: #394d00;
141
141
  $color-lime-1100: #222e00;
142
142
  $color-lime-1200: #171f00;
143
+ $color-lapis-100: #f0f6ff;
144
+ $color-lapis-200: #e5f0ff;
145
+ $color-lapis-300: #bde7ff;
146
+ $color-lapis-400: #a8d1ff;
147
+ $color-lapis-500: #88aefc;
148
+ $color-lapis-600: #7288f3;
149
+ $color-lapis-700: #6464ed;
150
+ $color-lapis-800: #3c3ccd;
151
+ $color-lapis-900: #292999;
152
+ $color-lapis-1000: #1b1b79;
153
+ $color-lapis-1100: #060656;
154
+ $color-lapis-1200: #01013c;
155
+ $color-maroon-100: #fff7f5;
156
+ $color-maroon-200: #ffe5db;
157
+ $color-maroon-300: #ffcebd;
158
+ $color-maroon-400: #ffb499;
159
+ $color-maroon-500: #f77e6e;
160
+ $color-maroon-600: #e95c49;
161
+ $color-maroon-700: #bb3725;
162
+ $color-maroon-800: #9f1604;
163
+ $color-maroon-900: #87081f;
164
+ $color-maroon-1000: #750f27;
165
+ $color-maroon-1100: #580e2d;
166
+ $color-maroon-1200: #37061a;
167
+ $color-marsh-100: #f0faf4;
168
+ $color-marsh-200: #d8e9e0;
169
+ $color-marsh-300: #c5ddd0;
170
+ $color-marsh-400: #a9cbb8;
171
+ $color-marsh-500: #83af97;
172
+ $color-marsh-600: #688d79;
173
+ $color-marsh-700: #506d5d;
174
+ $color-marsh-800: #395b48;
175
+ $color-marsh-900: #284334;
176
+ $color-marsh-1000: #26362d;
177
+ $color-marsh-1100: #192920;
178
+ $color-marsh-1200: #0f1412;
143
179
  $color-tonal-50: #f5f5f5;
144
180
  $color-tonal-100: #ebebeb;
145
181
  $color-tonal-200: #9e9e9e;
@@ -192,13 +228,13 @@ $color-primary-200: #def7eb;
192
228
  $color-primary-300: #bdebd4;
193
229
  $color-primary-400: #9fdfc0;
194
230
  $color-primary-500: #79cda5;
195
- $color-primary-600: #48b17f;
196
- $color-primary-700: #2c875b;
197
- $color-primary-800: #1b794c;
198
- $color-primary-900: #185337;
199
- $color-primary-1000: #18432f;
200
- $color-primary-1100: #162c22;
201
- $color-primary-1200: #0e1612;
231
+ $color-primary-600: #48b18b;
232
+ $color-primary-700: #2c876b;
233
+ $color-primary-800: #16795b;
234
+ $color-primary-900: #004d38;
235
+ $color-primary-1000: #004231;
236
+ $color-primary-1100: #193326;
237
+ $color-primary-1200: #101e17;
202
238
  $font-families-sans: system-ui, -apple-system, 'Helvetica Neue', sans-serif;
203
239
  $font-families-mono: 'SFMono-Regular', Consolas, Menlo, monospace;
204
240
  $font-families-display: 'DM Sans', 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": "3.0.1",
3
+ "version": "3.1.0",
4
4
  "description": "Design tokens and assets for Atom Learning",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib/index.d.ts",