@sanity-labs/ui-poc 0.0.1-alpha.6 → 0.0.1-alpha.7

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/dist/styles.css CHANGED
@@ -65,107 +65,107 @@
65
65
  */
66
66
 
67
67
  :root {
68
- --black: #0b0b0b;
69
- --blue-100: #cbe5ff;
70
- --blue-200: #9cc9ff;
71
- --blue-300: #6cadff;
72
- --blue-400: #338eff;
73
- --blue-50: #e5f2ff;
74
- --blue-500: #006bff;
75
- --blue-600: #0050e3;
76
- --blue-700: #0040a7;
77
- --blue-800: #002f6e;
78
- --blue-900: #0a1e3a;
79
- --blue-950: #0c1522;
80
- --cyan-100: #b7f1e7;
81
- --cyan-200: #59e1d0;
82
- --cyan-300: #00cab7;
83
- --cyan-400: #00ac9c;
84
- --cyan-50: #dcf8f3;
85
- --cyan-500: #008f81;
86
- --cyan-600: #007367;
87
- --cyan-700: #00584f;
88
- --cyan-800: #003f37;
89
- --cyan-900: #002721;
90
- --cyan-950: #031916;
91
- --gray-100: #e3e3e3;
92
- --gray-200: #c7c7c7;
93
- --gray-300: #acacac;
94
- --gray-400: #929292;
95
- --gray-50: #f1f1f1;
96
- --gray-500: #797979;
97
- --gray-600: #606060;
98
- --gray-700: #494949;
99
- --gray-800: #333333;
100
- --gray-900: #1e1e1e;
101
- --gray-950: #141414;
102
- --green-100: #d0edc6;
103
- --green-200: #a0da8d;
104
- --green-300: #6ec64c;
105
- --green-400: #34b000;
106
- --green-50: #e7f6e3;
107
- --green-500: #269200;
108
- --green-600: #197500;
109
- --green-700: #0c5a00;
110
- --green-800: #073f00;
111
- --green-900: #0e2406;
112
- --green-950: #0d180a;
113
- --magenta-100: #fad5f8;
114
- --magenta-200: #f2abef;
115
- --magenta-300: #e77ee5;
116
- --magenta-400: #db49da;
117
- --magenta-50: #fdeafb;
118
- --magenta-500: #c800cb;
119
- --magenta-600: #a100a2;
120
- --magenta-700: #780978;
121
- --magenta-800: #511351;
122
- --magenta-900: #2d122c;
123
- --magenta-950: #1c0f1b;
124
- --orange-100: #ffd9b5;
125
- --orange-200: #ffb063;
126
- --orange-300: #ff8700;
127
- --orange-400: #dd7100;
128
- --orange-50: #ffecda;
129
- --orange-500: #b95c00;
130
- --orange-600: #964800;
131
- --orange-700: #743500;
132
- --orange-800: #542300;
133
- --orange-900: #351300;
134
- --orange-950: #201004;
135
- --purple-100: #e0ddff;
136
- --purple-200: #c3bcff;
137
- --purple-300: #a999ff;
138
- --purple-400: #9172ff;
139
- --purple-50: #efeeff;
140
- --purple-500: #7c40ff;
141
- --purple-600: #642edc;
142
- --purple-700: #4a2aa2;
143
- --purple-800: #33226b;
144
- --purple-900: #1d1838;
145
- --purple-950: #141221;
146
- --red-100: #ffd7d3;
147
- --red-200: #ffafa8;
148
- --red-300: #fa857d;
149
- --red-400: #f15552;
150
- --red-50: #ffebe9;
151
- --red-500: #e50021;
152
- --red-600: #b40f1f;
153
- --red-700: #86191c;
154
- --red-800: #5a1918;
155
- --red-900: #311412;
156
- --red-950: #1e100f;
68
+ --black: #0d0e12;
69
+ --blue-100: #e5edff;
70
+ --blue-200: #dbe5ff;
71
+ --blue-300: #a8bfff;
72
+ --blue-400: #7595ff;
73
+ --blue-50: #f5f8ff;
74
+ --blue-500: #556bfc;
75
+ --blue-600: #4043e7;
76
+ --blue-700: #2927aa;
77
+ --blue-800: #192457;
78
+ --blue-900: #161a41;
79
+ --blue-950: #101228;
80
+ --cyan-100: #c5fcfc;
81
+ --cyan-200: #96f8f8;
82
+ --cyan-300: #62efef;
83
+ --cyan-400: #18e2e2;
84
+ --cyan-50: #e7fefe;
85
+ --cyan-500: #04b8be;
86
+ --cyan-600: #037782;
87
+ --cyan-700: #024950;
88
+ --cyan-800: #042f34;
89
+ --cyan-900: #072227;
90
+ --cyan-950: #0d181c;
91
+ --gray-100: #eeeef1;
92
+ --gray-200: #e3e4e8;
93
+ --gray-300: #bbbdc9;
94
+ --gray-400: #9499ad;
95
+ --gray-50: #f6f6f8;
96
+ --gray-500: #727892;
97
+ --gray-600: #515870;
98
+ --gray-700: #383d51;
99
+ --gray-800: #252837;
100
+ --gray-900: #1b1d27;
101
+ --gray-950: #13141b;
102
+ --green-100: #dcfce7;
103
+ --green-200: #bbf7d0;
104
+ --green-300: #86efac;
105
+ --green-400: #4ade80;
106
+ --green-50: #f0fdf4;
107
+ --green-500: #22c55e;
108
+ --green-600: #01794f;
109
+ --green-700: #015133;
110
+ --green-800: #023120;
111
+ --green-900: #06231a;
112
+ --green-950: #071715;
113
+ --magenta-100: #fde8f1;
114
+ --magenta-200: #fcd5e8;
115
+ --magenta-300: #f7a5cc;
116
+ --magenta-400: #f06dac;
117
+ --magenta-50: #fef6f9;
118
+ --magenta-500: #e03d8d;
119
+ --magenta-600: #c41e72;
120
+ --magenta-700: #8c1452;
121
+ --magenta-800: #560d34;
122
+ --magenta-900: #380b24;
123
+ --magenta-950: #230717;
124
+ --orange-100: #ffecd9;
125
+ --orange-200: #ffdfc0;
126
+ --orange-300: #ffbe85;
127
+ --orange-400: #ff9c47;
128
+ --orange-50: #fff7f0;
129
+ --orange-500: #f57c1f;
130
+ --orange-600: #d95f07;
131
+ --orange-700: #9e4204;
132
+ --orange-800: #4f2204;
133
+ --orange-900: #341803;
134
+ --orange-950: #200f02;
135
+ --purple-100: #f1ebff;
136
+ --purple-200: #ece1fe;
137
+ --purple-300: #ccb1fc;
138
+ --purple-400: #b087f7;
139
+ --purple-50: #f8f5ff;
140
+ --purple-500: #8f57ef;
141
+ --purple-600: #721fe5;
142
+ --purple-700: #4c1a9e;
143
+ --purple-800: #2f1862;
144
+ --purple-900: #23173f;
145
+ --purple-950: #181128;
146
+ --red-100: #ffe5e5;
147
+ --red-200: #ffd5d5;
148
+ --red-300: #ffaaaa;
149
+ --red-400: #ff7b7b;
150
+ --red-50: #fff5f5;
151
+ --red-500: #f94f4f;
152
+ --red-600: #e42f2f;
153
+ --red-700: #a81e1e;
154
+ --red-800: #551212;
155
+ --red-900: #380d0d;
156
+ --red-950: #230808;
157
157
  --white: #ffffff;
158
- --yellow-100: #f1e4a7;
159
- --yellow-200: #e3c72f;
160
- --yellow-300: #caab00;
161
- --yellow-400: #ac9100;
162
- --yellow-50: #f8f2d4;
163
- --yellow-500: #8f7800;
164
- --yellow-600: #736000;
165
- --yellow-700: #584800;
166
- --yellow-800: #3f3200;
167
- --yellow-900: #271d00;
168
- --yellow-950: #191400;
158
+ --yellow-100: #fef9c3;
159
+ --yellow-200: #fef08a;
160
+ --yellow-300: #fde047;
161
+ --yellow-400: #facc15;
162
+ --yellow-50: #fefce8;
163
+ --yellow-500: #eab308;
164
+ --yellow-600: #ca8a04;
165
+ --yellow-700: #a16207;
166
+ --yellow-800: #713f12;
167
+ --yellow-900: #422006;
168
+ --yellow-950: #27130a;
169
169
  }
170
170
 
171
171
  /**
@@ -8,107 +8,107 @@
8
8
  */
9
9
 
10
10
  :root {
11
- --black: #0b0b0b;
12
- --blue-100: #cbe5ff;
13
- --blue-200: #9cc9ff;
14
- --blue-300: #6cadff;
15
- --blue-400: #338eff;
16
- --blue-50: #e5f2ff;
17
- --blue-500: #006bff;
18
- --blue-600: #0050e3;
19
- --blue-700: #0040a7;
20
- --blue-800: #002f6e;
21
- --blue-900: #0a1e3a;
22
- --blue-950: #0c1522;
23
- --cyan-100: #b7f1e7;
24
- --cyan-200: #59e1d0;
25
- --cyan-300: #00cab7;
26
- --cyan-400: #00ac9c;
27
- --cyan-50: #dcf8f3;
28
- --cyan-500: #008f81;
29
- --cyan-600: #007367;
30
- --cyan-700: #00584f;
31
- --cyan-800: #003f37;
32
- --cyan-900: #002721;
33
- --cyan-950: #031916;
34
- --gray-100: #e3e3e3;
35
- --gray-200: #c7c7c7;
36
- --gray-300: #acacac;
37
- --gray-400: #929292;
38
- --gray-50: #f1f1f1;
39
- --gray-500: #797979;
40
- --gray-600: #606060;
41
- --gray-700: #494949;
42
- --gray-800: #333333;
43
- --gray-900: #1e1e1e;
44
- --gray-950: #141414;
45
- --green-100: #d0edc6;
46
- --green-200: #a0da8d;
47
- --green-300: #6ec64c;
48
- --green-400: #34b000;
49
- --green-50: #e7f6e3;
50
- --green-500: #269200;
51
- --green-600: #197500;
52
- --green-700: #0c5a00;
53
- --green-800: #073f00;
54
- --green-900: #0e2406;
55
- --green-950: #0d180a;
56
- --magenta-100: #fad5f8;
57
- --magenta-200: #f2abef;
58
- --magenta-300: #e77ee5;
59
- --magenta-400: #db49da;
60
- --magenta-50: #fdeafb;
61
- --magenta-500: #c800cb;
62
- --magenta-600: #a100a2;
63
- --magenta-700: #780978;
64
- --magenta-800: #511351;
65
- --magenta-900: #2d122c;
66
- --magenta-950: #1c0f1b;
67
- --orange-100: #ffd9b5;
68
- --orange-200: #ffb063;
69
- --orange-300: #ff8700;
70
- --orange-400: #dd7100;
71
- --orange-50: #ffecda;
72
- --orange-500: #b95c00;
73
- --orange-600: #964800;
74
- --orange-700: #743500;
75
- --orange-800: #542300;
76
- --orange-900: #351300;
77
- --orange-950: #201004;
78
- --purple-100: #e0ddff;
79
- --purple-200: #c3bcff;
80
- --purple-300: #a999ff;
81
- --purple-400: #9172ff;
82
- --purple-50: #efeeff;
83
- --purple-500: #7c40ff;
84
- --purple-600: #642edc;
85
- --purple-700: #4a2aa2;
86
- --purple-800: #33226b;
87
- --purple-900: #1d1838;
88
- --purple-950: #141221;
89
- --red-100: #ffd7d3;
90
- --red-200: #ffafa8;
91
- --red-300: #fa857d;
92
- --red-400: #f15552;
93
- --red-50: #ffebe9;
94
- --red-500: #e50021;
95
- --red-600: #b40f1f;
96
- --red-700: #86191c;
97
- --red-800: #5a1918;
98
- --red-900: #311412;
99
- --red-950: #1e100f;
11
+ --black: #0d0e12;
12
+ --blue-100: #e5edff;
13
+ --blue-200: #dbe5ff;
14
+ --blue-300: #a8bfff;
15
+ --blue-400: #7595ff;
16
+ --blue-50: #f5f8ff;
17
+ --blue-500: #556bfc;
18
+ --blue-600: #4043e7;
19
+ --blue-700: #2927aa;
20
+ --blue-800: #192457;
21
+ --blue-900: #161a41;
22
+ --blue-950: #101228;
23
+ --cyan-100: #c5fcfc;
24
+ --cyan-200: #96f8f8;
25
+ --cyan-300: #62efef;
26
+ --cyan-400: #18e2e2;
27
+ --cyan-50: #e7fefe;
28
+ --cyan-500: #04b8be;
29
+ --cyan-600: #037782;
30
+ --cyan-700: #024950;
31
+ --cyan-800: #042f34;
32
+ --cyan-900: #072227;
33
+ --cyan-950: #0d181c;
34
+ --gray-100: #eeeef1;
35
+ --gray-200: #e3e4e8;
36
+ --gray-300: #bbbdc9;
37
+ --gray-400: #9499ad;
38
+ --gray-50: #f6f6f8;
39
+ --gray-500: #727892;
40
+ --gray-600: #515870;
41
+ --gray-700: #383d51;
42
+ --gray-800: #252837;
43
+ --gray-900: #1b1d27;
44
+ --gray-950: #13141b;
45
+ --green-100: #dcfce7;
46
+ --green-200: #bbf7d0;
47
+ --green-300: #86efac;
48
+ --green-400: #4ade80;
49
+ --green-50: #f0fdf4;
50
+ --green-500: #22c55e;
51
+ --green-600: #01794f;
52
+ --green-700: #015133;
53
+ --green-800: #023120;
54
+ --green-900: #06231a;
55
+ --green-950: #071715;
56
+ --magenta-100: #fde8f1;
57
+ --magenta-200: #fcd5e8;
58
+ --magenta-300: #f7a5cc;
59
+ --magenta-400: #f06dac;
60
+ --magenta-50: #fef6f9;
61
+ --magenta-500: #e03d8d;
62
+ --magenta-600: #c41e72;
63
+ --magenta-700: #8c1452;
64
+ --magenta-800: #560d34;
65
+ --magenta-900: #380b24;
66
+ --magenta-950: #230717;
67
+ --orange-100: #ffecd9;
68
+ --orange-200: #ffdfc0;
69
+ --orange-300: #ffbe85;
70
+ --orange-400: #ff9c47;
71
+ --orange-50: #fff7f0;
72
+ --orange-500: #f57c1f;
73
+ --orange-600: #d95f07;
74
+ --orange-700: #9e4204;
75
+ --orange-800: #4f2204;
76
+ --orange-900: #341803;
77
+ --orange-950: #200f02;
78
+ --purple-100: #f1ebff;
79
+ --purple-200: #ece1fe;
80
+ --purple-300: #ccb1fc;
81
+ --purple-400: #b087f7;
82
+ --purple-50: #f8f5ff;
83
+ --purple-500: #8f57ef;
84
+ --purple-600: #721fe5;
85
+ --purple-700: #4c1a9e;
86
+ --purple-800: #2f1862;
87
+ --purple-900: #23173f;
88
+ --purple-950: #181128;
89
+ --red-100: #ffe5e5;
90
+ --red-200: #ffd5d5;
91
+ --red-300: #ffaaaa;
92
+ --red-400: #ff7b7b;
93
+ --red-50: #fff5f5;
94
+ --red-500: #f94f4f;
95
+ --red-600: #e42f2f;
96
+ --red-700: #a81e1e;
97
+ --red-800: #551212;
98
+ --red-900: #380d0d;
99
+ --red-950: #230808;
100
100
  --white: #ffffff;
101
- --yellow-100: #f1e4a7;
102
- --yellow-200: #e3c72f;
103
- --yellow-300: #caab00;
104
- --yellow-400: #ac9100;
105
- --yellow-50: #f8f2d4;
106
- --yellow-500: #8f7800;
107
- --yellow-600: #736000;
108
- --yellow-700: #584800;
109
- --yellow-800: #3f3200;
110
- --yellow-900: #271d00;
111
- --yellow-950: #191400;
101
+ --yellow-100: #fef9c3;
102
+ --yellow-200: #fef08a;
103
+ --yellow-300: #fde047;
104
+ --yellow-400: #facc15;
105
+ --yellow-50: #fefce8;
106
+ --yellow-500: #eab308;
107
+ --yellow-600: #ca8a04;
108
+ --yellow-700: #a16207;
109
+ --yellow-800: #713f12;
110
+ --yellow-900: #422006;
111
+ --yellow-950: #27130a;
112
112
  }
113
113
 
114
114
  /**
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sanity-labs/ui-poc",
3
- "version": "0.0.1-alpha.6",
4
- "description": "Sanity UI POC",
3
+ "version": "0.0.1-alpha.7",
4
+ "description": "Sanity Design System POC",
5
5
  "keywords": [],
6
6
  "homepage": "https://github.com/sanity-labs/ui-poc#readme",
7
7
  "bugs": {
@@ -45,33 +45,23 @@
45
45
  "test": "vitest run",
46
46
  "ts:check": "tsc --noEmit"
47
47
  },
48
- "lint-staged": {
49
- "*": [
50
- "prettier --write --cache --ignore-unknown"
51
- ]
52
- },
53
48
  "browserslist": "extends @sanity/browserslist-config",
54
- "prettier": "@sanity/prettier-config",
55
49
  "dependencies": {
56
- "@sanity-labs/design-tokens": "0.0.2-alpha.0",
50
+ "@sanity-labs/design-tokens": "0.0.2-alpha.1",
57
51
  "classnames": "^2.5.1"
58
52
  },
59
53
  "devDependencies": {
60
54
  "@repo/eslint-config": "workspace:*",
61
55
  "@sanity/browserslist-config": "^1.0.5",
62
56
  "@sanity/pkg-utils": "^9.2.3",
63
- "@sanity/prettier-config": "^1.0.6",
64
57
  "@sanity/tsconfig": "^1.0.0",
65
58
  "@types/postcss-import": "^14.0.3",
66
59
  "@types/react": "^19.2.14",
67
60
  "autoprefixer": "^10.4.27",
68
61
  "eslint": "^9.22.0",
69
- "lint-staged": "^15.5.2",
70
62
  "postcss": "^8.5.8",
71
63
  "postcss-cli": "^11.0.1",
72
64
  "postcss-import": "^16.1.1",
73
- "prettier": "^3.8.1",
74
- "prettier-plugin-packagejson": "^3.0.2",
75
65
  "rimraf": "^6.1.3",
76
66
  "typescript": "^5.9.3",
77
67
  "vitest": "^4.1.1"
package/src/styles.css CHANGED
@@ -65,107 +65,107 @@
65
65
  */
66
66
 
67
67
  :root {
68
- --black: #0b0b0b;
69
- --blue-100: #cbe5ff;
70
- --blue-200: #9cc9ff;
71
- --blue-300: #6cadff;
72
- --blue-400: #338eff;
73
- --blue-50: #e5f2ff;
74
- --blue-500: #006bff;
75
- --blue-600: #0050e3;
76
- --blue-700: #0040a7;
77
- --blue-800: #002f6e;
78
- --blue-900: #0a1e3a;
79
- --blue-950: #0c1522;
80
- --cyan-100: #b7f1e7;
81
- --cyan-200: #59e1d0;
82
- --cyan-300: #00cab7;
83
- --cyan-400: #00ac9c;
84
- --cyan-50: #dcf8f3;
85
- --cyan-500: #008f81;
86
- --cyan-600: #007367;
87
- --cyan-700: #00584f;
88
- --cyan-800: #003f37;
89
- --cyan-900: #002721;
90
- --cyan-950: #031916;
91
- --gray-100: #e3e3e3;
92
- --gray-200: #c7c7c7;
93
- --gray-300: #acacac;
94
- --gray-400: #929292;
95
- --gray-50: #f1f1f1;
96
- --gray-500: #797979;
97
- --gray-600: #606060;
98
- --gray-700: #494949;
99
- --gray-800: #333333;
100
- --gray-900: #1e1e1e;
101
- --gray-950: #141414;
102
- --green-100: #d0edc6;
103
- --green-200: #a0da8d;
104
- --green-300: #6ec64c;
105
- --green-400: #34b000;
106
- --green-50: #e7f6e3;
107
- --green-500: #269200;
108
- --green-600: #197500;
109
- --green-700: #0c5a00;
110
- --green-800: #073f00;
111
- --green-900: #0e2406;
112
- --green-950: #0d180a;
113
- --magenta-100: #fad5f8;
114
- --magenta-200: #f2abef;
115
- --magenta-300: #e77ee5;
116
- --magenta-400: #db49da;
117
- --magenta-50: #fdeafb;
118
- --magenta-500: #c800cb;
119
- --magenta-600: #a100a2;
120
- --magenta-700: #780978;
121
- --magenta-800: #511351;
122
- --magenta-900: #2d122c;
123
- --magenta-950: #1c0f1b;
124
- --orange-100: #ffd9b5;
125
- --orange-200: #ffb063;
126
- --orange-300: #ff8700;
127
- --orange-400: #dd7100;
128
- --orange-50: #ffecda;
129
- --orange-500: #b95c00;
130
- --orange-600: #964800;
131
- --orange-700: #743500;
132
- --orange-800: #542300;
133
- --orange-900: #351300;
134
- --orange-950: #201004;
135
- --purple-100: #e0ddff;
136
- --purple-200: #c3bcff;
137
- --purple-300: #a999ff;
138
- --purple-400: #9172ff;
139
- --purple-50: #efeeff;
140
- --purple-500: #7c40ff;
141
- --purple-600: #642edc;
142
- --purple-700: #4a2aa2;
143
- --purple-800: #33226b;
144
- --purple-900: #1d1838;
145
- --purple-950: #141221;
146
- --red-100: #ffd7d3;
147
- --red-200: #ffafa8;
148
- --red-300: #fa857d;
149
- --red-400: #f15552;
150
- --red-50: #ffebe9;
151
- --red-500: #e50021;
152
- --red-600: #b40f1f;
153
- --red-700: #86191c;
154
- --red-800: #5a1918;
155
- --red-900: #311412;
156
- --red-950: #1e100f;
68
+ --black: #0d0e12;
69
+ --blue-100: #e5edff;
70
+ --blue-200: #dbe5ff;
71
+ --blue-300: #a8bfff;
72
+ --blue-400: #7595ff;
73
+ --blue-50: #f5f8ff;
74
+ --blue-500: #556bfc;
75
+ --blue-600: #4043e7;
76
+ --blue-700: #2927aa;
77
+ --blue-800: #192457;
78
+ --blue-900: #161a41;
79
+ --blue-950: #101228;
80
+ --cyan-100: #c5fcfc;
81
+ --cyan-200: #96f8f8;
82
+ --cyan-300: #62efef;
83
+ --cyan-400: #18e2e2;
84
+ --cyan-50: #e7fefe;
85
+ --cyan-500: #04b8be;
86
+ --cyan-600: #037782;
87
+ --cyan-700: #024950;
88
+ --cyan-800: #042f34;
89
+ --cyan-900: #072227;
90
+ --cyan-950: #0d181c;
91
+ --gray-100: #eeeef1;
92
+ --gray-200: #e3e4e8;
93
+ --gray-300: #bbbdc9;
94
+ --gray-400: #9499ad;
95
+ --gray-50: #f6f6f8;
96
+ --gray-500: #727892;
97
+ --gray-600: #515870;
98
+ --gray-700: #383d51;
99
+ --gray-800: #252837;
100
+ --gray-900: #1b1d27;
101
+ --gray-950: #13141b;
102
+ --green-100: #dcfce7;
103
+ --green-200: #bbf7d0;
104
+ --green-300: #86efac;
105
+ --green-400: #4ade80;
106
+ --green-50: #f0fdf4;
107
+ --green-500: #22c55e;
108
+ --green-600: #01794f;
109
+ --green-700: #015133;
110
+ --green-800: #023120;
111
+ --green-900: #06231a;
112
+ --green-950: #071715;
113
+ --magenta-100: #fde8f1;
114
+ --magenta-200: #fcd5e8;
115
+ --magenta-300: #f7a5cc;
116
+ --magenta-400: #f06dac;
117
+ --magenta-50: #fef6f9;
118
+ --magenta-500: #e03d8d;
119
+ --magenta-600: #c41e72;
120
+ --magenta-700: #8c1452;
121
+ --magenta-800: #560d34;
122
+ --magenta-900: #380b24;
123
+ --magenta-950: #230717;
124
+ --orange-100: #ffecd9;
125
+ --orange-200: #ffdfc0;
126
+ --orange-300: #ffbe85;
127
+ --orange-400: #ff9c47;
128
+ --orange-50: #fff7f0;
129
+ --orange-500: #f57c1f;
130
+ --orange-600: #d95f07;
131
+ --orange-700: #9e4204;
132
+ --orange-800: #4f2204;
133
+ --orange-900: #341803;
134
+ --orange-950: #200f02;
135
+ --purple-100: #f1ebff;
136
+ --purple-200: #ece1fe;
137
+ --purple-300: #ccb1fc;
138
+ --purple-400: #b087f7;
139
+ --purple-50: #f8f5ff;
140
+ --purple-500: #8f57ef;
141
+ --purple-600: #721fe5;
142
+ --purple-700: #4c1a9e;
143
+ --purple-800: #2f1862;
144
+ --purple-900: #23173f;
145
+ --purple-950: #181128;
146
+ --red-100: #ffe5e5;
147
+ --red-200: #ffd5d5;
148
+ --red-300: #ffaaaa;
149
+ --red-400: #ff7b7b;
150
+ --red-50: #fff5f5;
151
+ --red-500: #f94f4f;
152
+ --red-600: #e42f2f;
153
+ --red-700: #a81e1e;
154
+ --red-800: #551212;
155
+ --red-900: #380d0d;
156
+ --red-950: #230808;
157
157
  --white: #ffffff;
158
- --yellow-100: #f1e4a7;
159
- --yellow-200: #e3c72f;
160
- --yellow-300: #caab00;
161
- --yellow-400: #ac9100;
162
- --yellow-50: #f8f2d4;
163
- --yellow-500: #8f7800;
164
- --yellow-600: #736000;
165
- --yellow-700: #584800;
166
- --yellow-800: #3f3200;
167
- --yellow-900: #271d00;
168
- --yellow-950: #191400;
158
+ --yellow-100: #fef9c3;
159
+ --yellow-200: #fef08a;
160
+ --yellow-300: #fde047;
161
+ --yellow-400: #facc15;
162
+ --yellow-50: #fefce8;
163
+ --yellow-500: #eab308;
164
+ --yellow-600: #ca8a04;
165
+ --yellow-700: #a16207;
166
+ --yellow-800: #713f12;
167
+ --yellow-900: #422006;
168
+ --yellow-950: #27130a;
169
169
  }
170
170
 
171
171
  /**