@inkra/react 0.8.0 → 0.10.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 +137 -2
- package/THIRD_PARTY_NOTICES.md +9 -0
- package/Xiaolai-OFL.txt +94 -0
- package/dist/PencilIcon.d.ts +14 -1
- package/dist/PencilIcon.js +88 -52
- package/dist/PencilText.js +4 -1
- package/dist/assets/ui-hand-xiaolai-extended.woff2 +0 -0
- package/dist/assets/ui-hand-xiaolai.woff2 +0 -0
- package/dist/assets/xiaolai.css +17 -0
- package/dist/form/EditablePencilText.js +4 -2
- package/dist/guide/index.d.ts +77 -0
- package/dist/guide/index.js +379 -0
- package/dist/i18n/catalog.d.ts +1 -1
- package/dist/i18n/catalog.js +8 -0
- package/dist/image-viewer/index.d.ts +2 -0
- package/dist/image-viewer/index.js +28 -28
- package/dist/index.d.ts +4 -0
- package/dist/index.js +4 -0
- package/dist/infinite-scroll/gesture.d.ts +19 -0
- package/dist/infinite-scroll/gesture.js +218 -0
- package/dist/infinite-scroll/index.d.ts +55 -0
- package/dist/infinite-scroll/index.js +543 -0
- package/dist/infinite-scroll/model.d.ts +33 -0
- package/dist/infinite-scroll/model.js +168 -0
- package/dist/internal/iconFill.d.ts +16 -0
- package/dist/internal/iconFill.js +275 -0
- package/dist/internal/surfaceRenderer.d.ts +4 -4
- package/dist/internal/surfaceRenderer.js +2 -2
- package/dist/internal/textRenderer.d.ts +1 -1
- package/dist/internal/textRenderer.js +23 -11
- package/dist/inventory-grid/index.js +13 -3
- package/dist/inventory-grid/outline.d.ts +9 -0
- package/dist/inventory-grid/outline.js +54 -0
- package/dist/loading/index.d.ts +58 -0
- package/dist/loading/index.js +188 -0
- package/dist/loading/locales.d.ts +15 -0
- package/dist/loading/locales.js +34 -0
- package/dist/loading/model.d.ts +6 -0
- package/dist/loading/model.js +29 -0
- package/dist/masonry/index.d.ts +25 -0
- package/dist/masonry/index.js +227 -0
- package/dist/masonry/layout.d.ts +35 -0
- package/dist/masonry/layout.js +67 -0
- package/dist/number-ticker/RollingValue.d.ts +6 -0
- package/dist/number-ticker/RollingValue.js +10 -0
- package/dist/number-ticker/index.d.ts +4 -0
- package/dist/number-ticker/index.js +55 -7
- package/dist/number-ticker/rolling.d.ts +35 -0
- package/dist/number-ticker/rolling.js +87 -0
- package/dist/selection/CircularSwitchVisual.d.ts +8 -0
- package/dist/selection/CircularSwitchVisual.js +82 -0
- package/dist/selection/Switch.d.ts +7 -0
- package/dist/selection/Switch.js +15 -3
- package/dist/slider/circular.d.ts +35 -0
- package/dist/slider/circular.js +196 -0
- package/dist/slider/circularMath.d.ts +10 -0
- package/dist/slider/circularMath.js +34 -0
- package/dist/slider/index.d.ts +5 -0
- package/dist/slider/index.js +5 -3
- package/dist/styles/base.css +4 -2
- package/dist/styles/breadcrumb.css +1 -1
- package/dist/styles/guide.css +202 -0
- package/dist/styles/image-viewer.css +20 -0
- package/dist/styles/infinite-scroll.css +171 -0
- package/dist/styles/inventory-grid.css +20 -8
- package/dist/styles/loading.css +348 -0
- package/dist/styles/markdown.css +1 -1
- package/dist/styles/masonry.css +68 -0
- package/dist/styles/number-ticker.css +47 -1
- package/dist/styles/selection.css +50 -0
- package/dist/styles/slider.css +65 -0
- package/dist/styles/slot.css +1 -1
- package/dist/styles.css +1180 -192
- package/dist/toast/manager.d.ts +4 -4
- package/dist/tokens.css +13 -10
- package/package.json +28 -2
package/dist/toast/manager.d.ts
CHANGED
|
@@ -25,11 +25,11 @@ export interface ToastManager<Data extends object = any> {
|
|
|
25
25
|
promise: <Value, T extends Data = Data>(value: Promise<Value>, options: ToastPromiseOptions<Value, T>) => Promise<Value>;
|
|
26
26
|
}
|
|
27
27
|
export declare function getToastRouter(manager: ToastManager): {
|
|
28
|
-
queues: Record<"center" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "
|
|
29
|
-
controllers: Map<"center" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "
|
|
28
|
+
queues: Record<"center" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "bottom-center" | "top-center" | "center-start" | "center-end", import("@base-ui/react/toast").ToastManager<object>>;
|
|
29
|
+
controllers: Map<"center" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "bottom-center" | "top-center" | "center-start" | "center-end", import("@base-ui/react/toast").UseToastManagerReturnValue<object>>;
|
|
30
30
|
engine: (placement: ToastPlacement) => import("@base-ui/react/toast").ToastManager<object> | import("@base-ui/react/toast").UseToastManagerReturnValue<object>;
|
|
31
|
-
viewports: Map<"center" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "
|
|
32
|
-
owners: Map<string, "center" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "
|
|
31
|
+
viewports: Map<"center" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "bottom-center" | "top-center" | "center-start" | "center-end", HTMLElement>;
|
|
32
|
+
owners: Map<string, "center" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "bottom-center" | "top-center" | "center-start" | "center-end">;
|
|
33
33
|
defaults: {
|
|
34
34
|
placement: ToastPlacement;
|
|
35
35
|
variant: ToastVariant;
|
package/dist/tokens.css
CHANGED
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
/* Color scopes inherit the selected typeface and lettering material. */
|
|
3
|
+
--inkra-font-hand: "Inkra Xiaolai", "Trip Map Hand", "Kaiti SC", "STKaiti", cursive;
|
|
4
|
+
--inkra-font-body: var(--inkra-font-hand);
|
|
5
|
+
--inkra-font-display: var(--inkra-font-hand);
|
|
6
|
+
--inkra-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
|
|
7
|
+
--inkra-letter-variation: 0.1;
|
|
8
|
+
--inkra-letter-breaks: 0.31;
|
|
9
|
+
--inkra-letter-outline: 0.44;
|
|
10
|
+
--inkra-letter-fill: 0.85;
|
|
11
|
+
--inkra-letter-grain: 0.4;
|
|
12
|
+
}
|
|
13
|
+
|
|
1
14
|
:root,
|
|
2
15
|
[data-theme="light"],
|
|
3
16
|
[data-inkra-theme="light"],
|
|
@@ -98,11 +111,6 @@
|
|
|
98
111
|
--inkra-overlay: rgb(24 35 28 / 20%);
|
|
99
112
|
--inkra-shadow-overlay: 0 3px 12px rgb(24 35 28 / 20%);
|
|
100
113
|
|
|
101
|
-
--inkra-font-hand: "HanziPen SC", "Hannotate SC", "Kaiti SC", "STKaiti",
|
|
102
|
-
"Trip Map Hand", cursive;
|
|
103
|
-
--inkra-font-body: var(--inkra-font-hand);
|
|
104
|
-
--inkra-font-display: var(--inkra-font-hand);
|
|
105
|
-
--inkra-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
|
|
106
114
|
--inkra-text-xs: 12px;
|
|
107
115
|
--inkra-text-sm: 13px;
|
|
108
116
|
--inkra-text-md: 15px;
|
|
@@ -194,11 +202,6 @@
|
|
|
194
202
|
--inkra-quiet-wash-strength: 0.18;
|
|
195
203
|
--inkra-badge-wash-strength: 0.25;
|
|
196
204
|
|
|
197
|
-
--inkra-letter-variation: 0.2;
|
|
198
|
-
--inkra-letter-breaks: 0.5;
|
|
199
|
-
--inkra-letter-outline: 0.9;
|
|
200
|
-
--inkra-letter-fill: 0.9;
|
|
201
|
-
--inkra-letter-grain: 0.6;
|
|
202
205
|
--inkra-paper-tile-size: 384px;
|
|
203
206
|
--inkra-render-dpr-cap: 2;
|
|
204
207
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inkra/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.0",
|
|
4
4
|
"description": "Hand-drawn React controls with native semantics and deterministic decoration.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -169,6 +169,26 @@
|
|
|
169
169
|
"import": "./dist/form/index.js",
|
|
170
170
|
"default": "./dist/form/index.js"
|
|
171
171
|
},
|
|
172
|
+
"./loading": {
|
|
173
|
+
"types": "./dist/loading/index.d.ts",
|
|
174
|
+
"import": "./dist/loading/index.js",
|
|
175
|
+
"default": "./dist/loading/index.js"
|
|
176
|
+
},
|
|
177
|
+
"./infinite-scroll": {
|
|
178
|
+
"types": "./dist/infinite-scroll/index.d.ts",
|
|
179
|
+
"import": "./dist/infinite-scroll/index.js",
|
|
180
|
+
"default": "./dist/infinite-scroll/index.js"
|
|
181
|
+
},
|
|
182
|
+
"./masonry": {
|
|
183
|
+
"types": "./dist/masonry/index.d.ts",
|
|
184
|
+
"import": "./dist/masonry/index.js",
|
|
185
|
+
"default": "./dist/masonry/index.js"
|
|
186
|
+
},
|
|
187
|
+
"./guide": {
|
|
188
|
+
"types": "./dist/guide/index.d.ts",
|
|
189
|
+
"import": "./dist/guide/index.js",
|
|
190
|
+
"default": "./dist/guide/index.js"
|
|
191
|
+
},
|
|
172
192
|
"./heatmap": {
|
|
173
193
|
"types": "./dist/heatmap/index.d.ts",
|
|
174
194
|
"import": "./dist/heatmap/index.js",
|
|
@@ -423,6 +443,10 @@
|
|
|
423
443
|
"./styles/empty.css": "./dist/styles/empty.css",
|
|
424
444
|
"./styles/flip.css": "./dist/styles/flip.css",
|
|
425
445
|
"./styles/form.css": "./dist/styles/form.css",
|
|
446
|
+
"./styles/guide.css": "./dist/styles/guide.css",
|
|
447
|
+
"./styles/loading.css": "./dist/styles/loading.css",
|
|
448
|
+
"./styles/infinite-scroll.css": "./dist/styles/infinite-scroll.css",
|
|
449
|
+
"./styles/masonry.css": "./dist/styles/masonry.css",
|
|
426
450
|
"./styles/heatmap.css": "./dist/styles/heatmap.css",
|
|
427
451
|
"./styles/hotkey.css": "./dist/styles/hotkey.css",
|
|
428
452
|
"./styles/hover-card.css": "./dist/styles/hover-card.css",
|
|
@@ -472,7 +496,8 @@
|
|
|
472
496
|
"README.md",
|
|
473
497
|
"LICENSE",
|
|
474
498
|
"THIRD_PARTY_NOTICES.md",
|
|
475
|
-
"Yozai-OFL.txt"
|
|
499
|
+
"Yozai-OFL.txt",
|
|
500
|
+
"Xiaolai-OFL.txt"
|
|
476
501
|
],
|
|
477
502
|
"sideEffects": [
|
|
478
503
|
"**/*.css"
|
|
@@ -537,6 +562,7 @@
|
|
|
537
562
|
"leaflet": "^1.9.4",
|
|
538
563
|
"lucide-react": "^1.60.0",
|
|
539
564
|
"prismjs": "^1.30.0",
|
|
565
|
+
"react-aria": "3.53.1",
|
|
540
566
|
"react-aria-components": "^1.22.1",
|
|
541
567
|
"react-day-picker": "^9.14.0",
|
|
542
568
|
"react-easy-crop": "^6.2.4",
|