@onereach/styles 2.35.3-beta.2374.0 → 2.36.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 (8) hide show
  1. package/dist/index.css +113 -78
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.min.css +1 -1
  4. package/package.json +3 -2
  5. package/scrollbar.css +18 -21
  6. package/src/variables/_colors.scss +4 -0
  7. package/src/variables/_css-vars.scss +2 -0
  8. package/src/variables/tokens/design-tokens.scss +14 -14
package/dist/index.css CHANGED
@@ -5,6 +5,7 @@
5
5
  --c-primary-darken-5: #157cd0;
6
6
  --c-primary-darken-20: #0e538a;
7
7
  --c-primary-darken-25: #0b4573;
8
+ --c-primary-darken-45: #020d16;
8
9
  --c-primary-lighten-20: #73b9f1;
9
10
  --c-primary-lighten-45: #e7f3fd;
10
11
  --c-error: #da1e28;
@@ -12,6 +13,7 @@
12
13
  --c-error-darken-5: #c41b24;
13
14
  --c-error-darken-20: #801218;
14
15
  --c-error-darken-25: #6a0f13;
16
+ --c-error-darken-45: #100203;
15
17
  --c-error-lighten-20: #ec7279;
16
18
  --c-error-lighten-45: #fbe2e4;
17
19
  --c-warning: #fcbc05;
@@ -19,6 +21,7 @@
19
21
  --c-warning-darken-5: #e5aa03;
20
22
  --c-warning-darken-20: #997202;
21
23
  --c-warning-darken-25: #805f02;
24
+ --c-warning-darken-45: #1b1400;
22
25
  --c-warning-lighten-20: #fdd76a;
23
26
  --c-warning-lighten-45: #fff9e8;
24
27
  --c-success: #4ec00f;
@@ -26,6 +29,7 @@
26
29
  --c-success-darken-5: #44a80d;
27
30
  --c-success-darken-20: #286108;
28
31
  --c-success-darken-25: #1e4a06;
32
+ --c-success-darken-45: black;
29
33
  --c-success-lighten-20: #82f045;
30
34
  --c-success-lighten-45: #d1fabb;
31
35
  --c-neutral-0: #fff;
@@ -33,42 +37,49 @@
33
37
  --c-neutral-0-darken-5: #f2f2f2;
34
38
  --c-neutral-0-darken-20: #cccccc;
35
39
  --c-neutral-0-darken-25: #bfbfbf;
40
+ --c-neutral-0-darken-45: #8c8c8c;
36
41
  --c-neutral-0-lighten-20: white;
37
42
  --c-neutral-1: #f6f6f6;
38
43
  --c-neutral-1-darken-3: #eeeeee;
39
44
  --c-neutral-1-darken-5: #e9e9e9;
40
45
  --c-neutral-1-darken-20: #c3c3c3;
41
46
  --c-neutral-1-darken-25: #b6b6b6;
47
+ --c-neutral-1-darken-45: #838383;
42
48
  --c-neutral-1-lighten-20: white;
43
49
  --c-neutral-2: #dfdfdf;
44
50
  --c-neutral-2-darken-3: #d7d7d7;
45
51
  --c-neutral-2-darken-5: #d2d2d2;
46
52
  --c-neutral-2-darken-20: #acacac;
47
53
  --c-neutral-2-darken-25: #9f9f9f;
54
+ --c-neutral-2-darken-45: #6c6c6c;
48
55
  --c-neutral-2-lighten-20: white;
49
56
  --c-neutral-3: #c6c6c6;
50
57
  --c-neutral-3-darken-3: #bebebe;
51
58
  --c-neutral-3-darken-5: #b9b9b9;
52
59
  --c-neutral-3-darken-20: #939393;
53
60
  --c-neutral-3-darken-25: #868686;
61
+ --c-neutral-3-darken-45: #535353;
54
62
  --c-neutral-3-lighten-20: #f9f9f9;
55
63
  --c-neutral-4: #91969d;
56
64
  --c-neutral-4-darken-3: #898e96;
57
65
  --c-neutral-4-darken-5: #848991;
58
66
  --c-neutral-4-darken-20: #5e636a;
59
67
  --c-neutral-4-darken-25: #52565c;
68
+ --c-neutral-4-darken-45: #222426;
60
69
  --c-neutral-4-lighten-20: #c7c9cd;
61
70
  --c-neutral-5: #6c747d;
62
71
  --c-neutral-5-darken-3: #656c75;
63
72
  --c-neutral-5-darken-5: #60676f;
64
73
  --c-neutral-5-darken-20: #3d4146;
65
74
  --c-neutral-5-darken-25: #313539;
75
+ --c-neutral-5-darken-45: #020202;
66
76
  --c-neutral-5-lighten-20: #a1a7ae;
67
77
  --c-neutral-6: #1e232b;
68
78
  --c-neutral-6-darken-3: #181c22;
69
79
  --c-neutral-6-darken-5: #14171c;
70
80
  --c-neutral-6-darken-20: black;
71
81
  --c-neutral-6-darken-25: black;
82
+ --c-neutral-6-darken-45: black;
72
83
  --c-neutral-6-lighten-20: #485467;
73
84
  --c-body-bg: #fff;
74
85
  --c-white: #fff;
@@ -76,84 +87,96 @@
76
87
  }
77
88
 
78
89
  [data-theme=dark] {
79
- --c-primary: #c94277;
80
- --c-primary-darken-3: #c4386f;
81
- --c-primary-darken-5: #bc366a;
82
- --c-primary-darken-20: #802549;
83
- --c-primary-darken-25: #6d1f3d;
84
- --c-primary-lighten-20: #e091b0;
85
- --c-primary-lighten-45: #fcf5f7;
86
- --c-error: #2f0a28;
87
- --c-error-darken-3: #22071d;
88
- --c-error-darken-5: #1a0616;
89
- --c-error-darken-20: black;
90
- --c-error-darken-25: black;
91
- --c-error-lighten-20: #831c70;
92
- --c-error-lighten-45: #d847bc;
93
- --c-warning: #A27E6F;
94
- --c-warning-darken-3: #9c7666;
95
- --c-warning-darken-5: #967161;
96
- --c-warning-darken-20: #684e43;
97
- --c-warning-darken-25: #584239;
98
- --c-warning-lighten-20: #cab6ad;
99
- --c-warning-lighten-45: #fcfbfa;
100
- --c-success: #cadbc0;
101
- --c-success-darken-3: #c2d5b6;
102
- --c-success-darken-5: #bcd2b0;
103
- --c-success-darken-20: #93b67f;
104
- --c-success-darken-25: #86ad6f;
105
- --c-success-lighten-20: white;
106
- --c-success-lighten-45: white;
107
- --c-neutral-0: #A27E6F;
108
- --c-neutral-0-darken-3: #9c7666;
109
- --c-neutral-0-darken-5: #967161;
110
- --c-neutral-0-darken-20: #684e43;
111
- --c-neutral-0-darken-25: #584239;
112
- --c-neutral-0-lighten-20: #cab6ad;
113
- --c-neutral-1: #9F7366;
114
- --c-neutral-1-darken-3: #976c5f;
115
- --c-neutral-1-darken-5: #91675b;
116
- --c-neutral-1-darken-20: #62463d;
117
- --c-neutral-1-darken-25: #523a33;
118
- --c-neutral-1-lighten-20: #c6aca5;
119
- --c-neutral-2: #94524A;
120
- --c-neutral-2-darken-3: #8a4c45;
121
- --c-neutral-2-darken-5: #834942;
122
- --c-neutral-2-darken-20: #502c28;
123
- --c-neutral-2-darken-25: #3f2320;
124
- --c-neutral-2-lighten-20: #c18a83;
125
- --c-neutral-3: #7B4042;
126
- --c-neutral-3-darken-3: #713b3d;
127
- --c-neutral-3-darken-5: #6a3739;
128
- --c-neutral-3-darken-20: #381d1e;
129
- --c-neutral-3-darken-25: #271415;
130
- --c-neutral-3-lighten-20: #b36e70;
131
- --c-neutral-4: #622E39;
132
- --c-neutral-4-darken-3: #582933;
133
- --c-neutral-4-darken-5: #51262f;
134
- --c-neutral-4-darken-20: #1d0d11;
135
- --c-neutral-4-darken-25: #0b0507;
136
- --c-neutral-4-lighten-20: #a74f61;
137
- --c-neutral-5: #491C31;
138
- --c-neutral-5-darken-3: #3e182a;
139
- --c-neutral-5-darken-5: #371525;
140
- --c-neutral-5-darken-20: black;
141
- --c-neutral-5-darken-25: black;
142
- --c-neutral-5-lighten-20: #933862;
143
- --c-neutral-6: #B6AD98;
144
- --c-neutral-6-darken-3: #b0a68f;
145
- --c-neutral-6-darken-5: #aba189;
146
- --c-neutral-6-darken-20: #887c60;
147
- --c-neutral-6-darken-25: #796e56;
148
- --c-neutral-6-lighten-20: #e0ddd4;
149
- --c-c-body-bg: #fff;
150
- --c-c-body-bg-darken-3: #f7f7f7;
151
- --c-c-body-bg-darken-5: #f2f2f2;
152
- --c-c-body-bg-darken-20: #cccccc;
153
- --c-c-body-bg-darken-25: #bfbfbf;
154
- --c-c-body-bg-lighten-20: white;
155
- --c-white: #fff;
156
- --c-black: #000;
90
+ --c-primary: #A4C8FF;
91
+ --c-primary-darken-3: #95bfff;
92
+ --c-primary-darken-5: #8bb9ff;
93
+ --c-primary-darken-20: #3e8aff;
94
+ --c-primary-darken-25: #257bff;
95
+ --c-primary-darken-45: #004bbe;
96
+ --c-primary-lighten-20: white;
97
+ --c-primary-lighten-45: white;
98
+ --c-error: #FFB4A9;
99
+ --c-error-darken-3: #ffa79a;
100
+ --c-error-darken-5: #ff9e90;
101
+ --c-error-darken-20: #ff5b43;
102
+ --c-error-darken-25: #ff452a;
103
+ --c-error-darken-45: #c31900;
104
+ --c-error-lighten-20: white;
105
+ --c-error-lighten-45: white;
106
+ --c-warning: #FBBC0C;
107
+ --c-warning-darken-3: #f4b504;
108
+ --c-warning-darken-5: #eaad04;
109
+ --c-warning-darken-20: #9e7503;
110
+ --c-warning-darken-25: #856302;
111
+ --c-warning-darken-45: #211801;
112
+ --c-warning-lighten-20: #fdd870;
113
+ --c-warning-lighten-45: #fffaee;
114
+ --c-success: #6CE036;
115
+ --c-success-darken-3: #62de29;
116
+ --c-success-darken-5: #5ddb22;
117
+ --c-success-darken-20: #409818;
118
+ --c-success-darken-25: #378214;
119
+ --c-success-darken-45: #122a06;
120
+ --c-success-lighten-20: #adee8e;
121
+ --c-success-lighten-45: #fdfffd;
122
+ --c-neutral-0: #1B1B1D;
123
+ --c-neutral-0-darken-3: #141415;
124
+ --c-neutral-0-darken-5: #0f0f10;
125
+ --c-neutral-0-darken-20: black;
126
+ --c-neutral-0-darken-25: black;
127
+ --c-neutral-0-darken-45: black;
128
+ --c-neutral-0-lighten-20: #4c4c52;
129
+ --c-neutral-1: #222428;
130
+ --c-neutral-1-darken-3: #1b1d20;
131
+ --c-neutral-1-darken-5: #16181a;
132
+ --c-neutral-1-darken-20: black;
133
+ --c-neutral-1-darken-25: black;
134
+ --c-neutral-1-darken-45: black;
135
+ --c-neutral-1-lighten-20: #51565f;
136
+ --c-neutral-2: #26292F;
137
+ --c-neutral-2-darken-3: #1f2227;
138
+ --c-neutral-2-darken-5: #1b1d21;
139
+ --c-neutral-2-darken-20: black;
140
+ --c-neutral-2-darken-25: black;
141
+ --c-neutral-2-darken-45: black;
142
+ --c-neutral-2-lighten-20: #545a67;
143
+ --c-neutral-3: #2A2E36;
144
+ --c-neutral-3-darken-3: #23272d;
145
+ --c-neutral-3-darken-5: #1f2228;
146
+ --c-neutral-3-darken-20: black;
147
+ --c-neutral-3-darken-25: black;
148
+ --c-neutral-3-darken-45: black;
149
+ --c-neutral-3-lighten-20: #575f6f;
150
+ --c-neutral-4: #E1EAF6;
151
+ --c-neutral-4-darken-3: #d5e2f2;
152
+ --c-neutral-4-darken-5: #cddcf0;
153
+ --c-neutral-4-darken-20: #93b3de;
154
+ --c-neutral-4-darken-25: #7fa5d9;
155
+ --c-neutral-4-darken-45: #386fba;
156
+ --c-neutral-4-lighten-20: white;
157
+ --c-neutral-5: #DFE8F6;
158
+ --c-neutral-5-darken-3: #d3dff3;
159
+ --c-neutral-5-darken-5: #cbdaf0;
160
+ --c-neutral-5-darken-20: #8fafe0;
161
+ --c-neutral-5-darken-25: #7ba0da;
162
+ --c-neutral-5-darken-45: #3569bb;
163
+ --c-neutral-5-lighten-20: white;
164
+ --c-neutral-6: #E3E2E6;
165
+ --c-neutral-6-darken-3: #dbdadf;
166
+ --c-neutral-6-darken-5: #d6d4da;
167
+ --c-neutral-6-darken-20: #aeabb7;
168
+ --c-neutral-6-darken-25: #a19eab;
169
+ --c-neutral-6-darken-45: #6d697a;
170
+ --c-neutral-6-lighten-20: white;
171
+ --c-c-body-bg: #1B1B1D;
172
+ --c-c-body-bg-darken-3: #141415;
173
+ --c-c-body-bg-darken-5: #0f0f10;
174
+ --c-c-body-bg-darken-20: black;
175
+ --c-c-body-bg-darken-25: black;
176
+ --c-c-body-bg-darken-45: black;
177
+ --c-c-body-bg-lighten-20: #4c4c52;
178
+ --c-white: #222428;
179
+ --c-black: #fff;
157
180
  }
158
181
 
159
182
  [data-theme=custom] {
@@ -162,6 +185,7 @@
162
185
  --c-primary-darken-5: #d3007d;
163
186
  --c-primary-darken-20: #86004f;
164
187
  --c-primary-darken-25: #6d0040;
188
+ --c-primary-darken-45: #070004;
165
189
  --c-primary-lighten-20: #ff53b9;
166
190
  --c-primary-lighten-45: #ffd3ed;
167
191
  --c-error: rgb(232, 17, 35);
@@ -169,6 +193,7 @@
169
193
  --c-error-darken-5: #d00f1f;
170
194
  --c-error-darken-20: #890a15;
171
195
  --c-error-darken-25: #710811;
196
+ --c-error-darken-45: #120103;
172
197
  --c-error-lighten-20: #f46b76;
173
198
  --c-error-lighten-45: #fde2e4;
174
199
  --c-warning: rgb(255, 241, 0);
@@ -176,6 +201,7 @@
176
201
  --c-warning-darken-5: #e6d900;
177
202
  --c-warning-darken-20: #999100;
178
203
  --c-warning-darken-25: #807900;
204
+ --c-warning-darken-45: #1a1800;
179
205
  --c-warning-lighten-20: #fff766;
180
206
  --c-warning-lighten-45: #fffee6;
181
207
  --c-success: rgb(186, 216, 10);
@@ -183,6 +209,7 @@
183
209
  --c-success-darken-5: #a5c009;
184
210
  --c-success-darken-20: #667705;
185
211
  --c-success-darken-25: #515e04;
212
+ --c-success-darken-45: black;
186
213
  --c-success-lighten-20: #dff751;
187
214
  --c-success-lighten-45: #f5fdcb;
188
215
  --c-neutral-0: rgb(255, 140, 0);
@@ -190,48 +217,56 @@
190
217
  --c-neutral-0-darken-5: #e67e00;
191
218
  --c-neutral-0-darken-20: #995400;
192
219
  --c-neutral-0-darken-25: #804600;
220
+ --c-neutral-0-darken-45: #1a0e00;
193
221
  --c-neutral-0-lighten-20: #ffba66;
194
222
  --c-neutral-1: rgb(236, 0, 140);
195
223
  --c-neutral-1-darken-3: #dd0083;
196
224
  --c-neutral-1-darken-5: #d3007d;
197
225
  --c-neutral-1-darken-20: #86004f;
198
226
  --c-neutral-1-darken-25: #6d0040;
227
+ --c-neutral-1-darken-45: #070004;
199
228
  --c-neutral-1-lighten-20: #ff53b9;
200
229
  --c-neutral-2: rgb(104, 33, 122);
201
230
  --c-neutral-2-darken-3: #5e1e6e;
202
231
  --c-neutral-2-darken-5: #571c66;
203
232
  --c-neutral-2-darken-20: #240b2a;
204
233
  --c-neutral-2-darken-25: #120616;
234
+ --c-neutral-2-darken-45: black;
205
235
  --c-neutral-2-lighten-20: #ac38c9;
206
236
  --c-neutral-3: rgb(0, 24, 143);
207
237
  --c-neutral-3-darken-3: #001580;
208
238
  --c-neutral-3-darken-5: #001476;
209
239
  --c-neutral-3-darken-20: #000729;
210
240
  --c-neutral-3-darken-25: #000310;
241
+ --c-neutral-3-darken-45: black;
211
242
  --c-neutral-3-lighten-20: #0029f5;
212
243
  --c-neutral-4: rgb(0, 188, 242);
213
244
  --c-neutral-4-darken-3: #00b0e3;
214
245
  --c-neutral-4-darken-5: #00a8d9;
215
246
  --c-neutral-4-darken-20: #006d8c;
216
247
  --c-neutral-4-darken-25: #005973;
248
+ --c-neutral-4-darken-45: #000a0d;
217
249
  --c-neutral-4-lighten-20: #59daff;
218
250
  --c-neutral-5: rgb(0, 178, 148);
219
251
  --c-neutral-5-darken-3: #00a387;
220
252
  --c-neutral-5-darken-5: #00997f;
221
253
  --c-neutral-5-darken-20: #004c3f;
222
254
  --c-neutral-5-darken-25: #00332a;
255
+ --c-neutral-5-darken-45: black;
223
256
  --c-neutral-5-lighten-20: #19ffd8;
224
257
  --c-neutral-6: rgb(0, 158, 73);
225
258
  --c-neutral-6-darken-3: #008f42;
226
259
  --c-neutral-6-darken-5: #00853d;
227
260
  --c-neutral-6-darken-20: #00381a;
228
261
  --c-neutral-6-darken-25: #001f0e;
262
+ --c-neutral-6-darken-45: black;
229
263
  --c-neutral-6-lighten-20: #05ff79;
230
264
  --c-c-body-bg: #fff;
231
265
  --c-c-body-bg-darken-3: #f7f7f7;
232
266
  --c-c-body-bg-darken-5: #f2f2f2;
233
267
  --c-c-body-bg-darken-20: #cccccc;
234
268
  --c-c-body-bg-darken-25: #bfbfbf;
269
+ --c-c-body-bg-darken-45: #8c8c8c;
235
270
  --c-c-body-bg-lighten-20: white;
236
271
  --c-white: #fff;
237
272
  --c-black: #000;
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/variables/_css-vars.scss","index.css"],"names":[],"mappings":"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","file":"index.css"}
1
+ {"version":3,"sources":["../src/variables/_css-vars.scss","index.css"],"names":[],"mappings":"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","file":"index.css"}
package/dist/index.min.css CHANGED
@@ -1 +1 @@
1
- :root,[data-theme=light]{--c-primary:#178ae7;--c-primary-darken-3:#1682d9;--c-primary-darken-5:#157cd0;--c-primary-darken-20:#0e538a;--c-primary-darken-25:#0b4573;--c-primary-lighten-20:#73b9f1;--c-primary-lighten-45:#e7f3fd;--c-error:#da1e28;--c-error-darken-3:#cd1c26;--c-error-darken-5:#c41b24;--c-error-darken-20:#801218;--c-error-darken-25:#6a0f13;--c-error-lighten-20:#ec7279;--c-error-lighten-45:#fbe2e4;--c-warning:#fcbc05;--c-warning-darken-3:#efb203;--c-warning-darken-5:#e5aa03;--c-warning-darken-20:#997202;--c-warning-darken-25:#805f02;--c-warning-lighten-20:#fdd76a;--c-warning-lighten-45:#fff9e8;--c-success:#4ec00f;--c-success-darken-3:#48b20e;--c-success-darken-5:#44a80d;--c-success-darken-20:#286108;--c-success-darken-25:#1e4a06;--c-success-lighten-20:#82f045;--c-success-lighten-45:#d1fabb;--c-neutral-0:#fff;--c-neutral-0-darken-3:#f7f7f7;--c-neutral-0-darken-5:#f2f2f2;--c-neutral-0-darken-20:#cccccc;--c-neutral-0-darken-25:#bfbfbf;--c-neutral-0-lighten-20:white;--c-neutral-1:#f6f6f6;--c-neutral-1-darken-3:#eeeeee;--c-neutral-1-darken-5:#e9e9e9;--c-neutral-1-darken-20:#c3c3c3;--c-neutral-1-darken-25:#b6b6b6;--c-neutral-1-lighten-20:white;--c-neutral-2:#dfdfdf;--c-neutral-2-darken-3:#d7d7d7;--c-neutral-2-darken-5:#d2d2d2;--c-neutral-2-darken-20:#acacac;--c-neutral-2-darken-25:#9f9f9f;--c-neutral-2-lighten-20:white;--c-neutral-3:#c6c6c6;--c-neutral-3-darken-3:#bebebe;--c-neutral-3-darken-5:#b9b9b9;--c-neutral-3-darken-20:#939393;--c-neutral-3-darken-25:#868686;--c-neutral-3-lighten-20:#f9f9f9;--c-neutral-4:#91969d;--c-neutral-4-darken-3:#898e96;--c-neutral-4-darken-5:#848991;--c-neutral-4-darken-20:#5e636a;--c-neutral-4-darken-25:#52565c;--c-neutral-4-lighten-20:#c7c9cd;--c-neutral-5:#6c747d;--c-neutral-5-darken-3:#656c75;--c-neutral-5-darken-5:#60676f;--c-neutral-5-darken-20:#3d4146;--c-neutral-5-darken-25:#313539;--c-neutral-5-lighten-20:#a1a7ae;--c-neutral-6:#1e232b;--c-neutral-6-darken-3:#181c22;--c-neutral-6-darken-5:#14171c;--c-neutral-6-darken-20:black;--c-neutral-6-darken-25:black;--c-neutral-6-lighten-20:#485467;--c-body-bg:#fff;--c-white:#fff;--c-black:#000}[data-theme=dark]{--c-primary:#c94277;--c-primary-darken-3:#c4386f;--c-primary-darken-5:#bc366a;--c-primary-darken-20:#802549;--c-primary-darken-25:#6d1f3d;--c-primary-lighten-20:#e091b0;--c-primary-lighten-45:#fcf5f7;--c-error:#2f0a28;--c-error-darken-3:#22071d;--c-error-darken-5:#1a0616;--c-error-darken-20:black;--c-error-darken-25:black;--c-error-lighten-20:#831c70;--c-error-lighten-45:#d847bc;--c-warning:#A27E6F;--c-warning-darken-3:#9c7666;--c-warning-darken-5:#967161;--c-warning-darken-20:#684e43;--c-warning-darken-25:#584239;--c-warning-lighten-20:#cab6ad;--c-warning-lighten-45:#fcfbfa;--c-success:#cadbc0;--c-success-darken-3:#c2d5b6;--c-success-darken-5:#bcd2b0;--c-success-darken-20:#93b67f;--c-success-darken-25:#86ad6f;--c-success-lighten-20:white;--c-success-lighten-45:white;--c-neutral-0:#A27E6F;--c-neutral-0-darken-3:#9c7666;--c-neutral-0-darken-5:#967161;--c-neutral-0-darken-20:#684e43;--c-neutral-0-darken-25:#584239;--c-neutral-0-lighten-20:#cab6ad;--c-neutral-1:#9F7366;--c-neutral-1-darken-3:#976c5f;--c-neutral-1-darken-5:#91675b;--c-neutral-1-darken-20:#62463d;--c-neutral-1-darken-25:#523a33;--c-neutral-1-lighten-20:#c6aca5;--c-neutral-2:#94524A;--c-neutral-2-darken-3:#8a4c45;--c-neutral-2-darken-5:#834942;--c-neutral-2-darken-20:#502c28;--c-neutral-2-darken-25:#3f2320;--c-neutral-2-lighten-20:#c18a83;--c-neutral-3:#7B4042;--c-neutral-3-darken-3:#713b3d;--c-neutral-3-darken-5:#6a3739;--c-neutral-3-darken-20:#381d1e;--c-neutral-3-darken-25:#271415;--c-neutral-3-lighten-20:#b36e70;--c-neutral-4:#622E39;--c-neutral-4-darken-3:#582933;--c-neutral-4-darken-5:#51262f;--c-neutral-4-darken-20:#1d0d11;--c-neutral-4-darken-25:#0b0507;--c-neutral-4-lighten-20:#a74f61;--c-neutral-5:#491C31;--c-neutral-5-darken-3:#3e182a;--c-neutral-5-darken-5:#371525;--c-neutral-5-darken-20:black;--c-neutral-5-darken-25:black;--c-neutral-5-lighten-20:#933862;--c-neutral-6:#B6AD98;--c-neutral-6-darken-3:#b0a68f;--c-neutral-6-darken-5:#aba189;--c-neutral-6-darken-20:#887c60;--c-neutral-6-darken-25:#796e56;--c-neutral-6-lighten-20:#e0ddd4;--c-c-body-bg:#fff;--c-c-body-bg-darken-3:#f7f7f7;--c-c-body-bg-darken-5:#f2f2f2;--c-c-body-bg-darken-20:#cccccc;--c-c-body-bg-darken-25:#bfbfbf;--c-c-body-bg-lighten-20:white;--c-white:#fff;--c-black:#000}[data-theme=custom]{--c-primary:rgb(236, 0, 140);--c-primary-darken-3:#dd0083;--c-primary-darken-5:#d3007d;--c-primary-darken-20:#86004f;--c-primary-darken-25:#6d0040;--c-primary-lighten-20:#ff53b9;--c-primary-lighten-45:#ffd3ed;--c-error:rgb(232, 17, 35);--c-error-darken-3:#da1021;--c-error-darken-5:#d00f1f;--c-error-darken-20:#890a15;--c-error-darken-25:#710811;--c-error-lighten-20:#f46b76;--c-error-lighten-45:#fde2e4;--c-warning:rgb(255, 241, 0);--c-warning-darken-3:#f0e300;--c-warning-darken-5:#e6d900;--c-warning-darken-20:#999100;--c-warning-darken-25:#807900;--c-warning-lighten-20:#fff766;--c-warning-lighten-45:#fffee6;--c-success:rgb(186, 216, 10);--c-success-darken-3:#adc909;--c-success-darken-5:#a5c009;--c-success-darken-20:#667705;--c-success-darken-25:#515e04;--c-success-lighten-20:#dff751;--c-success-lighten-45:#f5fdcb;--c-neutral-0:rgb(255, 140, 0);--c-neutral-0-darken-3:#f08400;--c-neutral-0-darken-5:#e67e00;--c-neutral-0-darken-20:#995400;--c-neutral-0-darken-25:#804600;--c-neutral-0-lighten-20:#ffba66;--c-neutral-1:rgb(236, 0, 140);--c-neutral-1-darken-3:#dd0083;--c-neutral-1-darken-5:#d3007d;--c-neutral-1-darken-20:#86004f;--c-neutral-1-darken-25:#6d0040;--c-neutral-1-lighten-20:#ff53b9;--c-neutral-2:rgb(104, 33, 122);--c-neutral-2-darken-3:#5e1e6e;--c-neutral-2-darken-5:#571c66;--c-neutral-2-darken-20:#240b2a;--c-neutral-2-darken-25:#120616;--c-neutral-2-lighten-20:#ac38c9;--c-neutral-3:rgb(0, 24, 143);--c-neutral-3-darken-3:#001580;--c-neutral-3-darken-5:#001476;--c-neutral-3-darken-20:#000729;--c-neutral-3-darken-25:#000310;--c-neutral-3-lighten-20:#0029f5;--c-neutral-4:rgb(0, 188, 242);--c-neutral-4-darken-3:#00b0e3;--c-neutral-4-darken-5:#00a8d9;--c-neutral-4-darken-20:#006d8c;--c-neutral-4-darken-25:#005973;--c-neutral-4-lighten-20:#59daff;--c-neutral-5:rgb(0, 178, 148);--c-neutral-5-darken-3:#00a387;--c-neutral-5-darken-5:#00997f;--c-neutral-5-darken-20:#004c3f;--c-neutral-5-darken-25:#00332a;--c-neutral-5-lighten-20:#19ffd8;--c-neutral-6:rgb(0, 158, 73);--c-neutral-6-darken-3:#008f42;--c-neutral-6-darken-5:#00853d;--c-neutral-6-darken-20:#00381a;--c-neutral-6-darken-25:#001f0e;--c-neutral-6-lighten-20:#05ff79;--c-c-body-bg:#fff;--c-c-body-bg-darken-3:#f7f7f7;--c-c-body-bg-darken-5:#f2f2f2;--c-c-body-bg-darken-20:#cccccc;--c-c-body-bg-darken-25:#bfbfbf;--c-c-body-bg-lighten-20:white;--c-white:#fff;--c-black:#000}:root{--s-0:0;--s-1:0.125rem;--s-2:0.25rem;--s-3:0.5rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:8rem;--t-func:cubic-bezier(0.12, 0.39, 0.5, 0.93);--t-duration:0.25s;--fs-0:0.75rem;--fs-1:0.875rem;--fs-2:1.125rem;--fs-3:1.375rem;--fw-0:400;--fw-1:600;--fw-2:700;--lh-0:1.125rem;--lh-1:1.3125rem;--lh-2:1.625rem}
1
+ :root,[data-theme=light]{--c-primary:#178ae7;--c-primary-darken-3:#1682d9;--c-primary-darken-5:#157cd0;--c-primary-darken-20:#0e538a;--c-primary-darken-25:#0b4573;--c-primary-darken-45:#020d16;--c-primary-lighten-20:#73b9f1;--c-primary-lighten-45:#e7f3fd;--c-error:#da1e28;--c-error-darken-3:#cd1c26;--c-error-darken-5:#c41b24;--c-error-darken-20:#801218;--c-error-darken-25:#6a0f13;--c-error-darken-45:#100203;--c-error-lighten-20:#ec7279;--c-error-lighten-45:#fbe2e4;--c-warning:#fcbc05;--c-warning-darken-3:#efb203;--c-warning-darken-5:#e5aa03;--c-warning-darken-20:#997202;--c-warning-darken-25:#805f02;--c-warning-darken-45:#1b1400;--c-warning-lighten-20:#fdd76a;--c-warning-lighten-45:#fff9e8;--c-success:#4ec00f;--c-success-darken-3:#48b20e;--c-success-darken-5:#44a80d;--c-success-darken-20:#286108;--c-success-darken-25:#1e4a06;--c-success-darken-45:black;--c-success-lighten-20:#82f045;--c-success-lighten-45:#d1fabb;--c-neutral-0:#fff;--c-neutral-0-darken-3:#f7f7f7;--c-neutral-0-darken-5:#f2f2f2;--c-neutral-0-darken-20:#cccccc;--c-neutral-0-darken-25:#bfbfbf;--c-neutral-0-darken-45:#8c8c8c;--c-neutral-0-lighten-20:white;--c-neutral-1:#f6f6f6;--c-neutral-1-darken-3:#eeeeee;--c-neutral-1-darken-5:#e9e9e9;--c-neutral-1-darken-20:#c3c3c3;--c-neutral-1-darken-25:#b6b6b6;--c-neutral-1-darken-45:#838383;--c-neutral-1-lighten-20:white;--c-neutral-2:#dfdfdf;--c-neutral-2-darken-3:#d7d7d7;--c-neutral-2-darken-5:#d2d2d2;--c-neutral-2-darken-20:#acacac;--c-neutral-2-darken-25:#9f9f9f;--c-neutral-2-darken-45:#6c6c6c;--c-neutral-2-lighten-20:white;--c-neutral-3:#c6c6c6;--c-neutral-3-darken-3:#bebebe;--c-neutral-3-darken-5:#b9b9b9;--c-neutral-3-darken-20:#939393;--c-neutral-3-darken-25:#868686;--c-neutral-3-darken-45:#535353;--c-neutral-3-lighten-20:#f9f9f9;--c-neutral-4:#91969d;--c-neutral-4-darken-3:#898e96;--c-neutral-4-darken-5:#848991;--c-neutral-4-darken-20:#5e636a;--c-neutral-4-darken-25:#52565c;--c-neutral-4-darken-45:#222426;--c-neutral-4-lighten-20:#c7c9cd;--c-neutral-5:#6c747d;--c-neutral-5-darken-3:#656c75;--c-neutral-5-darken-5:#60676f;--c-neutral-5-darken-20:#3d4146;--c-neutral-5-darken-25:#313539;--c-neutral-5-darken-45:#020202;--c-neutral-5-lighten-20:#a1a7ae;--c-neutral-6:#1e232b;--c-neutral-6-darken-3:#181c22;--c-neutral-6-darken-5:#14171c;--c-neutral-6-darken-20:black;--c-neutral-6-darken-25:black;--c-neutral-6-darken-45:black;--c-neutral-6-lighten-20:#485467;--c-body-bg:#fff;--c-white:#fff;--c-black:#000}[data-theme=dark]{--c-primary:#A4C8FF;--c-primary-darken-3:#95bfff;--c-primary-darken-5:#8bb9ff;--c-primary-darken-20:#3e8aff;--c-primary-darken-25:#257bff;--c-primary-darken-45:#004bbe;--c-primary-lighten-20:white;--c-primary-lighten-45:white;--c-error:#FFB4A9;--c-error-darken-3:#ffa79a;--c-error-darken-5:#ff9e90;--c-error-darken-20:#ff5b43;--c-error-darken-25:#ff452a;--c-error-darken-45:#c31900;--c-error-lighten-20:white;--c-error-lighten-45:white;--c-warning:#FBBC0C;--c-warning-darken-3:#f4b504;--c-warning-darken-5:#eaad04;--c-warning-darken-20:#9e7503;--c-warning-darken-25:#856302;--c-warning-darken-45:#211801;--c-warning-lighten-20:#fdd870;--c-warning-lighten-45:#fffaee;--c-success:#6CE036;--c-success-darken-3:#62de29;--c-success-darken-5:#5ddb22;--c-success-darken-20:#409818;--c-success-darken-25:#378214;--c-success-darken-45:#122a06;--c-success-lighten-20:#adee8e;--c-success-lighten-45:#fdfffd;--c-neutral-0:#1B1B1D;--c-neutral-0-darken-3:#141415;--c-neutral-0-darken-5:#0f0f10;--c-neutral-0-darken-20:black;--c-neutral-0-darken-25:black;--c-neutral-0-darken-45:black;--c-neutral-0-lighten-20:#4c4c52;--c-neutral-1:#222428;--c-neutral-1-darken-3:#1b1d20;--c-neutral-1-darken-5:#16181a;--c-neutral-1-darken-20:black;--c-neutral-1-darken-25:black;--c-neutral-1-darken-45:black;--c-neutral-1-lighten-20:#51565f;--c-neutral-2:#26292F;--c-neutral-2-darken-3:#1f2227;--c-neutral-2-darken-5:#1b1d21;--c-neutral-2-darken-20:black;--c-neutral-2-darken-25:black;--c-neutral-2-darken-45:black;--c-neutral-2-lighten-20:#545a67;--c-neutral-3:#2A2E36;--c-neutral-3-darken-3:#23272d;--c-neutral-3-darken-5:#1f2228;--c-neutral-3-darken-20:black;--c-neutral-3-darken-25:black;--c-neutral-3-darken-45:black;--c-neutral-3-lighten-20:#575f6f;--c-neutral-4:#E1EAF6;--c-neutral-4-darken-3:#d5e2f2;--c-neutral-4-darken-5:#cddcf0;--c-neutral-4-darken-20:#93b3de;--c-neutral-4-darken-25:#7fa5d9;--c-neutral-4-darken-45:#386fba;--c-neutral-4-lighten-20:white;--c-neutral-5:#DFE8F6;--c-neutral-5-darken-3:#d3dff3;--c-neutral-5-darken-5:#cbdaf0;--c-neutral-5-darken-20:#8fafe0;--c-neutral-5-darken-25:#7ba0da;--c-neutral-5-darken-45:#3569bb;--c-neutral-5-lighten-20:white;--c-neutral-6:#E3E2E6;--c-neutral-6-darken-3:#dbdadf;--c-neutral-6-darken-5:#d6d4da;--c-neutral-6-darken-20:#aeabb7;--c-neutral-6-darken-25:#a19eab;--c-neutral-6-darken-45:#6d697a;--c-neutral-6-lighten-20:white;--c-c-body-bg:#1B1B1D;--c-c-body-bg-darken-3:#141415;--c-c-body-bg-darken-5:#0f0f10;--c-c-body-bg-darken-20:black;--c-c-body-bg-darken-25:black;--c-c-body-bg-darken-45:black;--c-c-body-bg-lighten-20:#4c4c52;--c-white:#222428;--c-black:#fff}[data-theme=custom]{--c-primary:rgb(236, 0, 140);--c-primary-darken-3:#dd0083;--c-primary-darken-5:#d3007d;--c-primary-darken-20:#86004f;--c-primary-darken-25:#6d0040;--c-primary-darken-45:#070004;--c-primary-lighten-20:#ff53b9;--c-primary-lighten-45:#ffd3ed;--c-error:rgb(232, 17, 35);--c-error-darken-3:#da1021;--c-error-darken-5:#d00f1f;--c-error-darken-20:#890a15;--c-error-darken-25:#710811;--c-error-darken-45:#120103;--c-error-lighten-20:#f46b76;--c-error-lighten-45:#fde2e4;--c-warning:rgb(255, 241, 0);--c-warning-darken-3:#f0e300;--c-warning-darken-5:#e6d900;--c-warning-darken-20:#999100;--c-warning-darken-25:#807900;--c-warning-darken-45:#1a1800;--c-warning-lighten-20:#fff766;--c-warning-lighten-45:#fffee6;--c-success:rgb(186, 216, 10);--c-success-darken-3:#adc909;--c-success-darken-5:#a5c009;--c-success-darken-20:#667705;--c-success-darken-25:#515e04;--c-success-darken-45:black;--c-success-lighten-20:#dff751;--c-success-lighten-45:#f5fdcb;--c-neutral-0:rgb(255, 140, 0);--c-neutral-0-darken-3:#f08400;--c-neutral-0-darken-5:#e67e00;--c-neutral-0-darken-20:#995400;--c-neutral-0-darken-25:#804600;--c-neutral-0-darken-45:#1a0e00;--c-neutral-0-lighten-20:#ffba66;--c-neutral-1:rgb(236, 0, 140);--c-neutral-1-darken-3:#dd0083;--c-neutral-1-darken-5:#d3007d;--c-neutral-1-darken-20:#86004f;--c-neutral-1-darken-25:#6d0040;--c-neutral-1-darken-45:#070004;--c-neutral-1-lighten-20:#ff53b9;--c-neutral-2:rgb(104, 33, 122);--c-neutral-2-darken-3:#5e1e6e;--c-neutral-2-darken-5:#571c66;--c-neutral-2-darken-20:#240b2a;--c-neutral-2-darken-25:#120616;--c-neutral-2-darken-45:black;--c-neutral-2-lighten-20:#ac38c9;--c-neutral-3:rgb(0, 24, 143);--c-neutral-3-darken-3:#001580;--c-neutral-3-darken-5:#001476;--c-neutral-3-darken-20:#000729;--c-neutral-3-darken-25:#000310;--c-neutral-3-darken-45:black;--c-neutral-3-lighten-20:#0029f5;--c-neutral-4:rgb(0, 188, 242);--c-neutral-4-darken-3:#00b0e3;--c-neutral-4-darken-5:#00a8d9;--c-neutral-4-darken-20:#006d8c;--c-neutral-4-darken-25:#005973;--c-neutral-4-darken-45:#000a0d;--c-neutral-4-lighten-20:#59daff;--c-neutral-5:rgb(0, 178, 148);--c-neutral-5-darken-3:#00a387;--c-neutral-5-darken-5:#00997f;--c-neutral-5-darken-20:#004c3f;--c-neutral-5-darken-25:#00332a;--c-neutral-5-darken-45:black;--c-neutral-5-lighten-20:#19ffd8;--c-neutral-6:rgb(0, 158, 73);--c-neutral-6-darken-3:#008f42;--c-neutral-6-darken-5:#00853d;--c-neutral-6-darken-20:#00381a;--c-neutral-6-darken-25:#001f0e;--c-neutral-6-darken-45:black;--c-neutral-6-lighten-20:#05ff79;--c-c-body-bg:#fff;--c-c-body-bg-darken-3:#f7f7f7;--c-c-body-bg-darken-5:#f2f2f2;--c-c-body-bg-darken-20:#cccccc;--c-c-body-bg-darken-25:#bfbfbf;--c-c-body-bg-darken-45:#8c8c8c;--c-c-body-bg-lighten-20:white;--c-white:#fff;--c-black:#000}:root{--s-0:0;--s-1:0.125rem;--s-2:0.25rem;--s-3:0.5rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:8rem;--t-func:cubic-bezier(0.12, 0.39, 0.5, 0.93);--t-duration:0.25s;--fs-0:0.75rem;--fs-1:0.875rem;--fs-2:1.125rem;--fs-3:1.375rem;--fw-0:400;--fw-1:600;--fw-2:700;--lh-0:1.125rem;--lh-1:1.3125rem;--lh-2:1.625rem}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/styles",
3
- "version": "2.35.3-beta.2374.0",
3
+ "version": "2.36.0",
4
4
  "description": "Styles for or-ui-next",
5
5
  "license": "UNLICENSED",
6
6
  "main": "./main.css",
@@ -53,5 +53,6 @@
53
53
  },
54
54
  "publishConfig": {
55
55
  "access": "public"
56
- }
56
+ },
57
+ "gitHead": "dc6ec1f1e93966eafc70213852eddc7aa4697608"
57
58
  }
package/scrollbar.css CHANGED
@@ -1,53 +1,50 @@
1
- /*!* Webkit *!*/
1
+ /* Webkit */
2
2
  ::-webkit-scrollbar {
3
3
  width: theme('width.xs');
4
4
  }
5
5
 
6
6
  /* Webkit (light) */
7
7
  ::-webkit-scrollbar-track {
8
- background-color: transparent;
9
-
10
- border-radius: theme('borderRadius.sm');
11
- }
12
-
13
- :hover::-webkit-scrollbar-track {
14
8
  background-color: theme('backgroundColor.surface-variant');
15
- }
16
9
 
17
- ::-webkit-scrollbar-thumb {
18
- background-color: transparent;
10
+ /* @media (prefers-color-scheme: dark) {
11
+ background-color: theme('backgroundColor.surface-variant-dark');
12
+ } */
19
13
 
20
14
  border-radius: theme('borderRadius.sm');
21
15
  }
22
16
 
23
- :hover::-webkit-scrollbar-thumb {
17
+ ::-webkit-scrollbar-thumb {
24
18
  background-color: theme('textColor.on-disabled');
25
19
 
20
+ /* @media (prefers-color-scheme: dark) {
21
+ background-color: theme('textColor.on-disabled-dark');
22
+ } */
23
+
26
24
  border-radius: theme('borderRadius.sm');
27
25
  }
28
26
 
29
27
  /* Webkit (dark) */
30
- :is(.dark, [data-theme="dark"]) :hover::-webkit-scrollbar-track {
28
+ :is(.dark, [data-theme="dark"]) ::-webkit-scrollbar-track {
31
29
  background-color: theme('backgroundColor.surface-variant-dark');
32
30
  }
33
31
 
34
- :is(.dark, [data-theme="dark"]) :hover::-webkit-scrollbar-thumb {
32
+ :is(.dark, [data-theme="dark"]) ::-webkit-scrollbar-thumb {
35
33
  background-color: theme('textColor.on-disabled-dark');
36
34
  }
37
35
 
38
- /* Gecko */
36
+ /* Gecko (light) */
39
37
  * {
40
- scrollbar-color: transparent transparent;
38
+ scrollbar-color: theme('textColor.on-disabled') theme('backgroundColor.surface-variant');
41
39
 
42
- scrollbar-width: thin;
43
- }
40
+ /* @media (prefers-color-scheme: dark) {
41
+ scrollbar-color: theme('textColor.on-disabled-dark') theme('backgroundColor.surface-variant-dark');
42
+ } */
44
43
 
45
- /* Gecko (light) */
46
- *:hover {
47
- scrollbar-color: theme('textColor.on-disabled') theme('backgroundColor.surface-variant');
44
+ scrollbar-width: thin;
48
45
  }
49
46
 
50
47
  /* Gecko (dark) */
51
- :is(.dark, [data-theme="dark"]) *:hover {
48
+ :is(.dark, [data-theme="dark"]) * {
52
49
  scrollbar-color: theme('textColor.on-disabled-dark') theme('backgroundColor.surface-variant-dark');
53
50
  }
package/src/variables/_colors.scss CHANGED
@@ -4,24 +4,28 @@
4
4
  $c-primary: var(--c-primary);
5
5
  $c-primary-darken-3: var(--c-primary-darken-3);
6
6
  $c-primary-darken-5: var(--c-primary-darken-5);
7
+ $c-primary-darken-45: var(--c-primary-darken-45);
7
8
  $c-primary-lighten-20: var(--c-primary-lighten-20);
8
9
  $c-primary-lighten-45: var(--c-primary-lighten-45);
9
10
 
10
11
  $c-error: var(--c-error);
11
12
  $c-error-darken-3: var(--c-error-darken-3);
12
13
  $c-error-darken-5: var(--c-error-darken-5);
14
+ $c-error-darken-45: var(--c-error-darken-45);
13
15
  $c-error-lighten-20: var(--c-error-lighten-20);
14
16
  $c-error-lighten-45: var(--c-error-lighten-45);
15
17
 
16
18
  $c-warning: var(--c-warning);
17
19
  $c-warning-darken-3: var(--c-warning-darken-3);
18
20
  $c-warning-darken-5: var(--c-warning-darken-5);
21
+ $c-warning-darken-45: var(--c-warning-darken-45);
19
22
  $c-warning-lighten-20: var(--c-warning-lighten-20);
20
23
  $c-warning-lighten-45: var(--c-warning-lighten-45);
21
24
 
22
25
  $c-success: var(--c-success);
23
26
  $c-success-darken-3: var(--c-success-darken-3);
24
27
  $c-success-darken-5: var(--c-success-darken-5);
28
+ $c-success-darken-45: var(--c-success-darken-45);
25
29
  $c-success-lighten-20: var(--c-success-lighten-20);
26
30
  $c-success-lighten-45: var(--c-success-lighten-45);
27
31
 
package/src/variables/_css-vars.scss CHANGED
@@ -20,6 +20,7 @@
20
20
  --c-#{quote($color-key)}-darken-5: #{darken($color-value, 5%)};
21
21
  --c-#{quote($color-key)}-darken-20: #{darken($color-value, 20%)};
22
22
  --c-#{quote($color-key)}-darken-25: #{darken($color-value, 25%)};
23
+ --c-#{quote($color-key)}-darken-45: #{darken($color-value, 45%)};
23
24
  --c-#{quote($color-key)}-lighten-20: #{lighten($color-value, 20%)};
24
25
  }
25
26
 
@@ -43,6 +44,7 @@
43
44
  --c-#{quote($color-key)}-darken-5: #{darken($color-value, 5%)};
44
45
  --c-#{quote($color-key)}-darken-20: #{darken($color-value, 20%)};
45
46
  --c-#{quote($color-key)}-darken-25: #{darken($color-value, 25%)};
47
+ --c-#{quote($color-key)}-darken-45: #{darken($color-value, 45%)};
46
48
  --c-#{quote($color-key)}-lighten-20: #{lighten($color-value, 20%)};
47
49
  }
48
50
 
package/src/variables/tokens/design-tokens.scss CHANGED
@@ -51,20 +51,20 @@ $design-tokens: (
51
51
  black: #000
52
52
  ),
53
53
  dark: (
54
- primary: #c94277,
55
- error: #2f0a28,
56
- warning: #A27E6F,
57
- success: #cadbc0,
58
- neutral-0: #A27E6F,
59
- neutral-1: #9F7366,
60
- neutral-2: #94524A,
61
- neutral-3: #7B4042,
62
- neutral-4: #622E39,
63
- neutral-5: #491C31,
64
- neutral-6: #B6AD98,
65
- c-body-bg: #fff,
66
- white: #fff,
67
- black: #000
54
+ primary: #A4C8FF,
55
+ error: #FFB4A9,
56
+ warning: #FBBC0C,
57
+ success: #6CE036,
58
+ neutral-0: #1B1B1D,
59
+ neutral-1: #222428,
60
+ neutral-2: #26292F,
61
+ neutral-3: #2A2E36,
62
+ neutral-4: #E1EAF6,
63
+ neutral-5: #DFE8F6,
64
+ neutral-6: #E3E2E6,
65
+ c-body-bg: #1B1B1D,
66
+ white: #222428,
67
+ black: #fff
68
68
  ),
69
69
  custom: (
70
70
  primary: rgb(236, 0, 140),