@onereach/styles 2.9.14-next.873.0 → 2.10.0-beta.650.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 (12) hide show
  1. package/dist/index.css +265 -0
  2. package/dist/index.css.map +1 -0
  3. package/dist/index.min.css +1 -0
  4. package/ds-color-variables.css +219 -0
  5. package/ds-raw-color-variables.css +126 -0
  6. package/main.css +7 -0
  7. package/package.json +19 -10
  8. package/tailwind.config.js +1 -1
  9. package/tailwind.config.preset.js +245 -89
  10. package/tw-color-variables.css +211 -0
  11. package/src/variables/tokens/design-tokens-next.json +0 -685
  12. package/tailwind-utils.js +0 -119
package/dist/index.css ADDED
@@ -0,0 +1,265 @@
1
+ :root,
2
+ [data-theme=light] {
3
+ --c-primary: #178ae7;
4
+ --c-primary-darken-3: #1682d9;
5
+ --c-primary-darken-5: #157cd0;
6
+ --c-primary-darken-20: #0e538a;
7
+ --c-primary-darken-25: #0b4573;
8
+ --c-primary-lighten-20: #73b9f1;
9
+ --c-primary-lighten-45: #e7f3fd;
10
+ --c-error: #da1e28;
11
+ --c-error-darken-3: #cd1c26;
12
+ --c-error-darken-5: #c41b24;
13
+ --c-error-darken-20: #801218;
14
+ --c-error-darken-25: #6a0f13;
15
+ --c-error-lighten-20: #ec7279;
16
+ --c-error-lighten-45: #fbe2e4;
17
+ --c-warning: #fcbc05;
18
+ --c-warning-darken-3: #efb203;
19
+ --c-warning-darken-5: #e5aa03;
20
+ --c-warning-darken-20: #997202;
21
+ --c-warning-darken-25: #805f02;
22
+ --c-warning-lighten-20: #fdd76a;
23
+ --c-warning-lighten-45: #fff9e8;
24
+ --c-success: #4ec00f;
25
+ --c-success-darken-3: #48b20e;
26
+ --c-success-darken-5: #44a80d;
27
+ --c-success-darken-20: #286108;
28
+ --c-success-darken-25: #1e4a06;
29
+ --c-success-lighten-20: #82f045;
30
+ --c-success-lighten-45: #d1fabb;
31
+ --c-neutral-0: #fff;
32
+ --c-neutral-0-darken-3: #f7f7f7;
33
+ --c-neutral-0-darken-5: #f2f2f2;
34
+ --c-neutral-0-darken-20: #cccccc;
35
+ --c-neutral-0-darken-25: #bfbfbf;
36
+ --c-neutral-0-lighten-20: white;
37
+ --c-neutral-1: #f6f6f6;
38
+ --c-neutral-1-darken-3: #eeeeee;
39
+ --c-neutral-1-darken-5: #e9e9e9;
40
+ --c-neutral-1-darken-20: #c3c3c3;
41
+ --c-neutral-1-darken-25: #b6b6b6;
42
+ --c-neutral-1-lighten-20: white;
43
+ --c-neutral-2: #dfdfdf;
44
+ --c-neutral-2-darken-3: #d7d7d7;
45
+ --c-neutral-2-darken-5: #d2d2d2;
46
+ --c-neutral-2-darken-20: #acacac;
47
+ --c-neutral-2-darken-25: #9f9f9f;
48
+ --c-neutral-2-lighten-20: white;
49
+ --c-neutral-3: #c6c6c6;
50
+ --c-neutral-3-darken-3: #bebebe;
51
+ --c-neutral-3-darken-5: #b9b9b9;
52
+ --c-neutral-3-darken-20: #939393;
53
+ --c-neutral-3-darken-25: #868686;
54
+ --c-neutral-3-lighten-20: #f9f9f9;
55
+ --c-neutral-4: #91969d;
56
+ --c-neutral-4-darken-3: #898e96;
57
+ --c-neutral-4-darken-5: #848991;
58
+ --c-neutral-4-darken-20: #5e636a;
59
+ --c-neutral-4-darken-25: #52565c;
60
+ --c-neutral-4-lighten-20: #c7c9cd;
61
+ --c-neutral-5: #6c747d;
62
+ --c-neutral-5-darken-3: #656c75;
63
+ --c-neutral-5-darken-5: #60676f;
64
+ --c-neutral-5-darken-20: #3d4146;
65
+ --c-neutral-5-darken-25: #313539;
66
+ --c-neutral-5-lighten-20: #a1a7ae;
67
+ --c-neutral-6: #1e232b;
68
+ --c-neutral-6-darken-3: #181c22;
69
+ --c-neutral-6-darken-5: #14171c;
70
+ --c-neutral-6-darken-20: black;
71
+ --c-neutral-6-darken-25: black;
72
+ --c-neutral-6-lighten-20: #485467;
73
+ --c-body-bg: #fff;
74
+ --c-white: #fff;
75
+ --c-black: #000;
76
+ }
77
+
78
+ [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;
157
+ }
158
+
159
+ [data-theme=custom] {
160
+ --c-primary: rgb(236, 0, 140);
161
+ --c-primary-darken-3: #dd0083;
162
+ --c-primary-darken-5: #d3007d;
163
+ --c-primary-darken-20: #86004f;
164
+ --c-primary-darken-25: #6d0040;
165
+ --c-primary-lighten-20: #ff53b9;
166
+ --c-primary-lighten-45: #ffd3ed;
167
+ --c-error: rgb(232, 17, 35);
168
+ --c-error-darken-3: #da1021;
169
+ --c-error-darken-5: #d00f1f;
170
+ --c-error-darken-20: #890a15;
171
+ --c-error-darken-25: #710811;
172
+ --c-error-lighten-20: #f46b76;
173
+ --c-error-lighten-45: #fde2e4;
174
+ --c-warning: rgb(255, 241, 0);
175
+ --c-warning-darken-3: #f0e300;
176
+ --c-warning-darken-5: #e6d900;
177
+ --c-warning-darken-20: #999100;
178
+ --c-warning-darken-25: #807900;
179
+ --c-warning-lighten-20: #fff766;
180
+ --c-warning-lighten-45: #fffee6;
181
+ --c-success: rgb(186, 216, 10);
182
+ --c-success-darken-3: #adc909;
183
+ --c-success-darken-5: #a5c009;
184
+ --c-success-darken-20: #667705;
185
+ --c-success-darken-25: #515e04;
186
+ --c-success-lighten-20: #dff751;
187
+ --c-success-lighten-45: #f5fdcb;
188
+ --c-neutral-0: rgb(255, 140, 0);
189
+ --c-neutral-0-darken-3: #f08400;
190
+ --c-neutral-0-darken-5: #e67e00;
191
+ --c-neutral-0-darken-20: #995400;
192
+ --c-neutral-0-darken-25: #804600;
193
+ --c-neutral-0-lighten-20: #ffba66;
194
+ --c-neutral-1: rgb(236, 0, 140);
195
+ --c-neutral-1-darken-3: #dd0083;
196
+ --c-neutral-1-darken-5: #d3007d;
197
+ --c-neutral-1-darken-20: #86004f;
198
+ --c-neutral-1-darken-25: #6d0040;
199
+ --c-neutral-1-lighten-20: #ff53b9;
200
+ --c-neutral-2: rgb(104, 33, 122);
201
+ --c-neutral-2-darken-3: #5e1e6e;
202
+ --c-neutral-2-darken-5: #571c66;
203
+ --c-neutral-2-darken-20: #240b2a;
204
+ --c-neutral-2-darken-25: #120616;
205
+ --c-neutral-2-lighten-20: #ac38c9;
206
+ --c-neutral-3: rgb(0, 24, 143);
207
+ --c-neutral-3-darken-3: #001580;
208
+ --c-neutral-3-darken-5: #001476;
209
+ --c-neutral-3-darken-20: #000729;
210
+ --c-neutral-3-darken-25: #000310;
211
+ --c-neutral-3-lighten-20: #0029f5;
212
+ --c-neutral-4: rgb(0, 188, 242);
213
+ --c-neutral-4-darken-3: #00b0e3;
214
+ --c-neutral-4-darken-5: #00a8d9;
215
+ --c-neutral-4-darken-20: #006d8c;
216
+ --c-neutral-4-darken-25: #005973;
217
+ --c-neutral-4-lighten-20: #59daff;
218
+ --c-neutral-5: rgb(0, 178, 148);
219
+ --c-neutral-5-darken-3: #00a387;
220
+ --c-neutral-5-darken-5: #00997f;
221
+ --c-neutral-5-darken-20: #004c3f;
222
+ --c-neutral-5-darken-25: #00332a;
223
+ --c-neutral-5-lighten-20: #19ffd8;
224
+ --c-neutral-6: rgb(0, 158, 73);
225
+ --c-neutral-6-darken-3: #008f42;
226
+ --c-neutral-6-darken-5: #00853d;
227
+ --c-neutral-6-darken-20: #00381a;
228
+ --c-neutral-6-darken-25: #001f0e;
229
+ --c-neutral-6-lighten-20: #05ff79;
230
+ --c-c-body-bg: #fff;
231
+ --c-c-body-bg-darken-3: #f7f7f7;
232
+ --c-c-body-bg-darken-5: #f2f2f2;
233
+ --c-c-body-bg-darken-20: #cccccc;
234
+ --c-c-body-bg-darken-25: #bfbfbf;
235
+ --c-c-body-bg-lighten-20: white;
236
+ --c-white: #fff;
237
+ --c-black: #000;
238
+ }
239
+
240
+ :root {
241
+ --s-0: 0;
242
+ --s-1: 0.125rem;
243
+ --s-2: 0.25rem;
244
+ --s-3: 0.5rem;
245
+ --s-4: 1rem;
246
+ --s-5: 1.5rem;
247
+ --s-6: 2rem;
248
+ --s-7: 3rem;
249
+ --s-8: 4rem;
250
+ --s-9: 8rem;
251
+ --t-func: cubic-bezier(0.12, 0.39, 0.5, 0.93);
252
+ --t-duration: 0.25s;
253
+ --fs-0: 0.75rem;
254
+ --fs-1: 0.875rem;
255
+ --fs-2: 1.125rem;
256
+ --fs-3: 1.375rem;
257
+ --fw-0: 400;
258
+ --fw-1: 600;
259
+ --fw-2: 700;
260
+ --lh-0: 1.125rem;
261
+ --lh-1: 1.3125rem;
262
+ --lh-2: 1.625rem;
263
+ }
264
+
265
+ /*# sourceMappingURL=index.css.map */
package/dist/index.css.map ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +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}
package/ds-color-variables.css ADDED
@@ -0,0 +1,219 @@
1
+
2
+ :root {
3
+ --ds-c-primary-100: rgb(var(--ds-raw-c-primary-100));
4
+ --ds-c-primary-99: rgb(var(--ds-raw-c-primary-99));
5
+ --ds-c-primary-95: rgb(var(--ds-raw-c-primary-95));
6
+ --ds-c-primary-90: rgb(var(--ds-raw-c-primary-90));
7
+ --ds-c-primary-80: rgb(var(--ds-raw-c-primary-80));
8
+ --ds-c-primary-70: rgb(var(--ds-raw-c-primary-70));
9
+ --ds-c-primary-60: rgb(var(--ds-raw-c-primary-60));
10
+ --ds-c-primary-50: rgb(var(--ds-raw-c-primary-50));
11
+ --ds-c-primary-40: rgb(var(--ds-raw-c-primary-40));
12
+ --ds-c-primary-30: rgb(var(--ds-raw-c-primary-30));
13
+ --ds-c-primary-20: rgb(var(--ds-raw-c-primary-20));
14
+ --ds-c-primary-10: rgb(var(--ds-raw-c-primary-10));
15
+ --ds-c-primary-0: rgb(var(--ds-raw-c-primary-0));
16
+
17
+ --ds-c-primary: var(--ds-c-primary-40);
18
+ --ds-c-on-primary: var(--ds-c-primary-100);
19
+ --ds-c-primary-container: var(--ds-c-primary-90);
20
+ --ds-c-on-primary-container: var(--ds-c-primary-10);
21
+
22
+ --ds-c-primary-o-8: rgba(var(--ds-raw-c-primary-40), 0.08);
23
+ --ds-c-primary-o-12: rgba(var(--ds-raw-c-primary-40), 0.12);
24
+ --ds-c-primary-o-16: rgba(var(--ds-raw-c-primary-40), 0.16);
25
+
26
+ --ds-c-secondary-100: rgb(var(--ds-raw-c-secondary-100));
27
+ --ds-c-secondary-99: rgb(var(--ds-raw-c-secondary-99));
28
+ --ds-c-secondary-95: rgb(var(--ds-raw-c-secondary-95));
29
+ --ds-c-secondary-90: rgb(var(--ds-raw-c-secondary-90));
30
+ --ds-c-secondary-80: rgb(var(--ds-raw-c-secondary-80));
31
+ --ds-c-secondary-70: rgb(var(--ds-raw-c-secondary-70));
32
+ --ds-c-secondary-60: rgb(var(--ds-raw-c-secondary-60));
33
+ --ds-c-secondary-50: rgb(var(--ds-raw-c-secondary-50));
34
+ --ds-c-secondary-40: rgb(var(--ds-raw-c-secondary-40));
35
+ --ds-c-secondary-30: rgb(var(--ds-raw-c-secondary-30));
36
+ --ds-c-secondary-20: rgb(var(--ds-raw-c-secondary-20));
37
+ --ds-c-secondary-10: rgb(var(--ds-raw-c-secondary-10));
38
+ --ds-c-secondary-0: rgb(var(--ds-raw-c-secondary-0));
39
+
40
+ --ds-c-secondary: var(--ds-c-secondary-40);
41
+ --ds-c-on-secondary: var(--ds-c-secondary-100);
42
+ --ds-c-secondary-container: var(--ds-c-secondary-90);
43
+ --ds-c-on-secondary-container: var(--ds-c-secondary-10);
44
+
45
+ --ds-c-tertiary-100: rgb(var(--ds-raw-c-tertiary-100));
46
+ --ds-c-tertiary-99: rgb(var(--ds-raw-c-tertiary-99));
47
+ --ds-c-tertiary-95: rgb(var(--ds-raw-c-tertiary-95));
48
+ --ds-c-tertiary-90: rgb(var(--ds-raw-c-tertiary-90));
49
+ --ds-c-tertiary-80: rgb(var(--ds-raw-c-tertiary-80));
50
+ --ds-c-tertiary-70: rgb(var(--ds-raw-c-tertiary-70));
51
+ --ds-c-tertiary-60: rgb(var(--ds-raw-c-tertiary-60));
52
+ --ds-c-tertiary-50: rgb(var(--ds-raw-c-tertiary-50));
53
+ --ds-c-tertiary-40: rgb(var(--ds-raw-c-tertiary-40));
54
+ --ds-c-tertiary-30: rgb(var(--ds-raw-c-tertiary-30));
55
+ --ds-c-tertiary-20: rgb(var(--ds-raw-c-tertiary-20));
56
+ --ds-c-tertiary-10: rgb(var(--ds-raw-c-tertiary-10));
57
+ --ds-c-tertiary-0: rgb(var(--ds-raw-c-tertiary-0));
58
+
59
+ --ds-c-tertiary: var(--ds-c-tertiary-40);
60
+ --ds-c-on-tertiary: var(--ds-c-tertiary-100);
61
+ --ds-c-tertiary-container: var(--ds-c-tertiary-90);
62
+ --ds-c-on-tertiary-container: var(--ds-c-tertiary-10);
63
+
64
+ --ds-c-error-100: rgb(var(--ds-raw-c-error-100));
65
+ --ds-c-error-99: rgb(var(--ds-raw-c-error-99));
66
+ --ds-c-error-95: rgb(var(--ds-raw-c-error-95));
67
+ --ds-c-error-90: rgb(var(--ds-raw-c-error-90));
68
+ --ds-c-error-80: rgb(var(--ds-raw-c-error-80));
69
+ --ds-c-error-70: rgb(var(--ds-raw-c-error-70));
70
+ --ds-c-error-60: rgb(var(--ds-raw-c-error-60));
71
+ --ds-c-error-50: rgb(var(--ds-raw-c-error-50));
72
+ --ds-c-error-40: rgb(var(--ds-raw-c-error-40));
73
+ --ds-c-error-30: rgb(var(--ds-raw-c-error-30));
74
+ --ds-c-error-20: rgb(var(--ds-raw-c-error-20));
75
+ --ds-c-error-10: rgb(var(--ds-raw-c-error-10));
76
+ --ds-c-error-0: rgb(var(--ds-raw-c-error-0));
77
+
78
+ --ds-c-error: var(--ds-c-error-40);
79
+ --ds-c-on-error: var(--ds-c-error-100);
80
+ --ds-c-error-container: var(--ds-c-error-95);
81
+ --ds-c-on-error-container: var(--ds-c-error-30);
82
+
83
+ --ds-c-neutral-100: rgb(var(--ds-raw-c-neutral-100));
84
+ --ds-c-neutral-99: rgb(var(--ds-raw-c-neutral-99));
85
+ --ds-c-neutral-95: rgb(var(--ds-raw-c-neutral-95));
86
+ --ds-c-neutral-90: rgb(var(--ds-raw-c-neutral-90));
87
+ --ds-c-neutral-80: rgb(var(--ds-raw-c-neutral-80));
88
+ --ds-c-neutral-70: rgb(var(--ds-raw-c-neutral-70));
89
+ --ds-c-neutral-60: rgb(var(--ds-raw-c-neutral-60));
90
+ --ds-c-neutral-50: rgb(var(--ds-raw-c-neutral-50));
91
+ --ds-c-neutral-40: rgb(var(--ds-raw-c-neutral-40));
92
+ --ds-c-neutral-30: rgb(var(--ds-raw-c-neutral-30));
93
+ --ds-c-neutral-20: rgb(var(--ds-raw-c-neutral-20));
94
+ --ds-c-neutral-10: rgb(var(--ds-raw-c-neutral-10));
95
+ --ds-c-neutral-0: rgb(var(--ds-raw-c-neutral-0));
96
+
97
+ --ds-c-background: var(--ds-c-neutral-100);
98
+ --ds-c-on-background: var(--ds-c-neutral-10);
99
+ --ds-c-surface: var(--ds-c-neutral-99);
100
+ --ds-c-on-surface: var(--ds-c-neutral-10);
101
+
102
+ --ds-c-neutral-variant-100: rgb(var(--ds-raw-c-neutral-variant-100));
103
+ --ds-c-neutral-variant-99: rgb(var(--ds-raw-c-neutral-variant-99));
104
+ --ds-c-neutral-variant-95: rgb(var(--ds-raw-c-neutral-variant-95));
105
+ --ds-c-neutral-variant-90: rgb(var(--ds-raw-c-neutral-variant-90));
106
+ --ds-c-neutral-variant-80: rgb(var(--ds-raw-c-neutral-variant-80));
107
+ --ds-c-neutral-variant-70: rgb(var(--ds-raw-c-neutral-variant-70));
108
+ --ds-c-neutral-variant-60: rgb(var(--ds-raw-c-neutral-variant-60));
109
+ --ds-c-neutral-variant-50: rgb(var(--ds-raw-c-neutral-variant-50));
110
+ --ds-c-neutral-variant-40: rgb(var(--ds-raw-c-neutral-variant-40));
111
+ --ds-c-neutral-variant-30: rgb(var(--ds-raw-c-neutral-variant-30));
112
+ --ds-c-neutral-variant-20: rgb(var(--ds-raw-c-neutral-variant-20));
113
+ --ds-c-neutral-variant-10: rgb(var(--ds-raw-c-neutral-variant-10));
114
+ --ds-c-neutral-variant-0: rgb(var(--ds-raw-c-neutral-variant-0));
115
+
116
+ --ds-c-surface-variant: var(--ds-c-neutral-variant-90);
117
+ --ds-c-on-surface-variant: var(--ds-c-neutral-variant-30);
118
+ --ds-c-outline: var(--ds-c-neutral-variant-50);
119
+ --ds-c-disable: rgba(var(--ds-raw-c-neutral-10), 0.3);
120
+
121
+ --ds-c-success-100: rgb(var(--ds-raw-c-success-100));
122
+ --ds-c-success-99: rgb(var(--ds-raw-c-success-99));
123
+ --ds-c-success-95: rgb(var(--ds-raw-c-success-95));
124
+ --ds-c-success-90: rgb(var(--ds-raw-c-success-90));
125
+ --ds-c-success-80: rgb(var(--ds-raw-c-success-80));
126
+ --ds-c-success-70: rgb(var(--ds-raw-c-success-70));
127
+ --ds-c-success-60: rgb(var(--ds-raw-c-success-60));
128
+ --ds-c-success-50: rgb(var(--ds-raw-c-success-50));
129
+ --ds-c-success-40: rgb(var(--ds-raw-c-success-40));
130
+ --ds-c-success-30: rgb(var(--ds-raw-c-success-30));
131
+ --ds-c-success-20: rgb(var(--ds-raw-c-success-20));
132
+ --ds-c-success-10: rgb(var(--ds-raw-c-success-10));
133
+ --ds-c-success-0: rgb(var(--ds-raw-c-success-0));
134
+
135
+ --ds-c-success: var(--ds-c-success-50);
136
+ --ds-c-on-success: var(--ds-c-success-100);
137
+ --ds-c-success-container: var(--ds-c-success-95);
138
+ --ds-c-on-success-container: var(--ds-c-success-30);
139
+
140
+ --ds-c-warning-100: rgb(var(--ds-raw-c-warning-100));
141
+ --ds-c-warning-99: rgb(var(--ds-raw-c-warning-99));
142
+ --ds-c-warning-95: rgb(var(--ds-raw-c-warning-95));
143
+ --ds-c-warning-90: rgb(var(--ds-raw-c-warning-90));
144
+ --ds-c-warning-80: rgb(var(--ds-raw-c-warning-80));
145
+ --ds-c-warning-70: rgb(var(--ds-raw-c-warning-70));
146
+ --ds-c-warning-60: rgb(var(--ds-raw-c-warning-60));
147
+ --ds-c-warning-50: rgb(var(--ds-raw-c-warning-50));
148
+ --ds-c-warning-40: rgb(var(--ds-raw-c-warning-40));
149
+ --ds-c-warning-30: rgb(var(--ds-raw-c-warning-30));
150
+ --ds-c-warning-20: rgb(var(--ds-raw-c-warning-20));
151
+ --ds-c-warning-10: rgb(var(--ds-raw-c-warning-10));
152
+ --ds-c-warning-0: rgb(var(--ds-raw-c-warning-0));
153
+
154
+ --ds-c-warning: var(--ds-c-warning-40);
155
+ --ds-c-on-warning: var(--ds-c-warning-100);
156
+ --ds-c-warning-container: var(--ds-c-warning-95);
157
+ --ds-c-on-warning-container: var(--ds-c-warning-30);
158
+
159
+ --ds-c-surface-1: rgb(var(--ds-raw-c-surface-1));
160
+ --ds-c-surface-2: rgb(var(--ds-raw-c-surface-2));
161
+ --ds-c-surface-3: rgb(var(--ds-raw-c-surface-3));
162
+ --ds-c-surface-4: rgb(var(--ds-raw-c-surface-4));
163
+ --ds-c-surface-5: rgb(var(--ds-raw-c-surface-5));
164
+
165
+ --ds-c-white: var(--ds-c-neutral-100);
166
+ --ds-c-black: var(--ds-c-neutral-0);
167
+ }
168
+
169
+ .dark {
170
+ --ds-c-primary: var(--ds-c-primary-80);
171
+ --ds-c-on-primary: var(--ds-c-primary-20);
172
+ --ds-c-primary-container: var(--ds-c-primary-30);
173
+ --ds-c-on-primary-container: var(--ds-c-primary-90);
174
+
175
+ --ds-c-primary-o-8: rgba(var(--ds-raw-c-primary-80), 0.08);
176
+ --ds-c-primary-o-12: rgba(var(--ds-raw-c-primary-80), 0.12);
177
+ --ds-c-primary-o-16: rgba(var(--ds-raw-c-primary-80), 0.16);
178
+
179
+ --ds-c-secondary: var(--ds-c-secondary-80);
180
+ --ds-c-on-secondary: var(--ds-c-secondary-20);
181
+ --ds-c-secondary-container: var(--ds-c-secondary-30);
182
+ --ds-c-on-secondary-container: var(--ds-c-secondary-90);
183
+
184
+ --ds-c-tertiary: var(--ds-c-tertiary-80);
185
+ --ds-c-on-tertiary: var(--ds-c-tertiary-20);
186
+ --ds-c-tertiary-container: var(--ds-c-tertiary-30);
187
+ --ds-c-on-tertiary-container: var(--ds-c-tertiary-90);
188
+
189
+ --ds-c-error: var(--ds-c-error-80);
190
+ --ds-c-on-error: var(--ds-c-error-20);
191
+ --ds-c-error-container: var(--ds-c-error-30);
192
+ --ds-c-on-error-container: var(--ds-c-error-90);
193
+
194
+ --ds-c-background: var(--ds-c-neutral-10);
195
+ --ds-c-on-background: var(--ds-c-neutral-90);
196
+ --ds-c-surface: var(--ds-c-neutral-10);
197
+ --ds-c-on-surface: var(--ds-c-neutral-80);
198
+
199
+ --ds-c-surface-variant: var(--ds-c-neutral-variant-30);
200
+ --ds-c-on-surface-variant: var(--ds-c-neutral-variant-80);
201
+ --ds-c-outline: var(--ds-c-neutral-variant-60);
202
+ --ds-c-disable: rgb(var(--ds-raw-dark-c-neutral-90), 0.3);
203
+
204
+ --ds-c-success: var(--ds-c-success-80);
205
+ --ds-c-on-success: var(--ds-c-success-20);
206
+ --ds-c-success-container: var(--ds-c-success-30);
207
+ --ds-c-on-success-container: var(--ds-c-success-90);
208
+
209
+ --ds-c-warning: var(--ds-c-warning-80);
210
+ --ds-c-on-warning: var(--ds-c-warning-20);
211
+ --ds-c-warning-container: var(--ds-c-warning-30);
212
+ --ds-c-on-warning-container: var(--ds-c-warning-90);
213
+
214
+ --ds-c-surface-1: rgb(var(--ds-raw-dark-c-surface-1));
215
+ --ds-c-surface-2: rgb(var(--ds-raw-dark-c-surface-2));
216
+ --ds-c-surface-3: rgb(var(--ds-raw-dark-c-surface-3));
217
+ --ds-c-surface-4: rgb(var(--ds-raw-dark-c-surface-4));
218
+ --ds-c-surface-5: rgb(var(--ds-raw-dark-c-surface-5));
219
+ }
package/ds-raw-color-variables.css ADDED
@@ -0,0 +1,126 @@
1
+
2
+ :root {
3
+ --ds-raw-c-primary-100: 255, 255, 255;
4
+ --ds-raw-c-primary-99: 253, 252, 255;
5
+ --ds-raw-c-primary-95: 234, 241, 255;
6
+ --ds-raw-c-primary-90: 211, 227, 255;
7
+ --ds-raw-c-primary-80: 164, 200, 255;
8
+ --ds-raw-c-primary-70: 111, 174, 255;
9
+ --ds-raw-c-primary-60: 53, 146, 248;
10
+ --ds-raw-c-primary-50: 0, 119, 220;
11
+ --ds-raw-c-primary-40: 0, 95, 177;
12
+ --ds-raw-c-primary-30: 0, 71, 136;
13
+ --ds-raw-c-primary-20: 0, 48, 95;
14
+ --ds-raw-c-primary-10: 0, 28, 59;
15
+ --ds-raw-c-primary-0: 0, 0, 0;
16
+
17
+ --ds-raw-c-secondary-100: 255, 255, 255;
18
+ --ds-raw-c-secondary-99: 253, 252, 255;
19
+ --ds-raw-c-secondary-95: 234, 241, 255;
20
+ --ds-raw-c-secondary-90: 216, 227, 248;
21
+ --ds-raw-c-secondary-80: 188, 199, 220;
22
+ --ds-raw-c-secondary-70: 161, 172, 192;
23
+ --ds-raw-c-secondary-60: 134, 145, 164;
24
+ --ds-raw-c-secondary-50: 109, 119, 138;
25
+ --ds-raw-c-secondary-40: 84, 95, 113;
26
+ --ds-raw-c-secondary-30: 61, 71, 88;
27
+ --ds-raw-c-secondary-20: 38, 49, 65;
28
+ --ds-raw-c-secondary-10: 18, 28, 43;
29
+ --ds-raw-c-secondary-0: 0, 0, 0;
30
+
31
+ --ds-raw-c-tertiary-100: 255, 255, 255;
32
+ --ds-raw-c-tertiary-99: 252, 252, 252;
33
+ --ds-raw-c-tertiary-95: 255, 235, 255;
34
+ --ds-raw-c-tertiary-90: 247, 217, 255;
35
+ --ds-raw-c-tertiary-80: 218, 189, 226;
36
+ --ds-raw-c-tertiary-70: 190, 162, 199;
37
+ --ds-raw-c-tertiary-60: 162, 136, 170;
38
+ --ds-raw-c-tertiary-50: 135, 110, 144;
39
+ --ds-raw-c-tertiary-40: 109, 86, 118;
40
+ --ds-raw-c-tertiary-30: 85, 63, 94;
41
+ --ds-raw-c-tertiary-20: 61, 40, 70;
42
+ --ds-raw-c-tertiary-10: 39, 19, 48;
43
+ --ds-raw-c-tertiary-0: 0, 0, 0;
44
+
45
+ --ds-raw-c-error-100: 255, 255, 255;
46
+ --ds-raw-c-error-99: 252, 252, 252;
47
+ --ds-raw-c-error-95: 255, 237, 233;
48
+ --ds-raw-c-error-90: 255, 218, 212;
49
+ --ds-raw-c-error-80: 255, 180, 169;
50
+ --ds-raw-c-error-70: 255, 137, 122;
51
+ --ds-raw-c-error-60: 255, 84, 73;
52
+ --ds-raw-c-error-50: 221, 55, 48;
53
+ --ds-raw-c-error-40: 186, 27, 27;
54
+ --ds-raw-c-error-30: 147, 0, 6;
55
+ --ds-raw-c-error-20: 104, 0, 3;
56
+ --ds-raw-c-error-10: 65, 0, 1;
57
+ --ds-raw-c-error-0: 0, 0, 0;
58
+
59
+ --ds-raw-c-neutral-100: 255, 255, 255;
60
+ --ds-raw-c-neutral-99: 253, 251, 255;
61
+ --ds-raw-c-neutral-95: 241, 240, 244;
62
+ --ds-raw-c-neutral-90: 227, 226, 230;
63
+ --ds-raw-c-neutral-80: 198, 198, 202;
64
+ --ds-raw-c-neutral-70: 171, 171, 175;
65
+ --ds-raw-c-neutral-60: 144, 144, 148;
66
+ --ds-raw-c-neutral-50: 118, 119, 122;
67
+ --ds-raw-c-neutral-40: 93, 94, 98;
68
+ --ds-raw-c-neutral-30: 70, 71, 74;
69
+ --ds-raw-c-neutral-20: 47, 48, 51;
70
+ --ds-raw-c-neutral-10: 27, 27, 29;
71
+ --ds-raw-c-neutral-0: 0, 0, 0;
72
+
73
+ --ds-raw-c-neutral-variant-100: 255, 255, 255;
74
+ --ds-raw-c-neutral-variant-99: 253, 252, 255;
75
+ --ds-raw-c-neutral-variant-95: 238, 240, 249;
76
+ --ds-raw-c-neutral-variant-90: 223, 226, 235;
77
+ --ds-raw-c-neutral-variant-80: 195, 198, 207;
78
+ --ds-raw-c-neutral-variant-70: 168, 171, 180;
79
+ --ds-raw-c-neutral-variant-60: 142, 145, 153;
80
+ --ds-raw-c-neutral-variant-50: 116, 119, 127;
81
+ --ds-raw-c-neutral-variant-40: 91, 94, 102;
82
+ --ds-raw-c-neutral-variant-30: 67, 71, 78;
83
+ --ds-raw-c-neutral-variant-20: 45, 48, 55;
84
+ --ds-raw-c-neutral-variant-10: 24, 28, 34;
85
+ --ds-raw-c-neutral-variant-0: 0, 0, 0;
86
+
87
+ --ds-raw-c-success-100: 255, 255, 255;
88
+ --ds-raw-c-success-99: 246, 255, 232;
89
+ --ds-raw-c-success-95: 204, 255, 170;
90
+ --ds-raw-c-success-90: 136, 253, 82;
91
+ --ds-raw-c-success-80: 108, 224, 54;
92
+ --ds-raw-c-success-70: 81, 195, 20;
93
+ --ds-raw-c-success-60: 56, 166, 0;
94
+ --ds-raw-c-success-50: 44, 137, 0;
95
+ --ds-raw-c-success-40: 33, 109, 0;
96
+ --ds-raw-c-success-30: 22, 82, 0;
97
+ --ds-raw-c-success-20: 12, 57, 0;
98
+ --ds-raw-c-success-10: 4, 33, 0;
99
+ --ds-raw-c-success-0: 0, 0, 0;
100
+
101
+ --ds-raw-c-warning-100: 255, 255, 255;
102
+ --ds-raw-c-warning-99: 255, 251, 248;
103
+ --ds-raw-c-warning-95: 255, 239, 209;
104
+ --ds-raw-c-warning-90: 255, 223, 156;
105
+ --ds-raw-c-warning-80: 251, 188, 12;
106
+ --ds-raw-c-warning-70: 219, 162, 0;
107
+ --ds-raw-c-warning-60: 186, 137, 0;
108
+ --ds-raw-c-warning-50: 153, 112, 0;
109
+ --ds-raw-c-warning-40: 122, 89, 0;
110
+ --ds-raw-c-warning-30: 92, 66, 0;
111
+ --ds-raw-c-warning-20: 64, 45, 0;
112
+ --ds-raw-c-warning-10: 38, 25, 0;
113
+ --ds-raw-c-warning-0: 0, 0, 0;
114
+
115
+ --ds-raw-c-surface-1: 239, 243, 251;
116
+ --ds-raw-c-surface-2: 233, 239, 249;
117
+ --ds-raw-c-surface-3: 224, 234, 246;
118
+ --ds-raw-c-surface-4: 222, 232, 246;
119
+ --ds-raw-c-surface-5: 218, 229, 243;
120
+
121
+ --ds-raw-dark-c-surface-1: 34, 36, 40;
122
+ --ds-raw-dark-c-surface-2: 37, 41, 47;
123
+ --ds-raw-dark-c-surface-3: 42, 46, 54;
124
+ --ds-raw-dark-c-surface-4: 43, 48, 56;
125
+ --ds-raw-dark-c-surface-5: 46, 51, 61;
126
+ }
package/main.css CHANGED
@@ -1,3 +1,10 @@
1
1
  @import "tailwindcss/base.css";
2
2
  @import "tailwindcss/components.css";
3
3
  @import "tailwindcss/utilities.css";
4
+
5
+ @import "./tw-color-variables.css";
6
+ @import "./ds-raw-color-variables.css";
7
+ @import "./ds-color-variables.css";
8
+
9
+ @import "./dist/index.css";
10
+