@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.
Files changed (76) hide show
  1. package/README.md +137 -2
  2. package/THIRD_PARTY_NOTICES.md +9 -0
  3. package/Xiaolai-OFL.txt +94 -0
  4. package/dist/PencilIcon.d.ts +14 -1
  5. package/dist/PencilIcon.js +88 -52
  6. package/dist/PencilText.js +4 -1
  7. package/dist/assets/ui-hand-xiaolai-extended.woff2 +0 -0
  8. package/dist/assets/ui-hand-xiaolai.woff2 +0 -0
  9. package/dist/assets/xiaolai.css +17 -0
  10. package/dist/form/EditablePencilText.js +4 -2
  11. package/dist/guide/index.d.ts +77 -0
  12. package/dist/guide/index.js +379 -0
  13. package/dist/i18n/catalog.d.ts +1 -1
  14. package/dist/i18n/catalog.js +8 -0
  15. package/dist/image-viewer/index.d.ts +2 -0
  16. package/dist/image-viewer/index.js +28 -28
  17. package/dist/index.d.ts +4 -0
  18. package/dist/index.js +4 -0
  19. package/dist/infinite-scroll/gesture.d.ts +19 -0
  20. package/dist/infinite-scroll/gesture.js +218 -0
  21. package/dist/infinite-scroll/index.d.ts +55 -0
  22. package/dist/infinite-scroll/index.js +543 -0
  23. package/dist/infinite-scroll/model.d.ts +33 -0
  24. package/dist/infinite-scroll/model.js +168 -0
  25. package/dist/internal/iconFill.d.ts +16 -0
  26. package/dist/internal/iconFill.js +275 -0
  27. package/dist/internal/surfaceRenderer.d.ts +4 -4
  28. package/dist/internal/surfaceRenderer.js +2 -2
  29. package/dist/internal/textRenderer.d.ts +1 -1
  30. package/dist/internal/textRenderer.js +23 -11
  31. package/dist/inventory-grid/index.js +13 -3
  32. package/dist/inventory-grid/outline.d.ts +9 -0
  33. package/dist/inventory-grid/outline.js +54 -0
  34. package/dist/loading/index.d.ts +58 -0
  35. package/dist/loading/index.js +188 -0
  36. package/dist/loading/locales.d.ts +15 -0
  37. package/dist/loading/locales.js +34 -0
  38. package/dist/loading/model.d.ts +6 -0
  39. package/dist/loading/model.js +29 -0
  40. package/dist/masonry/index.d.ts +25 -0
  41. package/dist/masonry/index.js +227 -0
  42. package/dist/masonry/layout.d.ts +35 -0
  43. package/dist/masonry/layout.js +67 -0
  44. package/dist/number-ticker/RollingValue.d.ts +6 -0
  45. package/dist/number-ticker/RollingValue.js +10 -0
  46. package/dist/number-ticker/index.d.ts +4 -0
  47. package/dist/number-ticker/index.js +55 -7
  48. package/dist/number-ticker/rolling.d.ts +35 -0
  49. package/dist/number-ticker/rolling.js +87 -0
  50. package/dist/selection/CircularSwitchVisual.d.ts +8 -0
  51. package/dist/selection/CircularSwitchVisual.js +82 -0
  52. package/dist/selection/Switch.d.ts +7 -0
  53. package/dist/selection/Switch.js +15 -3
  54. package/dist/slider/circular.d.ts +35 -0
  55. package/dist/slider/circular.js +196 -0
  56. package/dist/slider/circularMath.d.ts +10 -0
  57. package/dist/slider/circularMath.js +34 -0
  58. package/dist/slider/index.d.ts +5 -0
  59. package/dist/slider/index.js +5 -3
  60. package/dist/styles/base.css +4 -2
  61. package/dist/styles/breadcrumb.css +1 -1
  62. package/dist/styles/guide.css +202 -0
  63. package/dist/styles/image-viewer.css +20 -0
  64. package/dist/styles/infinite-scroll.css +171 -0
  65. package/dist/styles/inventory-grid.css +20 -8
  66. package/dist/styles/loading.css +348 -0
  67. package/dist/styles/markdown.css +1 -1
  68. package/dist/styles/masonry.css +68 -0
  69. package/dist/styles/number-ticker.css +47 -1
  70. package/dist/styles/selection.css +50 -0
  71. package/dist/styles/slider.css +65 -0
  72. package/dist/styles/slot.css +1 -1
  73. package/dist/styles.css +1180 -192
  74. package/dist/toast/manager.d.ts +4 -4
  75. package/dist/tokens.css +13 -10
  76. package/package.json +28 -2
@@ -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" | "top-center" | "center-start" | "center-end" | "bottom-center", import("@base-ui/react/toast").ToastManager<object>>;
29
- controllers: Map<"center" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "top-center" | "center-start" | "center-end" | "bottom-center", import("@base-ui/react/toast").UseToastManagerReturnValue<object>>;
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" | "top-center" | "center-start" | "center-end" | "bottom-center", HTMLElement>;
32
- owners: Map<string, "center" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "top-center" | "center-start" | "center-end" | "bottom-center">;
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.8.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",