@omni-design/components 0.10.0 → 0.12.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 (53) hide show
  1. package/.claude/commands/ScanComponents.md +1 -1
  2. package/.claude/commands/ShareComponent.md +1 -1
  3. package/CLAUDE.md +5 -3
  4. package/dist/index.esm.js +3 -3
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/index.js +3 -3
  7. package/dist/index.js.map +1 -1
  8. package/dist/types/components/Avatar/AvatarGlyph.d.ts +5 -0
  9. package/dist/types/components/Avatar/index.d.ts +1 -0
  10. package/dist/types/components/Button/Button.d.ts +3 -1
  11. package/dist/types/components/ButtonGroup/ButtonGroup.d.ts +3 -2
  12. package/dist/types/components/Chip/Chip.d.ts +1 -1
  13. package/dist/types/components/Icon/Icon.d.ts +4 -0
  14. package/dist/types/components/IconBadge/IconBadge.d.ts +1 -1
  15. package/dist/types/components/Loader/Loader.d.ts +66 -0
  16. package/dist/types/components/Loader/index.d.ts +1 -0
  17. package/dist/types/components/MiniSwatch/MiniSwatch.d.ts +7 -0
  18. package/dist/types/components/MiniSwatch/index.d.ts +1 -0
  19. package/dist/types/components/Pagination/Pagination.d.ts +3 -1
  20. package/dist/types/components/Radio/Radio.d.ts +6 -2
  21. package/dist/types/components/Rating/Rating.d.ts +3 -1
  22. package/dist/types/components/Slider/Slider.d.ts +9 -3
  23. package/dist/types/components/Stepper/Stepper.d.ts +3 -1
  24. package/dist/types/components/Swatch/Swatch.d.ts +14 -0
  25. package/dist/types/components/Swatch/index.d.ts +1 -0
  26. package/dist/types/components/Switch/Switch.d.ts +24 -8
  27. package/dist/types/components/Switch/index.d.ts +1 -1
  28. package/dist/types/components/Tabs/Tabs.d.ts +17 -1
  29. package/dist/types/components/ToggleButton/index.d.ts +1 -1
  30. package/dist/types/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +26 -42
  31. package/dist/types/components/index.d.ts +5 -0
  32. package/dist/types/docs/DocPanels.d.ts +39 -0
  33. package/dist/types/docs/components.d.ts +212 -0
  34. package/dist/types/docs/componentsData.d.ts +587 -0
  35. package/dist/types/docs/componentsForms.d.ts +597 -0
  36. package/dist/types/docs/componentsNav.d.ts +420 -0
  37. package/dist/types/docs/componentsOverlays.d.ts +379 -0
  38. package/dist/types/docs/componentsRest.d.ts +158 -0
  39. package/dist/types/docs/componentsSurfaces.d.ts +339 -0
  40. package/dist/types/docs/docsLink.d.ts +32 -0
  41. package/dist/types/docs/examples.d.ts +37 -0
  42. package/dist/types/docs/foundations.d.ts +28 -0
  43. package/dist/types/docs/index.d.ts +5 -0
  44. package/docs/components.md +71 -55
  45. package/package.json +1 -1
  46. package/public/styles/Dark-Mode.css +12056 -13009
  47. package/public/styles/Light-Mode.css +11240 -12370
  48. package/public/styles/base.css +364 -182
  49. package/public/styles/core.css +480 -123
  50. package/public/styles/foundation.css +124 -53
  51. package/public/styles/styles.css +5 -5
  52. package/public/styles/theme.json +2 -2
  53. package/public/styles/typography-tokens.css +686 -158
@@ -0,0 +1,597 @@
1
+ export namespace CHECKBOX_DOC {
2
+ let name: string;
3
+ let summary: string;
4
+ let insteadUse: {
5
+ when: string;
6
+ use: string;
7
+ }[];
8
+ let props: ({
9
+ name: string;
10
+ type: string;
11
+ default: string;
12
+ note: string;
13
+ values?: undefined;
14
+ } | {
15
+ name: string;
16
+ type: string;
17
+ values: string[];
18
+ default: string;
19
+ note?: undefined;
20
+ } | {
21
+ name: string;
22
+ type: string;
23
+ default: string;
24
+ note?: undefined;
25
+ values?: undefined;
26
+ })[];
27
+ let states: {
28
+ state: string;
29
+ setBy: string;
30
+ }[];
31
+ let theming: {
32
+ collection: string;
33
+ inCode: string;
34
+ inFigma: string;
35
+ }[];
36
+ let tokens: {
37
+ name: any;
38
+ sets: any;
39
+ variesWith: string;
40
+ figma: string;
41
+ }[];
42
+ let composition: string[];
43
+ let accessibility: string[];
44
+ let gotchas: string[];
45
+ }
46
+ export namespace RADIO_DOC {
47
+ let name_1: string;
48
+ export { name_1 as name };
49
+ let summary_1: string;
50
+ export { summary_1 as summary };
51
+ let insteadUse_1: {
52
+ when: string;
53
+ use: string;
54
+ }[];
55
+ export { insteadUse_1 as insteadUse };
56
+ let props_1: ({
57
+ name: string;
58
+ type: string;
59
+ default: string;
60
+ note?: undefined;
61
+ values?: undefined;
62
+ } | {
63
+ name: string;
64
+ type: string;
65
+ default: string;
66
+ note: string;
67
+ values?: undefined;
68
+ } | {
69
+ name: string;
70
+ type: string;
71
+ values: string[];
72
+ default: string;
73
+ note?: undefined;
74
+ })[];
75
+ export { props_1 as props };
76
+ let states_1: ({
77
+ state: string;
78
+ setBy: string;
79
+ note?: undefined;
80
+ } | {
81
+ state: string;
82
+ setBy: string;
83
+ note: string;
84
+ })[];
85
+ export { states_1 as states };
86
+ let theming_1: {
87
+ collection: string;
88
+ inCode: string;
89
+ inFigma: string;
90
+ }[];
91
+ export { theming_1 as theming };
92
+ export let themingNotes: string[];
93
+ let tokens_1: {
94
+ name: any;
95
+ sets: any;
96
+ variesWith: string;
97
+ figma: string;
98
+ }[];
99
+ export { tokens_1 as tokens };
100
+ let composition_1: string[];
101
+ export { composition_1 as composition };
102
+ let accessibility_1: string[];
103
+ export { accessibility_1 as accessibility };
104
+ let gotchas_1: string[];
105
+ export { gotchas_1 as gotchas };
106
+ }
107
+ export namespace SWITCH_DOC {
108
+ let name_2: string;
109
+ export { name_2 as name };
110
+ let summary_2: string;
111
+ export { summary_2 as summary };
112
+ let insteadUse_2: {
113
+ when: string;
114
+ use: string;
115
+ }[];
116
+ export { insteadUse_2 as insteadUse };
117
+ let props_2: ({
118
+ name: string;
119
+ type: string;
120
+ default: string;
121
+ note: string;
122
+ values?: undefined;
123
+ } | {
124
+ name: string;
125
+ type: string;
126
+ values: string[];
127
+ default: string;
128
+ note?: undefined;
129
+ } | {
130
+ name: string;
131
+ type: string;
132
+ default: string;
133
+ note?: undefined;
134
+ values?: undefined;
135
+ })[];
136
+ export { props_2 as props };
137
+ let states_2: {
138
+ state: string;
139
+ setBy: string;
140
+ }[];
141
+ export { states_2 as states };
142
+ let theming_2: {
143
+ collection: string;
144
+ inCode: string;
145
+ inFigma: string;
146
+ }[];
147
+ export { theming_2 as theming };
148
+ let tokens_2: {
149
+ name: any;
150
+ sets: any;
151
+ variesWith: string;
152
+ figma: string;
153
+ }[];
154
+ export { tokens_2 as tokens };
155
+ let composition_2: string[];
156
+ export { composition_2 as composition };
157
+ let accessibility_2: string[];
158
+ export { accessibility_2 as accessibility };
159
+ let gotchas_2: string[];
160
+ export { gotchas_2 as gotchas };
161
+ export let changes: ({
162
+ version: string;
163
+ change: string;
164
+ silent: boolean;
165
+ migrate?: undefined;
166
+ } | {
167
+ version: string;
168
+ change: string;
169
+ migrate: string;
170
+ silent: boolean;
171
+ })[];
172
+ }
173
+ export namespace CHIP_DOC {
174
+ let name_3: string;
175
+ export { name_3 as name };
176
+ let summary_3: string;
177
+ export { summary_3 as summary };
178
+ let insteadUse_3: {
179
+ when: string;
180
+ use: string;
181
+ }[];
182
+ export { insteadUse_3 as insteadUse };
183
+ let props_3: ({
184
+ name: string;
185
+ type: string;
186
+ default: string;
187
+ note?: undefined;
188
+ } | {
189
+ name: string;
190
+ type: string;
191
+ default: string;
192
+ note: string;
193
+ })[];
194
+ export { props_3 as props };
195
+ let states_3: {
196
+ state: string;
197
+ setBy: string;
198
+ }[];
199
+ export { states_3 as states };
200
+ let theming_3: {
201
+ collection: string;
202
+ inCode: string;
203
+ inFigma: string;
204
+ }[];
205
+ export { theming_3 as theming };
206
+ let themingNotes_1: string[];
207
+ export { themingNotes_1 as themingNotes };
208
+ let tokens_3: {
209
+ name: any;
210
+ sets: any;
211
+ variesWith: string;
212
+ figma: string;
213
+ }[];
214
+ export { tokens_3 as tokens };
215
+ let composition_3: string[];
216
+ export { composition_3 as composition };
217
+ let accessibility_3: string[];
218
+ export { accessibility_3 as accessibility };
219
+ let gotchas_3: string[];
220
+ export { gotchas_3 as gotchas };
221
+ let changes_1: ({
222
+ version: string;
223
+ change: string;
224
+ migrate: string;
225
+ silent: boolean;
226
+ } | {
227
+ version: string;
228
+ change: string;
229
+ silent: boolean;
230
+ migrate?: undefined;
231
+ })[];
232
+ export { changes_1 as changes };
233
+ }
234
+ export namespace ALERT_DOC {
235
+ let name_4: string;
236
+ export { name_4 as name };
237
+ let summary_4: string;
238
+ export { summary_4 as summary };
239
+ let insteadUse_4: {
240
+ when: string;
241
+ use: string;
242
+ }[];
243
+ export { insteadUse_4 as insteadUse };
244
+ let props_4: ({
245
+ name: string;
246
+ type: string;
247
+ default: string;
248
+ values?: undefined;
249
+ } | {
250
+ name: string;
251
+ type: string;
252
+ values: string[];
253
+ default: string;
254
+ })[];
255
+ export { props_4 as props };
256
+ let states_4: {
257
+ state: string;
258
+ setBy: string;
259
+ note: string;
260
+ }[];
261
+ export { states_4 as states };
262
+ let theming_4: {
263
+ collection: string;
264
+ inCode: string;
265
+ inFigma: string;
266
+ }[];
267
+ export { theming_4 as theming };
268
+ let tokens_4: {
269
+ name: any;
270
+ sets: any;
271
+ variesWith: string;
272
+ figma: string;
273
+ }[];
274
+ export { tokens_4 as tokens };
275
+ let composition_4: string[];
276
+ export { composition_4 as composition };
277
+ let accessibility_4: string[];
278
+ export { accessibility_4 as accessibility };
279
+ let gotchas_4: string[];
280
+ export { gotchas_4 as gotchas };
281
+ }
282
+ export namespace BADGE_DOC {
283
+ let name_5: string;
284
+ export { name_5 as name };
285
+ let summary_5: string;
286
+ export { summary_5 as summary };
287
+ let insteadUse_5: {
288
+ when: string;
289
+ use: string;
290
+ }[];
291
+ export { insteadUse_5 as insteadUse };
292
+ let props_5: ({
293
+ name: string;
294
+ type: string;
295
+ default: string;
296
+ note?: undefined;
297
+ values?: undefined;
298
+ } | {
299
+ name: string;
300
+ type: string;
301
+ default: string;
302
+ note: string;
303
+ values?: undefined;
304
+ } | {
305
+ name: string;
306
+ type: string;
307
+ values: string[];
308
+ default: string;
309
+ note?: undefined;
310
+ })[];
311
+ export { props_5 as props };
312
+ let states_5: {
313
+ state: string;
314
+ setBy: string;
315
+ note: string;
316
+ }[];
317
+ export { states_5 as states };
318
+ let theming_5: {
319
+ collection: string;
320
+ inCode: string;
321
+ inFigma: string;
322
+ }[];
323
+ export { theming_5 as theming };
324
+ let tokens_5: {
325
+ name: any;
326
+ sets: any;
327
+ variesWith: string;
328
+ figma: string;
329
+ }[];
330
+ export { tokens_5 as tokens };
331
+ let composition_5: string[];
332
+ export { composition_5 as composition };
333
+ let accessibility_5: string[];
334
+ export { accessibility_5 as accessibility };
335
+ let gotchas_5: string[];
336
+ export { gotchas_5 as gotchas };
337
+ let changes_2: ({
338
+ version: string;
339
+ change: string;
340
+ migrate: string;
341
+ silent: boolean;
342
+ } | {
343
+ version: string;
344
+ change: string;
345
+ migrate: string;
346
+ silent?: undefined;
347
+ })[];
348
+ export { changes_2 as changes };
349
+ }
350
+ export namespace AVATAR_DOC {
351
+ let name_6: string;
352
+ export { name_6 as name };
353
+ let summary_6: string;
354
+ export { summary_6 as summary };
355
+ let insteadUse_6: {
356
+ when: string;
357
+ use: string;
358
+ }[];
359
+ export { insteadUse_6 as insteadUse };
360
+ let props_6: ({
361
+ name: string;
362
+ type: string;
363
+ default: string;
364
+ note?: undefined;
365
+ values?: undefined;
366
+ } | {
367
+ name: string;
368
+ type: string;
369
+ default: string;
370
+ note: string;
371
+ values?: undefined;
372
+ } | {
373
+ name: string;
374
+ type: string;
375
+ values: string[];
376
+ default: string;
377
+ note?: undefined;
378
+ })[];
379
+ export { props_6 as props };
380
+ let states_6: {
381
+ state: string;
382
+ setBy: string;
383
+ note: string;
384
+ }[];
385
+ export { states_6 as states };
386
+ let theming_6: {
387
+ collection: string;
388
+ inCode: string;
389
+ inFigma: string;
390
+ }[];
391
+ export { theming_6 as theming };
392
+ let tokens_6: {
393
+ name: any;
394
+ sets: any;
395
+ variesWith: string;
396
+ figma: string;
397
+ }[];
398
+ export { tokens_6 as tokens };
399
+ let composition_6: string[];
400
+ export { composition_6 as composition };
401
+ let accessibility_6: string[];
402
+ export { accessibility_6 as accessibility };
403
+ let gotchas_6: string[];
404
+ export { gotchas_6 as gotchas };
405
+ }
406
+ export namespace INPUT_DOC {
407
+ let name_7: string;
408
+ export { name_7 as name };
409
+ let summary_7: string;
410
+ export { summary_7 as summary };
411
+ let insteadUse_7: {
412
+ when: string;
413
+ use: string;
414
+ }[];
415
+ export { insteadUse_7 as insteadUse };
416
+ let props_7: ({
417
+ name: string;
418
+ type: string;
419
+ default: string;
420
+ values?: undefined;
421
+ note?: undefined;
422
+ } | {
423
+ name: string;
424
+ type: string;
425
+ values: string[];
426
+ default: string;
427
+ note?: undefined;
428
+ } | {
429
+ name: string;
430
+ type: string;
431
+ default: string;
432
+ note: string;
433
+ values?: undefined;
434
+ })[];
435
+ export { props_7 as props };
436
+ let states_7: ({
437
+ state: string;
438
+ setBy: string;
439
+ note?: undefined;
440
+ } | {
441
+ state: string;
442
+ setBy: string;
443
+ note: string;
444
+ })[];
445
+ export { states_7 as states };
446
+ let theming_7: {
447
+ collection: string;
448
+ inCode: string;
449
+ inFigma: string;
450
+ }[];
451
+ export { theming_7 as theming };
452
+ let tokens_7: {
453
+ name: any;
454
+ sets: any;
455
+ variesWith: string;
456
+ figma: string;
457
+ }[];
458
+ export { tokens_7 as tokens };
459
+ let composition_7: string[];
460
+ export { composition_7 as composition };
461
+ let accessibility_7: string[];
462
+ export { accessibility_7 as accessibility };
463
+ let gotchas_7: string[];
464
+ export { gotchas_7 as gotchas };
465
+ }
466
+ /** @type {import('./componentDoc').ComponentDoc} */
467
+ export const SWATCH_DOC: import("./componentDoc").ComponentDoc;
468
+ export const FORM_DOCS: ({
469
+ name: string;
470
+ summary: string;
471
+ insteadUse: {
472
+ when: string;
473
+ use: string;
474
+ }[];
475
+ props: ({
476
+ name: string;
477
+ type: string;
478
+ default: string;
479
+ note: string;
480
+ values?: undefined;
481
+ } | {
482
+ name: string;
483
+ type: string;
484
+ values: string[];
485
+ default: string;
486
+ note?: undefined;
487
+ } | {
488
+ name: string;
489
+ type: string;
490
+ default: string;
491
+ note?: undefined;
492
+ values?: undefined;
493
+ })[];
494
+ states: {
495
+ state: string;
496
+ setBy: string;
497
+ }[];
498
+ theming: {
499
+ collection: string;
500
+ inCode: string;
501
+ inFigma: string;
502
+ }[];
503
+ tokens: {
504
+ name: any;
505
+ sets: any;
506
+ variesWith: string;
507
+ figma: string;
508
+ }[];
509
+ composition: string[];
510
+ accessibility: string[];
511
+ gotchas: string[];
512
+ } | {
513
+ name: string;
514
+ summary: string;
515
+ insteadUse: {
516
+ when: string;
517
+ use: string;
518
+ }[];
519
+ props: ({
520
+ name: string;
521
+ type: string;
522
+ default: string;
523
+ note?: undefined;
524
+ } | {
525
+ name: string;
526
+ type: string;
527
+ default: string;
528
+ note: string;
529
+ })[];
530
+ states: {
531
+ state: string;
532
+ setBy: string;
533
+ }[];
534
+ theming: {
535
+ collection: string;
536
+ inCode: string;
537
+ inFigma: string;
538
+ }[];
539
+ themingNotes: string[];
540
+ tokens: {
541
+ name: any;
542
+ sets: any;
543
+ variesWith: string;
544
+ figma: string;
545
+ }[];
546
+ composition: string[];
547
+ accessibility: string[];
548
+ gotchas: string[];
549
+ changes: ({
550
+ version: string;
551
+ change: string;
552
+ migrate: string;
553
+ silent: boolean;
554
+ } | {
555
+ version: string;
556
+ change: string;
557
+ silent: boolean;
558
+ migrate?: undefined;
559
+ })[];
560
+ } | {
561
+ name: string;
562
+ summary: string;
563
+ insteadUse: {
564
+ when: string;
565
+ use: string;
566
+ }[];
567
+ props: ({
568
+ name: string;
569
+ type: string;
570
+ default: string;
571
+ values?: undefined;
572
+ } | {
573
+ name: string;
574
+ type: string;
575
+ values: string[];
576
+ default: string;
577
+ })[];
578
+ states: {
579
+ state: string;
580
+ setBy: string;
581
+ note: string;
582
+ }[];
583
+ theming: {
584
+ collection: string;
585
+ inCode: string;
586
+ inFigma: string;
587
+ }[];
588
+ tokens: {
589
+ name: any;
590
+ sets: any;
591
+ variesWith: string;
592
+ figma: string;
593
+ }[];
594
+ composition: string[];
595
+ accessibility: string[];
596
+ gotchas: string[];
597
+ } | import("./componentDoc").ComponentDoc)[];