@onereach/styles 2.12.0 → 2.12.1-next.935.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/main.css +0 -2
  2. package/package.json +7 -21
  3. package/tailwind-utils.js +41 -30
  4. package/tailwind.config.preset.js +1 -1
  5. package/dist/index.css +0 -265
  6. package/dist/index.css.map +0 -1
  7. package/dist/index.min.css +0 -1
  8. package/tokens.css +0 -112
package/main.css CHANGED
@@ -1,5 +1,3 @@
1
1
  @import "tailwindcss/base.css";
2
2
  @import "tailwindcss/components.css";
3
3
  @import "tailwindcss/utilities.css";
4
-
5
- @import "./dist/index.css";
package/package.json CHANGED
@@ -1,23 +1,11 @@
1
1
  {
2
2
  "name": "@onereach/styles",
3
- "version": "2.12.0",
3
+ "version": "2.12.1-next.935.0",
4
4
  "description": "Styles for or-ui-next",
5
+ "license": "UNLICENSED",
5
6
  "main": "./main.css",
6
7
  "unpkg": "./main.css",
7
8
  "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
- },
21
9
  "files": [
22
10
  "dist",
23
11
  "src",
@@ -31,7 +19,10 @@
31
19
  "tailwind-utils.js",
32
20
  "tokens.css"
33
21
  ],
34
- "license": "UNLICENSED",
22
+ "scripts": {},
23
+ "dependencies": {
24
+ "tailwindcss": "^3.1.3"
25
+ },
35
26
  "devDependencies": {
36
27
  "autoprefixer": "^10.2.5",
37
28
  "clean-css-cli": "^5.2.2",
@@ -42,10 +33,5 @@
42
33
  "postcss-import": "^14.1.0",
43
34
  "postcss-preset-env": "^7.7.1",
44
35
  "sass": "^1.35.1"
45
- },
46
- "dependencies": {
47
- "@tailwindcss/typography": "^0.5.4",
48
- "tailwindcss": "^3.1.3"
49
- },
50
- "gitHead": "4f60d720ae78be4ad134403e7f8b88222a5bec89"
36
+ }
51
37
  }
package/tailwind-utils.js CHANGED
@@ -11,7 +11,6 @@ module.exports = {
11
11
  const isBackground = (name) => /\b(?:container|background|surface)\b/.test(name) && !isText(name);
12
12
  const isText = (name) => /\b(?:on)\b/.test(name);
13
13
  const isShadow = (name) => /\b(?:shadow)\b/.test(name);
14
- const isOpacity = (name) => /\b(?:opacity)\b/.test(name);
15
14
 
16
15
  const defineColorGroup = (name) => {
17
16
  switch (true) {
@@ -22,7 +21,6 @@ module.exports = {
22
21
  return 'text';
23
22
 
24
23
  case isShadow(name):
25
- case isOpacity(name):
26
24
  return null;
27
25
 
28
26
  default:
@@ -31,54 +29,67 @@ module.exports = {
31
29
  };
32
30
 
33
31
  return Object.values(designTokens)
34
- .map(({ name, value }) => ({
35
- ...name.match(/^(?:(?<theme>light|dark)-)?(?<name>.+)$/).groups,
36
- value: value.replace(/rgba\((\d+),(\d+),(\d+),([\d.]+)\)/, 'rgba($1 $2 $3 / $4)'),
37
- }))
38
- .map(({ name, ...props }) => ({
39
- name,
40
- group: defineColorGroup(name),
41
- ...props,
42
- }))
32
+ .map((token) => {
33
+ const { name, theme } = token.name.match(/^(?:(?<theme>light|dark)-)?(?<name>.+)$/).groups;
34
+
35
+ return {
36
+ name,
37
+ theme,
38
+ group: defineColorGroup(name),
39
+ color: token.value.replace(/rgba\((\d+),(\d+),(\d+),([\d.]+)\)/, 'rgba($1 $2 $3 / $4)'),
40
+ };
41
+ })
43
42
  .filter(({ group }) => colorGroups.includes(group))
44
- .reduce((preset, { name, theme, value }) => ({
43
+ .reduce((preset, { name, theme, color }) => ({
45
44
  ...preset,
46
- [!theme || theme === 'light' ? name : `${name}-${theme}`]: value,
45
+ [!theme || theme === 'light' ? name : `${name}-${theme}`]: color,
47
46
  }), {});
48
47
  },
49
48
 
50
49
  parseBorderRadiusTokens(designTokens) {
51
50
  return Object.values(designTokens)
52
- .reduce((preset, { name, value }) => ({
51
+ .map((token) => ({
52
+ name: token.name,
53
+ borderRadius: token.value,
54
+ }))
55
+ .reduce((preset, { name, borderRadius }) => ({
53
56
  ...preset,
54
- [name]: value,
57
+ [name]: borderRadius,
55
58
  }), {});
56
59
  },
57
60
 
58
61
  parseBorderWidthTokens(designTokens) {
59
62
  return Object.values(designTokens)
60
- .map(({ value }) => value.split(' ')[0])
61
- .map((value) => ({
62
- name: value.slice(0, -2),
63
- value,
64
- }))
65
- .reduce((preset, { name, value }) => ({
63
+ .map((token) => {
64
+ const borderWidth = token.value.split(' ')[0];
65
+
66
+ return {
67
+ name: borderWidth.slice(0, -2),
68
+ borderWidth,
69
+ };
70
+ })
71
+ .reduce((preset, { name, borderWidth }) => ({
66
72
  ...preset,
67
- [name]: value,
73
+ [name]: borderWidth,
68
74
  }), {});
69
75
  },
70
76
 
71
77
  parseBoxShadowTokens(designTokens) {
72
78
  return Object.values(designTokens)
73
- .map(({ name, value }) => ({
74
- ...name.match(/^(?:(?<theme>light|dark)-)?(?<name>.+)$/).groups,
75
- value: value
76
- .replace(/\b0px\b/g, '0')
77
- .replace(/rgba\((\d+),(\d+),(\d+),([\d.]+)\)/g, 'rgba($1 $2 $3 / $4)'),
78
- }))
79
- .reduce((preset, { name, theme, value }) => ({
79
+ .map((token) => {
80
+ const { name, theme } = token.name.match(/^(?:(?<theme>light|dark)-)?(?<name>.+)$/).groups;
81
+
82
+ return {
83
+ name,
84
+ theme,
85
+ boxShadow: token.value
86
+ .replace(/\b0px\b/g, '0')
87
+ .replace(/rgba\((\d+),(\d+),(\d+),([\d.]+)\)/g, 'rgba($1 $2 $3 / $4)'),
88
+ };
89
+ })
90
+ .reduce((preset, { name, theme, boxShadow }) => ({
80
91
  ...preset,
81
- [!theme || theme === 'light' ? name : `${name}-${theme}`]: value,
92
+ [!theme || theme === 'light' ? name : `${name}-${theme}`]: boxShadow,
82
93
  }), {});
83
94
  },
84
95
 
package/tailwind.config.preset.js CHANGED
@@ -21,7 +21,7 @@ const {
21
21
  } = require('./src/variables/tokens/design-tokens-next.json');
22
22
 
23
23
  module.exports = {
24
- darkMode: 'class',
24
+ darkMode: ['class', '[data-theme="dark"]'],
25
25
 
26
26
  theme: {
27
27
  spacing: parseSpacingTokens(spacingTokens),
package/dist/index.css DELETED
@@ -1,265 +0,0 @@
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 DELETED
@@ -1 +0,0 @@
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 DELETED
@@ -1 +0,0 @@
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/tokens.css DELETED
@@ -1,112 +0,0 @@
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(240,243,251,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
- }