@atom-learning/theme 4.0.0-beta.2 → 4.0.0-beta.4

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 (5) hide show
  1. package/lib/theme-atom.js +36 -36
  2. package/lib/theme-atom.scss +37 -37
  3. package/lib/theme-quest.js +36 -36
  4. package/lib/theme-quest.scss +37 -37
  5. package/package.json +1 -1
package/lib/theme-atom.js CHANGED
@@ -30,18 +30,18 @@ module.exports = {
30
30
  "blue1000": "hsl(228, 82%, 35%)",
31
31
  "blue1100": "hsl(228, 63%, 23%)",
32
32
  "blue1200": "hsl(227, 57%, 11%)",
33
- "pink100": "hsl(318, 97%, 12%)",
34
- "pink200": "hsl(318, 98%, 16%)",
35
- "pink300": "hsl(319, 55%, 33%)",
36
- "pink400": "hsl(318, 63%, 37%)",
37
- "pink500": "hsl(317, 63%, 44%)",
38
- "pink600": "hsl(316, 63%, 56%)",
39
- "pink700": "hsl(315, 82%, 66%)",
40
- "pink800": "hsl(313, 83%, 72%)",
41
- "pink900": "hsl(313, 100%, 80%)",
42
- "pink1000": "hsl(311, 100%, 90%)",
43
- "pink1100": "hsl(310, 100%, 95%)",
44
- "pink1200": "hsl(311, 100%, 98%)",
33
+ "pink100": "hsl(311, 100%, 98%)",
34
+ "pink200": "hsl(310, 100%, 95%)",
35
+ "pink300": "hsl(311, 100%, 90%)",
36
+ "pink400": "hsl(313, 100%, 80%)",
37
+ "pink500": "hsl(313, 83%, 72%)",
38
+ "pink600": "hsl(315, 82%, 66%)",
39
+ "pink700": "hsl(316, 63%, 56%)",
40
+ "pink800": "hsl(317, 63%, 44%)",
41
+ "pink900": "hsl(318, 63%, 37%)",
42
+ "pink1000": "hsl(319, 55%, 33%)",
43
+ "pink1100": "hsl(318, 98%, 16%)",
44
+ "pink1200": "hsl(318, 97%, 12%)",
45
45
  "purple100": "hsl(246, 83%, 98%)",
46
46
  "purple200": "hsl(244, 74%, 95%)",
47
47
  "purple300": "hsl(246, 76%, 92%)",
@@ -66,18 +66,18 @@ module.exports = {
66
66
  "cyan1000": "hsl(205, 100%, 21%)",
67
67
  "cyan1100": "hsl(206, 97%, 15%)",
68
68
  "cyan1200": "hsl(207, 73%, 9%)",
69
- "green100": "hsl(155, 92%, 5%)",
70
- "green200": "hsl(169, 88%, 10%)",
71
- "green300": "hsl(148, 84%, 36%)",
72
- "green400": "hsl(158, 79%, 29%)",
73
- "green500": "hsl(166, 67%, 20%)",
74
- "green600": "hsl(166, 71%, 24%)",
75
- "green700": "hsl(148, 77%, 45%)",
76
- "green800": "hsl(148, 75%, 54%)",
77
- "green900": "hsl(148, 84%, 70%)",
78
- "green1000": "hsl(147, 87%, 85%)",
79
- "green1100": "hsl(148, 95%, 93%)",
80
- "green1200": "hsl(148, 88%, 97%)",
69
+ "green100": "hsl(148, 93%, 94%)",
70
+ "green200": "hsl(149, 95%, 91%)",
71
+ "green300": "hsl(147, 87%, 85%)",
72
+ "green400": "hsl(148, 84%, 70%)",
73
+ "green500": "hsl(148, 75%, 54%)",
74
+ "green600": "hsl(148, 77%, 45%)",
75
+ "green700": "hsl(148, 84%, 36%)",
76
+ "green800": "hsl(158, 79%, 29%)",
77
+ "green900": "hsl(166, 71%, 24%)",
78
+ "green1000": "hsl(166, 67%, 20%)",
79
+ "green1100": "hsl(169, 88%, 10%)",
80
+ "green1200": "hsl(155, 92%, 5%)",
81
81
  "magenta100": "hsl(330, 100%, 99%)",
82
82
  "magenta200": "hsl(329, 100%, 96%)",
83
83
  "magenta300": "hsl(332, 100%, 92%)",
@@ -114,18 +114,18 @@ module.exports = {
114
114
  "teal1000": "hsl(183, 100%, 13%)",
115
115
  "teal1100": "hsl(187, 92%, 10%)",
116
116
  "teal1200": "hsl(186, 56%, 7%)",
117
- "orange100": "hsl(38, 100%, 95%)",
118
- "orange200": "hsl(38, 100%, 90%)",
119
- "orange300": "hsl(37, 100%, 84%)",
120
- "orange400": "hsl(36, 96%, 78%)",
121
- "orange500": "hsl(33, 100%, 67%)",
122
- "orange600": "hsl(31, 97%, 57%)",
123
- "orange700": "hsl(30, 92%, 46%)",
124
- "orange800": "hsl(29, 100%, 43%)",
125
- "orange900": "hsl(27, 100%, 36%)",
126
- "orange1000": "hsl(24, 100%, 26%)",
127
- "orange1100": "hsl(20, 97%, 15%)",
128
- "orange1200": "hsl(20, 96%, 11%)",
117
+ "orange100": "hsl(45, 100%, 96%)",
118
+ "orange200": "hsl(46, 100%, 89%)",
119
+ "orange300": "hsl(46, 100%, 77%)",
120
+ "orange400": "hsl(44, 100%, 65%)",
121
+ "orange500": "hsl(41, 100%, 55%)",
122
+ "orange600": "hsl(29, 100%, 55%)",
123
+ "orange700": "hsl(35, 95%, 50%)",
124
+ "orange800": "hsl(22, 94%, 54%)",
125
+ "orange900": "hsl(22, 100%, 46%)",
126
+ "orange1000": "hsl(20, 100%, 39%)",
127
+ "orange1100": "hsl(18, 100%, 27%)",
128
+ "orange1200": "hsl(18, 100%, 21%)",
129
129
  "yellow100": "hsl(53, 94%, 93%)",
130
130
  "yellow200": "hsl(54, 92%, 85%)",
131
131
  "yellow300": "hsl(54, 92%, 75%)",
package/lib/theme-atom.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 23 Aug 2024 09:23:11 GMT
3
+ // Generated on Tue, 27 Aug 2024 17:24:14 GMT
4
4
 
5
5
  $color-text-bold: #1f1f1f;
6
6
  $color-text-regular: #333333;
@@ -32,18 +32,18 @@ $color-blue-900: #184ac9;
32
32
  $color-blue-1000: #102da2;
33
33
  $color-blue-1100: #162460;
34
34
  $color-blue-1200: #0c132c;
35
- $color-pink-100: #3c012a;
36
- $color-pink-200: #510139;
37
- $color-pink-300: #822665;
38
- $color-pink-400: #9a2376;
39
- $color-pink-500: #b72a8f;
40
- $color-pink-600: #d548b0;
41
- $color-pink-700: #ef61cc;
42
- $color-pink-800: #f37cd9;
43
- $color-pink-900: #ff99e9;
44
- $color-pink-1000: #ffccf6;
45
- $color-pink-1100: #ffe5fb;
46
- $color-pink-1200: #fff5fd;
35
+ $color-pink-100: #fff5fd;
36
+ $color-pink-200: #ffe5fb;
37
+ $color-pink-300: #ffccf6;
38
+ $color-pink-400: #ff99e9;
39
+ $color-pink-500: #f37cd9;
40
+ $color-pink-600: #ef61cc;
41
+ $color-pink-700: #d548b0;
42
+ $color-pink-800: #b72a8f;
43
+ $color-pink-900: #9a2376;
44
+ $color-pink-1000: #822665;
45
+ $color-pink-1100: #510139;
46
+ $color-pink-1200: #3c012a;
47
47
  $color-purple-100: #f7f6fe;
48
48
  $color-purple-200: #eae9fc;
49
49
  $color-purple-300: #dedbfa;
@@ -68,18 +68,18 @@ $color-cyan-900: #005799;
68
68
  $color-cyan-1000: #003e6b;
69
69
  $color-cyan-1100: #012b4b;
70
70
  $color-cyan-1200: #061928;
71
- $color-green-100: #01190f;
72
- $color-green-200: #033028;
73
- $color-green-300: #0fa957;
74
- $color-green-400: #10845a;
75
- $color-green-500: #115545;
76
- $color-green-600: #126954;
77
- $color-green-700: #1acb6d;
78
- $color-green-800: #32e284;
79
- $color-green-900: #72f3ae;
80
- $color-green-1000: #b7fad5;
81
- $color-green-1100: #dcfeec;
82
- $color-green-1200: #f1fef7;
71
+ $color-green-100: #e1feef;
72
+ $color-green-200: #d2fee7;
73
+ $color-green-300: #b7fad5;
74
+ $color-green-400: #72f3ae;
75
+ $color-green-500: #32e284;
76
+ $color-green-600: #1acb6d;
77
+ $color-green-700: #0fa957;
78
+ $color-green-800: #10845a;
79
+ $color-green-900: #126954;
80
+ $color-green-1000: #115545;
81
+ $color-green-1100: #033028;
82
+ $color-green-1200: #01190f;
83
83
  $color-magenta-100: #fffafc;
84
84
  $color-magenta-200: #ffebf5;
85
85
  $color-magenta-300: #ffd6e9;
@@ -116,18 +116,18 @@ $color-teal-900: #005c5c;
116
116
  $color-teal-1000: #003f42;
117
117
  $color-teal-1100: #022b31;
118
118
  $color-teal-1200: #081a1c;
119
- $color-orange-100: #fff6e5;
120
- $color-orange-200: #ffeccc;
121
- $color-orange-300: #ffe0ad;
122
- $color-orange-400: #fdd291;
123
- $color-orange-500: #ffb357;
124
- $color-orange-600: #fc9527;
125
- $color-orange-700: #e17509;
126
- $color-orange-800: #db6a00;
127
- $color-orange-900: #b85300;
128
- $color-orange-1000: #853500;
129
- $color-orange-1100: #4b1a01;
130
- $color-orange-1200: #371301;
119
+ $color-orange-100: #fffaeb;
120
+ $color-orange-200: #fff2c7;
121
+ $color-orange-300: #ffe48a;
122
+ $color-orange-400: #ffcf4d;
123
+ $color-orange-500: #ffb61a;
124
+ $color-orange-600: #ff881a;
125
+ $color-orange-700: #f99406;
126
+ $color-orange-800: #f86c1b;
127
+ $color-orange-900: #eb5600;
128
+ $color-orange-1000: #c74200;
129
+ $color-orange-1100: #8a2900;
130
+ $color-orange-1200: #6b2000;
131
131
  $color-yellow-100: #fefadc;
132
132
  $color-yellow-200: #fcf5b6;
133
133
  $color-yellow-300: #faee85;
package/lib/theme-quest.js CHANGED
@@ -30,18 +30,18 @@ module.exports = {
30
30
  "blue1000": "hsl(228, 82%, 35%)",
31
31
  "blue1100": "hsl(228, 63%, 23%)",
32
32
  "blue1200": "hsl(227, 57%, 11%)",
33
- "pink100": "hsl(318, 97%, 12%)",
34
- "pink200": "hsl(318, 98%, 16%)",
35
- "pink300": "hsl(319, 55%, 33%)",
36
- "pink400": "hsl(318, 63%, 37%)",
37
- "pink500": "hsl(317, 63%, 44%)",
38
- "pink600": "hsl(316, 63%, 56%)",
39
- "pink700": "hsl(315, 82%, 66%)",
40
- "pink800": "hsl(313, 83%, 72%)",
41
- "pink900": "hsl(313, 100%, 80%)",
42
- "pink1000": "hsl(311, 100%, 90%)",
43
- "pink1100": "hsl(310, 100%, 95%)",
44
- "pink1200": "hsl(311, 100%, 98%)",
33
+ "pink100": "hsl(311, 100%, 98%)",
34
+ "pink200": "hsl(310, 100%, 95%)",
35
+ "pink300": "hsl(311, 100%, 90%)",
36
+ "pink400": "hsl(313, 100%, 80%)",
37
+ "pink500": "hsl(313, 83%, 72%)",
38
+ "pink600": "hsl(315, 82%, 66%)",
39
+ "pink700": "hsl(316, 63%, 56%)",
40
+ "pink800": "hsl(317, 63%, 44%)",
41
+ "pink900": "hsl(318, 63%, 37%)",
42
+ "pink1000": "hsl(319, 55%, 33%)",
43
+ "pink1100": "hsl(318, 98%, 16%)",
44
+ "pink1200": "hsl(318, 97%, 12%)",
45
45
  "purple100": "hsl(246, 83%, 98%)",
46
46
  "purple200": "hsl(244, 74%, 95%)",
47
47
  "purple300": "hsl(246, 76%, 92%)",
@@ -66,18 +66,18 @@ module.exports = {
66
66
  "cyan1000": "hsl(205, 100%, 21%)",
67
67
  "cyan1100": "hsl(206, 97%, 15%)",
68
68
  "cyan1200": "hsl(207, 73%, 9%)",
69
- "green100": "hsl(155, 92%, 5%)",
70
- "green200": "hsl(169, 88%, 10%)",
71
- "green300": "hsl(148, 84%, 36%)",
72
- "green400": "hsl(158, 79%, 29%)",
73
- "green500": "hsl(166, 67%, 20%)",
74
- "green600": "hsl(166, 71%, 24%)",
75
- "green700": "hsl(148, 77%, 45%)",
76
- "green800": "hsl(148, 75%, 54%)",
77
- "green900": "hsl(148, 84%, 70%)",
78
- "green1000": "hsl(147, 87%, 85%)",
79
- "green1100": "hsl(148, 95%, 93%)",
80
- "green1200": "hsl(148, 88%, 97%)",
69
+ "green100": "hsl(148, 93%, 94%)",
70
+ "green200": "hsl(149, 95%, 91%)",
71
+ "green300": "hsl(147, 87%, 85%)",
72
+ "green400": "hsl(148, 84%, 70%)",
73
+ "green500": "hsl(148, 75%, 54%)",
74
+ "green600": "hsl(148, 77%, 45%)",
75
+ "green700": "hsl(148, 84%, 36%)",
76
+ "green800": "hsl(158, 79%, 29%)",
77
+ "green900": "hsl(166, 71%, 24%)",
78
+ "green1000": "hsl(166, 67%, 20%)",
79
+ "green1100": "hsl(169, 88%, 10%)",
80
+ "green1200": "hsl(155, 92%, 5%)",
81
81
  "magenta100": "hsl(330, 100%, 99%)",
82
82
  "magenta200": "hsl(329, 100%, 96%)",
83
83
  "magenta300": "hsl(332, 100%, 92%)",
@@ -114,18 +114,18 @@ module.exports = {
114
114
  "teal1000": "hsl(183, 100%, 13%)",
115
115
  "teal1100": "hsl(187, 92%, 10%)",
116
116
  "teal1200": "hsl(186, 56%, 7%)",
117
- "orange100": "hsl(38, 100%, 95%)",
118
- "orange200": "hsl(38, 100%, 90%)",
119
- "orange300": "hsl(37, 100%, 84%)",
120
- "orange400": "hsl(36, 96%, 78%)",
121
- "orange500": "hsl(33, 100%, 67%)",
122
- "orange600": "hsl(31, 97%, 57%)",
123
- "orange700": "hsl(30, 92%, 46%)",
124
- "orange800": "hsl(29, 100%, 43%)",
125
- "orange900": "hsl(27, 100%, 36%)",
126
- "orange1000": "hsl(24, 100%, 26%)",
127
- "orange1100": "hsl(20, 97%, 15%)",
128
- "orange1200": "hsl(20, 96%, 11%)",
117
+ "orange100": "hsl(45, 100%, 96%)",
118
+ "orange200": "hsl(46, 100%, 89%)",
119
+ "orange300": "hsl(46, 100%, 77%)",
120
+ "orange400": "hsl(44, 100%, 65%)",
121
+ "orange500": "hsl(41, 100%, 55%)",
122
+ "orange600": "hsl(29, 100%, 55%)",
123
+ "orange700": "hsl(35, 95%, 50%)",
124
+ "orange800": "hsl(22, 94%, 54%)",
125
+ "orange900": "hsl(22, 100%, 46%)",
126
+ "orange1000": "hsl(20, 100%, 39%)",
127
+ "orange1100": "hsl(18, 100%, 27%)",
128
+ "orange1200": "hsl(18, 100%, 21%)",
129
129
  "yellow100": "hsl(53, 94%, 93%)",
130
130
  "yellow200": "hsl(54, 92%, 85%)",
131
131
  "yellow300": "hsl(54, 92%, 75%)",
package/lib/theme-quest.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 23 Aug 2024 09:23:11 GMT
3
+ // Generated on Tue, 27 Aug 2024 17:24:14 GMT
4
4
 
5
5
  $color-text-bold: #1f1f1f;
6
6
  $color-text-regular: #333333;
@@ -32,18 +32,18 @@ $color-blue-900: #184ac9;
32
32
  $color-blue-1000: #102da2;
33
33
  $color-blue-1100: #162460;
34
34
  $color-blue-1200: #0c132c;
35
- $color-pink-100: #3c012a;
36
- $color-pink-200: #510139;
37
- $color-pink-300: #822665;
38
- $color-pink-400: #9a2376;
39
- $color-pink-500: #b72a8f;
40
- $color-pink-600: #d548b0;
41
- $color-pink-700: #ef61cc;
42
- $color-pink-800: #f37cd9;
43
- $color-pink-900: #ff99e9;
44
- $color-pink-1000: #ffccf6;
45
- $color-pink-1100: #ffe5fb;
46
- $color-pink-1200: #fff5fd;
35
+ $color-pink-100: #fff5fd;
36
+ $color-pink-200: #ffe5fb;
37
+ $color-pink-300: #ffccf6;
38
+ $color-pink-400: #ff99e9;
39
+ $color-pink-500: #f37cd9;
40
+ $color-pink-600: #ef61cc;
41
+ $color-pink-700: #d548b0;
42
+ $color-pink-800: #b72a8f;
43
+ $color-pink-900: #9a2376;
44
+ $color-pink-1000: #822665;
45
+ $color-pink-1100: #510139;
46
+ $color-pink-1200: #3c012a;
47
47
  $color-purple-100: #f7f6fe;
48
48
  $color-purple-200: #eae9fc;
49
49
  $color-purple-300: #dedbfa;
@@ -68,18 +68,18 @@ $color-cyan-900: #005799;
68
68
  $color-cyan-1000: #003e6b;
69
69
  $color-cyan-1100: #012b4b;
70
70
  $color-cyan-1200: #061928;
71
- $color-green-100: #01190f;
72
- $color-green-200: #033028;
73
- $color-green-300: #0fa957;
74
- $color-green-400: #10845a;
75
- $color-green-500: #115545;
76
- $color-green-600: #126954;
77
- $color-green-700: #1acb6d;
78
- $color-green-800: #32e284;
79
- $color-green-900: #72f3ae;
80
- $color-green-1000: #b7fad5;
81
- $color-green-1100: #dcfeec;
82
- $color-green-1200: #f1fef7;
71
+ $color-green-100: #e1feef;
72
+ $color-green-200: #d2fee7;
73
+ $color-green-300: #b7fad5;
74
+ $color-green-400: #72f3ae;
75
+ $color-green-500: #32e284;
76
+ $color-green-600: #1acb6d;
77
+ $color-green-700: #0fa957;
78
+ $color-green-800: #10845a;
79
+ $color-green-900: #126954;
80
+ $color-green-1000: #115545;
81
+ $color-green-1100: #033028;
82
+ $color-green-1200: #01190f;
83
83
  $color-magenta-100: #fffafc;
84
84
  $color-magenta-200: #ffebf5;
85
85
  $color-magenta-300: #ffd6e9;
@@ -116,18 +116,18 @@ $color-teal-900: #005c5c;
116
116
  $color-teal-1000: #003f42;
117
117
  $color-teal-1100: #022b31;
118
118
  $color-teal-1200: #081a1c;
119
- $color-orange-100: #fff6e5;
120
- $color-orange-200: #ffeccc;
121
- $color-orange-300: #ffe0ad;
122
- $color-orange-400: #fdd291;
123
- $color-orange-500: #ffb357;
124
- $color-orange-600: #fc9527;
125
- $color-orange-700: #e17509;
126
- $color-orange-800: #db6a00;
127
- $color-orange-900: #b85300;
128
- $color-orange-1000: #853500;
129
- $color-orange-1100: #4b1a01;
130
- $color-orange-1200: #371301;
119
+ $color-orange-100: #fffaeb;
120
+ $color-orange-200: #fff2c7;
121
+ $color-orange-300: #ffe48a;
122
+ $color-orange-400: #ffcf4d;
123
+ $color-orange-500: #ffb61a;
124
+ $color-orange-600: #ff881a;
125
+ $color-orange-700: #f99406;
126
+ $color-orange-800: #f86c1b;
127
+ $color-orange-900: #eb5600;
128
+ $color-orange-1000: #c74200;
129
+ $color-orange-1100: #8a2900;
130
+ $color-orange-1200: #6b2000;
131
131
  $color-yellow-100: #fefadc;
132
132
  $color-yellow-200: #fcf5b6;
133
133
  $color-yellow-300: #faee85;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atom-learning/theme",
3
- "version": "4.0.0-beta.2",
3
+ "version": "4.0.0-beta.4",
4
4
  "description": "Design tokens and assets for Atom Learning and Quest",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib/index.d.ts",