@anyknown/ui 0.7.0 → 0.8.1

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 (59) hide show
  1. package/README.md +7 -8
  2. package/dist/brand.css +101 -214
  3. package/dist/components/button/Button.d.ts +3 -2
  4. package/dist/components/button/Button.js +32 -48
  5. package/dist/components/checkbox/Checkbox.js +24 -48
  6. package/dist/components/dialog/Dialog.js +1 -1
  7. package/dist/components/empty-state/EmptyState.js +1 -1
  8. package/dist/components/ghost/Ghost.d.ts +16 -0
  9. package/dist/components/ghost/Ghost.js +50 -0
  10. package/dist/components/group/Group.d.ts +66 -0
  11. package/dist/components/group/Group.js +166 -0
  12. package/dist/components/handoff-receipt/HandoffReceipt.js +12 -42
  13. package/dist/components/icon/Chevron.d.ts +9 -0
  14. package/dist/components/icon/Chevron.js +6 -0
  15. package/dist/components/icon/icon.d.ts +35 -0
  16. package/dist/components/icon/icon.js +10 -0
  17. package/dist/components/icon-button/IconButton.d.ts +17 -0
  18. package/dist/components/icon-button/IconButton.js +66 -0
  19. package/dist/components/input/Input.d.ts +3 -1
  20. package/dist/components/input/Input.js +3 -2
  21. package/dist/components/page/Page.d.ts +64 -0
  22. package/dist/components/page/Page.js +163 -0
  23. package/dist/components/popover/Popover.js +1 -1
  24. package/dist/components/progress/Progress.js +49 -104
  25. package/dist/components/radio/Radio.js +17 -28
  26. package/dist/components/segmented/Segmented.d.ts +12 -0
  27. package/dist/components/segmented/Segmented.js +43 -0
  28. package/dist/components/settings-rows/SettingsRows.d.ts +25 -0
  29. package/dist/components/settings-rows/SettingsRows.js +63 -0
  30. package/dist/components/spin/Spin.d.ts +5 -0
  31. package/dist/components/spin/Spin.js +25 -0
  32. package/dist/components/status-chip/StatusChip.d.ts +18 -0
  33. package/dist/components/status-chip/StatusChip.js +68 -0
  34. package/dist/components/switch/Switch.js +20 -63
  35. package/dist/components/table/Table.d.ts +39 -0
  36. package/dist/components/table/Table.js +125 -0
  37. package/dist/components/table/TableCells.d.ts +52 -0
  38. package/dist/components/table/TableCells.js +103 -0
  39. package/dist/components/tabs/Tabs.js +16 -48
  40. package/dist/components/text/Text.js +2 -2
  41. package/dist/components/toast/Toast.js +7 -8
  42. package/dist/index.d.ts +11 -0
  43. package/dist/index.js +11 -0
  44. package/dist/themes.stylex.d.ts +33 -496
  45. package/dist/themes.stylex.js +25 -253
  46. package/dist/tokens.css +53 -126
  47. package/dist/tokens.stylex.d.ts +36 -54
  48. package/dist/tokens.stylex.js +62 -90
  49. package/package.json +1 -1
  50. package/dist/lib/paths.d.ts +0 -3
  51. package/dist/lib/paths.js +0 -11
  52. package/dist/lib/progress.d.ts +0 -2
  53. package/dist/lib/progress.js +0 -28
  54. package/dist/lib/silk.d.ts +0 -66
  55. package/dist/lib/silk.js +0 -337
  56. package/dist/lib/svgId.d.ts +0 -1
  57. package/dist/lib/svgId.js +0 -4
  58. package/dist/lib/weave.d.ts +0 -28
  59. package/dist/lib/weave.js +0 -83
@@ -30,63 +30,18 @@ export declare const lightColor: stylex.Theme<stylex.VarGroup<Readonly<{
30
30
  layer4: string;
31
31
  layer5: string;
32
32
  }>, symbol>, symbol>;
33
- export declare const lightYarn: stylex.Theme<stylex.VarGroup<Readonly<{
34
- un: string;
35
- sh: string;
36
- y0: string;
37
- y1: string;
38
- y2: string;
39
- y3: string;
40
- y4: string;
41
- hi: string;
42
- shadow: string;
43
- }>, symbol>, symbol>;
44
- export declare const lightYarnSecondary: stylex.Theme<stylex.VarGroup<Readonly<{
45
- un: string;
46
- sh: string;
47
- y0: string;
48
- y1: string;
49
- y2: string;
50
- y3: string;
51
- y4: string;
52
- hi: string;
53
- shadow: string;
54
- }>, symbol>, symbol>;
55
- export declare const lightYarnGhost: stylex.Theme<stylex.VarGroup<Readonly<{
56
- un: string;
57
- sh: string;
58
- y0: string;
59
- y1: string;
60
- y2: string;
61
- y3: string;
62
- y4: string;
63
- hi: string;
64
- shadow: string;
65
- }>, symbol>, symbol>;
66
- export declare const lightYarnDanger: stylex.Theme<stylex.VarGroup<Readonly<{
67
- un: string;
68
- sh: string;
69
- y0: string;
70
- y1: string;
71
- y2: string;
72
- y3: string;
73
- y4: string;
74
- hi: string;
75
- shadow: string;
76
- }>, symbol>, symbol>;
77
- export declare const lightYarnSubtle: stylex.Theme<stylex.VarGroup<Readonly<{
78
- un: string;
79
- sh: string;
80
- y0: string;
81
- y1: string;
82
- y2: string;
83
- y3: string;
84
- y4: string;
85
- hi: string;
86
- }>, symbol>, symbol>;
87
33
  export declare const lightShadow: stylex.Theme<stylex.VarGroup<Readonly<{
88
34
  popover: string;
89
35
  raised: string;
36
+ pop: string;
37
+ sheet: string;
38
+ dock: string;
39
+ }>, symbol>, symbol>;
40
+ export declare const lightTone: stylex.Theme<stylex.VarGroup<Readonly<{
41
+ layer6: string;
42
+ faint: string;
43
+ railLayer2: string;
44
+ railLayer3: string;
90
45
  }>, symbol>, symbol>;
91
46
  export declare const darkColor: stylex.Theme<stylex.VarGroup<Readonly<{
92
47
  bg: string;
@@ -119,156 +74,18 @@ export declare const darkColor: stylex.Theme<stylex.VarGroup<Readonly<{
119
74
  layer4: string;
120
75
  layer5: string;
121
76
  }>, symbol>, symbol>;
122
- export declare const darkYarn: stylex.Theme<stylex.VarGroup<Readonly<{
123
- un: string;
124
- sh: string;
125
- y0: string;
126
- y1: string;
127
- y2: string;
128
- y3: string;
129
- y4: string;
130
- hi: string;
131
- shadow: string;
132
- }>, symbol>, symbol>;
133
- export declare const darkYarnSecondary: stylex.Theme<stylex.VarGroup<Readonly<{
134
- un: string;
135
- sh: string;
136
- y0: string;
137
- y1: string;
138
- y2: string;
139
- y3: string;
140
- y4: string;
141
- hi: string;
142
- shadow: string;
143
- }>, symbol>, symbol>;
144
- export declare const darkYarnGhost: stylex.Theme<stylex.VarGroup<Readonly<{
145
- un: string;
146
- sh: string;
147
- y0: string;
148
- y1: string;
149
- y2: string;
150
- y3: string;
151
- y4: string;
152
- hi: string;
153
- shadow: string;
154
- }>, symbol>, symbol>;
155
- export declare const darkYarnDanger: stylex.Theme<stylex.VarGroup<Readonly<{
156
- un: string;
157
- sh: string;
158
- y0: string;
159
- y1: string;
160
- y2: string;
161
- y3: string;
162
- y4: string;
163
- hi: string;
164
- shadow: string;
165
- }>, symbol>, symbol>;
166
- export declare const darkYarnSubtle: stylex.Theme<stylex.VarGroup<Readonly<{
167
- un: string;
168
- sh: string;
169
- y0: string;
170
- y1: string;
171
- y2: string;
172
- y3: string;
173
- y4: string;
174
- hi: string;
175
- }>, symbol>, symbol>;
176
77
  export declare const darkShadow: stylex.Theme<stylex.VarGroup<Readonly<{
177
78
  popover: string;
178
79
  raised: string;
80
+ pop: string;
81
+ sheet: string;
82
+ dock: string;
179
83
  }>, symbol>, symbol>;
180
- export declare const neutralColor: stylex.Theme<stylex.VarGroup<Readonly<{
181
- bg: string;
182
- surface: string;
183
- surfaceRaised: string;
184
- border: string;
185
- borderStrong: string;
186
- text: string;
187
- textMuted: string;
188
- textFaint: string;
189
- accent: string;
190
- accentText: string;
191
- accentSubtle: string;
192
- danger: string;
193
- dangerSubtle: string;
194
- success: string;
195
- successSubtle: string;
196
- warning: string;
197
- warningSubtle: string;
198
- info: string;
199
- infoSubtle: string;
200
- focusRing: string;
201
- bone: string;
202
- sheen: string;
203
- successHl: string;
204
- dangerHl: string;
205
- layer1: string;
206
- layer2: string;
207
- layer3: string;
208
- layer4: string;
209
- layer5: string;
210
- }>, symbol>, symbol>;
211
- export declare const neutralLightColor: stylex.Theme<stylex.VarGroup<Readonly<{
212
- bg: string;
213
- surface: string;
214
- surfaceRaised: string;
215
- border: string;
216
- borderStrong: string;
217
- text: string;
218
- textMuted: string;
219
- textFaint: string;
220
- accent: string;
221
- accentText: string;
222
- accentSubtle: string;
223
- danger: string;
224
- dangerSubtle: string;
225
- success: string;
226
- successSubtle: string;
227
- warning: string;
228
- warningSubtle: string;
229
- info: string;
230
- infoSubtle: string;
231
- focusRing: string;
232
- bone: string;
233
- sheen: string;
234
- successHl: string;
235
- dangerHl: string;
236
- layer1: string;
237
- layer2: string;
238
- layer3: string;
239
- layer4: string;
240
- layer5: string;
241
- }>, symbol>, symbol>;
242
- export declare const neutralDarkColor: stylex.Theme<stylex.VarGroup<Readonly<{
243
- bg: string;
244
- surface: string;
245
- surfaceRaised: string;
246
- border: string;
247
- borderStrong: string;
248
- text: string;
249
- textMuted: string;
250
- textFaint: string;
251
- accent: string;
252
- accentText: string;
253
- accentSubtle: string;
254
- danger: string;
255
- dangerSubtle: string;
256
- success: string;
257
- successSubtle: string;
258
- warning: string;
259
- warningSubtle: string;
260
- info: string;
261
- infoSubtle: string;
262
- focusRing: string;
263
- bone: string;
264
- sheen: string;
265
- successHl: string;
266
- dangerHl: string;
267
- layer1: string;
268
- layer2: string;
269
- layer3: string;
270
- layer4: string;
271
- layer5: string;
84
+ export declare const darkTone: stylex.Theme<stylex.VarGroup<Readonly<{
85
+ layer6: string;
86
+ faint: string;
87
+ railLayer2: string;
88
+ railLayer3: string;
272
89
  }>, symbol>, symbol>;
273
90
  /** 套在 root element 上:`<div {...stylex.props(...light)}>` */
274
91
  export declare const light: readonly [stylex.Theme<stylex.VarGroup<Readonly<{
@@ -301,58 +118,17 @@ export declare const light: readonly [stylex.Theme<stylex.VarGroup<Readonly<{
301
118
  layer3: string;
302
119
  layer4: string;
303
120
  layer5: string;
304
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
305
- un: string;
306
- sh: string;
307
- y0: string;
308
- y1: string;
309
- y2: string;
310
- y3: string;
311
- y4: string;
312
- hi: string;
313
- shadow: string;
314
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
315
- un: string;
316
- sh: string;
317
- y0: string;
318
- y1: string;
319
- y2: string;
320
- y3: string;
321
- y4: string;
322
- hi: string;
323
- shadow: string;
324
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
325
- un: string;
326
- sh: string;
327
- y0: string;
328
- y1: string;
329
- y2: string;
330
- y3: string;
331
- y4: string;
332
- hi: string;
333
- shadow: string;
334
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
335
- un: string;
336
- sh: string;
337
- y0: string;
338
- y1: string;
339
- y2: string;
340
- y3: string;
341
- y4: string;
342
- hi: string;
343
- shadow: string;
344
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
345
- un: string;
346
- sh: string;
347
- y0: string;
348
- y1: string;
349
- y2: string;
350
- y3: string;
351
- y4: string;
352
- hi: string;
353
121
  }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
354
122
  popover: string;
355
123
  raised: string;
124
+ pop: string;
125
+ sheet: string;
126
+ dock: string;
127
+ }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
128
+ layer6: string;
129
+ faint: string;
130
+ railLayer2: string;
131
+ railLayer3: string;
356
132
  }>, symbol>, symbol>];
357
133
  export declare const dark: readonly [stylex.Theme<stylex.VarGroup<Readonly<{
358
134
  bg: string;
@@ -384,254 +160,15 @@ export declare const dark: readonly [stylex.Theme<stylex.VarGroup<Readonly<{
384
160
  layer3: string;
385
161
  layer4: string;
386
162
  layer5: string;
387
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
388
- un: string;
389
- sh: string;
390
- y0: string;
391
- y1: string;
392
- y2: string;
393
- y3: string;
394
- y4: string;
395
- hi: string;
396
- shadow: string;
397
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
398
- un: string;
399
- sh: string;
400
- y0: string;
401
- y1: string;
402
- y2: string;
403
- y3: string;
404
- y4: string;
405
- hi: string;
406
- shadow: string;
407
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
408
- un: string;
409
- sh: string;
410
- y0: string;
411
- y1: string;
412
- y2: string;
413
- y3: string;
414
- y4: string;
415
- hi: string;
416
- shadow: string;
417
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
418
- un: string;
419
- sh: string;
420
- y0: string;
421
- y1: string;
422
- y2: string;
423
- y3: string;
424
- y4: string;
425
- hi: string;
426
- shadow: string;
427
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
428
- un: string;
429
- sh: string;
430
- y0: string;
431
- y1: string;
432
- y2: string;
433
- y3: string;
434
- y4: string;
435
- hi: string;
436
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
437
- popover: string;
438
- raised: string;
439
- }>, symbol>, symbol>];
440
- /** neutral palette。`neutral` 跟隨系統 scheme,另外兩個鎖定。 */
441
- export declare const neutral: readonly [stylex.Theme<stylex.VarGroup<Readonly<{
442
- bg: string;
443
- surface: string;
444
- surfaceRaised: string;
445
- border: string;
446
- borderStrong: string;
447
- text: string;
448
- textMuted: string;
449
- textFaint: string;
450
- accent: string;
451
- accentText: string;
452
- accentSubtle: string;
453
- danger: string;
454
- dangerSubtle: string;
455
- success: string;
456
- successSubtle: string;
457
- warning: string;
458
- warningSubtle: string;
459
- info: string;
460
- infoSubtle: string;
461
- focusRing: string;
462
- bone: string;
463
- sheen: string;
464
- successHl: string;
465
- dangerHl: string;
466
- layer1: string;
467
- layer2: string;
468
- layer3: string;
469
- layer4: string;
470
- layer5: string;
471
- }>, symbol>, symbol>];
472
- export declare const neutralLight: readonly [stylex.Theme<stylex.VarGroup<Readonly<{
473
- bg: string;
474
- surface: string;
475
- surfaceRaised: string;
476
- border: string;
477
- borderStrong: string;
478
- text: string;
479
- textMuted: string;
480
- textFaint: string;
481
- accent: string;
482
- accentText: string;
483
- accentSubtle: string;
484
- danger: string;
485
- dangerSubtle: string;
486
- success: string;
487
- successSubtle: string;
488
- warning: string;
489
- warningSubtle: string;
490
- info: string;
491
- infoSubtle: string;
492
- focusRing: string;
493
- bone: string;
494
- sheen: string;
495
- successHl: string;
496
- dangerHl: string;
497
- layer1: string;
498
- layer2: string;
499
- layer3: string;
500
- layer4: string;
501
- layer5: string;
502
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
503
- un: string;
504
- sh: string;
505
- y0: string;
506
- y1: string;
507
- y2: string;
508
- y3: string;
509
- y4: string;
510
- hi: string;
511
- shadow: string;
512
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
513
- un: string;
514
- sh: string;
515
- y0: string;
516
- y1: string;
517
- y2: string;
518
- y3: string;
519
- y4: string;
520
- hi: string;
521
- shadow: string;
522
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
523
- un: string;
524
- sh: string;
525
- y0: string;
526
- y1: string;
527
- y2: string;
528
- y3: string;
529
- y4: string;
530
- hi: string;
531
- shadow: string;
532
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
533
- un: string;
534
- sh: string;
535
- y0: string;
536
- y1: string;
537
- y2: string;
538
- y3: string;
539
- y4: string;
540
- hi: string;
541
- shadow: string;
542
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
543
- un: string;
544
- sh: string;
545
- y0: string;
546
- y1: string;
547
- y2: string;
548
- y3: string;
549
- y4: string;
550
- hi: string;
551
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
552
- popover: string;
553
- raised: string;
554
- }>, symbol>, symbol>];
555
- export declare const neutralDark: readonly [stylex.Theme<stylex.VarGroup<Readonly<{
556
- bg: string;
557
- surface: string;
558
- surfaceRaised: string;
559
- border: string;
560
- borderStrong: string;
561
- text: string;
562
- textMuted: string;
563
- textFaint: string;
564
- accent: string;
565
- accentText: string;
566
- accentSubtle: string;
567
- danger: string;
568
- dangerSubtle: string;
569
- success: string;
570
- successSubtle: string;
571
- warning: string;
572
- warningSubtle: string;
573
- info: string;
574
- infoSubtle: string;
575
- focusRing: string;
576
- bone: string;
577
- sheen: string;
578
- successHl: string;
579
- dangerHl: string;
580
- layer1: string;
581
- layer2: string;
582
- layer3: string;
583
- layer4: string;
584
- layer5: string;
585
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
586
- un: string;
587
- sh: string;
588
- y0: string;
589
- y1: string;
590
- y2: string;
591
- y3: string;
592
- y4: string;
593
- hi: string;
594
- shadow: string;
595
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
596
- un: string;
597
- sh: string;
598
- y0: string;
599
- y1: string;
600
- y2: string;
601
- y3: string;
602
- y4: string;
603
- hi: string;
604
- shadow: string;
605
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
606
- un: string;
607
- sh: string;
608
- y0: string;
609
- y1: string;
610
- y2: string;
611
- y3: string;
612
- y4: string;
613
- hi: string;
614
- shadow: string;
615
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
616
- un: string;
617
- sh: string;
618
- y0: string;
619
- y1: string;
620
- y2: string;
621
- y3: string;
622
- y4: string;
623
- hi: string;
624
- shadow: string;
625
- }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
626
- un: string;
627
- sh: string;
628
- y0: string;
629
- y1: string;
630
- y2: string;
631
- y3: string;
632
- y4: string;
633
- hi: string;
634
163
  }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
635
164
  popover: string;
636
165
  raised: string;
166
+ pop: string;
167
+ sheet: string;
168
+ dock: string;
169
+ }>, symbol>, symbol>, stylex.Theme<stylex.VarGroup<Readonly<{
170
+ layer6: string;
171
+ faint: string;
172
+ railLayer2: string;
173
+ railLayer3: string;
637
174
  }>, symbol>, symbol>];