rei-kit 2.24.0 → 2.25.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.
- package/README.md +3 -3
- package/dist/{BaseListbox-BQoSwYdJ.js → BaseListbox-DvZ7IhNn.js} +2 -2
- package/dist/{BaseListbox-BQoSwYdJ.js.map → BaseListbox-DvZ7IhNn.js.map} +1 -1
- package/dist/app/index.d.ts +6 -0
- package/dist/index.d.ts +76 -0
- package/dist/index.js +14 -14
- package/dist/index.js.map +1 -1
- package/dist/motion/index.d.ts +11 -0
- package/dist/palettes/palettes.generated.json.d.ts +30 -30
- package/dist/palettes.css +28 -28
- package/dist/pwa/index.d.ts +6 -0
- package/dist/styles.css +68 -52
- package/dist/tokens.css +3 -3
- package/dist/web/index.d.ts +19 -0
- package/dist/web.js +1 -1
- package/package.json +5 -2
package/dist/motion/index.d.ts
CHANGED
|
@@ -8,8 +8,19 @@
|
|
|
8
8
|
* with them are in `rei-kit/motion.css`, which both presets include.
|
|
9
9
|
*/
|
|
10
10
|
export { default as NumberTicker } from './NumberTicker.vue';
|
|
11
|
+
/** A number that counts up to its value once it scrolls into view. */
|
|
11
12
|
export { default as CountUp } from './CountUp.vue';
|
|
13
|
+
/**
|
|
14
|
+
* One word in a sentence that changes on its own: "Build it *glass*", then
|
|
15
|
+
* *brutal*, then *soft*.
|
|
16
|
+
*/
|
|
12
17
|
export { default as TextRotate } from './TextRotate.vue';
|
|
18
|
+
/**
|
|
19
|
+
* Text that types itself out, and — given several lines — deletes each one
|
|
20
|
+
* and types the next.
|
|
21
|
+
*/
|
|
13
22
|
export { default as TypeWriter } from './TypeWriter.vue';
|
|
23
|
+
/** Content that fades or rises into place as it scrolls into view. */
|
|
14
24
|
export { default as BaseReveal } from './BaseReveal.vue';
|
|
25
|
+
/** A row that scrolls sideways without end: logos, testimonials, a ticker. */
|
|
15
26
|
export { default as BaseMarquee } from './BaseMarquee.vue';
|
|
@@ -7,13 +7,13 @@ declare const _default: [
|
|
|
7
7
|
"primary": "#26667f",
|
|
8
8
|
"accent": "#124170",
|
|
9
9
|
"positive": "#67c090",
|
|
10
|
-
"negative": "#
|
|
10
|
+
"negative": "#c7453a",
|
|
11
11
|
"warning": "#d89a3e",
|
|
12
12
|
"canvas": "#f4faf8",
|
|
13
13
|
"surface": "#ffffff",
|
|
14
14
|
"muted": "#ddf4e7",
|
|
15
15
|
"ink": "#0f2229",
|
|
16
|
-
"inkSoft": "#
|
|
16
|
+
"inkSoft": "#586f7b",
|
|
17
17
|
"hair": "#e1edea",
|
|
18
18
|
"onPrimary": "#ffffff",
|
|
19
19
|
"onAccent": "#ffffff",
|
|
@@ -51,10 +51,10 @@ declare const _default: [
|
|
|
51
51
|
"label": "Nord",
|
|
52
52
|
"origin": "Arctic Ice Studio",
|
|
53
53
|
"light": {
|
|
54
|
-
"primary": "#
|
|
54
|
+
"primary": "#506e93",
|
|
55
55
|
"accent": "#b48ead",
|
|
56
56
|
"positive": "#a3be8c",
|
|
57
|
-
"negative": "#
|
|
57
|
+
"negative": "#a6545c",
|
|
58
58
|
"warning": "#ebcb8b",
|
|
59
59
|
"canvas": "#eceff4",
|
|
60
60
|
"surface": "#ffffff",
|
|
@@ -62,17 +62,17 @@ declare const _default: [
|
|
|
62
62
|
"ink": "#2e3440",
|
|
63
63
|
"inkSoft": "#4c566a",
|
|
64
64
|
"hair": "#d8dee9",
|
|
65
|
-
"onPrimary": "#
|
|
65
|
+
"onPrimary": "#ffffff",
|
|
66
66
|
"onAccent": "#111111",
|
|
67
67
|
"onPositive": "#2e3440",
|
|
68
|
-
"onNegative": "#
|
|
68
|
+
"onNegative": "#ffffff",
|
|
69
69
|
"onWarning": "#2e3440"
|
|
70
70
|
},
|
|
71
71
|
"dark": {
|
|
72
72
|
"primary": "#88c0d0",
|
|
73
73
|
"accent": "#b48ead",
|
|
74
74
|
"positive": "#a3be8c",
|
|
75
|
-
"negative": "#
|
|
75
|
+
"negative": "#d89fa4",
|
|
76
76
|
"warning": "#ebcb8b",
|
|
77
77
|
"canvas": "#2e3440",
|
|
78
78
|
"surface": "#3b4252",
|
|
@@ -83,11 +83,11 @@ declare const _default: [
|
|
|
83
83
|
"onPrimary": "#2e3440",
|
|
84
84
|
"onAccent": "#111111",
|
|
85
85
|
"onPositive": "#2e3440",
|
|
86
|
-
"onNegative": "#
|
|
86
|
+
"onNegative": "#2e3440",
|
|
87
87
|
"onWarning": "#2e3440"
|
|
88
88
|
},
|
|
89
89
|
"swatch": [
|
|
90
|
-
"#
|
|
90
|
+
"#506e93",
|
|
91
91
|
"#b48ead",
|
|
92
92
|
"#a3be8c",
|
|
93
93
|
"#ebcb8b"
|
|
@@ -192,43 +192,43 @@ declare const _default: [
|
|
|
192
192
|
"label": "Solarized",
|
|
193
193
|
"origin": "Ethan Schoonover",
|
|
194
194
|
"light": {
|
|
195
|
-
"primary": "#
|
|
195
|
+
"primary": "#2075b2",
|
|
196
196
|
"accent": "#6a6fc0",
|
|
197
197
|
"positive": "#859900",
|
|
198
|
-
"negative": "#
|
|
198
|
+
"negative": "#d5312e",
|
|
199
199
|
"warning": "#b58900",
|
|
200
200
|
"canvas": "#fdf6e3",
|
|
201
201
|
"surface": "#fffcf3",
|
|
202
202
|
"muted": "#eee8d5",
|
|
203
203
|
"ink": "#073642",
|
|
204
|
-
"inkSoft": "#
|
|
204
|
+
"inkSoft": "#566c73",
|
|
205
205
|
"hair": "#e4dcc4",
|
|
206
|
-
"onPrimary": "#
|
|
206
|
+
"onPrimary": "#ffffff",
|
|
207
207
|
"onAccent": "#ffffff",
|
|
208
208
|
"onPositive": "#002b36",
|
|
209
209
|
"onNegative": "#ffffff",
|
|
210
210
|
"onWarning": "#002b36"
|
|
211
211
|
},
|
|
212
212
|
"dark": {
|
|
213
|
-
"primary": "#
|
|
213
|
+
"primary": "#4b9fda",
|
|
214
214
|
"accent": "#6a6fc0",
|
|
215
215
|
"positive": "#859900",
|
|
216
|
-
"negative": "#
|
|
216
|
+
"negative": "#e87674",
|
|
217
217
|
"warning": "#b58900",
|
|
218
218
|
"canvas": "#002b36",
|
|
219
219
|
"surface": "#073642",
|
|
220
220
|
"muted": "#0b3f4c",
|
|
221
221
|
"ink": "#eee8d5",
|
|
222
|
-
"inkSoft": "#
|
|
222
|
+
"inkSoft": "#97a5a5",
|
|
223
223
|
"hair": "#16505e",
|
|
224
|
-
"onPrimary": "#
|
|
224
|
+
"onPrimary": "#002b36",
|
|
225
225
|
"onAccent": "#ffffff",
|
|
226
226
|
"onPositive": "#002b36",
|
|
227
|
-
"onNegative": "#
|
|
227
|
+
"onNegative": "#002b36",
|
|
228
228
|
"onWarning": "#002b36"
|
|
229
229
|
},
|
|
230
230
|
"swatch": [
|
|
231
|
-
"#
|
|
231
|
+
"#2075b2",
|
|
232
232
|
"#6a6fc0",
|
|
233
233
|
"#859900",
|
|
234
234
|
"#b58900"
|
|
@@ -260,7 +260,7 @@ declare const _default: [
|
|
|
260
260
|
"primary": "#83a598",
|
|
261
261
|
"accent": "#d3869b",
|
|
262
262
|
"positive": "#b8bb26",
|
|
263
|
-
"negative": "#
|
|
263
|
+
"negative": "#fc6857",
|
|
264
264
|
"warning": "#fabd2f",
|
|
265
265
|
"canvas": "#282828",
|
|
266
266
|
"surface": "#32302f",
|
|
@@ -271,7 +271,7 @@ declare const _default: [
|
|
|
271
271
|
"onPrimary": "#282828",
|
|
272
272
|
"onAccent": "#282828",
|
|
273
273
|
"onPositive": "#282828",
|
|
274
|
-
"onNegative": "#
|
|
274
|
+
"onNegative": "#282828",
|
|
275
275
|
"onWarning": "#282828"
|
|
276
276
|
},
|
|
277
277
|
"swatch": [
|
|
@@ -292,21 +292,21 @@ declare const _default: [
|
|
|
292
292
|
"#1a1b26"
|
|
293
293
|
],
|
|
294
294
|
"light": {
|
|
295
|
-
"primary": "#
|
|
295
|
+
"primary": "#2463b8",
|
|
296
296
|
"accent": "#9351ea",
|
|
297
297
|
"positive": "#587539",
|
|
298
|
-
"negative": "#
|
|
298
|
+
"negative": "#c0214f",
|
|
299
299
|
"warning": "#8c6c3e",
|
|
300
300
|
"canvas": "#e1e2e7",
|
|
301
301
|
"surface": "#f5f5f8",
|
|
302
302
|
"muted": "#d5d6db",
|
|
303
|
-
"ink": "#
|
|
304
|
-
"inkSoft": "#
|
|
303
|
+
"ink": "#2e51a3",
|
|
304
|
+
"inkSoft": "#4d5b8c",
|
|
305
305
|
"hair": "#c4c8da",
|
|
306
|
-
"onPrimary": "#
|
|
306
|
+
"onPrimary": "#ffffff",
|
|
307
307
|
"onAccent": "#ffffff",
|
|
308
308
|
"onPositive": "#ffffff",
|
|
309
|
-
"onNegative": "#
|
|
309
|
+
"onNegative": "#ffffff",
|
|
310
310
|
"onWarning": "#ffffff"
|
|
311
311
|
},
|
|
312
312
|
"dark": {
|
|
@@ -336,18 +336,18 @@ declare const _default: [
|
|
|
336
336
|
"primary": "#286983",
|
|
337
337
|
"accent": "#907aa9",
|
|
338
338
|
"positive": "#56949f",
|
|
339
|
-
"negative": "#
|
|
339
|
+
"negative": "#a45a6f",
|
|
340
340
|
"warning": "#ea9d34",
|
|
341
341
|
"canvas": "#faf4ed",
|
|
342
342
|
"surface": "#fffaf3",
|
|
343
343
|
"muted": "#f2e9e1",
|
|
344
344
|
"ink": "#575279",
|
|
345
|
-
"inkSoft": "#
|
|
345
|
+
"inkSoft": "#6a6681",
|
|
346
346
|
"hair": "#dfdad9",
|
|
347
347
|
"onPrimary": "#ffffff",
|
|
348
348
|
"onAccent": "#191724",
|
|
349
349
|
"onPositive": "#191724",
|
|
350
|
-
"onNegative": "#
|
|
350
|
+
"onNegative": "#ffffff",
|
|
351
351
|
"onWarning": "#191724"
|
|
352
352
|
},
|
|
353
353
|
"dark": {
|
package/dist/palettes.css
CHANGED
|
@@ -14,13 +14,13 @@
|
|
|
14
14
|
--color-primary: #26667f;
|
|
15
15
|
--color-accent: #124170;
|
|
16
16
|
--color-positive: #67c090;
|
|
17
|
-
--color-negative: #
|
|
17
|
+
--color-negative: #c7453a;
|
|
18
18
|
--color-warning: #d89a3e;
|
|
19
19
|
--color-canvas: #f4faf8;
|
|
20
20
|
--color-surface: #ffffff;
|
|
21
21
|
--color-muted: #ddf4e7;
|
|
22
22
|
--color-ink: #0f2229;
|
|
23
|
-
--color-ink-soft: #
|
|
23
|
+
--color-ink-soft: #586f7b;
|
|
24
24
|
--color-hair: #e1edea;
|
|
25
25
|
--color-on-primary: #ffffff;
|
|
26
26
|
--color-on-accent: #ffffff;
|
|
@@ -52,10 +52,10 @@
|
|
|
52
52
|
|
|
53
53
|
/* Nord — Arctic Ice Studio */
|
|
54
54
|
[data-palette='nord'] {
|
|
55
|
-
--color-primary: #
|
|
55
|
+
--color-primary: #506e93;
|
|
56
56
|
--color-accent: #b48ead;
|
|
57
57
|
--color-positive: #a3be8c;
|
|
58
|
-
--color-negative: #
|
|
58
|
+
--color-negative: #a6545c;
|
|
59
59
|
--color-warning: #ebcb8b;
|
|
60
60
|
--color-canvas: #eceff4;
|
|
61
61
|
--color-surface: #ffffff;
|
|
@@ -63,10 +63,10 @@
|
|
|
63
63
|
--color-ink: #2e3440;
|
|
64
64
|
--color-ink-soft: #4c566a;
|
|
65
65
|
--color-hair: #d8dee9;
|
|
66
|
-
--color-on-primary: #
|
|
66
|
+
--color-on-primary: #ffffff;
|
|
67
67
|
--color-on-accent: #111111;
|
|
68
68
|
--color-on-positive: #2e3440;
|
|
69
|
-
--color-on-negative: #
|
|
69
|
+
--color-on-negative: #ffffff;
|
|
70
70
|
--color-on-warning: #2e3440;
|
|
71
71
|
}
|
|
72
72
|
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
--color-primary: #88c0d0;
|
|
76
76
|
--color-accent: #b48ead;
|
|
77
77
|
--color-positive: #a3be8c;
|
|
78
|
-
--color-negative: #
|
|
78
|
+
--color-negative: #d89fa4;
|
|
79
79
|
--color-warning: #ebcb8b;
|
|
80
80
|
--color-canvas: #2e3440;
|
|
81
81
|
--color-surface: #3b4252;
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
--color-on-primary: #2e3440;
|
|
87
87
|
--color-on-accent: #111111;
|
|
88
88
|
--color-on-positive: #2e3440;
|
|
89
|
-
--color-on-negative: #
|
|
89
|
+
--color-on-negative: #2e3440;
|
|
90
90
|
--color-on-warning: #2e3440;
|
|
91
91
|
--shadow-color: #000000;
|
|
92
92
|
}
|
|
@@ -175,18 +175,18 @@
|
|
|
175
175
|
|
|
176
176
|
/* Solarized — Ethan Schoonover */
|
|
177
177
|
[data-palette='solarized'] {
|
|
178
|
-
--color-primary: #
|
|
178
|
+
--color-primary: #2075b2;
|
|
179
179
|
--color-accent: #6a6fc0;
|
|
180
180
|
--color-positive: #859900;
|
|
181
|
-
--color-negative: #
|
|
181
|
+
--color-negative: #d5312e;
|
|
182
182
|
--color-warning: #b58900;
|
|
183
183
|
--color-canvas: #fdf6e3;
|
|
184
184
|
--color-surface: #fffcf3;
|
|
185
185
|
--color-muted: #eee8d5;
|
|
186
186
|
--color-ink: #073642;
|
|
187
|
-
--color-ink-soft: #
|
|
187
|
+
--color-ink-soft: #566c73;
|
|
188
188
|
--color-hair: #e4dcc4;
|
|
189
|
-
--color-on-primary: #
|
|
189
|
+
--color-on-primary: #ffffff;
|
|
190
190
|
--color-on-accent: #ffffff;
|
|
191
191
|
--color-on-positive: #002b36;
|
|
192
192
|
--color-on-negative: #ffffff;
|
|
@@ -195,21 +195,21 @@
|
|
|
195
195
|
|
|
196
196
|
.dark[data-palette='solarized'],
|
|
197
197
|
.dark [data-palette='solarized'] {
|
|
198
|
-
--color-primary: #
|
|
198
|
+
--color-primary: #4b9fda;
|
|
199
199
|
--color-accent: #6a6fc0;
|
|
200
200
|
--color-positive: #859900;
|
|
201
|
-
--color-negative: #
|
|
201
|
+
--color-negative: #e87674;
|
|
202
202
|
--color-warning: #b58900;
|
|
203
203
|
--color-canvas: #002b36;
|
|
204
204
|
--color-surface: #073642;
|
|
205
205
|
--color-muted: #0b3f4c;
|
|
206
206
|
--color-ink: #eee8d5;
|
|
207
|
-
--color-ink-soft: #
|
|
207
|
+
--color-ink-soft: #97a5a5;
|
|
208
208
|
--color-hair: #16505e;
|
|
209
|
-
--color-on-primary: #
|
|
209
|
+
--color-on-primary: #002b36;
|
|
210
210
|
--color-on-accent: #ffffff;
|
|
211
211
|
--color-on-positive: #002b36;
|
|
212
|
-
--color-on-negative: #
|
|
212
|
+
--color-on-negative: #002b36;
|
|
213
213
|
--color-on-warning: #002b36;
|
|
214
214
|
--shadow-color: #000000;
|
|
215
215
|
}
|
|
@@ -239,7 +239,7 @@
|
|
|
239
239
|
--color-primary: #83a598;
|
|
240
240
|
--color-accent: #d3869b;
|
|
241
241
|
--color-positive: #b8bb26;
|
|
242
|
-
--color-negative: #
|
|
242
|
+
--color-negative: #fc6857;
|
|
243
243
|
--color-warning: #fabd2f;
|
|
244
244
|
--color-canvas: #282828;
|
|
245
245
|
--color-surface: #32302f;
|
|
@@ -250,28 +250,28 @@
|
|
|
250
250
|
--color-on-primary: #282828;
|
|
251
251
|
--color-on-accent: #282828;
|
|
252
252
|
--color-on-positive: #282828;
|
|
253
|
-
--color-on-negative: #
|
|
253
|
+
--color-on-negative: #282828;
|
|
254
254
|
--color-on-warning: #282828;
|
|
255
255
|
--shadow-color: #000000;
|
|
256
256
|
}
|
|
257
257
|
|
|
258
258
|
/* Tokyo Night — enkia */
|
|
259
259
|
[data-palette='tokyo-night'] {
|
|
260
|
-
--color-primary: #
|
|
260
|
+
--color-primary: #2463b8;
|
|
261
261
|
--color-accent: #9351ea;
|
|
262
262
|
--color-positive: #587539;
|
|
263
|
-
--color-negative: #
|
|
263
|
+
--color-negative: #c0214f;
|
|
264
264
|
--color-warning: #8c6c3e;
|
|
265
265
|
--color-canvas: #e1e2e7;
|
|
266
266
|
--color-surface: #f5f5f8;
|
|
267
267
|
--color-muted: #d5d6db;
|
|
268
|
-
--color-ink: #
|
|
269
|
-
--color-ink-soft: #
|
|
268
|
+
--color-ink: #2e51a3;
|
|
269
|
+
--color-ink-soft: #4d5b8c;
|
|
270
270
|
--color-hair: #c4c8da;
|
|
271
|
-
--color-on-primary: #
|
|
271
|
+
--color-on-primary: #ffffff;
|
|
272
272
|
--color-on-accent: #ffffff;
|
|
273
273
|
--color-on-positive: #ffffff;
|
|
274
|
-
--color-on-negative: #
|
|
274
|
+
--color-on-negative: #ffffff;
|
|
275
275
|
--color-on-warning: #ffffff;
|
|
276
276
|
}
|
|
277
277
|
|
|
@@ -301,18 +301,18 @@
|
|
|
301
301
|
--color-primary: #286983;
|
|
302
302
|
--color-accent: #907aa9;
|
|
303
303
|
--color-positive: #56949f;
|
|
304
|
-
--color-negative: #
|
|
304
|
+
--color-negative: #a45a6f;
|
|
305
305
|
--color-warning: #ea9d34;
|
|
306
306
|
--color-canvas: #faf4ed;
|
|
307
307
|
--color-surface: #fffaf3;
|
|
308
308
|
--color-muted: #f2e9e1;
|
|
309
309
|
--color-ink: #575279;
|
|
310
|
-
--color-ink-soft: #
|
|
310
|
+
--color-ink-soft: #6a6681;
|
|
311
311
|
--color-hair: #dfdad9;
|
|
312
312
|
--color-on-primary: #ffffff;
|
|
313
313
|
--color-on-accent: #191724;
|
|
314
314
|
--color-on-positive: #191724;
|
|
315
|
-
--color-on-negative: #
|
|
315
|
+
--color-on-negative: #ffffff;
|
|
316
316
|
--color-on-warning: #191724;
|
|
317
317
|
}
|
|
318
318
|
|
package/dist/pwa/index.d.ts
CHANGED
|
@@ -11,6 +11,12 @@
|
|
|
11
11
|
*/
|
|
12
12
|
export { useInstall, watchInstallability } from './use-install';
|
|
13
13
|
export { useSnooze } from './use-snooze';
|
|
14
|
+
/**
|
|
15
|
+
* The card that offers to install the app, and remembers being turned
|
|
16
|
+
* down.
|
|
17
|
+
*/
|
|
14
18
|
export { default as InstallPrompt } from './InstallPrompt.vue';
|
|
19
|
+
/** The way back to installing after the card has been dismissed. */
|
|
15
20
|
export { default as InstallSettings } from './InstallSettings.vue';
|
|
21
|
+
/** The card that says a new version is waiting. */
|
|
16
22
|
export { default as UpdatePrompt } from './UpdatePrompt.vue';
|