@onereach/styles 2.15.0-next.981.0 → 2.15.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 (7) 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/main-v3.css +3 -0
  5. package/main.css +2 -0
  6. package/package.json +23 -8
  7. package/tokens.css +112 -0
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/main-v3.css ADDED
@@ -0,0 +1,3 @@
1
+ @import "tailwindcss/base.css";
2
+ @import "tailwindcss/components.css";
3
+ @import "tailwindcss/utilities.css";
package/main.css CHANGED
@@ -4,3 +4,5 @@
4
4
  @import "tailwindcss/base.css";
5
5
  @import "tailwindcss/components.css";
6
6
  @import "tailwindcss/utilities.css";
7
+
8
+ @import "./dist/index.css";
package/package.json CHANGED
@@ -1,11 +1,23 @@
1
1
  {
2
2
  "name": "@onereach/styles",
3
- "version": "2.15.0-next.981.0",
3
+ "version": "2.15.0",
4
4
  "description": "Styles for or-ui-next",
5
- "license": "UNLICENSED",
6
5
  "main": "./main.css",
7
6
  "unpkg": "./main.css",
8
7
  "style": "./main.css",
8
+ "scripts": {
9
+ "dev": "pnpm build:scss -- --watch",
10
+ "build": "npm-run-all build:tokens build:scss build:autoprefixer build:cleancss build:tokens:css",
11
+ "build:scss": "sass --embed-source-map ./src/main.scss dist/index.css",
12
+ "build:cleancss": "cleancss -o dist/index.min.css dist/index.css",
13
+ "build:autoprefixer": "npx postcss --use autoprefixer --map false --output dist/index.css dist/index.css",
14
+ "build:tokens": "pnpm json-to-scss",
15
+ "build:tokens:css": "node ./utils/makeCssVaribales.js",
16
+ "lint": "stylelint '**/*.scss'",
17
+ "fix": "stylelint --fix '**/*.scss'",
18
+ "clean": "rimraf dist",
19
+ "json-to-scss": "json-to-scss mock/design-tokens.json src/variables/tokens"
20
+ },
9
21
  "files": [
10
22
  "dist",
11
23
  "src",
@@ -18,12 +30,10 @@
18
30
  "tailwind.config.js",
19
31
  "tailwind.config.preset.js",
20
32
  "tailwind-utils.js",
21
- "tokens.css"
33
+ "tokens.css",
34
+ "main-v3.css"
22
35
  ],
23
- "scripts": {},
24
- "dependencies": {
25
- "tailwindcss": "^3.1.3"
26
- },
36
+ "license": "UNLICENSED",
27
37
  "devDependencies": {
28
38
  "autoprefixer": "^10.2.5",
29
39
  "clean-css-cli": "^5.2.2",
@@ -34,5 +44,10 @@
34
44
  "postcss-import": "^14.1.0",
35
45
  "postcss-preset-env": "^7.7.1",
36
46
  "sass": "^1.35.1"
37
- }
47
+ },
48
+ "dependencies": {
49
+ "@tailwindcss/typography": "^0.5.4",
50
+ "tailwindcss": "^3.1.3"
51
+ },
52
+ "gitHead": "bf98362175ddf2b7a290fa87abae131478b7b7ea"
38
53
  }
package/tokens.css ADDED
@@ -0,0 +1,112 @@
1
+ :root {
2
+ --or-c-white: rgba(255,255,255,1);
3
+ --or-c-black: rgba(0,0,0,1);
4
+ }
5
+ :root, [data-theme="light"] {
6
+ --or-c-primary: rgba(0,95,177,1);
7
+ --or-c-on-primary: rgba(255,255,255,1);
8
+ --or-c-primary-container: rgba(211,227,255,1);
9
+ --or-c-on-primary-container: rgba(0,28,59,1);
10
+ --or-c-secondary: rgba(84,95,113,1);
11
+ --or-c-on-secondary: rgba(255,255,255,1);
12
+ --or-c-secondary-container: rgba(216,227,248,1);
13
+ --or-c-on-secondary-container: rgba(18,28,43,1);
14
+ --or-c-tertiary: rgba(109,86,118,1);
15
+ --or-c-on-tertiary: rgba(255,255,255,1);
16
+ --or-c-tertiary-container: rgba(247,217,255,1);
17
+ --or-c-on-tertiary-container: rgba(39,19,48,1);
18
+ --or-c-error: rgba(186,27,27,1);
19
+ --or-c-on-error: rgba(255,255,255,1);
20
+ --or-c-error-container: rgba(255,237,233,1);
21
+ --or-c-on-error-container: rgba(147,0,6,1);
22
+ --or-c-success: rgba(44,137,0,1);
23
+ --or-c-on-success: rgba(255,255,255,1);
24
+ --or-c-success-container: rgba(204,255,170,1);
25
+ --or-c-on-success-container: rgba(22,82,0,1);
26
+ --or-c-warning: rgba(153,112,0,1);
27
+ --or-c-on-warning: rgba(255,255,255,1);
28
+ --or-c-warning-container: rgba(255,239,209,1);
29
+ --or-c-on-warning-container: rgba(92,66,0,1);
30
+ --or-c-background: rgba(255,255,255,1);
31
+ --or-c-on-background: rgba(27,27,29,1);
32
+ --or-c-surface: rgba(253,251,255,1);
33
+ --or-c-surface-1: rgba(240,243,251,1);
34
+ --or-c-surface-2: rgba(233,239,249,1);
35
+ --or-c-surface-3: rgba(225,234,246,1);
36
+ --or-c-surface-4: rgba(223,232,246,1);
37
+ --or-c-surface-5: rgba(218,229,244,1);
38
+ --or-c-on-surface: rgba(27,27,29,1);
39
+ --or-c-surface-variant: rgba(223,226,235,1);
40
+ --or-c-on-surface-variant: rgba(67,71,78,1);
41
+ --or-c-inverse-surface: rgba(47,48,51,1);
42
+ --or-c-inverse-on-surface: rgba(241,240,244,1);
43
+ --or-c-inverse-primary: rgba(164,200,255,1);
44
+ --or-c-outline: rgba(116,119,127,1);
45
+ --or-c-shadow: rgba(0,0,0,1);
46
+ --or-c-on-disabled: rgba(27,27,29,0.3);
47
+ --or-c-primary-opacity-0-08: rgba(0,95,177,0.08);
48
+ --or-c-primary-opacity-0-12: rgba(0,95,177,0.12);
49
+ --or-c-primary-opacity-0-16: rgba(0,95,177,0.16);
50
+ --or-c-primary-hover: rgba(0,119,220,1);
51
+ --or-c-error-hover: rgba(221,55,48,1);
52
+ --or-c-success-hover: rgba(56,166,0,1);
53
+ --or-c-warning-hover: rgba(153,112,0,1);
54
+ --or-c-error-opacity-0-08: rgba(186,27,27,0.08);
55
+ --or-c-error-opacity-0-12: rgba(186,27,27,0.12);
56
+ --or-c-error-opacity-0-16: rgba(186,27,27,0.16);
57
+ --or-c-disabled: rgba(27,27,29,0.12);
58
+ }
59
+ [data-theme="dark-mode"], [data-theme="dark"] {
60
+ --or-c-primary: rgba(164,200,255,1);
61
+ --or-c-on-primary: rgba(0,48,95,1);
62
+ --or-c-primary-container: rgba(0,71,136,1);
63
+ --or-c-on-primary-container: rgba(211,227,255,1);
64
+ --or-c-secondary: rgba(188,199,220,1);
65
+ --or-c-on-secondary: rgba(38,49,65,1);
66
+ --or-c-secondary-container: rgba(61,71,88,1);
67
+ --or-c-on-secondary-container: rgba(216,227,248,1);
68
+ --or-c-tertiary: rgba(218,189,226,1);
69
+ --or-c-on-tertiary: rgba(61,40,70,1);
70
+ --or-c-tertiary-container: rgba(85,63,94,1);
71
+ --or-c-on-tertiary-container: rgba(247,217,255,1);
72
+ --or-c-error: rgba(255,180,169,1);
73
+ --or-c-on-error: rgba(104,0,3,1);
74
+ --or-c-error-container: rgba(147,0,6,1);
75
+ --or-c-on-error-container: rgba(255,218,212,1);
76
+ --or-c-success: rgba(108,224,54,1);
77
+ --or-c-on-success: rgba(12,57,0,1);
78
+ --or-c-success-container: rgba(22,82,0,1);
79
+ --or-c-on-success-container: rgba(136,253,82,1);
80
+ --or-c-warning: rgba(251,188,12,1);
81
+ --or-c-on-warning: rgba(64,45,0,1);
82
+ --or-c-warning-container: rgba(92,66,0,1);
83
+ --or-c-on-warning-container: rgba(255,223,156,1);
84
+ --or-c-background: rgba(27,27,29,1);
85
+ --or-c-on-background: rgba(227,226,230,1);
86
+ --or-c-surface: rgba(27,27,29,1);
87
+ --or-c-surface-1: rgba(34,36,40,1);
88
+ --or-c-surface-2: rgba(38,41,47,1);
89
+ --or-c-surface-3: rgba(42,46,54,1);
90
+ --or-c-surface-4: rgba(43,48,56,1);
91
+ --or-c-surface-5: rgba(46,51,61,1);
92
+ --or-c-on-surface: rgba(227,226,230,1);
93
+ --or-c-surface-variant: rgba(67,71,78,1);
94
+ --or-c-on-surface-variant: rgba(195,198,207,1);
95
+ --or-c-inverse-surface: rgba(227,226,230,1);
96
+ --or-c-inverse-on-surface: rgba(27,27,29,1);
97
+ --or-c-inverse-primary: rgba(0,95,177,1);
98
+ --or-c-outline: rgba(142,145,153,1);
99
+ --or-c-shadow: rgba(0,0,0,1);
100
+ --or-c-on-disabled: rgba(227,226,230,0.3);
101
+ --or-c-primary-opacity-0-08: rgba(164,200,255,0.08);
102
+ --or-c-primary-opacity-0-12: rgba(164,200,255,0.12);
103
+ --or-c-primary-opacity-0-16: rgba(164,200,255,0.16);
104
+ --or-c-primary-hover: rgba(111,174,255,1);
105
+ --or-c-error-hover: rgba(255,137,122,1);
106
+ --or-c-success-hover: rgba(81,195,20,1);
107
+ --or-c-warning-hover: rgba(219,162,0,1);
108
+ --or-c-error-opacity-0-08: rgba(255,180,169,0.08);
109
+ --or-c-error-opacity-0-12: rgba(255,180,169,0.12);
110
+ --or-c-error-opacity-0-16: rgba(255,180,169,0.16);
111
+ --or-c-disabled: rgba(227,226,230,0.12);
112
+ }