@once-ui-system/core 1.7.9 → 1.7.10

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 (20) hide show
  1. package/ai/eval-tasks.md +71 -0
  2. package/ai/recipes.md +149 -0
  3. package/ai/rules.md +217 -0
  4. package/ai/spec.json +2702 -0
  5. package/dist/components/Column.d.ts +1 -1
  6. package/dist/components/Column.d.ts.map +1 -1
  7. package/dist/components/Column.js +1 -2
  8. package/dist/components/Column.js.map +1 -1
  9. package/dist/components/Grid.d.ts.map +1 -1
  10. package/dist/components/Grid.js +0 -1
  11. package/dist/components/Grid.js.map +1 -1
  12. package/dist/components/Row.d.ts +1 -1
  13. package/dist/components/Row.d.ts.map +1 -1
  14. package/dist/components/Row.js +1 -2
  15. package/dist/components/Row.js.map +1 -1
  16. package/dist/data/emoji-data.json +0 -18
  17. package/dist/modules/navigation/HeadingNav.js +1 -1
  18. package/dist/modules/navigation/HeadingNav.js.map +1 -1
  19. package/dist/package.json +1 -1
  20. package/package.json +3 -2
package/ai/spec.json ADDED
@@ -0,0 +1,2702 @@
1
+ {
2
+ "name": "@once-ui-system/core",
3
+ "version": "1.7.9",
4
+ "generated": "2026-06-12",
5
+ "format": "props are 'type', 'type = default', or '!type' (required). Components with 'mixins' also accept all props of those mixins. 'extends' means all props of that component are accepted.",
6
+ "tokens": {
7
+ "StaticSpacingToken": "\"0\" | \"1\" | \"2\" | \"4\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"56\" | \"64\" | \"80\" | \"104\" | \"128\" | \"160\"",
8
+ "TShirtSizes": "CondensedTShirtSizes | \"xs\" | \"xl\"",
9
+ "ResponsiveSpacingToken": "TShirtSizes",
10
+ "ShadowSize": "TShirtSizes",
11
+ "SpacingToken": "StaticSpacingToken | ResponsiveSpacingToken",
12
+ "CSSUnit": "`${number}%` | `${number}vh` | `${number}dvh` | `${number}vw` | `calc(${string})`",
13
+ "opacity": "0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100",
14
+ "ColorScheme": "\"neutral\" | \"brand\" | \"accent\" | \"info\" | \"danger\" | \"warning\" | \"success\"",
15
+ "ColorWeight": "\"weak\" | \"medium\" | \"strong\"",
16
+ "Colors": "`${ColorScheme}-${ColorWeight}` | `${ColorScheme}-alpha-${ColorWeight}`",
17
+ "RadiusSize": "TShirtSizes | \"full\" | \"none\"",
18
+ "TextType": "\"body\" | \"heading\" | \"display\" | \"label\" | \"code\"",
19
+ "TextWeight": "\"default\" | \"strong\"",
20
+ "TextSize": "TShirtSizes",
21
+ "TextVariant": "`${TextType}-${TextWeight}-${TextSize}`",
22
+ "gridSize": "\"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\" | \"11\" | \"12\" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
23
+ "flex": "\"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\" | \"11\" | \"12\" | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
24
+ "IconName": "\"chevronUp\" | \"chevronDown\" | \"chevronRight\" | \"chevronLeft\" | \"chevronsLeftRight\" | \"refresh\" | \"light\" | \"dark\" | \"help\" | \"info\" | \"warning\" | \"danger\" | \"checkbox\" | \"check\" | \"copy\" | \"eyeDropper\" | \"clipboard\" | \"person\" | \"close\" | \"link\" | \"arrowUpRight\" | \"minus\" | \"plus\" | \"calendar\" | \"eye\" | \"eyeOff\" | \"search\" | \"security\" | \"sparkle\" | \"computer\" | \"minimize\" | \"maximize\" | \"smiley\" | \"paw\" | \"food\" | \"ball\" | \"world\" | \"gift\" | \"symbol\" | \"flag\" | \"wordmark\" | \"enter\" | \"play\" | \"pause\" | \"screen\" | \"document\" | \"radialGauge\" | \"linearGauge\" | \"opacity\""
25
+ },
26
+ "mixins": {
27
+ "CommonProps": {
28
+ "onBackground": "Colors",
29
+ "onSolid": "Colors",
30
+ "align": "CSSProperties[\"textAlign\"]"
31
+ },
32
+ "DisplayProps": {
33
+ "as": "ElementType",
34
+ "inline": "boolean",
35
+ "hide": "boolean",
36
+ "pointerEvents": "\"none\" | \"all\" | \"auto\"",
37
+ "position": "CSSProperties[\"position\"]",
38
+ "overflow": "CSSProperties[\"overflow\"]",
39
+ "overflowX": "CSSProperties[\"overflowX\"]",
40
+ "overflowY": "CSSProperties[\"overflowY\"]",
41
+ "scrollbar": "\"default\" | \"minimal\"",
42
+ "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
43
+ "opacity": "opacity",
44
+ "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
45
+ "dark": "boolean",
46
+ "light": "boolean"
47
+ },
48
+ "FlexBreakpointProps": {
49
+ "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
50
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
51
+ "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
52
+ "center": "boolean",
53
+ "overflow": "CSSProperties[\"overflow\"]",
54
+ "overflowX": "CSSProperties[\"overflowX\"]",
55
+ "overflowY": "CSSProperties[\"overflowY\"]",
56
+ "top": "SpacingToken",
57
+ "right": "SpacingToken",
58
+ "bottom": "SpacingToken",
59
+ "left": "SpacingToken",
60
+ "aspectRatio": "CSSProperties[\"aspectRatio\"]",
61
+ "style": "CSSProperties"
62
+ },
63
+ "FlexProps": {
64
+ "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
65
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
66
+ "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
67
+ "center": "boolean",
68
+ "wrap": "boolean",
69
+ "flex": "flex"
70
+ },
71
+ "GridBreakpointProps": {
72
+ "columns": "GridProps[\"columns\"]",
73
+ "overflow": "CSSProperties[\"overflow\"]",
74
+ "overflowX": "CSSProperties[\"overflowX\"]",
75
+ "overflowY": "CSSProperties[\"overflowY\"]",
76
+ "top": "SpacingToken",
77
+ "right": "SpacingToken",
78
+ "bottom": "SpacingToken",
79
+ "left": "SpacingToken",
80
+ "aspectRatio": "CSSProperties[\"aspectRatio\"]",
81
+ "style": "CSSProperties"
82
+ },
83
+ "GridProps": {
84
+ "columns": "gridSize",
85
+ "rows": "gridSize"
86
+ },
87
+ "SizeProps": {
88
+ "width": "number | SpacingToken | CSSUnit",
89
+ "height": "number | SpacingToken | CSSUnit",
90
+ "maxWidth": "number | SpacingToken | CSSUnit",
91
+ "minWidth": "number | SpacingToken | CSSUnit",
92
+ "minHeight": "number | SpacingToken | CSSUnit",
93
+ "maxHeight": "number | SpacingToken | CSSUnit",
94
+ "fit": "boolean",
95
+ "fitWidth": "boolean",
96
+ "fitHeight": "boolean",
97
+ "fill": "boolean",
98
+ "fillWidth": "boolean",
99
+ "fillHeight": "boolean",
100
+ "aspectRatio": "CSSProperties[\"aspectRatio\"]"
101
+ },
102
+ "SpacingProps": {
103
+ "padding": "SpacingToken | number",
104
+ "paddingLeft": "SpacingToken | number",
105
+ "paddingRight": "SpacingToken | number",
106
+ "paddingTop": "SpacingToken | number",
107
+ "paddingBottom": "SpacingToken | number",
108
+ "paddingX": "SpacingToken | number",
109
+ "paddingY": "SpacingToken | number",
110
+ "margin": "SpacingToken | number",
111
+ "marginLeft": "SpacingToken | number",
112
+ "marginRight": "SpacingToken | number",
113
+ "marginTop": "SpacingToken | number",
114
+ "marginBottom": "SpacingToken | number",
115
+ "marginX": "SpacingToken | number",
116
+ "marginY": "SpacingToken | number",
117
+ "gap": "SpacingToken | number | \"-1\"",
118
+ "top": "SpacingToken | number | CSSUnit",
119
+ "right": "SpacingToken | number | CSSUnit",
120
+ "bottom": "SpacingToken | number | CSSUnit",
121
+ "left": "SpacingToken | number | CSSUnit",
122
+ "translateX": "SpacingToken | number | CSSUnit",
123
+ "translateY": "SpacingToken | number | CSSUnit"
124
+ },
125
+ "StyleProps": {
126
+ "textVariant": "TextVariant",
127
+ "textSize": "TextSize",
128
+ "textType": "TextType",
129
+ "textWeight": "TextWeight",
130
+ "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
131
+ "solid": "Colors",
132
+ "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
133
+ "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
134
+ "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
135
+ "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
136
+ "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
137
+ "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
138
+ "border": "Colors | \"surface\" | \"transparent\" | boolean",
139
+ "borderStyle": "\"solid\" | \"dashed\"",
140
+ "borderWidth": "1 | 2 | 4 | 6 | 8 | \"1\" | \"2\" | \"4\" | \"6\" | \"8\"",
141
+ "topRadius": "RadiusSize",
142
+ "rightRadius": "RadiusSize",
143
+ "bottomRadius": "RadiusSize",
144
+ "leftRadius": "RadiusSize",
145
+ "topLeftRadius": "RadiusSize",
146
+ "topRightRadius": "RadiusSize",
147
+ "bottomLeftRadius": "RadiusSize",
148
+ "bottomRightRadius": "RadiusSize",
149
+ "shadow": "ShadowSize",
150
+ "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
151
+ "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
152
+ },
153
+ "TextProps": {
154
+ "as": "T",
155
+ "variant": "TextVariant",
156
+ "wrap": "CSSProperties[\"textWrap\"]",
157
+ "size": "TextSize",
158
+ "weight": "TextWeight",
159
+ "family": "TextType",
160
+ "truncate": "boolean"
161
+ }
162
+ },
163
+ "components": {
164
+ "Accordion": {
165
+ "group": "components",
166
+ "extends": [
167
+ "Flex"
168
+ ],
169
+ "mixins": [
170
+ "CommonProps",
171
+ "DisplayProps",
172
+ "FlexProps",
173
+ "SizeProps",
174
+ "SpacingProps",
175
+ "StyleProps"
176
+ ],
177
+ "props": {
178
+ "title": "!React.ReactNode",
179
+ "children": "!React.ReactNode",
180
+ "icon": "string = chevronDown",
181
+ "iconRotation": "number = 180",
182
+ "size": "\"s\" | \"m\" | \"l\" = m",
183
+ "radius": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"full\" = m",
184
+ "open": "boolean = false",
185
+ "onToggle": "() => void",
186
+ "className": "string",
187
+ "style": "React.CSSProperties",
188
+ "headerProps": "React.ComponentProps<typeof Row>",
189
+ "contentProps": "React.ComponentProps<typeof Column>",
190
+ "toggleOnHeaderClick": "boolean = true"
191
+ }
192
+ },
193
+ "AccordionGroup": {
194
+ "group": "components",
195
+ "extends": [
196
+ "Flex"
197
+ ],
198
+ "mixins": [
199
+ "CommonProps",
200
+ "DisplayProps",
201
+ "FlexProps",
202
+ "SizeProps",
203
+ "SpacingProps",
204
+ "StyleProps"
205
+ ],
206
+ "props": {
207
+ "items": "!AccordionItem[]",
208
+ "size": "\"s\" | \"m\" | \"l\" = m",
209
+ "autoCollapse": "boolean = true",
210
+ "className": "string",
211
+ "style": "React.CSSProperties"
212
+ }
213
+ },
214
+ "Animation": {
215
+ "group": "components",
216
+ "extends": [
217
+ "Flex"
218
+ ],
219
+ "mixins": [
220
+ "CommonProps",
221
+ "DisplayProps",
222
+ "FlexProps",
223
+ "SizeProps",
224
+ "SpacingProps",
225
+ "StyleProps"
226
+ ],
227
+ "props": {
228
+ "trigger": "ReactNode",
229
+ "children": "!ReactNode",
230
+ "fade": "number",
231
+ "scale": "number",
232
+ "blur": "number",
233
+ "slideUp": "number",
234
+ "slideDown": "number",
235
+ "slideLeft": "number",
236
+ "slideRight": "number",
237
+ "zoomIn": "number",
238
+ "zoomOut": "number",
239
+ "triggerType": "TriggerType = manual",
240
+ "active": "boolean",
241
+ "delay": "number = 0",
242
+ "duration": "number = 300",
243
+ "easing": "EasingCurve = ease-out",
244
+ "transformOrigin": "string = center",
245
+ "childrenPosition": "CSSProperties[\"position\"] = absolute",
246
+ "reverse": "boolean = false",
247
+ "touch": "\"disable\" | \"enable\" | \"display\" = enable",
248
+ "portal": "boolean = false",
249
+ "placement": "Placement = top",
250
+ "offsetDistance": "SpacingToken = 8"
251
+ }
252
+ },
253
+ "Arrow": {
254
+ "group": "components",
255
+ "extends": [
256
+ "Flex"
257
+ ],
258
+ "mixins": [
259
+ "CommonProps",
260
+ "DisplayProps",
261
+ "FlexProps",
262
+ "SizeProps",
263
+ "SpacingProps",
264
+ "StyleProps"
265
+ ],
266
+ "props": {
267
+ "trigger": "!string",
268
+ "scale": "number = 0.8",
269
+ "color": "\"onBackground\" | \"onSolid\" = onBackground",
270
+ "style": "React.CSSProperties",
271
+ "className": "string"
272
+ }
273
+ },
274
+ "AutoScroll": {
275
+ "group": "components",
276
+ "extends": [
277
+ "Flex"
278
+ ],
279
+ "mixins": [
280
+ "CommonProps",
281
+ "DisplayProps",
282
+ "FlexProps",
283
+ "SizeProps",
284
+ "SpacingProps",
285
+ "StyleProps"
286
+ ],
287
+ "props": {
288
+ "children": "!React.ReactNode",
289
+ "speed": "\"slow\" | \"medium\" | \"fast\" = medium",
290
+ "hover": "\"slow\" | \"pause\" | \"none\" = slow",
291
+ "reverse": "boolean = false",
292
+ "className": "string",
293
+ "style": "React.CSSProperties",
294
+ "scrollGap": "number | string"
295
+ }
296
+ },
297
+ "Avatar": {
298
+ "group": "components",
299
+ "extends": [
300
+ "Flex"
301
+ ],
302
+ "mixins": [
303
+ "CommonProps",
304
+ "DisplayProps",
305
+ "FlexProps",
306
+ "SizeProps",
307
+ "SpacingProps",
308
+ "StyleProps"
309
+ ],
310
+ "props": {
311
+ "size": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | number = m",
312
+ "value": "string",
313
+ "src": "string",
314
+ "unoptimized": "boolean",
315
+ "loading": "boolean",
316
+ "empty": "boolean",
317
+ "icon": "IconName",
318
+ "statusIndicator": "{ color: \"green\" | \"yellow\" | \"red\" | \"gray\"; }",
319
+ "style": "React.CSSProperties = {}",
320
+ "className": "string"
321
+ }
322
+ },
323
+ "AvatarGroup": {
324
+ "group": "components",
325
+ "extends": [
326
+ "Flex"
327
+ ],
328
+ "mixins": [
329
+ "CommonProps",
330
+ "DisplayProps",
331
+ "FlexProps",
332
+ "SizeProps",
333
+ "SpacingProps",
334
+ "StyleProps"
335
+ ],
336
+ "props": {
337
+ "avatars": "!AvatarProps[]",
338
+ "size": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" = m",
339
+ "reverse": "boolean = false",
340
+ "limit": "number",
341
+ "className": "string",
342
+ "style": "React.CSSProperties"
343
+ }
344
+ },
345
+ "Badge": {
346
+ "group": "components",
347
+ "extends": [
348
+ "Flex"
349
+ ],
350
+ "mixins": [
351
+ "CommonProps",
352
+ "DisplayProps",
353
+ "FlexProps",
354
+ "SizeProps",
355
+ "SpacingProps",
356
+ "StyleProps"
357
+ ],
358
+ "props": {
359
+ "title": "string",
360
+ "icon": "IconName",
361
+ "arrow": "boolean = href ? true : false",
362
+ "children": "React.ReactNode",
363
+ "href": "string",
364
+ "effect": "boolean = true",
365
+ "className": "string",
366
+ "style": "React.CSSProperties",
367
+ "id": "string"
368
+ }
369
+ },
370
+ "BlobFx": {
371
+ "group": "components",
372
+ "extends": [
373
+ "Flex",
374
+ "Row"
375
+ ],
376
+ "mixins": [
377
+ "CommonProps",
378
+ "DisplayProps",
379
+ "FlexProps",
380
+ "SizeProps",
381
+ "SpacingProps",
382
+ "StyleProps"
383
+ ],
384
+ "props": {
385
+ "seed": "number = 0"
386
+ }
387
+ },
388
+ "Banner": {
389
+ "group": "components",
390
+ "extends": [
391
+ "Flex",
392
+ "Row"
393
+ ],
394
+ "mixins": [
395
+ "CommonProps",
396
+ "DisplayProps",
397
+ "FlexProps",
398
+ "SizeProps",
399
+ "SpacingProps",
400
+ "StyleProps"
401
+ ]
402
+ },
403
+ "Background": {
404
+ "group": "components",
405
+ "extends": [
406
+ "Flex"
407
+ ],
408
+ "mixins": [
409
+ "CommonProps",
410
+ "DisplayProps",
411
+ "FlexProps",
412
+ "SizeProps",
413
+ "SpacingProps",
414
+ "StyleProps"
415
+ ],
416
+ "props": {
417
+ "gradient": "GradientProps = {}",
418
+ "dots": "DotsProps = {}",
419
+ "grid": "GridProps = {}",
420
+ "lines": "LinesProps = {}",
421
+ "mask": "MaskProps",
422
+ "className": "string",
423
+ "style": "React.CSSProperties",
424
+ "children": "React.ReactNode"
425
+ }
426
+ },
427
+ "BlockQuote": {
428
+ "group": "components",
429
+ "extends": [
430
+ "Flex"
431
+ ],
432
+ "mixins": [
433
+ "CommonProps",
434
+ "DisplayProps",
435
+ "FlexProps",
436
+ "SizeProps",
437
+ "SpacingProps",
438
+ "StyleProps"
439
+ ],
440
+ "props": {
441
+ "children": "!React.ReactNode",
442
+ "preline": "React.ReactNode",
443
+ "subline": "React.ReactNode",
444
+ "separator": "\"top\" | \"bottom\" | \"both\" | \"none\" = both",
445
+ "author": "{ name?: React.ReactNode, avatar?: string, }",
446
+ "link": "{ href: string, label: string }",
447
+ "style": "React.CSSProperties",
448
+ "className": "string",
449
+ "align": "\"center\" | \"left\" | \"right\" = center"
450
+ }
451
+ },
452
+ "Button": {
453
+ "group": "components",
454
+ "props": {
455
+ "variant": "\"primary\" | \"secondary\" | \"tertiary\" | \"danger\" = primary",
456
+ "size": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" = m",
457
+ "radius": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
458
+ "label": "string",
459
+ "weight": "\"default\" | \"strong\" = strong",
460
+ "rounded": "boolean",
461
+ "prefixIcon": "IconName",
462
+ "suffixIcon": "IconName",
463
+ "loading": "boolean = false",
464
+ "disabled": "boolean = false",
465
+ "fillWidth": "boolean = false",
466
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" = center",
467
+ "children": "ReactNode",
468
+ "href": "string",
469
+ "className": "string",
470
+ "style": "React.CSSProperties",
471
+ "id": "string",
472
+ "arrowIcon": "boolean = false"
473
+ }
474
+ },
475
+ "MatrixFx": {
476
+ "group": "components",
477
+ "extends": [
478
+ "Flex"
479
+ ],
480
+ "mixins": [
481
+ "CommonProps",
482
+ "DisplayProps",
483
+ "FlexProps",
484
+ "SizeProps",
485
+ "SpacingProps",
486
+ "StyleProps"
487
+ ],
488
+ "props": {
489
+ "speed": "number = 1",
490
+ "colors": "string[] = [\"brand-solid-medium\"]",
491
+ "size": "number = 3",
492
+ "spacing": "number = 3",
493
+ "revealFrom": "\"center\" | \"top\" | \"bottom\" | \"left\" | \"right\" = center",
494
+ "trigger": "\"hover\" | \"instant\" | \"mount\" | \"click\" | \"manual\" = instant",
495
+ "active": "boolean = false",
496
+ "flicker": "boolean = false",
497
+ "bulge": "BulgeConfig",
498
+ "fps": "number = 60",
499
+ "reducedMotion": "boolean | \"auto\" = auto",
500
+ "children": "React.ReactNode"
501
+ }
502
+ },
503
+ "WeatherFx": {
504
+ "group": "components",
505
+ "extends": [
506
+ "Flex"
507
+ ],
508
+ "mixins": [
509
+ "CommonProps",
510
+ "DisplayProps",
511
+ "FlexProps",
512
+ "SizeProps",
513
+ "SpacingProps",
514
+ "StyleProps"
515
+ ],
516
+ "props": {
517
+ "type": "WeatherType = rain",
518
+ "speed": "number = 1",
519
+ "colors": "string[] = [\"brand-solid-medium\"]",
520
+ "intensity": "number = 50",
521
+ "angle": "number = 0",
522
+ "duration": "number",
523
+ "trigger": "\"mount\" | \"hover\" | \"click\" | \"manual\" = mount",
524
+ "active": "boolean = false",
525
+ "reducedMotion": "boolean | \"auto\" = auto",
526
+ "children": "React.ReactNode"
527
+ }
528
+ },
529
+ "Carousel": {
530
+ "group": "components",
531
+ "extends": [
532
+ "Flex"
533
+ ],
534
+ "mixins": [
535
+ "CommonProps",
536
+ "DisplayProps",
537
+ "FlexProps",
538
+ "SizeProps",
539
+ "SpacingProps",
540
+ "StyleProps"
541
+ ],
542
+ "props": {
543
+ "items": "!CarouselItem[] = []",
544
+ "controls": "boolean = true",
545
+ "priority": "boolean = false",
546
+ "fill": "boolean = false",
547
+ "indicator": "\"line\" | \"thumbnail\" | false = line",
548
+ "translateY": "SpacingToken | number",
549
+ "aspectRatio": "string = original",
550
+ "sizes": "string",
551
+ "revealedByDefault": "boolean = false",
552
+ "thumbnail": "ThumbnailItem = { scaling: 1, height: \"80\", sizes: \"120px\" }",
553
+ "play": "{ auto?: boolean, interval?: number, controls?: boolean, progress?: boolean } = { auto: false, interval: 3000, controls: true }"
554
+ }
555
+ },
556
+ "Swiper": {
557
+ "group": "components",
558
+ "extends": [
559
+ "Flex"
560
+ ],
561
+ "mixins": [
562
+ "CommonProps",
563
+ "DisplayProps",
564
+ "FlexProps",
565
+ "SizeProps",
566
+ "SpacingProps",
567
+ "StyleProps"
568
+ ],
569
+ "props": {
570
+ "items": "!SwiperItem[] = []",
571
+ "controls": "boolean | \"contained\" = true",
572
+ "priority": "boolean = false",
573
+ "fill": "boolean = false",
574
+ "aspectRatio": "string = 16 / 9",
575
+ "sizes": "string",
576
+ "indicator": "boolean = true"
577
+ }
578
+ },
579
+ "Card": {
580
+ "group": "components",
581
+ "extends": [
582
+ "Flex"
583
+ ],
584
+ "mixins": [
585
+ "CommonProps",
586
+ "DisplayProps",
587
+ "FlexProps",
588
+ "SizeProps",
589
+ "SpacingProps",
590
+ "StyleProps"
591
+ ],
592
+ "props": {
593
+ "children": "React.ReactNode",
594
+ "href": "string",
595
+ "onClick": "() => void",
596
+ "fillHeight": "boolean",
597
+ "style": "React.CSSProperties",
598
+ "className": "string"
599
+ }
600
+ },
601
+ "CursorCard": {
602
+ "group": "components",
603
+ "extends": [
604
+ "Flex"
605
+ ],
606
+ "mixins": [
607
+ "CommonProps",
608
+ "DisplayProps",
609
+ "FlexProps",
610
+ "SizeProps",
611
+ "SpacingProps",
612
+ "StyleProps"
613
+ ],
614
+ "props": {
615
+ "trigger": "ReactNode",
616
+ "overlay": "ReactNode",
617
+ "placement": "Placement = bottom-left",
618
+ "className": "string",
619
+ "style": "React.CSSProperties"
620
+ }
621
+ },
622
+ "Cursor": {
623
+ "group": "components",
624
+ "props": {
625
+ "cursor": "!React.ReactNode",
626
+ "elementRef": "!React.RefObject<HTMLElement | null>"
627
+ }
628
+ },
629
+ "CountFx": {
630
+ "group": "components",
631
+ "mixins": [
632
+ "CommonProps",
633
+ "SpacingProps",
634
+ "TextProps"
635
+ ],
636
+ "props": {
637
+ "value": "!number",
638
+ "speed": "number = 1000",
639
+ "easing": "\"linear\" | \"ease-out\" | \"ease-in-out\" = ease-out",
640
+ "format": "(value: number) => string",
641
+ "separator": "string",
642
+ "decimals": "number",
643
+ "effect": "\"simple\" | \"wheel\" | \"smooth\" = simple",
644
+ "children": "React.ReactNode"
645
+ }
646
+ },
647
+ "CountdownFx": {
648
+ "group": "components",
649
+ "props": {
650
+ "targetDate": "!Date | string",
651
+ "format": "\"HH:MM:SS\" | \"DD:HH:MM:SS\" | \"MM:SS\" = HH:MM:SS",
652
+ "effect": "CountFxProps['effect'] = wheel",
653
+ "onComplete": "() => void"
654
+ }
655
+ },
656
+ "Column": {
657
+ "group": "components",
658
+ "extends": [
659
+ "Flex"
660
+ ],
661
+ "mixins": [
662
+ "CommonProps",
663
+ "DisplayProps",
664
+ "FlexProps",
665
+ "SizeProps",
666
+ "SpacingProps",
667
+ "StyleProps"
668
+ ],
669
+ "props": {
670
+ "children": "React.ReactNode"
671
+ }
672
+ },
673
+ "Checkbox": {
674
+ "group": "components",
675
+ "extends": [
676
+ "InteractiveDetails"
677
+ ],
678
+ "props": {
679
+ "isChecked": "boolean",
680
+ "isIndeterminate": "boolean = false",
681
+ "onToggle": "() => void"
682
+ }
683
+ },
684
+ "Chip": {
685
+ "group": "components",
686
+ "extends": [
687
+ "Flex"
688
+ ],
689
+ "mixins": [
690
+ "CommonProps",
691
+ "DisplayProps",
692
+ "FlexProps",
693
+ "SizeProps",
694
+ "SpacingProps",
695
+ "StyleProps"
696
+ ],
697
+ "props": {
698
+ "label": "!string",
699
+ "selected": "boolean = true",
700
+ "prefixIcon": "IconName",
701
+ "onRemove": "() => void",
702
+ "onClick": "MouseEventHandler<HTMLDivElement>",
703
+ "children": "ReactNode",
704
+ "iconButtonProps": "Partial<IconButtonProps> = {}",
705
+ "style": "React.CSSProperties",
706
+ "className": "string"
707
+ }
708
+ },
709
+ "ColorInput": {
710
+ "group": "components",
711
+ "extends": [
712
+ "Input"
713
+ ],
714
+ "props": {
715
+ "value": "!string",
716
+ "onChange": "!(e: React.ChangeEvent<HTMLInputElement>) => void",
717
+ "supportAlpha": "boolean = false"
718
+ }
719
+ },
720
+ "CompareImage": {
721
+ "group": "components",
722
+ "extends": [
723
+ "Flex"
724
+ ],
725
+ "mixins": [
726
+ "CommonProps",
727
+ "DisplayProps",
728
+ "FlexProps",
729
+ "SizeProps",
730
+ "SpacingProps",
731
+ "StyleProps"
732
+ ],
733
+ "props": {
734
+ "leftContent": "!SideContent",
735
+ "rightContent": "!SideContent",
736
+ "aspectRatio": "string"
737
+ }
738
+ },
739
+ "ContextMenu": {
740
+ "group": "components",
741
+ "props": {
742
+ "children": "!ReactNode",
743
+ "dropdown": "!ReactNode",
744
+ "placement": "Placement = bottom-end",
745
+ "fillWidth": "boolean = false",
746
+ "minWidth": "number = 12",
747
+ "maxWidth": "number",
748
+ "minHeight": "number",
749
+ "style": "React.CSSProperties",
750
+ "className": "string",
751
+ "onSelect": "(value: string) => void",
752
+ "closeAfterClick": "boolean = true",
753
+ "isOpen": "boolean",
754
+ "onOpenChange": "(isOpen: boolean) => void",
755
+ "selectedOption": "string",
756
+ "disabled": "boolean = false"
757
+ }
758
+ },
759
+ "DateInput": {
760
+ "group": "components",
761
+ "extends": [
762
+ "Input"
763
+ ],
764
+ "props": {
765
+ "id": "!string",
766
+ "label": "string",
767
+ "placeholder": "string",
768
+ "value": "Date",
769
+ "onChange": "(date: Date) => void",
770
+ "minHeight": "number",
771
+ "className": "string",
772
+ "style": "React.CSSProperties",
773
+ "timePicker": "boolean = false",
774
+ "minDate": "Date",
775
+ "maxDate": "Date"
776
+ }
777
+ },
778
+ "DatePicker": {
779
+ "group": "components",
780
+ "extends": [
781
+ "Flex"
782
+ ],
783
+ "mixins": [
784
+ "CommonProps",
785
+ "DisplayProps",
786
+ "FlexProps",
787
+ "SizeProps",
788
+ "SpacingProps",
789
+ "StyleProps"
790
+ ],
791
+ "props": {
792
+ "value": "Date",
793
+ "onChange": "(date: Date) => void",
794
+ "minDate": "Date",
795
+ "maxDate": "Date",
796
+ "previousMonth": "boolean = true",
797
+ "nextMonth": "boolean = true",
798
+ "timePicker": "boolean = false",
799
+ "defaultDate": "Date",
800
+ "defaultTime": "{ hours: number; minutes: number; }",
801
+ "size": "\"s\" | \"m\" | \"l\" = m",
802
+ "isNested": "boolean = false",
803
+ "className": "string",
804
+ "style": "React.CSSProperties",
805
+ "currentMonth": "number",
806
+ "currentYear": "number",
807
+ "onMonthChange": "(increment: number) => void",
808
+ "range": "{ startDate?: Date; endDate?: Date; }",
809
+ "onHover": "(date: Date | null) => void",
810
+ "autoFocus": "boolean = false",
811
+ "isOpen": "boolean"
812
+ }
813
+ },
814
+ "DateRangeInput": {
815
+ "group": "components",
816
+ "extends": [
817
+ "Input"
818
+ ],
819
+ "props": {
820
+ "id": "!string",
821
+ "startLabel": "!string = Start",
822
+ "endLabel": "!string = End",
823
+ "value": "DateRange",
824
+ "onChange": "(range: DateRange) => void",
825
+ "minHeight": "number",
826
+ "className": "string",
827
+ "style": "React.CSSProperties"
828
+ }
829
+ },
830
+ "DateRangePicker": {
831
+ "group": "components",
832
+ "extends": [
833
+ "Flex"
834
+ ],
835
+ "mixins": [
836
+ "CommonProps",
837
+ "DisplayProps",
838
+ "FlexProps",
839
+ "SizeProps",
840
+ "SpacingProps",
841
+ "StyleProps"
842
+ ],
843
+ "props": {
844
+ "value": "DateRange",
845
+ "onChange": "(range: DateRange) => void",
846
+ "minDate": "Date",
847
+ "maxDate": "Date",
848
+ "dual": "boolean",
849
+ "size": "\"s\" | \"m\" | \"l\" = m"
850
+ }
851
+ },
852
+ "DialogProvider": {
853
+ "group": "components",
854
+ "props": {
855
+ "children": "!React.ReactNode"
856
+ }
857
+ },
858
+ "Dialog": {
859
+ "group": "components",
860
+ "extends": [
861
+ "Flex"
862
+ ],
863
+ "mixins": [
864
+ "CommonProps",
865
+ "DisplayProps",
866
+ "FlexProps",
867
+ "SizeProps",
868
+ "SpacingProps",
869
+ "StyleProps"
870
+ ],
871
+ "props": {
872
+ "isOpen": "!boolean",
873
+ "onClose": "!() => void",
874
+ "title": "!ReactNode | string",
875
+ "description": "ReactNode",
876
+ "children": "ReactNode",
877
+ "footer": "ReactNode",
878
+ "base": "boolean",
879
+ "stack": "boolean",
880
+ "onHeightChange": "(height: number) => void",
881
+ "minHeight": "number",
882
+ "closeOnClickaway": "boolean = true"
883
+ }
884
+ },
885
+ "Dropdown": {
886
+ "group": "components",
887
+ "extends": [
888
+ "Flex"
889
+ ],
890
+ "mixins": [
891
+ "CommonProps",
892
+ "DisplayProps",
893
+ "FlexProps",
894
+ "SizeProps",
895
+ "SpacingProps",
896
+ "StyleProps"
897
+ ],
898
+ "props": {
899
+ "selectedOption": "string",
900
+ "children": "ReactNode",
901
+ "onEscape": "() => void",
902
+ "onSelect": "(event: string) => void",
903
+ "disabled": "boolean = false"
904
+ }
905
+ },
906
+ "DropdownWrapper": {
907
+ "group": "components",
908
+ "props": {
909
+ "fillWidth": "boolean = false",
910
+ "minWidth": "number",
911
+ "maxWidth": "number",
912
+ "minHeight": "number",
913
+ "placement": "Placement = bottom-start",
914
+ "trigger": "!ReactNode",
915
+ "dropdown": "!ReactNode",
916
+ "selectedOption": "string",
917
+ "style": "React.CSSProperties",
918
+ "className": "string",
919
+ "onSelect": "(value: string) => void",
920
+ "closeAfterClick": "boolean = true",
921
+ "handleArrowNavigation": "boolean = true",
922
+ "isOpen": "boolean",
923
+ "onOpenChange": "(isOpen: boolean) => void",
924
+ "isNested": "boolean = false",
925
+ "navigationLayout": "NavigationLayout",
926
+ "columns": "number | string = 8",
927
+ "optionsCount": "number",
928
+ "dropdownId": "string",
929
+ "disableTriggerClick": "boolean = false"
930
+ }
931
+ },
932
+ "EmojiPicker": {
933
+ "group": "components",
934
+ "extends": [
935
+ "Flex"
936
+ ],
937
+ "mixins": [
938
+ "CommonProps",
939
+ "DisplayProps",
940
+ "FlexProps",
941
+ "SizeProps",
942
+ "SpacingProps",
943
+ "StyleProps"
944
+ ],
945
+ "props": {
946
+ "onSelect": "!(emoji: string) => void",
947
+ "onClose": "() => void",
948
+ "className": "string",
949
+ "background": "StyleProps[\"background\"]",
950
+ "columns": "gridSize = 8",
951
+ "style": "React.CSSProperties"
952
+ }
953
+ },
954
+ "EmojiPickerDropdown": {
955
+ "group": "components",
956
+ "extends": [
957
+ "DropdownWrapper"
958
+ ],
959
+ "props": {
960
+ "onSelect": "!(emoji: string) => void",
961
+ "background": "StyleProps[\"background\"] = surface",
962
+ "columns": "gridSize = 8"
963
+ }
964
+ },
965
+ "Fade": {
966
+ "group": "components",
967
+ "extends": [
968
+ "Flex"
969
+ ],
970
+ "mixins": [
971
+ "CommonProps",
972
+ "DisplayProps",
973
+ "FlexProps",
974
+ "SizeProps",
975
+ "SpacingProps",
976
+ "StyleProps"
977
+ ],
978
+ "props": {
979
+ "className": "string",
980
+ "to": "\"bottom\" | \"top\" | \"left\" | \"right\" = bottom",
981
+ "base": "BaseColor = page",
982
+ "blur": "number = 0.5",
983
+ "pattern": "{ display?: boolean; size?: SpacingToken; } = {\r\n display: false,\r\n size: \"4\",\r\n }",
984
+ "style": "React.CSSProperties",
985
+ "children": "ReactNode"
986
+ }
987
+ },
988
+ "Feedback": {
989
+ "group": "components",
990
+ "extends": [
991
+ "Flex"
992
+ ],
993
+ "mixins": [
994
+ "CommonProps",
995
+ "DisplayProps",
996
+ "FlexProps",
997
+ "SizeProps",
998
+ "SpacingProps",
999
+ "StyleProps"
1000
+ ],
1001
+ "props": {
1002
+ "variant": "\"info\" | \"danger\" | \"warning\" | \"success\" = info",
1003
+ "icon": "boolean = true",
1004
+ "title": "string",
1005
+ "description": "string",
1006
+ "showCloseButton": "boolean = false",
1007
+ "onClose": "() => void",
1008
+ "className": "string",
1009
+ "style": "React.CSSProperties",
1010
+ "children": "ReactNode"
1011
+ }
1012
+ },
1013
+ "Flex": {
1014
+ "group": "components",
1015
+ "mixins": [
1016
+ "CommonProps",
1017
+ "DisplayProps",
1018
+ "FlexProps",
1019
+ "SizeProps",
1020
+ "SpacingProps",
1021
+ "StyleProps"
1022
+ ],
1023
+ "props": {
1024
+ "xl": "FlexBreakpointProps",
1025
+ "l": "FlexBreakpointProps",
1026
+ "m": "FlexBreakpointProps",
1027
+ "s": "FlexBreakpointProps",
1028
+ "xs": "FlexBreakpointProps"
1029
+ }
1030
+ },
1031
+ "FlipFx": {
1032
+ "group": "components",
1033
+ "extends": [
1034
+ "Flex"
1035
+ ],
1036
+ "mixins": [
1037
+ "CommonProps",
1038
+ "DisplayProps",
1039
+ "FlexProps",
1040
+ "SizeProps",
1041
+ "SpacingProps",
1042
+ "StyleProps"
1043
+ ],
1044
+ "props": {
1045
+ "flipDirection": "\"horizontal\" | \"vertical\"",
1046
+ "timing": "number",
1047
+ "flipped": "boolean",
1048
+ "onFlip": "(flipped: boolean) => void",
1049
+ "disableClickFlip": "boolean",
1050
+ "autoFlipInterval": "number",
1051
+ "front": "!React.ReactNode",
1052
+ "back": "!React.ReactNode",
1053
+ "className": "string",
1054
+ "style": "React.CSSProperties"
1055
+ }
1056
+ },
1057
+ "GlitchFx": {
1058
+ "group": "components",
1059
+ "extends": [
1060
+ "Flex"
1061
+ ],
1062
+ "mixins": [
1063
+ "CommonProps",
1064
+ "DisplayProps",
1065
+ "FlexProps",
1066
+ "SizeProps",
1067
+ "SpacingProps",
1068
+ "StyleProps"
1069
+ ],
1070
+ "props": {
1071
+ "children": "!React.ReactNode",
1072
+ "speed": "\"slow\" | \"medium\" | \"fast\" = medium",
1073
+ "interval": "number = 2500",
1074
+ "trigger": "\"instant\" | \"hover\" | \"custom\" = instant",
1075
+ "continuous": "boolean = true"
1076
+ }
1077
+ },
1078
+ "Grid": {
1079
+ "group": "components",
1080
+ "mixins": [
1081
+ "CommonProps",
1082
+ "DisplayProps",
1083
+ "GridProps",
1084
+ "SizeProps",
1085
+ "SpacingProps",
1086
+ "StyleProps"
1087
+ ],
1088
+ "props": {
1089
+ "xl": "GridBreakpointProps",
1090
+ "l": "GridBreakpointProps",
1091
+ "m": "GridBreakpointProps",
1092
+ "s": "GridBreakpointProps",
1093
+ "xs": "GridBreakpointProps"
1094
+ }
1095
+ },
1096
+ "Heading": {
1097
+ "group": "components",
1098
+ "mixins": [
1099
+ "CommonProps",
1100
+ "SpacingProps",
1101
+ "TextProps"
1102
+ ],
1103
+ "props": {
1104
+ "wrap": "CSSProperties[\"textWrap\"] = balance"
1105
+ }
1106
+ },
1107
+ "HoloFx": {
1108
+ "group": "components",
1109
+ "extends": [
1110
+ "Flex"
1111
+ ],
1112
+ "mixins": [
1113
+ "CommonProps",
1114
+ "DisplayProps",
1115
+ "FlexProps",
1116
+ "SizeProps",
1117
+ "SpacingProps",
1118
+ "StyleProps"
1119
+ ],
1120
+ "props": {
1121
+ "children": "!React.ReactNode",
1122
+ "reducedMotion": "boolean | \"auto\" = auto",
1123
+ "shine": "{ opacity?: number; filter?: string; blending?: CSSProperties[\"mixBlendMode\"]; mask?: MaskOptions; }",
1124
+ "burn": "{ opacity?: number; filter?: string; blending?: CSSProperties[\"mixBlendMode\"]; mask?: MaskOptions; }",
1125
+ "texture": "{ opacity?: number; filter?: string; blending?: CSSProperties[\"mixBlendMode\"]; image?: string; mask?: MaskOptions; }"
1126
+ }
1127
+ },
1128
+ "Hover": {
1129
+ "group": "components",
1130
+ "extends": [
1131
+ "Flex"
1132
+ ],
1133
+ "mixins": [
1134
+ "CommonProps",
1135
+ "DisplayProps",
1136
+ "FlexProps",
1137
+ "SizeProps",
1138
+ "SpacingProps",
1139
+ "StyleProps"
1140
+ ],
1141
+ "props": {
1142
+ "trigger": "!ReactNode",
1143
+ "overlay": "!ReactNode",
1144
+ "interactive": "boolean = false",
1145
+ "delay": "number = 0",
1146
+ "hideDelay": "number = 0",
1147
+ "disabled": "boolean = false",
1148
+ "touch": "\"disable\" | \"enable\" | \"display\" = disable"
1149
+ }
1150
+ },
1151
+ "HoverCard": {
1152
+ "group": "components",
1153
+ "extends": [
1154
+ "Flex",
1155
+ "Animation"
1156
+ ],
1157
+ "mixins": [
1158
+ "CommonProps",
1159
+ "DisplayProps",
1160
+ "FlexProps",
1161
+ "SizeProps",
1162
+ "SpacingProps",
1163
+ "StyleProps"
1164
+ ]
1165
+ },
1166
+ "Icon": {
1167
+ "group": "components",
1168
+ "extends": [
1169
+ "Flex"
1170
+ ],
1171
+ "mixins": [
1172
+ "CommonProps",
1173
+ "DisplayProps",
1174
+ "FlexProps",
1175
+ "SizeProps",
1176
+ "SpacingProps",
1177
+ "StyleProps"
1178
+ ],
1179
+ "props": {
1180
+ "name": "!IconName",
1181
+ "onBackground": "`${ColorScheme}-${ColorWeight}`",
1182
+ "onSolid": "`${ColorScheme}-${ColorWeight}`",
1183
+ "size": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" = m",
1184
+ "decorative": "boolean = true",
1185
+ "tooltip": "ReactNode",
1186
+ "tooltipPosition": "\"top\" | \"bottom\" | \"left\" | \"right\" = top",
1187
+ "className": "string",
1188
+ "style": "React.CSSProperties"
1189
+ }
1190
+ },
1191
+ "IconButton": {
1192
+ "group": "components",
1193
+ "props": {
1194
+ "icon": "IconName = refresh",
1195
+ "id": "string",
1196
+ "size": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" = m",
1197
+ "radius": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
1198
+ "rounded": "boolean = false",
1199
+ "tooltip": "ReactNode",
1200
+ "tooltipPosition": "\"top\" | \"bottom\" | \"left\" | \"right\" = top",
1201
+ "variant": "\"primary\" | \"secondary\" | \"tertiary\" | \"danger\" | \"ghost\" = primary",
1202
+ "loading": "boolean = false",
1203
+ "disabled": "boolean = false",
1204
+ "className": "string",
1205
+ "style": "React.CSSProperties",
1206
+ "href": "string",
1207
+ "children": "ReactNode"
1208
+ }
1209
+ },
1210
+ "InfiniteScroll": {
1211
+ "group": "components",
1212
+ "extends": [
1213
+ "Flex",
1214
+ "Row"
1215
+ ],
1216
+ "mixins": [
1217
+ "CommonProps",
1218
+ "DisplayProps",
1219
+ "FlexProps",
1220
+ "SizeProps",
1221
+ "SpacingProps",
1222
+ "StyleProps"
1223
+ ],
1224
+ "props": {
1225
+ "items": "!T[]",
1226
+ "renderItem": "!(item: T, index: number) => ReactNode",
1227
+ "loadMore": "!() => Promise<boolean>",
1228
+ "loading": "boolean = false",
1229
+ "threshold": "number = 200",
1230
+ "className": "string"
1231
+ }
1232
+ },
1233
+ "InlineCode": {
1234
+ "group": "components",
1235
+ "extends": [
1236
+ "Flex"
1237
+ ],
1238
+ "mixins": [
1239
+ "CommonProps",
1240
+ "DisplayProps",
1241
+ "FlexProps",
1242
+ "SizeProps",
1243
+ "SpacingProps",
1244
+ "StyleProps"
1245
+ ],
1246
+ "props": {
1247
+ "children": "!ReactNode",
1248
+ "className": "string",
1249
+ "style": "React.CSSProperties"
1250
+ }
1251
+ },
1252
+ "Input": {
1253
+ "group": "components",
1254
+ "props": {
1255
+ "id": "!string",
1256
+ "label": "string",
1257
+ "placeholder": "string",
1258
+ "height": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" = m",
1259
+ "error": "boolean = false",
1260
+ "errorMessage": "ReactNode",
1261
+ "description": "ReactNode",
1262
+ "radius": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
1263
+ "className": "string",
1264
+ "style": "React.CSSProperties",
1265
+ "hasPrefix": "ReactNode",
1266
+ "hasSuffix": "ReactNode",
1267
+ "variant": "\"default\" | \"ghost\" = default",
1268
+ "characterCount": "boolean",
1269
+ "cursor": "undefined | \"interactive\"",
1270
+ "validate": "(value: ReactNode) => ReactNode | null",
1271
+ "loading": "boolean = false"
1272
+ }
1273
+ },
1274
+ "InteractiveDetails": {
1275
+ "group": "components",
1276
+ "props": {
1277
+ "label": "React.ReactNode",
1278
+ "description": "React.ReactNode",
1279
+ "disabled": "boolean",
1280
+ "iconButtonProps": "IconButtonProps",
1281
+ "onClick": "!() => void",
1282
+ "className": "string",
1283
+ "id": "string"
1284
+ }
1285
+ },
1286
+ "Kbd": {
1287
+ "group": "components",
1288
+ "extends": [
1289
+ "Flex"
1290
+ ],
1291
+ "mixins": [
1292
+ "CommonProps",
1293
+ "DisplayProps",
1294
+ "FlexProps",
1295
+ "SizeProps",
1296
+ "SpacingProps",
1297
+ "StyleProps"
1298
+ ],
1299
+ "props": {
1300
+ "label": "string",
1301
+ "children": "ReactNode",
1302
+ "className": "string",
1303
+ "style": "React.CSSProperties"
1304
+ }
1305
+ },
1306
+ "LetterFx": {
1307
+ "group": "components",
1308
+ "props": {
1309
+ "children": "!ReactNode",
1310
+ "trigger": "\"hover\" | \"instant\" | \"custom\" = hover",
1311
+ "speed": "\"fast\" | \"medium\" | \"slow\" = medium",
1312
+ "charset": "string[] = defaultCharset",
1313
+ "onTrigger": "(triggerFn: () => void) => void",
1314
+ "className": "string",
1315
+ "style": "React.CSSProperties"
1316
+ }
1317
+ },
1318
+ "Line": {
1319
+ "group": "components",
1320
+ "extends": [
1321
+ "Flex"
1322
+ ],
1323
+ "mixins": [
1324
+ "CommonProps",
1325
+ "DisplayProps",
1326
+ "FlexProps",
1327
+ "SizeProps",
1328
+ "SpacingProps",
1329
+ "StyleProps"
1330
+ ],
1331
+ "props": {
1332
+ "vert": "boolean",
1333
+ "style": "React.CSSProperties"
1334
+ }
1335
+ },
1336
+ "List": {
1337
+ "group": "components",
1338
+ "extends": [
1339
+ "Flex"
1340
+ ],
1341
+ "mixins": [
1342
+ "CommonProps",
1343
+ "DisplayProps",
1344
+ "FlexProps",
1345
+ "SizeProps",
1346
+ "SpacingProps",
1347
+ "StyleProps"
1348
+ ],
1349
+ "props": {
1350
+ "as": "\"ul\" | \"ol\" = ul",
1351
+ "children": "React.ReactNode",
1352
+ "className": "string",
1353
+ "style": "React.CSSProperties"
1354
+ }
1355
+ },
1356
+ "ListItem": {
1357
+ "group": "components",
1358
+ "mixins": [
1359
+ "CommonProps",
1360
+ "SpacingProps",
1361
+ "TextProps"
1362
+ ],
1363
+ "props": {
1364
+ "children": "React.ReactNode",
1365
+ "className": "string",
1366
+ "style": "React.CSSProperties"
1367
+ }
1368
+ },
1369
+ "Logo": {
1370
+ "group": "components",
1371
+ "props": {
1372
+ "className": "string",
1373
+ "size": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" = m",
1374
+ "style": "React.CSSProperties",
1375
+ "icon": "string",
1376
+ "wordmark": "string",
1377
+ "href": "string",
1378
+ "dark": "boolean",
1379
+ "light": "boolean",
1380
+ "brand": "{ copy?: boolean; url?: string }"
1381
+ }
1382
+ },
1383
+ "LogoCloud": {
1384
+ "group": "components",
1385
+ "extends": [
1386
+ "Grid"
1387
+ ],
1388
+ "mixins": [
1389
+ "CommonProps",
1390
+ "DisplayProps",
1391
+ "GridProps",
1392
+ "SizeProps",
1393
+ "SpacingProps",
1394
+ "StyleProps"
1395
+ ],
1396
+ "props": {
1397
+ "logos": "!LogoProps[]",
1398
+ "className": "string",
1399
+ "style": "React.CSSProperties",
1400
+ "limit": "number = 6",
1401
+ "rotationInterval": "number = ANIMATION_DURATION"
1402
+ }
1403
+ },
1404
+ "Mask": {
1405
+ "group": "components",
1406
+ "extends": [
1407
+ "Flex"
1408
+ ],
1409
+ "mixins": [
1410
+ "CommonProps",
1411
+ "DisplayProps",
1412
+ "FlexProps",
1413
+ "SizeProps",
1414
+ "SpacingProps",
1415
+ "StyleProps"
1416
+ ],
1417
+ "props": {
1418
+ "cursor": "boolean = false",
1419
+ "x": "number",
1420
+ "y": "number",
1421
+ "radius": "number = 50",
1422
+ "reducedMotion": "boolean | \"auto\" = auto",
1423
+ "className": "string",
1424
+ "style": "React.CSSProperties",
1425
+ "children": "React.ReactNode"
1426
+ }
1427
+ },
1428
+ "MasonryGrid": {
1429
+ "group": "components",
1430
+ "extends": [
1431
+ "Flex"
1432
+ ],
1433
+ "mixins": [
1434
+ "CommonProps",
1435
+ "DisplayProps",
1436
+ "FlexProps",
1437
+ "SizeProps",
1438
+ "SpacingProps",
1439
+ "StyleProps"
1440
+ ],
1441
+ "props": {
1442
+ "children": "!ReactNode",
1443
+ "gap": "SpacingToken | \"-1\" | undefined = 8",
1444
+ "columns": "number = 3",
1445
+ "style": "CSSProperties",
1446
+ "className": "string",
1447
+ "l": "MasonryBreakpointProps",
1448
+ "m": "MasonryBreakpointProps",
1449
+ "s": "MasonryBreakpointProps",
1450
+ "xs": "MasonryBreakpointProps"
1451
+ }
1452
+ },
1453
+ "Media": {
1454
+ "group": "components",
1455
+ "extends": [
1456
+ "Flex"
1457
+ ],
1458
+ "mixins": [
1459
+ "CommonProps",
1460
+ "DisplayProps",
1461
+ "FlexProps",
1462
+ "SizeProps",
1463
+ "SpacingProps",
1464
+ "StyleProps"
1465
+ ],
1466
+ "props": {
1467
+ "aspectRatio": "string = original",
1468
+ "height": "number",
1469
+ "alt": "string = ",
1470
+ "loading": "boolean = false",
1471
+ "objectFit": "CSSProperties[\"objectFit\"] = cover",
1472
+ "enlarge": "boolean = false",
1473
+ "src": "!string",
1474
+ "unoptimized": "boolean = false",
1475
+ "sizes": "string | number = 100vw",
1476
+ "priority": "boolean",
1477
+ "caption": "ReactNode",
1478
+ "fill": "boolean = false",
1479
+ "fillWidth": "boolean = true",
1480
+ "loop": "boolean = true",
1481
+ "autoplay": "boolean = true",
1482
+ "sound": "boolean = false",
1483
+ "controls": "boolean = false",
1484
+ "style": "CSSProperties",
1485
+ "className": "string"
1486
+ }
1487
+ },
1488
+ "Modal": {
1489
+ "group": "components",
1490
+ "props": {
1491
+ "children": "!React.ReactNode",
1492
+ "backdrop": "React.ReactNode",
1493
+ "title": "!React.ReactNode",
1494
+ "isOpen": "!boolean",
1495
+ "onClose": "!() => void"
1496
+ }
1497
+ },
1498
+ "NavIcon": {
1499
+ "group": "components",
1500
+ "extends": [
1501
+ "Flex"
1502
+ ],
1503
+ "mixins": [
1504
+ "CommonProps",
1505
+ "DisplayProps",
1506
+ "FlexProps",
1507
+ "SizeProps",
1508
+ "SpacingProps",
1509
+ "StyleProps"
1510
+ ],
1511
+ "props": {
1512
+ "className": "string",
1513
+ "style": "React.CSSProperties",
1514
+ "onClick": "() => void",
1515
+ "isActive": "boolean"
1516
+ }
1517
+ },
1518
+ "NumberInput": {
1519
+ "group": "components",
1520
+ "extends": [
1521
+ "Input"
1522
+ ],
1523
+ "props": {
1524
+ "value": "number",
1525
+ "onChange": "(value: number) => void",
1526
+ "min": "number",
1527
+ "max": "number",
1528
+ "step": "number = 1",
1529
+ "padStart": "number"
1530
+ }
1531
+ },
1532
+ "OgCard": {
1533
+ "group": "components",
1534
+ "extends": [
1535
+ "Flex",
1536
+ "Card"
1537
+ ],
1538
+ "mixins": [
1539
+ "CommonProps",
1540
+ "DisplayProps",
1541
+ "FlexProps",
1542
+ "SizeProps",
1543
+ "SpacingProps",
1544
+ "StyleProps"
1545
+ ],
1546
+ "props": {
1547
+ "url": "string",
1548
+ "sizes": "string = 320px",
1549
+ "size": "CondensedTShirtSizes = m",
1550
+ "ogData": "Partial<OgData> | null",
1551
+ "direction": "\"column\" | \"row\" | \"column-reverse\" | \"row-reverse\" = column",
1552
+ "serviceConfig": "OgServiceConfig = {}",
1553
+ "title": "string | false",
1554
+ "description": "string | false",
1555
+ "favicon": "string | false",
1556
+ "image": "string | false",
1557
+ "cardUrl": "string | false"
1558
+ }
1559
+ },
1560
+ "Option": {
1561
+ "group": "components",
1562
+ "extends": [
1563
+ "Flex"
1564
+ ],
1565
+ "mixins": [
1566
+ "CommonProps",
1567
+ "DisplayProps",
1568
+ "FlexProps",
1569
+ "SizeProps",
1570
+ "SpacingProps",
1571
+ "StyleProps"
1572
+ ],
1573
+ "props": {
1574
+ "label": "React.ReactNode",
1575
+ "href": "string",
1576
+ "value": "!string",
1577
+ "hasPrefix": "React.ReactNode",
1578
+ "hasSuffix": "React.ReactNode",
1579
+ "description": "React.ReactNode",
1580
+ "danger": "boolean",
1581
+ "selected": "boolean",
1582
+ "disabled": "boolean = false",
1583
+ "highlighted": "boolean",
1584
+ "tabIndex": "number",
1585
+ "children": "React.ReactNode",
1586
+ "onClick": "(value: string) => void",
1587
+ "onLinkClick": "() => void"
1588
+ }
1589
+ },
1590
+ "OTPInput": {
1591
+ "group": "components",
1592
+ "props": {
1593
+ "length": "number = 4",
1594
+ "onComplete": "(code: string) => void",
1595
+ "error": "boolean = false",
1596
+ "errorMessage": "React.ReactNode",
1597
+ "disabled": "boolean = false",
1598
+ "autoFocus": "boolean = false"
1599
+ }
1600
+ },
1601
+ "Particle": {
1602
+ "group": "components",
1603
+ "extends": [
1604
+ "Flex"
1605
+ ],
1606
+ "mixins": [
1607
+ "CommonProps",
1608
+ "DisplayProps",
1609
+ "FlexProps",
1610
+ "SizeProps",
1611
+ "SpacingProps",
1612
+ "StyleProps"
1613
+ ],
1614
+ "props": {
1615
+ "density": "number = 100",
1616
+ "color": "string = brand-on-background-weak",
1617
+ "size": "SpacingToken = 2",
1618
+ "speed": "number = 0.3",
1619
+ "interactive": "boolean = false",
1620
+ "mode": "\"repel\" | \"attract\" = repel",
1621
+ "intensity": "number = 20",
1622
+ "opacity": "DisplayProps[\"opacity\"] = 100",
1623
+ "reducedMotion": "boolean | \"auto\" = auto",
1624
+ "className": "string",
1625
+ "style": "React.CSSProperties",
1626
+ "children": "React.ReactNode"
1627
+ }
1628
+ },
1629
+ "PasswordInput": {
1630
+ "group": "components",
1631
+ "extends": [
1632
+ "Input"
1633
+ ]
1634
+ },
1635
+ "ProgressBar": {
1636
+ "group": "components",
1637
+ "extends": [
1638
+ "Flex"
1639
+ ],
1640
+ "mixins": [
1641
+ "CommonProps",
1642
+ "DisplayProps",
1643
+ "FlexProps",
1644
+ "SizeProps",
1645
+ "SpacingProps",
1646
+ "StyleProps"
1647
+ ],
1648
+ "props": {
1649
+ "value": "!number",
1650
+ "min": "number = 0",
1651
+ "max": "number = 100",
1652
+ "label": "boolean = true",
1653
+ "barBackground": "StyleProps[\"solid\"] = brand-strong",
1654
+ "className": "string",
1655
+ "style": "React.CSSProperties"
1656
+ }
1657
+ },
1658
+ "Pulse": {
1659
+ "group": "components",
1660
+ "extends": [
1661
+ "Flex"
1662
+ ],
1663
+ "mixins": [
1664
+ "CommonProps",
1665
+ "DisplayProps",
1666
+ "FlexProps",
1667
+ "SizeProps",
1668
+ "SpacingProps",
1669
+ "StyleProps"
1670
+ ],
1671
+ "props": {
1672
+ "variant": "ColorScheme = brand",
1673
+ "size": "CondensedTShirtSizes = m",
1674
+ "children": "ReactNode",
1675
+ "className": "string",
1676
+ "style": "React.CSSProperties"
1677
+ }
1678
+ },
1679
+ "RadioButton": {
1680
+ "group": "components",
1681
+ "extends": [
1682
+ "InteractiveDetails"
1683
+ ],
1684
+ "props": {
1685
+ "style": "React.CSSProperties",
1686
+ "className": "string",
1687
+ "isChecked": "boolean",
1688
+ "name": "string",
1689
+ "value": "string",
1690
+ "disabled": "boolean",
1691
+ "onToggle": "() => void"
1692
+ }
1693
+ },
1694
+ "RevealFx": {
1695
+ "group": "components",
1696
+ "extends": [
1697
+ "Flex"
1698
+ ],
1699
+ "mixins": [
1700
+ "CommonProps",
1701
+ "DisplayProps",
1702
+ "FlexProps",
1703
+ "SizeProps",
1704
+ "SpacingProps",
1705
+ "StyleProps"
1706
+ ],
1707
+ "props": {
1708
+ "children": "!React.ReactNode",
1709
+ "speed": "\"slow\" | \"medium\" | \"fast\" | number = medium",
1710
+ "delay": "number = 0",
1711
+ "revealedByDefault": "boolean = false",
1712
+ "translateY": "number | SpacingToken",
1713
+ "trigger": "boolean",
1714
+ "style": "React.CSSProperties",
1715
+ "className": "string"
1716
+ }
1717
+ },
1718
+ "Row": {
1719
+ "group": "components",
1720
+ "extends": [
1721
+ "Flex"
1722
+ ],
1723
+ "mixins": [
1724
+ "CommonProps",
1725
+ "DisplayProps",
1726
+ "FlexProps",
1727
+ "SizeProps",
1728
+ "SpacingProps",
1729
+ "StyleProps"
1730
+ ],
1731
+ "props": {
1732
+ "children": "React.ReactNode"
1733
+ }
1734
+ },
1735
+ "Scroller": {
1736
+ "group": "components",
1737
+ "extends": [
1738
+ "Flex"
1739
+ ],
1740
+ "mixins": [
1741
+ "CommonProps",
1742
+ "DisplayProps",
1743
+ "FlexProps",
1744
+ "SizeProps",
1745
+ "SpacingProps",
1746
+ "StyleProps"
1747
+ ],
1748
+ "props": {
1749
+ "children": "React.ReactNode",
1750
+ "direction": "\"row\" | \"column\" = row",
1751
+ "fadeColor": "BaseColor",
1752
+ "onItemClick": "(index: number) => void",
1753
+ "radius": "RadiusSize"
1754
+ }
1755
+ },
1756
+ "ScrollContainer": {
1757
+ "group": "components",
1758
+ "extends": [
1759
+ "Flex",
1760
+ "Row"
1761
+ ],
1762
+ "mixins": [
1763
+ "CommonProps",
1764
+ "DisplayProps",
1765
+ "FlexProps",
1766
+ "SizeProps",
1767
+ "SpacingProps",
1768
+ "StyleProps"
1769
+ ],
1770
+ "props": {
1771
+ "items": "!React.ReactNode[]",
1772
+ "controlPlacement": "\"top-start\" | \"top-center\" | \"top-end\" | \"top-between\" | \"bottom-start\" | \"bottom-center\" | \"bottom-end\" | \"bottom-between\" = top-start"
1773
+ }
1774
+ },
1775
+ "ScrollToTop": {
1776
+ "group": "components",
1777
+ "extends": [
1778
+ "Flex"
1779
+ ],
1780
+ "mixins": [
1781
+ "CommonProps",
1782
+ "DisplayProps",
1783
+ "FlexProps",
1784
+ "SizeProps",
1785
+ "SpacingProps",
1786
+ "StyleProps"
1787
+ ],
1788
+ "props": {
1789
+ "offset": "number = 300"
1790
+ }
1791
+ },
1792
+ "SegmentedControl": {
1793
+ "group": "components",
1794
+ "extends": [
1795
+ "Flex",
1796
+ "Scroller"
1797
+ ],
1798
+ "mixins": [
1799
+ "CommonProps",
1800
+ "DisplayProps",
1801
+ "FlexProps",
1802
+ "SizeProps",
1803
+ "SpacingProps",
1804
+ "StyleProps"
1805
+ ],
1806
+ "props": {
1807
+ "buttons": "!ButtonOption[]",
1808
+ "onToggle": "!(value: string, event?: React.MouseEvent<HTMLButtonElement>) => void",
1809
+ "defaultSelected": "string",
1810
+ "fillWidth": "boolean = true",
1811
+ "selected": "string",
1812
+ "compact": "boolean = false",
1813
+ "className": "string",
1814
+ "style": "React.CSSProperties"
1815
+ }
1816
+ },
1817
+ "Select": {
1818
+ "group": "components",
1819
+ "extends": [
1820
+ "Input",
1821
+ "DropdownWrapper"
1822
+ ],
1823
+ "props": {
1824
+ "options": "!SelectOptionType[]",
1825
+ "value": "string | string[] = ",
1826
+ "emptyState": "ReactNode = No results",
1827
+ "onSelect": "(value: any) => void",
1828
+ "placement": "Placement",
1829
+ "searchable": "boolean = false",
1830
+ "className": "string",
1831
+ "style": "React.CSSProperties",
1832
+ "fillWidth": "boolean = true",
1833
+ "multiple": "boolean = false"
1834
+ }
1835
+ },
1836
+ "ShineFx": {
1837
+ "group": "components",
1838
+ "mixins": [
1839
+ "CommonProps",
1840
+ "SpacingProps",
1841
+ "TextProps"
1842
+ ],
1843
+ "props": {
1844
+ "speed": "number = 1",
1845
+ "disabled": "boolean = false",
1846
+ "inverse": "boolean = false",
1847
+ "baseOpacity": "number = 0.3",
1848
+ "reducedMotion": "boolean | \"auto\" = auto",
1849
+ "children": "React.ReactNode"
1850
+ }
1851
+ },
1852
+ "Skeleton": {
1853
+ "group": "components",
1854
+ "extends": [
1855
+ "Flex"
1856
+ ],
1857
+ "mixins": [
1858
+ "CommonProps",
1859
+ "DisplayProps",
1860
+ "FlexProps",
1861
+ "SizeProps",
1862
+ "SpacingProps",
1863
+ "StyleProps"
1864
+ ],
1865
+ "props": {
1866
+ "shape": "!\"line\" | \"circle\" | \"block\" = line",
1867
+ "width": "\"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" = m",
1868
+ "height": "\"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" = m",
1869
+ "delay": "\"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\"",
1870
+ "style": "React.CSSProperties",
1871
+ "className": "string"
1872
+ }
1873
+ },
1874
+ "Slider": {
1875
+ "group": "components",
1876
+ "props": {
1877
+ "value": "!number",
1878
+ "onChange": "!(value: number) => void",
1879
+ "min": "number = 0",
1880
+ "max": "number = 100",
1881
+ "step": "number = 1",
1882
+ "label": "string",
1883
+ "showValue": "boolean = false",
1884
+ "disabled": "boolean = false",
1885
+ "className": "string",
1886
+ "style": "React.CSSProperties"
1887
+ }
1888
+ },
1889
+ "SmartLink": {
1890
+ "group": "components",
1891
+ "props": {
1892
+ "prefixIcon": "IconName",
1893
+ "suffixIcon": "IconName",
1894
+ "fillWidth": "boolean = false",
1895
+ "iconSize": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" = xs",
1896
+ "selected": "boolean",
1897
+ "unstyled": "boolean = false",
1898
+ "children": "!ReactNode",
1899
+ "href": "string",
1900
+ "style": "React.CSSProperties",
1901
+ "className": "string"
1902
+ }
1903
+ },
1904
+ "Spinner": {
1905
+ "group": "components",
1906
+ "extends": [
1907
+ "Flex"
1908
+ ],
1909
+ "mixins": [
1910
+ "CommonProps",
1911
+ "DisplayProps",
1912
+ "FlexProps",
1913
+ "SizeProps",
1914
+ "SpacingProps",
1915
+ "StyleProps"
1916
+ ],
1917
+ "props": {
1918
+ "size": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" = m",
1919
+ "ariaLabel": "string = Loading",
1920
+ "className": "string",
1921
+ "style": "React.CSSProperties"
1922
+ }
1923
+ },
1924
+ "SplitView": {
1925
+ "group": "components",
1926
+ "props": {
1927
+ "leftPanel": "!ReactNode",
1928
+ "rightPanel": "!ReactNode",
1929
+ "defaultSplit": "number = 0.3",
1930
+ "minSplit": "number = 0.2",
1931
+ "maxSplit": "number = 0.8",
1932
+ "xl": "FlexBreakpointProps",
1933
+ "l": "FlexBreakpointProps",
1934
+ "m": "FlexBreakpointProps",
1935
+ "s": "FlexBreakpointProps",
1936
+ "xs": "FlexBreakpointProps",
1937
+ "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
1938
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
1939
+ "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
1940
+ "center": "boolean",
1941
+ "wrap": "boolean",
1942
+ "flex": "flex",
1943
+ "children": "React.ReactNode",
1944
+ "textVariant": "TextVariant",
1945
+ "textSize": "TextSize",
1946
+ "textType": "TextType",
1947
+ "textWeight": "TextWeight",
1948
+ "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
1949
+ "solid": "Colors",
1950
+ "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
1951
+ "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
1952
+ "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
1953
+ "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
1954
+ "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
1955
+ "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
1956
+ "border": "Colors | \"surface\" | \"transparent\" | boolean",
1957
+ "borderStyle": "\"solid\" | \"dashed\"",
1958
+ "borderWidth": "1 | 2 | 4 | 6 | 8 | \"1\" | \"2\" | \"4\" | \"6\" | \"8\"",
1959
+ "topRadius": "RadiusSize",
1960
+ "rightRadius": "RadiusSize",
1961
+ "bottomRadius": "RadiusSize",
1962
+ "leftRadius": "RadiusSize",
1963
+ "topLeftRadius": "RadiusSize",
1964
+ "topRightRadius": "RadiusSize",
1965
+ "bottomLeftRadius": "RadiusSize",
1966
+ "bottomRightRadius": "RadiusSize",
1967
+ "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`",
1968
+ "shadow": "ShadowSize",
1969
+ "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
1970
+ "padding": "SpacingToken | number",
1971
+ "paddingLeft": "SpacingToken | number",
1972
+ "paddingRight": "SpacingToken | number",
1973
+ "paddingTop": "SpacingToken | number",
1974
+ "paddingBottom": "SpacingToken | number",
1975
+ "paddingX": "SpacingToken | number",
1976
+ "paddingY": "SpacingToken | number",
1977
+ "margin": "SpacingToken | number",
1978
+ "marginLeft": "SpacingToken | number",
1979
+ "marginRight": "SpacingToken | number",
1980
+ "marginTop": "SpacingToken | number",
1981
+ "marginBottom": "SpacingToken | number",
1982
+ "marginX": "SpacingToken | number",
1983
+ "marginY": "SpacingToken | number",
1984
+ "gap": "SpacingToken | number | \"-1\"",
1985
+ "top": "SpacingToken | number | CSSUnit",
1986
+ "right": "SpacingToken | number | CSSUnit",
1987
+ "bottom": "SpacingToken | number | CSSUnit",
1988
+ "left": "SpacingToken | number | CSSUnit",
1989
+ "translateX": "SpacingToken | number | CSSUnit",
1990
+ "translateY": "SpacingToken | number | CSSUnit",
1991
+ "width": "number | SpacingToken | CSSUnit",
1992
+ "height": "number | SpacingToken | CSSUnit",
1993
+ "maxWidth": "number | SpacingToken | CSSUnit",
1994
+ "minWidth": "number | SpacingToken | CSSUnit",
1995
+ "minHeight": "number | SpacingToken | CSSUnit",
1996
+ "maxHeight": "number | SpacingToken | CSSUnit",
1997
+ "fit": "boolean",
1998
+ "fitWidth": "boolean",
1999
+ "fitHeight": "boolean",
2000
+ "fill": "boolean",
2001
+ "fillWidth": "boolean",
2002
+ "fillHeight": "boolean",
2003
+ "aspectRatio": "CSSProperties[\"aspectRatio\"]",
2004
+ "onBackground": "Colors",
2005
+ "onSolid": "Colors",
2006
+ "align": "CSSProperties[\"textAlign\"]",
2007
+ "as": "ElementType",
2008
+ "inline": "boolean",
2009
+ "hide": "boolean",
2010
+ "pointerEvents": "\"none\" | \"all\" | \"auto\"",
2011
+ "position": "CSSProperties[\"position\"]",
2012
+ "overflow": "CSSProperties[\"overflow\"]",
2013
+ "overflowX": "CSSProperties[\"overflowX\"]",
2014
+ "overflowY": "CSSProperties[\"overflowY\"]",
2015
+ "scrollbar": "\"default\" | \"minimal\"",
2016
+ "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
2017
+ "opacity": "opacity",
2018
+ "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
2019
+ "dark": "boolean",
2020
+ "light": "boolean"
2021
+ }
2022
+ },
2023
+ "StatusIndicator": {
2024
+ "group": "components",
2025
+ "extends": [
2026
+ "Flex"
2027
+ ],
2028
+ "mixins": [
2029
+ "CommonProps",
2030
+ "DisplayProps",
2031
+ "FlexProps",
2032
+ "SizeProps",
2033
+ "SpacingProps",
2034
+ "StyleProps"
2035
+ ],
2036
+ "props": {
2037
+ "size": "\"s\" | \"m\" | \"l\" = m",
2038
+ "color": "!\"blue\" | \"indigo\" | \"violet\" | \"magenta\" | \"pink\" | \"red\" | \"orange\" | \"yellow\" | \"moss\" | \"green\" | \"emerald\" | \"aqua\" | \"cyan\" | \"gray\" = blue",
2039
+ "ariaLabel": "string = `${color} status indicator`",
2040
+ "className": "string",
2041
+ "style": "React.CSSProperties"
2042
+ }
2043
+ },
2044
+ "StylePanel": {
2045
+ "group": "components",
2046
+ "extends": [
2047
+ "Flex"
2048
+ ],
2049
+ "mixins": [
2050
+ "CommonProps",
2051
+ "DisplayProps",
2052
+ "FlexProps",
2053
+ "SizeProps",
2054
+ "SpacingProps",
2055
+ "StyleProps"
2056
+ ],
2057
+ "props": {
2058
+ "style": "React.CSSProperties",
2059
+ "className": "string"
2060
+ }
2061
+ },
2062
+ "StyleOverlay": {
2063
+ "group": "components",
2064
+ "extends": [
2065
+ "Flex"
2066
+ ],
2067
+ "mixins": [
2068
+ "CommonProps",
2069
+ "DisplayProps",
2070
+ "FlexProps",
2071
+ "SizeProps",
2072
+ "SpacingProps",
2073
+ "StyleProps"
2074
+ ],
2075
+ "props": {
2076
+ "iconButtonProps": "Partial<React.ComponentProps<typeof IconButton>>",
2077
+ "children": "!React.ReactNode",
2078
+ "zIndex": "DisplayProps[\"zIndex\"] = 2"
2079
+ }
2080
+ },
2081
+ "Switch": {
2082
+ "group": "components",
2083
+ "extends": [
2084
+ "InteractiveDetails"
2085
+ ],
2086
+ "props": {
2087
+ "style": "React.CSSProperties",
2088
+ "className": "string",
2089
+ "isChecked": "!boolean",
2090
+ "loading": "boolean = false",
2091
+ "name": "string",
2092
+ "value": "string",
2093
+ "disabled": "boolean",
2094
+ "reverse": "boolean = false",
2095
+ "ariaLabel": "string = Toggle switch",
2096
+ "onToggle": "!() => void"
2097
+ }
2098
+ },
2099
+ "Table": {
2100
+ "group": "components",
2101
+ "extends": [
2102
+ "Flex"
2103
+ ],
2104
+ "mixins": [
2105
+ "CommonProps",
2106
+ "DisplayProps",
2107
+ "FlexProps",
2108
+ "SizeProps",
2109
+ "SpacingProps",
2110
+ "StyleProps"
2111
+ ],
2112
+ "props": {
2113
+ "data": "!{ headers: { content: ReactNode; key: string; sortable?: boolean; }[]; rows: ReactNode[][]; }",
2114
+ "onRowClick": "(rowIndex: number) => void"
2115
+ }
2116
+ },
2117
+ "Tag": {
2118
+ "group": "components",
2119
+ "extends": [
2120
+ "Flex"
2121
+ ],
2122
+ "mixins": [
2123
+ "CommonProps",
2124
+ "DisplayProps",
2125
+ "FlexProps",
2126
+ "SizeProps",
2127
+ "SpacingProps",
2128
+ "StyleProps"
2129
+ ],
2130
+ "props": {
2131
+ "variant": "ColorScheme | \"gradient\" = neutral",
2132
+ "size": "\"s\" | \"m\" | \"l\" = m",
2133
+ "label": "string = ",
2134
+ "prefixIcon": "IconName",
2135
+ "suffixIcon": "IconName",
2136
+ "children": "ReactNode"
2137
+ }
2138
+ },
2139
+ "TagInput": {
2140
+ "group": "components",
2141
+ "extends": [
2142
+ "Input"
2143
+ ],
2144
+ "props": {
2145
+ "value": "!string[]",
2146
+ "onChange": "!(value: string[]) => void"
2147
+ }
2148
+ },
2149
+ "Text": {
2150
+ "group": "components",
2151
+ "mixins": [
2152
+ "CommonProps",
2153
+ "SpacingProps",
2154
+ "TextProps"
2155
+ ]
2156
+ },
2157
+ "Textarea": {
2158
+ "group": "components",
2159
+ "props": {
2160
+ "id": "!string",
2161
+ "label": "string",
2162
+ "placeholder": "string",
2163
+ "lines": "number | \"auto\" = 3",
2164
+ "height": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" = m",
2165
+ "error": "boolean = false",
2166
+ "errorMessage": "ReactNode",
2167
+ "description": "ReactNode",
2168
+ "radius": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
2169
+ "className": "string",
2170
+ "hasPrefix": "ReactNode",
2171
+ "hasSuffix": "ReactNode",
2172
+ "variant": "\"default\" | \"ghost\" = default",
2173
+ "characterCount": "boolean",
2174
+ "resize": "\"horizontal\" | \"vertical\" | \"both\" | \"none\" = vertical",
2175
+ "validate": "(value: ReactNode) => ReactNode | null",
2176
+ "disabled": "boolean = false"
2177
+ }
2178
+ },
2179
+ "TiltFx": {
2180
+ "group": "components",
2181
+ "extends": [
2182
+ "Flex"
2183
+ ],
2184
+ "mixins": [
2185
+ "CommonProps",
2186
+ "DisplayProps",
2187
+ "FlexProps",
2188
+ "SizeProps",
2189
+ "SpacingProps",
2190
+ "StyleProps"
2191
+ ],
2192
+ "props": {
2193
+ "children": "!React.ReactNode",
2194
+ "intensity": "number = 1",
2195
+ "reducedMotion": "boolean | \"auto\" = auto"
2196
+ }
2197
+ },
2198
+ "Timeline": {
2199
+ "group": "components",
2200
+ "extends": [
2201
+ "Flex"
2202
+ ],
2203
+ "mixins": [
2204
+ "CommonProps",
2205
+ "DisplayProps",
2206
+ "FlexProps",
2207
+ "SizeProps",
2208
+ "SpacingProps",
2209
+ "StyleProps"
2210
+ ],
2211
+ "props": {
2212
+ "items": "!TimelineItem[]",
2213
+ "alignment": "\"left\" | \"right\" = left",
2214
+ "size": "TShirtSizes = m"
2215
+ }
2216
+ },
2217
+ "Toast": {
2218
+ "group": "components",
2219
+ "props": {
2220
+ "className": "string",
2221
+ "variant": "!\"success\" | \"danger\"",
2222
+ "icon": "boolean = true",
2223
+ "onClose": "() => void",
2224
+ "action": "React.ReactNode",
2225
+ "children": "!React.ReactNode"
2226
+ }
2227
+ },
2228
+ "Toaster": {
2229
+ "group": "components",
2230
+ "props": {
2231
+ "toasts": "!{ id: string; variant: \"success\" | \"danger\"; message: React.ReactNode; action?: React.ReactNode; }[]",
2232
+ "removeToast": "!(id: string) => void",
2233
+ "xl": "ToastPosition",
2234
+ "l": "ToastPosition",
2235
+ "m": "ToastPosition",
2236
+ "s": "ToastPosition",
2237
+ "xs": "ToastPosition"
2238
+ }
2239
+ },
2240
+ "ToggleButton": {
2241
+ "group": "components",
2242
+ "props": {
2243
+ "label": "ReactNode",
2244
+ "selected": "boolean = false",
2245
+ "variant": "\"ghost\" | \"outline\" = ghost",
2246
+ "size": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" = m",
2247
+ "radius": "\"none\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\"",
2248
+ "rounded": "boolean = false",
2249
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" = center",
2250
+ "fillWidth": "boolean = false",
2251
+ "weight": "\"default\" | \"strong\" = default",
2252
+ "truncate": "boolean = false",
2253
+ "disabled": "boolean = false",
2254
+ "prefixIcon": "IconName",
2255
+ "suffixIcon": "IconName",
2256
+ "className": "string",
2257
+ "style": "React.CSSProperties",
2258
+ "children": "ReactNode",
2259
+ "href": "string"
2260
+ }
2261
+ },
2262
+ "Tooltip": {
2263
+ "group": "components",
2264
+ "extends": [
2265
+ "Flex",
2266
+ "Row"
2267
+ ],
2268
+ "mixins": [
2269
+ "CommonProps",
2270
+ "DisplayProps",
2271
+ "FlexProps",
2272
+ "SizeProps",
2273
+ "SpacingProps",
2274
+ "StyleProps"
2275
+ ],
2276
+ "props": {
2277
+ "label": "!ReactNode",
2278
+ "prefixIcon": "IconName",
2279
+ "suffixIcon": "IconName",
2280
+ "className": "string",
2281
+ "style": "React.CSSProperties"
2282
+ }
2283
+ },
2284
+ "TypeFx": {
2285
+ "group": "components",
2286
+ "props": {
2287
+ "words": "!string | string[]",
2288
+ "speed": "number = 100",
2289
+ "delay": "number = 0",
2290
+ "hold": "number = 2000",
2291
+ "trigger": "\"instant\" | \"custom\" = instant",
2292
+ "onTrigger": "(triggerFn: () => void) => void",
2293
+ "loop": "boolean = true",
2294
+ "children": "React.ReactNode"
2295
+ }
2296
+ },
2297
+ "ThemeSwitcher": {
2298
+ "group": "components",
2299
+ "extends": [
2300
+ "Flex",
2301
+ "Row"
2302
+ ],
2303
+ "mixins": [
2304
+ "CommonProps",
2305
+ "DisplayProps",
2306
+ "FlexProps",
2307
+ "SizeProps",
2308
+ "SpacingProps",
2309
+ "StyleProps"
2310
+ ]
2311
+ },
2312
+ "User": {
2313
+ "group": "components",
2314
+ "props": {
2315
+ "name": "string",
2316
+ "children": "React.ReactNode",
2317
+ "subline": "React.ReactNode",
2318
+ "tag": "string",
2319
+ "tagProps": "TagProps = {}",
2320
+ "loading": "boolean = false",
2321
+ "avatarProps": "AvatarProps = {}",
2322
+ "className": "string"
2323
+ }
2324
+ },
2325
+ "UserMenu": {
2326
+ "group": "components",
2327
+ "extends": [
2328
+ "User",
2329
+ "DropdownWrapper"
2330
+ ],
2331
+ "props": {
2332
+ "selected": "boolean = false",
2333
+ "placement": "Placement",
2334
+ "dropdown": "React.ReactNode",
2335
+ "className": "string",
2336
+ "style": "React.CSSProperties"
2337
+ }
2338
+ },
2339
+ "CelebrationFx": {
2340
+ "group": "components",
2341
+ "extends": [
2342
+ "Flex"
2343
+ ],
2344
+ "mixins": [
2345
+ "CommonProps",
2346
+ "DisplayProps",
2347
+ "FlexProps",
2348
+ "SizeProps",
2349
+ "SpacingProps",
2350
+ "StyleProps"
2351
+ ],
2352
+ "props": {
2353
+ "type": "CelebrationType = confetti",
2354
+ "speed": "number = 1",
2355
+ "colors": "string[] = [\"brand-solid-medium\", \"accent-solid-medium\"]",
2356
+ "intensity": "number = 50",
2357
+ "duration": "number",
2358
+ "trigger": "\"mount\" | \"hover\" | \"manual\" | \"click\" = mount",
2359
+ "active": "boolean = true",
2360
+ "reducedMotion": "boolean | \"auto\" = auto",
2361
+ "children": "React.ReactNode"
2362
+ }
2363
+ },
2364
+ "FadingLettersFx": {
2365
+ "group": "components",
2366
+ "mixins": [
2367
+ "CommonProps",
2368
+ "SpacingProps",
2369
+ "TextProps"
2370
+ ],
2371
+ "props": {
2372
+ "text": "!string",
2373
+ "animationState": "!AnimationState",
2374
+ "messageIdx": "number = 0"
2375
+ }
2376
+ },
2377
+ "CodeBlock": {
2378
+ "group": "modules",
2379
+ "extends": [
2380
+ "CodeBlock.impl",
2381
+ "Flex"
2382
+ ],
2383
+ "mixins": [
2384
+ "CommonProps",
2385
+ "DisplayProps",
2386
+ "FlexProps",
2387
+ "SizeProps",
2388
+ "SpacingProps",
2389
+ "StyleProps"
2390
+ ]
2391
+ },
2392
+ "MediaUpload": {
2393
+ "group": "modules",
2394
+ "extends": [
2395
+ "MediaUpload.impl",
2396
+ "Flex"
2397
+ ],
2398
+ "mixins": [
2399
+ "CommonProps",
2400
+ "DisplayProps",
2401
+ "FlexProps",
2402
+ "SizeProps",
2403
+ "SpacingProps",
2404
+ "StyleProps"
2405
+ ]
2406
+ },
2407
+ "Schema": {
2408
+ "group": "modules",
2409
+ "props": {
2410
+ "as": "!\"website\" | \"article\" | \"blogPosting\" | \"techArticle\" | \"webPage\" | \"organization\"",
2411
+ "title": "!string",
2412
+ "description": "!string",
2413
+ "baseURL": "!string",
2414
+ "path": "!string",
2415
+ "datePublished": "string",
2416
+ "dateModified": "string",
2417
+ "image": "string",
2418
+ "sameAs": "string[] = []",
2419
+ "author": "{ name: string; url?: string; image?: string; }"
2420
+ }
2421
+ },
2422
+ "Kbar": {
2423
+ "group": "modules",
2424
+ "props": {
2425
+ "items": "!KbarItem[]",
2426
+ "children": "!React.ReactNode"
2427
+ }
2428
+ },
2429
+ "MobileMegaMenu": {
2430
+ "group": "modules",
2431
+ "extends": [
2432
+ "Flex"
2433
+ ],
2434
+ "mixins": [
2435
+ "CommonProps",
2436
+ "DisplayProps",
2437
+ "FlexProps",
2438
+ "SizeProps",
2439
+ "SpacingProps",
2440
+ "StyleProps"
2441
+ ],
2442
+ "props": {
2443
+ "menuGroups": "!MenuGroup[]",
2444
+ "onClose": "() => void"
2445
+ }
2446
+ },
2447
+ "MegaMenu": {
2448
+ "group": "modules",
2449
+ "extends": [
2450
+ "Flex"
2451
+ ],
2452
+ "mixins": [
2453
+ "CommonProps",
2454
+ "DisplayProps",
2455
+ "FlexProps",
2456
+ "SizeProps",
2457
+ "SpacingProps",
2458
+ "StyleProps"
2459
+ ],
2460
+ "props": {
2461
+ "menuGroups": "!MenuGroup[]",
2462
+ "className": "string"
2463
+ }
2464
+ },
2465
+ "HeadingLink": {
2466
+ "group": "modules",
2467
+ "extends": [
2468
+ "Flex"
2469
+ ],
2470
+ "mixins": [
2471
+ "CommonProps",
2472
+ "DisplayProps",
2473
+ "FlexProps",
2474
+ "SizeProps",
2475
+ "SpacingProps",
2476
+ "StyleProps"
2477
+ ],
2478
+ "props": {
2479
+ "id": "!string",
2480
+ "as": "!\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
2481
+ "children": "!React.ReactNode",
2482
+ "style": "React.CSSProperties"
2483
+ }
2484
+ },
2485
+ "HeadingNav": {
2486
+ "group": "modules",
2487
+ "extends": [
2488
+ "Flex"
2489
+ ],
2490
+ "mixins": [
2491
+ "CommonProps",
2492
+ "DisplayProps",
2493
+ "FlexProps",
2494
+ "SizeProps",
2495
+ "SpacingProps",
2496
+ "StyleProps"
2497
+ ],
2498
+ "props": {
2499
+ "header": "boolean = true"
2500
+ }
2501
+ },
2502
+ "ChartHeader": {
2503
+ "group": "modules",
2504
+ "extends": [
2505
+ "Flex",
2506
+ "Column"
2507
+ ],
2508
+ "mixins": [
2509
+ "CommonProps",
2510
+ "DisplayProps",
2511
+ "FlexProps",
2512
+ "SizeProps",
2513
+ "SpacingProps",
2514
+ "StyleProps"
2515
+ ],
2516
+ "props": {
2517
+ "title": "React.ReactNode",
2518
+ "description": "React.ReactNode",
2519
+ "dateRange": "DateRange",
2520
+ "date": "DateConfig",
2521
+ "onDateRangeChange": "(range: DateRange) => void",
2522
+ "presets": "PresetsConfig = { display: true, granularity: \"week\" }"
2523
+ }
2524
+ },
2525
+ "ChartStatus": {
2526
+ "group": "modules",
2527
+ "props": {
2528
+ "loading": "boolean = false",
2529
+ "empty": "boolean = false",
2530
+ "error": "boolean = false",
2531
+ "emptyState": "React.ReactNode = No data available for the selected period",
2532
+ "errorState": "React.ReactNode = An error occurred while fetching data"
2533
+ }
2534
+ },
2535
+ "LinearGradient": {
2536
+ "group": "modules",
2537
+ "props": {
2538
+ "id": "!string",
2539
+ "color": "!string",
2540
+ "x1": "string = 0",
2541
+ "y1": "string = 0",
2542
+ "x2": "string = 0",
2543
+ "y2": "string = 1",
2544
+ "stops": "GradientStop[]",
2545
+ "variant": "ChartVariant = useDataTheme().variant"
2546
+ }
2547
+ },
2548
+ "RadialGradient": {
2549
+ "group": "modules",
2550
+ "props": {
2551
+ "id": "!string",
2552
+ "color": "!string",
2553
+ "cx": "string = 50%",
2554
+ "cy": "string = 50%",
2555
+ "r": "string = 50%",
2556
+ "fx": "string = 50%",
2557
+ "fy": "string = 50%",
2558
+ "stops": "GradientStop[]",
2559
+ "variant": "ChartVariant = useDataTheme().variant"
2560
+ }
2561
+ },
2562
+ "BarChart": {
2563
+ "group": "modules",
2564
+ "extends": [
2565
+ "BarChart.impl",
2566
+ "interfaces",
2567
+ "Flex"
2568
+ ],
2569
+ "mixins": [
2570
+ "CommonProps",
2571
+ "DisplayProps",
2572
+ "FlexProps",
2573
+ "SizeProps",
2574
+ "SpacingProps",
2575
+ "StyleProps"
2576
+ ]
2577
+ },
2578
+ "LineChart": {
2579
+ "group": "modules",
2580
+ "extends": [
2581
+ "LineChart.impl",
2582
+ "interfaces",
2583
+ "Flex"
2584
+ ],
2585
+ "mixins": [
2586
+ "CommonProps",
2587
+ "DisplayProps",
2588
+ "FlexProps",
2589
+ "SizeProps",
2590
+ "SpacingProps",
2591
+ "StyleProps"
2592
+ ]
2593
+ },
2594
+ "PieChart": {
2595
+ "group": "modules",
2596
+ "extends": [
2597
+ "PieChart.impl",
2598
+ "interfaces",
2599
+ "Flex"
2600
+ ],
2601
+ "mixins": [
2602
+ "CommonProps",
2603
+ "DisplayProps",
2604
+ "FlexProps",
2605
+ "SizeProps",
2606
+ "SpacingProps",
2607
+ "StyleProps"
2608
+ ]
2609
+ },
2610
+ "LineBarChart": {
2611
+ "group": "modules",
2612
+ "extends": [
2613
+ "LineBarChart.impl",
2614
+ "interfaces",
2615
+ "Flex"
2616
+ ],
2617
+ "mixins": [
2618
+ "CommonProps",
2619
+ "DisplayProps",
2620
+ "FlexProps",
2621
+ "SizeProps",
2622
+ "SpacingProps",
2623
+ "StyleProps"
2624
+ ]
2625
+ },
2626
+ "DataTooltip": {
2627
+ "group": "modules",
2628
+ "props": {
2629
+ "active": "boolean",
2630
+ "payload": "readonly any[]",
2631
+ "label": "string | number",
2632
+ "dataKey": "string = name",
2633
+ "DataTooltip": "React.ReactNode",
2634
+ "date": "DateConfig = { format: \"MMM d\" }",
2635
+ "colors": "boolean = true",
2636
+ "variant": "ChartVariant = gradient"
2637
+ }
2638
+ },
2639
+ "Legend": {
2640
+ "group": "modules",
2641
+ "props": {
2642
+ "payload": "readonly any[]",
2643
+ "labels": "\"x\" | \"y\" | \"both\" | \"none\" = both",
2644
+ "colors": "string[]",
2645
+ "reverseY": "boolean",
2646
+ "direction": "\"row\" | \"column\"",
2647
+ "position": "\"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\" | \"top-center\" | \"bottom-center\" = top-left",
2648
+ "variant": "ChartVariant = useDataTheme().variant"
2649
+ }
2650
+ },
2651
+ "RadialGauge": {
2652
+ "group": "modules",
2653
+ "extends": [
2654
+ "Flex"
2655
+ ],
2656
+ "mixins": [
2657
+ "CommonProps",
2658
+ "DisplayProps",
2659
+ "FlexProps",
2660
+ "SizeProps",
2661
+ "SpacingProps",
2662
+ "StyleProps"
2663
+ ],
2664
+ "props": {
2665
+ "width": "number = 300",
2666
+ "height": "number = 300",
2667
+ "line": "{ count?: number; width?: number; length?: number; }",
2668
+ "unit": "React.ReactNode",
2669
+ "value": "number = 7",
2670
+ "angle": "{ start: number; sweep: number; } = {\r\n start: 0,\r\n sweep: 360,\r\n }",
2671
+ "direction": "'cw' | 'ccw' = cw",
2672
+ "edgePad": "number = 0",
2673
+ "children": "React.ReactNode",
2674
+ "hue": "\"success\" | \"neutral\" | \"danger\" | [number, number]",
2675
+ "color": "string = contrast"
2676
+ }
2677
+ },
2678
+ "LinearGauge": {
2679
+ "group": "modules",
2680
+ "extends": [
2681
+ "Flex"
2682
+ ],
2683
+ "mixins": [
2684
+ "CommonProps",
2685
+ "DisplayProps",
2686
+ "FlexProps",
2687
+ "SizeProps",
2688
+ "SpacingProps",
2689
+ "StyleProps"
2690
+ ],
2691
+ "props": {
2692
+ "width": "number = 400",
2693
+ "height": "number = 80",
2694
+ "line": "{ count?: number; width?: number; length?: number; }",
2695
+ "value": "number = 50",
2696
+ "labels": "\"none\" | \"percentage\" | string[] = none",
2697
+ "hue": "\"success\" | \"neutral\" | \"danger\" | [number, number]",
2698
+ "color": "string = contrast"
2699
+ }
2700
+ }
2701
+ }
2702
+ }