@once-ui-system/core 1.7.11 → 1.7.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ai/catalog.json +1650 -0
- package/ai/catalog.seed.json +411 -0
- package/ai/components/Accordion.json +136 -0
- package/ai/components/AccordionGroup.json +128 -0
- package/ai/components/Animation.json +146 -0
- package/ai/components/Arrow.json +128 -0
- package/ai/components/AutoScroll.json +130 -0
- package/ai/components/Avatar.json +133 -0
- package/ai/components/AvatarGroup.json +129 -0
- package/ai/components/Background.json +131 -0
- package/ai/components/Badge.json +132 -0
- package/ai/components/Banner.json +122 -0
- package/ai/components/BarChart.json +123 -0
- package/ai/components/BlobFx.json +125 -0
- package/ai/components/BlockQuote.json +132 -0
- package/ai/components/Button.json +26 -0
- package/ai/components/Card.json +129 -0
- package/ai/components/Carousel.json +134 -0
- package/ai/components/CelebrationFx.json +132 -0
- package/ai/components/ChartHeader.json +130 -0
- package/ai/components/ChartStatus.json +12 -0
- package/ai/components/Checkbox.json +13 -0
- package/ai/components/Chip.json +132 -0
- package/ai/components/CodeBlock.json +122 -0
- package/ai/components/ColorInput.json +13 -0
- package/ai/components/Column.json +128 -0
- package/ai/components/CompareImage.json +126 -0
- package/ai/components/ContextMenu.json +22 -0
- package/ai/components/CountFx.json +82 -0
- package/ai/components/CountdownFx.json +11 -0
- package/ai/components/Cursor.json +9 -0
- package/ai/components/CursorCard.json +128 -0
- package/ai/components/DataTooltip.json +15 -0
- package/ai/components/DateInput.json +21 -0
- package/ai/components/DatePicker.json +143 -0
- package/ai/components/DateRangeInput.json +18 -0
- package/ai/components/DateRangePicker.json +129 -0
- package/ai/components/Dialog.json +134 -0
- package/ai/components/DialogProvider.json +8 -0
- package/ai/components/Dropdown.json +128 -0
- package/ai/components/DropdownWrapper.json +28 -0
- package/ai/components/EmojiPicker.json +129 -0
- package/ai/components/EmojiPickerDropdown.json +13 -0
- package/ai/components/Fade.json +130 -0
- package/ai/components/FadingLettersFx.json +77 -0
- package/ai/components/Feedback.json +132 -0
- package/ai/components/Flex.json +125 -0
- package/ai/components/FlipFx.json +133 -0
- package/ai/components/GlitchFx.json +128 -0
- package/ai/components/Grid.json +121 -0
- package/ai/components/Heading.json +75 -0
- package/ai/components/HeadingLink.json +127 -0
- package/ai/components/HeadingNav.json +124 -0
- package/ai/components/HoloFx.json +128 -0
- package/ai/components/Hover.json +130 -0
- package/ai/components/HoverCard.json +122 -0
- package/ai/components/Icon.json +132 -0
- package/ai/components/IconButton.json +22 -0
- package/ai/components/InfiniteScroll.json +130 -0
- package/ai/components/InlineCode.json +126 -0
- package/ai/components/Input.json +24 -0
- package/ai/components/InteractiveDetails.json +14 -0
- package/ai/components/Kbar.json +10 -0
- package/ai/components/Kbd.json +127 -0
- package/ai/components/Legend.json +14 -0
- package/ai/components/LetterFx.json +14 -0
- package/ai/components/Line.json +125 -0
- package/ai/components/LineBarChart.json +123 -0
- package/ai/components/LineChart.json +123 -0
- package/ai/components/LinearGauge.json +130 -0
- package/ai/components/LinearGradient.json +15 -0
- package/ai/components/List.json +127 -0
- package/ai/components/ListItem.json +77 -0
- package/ai/components/Logo.json +16 -0
- package/ai/components/LogoCloud.json +124 -0
- package/ai/components/Mask.json +131 -0
- package/ai/components/MasonryGrid.json +132 -0
- package/ai/components/MatrixFx.json +135 -0
- package/ai/components/Media.json +142 -0
- package/ai/components/MediaUpload.json +122 -0
- package/ai/components/MegaMenu.json +125 -0
- package/ai/components/MobileMegaMenu.json +125 -0
- package/ai/components/Modal.json +12 -0
- package/ai/components/NavIcon.json +127 -0
- package/ai/components/NumberInput.json +16 -0
- package/ai/components/OTPInput.json +13 -0
- package/ai/components/OgCard.json +135 -0
- package/ai/components/Option.json +137 -0
- package/ai/components/Particle.json +135 -0
- package/ai/components/PasswordInput.json +8 -0
- package/ai/components/PieChart.json +123 -0
- package/ai/components/ProgressBar.json +131 -0
- package/ai/components/Pulse.json +129 -0
- package/ai/components/RadialGauge.json +134 -0
- package/ai/components/RadialGradient.json +16 -0
- package/ai/components/RadioButton.json +17 -0
- package/ai/components/RevealFx.json +131 -0
- package/ai/components/Row.json +128 -0
- package/ai/components/Schema.json +17 -0
- package/ai/components/ScrollContainer.json +126 -0
- package/ai/components/ScrollToTop.json +124 -0
- package/ai/components/Scroller.json +128 -0
- package/ai/components/SegmentedControl.json +132 -0
- package/ai/components/Select.json +21 -0
- package/ai/components/ShineFx.json +80 -0
- package/ai/components/Skeleton.json +129 -0
- package/ai/components/Slider.json +17 -0
- package/ai/components/SmartLink.json +17 -0
- package/ai/components/Spinner.json +127 -0
- package/ai/components/SplitView.json +129 -0
- package/ai/components/StatusIndicator.json +128 -0
- package/ai/components/StyleOverlay.json +126 -0
- package/ai/components/StylePanel.json +125 -0
- package/ai/components/Swiper.json +130 -0
- package/ai/components/Switch.json +20 -0
- package/ai/components/Table.json +125 -0
- package/ai/components/Tag.json +129 -0
- package/ai/components/TagInput.json +12 -0
- package/ai/components/Text.json +72 -0
- package/ai/components/Textarea.json +24 -0
- package/ai/components/ThemeSwitcher.json +122 -0
- package/ai/components/TiltFx.json +126 -0
- package/ai/components/Timeline.json +126 -0
- package/ai/components/Toast.json +13 -0
- package/ai/components/Toaster.json +14 -0
- package/ai/components/ToggleButton.json +24 -0
- package/ai/components/Tooltip.json +129 -0
- package/ai/components/TypeFx.json +15 -0
- package/ai/components/User.json +15 -0
- package/ai/components/UserMenu.json +16 -0
- package/ai/components/WeatherFx.json +133 -0
- package/ai/examples/auth.tsx +105 -0
- package/ai/examples/blocks/Background6.tsx +25 -0
- package/ai/examples/blocks/Chat1.tsx +70 -0
- package/ai/examples/blocks/Dashboard1.tsx +404 -0
- package/ai/examples/blocks/Feed3.tsx +151 -0
- package/ai/examples/blocks/Footer1.tsx +30 -0
- package/ai/examples/blocks/Footer2.tsx +96 -0
- package/ai/examples/blocks/Footer3.tsx +127 -0
- package/ai/examples/blocks/Footer4.tsx +406 -0
- package/ai/examples/blocks/Header1.tsx +370 -0
- package/ai/examples/blocks/Header2.tsx +98 -0
- package/ai/examples/blocks/Header3.tsx +133 -0
- package/ai/examples/blocks/Header4.tsx +123 -0
- package/ai/examples/blocks/Productivity1.tsx +318 -0
- package/ai/examples/blocks/Roadmap1.tsx +133 -0
- package/ai/examples/blocks/Sidebar1.tsx +34 -0
- package/ai/examples/blocks/Sidebar2.tsx +17 -0
- package/ai/examples/blocks/Sidebar4.tsx +92 -0
- package/ai/examples/blocks/Sidebar5.tsx +73 -0
- package/ai/examples/blocks/Streaming1.tsx +353 -0
- package/ai/examples/blocks/Table1.tsx +303 -0
- package/ai/examples/blocks/Waitlist1.tsx +141 -0
- package/ai/examples/blocks/content/chat1content.ts +65 -0
- package/ai/examples/blocks/content/resources.ts +5 -0
- package/ai/examples/blocks/content/roadmap1content.ts +51 -0
- package/ai/examples/blocks/manifest.json +191 -0
- package/ai/examples/dashboard.tsx +150 -0
- package/ai/examples/marketing-hero.tsx +152 -0
- package/ai/examples/pricing.tsx +219 -0
- package/ai/examples/settings.tsx +140 -0
- package/ai/gotchas.json +85 -0
- package/ai/manifest.json +21 -0
- package/ai/rules.compact.md +73 -0
- package/ai/spec.json +2679 -2701
- package/ai/tasks/auth.json +23 -0
- package/ai/tasks/chat.json +28 -0
- package/ai/tasks/dashboard.json +39 -0
- package/ai/tasks/index.json +12 -0
- package/ai/tasks/marketing-hero.json +38 -0
- package/ai/tasks/pricing.json +42 -0
- package/ai/tasks/roadmap.json +22 -0
- package/ai/tasks/settings.json +34 -0
- package/dist/ai/catalog.json +1650 -0
- package/dist/ai/catalog.seed.json +411 -0
- package/dist/ai/components/Accordion.json +136 -0
- package/dist/ai/components/AccordionGroup.json +128 -0
- package/dist/ai/components/Animation.json +146 -0
- package/dist/ai/components/Arrow.json +128 -0
- package/dist/ai/components/AutoScroll.json +130 -0
- package/dist/ai/components/Avatar.json +133 -0
- package/dist/ai/components/AvatarGroup.json +129 -0
- package/dist/ai/components/Background.json +131 -0
- package/dist/ai/components/Badge.json +132 -0
- package/dist/ai/components/Banner.json +122 -0
- package/dist/ai/components/BarChart.json +123 -0
- package/dist/ai/components/BlobFx.json +125 -0
- package/dist/ai/components/BlockQuote.json +132 -0
- package/dist/ai/components/Button.json +26 -0
- package/dist/ai/components/Card.json +129 -0
- package/dist/ai/components/Carousel.json +134 -0
- package/dist/ai/components/CelebrationFx.json +132 -0
- package/dist/ai/components/ChartHeader.json +130 -0
- package/dist/ai/components/ChartStatus.json +12 -0
- package/dist/ai/components/Checkbox.json +13 -0
- package/dist/ai/components/Chip.json +132 -0
- package/dist/ai/components/CodeBlock.json +122 -0
- package/dist/ai/components/ColorInput.json +13 -0
- package/dist/ai/components/Column.json +128 -0
- package/dist/ai/components/CompareImage.json +126 -0
- package/dist/ai/components/ContextMenu.json +22 -0
- package/dist/ai/components/CountFx.json +82 -0
- package/dist/ai/components/CountdownFx.json +11 -0
- package/dist/ai/components/Cursor.json +9 -0
- package/dist/ai/components/CursorCard.json +128 -0
- package/dist/ai/components/DataTooltip.json +15 -0
- package/dist/ai/components/DateInput.json +21 -0
- package/dist/ai/components/DatePicker.json +143 -0
- package/dist/ai/components/DateRangeInput.json +18 -0
- package/dist/ai/components/DateRangePicker.json +129 -0
- package/dist/ai/components/Dialog.json +134 -0
- package/dist/ai/components/DialogProvider.json +8 -0
- package/dist/ai/components/Dropdown.json +128 -0
- package/dist/ai/components/DropdownWrapper.json +28 -0
- package/dist/ai/components/EmojiPicker.json +129 -0
- package/dist/ai/components/EmojiPickerDropdown.json +13 -0
- package/dist/ai/components/Fade.json +130 -0
- package/dist/ai/components/FadingLettersFx.json +77 -0
- package/dist/ai/components/Feedback.json +132 -0
- package/dist/ai/components/Flex.json +125 -0
- package/dist/ai/components/FlipFx.json +133 -0
- package/dist/ai/components/GlitchFx.json +128 -0
- package/dist/ai/components/Grid.json +121 -0
- package/dist/ai/components/Heading.json +75 -0
- package/dist/ai/components/HeadingLink.json +127 -0
- package/dist/ai/components/HeadingNav.json +124 -0
- package/dist/ai/components/HoloFx.json +128 -0
- package/dist/ai/components/Hover.json +130 -0
- package/dist/ai/components/HoverCard.json +122 -0
- package/dist/ai/components/Icon.json +132 -0
- package/dist/ai/components/IconButton.json +22 -0
- package/dist/ai/components/InfiniteScroll.json +130 -0
- package/dist/ai/components/InlineCode.json +126 -0
- package/dist/ai/components/Input.json +24 -0
- package/dist/ai/components/InteractiveDetails.json +14 -0
- package/dist/ai/components/Kbar.json +10 -0
- package/dist/ai/components/Kbd.json +127 -0
- package/dist/ai/components/Legend.json +14 -0
- package/dist/ai/components/LetterFx.json +14 -0
- package/dist/ai/components/Line.json +125 -0
- package/dist/ai/components/LineBarChart.json +123 -0
- package/dist/ai/components/LineChart.json +123 -0
- package/dist/ai/components/LinearGauge.json +130 -0
- package/dist/ai/components/LinearGradient.json +15 -0
- package/dist/ai/components/List.json +127 -0
- package/dist/ai/components/ListItem.json +77 -0
- package/dist/ai/components/Logo.json +16 -0
- package/dist/ai/components/LogoCloud.json +124 -0
- package/dist/ai/components/Mask.json +131 -0
- package/dist/ai/components/MasonryGrid.json +132 -0
- package/dist/ai/components/MatrixFx.json +135 -0
- package/dist/ai/components/Media.json +142 -0
- package/dist/ai/components/MediaUpload.json +122 -0
- package/dist/ai/components/MegaMenu.json +125 -0
- package/dist/ai/components/MobileMegaMenu.json +125 -0
- package/dist/ai/components/Modal.json +12 -0
- package/dist/ai/components/NavIcon.json +127 -0
- package/dist/ai/components/NumberInput.json +16 -0
- package/dist/ai/components/OTPInput.json +13 -0
- package/dist/ai/components/OgCard.json +135 -0
- package/dist/ai/components/Option.json +137 -0
- package/dist/ai/components/Particle.json +135 -0
- package/dist/ai/components/PasswordInput.json +8 -0
- package/dist/ai/components/PieChart.json +123 -0
- package/dist/ai/components/ProgressBar.json +131 -0
- package/dist/ai/components/Pulse.json +129 -0
- package/dist/ai/components/RadialGauge.json +134 -0
- package/dist/ai/components/RadialGradient.json +16 -0
- package/dist/ai/components/RadioButton.json +17 -0
- package/dist/ai/components/RevealFx.json +131 -0
- package/dist/ai/components/Row.json +128 -0
- package/dist/ai/components/Schema.json +17 -0
- package/dist/ai/components/ScrollContainer.json +126 -0
- package/dist/ai/components/ScrollToTop.json +124 -0
- package/dist/ai/components/Scroller.json +128 -0
- package/dist/ai/components/SegmentedControl.json +132 -0
- package/dist/ai/components/Select.json +21 -0
- package/dist/ai/components/ShineFx.json +80 -0
- package/dist/ai/components/Skeleton.json +129 -0
- package/dist/ai/components/Slider.json +17 -0
- package/dist/ai/components/SmartLink.json +17 -0
- package/dist/ai/components/Spinner.json +127 -0
- package/dist/ai/components/SplitView.json +129 -0
- package/dist/ai/components/StatusIndicator.json +128 -0
- package/dist/ai/components/StyleOverlay.json +126 -0
- package/dist/ai/components/StylePanel.json +125 -0
- package/dist/ai/components/Swiper.json +130 -0
- package/dist/ai/components/Switch.json +20 -0
- package/dist/ai/components/Table.json +125 -0
- package/dist/ai/components/Tag.json +129 -0
- package/dist/ai/components/TagInput.json +12 -0
- package/dist/ai/components/Text.json +72 -0
- package/dist/ai/components/Textarea.json +24 -0
- package/dist/ai/components/ThemeSwitcher.json +122 -0
- package/dist/ai/components/TiltFx.json +126 -0
- package/dist/ai/components/Timeline.json +126 -0
- package/dist/ai/components/Toast.json +13 -0
- package/dist/ai/components/Toaster.json +14 -0
- package/dist/ai/components/ToggleButton.json +24 -0
- package/dist/ai/components/Tooltip.json +129 -0
- package/dist/ai/components/TypeFx.json +15 -0
- package/dist/ai/components/User.json +15 -0
- package/dist/ai/components/UserMenu.json +16 -0
- package/dist/ai/components/WeatherFx.json +133 -0
- package/dist/ai/eval-tasks.md +71 -0
- package/dist/ai/examples/blocks/manifest.json +191 -0
- package/dist/ai/gotchas.json +85 -0
- package/dist/ai/manifest.json +21 -0
- package/dist/ai/recipes.md +149 -0
- package/dist/ai/rules.compact.md +73 -0
- package/dist/ai/rules.md +217 -0
- package/dist/ai/spec.json +2680 -0
- package/dist/ai/tasks/auth.json +23 -0
- package/dist/ai/tasks/chat.json +28 -0
- package/dist/ai/tasks/dashboard.json +39 -0
- package/dist/ai/tasks/index.json +12 -0
- package/dist/ai/tasks/marketing-hero.json +38 -0
- package/dist/ai/tasks/pricing.json +42 -0
- package/dist/ai/tasks/roadmap.json +22 -0
- package/dist/ai/tasks/settings.json +34 -0
- package/dist/data/emoji-data.json +0 -18
- package/dist/package.json +13 -2
- package/package.json +139 -127
- package/LICENSE.md +0 -21
- package/next-env.d.ts +0 -5
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "ScrollToTop",
|
|
3
|
+
"group": "components",
|
|
4
|
+
"extends": [
|
|
5
|
+
"Flex"
|
|
6
|
+
],
|
|
7
|
+
"mixins": [
|
|
8
|
+
"CommonProps",
|
|
9
|
+
"DisplayProps",
|
|
10
|
+
"FlexProps",
|
|
11
|
+
"SizeProps",
|
|
12
|
+
"SpacingProps",
|
|
13
|
+
"StyleProps"
|
|
14
|
+
],
|
|
15
|
+
"props": {
|
|
16
|
+
"offset": "number = 300"
|
|
17
|
+
},
|
|
18
|
+
"mixinsRef": [
|
|
19
|
+
"CommonProps",
|
|
20
|
+
"DisplayProps",
|
|
21
|
+
"FlexProps",
|
|
22
|
+
"SizeProps",
|
|
23
|
+
"SpacingProps",
|
|
24
|
+
"StyleProps"
|
|
25
|
+
],
|
|
26
|
+
"tokensRef": "see spec.json mixins",
|
|
27
|
+
"resolvedMixins": {
|
|
28
|
+
"CommonProps": {
|
|
29
|
+
"onBackground": "Colors",
|
|
30
|
+
"onSolid": "Colors",
|
|
31
|
+
"align": "CSSProperties[\"textAlign\"]"
|
|
32
|
+
},
|
|
33
|
+
"DisplayProps": {
|
|
34
|
+
"as": "ElementType",
|
|
35
|
+
"inline": "boolean",
|
|
36
|
+
"hide": "boolean",
|
|
37
|
+
"pointerEvents": "\"none\" | \"all\" | \"auto\"",
|
|
38
|
+
"position": "CSSProperties[\"position\"]",
|
|
39
|
+
"overflow": "CSSProperties[\"overflow\"]",
|
|
40
|
+
"overflowX": "CSSProperties[\"overflowX\"]",
|
|
41
|
+
"overflowY": "CSSProperties[\"overflowY\"]",
|
|
42
|
+
"scrollbar": "\"default\" | \"minimal\"",
|
|
43
|
+
"transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
|
|
44
|
+
"opacity": "Opacity",
|
|
45
|
+
"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\"",
|
|
46
|
+
"dark": "boolean",
|
|
47
|
+
"light": "boolean"
|
|
48
|
+
},
|
|
49
|
+
"FlexProps": {
|
|
50
|
+
"direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
|
|
51
|
+
"horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
|
|
52
|
+
"vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
|
|
53
|
+
"center": "boolean",
|
|
54
|
+
"wrap": "boolean",
|
|
55
|
+
"flex": "FlexValue"
|
|
56
|
+
},
|
|
57
|
+
"SizeProps": {
|
|
58
|
+
"width": "number | SpacingToken | CSSUnit",
|
|
59
|
+
"height": "number | SpacingToken | CSSUnit",
|
|
60
|
+
"maxWidth": "number | SpacingToken | CSSUnit",
|
|
61
|
+
"minWidth": "number | SpacingToken | CSSUnit",
|
|
62
|
+
"minHeight": "number | SpacingToken | CSSUnit",
|
|
63
|
+
"maxHeight": "number | SpacingToken | CSSUnit",
|
|
64
|
+
"fit": "boolean",
|
|
65
|
+
"fitWidth": "boolean",
|
|
66
|
+
"fitHeight": "boolean",
|
|
67
|
+
"fill": "boolean",
|
|
68
|
+
"fillWidth": "boolean",
|
|
69
|
+
"fillHeight": "boolean",
|
|
70
|
+
"aspectRatio": "CSSProperties[\"aspectRatio\"]"
|
|
71
|
+
},
|
|
72
|
+
"SpacingProps": {
|
|
73
|
+
"padding": "SpacingToken | number",
|
|
74
|
+
"paddingLeft": "SpacingToken | number",
|
|
75
|
+
"paddingRight": "SpacingToken | number",
|
|
76
|
+
"paddingTop": "SpacingToken | number",
|
|
77
|
+
"paddingBottom": "SpacingToken | number",
|
|
78
|
+
"paddingX": "SpacingToken | number",
|
|
79
|
+
"paddingY": "SpacingToken | number",
|
|
80
|
+
"margin": "SpacingToken | number",
|
|
81
|
+
"marginLeft": "SpacingToken | number",
|
|
82
|
+
"marginRight": "SpacingToken | number",
|
|
83
|
+
"marginTop": "SpacingToken | number",
|
|
84
|
+
"marginBottom": "SpacingToken | number",
|
|
85
|
+
"marginX": "SpacingToken | number",
|
|
86
|
+
"marginY": "SpacingToken | number",
|
|
87
|
+
"gap": "SpacingToken | number | \"-1\"",
|
|
88
|
+
"top": "SpacingToken | number | CSSUnit",
|
|
89
|
+
"right": "SpacingToken | number | CSSUnit",
|
|
90
|
+
"bottom": "SpacingToken | number | CSSUnit",
|
|
91
|
+
"left": "SpacingToken | number | CSSUnit",
|
|
92
|
+
"translateX": "SpacingToken | number | CSSUnit",
|
|
93
|
+
"translateY": "SpacingToken | number | CSSUnit"
|
|
94
|
+
},
|
|
95
|
+
"StyleProps": {
|
|
96
|
+
"textVariant": "TextVariant",
|
|
97
|
+
"textSize": "TextSize",
|
|
98
|
+
"textType": "TextType",
|
|
99
|
+
"textWeight": "TextWeight",
|
|
100
|
+
"background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
|
|
101
|
+
"solid": "Colors",
|
|
102
|
+
"borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
103
|
+
"borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
104
|
+
"borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
105
|
+
"borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
106
|
+
"borderX": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
107
|
+
"borderY": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
108
|
+
"border": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
109
|
+
"borderStyle": "\"solid\" | \"dashed\"",
|
|
110
|
+
"borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
|
|
111
|
+
"topRadius": "RadiusSize",
|
|
112
|
+
"rightRadius": "RadiusSize",
|
|
113
|
+
"bottomRadius": "RadiusSize",
|
|
114
|
+
"leftRadius": "RadiusSize",
|
|
115
|
+
"topLeftRadius": "RadiusSize",
|
|
116
|
+
"topRightRadius": "RadiusSize",
|
|
117
|
+
"bottomLeftRadius": "RadiusSize",
|
|
118
|
+
"bottomRightRadius": "RadiusSize",
|
|
119
|
+
"shadow": "ShadowSize",
|
|
120
|
+
"cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
|
|
121
|
+
"radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
}
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Scroller",
|
|
3
|
+
"group": "components",
|
|
4
|
+
"extends": [
|
|
5
|
+
"Flex"
|
|
6
|
+
],
|
|
7
|
+
"mixins": [
|
|
8
|
+
"CommonProps",
|
|
9
|
+
"DisplayProps",
|
|
10
|
+
"FlexProps",
|
|
11
|
+
"SizeProps",
|
|
12
|
+
"SpacingProps",
|
|
13
|
+
"StyleProps"
|
|
14
|
+
],
|
|
15
|
+
"props": {
|
|
16
|
+
"children": "React.ReactNode",
|
|
17
|
+
"direction": "\"row\" | \"column\" = row",
|
|
18
|
+
"fadeColor": "BaseColor = transparent",
|
|
19
|
+
"onItemClick": "(index: number) => void",
|
|
20
|
+
"radius": "RadiusSize"
|
|
21
|
+
},
|
|
22
|
+
"mixinsRef": [
|
|
23
|
+
"CommonProps",
|
|
24
|
+
"DisplayProps",
|
|
25
|
+
"FlexProps",
|
|
26
|
+
"SizeProps",
|
|
27
|
+
"SpacingProps",
|
|
28
|
+
"StyleProps"
|
|
29
|
+
],
|
|
30
|
+
"tokensRef": "see spec.json mixins",
|
|
31
|
+
"resolvedMixins": {
|
|
32
|
+
"CommonProps": {
|
|
33
|
+
"onBackground": "Colors",
|
|
34
|
+
"onSolid": "Colors",
|
|
35
|
+
"align": "CSSProperties[\"textAlign\"]"
|
|
36
|
+
},
|
|
37
|
+
"DisplayProps": {
|
|
38
|
+
"as": "ElementType",
|
|
39
|
+
"inline": "boolean",
|
|
40
|
+
"hide": "boolean",
|
|
41
|
+
"pointerEvents": "\"none\" | \"all\" | \"auto\"",
|
|
42
|
+
"position": "CSSProperties[\"position\"]",
|
|
43
|
+
"overflow": "CSSProperties[\"overflow\"]",
|
|
44
|
+
"overflowX": "CSSProperties[\"overflowX\"]",
|
|
45
|
+
"overflowY": "CSSProperties[\"overflowY\"]",
|
|
46
|
+
"scrollbar": "\"default\" | \"minimal\"",
|
|
47
|
+
"transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
|
|
48
|
+
"opacity": "Opacity",
|
|
49
|
+
"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\"",
|
|
50
|
+
"dark": "boolean",
|
|
51
|
+
"light": "boolean"
|
|
52
|
+
},
|
|
53
|
+
"FlexProps": {
|
|
54
|
+
"direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
|
|
55
|
+
"horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
|
|
56
|
+
"vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
|
|
57
|
+
"center": "boolean",
|
|
58
|
+
"wrap": "boolean",
|
|
59
|
+
"flex": "FlexValue"
|
|
60
|
+
},
|
|
61
|
+
"SizeProps": {
|
|
62
|
+
"width": "number | SpacingToken | CSSUnit",
|
|
63
|
+
"height": "number | SpacingToken | CSSUnit",
|
|
64
|
+
"maxWidth": "number | SpacingToken | CSSUnit",
|
|
65
|
+
"minWidth": "number | SpacingToken | CSSUnit",
|
|
66
|
+
"minHeight": "number | SpacingToken | CSSUnit",
|
|
67
|
+
"maxHeight": "number | SpacingToken | CSSUnit",
|
|
68
|
+
"fit": "boolean",
|
|
69
|
+
"fitWidth": "boolean",
|
|
70
|
+
"fitHeight": "boolean",
|
|
71
|
+
"fill": "boolean",
|
|
72
|
+
"fillWidth": "boolean",
|
|
73
|
+
"fillHeight": "boolean",
|
|
74
|
+
"aspectRatio": "CSSProperties[\"aspectRatio\"]"
|
|
75
|
+
},
|
|
76
|
+
"SpacingProps": {
|
|
77
|
+
"padding": "SpacingToken | number",
|
|
78
|
+
"paddingLeft": "SpacingToken | number",
|
|
79
|
+
"paddingRight": "SpacingToken | number",
|
|
80
|
+
"paddingTop": "SpacingToken | number",
|
|
81
|
+
"paddingBottom": "SpacingToken | number",
|
|
82
|
+
"paddingX": "SpacingToken | number",
|
|
83
|
+
"paddingY": "SpacingToken | number",
|
|
84
|
+
"margin": "SpacingToken | number",
|
|
85
|
+
"marginLeft": "SpacingToken | number",
|
|
86
|
+
"marginRight": "SpacingToken | number",
|
|
87
|
+
"marginTop": "SpacingToken | number",
|
|
88
|
+
"marginBottom": "SpacingToken | number",
|
|
89
|
+
"marginX": "SpacingToken | number",
|
|
90
|
+
"marginY": "SpacingToken | number",
|
|
91
|
+
"gap": "SpacingToken | number | \"-1\"",
|
|
92
|
+
"top": "SpacingToken | number | CSSUnit",
|
|
93
|
+
"right": "SpacingToken | number | CSSUnit",
|
|
94
|
+
"bottom": "SpacingToken | number | CSSUnit",
|
|
95
|
+
"left": "SpacingToken | number | CSSUnit",
|
|
96
|
+
"translateX": "SpacingToken | number | CSSUnit",
|
|
97
|
+
"translateY": "SpacingToken | number | CSSUnit"
|
|
98
|
+
},
|
|
99
|
+
"StyleProps": {
|
|
100
|
+
"textVariant": "TextVariant",
|
|
101
|
+
"textSize": "TextSize",
|
|
102
|
+
"textType": "TextType",
|
|
103
|
+
"textWeight": "TextWeight",
|
|
104
|
+
"background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
|
|
105
|
+
"solid": "Colors",
|
|
106
|
+
"borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
107
|
+
"borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
108
|
+
"borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
109
|
+
"borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
110
|
+
"borderX": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
111
|
+
"borderY": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
112
|
+
"border": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
113
|
+
"borderStyle": "\"solid\" | \"dashed\"",
|
|
114
|
+
"borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
|
|
115
|
+
"topRadius": "RadiusSize",
|
|
116
|
+
"rightRadius": "RadiusSize",
|
|
117
|
+
"bottomRadius": "RadiusSize",
|
|
118
|
+
"leftRadius": "RadiusSize",
|
|
119
|
+
"topLeftRadius": "RadiusSize",
|
|
120
|
+
"topRightRadius": "RadiusSize",
|
|
121
|
+
"bottomLeftRadius": "RadiusSize",
|
|
122
|
+
"bottomRightRadius": "RadiusSize",
|
|
123
|
+
"shadow": "ShadowSize",
|
|
124
|
+
"cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
|
|
125
|
+
"radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
}
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "SegmentedControl",
|
|
3
|
+
"group": "components",
|
|
4
|
+
"extends": [
|
|
5
|
+
"Flex",
|
|
6
|
+
"Scroller"
|
|
7
|
+
],
|
|
8
|
+
"mixins": [
|
|
9
|
+
"CommonProps",
|
|
10
|
+
"DisplayProps",
|
|
11
|
+
"FlexProps",
|
|
12
|
+
"SizeProps",
|
|
13
|
+
"SpacingProps",
|
|
14
|
+
"StyleProps"
|
|
15
|
+
],
|
|
16
|
+
"props": {
|
|
17
|
+
"buttons": "!ButtonOption[]",
|
|
18
|
+
"onToggle": "!(value: string, event?: React.MouseEvent<HTMLButtonElement>) => void",
|
|
19
|
+
"defaultSelected": "string",
|
|
20
|
+
"fillWidth": "boolean = true",
|
|
21
|
+
"selected": "string",
|
|
22
|
+
"compact": "boolean = false",
|
|
23
|
+
"className": "string",
|
|
24
|
+
"style": "React.CSSProperties"
|
|
25
|
+
},
|
|
26
|
+
"mixinsRef": [
|
|
27
|
+
"CommonProps",
|
|
28
|
+
"DisplayProps",
|
|
29
|
+
"FlexProps",
|
|
30
|
+
"SizeProps",
|
|
31
|
+
"SpacingProps",
|
|
32
|
+
"StyleProps"
|
|
33
|
+
],
|
|
34
|
+
"tokensRef": "see spec.json mixins",
|
|
35
|
+
"resolvedMixins": {
|
|
36
|
+
"CommonProps": {
|
|
37
|
+
"onBackground": "Colors",
|
|
38
|
+
"onSolid": "Colors",
|
|
39
|
+
"align": "CSSProperties[\"textAlign\"]"
|
|
40
|
+
},
|
|
41
|
+
"DisplayProps": {
|
|
42
|
+
"as": "ElementType",
|
|
43
|
+
"inline": "boolean",
|
|
44
|
+
"hide": "boolean",
|
|
45
|
+
"pointerEvents": "\"none\" | \"all\" | \"auto\"",
|
|
46
|
+
"position": "CSSProperties[\"position\"]",
|
|
47
|
+
"overflow": "CSSProperties[\"overflow\"]",
|
|
48
|
+
"overflowX": "CSSProperties[\"overflowX\"]",
|
|
49
|
+
"overflowY": "CSSProperties[\"overflowY\"]",
|
|
50
|
+
"scrollbar": "\"default\" | \"minimal\"",
|
|
51
|
+
"transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
|
|
52
|
+
"opacity": "Opacity",
|
|
53
|
+
"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\"",
|
|
54
|
+
"dark": "boolean",
|
|
55
|
+
"light": "boolean"
|
|
56
|
+
},
|
|
57
|
+
"FlexProps": {
|
|
58
|
+
"direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
|
|
59
|
+
"horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
|
|
60
|
+
"vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
|
|
61
|
+
"center": "boolean",
|
|
62
|
+
"wrap": "boolean",
|
|
63
|
+
"flex": "FlexValue"
|
|
64
|
+
},
|
|
65
|
+
"SizeProps": {
|
|
66
|
+
"width": "number | SpacingToken | CSSUnit",
|
|
67
|
+
"height": "number | SpacingToken | CSSUnit",
|
|
68
|
+
"maxWidth": "number | SpacingToken | CSSUnit",
|
|
69
|
+
"minWidth": "number | SpacingToken | CSSUnit",
|
|
70
|
+
"minHeight": "number | SpacingToken | CSSUnit",
|
|
71
|
+
"maxHeight": "number | SpacingToken | CSSUnit",
|
|
72
|
+
"fit": "boolean",
|
|
73
|
+
"fitWidth": "boolean",
|
|
74
|
+
"fitHeight": "boolean",
|
|
75
|
+
"fill": "boolean",
|
|
76
|
+
"fillWidth": "boolean",
|
|
77
|
+
"fillHeight": "boolean",
|
|
78
|
+
"aspectRatio": "CSSProperties[\"aspectRatio\"]"
|
|
79
|
+
},
|
|
80
|
+
"SpacingProps": {
|
|
81
|
+
"padding": "SpacingToken | number",
|
|
82
|
+
"paddingLeft": "SpacingToken | number",
|
|
83
|
+
"paddingRight": "SpacingToken | number",
|
|
84
|
+
"paddingTop": "SpacingToken | number",
|
|
85
|
+
"paddingBottom": "SpacingToken | number",
|
|
86
|
+
"paddingX": "SpacingToken | number",
|
|
87
|
+
"paddingY": "SpacingToken | number",
|
|
88
|
+
"margin": "SpacingToken | number",
|
|
89
|
+
"marginLeft": "SpacingToken | number",
|
|
90
|
+
"marginRight": "SpacingToken | number",
|
|
91
|
+
"marginTop": "SpacingToken | number",
|
|
92
|
+
"marginBottom": "SpacingToken | number",
|
|
93
|
+
"marginX": "SpacingToken | number",
|
|
94
|
+
"marginY": "SpacingToken | number",
|
|
95
|
+
"gap": "SpacingToken | number | \"-1\"",
|
|
96
|
+
"top": "SpacingToken | number | CSSUnit",
|
|
97
|
+
"right": "SpacingToken | number | CSSUnit",
|
|
98
|
+
"bottom": "SpacingToken | number | CSSUnit",
|
|
99
|
+
"left": "SpacingToken | number | CSSUnit",
|
|
100
|
+
"translateX": "SpacingToken | number | CSSUnit",
|
|
101
|
+
"translateY": "SpacingToken | number | CSSUnit"
|
|
102
|
+
},
|
|
103
|
+
"StyleProps": {
|
|
104
|
+
"textVariant": "TextVariant",
|
|
105
|
+
"textSize": "TextSize",
|
|
106
|
+
"textType": "TextType",
|
|
107
|
+
"textWeight": "TextWeight",
|
|
108
|
+
"background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
|
|
109
|
+
"solid": "Colors",
|
|
110
|
+
"borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
111
|
+
"borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
112
|
+
"borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
113
|
+
"borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
114
|
+
"borderX": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
115
|
+
"borderY": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
116
|
+
"border": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
117
|
+
"borderStyle": "\"solid\" | \"dashed\"",
|
|
118
|
+
"borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
|
|
119
|
+
"topRadius": "RadiusSize",
|
|
120
|
+
"rightRadius": "RadiusSize",
|
|
121
|
+
"bottomRadius": "RadiusSize",
|
|
122
|
+
"leftRadius": "RadiusSize",
|
|
123
|
+
"topLeftRadius": "RadiusSize",
|
|
124
|
+
"topRightRadius": "RadiusSize",
|
|
125
|
+
"bottomLeftRadius": "RadiusSize",
|
|
126
|
+
"bottomRightRadius": "RadiusSize",
|
|
127
|
+
"shadow": "ShadowSize",
|
|
128
|
+
"cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
|
|
129
|
+
"radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Select",
|
|
3
|
+
"group": "components",
|
|
4
|
+
"extends": [
|
|
5
|
+
"Input",
|
|
6
|
+
"DropdownWrapper"
|
|
7
|
+
],
|
|
8
|
+
"props": {
|
|
9
|
+
"options": "!SelectOptionType[]",
|
|
10
|
+
"value": "string | string[] = ",
|
|
11
|
+
"emptyState": "ReactNode = No results",
|
|
12
|
+
"onSelect": "(value: any) => void",
|
|
13
|
+
"placement": "Placement",
|
|
14
|
+
"searchable": "boolean = false",
|
|
15
|
+
"className": "string",
|
|
16
|
+
"style": "React.CSSProperties",
|
|
17
|
+
"fillWidth": "boolean = true",
|
|
18
|
+
"multiple": "boolean = false"
|
|
19
|
+
},
|
|
20
|
+
"mixinsRef": []
|
|
21
|
+
}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "ShineFx",
|
|
3
|
+
"group": "components",
|
|
4
|
+
"mixins": [
|
|
5
|
+
"CommonProps",
|
|
6
|
+
"DisplayProps",
|
|
7
|
+
"SpacingProps",
|
|
8
|
+
"TextProps"
|
|
9
|
+
],
|
|
10
|
+
"props": {
|
|
11
|
+
"speed": "number = 1",
|
|
12
|
+
"disabled": "boolean = false",
|
|
13
|
+
"inverse": "boolean = false",
|
|
14
|
+
"baseOpacity": "number = 0.3",
|
|
15
|
+
"reducedMotion": "boolean | \"auto\" = auto",
|
|
16
|
+
"children": "React.ReactNode"
|
|
17
|
+
},
|
|
18
|
+
"mixinsRef": [
|
|
19
|
+
"CommonProps",
|
|
20
|
+
"DisplayProps",
|
|
21
|
+
"SpacingProps",
|
|
22
|
+
"TextProps"
|
|
23
|
+
],
|
|
24
|
+
"tokensRef": "see spec.json mixins",
|
|
25
|
+
"resolvedMixins": {
|
|
26
|
+
"CommonProps": {
|
|
27
|
+
"onBackground": "Colors",
|
|
28
|
+
"onSolid": "Colors",
|
|
29
|
+
"align": "CSSProperties[\"textAlign\"]"
|
|
30
|
+
},
|
|
31
|
+
"DisplayProps": {
|
|
32
|
+
"as": "ElementType",
|
|
33
|
+
"inline": "boolean",
|
|
34
|
+
"hide": "boolean",
|
|
35
|
+
"pointerEvents": "\"none\" | \"all\" | \"auto\"",
|
|
36
|
+
"position": "CSSProperties[\"position\"]",
|
|
37
|
+
"overflow": "CSSProperties[\"overflow\"]",
|
|
38
|
+
"overflowX": "CSSProperties[\"overflowX\"]",
|
|
39
|
+
"overflowY": "CSSProperties[\"overflowY\"]",
|
|
40
|
+
"scrollbar": "\"default\" | \"minimal\"",
|
|
41
|
+
"transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
|
|
42
|
+
"opacity": "Opacity",
|
|
43
|
+
"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\"",
|
|
44
|
+
"dark": "boolean",
|
|
45
|
+
"light": "boolean"
|
|
46
|
+
},
|
|
47
|
+
"SpacingProps": {
|
|
48
|
+
"padding": "SpacingToken | number",
|
|
49
|
+
"paddingLeft": "SpacingToken | number",
|
|
50
|
+
"paddingRight": "SpacingToken | number",
|
|
51
|
+
"paddingTop": "SpacingToken | number",
|
|
52
|
+
"paddingBottom": "SpacingToken | number",
|
|
53
|
+
"paddingX": "SpacingToken | number",
|
|
54
|
+
"paddingY": "SpacingToken | number",
|
|
55
|
+
"margin": "SpacingToken | number",
|
|
56
|
+
"marginLeft": "SpacingToken | number",
|
|
57
|
+
"marginRight": "SpacingToken | number",
|
|
58
|
+
"marginTop": "SpacingToken | number",
|
|
59
|
+
"marginBottom": "SpacingToken | number",
|
|
60
|
+
"marginX": "SpacingToken | number",
|
|
61
|
+
"marginY": "SpacingToken | number",
|
|
62
|
+
"gap": "SpacingToken | number | \"-1\"",
|
|
63
|
+
"top": "SpacingToken | number | CSSUnit",
|
|
64
|
+
"right": "SpacingToken | number | CSSUnit",
|
|
65
|
+
"bottom": "SpacingToken | number | CSSUnit",
|
|
66
|
+
"left": "SpacingToken | number | CSSUnit",
|
|
67
|
+
"translateX": "SpacingToken | number | CSSUnit",
|
|
68
|
+
"translateY": "SpacingToken | number | CSSUnit"
|
|
69
|
+
},
|
|
70
|
+
"TextProps": {
|
|
71
|
+
"as": "T",
|
|
72
|
+
"variant": "TextVariant",
|
|
73
|
+
"wrap": "CSSProperties[\"textWrap\"]",
|
|
74
|
+
"size": "TextSize",
|
|
75
|
+
"weight": "TextWeight",
|
|
76
|
+
"family": "TextType",
|
|
77
|
+
"truncate": "boolean"
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Skeleton",
|
|
3
|
+
"group": "components",
|
|
4
|
+
"extends": [
|
|
5
|
+
"Flex"
|
|
6
|
+
],
|
|
7
|
+
"mixins": [
|
|
8
|
+
"CommonProps",
|
|
9
|
+
"DisplayProps",
|
|
10
|
+
"FlexProps",
|
|
11
|
+
"SizeProps",
|
|
12
|
+
"SpacingProps",
|
|
13
|
+
"StyleProps"
|
|
14
|
+
],
|
|
15
|
+
"props": {
|
|
16
|
+
"shape": "!\"line\" | \"circle\" | \"block\" = line",
|
|
17
|
+
"width": "\"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" = m",
|
|
18
|
+
"height": "\"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" = m",
|
|
19
|
+
"delay": "\"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\"",
|
|
20
|
+
"style": "React.CSSProperties",
|
|
21
|
+
"className": "string"
|
|
22
|
+
},
|
|
23
|
+
"mixinsRef": [
|
|
24
|
+
"CommonProps",
|
|
25
|
+
"DisplayProps",
|
|
26
|
+
"FlexProps",
|
|
27
|
+
"SizeProps",
|
|
28
|
+
"SpacingProps",
|
|
29
|
+
"StyleProps"
|
|
30
|
+
],
|
|
31
|
+
"tokensRef": "see spec.json mixins",
|
|
32
|
+
"resolvedMixins": {
|
|
33
|
+
"CommonProps": {
|
|
34
|
+
"onBackground": "Colors",
|
|
35
|
+
"onSolid": "Colors",
|
|
36
|
+
"align": "CSSProperties[\"textAlign\"]"
|
|
37
|
+
},
|
|
38
|
+
"DisplayProps": {
|
|
39
|
+
"as": "ElementType",
|
|
40
|
+
"inline": "boolean",
|
|
41
|
+
"hide": "boolean",
|
|
42
|
+
"pointerEvents": "\"none\" | \"all\" | \"auto\"",
|
|
43
|
+
"position": "CSSProperties[\"position\"]",
|
|
44
|
+
"overflow": "CSSProperties[\"overflow\"]",
|
|
45
|
+
"overflowX": "CSSProperties[\"overflowX\"]",
|
|
46
|
+
"overflowY": "CSSProperties[\"overflowY\"]",
|
|
47
|
+
"scrollbar": "\"default\" | \"minimal\"",
|
|
48
|
+
"transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
|
|
49
|
+
"opacity": "Opacity",
|
|
50
|
+
"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\"",
|
|
51
|
+
"dark": "boolean",
|
|
52
|
+
"light": "boolean"
|
|
53
|
+
},
|
|
54
|
+
"FlexProps": {
|
|
55
|
+
"direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
|
|
56
|
+
"horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
|
|
57
|
+
"vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
|
|
58
|
+
"center": "boolean",
|
|
59
|
+
"wrap": "boolean",
|
|
60
|
+
"flex": "FlexValue"
|
|
61
|
+
},
|
|
62
|
+
"SizeProps": {
|
|
63
|
+
"width": "number | SpacingToken | CSSUnit",
|
|
64
|
+
"height": "number | SpacingToken | CSSUnit",
|
|
65
|
+
"maxWidth": "number | SpacingToken | CSSUnit",
|
|
66
|
+
"minWidth": "number | SpacingToken | CSSUnit",
|
|
67
|
+
"minHeight": "number | SpacingToken | CSSUnit",
|
|
68
|
+
"maxHeight": "number | SpacingToken | CSSUnit",
|
|
69
|
+
"fit": "boolean",
|
|
70
|
+
"fitWidth": "boolean",
|
|
71
|
+
"fitHeight": "boolean",
|
|
72
|
+
"fill": "boolean",
|
|
73
|
+
"fillWidth": "boolean",
|
|
74
|
+
"fillHeight": "boolean",
|
|
75
|
+
"aspectRatio": "CSSProperties[\"aspectRatio\"]"
|
|
76
|
+
},
|
|
77
|
+
"SpacingProps": {
|
|
78
|
+
"padding": "SpacingToken | number",
|
|
79
|
+
"paddingLeft": "SpacingToken | number",
|
|
80
|
+
"paddingRight": "SpacingToken | number",
|
|
81
|
+
"paddingTop": "SpacingToken | number",
|
|
82
|
+
"paddingBottom": "SpacingToken | number",
|
|
83
|
+
"paddingX": "SpacingToken | number",
|
|
84
|
+
"paddingY": "SpacingToken | number",
|
|
85
|
+
"margin": "SpacingToken | number",
|
|
86
|
+
"marginLeft": "SpacingToken | number",
|
|
87
|
+
"marginRight": "SpacingToken | number",
|
|
88
|
+
"marginTop": "SpacingToken | number",
|
|
89
|
+
"marginBottom": "SpacingToken | number",
|
|
90
|
+
"marginX": "SpacingToken | number",
|
|
91
|
+
"marginY": "SpacingToken | number",
|
|
92
|
+
"gap": "SpacingToken | number | \"-1\"",
|
|
93
|
+
"top": "SpacingToken | number | CSSUnit",
|
|
94
|
+
"right": "SpacingToken | number | CSSUnit",
|
|
95
|
+
"bottom": "SpacingToken | number | CSSUnit",
|
|
96
|
+
"left": "SpacingToken | number | CSSUnit",
|
|
97
|
+
"translateX": "SpacingToken | number | CSSUnit",
|
|
98
|
+
"translateY": "SpacingToken | number | CSSUnit"
|
|
99
|
+
},
|
|
100
|
+
"StyleProps": {
|
|
101
|
+
"textVariant": "TextVariant",
|
|
102
|
+
"textSize": "TextSize",
|
|
103
|
+
"textType": "TextType",
|
|
104
|
+
"textWeight": "TextWeight",
|
|
105
|
+
"background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
|
|
106
|
+
"solid": "Colors",
|
|
107
|
+
"borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
108
|
+
"borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
109
|
+
"borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
110
|
+
"borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
111
|
+
"borderX": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
112
|
+
"borderY": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
113
|
+
"border": "Colors | \"surface\" | \"transparent\" | boolean",
|
|
114
|
+
"borderStyle": "\"solid\" | \"dashed\"",
|
|
115
|
+
"borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
|
|
116
|
+
"topRadius": "RadiusSize",
|
|
117
|
+
"rightRadius": "RadiusSize",
|
|
118
|
+
"bottomRadius": "RadiusSize",
|
|
119
|
+
"leftRadius": "RadiusSize",
|
|
120
|
+
"topLeftRadius": "RadiusSize",
|
|
121
|
+
"topRightRadius": "RadiusSize",
|
|
122
|
+
"bottomLeftRadius": "RadiusSize",
|
|
123
|
+
"bottomRightRadius": "RadiusSize",
|
|
124
|
+
"shadow": "ShadowSize",
|
|
125
|
+
"cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
|
|
126
|
+
"radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Slider",
|
|
3
|
+
"group": "components",
|
|
4
|
+
"props": {
|
|
5
|
+
"value": "!number",
|
|
6
|
+
"onChange": "!(value: number) => void",
|
|
7
|
+
"min": "number = 0",
|
|
8
|
+
"max": "number = 100",
|
|
9
|
+
"step": "number = 1",
|
|
10
|
+
"label": "string",
|
|
11
|
+
"showValue": "boolean = false",
|
|
12
|
+
"disabled": "boolean = false",
|
|
13
|
+
"className": "string",
|
|
14
|
+
"style": "React.CSSProperties"
|
|
15
|
+
},
|
|
16
|
+
"mixinsRef": []
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "SmartLink",
|
|
3
|
+
"group": "components",
|
|
4
|
+
"props": {
|
|
5
|
+
"prefixIcon": "IconName",
|
|
6
|
+
"suffixIcon": "IconName",
|
|
7
|
+
"fillWidth": "boolean = false",
|
|
8
|
+
"iconSize": "TShirtSizes = xs",
|
|
9
|
+
"selected": "boolean",
|
|
10
|
+
"unstyled": "boolean = false",
|
|
11
|
+
"children": "!ReactNode",
|
|
12
|
+
"href": "string",
|
|
13
|
+
"style": "React.CSSProperties",
|
|
14
|
+
"className": "string"
|
|
15
|
+
},
|
|
16
|
+
"mixinsRef": []
|
|
17
|
+
}
|