@czi-sds/mcp 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +34 -0
- package/data/component-list.json +55 -0
- package/data/component-props/Accordion.json +31 -0
- package/data/component-props/Alert.json +52 -0
- package/data/component-props/Autocomplete.json +52 -0
- package/data/component-props/Banner.json +35 -0
- package/data/component-props/Button.json +109 -0
- package/data/component-props/ButtonIcon.json +80 -0
- package/data/component-props/ButtonToggle.json +91 -0
- package/data/component-props/Callout.json +93 -0
- package/data/component-props/CellBasic.json +102 -0
- package/data/component-props/CellComponent.json +46 -0
- package/data/component-props/CellHeader.json +78 -0
- package/data/component-props/Chip.json +73 -0
- package/data/component-props/ComplexFilter.json +19 -0
- package/data/component-props/ContentCard.json +18 -0
- package/data/component-props/Dropdown.json +107 -0
- package/data/component-props/DropdownMenu.json +86 -0
- package/data/component-props/HeatmapChart.json +110 -0
- package/data/component-props/Icon.json +27 -0
- package/data/component-props/InputCheckbox.json +76 -0
- package/data/component-props/InputDropdown.json +72 -0
- package/data/component-props/InputRadio.json +75 -0
- package/data/component-props/InputSearch.json +99 -0
- package/data/component-props/InputSlider.json +56 -0
- package/data/component-props/InputText.json +95 -0
- package/data/component-props/InputToggle.json +72 -0
- package/data/component-props/List.json +43 -0
- package/data/component-props/LoadingIndicator.json +11 -0
- package/data/component-props/Menu.json +48 -0
- package/data/component-props/MenuItem.json +72 -0
- package/data/component-props/MenuSelect.json +83 -0
- package/data/component-props/NavigationFooter.json +50 -0
- package/data/component-props/NavigationHeader.json +119 -0
- package/data/component-props/NavigationJumpTo.json +58 -0
- package/data/component-props/Notification.json +89 -0
- package/data/component-props/Pagination.json +51 -0
- package/data/component-props/Panel.json +72 -0
- package/data/component-props/SegmentedControl.json +65 -0
- package/data/component-props/Table.json +26 -0
- package/data/component-props/TableRow.json +70 -0
- package/data/component-props/Tag.json +86 -0
- package/data/component-props/TagFilter.json +58 -0
- package/data/component-props/Tooltip.json +86 -0
- package/data/component-props/TooltipTable.json +22 -0
- package/data/component-props-storybook/Accordion-storybook.json +45 -0
- package/data/component-props-storybook/Alert-storybook.json +30 -0
- package/data/component-props-storybook/Autocomplete-storybook.json +67 -0
- package/data/component-props-storybook/Banner-storybook.json +78 -0
- package/data/component-props-storybook/Button-storybook.json +115 -0
- package/data/component-props-storybook/ButtonDropdown-storybook.json +73 -0
- package/data/component-props-storybook/ButtonIcon-storybook.json +60 -0
- package/data/component-props-storybook/ButtonToggle-storybook.json +68 -0
- package/data/component-props-storybook/Callout-storybook.json +90 -0
- package/data/component-props-storybook/CellBasic-storybook.json +138 -0
- package/data/component-props-storybook/CellComponent-storybook.json +48 -0
- package/data/component-props-storybook/CellHeader-storybook.json +71 -0
- package/data/component-props-storybook/Chip-storybook.json +26 -0
- package/data/component-props-storybook/ComplexFilter-storybook.json +60 -0
- package/data/component-props-storybook/ContentCard-storybook.json +175 -0
- package/data/component-props-storybook/Dialog-storybook.json +56 -0
- package/data/component-props-storybook/Dropdown-storybook.json +93 -0
- package/data/component-props-storybook/DropdownMenu-storybook.json +73 -0
- package/data/component-props-storybook/HeatmapChart-storybook.json +55 -0
- package/data/component-props-storybook/Icon-storybook.json +75 -0
- package/data/component-props-storybook/InputCheckbox-storybook.json +57 -0
- package/data/component-props-storybook/InputDropdown-storybook.json +80 -0
- package/data/component-props-storybook/InputRadio-storybook.json +56 -0
- package/data/component-props-storybook/InputSearch-storybook.json +55 -0
- package/data/component-props-storybook/InputSlider-storybook.json +55 -0
- package/data/component-props-storybook/InputText-storybook.json +59 -0
- package/data/component-props-storybook/InputToggle-storybook.json +42 -0
- package/data/component-props-storybook/Link-storybook.json +50 -0
- package/data/component-props-storybook/List-storybook.json +26 -0
- package/data/component-props-storybook/LoadingIndicator-storybook.json +34 -0
- package/data/component-props-storybook/Menu-storybook.json +26 -0
- package/data/component-props-storybook/MenuItem-storybook.json +74 -0
- package/data/component-props-storybook/MenuSelect-storybook.json +38 -0
- package/data/component-props-storybook/NavigationFooter-storybook.json +67 -0
- package/data/component-props-storybook/NavigationHeader-storybook.json +115 -0
- package/data/component-props-storybook/NavigationJumpTo-storybook.json +41 -0
- package/data/component-props-storybook/Notification-storybook.json +89 -0
- package/data/component-props-storybook/Pagination-storybook.json +50 -0
- package/data/component-props-storybook/Panel-storybook.json +52 -0
- package/data/component-props-storybook/SegmentedControl-storybook.json +30 -0
- package/data/component-props-storybook/Table-storybook.json +26 -0
- package/data/component-props-storybook/TableHeader-storybook.json +26 -0
- package/data/component-props-storybook/TableRow-storybook.json +62 -0
- package/data/component-props-storybook/Tabs-storybook.json +45 -0
- package/data/component-props-storybook/Tag-storybook.json +78 -0
- package/data/component-props-storybook/TagFilter-storybook.json +30 -0
- package/data/component-props-storybook/Tooltip-storybook.json +85 -0
- package/data/component-props-storybook/TooltipCondensed-storybook.json +38 -0
- package/data/component-props-storybook/TooltipTable-storybook.json +47 -0
- package/data/tailwind.json +3009 -0
- package/dist/stdio.js +357 -0
- package/package.json +66 -0
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
{
|
|
2
|
+
"ContentCard": {
|
|
3
|
+
"props": {
|
|
4
|
+
"boundingBox": {
|
|
5
|
+
"type": "boolean",
|
|
6
|
+
"isRequired": false,
|
|
7
|
+
"description": "If true, the card will include a bounding box; otherwise, it will not."
|
|
8
|
+
},
|
|
9
|
+
"buttons": {
|
|
10
|
+
"type": "\"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\" | \"11\" | \"12\" | \"13\" | \"14\" | \"15\" | \"16\" | \"17\" | \"18\" | \"19\"",
|
|
11
|
+
"isRequired": false,
|
|
12
|
+
"description": "Select the buttons to display. This is a multi-select field, and you can hold the Cmd (Mac) or Ctrl (Windows) key to select multiple options.",
|
|
13
|
+
"options": [
|
|
14
|
+
"0",
|
|
15
|
+
"1",
|
|
16
|
+
"2",
|
|
17
|
+
"3",
|
|
18
|
+
"4",
|
|
19
|
+
"5",
|
|
20
|
+
"6",
|
|
21
|
+
"7",
|
|
22
|
+
"8",
|
|
23
|
+
"9",
|
|
24
|
+
"10",
|
|
25
|
+
"11",
|
|
26
|
+
"12",
|
|
27
|
+
"13",
|
|
28
|
+
"14",
|
|
29
|
+
"15",
|
|
30
|
+
"16",
|
|
31
|
+
"17",
|
|
32
|
+
"18",
|
|
33
|
+
"19"
|
|
34
|
+
]
|
|
35
|
+
},
|
|
36
|
+
"buttonsPosition": {
|
|
37
|
+
"type": "\"left\" | \"right\"",
|
|
38
|
+
"isRequired": false,
|
|
39
|
+
"description": "Defines the position of the buttons.",
|
|
40
|
+
"options": [
|
|
41
|
+
"left",
|
|
42
|
+
"right"
|
|
43
|
+
]
|
|
44
|
+
},
|
|
45
|
+
"classes": {
|
|
46
|
+
"type": "object",
|
|
47
|
+
"isRequired": false,
|
|
48
|
+
"description": "Defines the css classes to be applied to the card components."
|
|
49
|
+
},
|
|
50
|
+
"clickableCard": {
|
|
51
|
+
"type": "boolean",
|
|
52
|
+
"isRequired": false,
|
|
53
|
+
"description": "If set to true, the entire card becomes a clickable button. Note that enabling this prop automatically sets boundingBox to true, and only the first button in the action area will be visible."
|
|
54
|
+
},
|
|
55
|
+
"clickableCardProps": {
|
|
56
|
+
"type": "object",
|
|
57
|
+
"isRequired": false,
|
|
58
|
+
"description": "If clickableCard is set to true, this prop accepts a ButtonProps object to be passed to the button."
|
|
59
|
+
},
|
|
60
|
+
"decorativeBorder": {
|
|
61
|
+
"type": "boolean",
|
|
62
|
+
"isRequired": false,
|
|
63
|
+
"description": "If true, and imagePadding is also true, the card will display a decorative border on the left for wide cards and on the top for narrow cards."
|
|
64
|
+
},
|
|
65
|
+
"icon": {
|
|
66
|
+
"type": "\"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\"",
|
|
67
|
+
"isRequired": false,
|
|
68
|
+
"description": "If visualElementType is set to `icon`, this prop accepts an icon to be displayed in the card’s media section.",
|
|
69
|
+
"options": [
|
|
70
|
+
"0",
|
|
71
|
+
"1",
|
|
72
|
+
"2",
|
|
73
|
+
"3",
|
|
74
|
+
"4",
|
|
75
|
+
"5"
|
|
76
|
+
]
|
|
77
|
+
},
|
|
78
|
+
"image": {
|
|
79
|
+
"type": "\"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
|
|
80
|
+
"isRequired": false,
|
|
81
|
+
"description": "If visualElementType is set to `image`, this prop accepts an image to be displayed in the card’s media section.",
|
|
82
|
+
"options": [
|
|
83
|
+
"0",
|
|
84
|
+
"1",
|
|
85
|
+
"2",
|
|
86
|
+
"3",
|
|
87
|
+
"4",
|
|
88
|
+
"5",
|
|
89
|
+
"6",
|
|
90
|
+
"7",
|
|
91
|
+
"8",
|
|
92
|
+
"9"
|
|
93
|
+
]
|
|
94
|
+
},
|
|
95
|
+
"imagePadding": {
|
|
96
|
+
"type": "boolean",
|
|
97
|
+
"isRequired": false,
|
|
98
|
+
"description": "If true, the card will include a padding to the image; otherwise, it will not."
|
|
99
|
+
},
|
|
100
|
+
"imagePosition": {
|
|
101
|
+
"type": "\"left\" | \"right\"",
|
|
102
|
+
"isRequired": false,
|
|
103
|
+
"description": "Defines the position of the image. If the image is not set, this prop will have no effect.",
|
|
104
|
+
"options": [
|
|
105
|
+
"left",
|
|
106
|
+
"right"
|
|
107
|
+
]
|
|
108
|
+
},
|
|
109
|
+
"imageSize": {
|
|
110
|
+
"type": "number",
|
|
111
|
+
"isRequired": false,
|
|
112
|
+
"description": "Defines the size of the image in pixels, serving as the maximum and minimum boundary for the visual element."
|
|
113
|
+
},
|
|
114
|
+
"metadataText": {
|
|
115
|
+
"type": "string",
|
|
116
|
+
"isRequired": false,
|
|
117
|
+
"description": "The text to display in the metadata section of the card title."
|
|
118
|
+
},
|
|
119
|
+
"overlineText": {
|
|
120
|
+
"type": "string",
|
|
121
|
+
"isRequired": false,
|
|
122
|
+
"description": "The text to display in the overline section of the card title."
|
|
123
|
+
},
|
|
124
|
+
"sdsType": {
|
|
125
|
+
"type": "\"wide\" | \"narrow\"",
|
|
126
|
+
"isRequired": false,
|
|
127
|
+
"description": "Defines the type of card to display.",
|
|
128
|
+
"options": [
|
|
129
|
+
"wide",
|
|
130
|
+
"narrow"
|
|
131
|
+
]
|
|
132
|
+
},
|
|
133
|
+
"subtitleText": {
|
|
134
|
+
"type": "string",
|
|
135
|
+
"isRequired": false,
|
|
136
|
+
"description": "The text to display in the subtitle section of the card title."
|
|
137
|
+
},
|
|
138
|
+
"titleText": {
|
|
139
|
+
"type": "string",
|
|
140
|
+
"isRequired": false,
|
|
141
|
+
"description": "The text to display in the title section of the card."
|
|
142
|
+
},
|
|
143
|
+
"visualElementType": {
|
|
144
|
+
"type": "\"image\" | \"icon\" | \"none\"",
|
|
145
|
+
"isRequired": false,
|
|
146
|
+
"description": "The type of media to display in the card.",
|
|
147
|
+
"options": [
|
|
148
|
+
"image",
|
|
149
|
+
"icon",
|
|
150
|
+
"none"
|
|
151
|
+
]
|
|
152
|
+
},
|
|
153
|
+
"className": {
|
|
154
|
+
"type": "string",
|
|
155
|
+
"isRequired": false,
|
|
156
|
+
"description": "Standard React className prop"
|
|
157
|
+
},
|
|
158
|
+
"style": {
|
|
159
|
+
"type": "CSSProperties",
|
|
160
|
+
"isRequired": false,
|
|
161
|
+
"description": "Standard React style prop"
|
|
162
|
+
},
|
|
163
|
+
"children": {
|
|
164
|
+
"type": "ReactNode",
|
|
165
|
+
"isRequired": false,
|
|
166
|
+
"description": "Standard React children prop"
|
|
167
|
+
},
|
|
168
|
+
"id": {
|
|
169
|
+
"type": "string",
|
|
170
|
+
"isRequired": false,
|
|
171
|
+
"description": "Standard React id prop"
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
{
|
|
2
|
+
"Dialog": {
|
|
3
|
+
"props": {
|
|
4
|
+
"buttonPosition": {
|
|
5
|
+
"type": "\"left\" | \"right\"",
|
|
6
|
+
"isRequired": false,
|
|
7
|
+
"options": [
|
|
8
|
+
"left",
|
|
9
|
+
"right"
|
|
10
|
+
]
|
|
11
|
+
},
|
|
12
|
+
"canClickOutsideClose": {
|
|
13
|
+
"type": "boolean",
|
|
14
|
+
"isRequired": false
|
|
15
|
+
},
|
|
16
|
+
"longContent": {
|
|
17
|
+
"type": "boolean",
|
|
18
|
+
"isRequired": false
|
|
19
|
+
},
|
|
20
|
+
"sdsSize": {
|
|
21
|
+
"type": "\"xs\" | \"s\" | \"m\" | \"l\"",
|
|
22
|
+
"isRequired": false,
|
|
23
|
+
"options": [
|
|
24
|
+
"xs",
|
|
25
|
+
"s",
|
|
26
|
+
"m",
|
|
27
|
+
"l"
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
"titleOnClose": {
|
|
31
|
+
"type": "boolean",
|
|
32
|
+
"isRequired": false
|
|
33
|
+
},
|
|
34
|
+
"className": {
|
|
35
|
+
"type": "string",
|
|
36
|
+
"isRequired": false,
|
|
37
|
+
"description": "Standard React className prop"
|
|
38
|
+
},
|
|
39
|
+
"style": {
|
|
40
|
+
"type": "CSSProperties",
|
|
41
|
+
"isRequired": false,
|
|
42
|
+
"description": "Standard React style prop"
|
|
43
|
+
},
|
|
44
|
+
"children": {
|
|
45
|
+
"type": "ReactNode",
|
|
46
|
+
"isRequired": false,
|
|
47
|
+
"description": "Standard React children prop"
|
|
48
|
+
},
|
|
49
|
+
"id": {
|
|
50
|
+
"type": "string",
|
|
51
|
+
"isRequired": false,
|
|
52
|
+
"description": "Standard React id prop"
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
{
|
|
2
|
+
"Dropdown": {
|
|
3
|
+
"props": {
|
|
4
|
+
"DropdownMenuProps": {
|
|
5
|
+
"type": "object",
|
|
6
|
+
"isRequired": false
|
|
7
|
+
},
|
|
8
|
+
"InputDropdownProps": {
|
|
9
|
+
"type": "object",
|
|
10
|
+
"isRequired": false
|
|
11
|
+
},
|
|
12
|
+
"buttonPosition": {
|
|
13
|
+
"type": "\"0\" | \"1\"",
|
|
14
|
+
"isRequired": false,
|
|
15
|
+
"options": [
|
|
16
|
+
"0",
|
|
17
|
+
"1"
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
"buttons": {
|
|
21
|
+
"type": "boolean",
|
|
22
|
+
"isRequired": false
|
|
23
|
+
},
|
|
24
|
+
"closeOnBlur": {
|
|
25
|
+
"type": "boolean",
|
|
26
|
+
"isRequired": false
|
|
27
|
+
},
|
|
28
|
+
"disabled": {
|
|
29
|
+
"type": "boolean",
|
|
30
|
+
"isRequired": false
|
|
31
|
+
},
|
|
32
|
+
"isSearchAutoFocus": {
|
|
33
|
+
"type": "boolean",
|
|
34
|
+
"isRequired": false
|
|
35
|
+
},
|
|
36
|
+
"label": {
|
|
37
|
+
"type": "string",
|
|
38
|
+
"isRequired": false
|
|
39
|
+
},
|
|
40
|
+
"multiple": {
|
|
41
|
+
"type": "boolean",
|
|
42
|
+
"isRequired": false
|
|
43
|
+
},
|
|
44
|
+
"onChange": {
|
|
45
|
+
"type": "string",
|
|
46
|
+
"isRequired": false
|
|
47
|
+
},
|
|
48
|
+
"onClose": {
|
|
49
|
+
"type": "string",
|
|
50
|
+
"isRequired": false
|
|
51
|
+
},
|
|
52
|
+
"options": {
|
|
53
|
+
"type": "\"0\" | \"1\" | \"2\" | \"3\" | \"4\"",
|
|
54
|
+
"isRequired": false,
|
|
55
|
+
"options": [
|
|
56
|
+
"0",
|
|
57
|
+
"1",
|
|
58
|
+
"2",
|
|
59
|
+
"3",
|
|
60
|
+
"4"
|
|
61
|
+
]
|
|
62
|
+
},
|
|
63
|
+
"search": {
|
|
64
|
+
"type": "boolean",
|
|
65
|
+
"isRequired": false
|
|
66
|
+
},
|
|
67
|
+
"title": {
|
|
68
|
+
"type": "string",
|
|
69
|
+
"isRequired": false
|
|
70
|
+
},
|
|
71
|
+
"className": {
|
|
72
|
+
"type": "string",
|
|
73
|
+
"isRequired": false,
|
|
74
|
+
"description": "Standard React className prop"
|
|
75
|
+
},
|
|
76
|
+
"style": {
|
|
77
|
+
"type": "CSSProperties",
|
|
78
|
+
"isRequired": false,
|
|
79
|
+
"description": "Standard React style prop"
|
|
80
|
+
},
|
|
81
|
+
"children": {
|
|
82
|
+
"type": "ReactNode",
|
|
83
|
+
"isRequired": false,
|
|
84
|
+
"description": "Standard React children prop"
|
|
85
|
+
},
|
|
86
|
+
"id": {
|
|
87
|
+
"type": "string",
|
|
88
|
+
"isRequired": false,
|
|
89
|
+
"description": "Standard React id prop"
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
{
|
|
2
|
+
"DropdownMenu": {
|
|
3
|
+
"props": {
|
|
4
|
+
"ClickAwayListenerProps": {
|
|
5
|
+
"type": "object",
|
|
6
|
+
"isRequired": false
|
|
7
|
+
},
|
|
8
|
+
"groupBy": {
|
|
9
|
+
"type": "string",
|
|
10
|
+
"isRequired": false
|
|
11
|
+
},
|
|
12
|
+
"keepSearchOnSelect": {
|
|
13
|
+
"type": "boolean",
|
|
14
|
+
"isRequired": false
|
|
15
|
+
},
|
|
16
|
+
"label": {
|
|
17
|
+
"type": "string",
|
|
18
|
+
"isRequired": false
|
|
19
|
+
},
|
|
20
|
+
"multiple": {
|
|
21
|
+
"type": "boolean",
|
|
22
|
+
"isRequired": false
|
|
23
|
+
},
|
|
24
|
+
"open": {
|
|
25
|
+
"type": "boolean",
|
|
26
|
+
"isRequired": false
|
|
27
|
+
},
|
|
28
|
+
"options": {
|
|
29
|
+
"type": "\"0\" | \"1\" | \"2\" | \"3\" | \"4\"",
|
|
30
|
+
"isRequired": false,
|
|
31
|
+
"options": [
|
|
32
|
+
"0",
|
|
33
|
+
"1",
|
|
34
|
+
"2",
|
|
35
|
+
"3",
|
|
36
|
+
"4"
|
|
37
|
+
]
|
|
38
|
+
},
|
|
39
|
+
"search": {
|
|
40
|
+
"type": "boolean",
|
|
41
|
+
"isRequired": false
|
|
42
|
+
},
|
|
43
|
+
"title": {
|
|
44
|
+
"type": "string",
|
|
45
|
+
"isRequired": false
|
|
46
|
+
},
|
|
47
|
+
"width": {
|
|
48
|
+
"type": "string",
|
|
49
|
+
"isRequired": false
|
|
50
|
+
},
|
|
51
|
+
"className": {
|
|
52
|
+
"type": "string",
|
|
53
|
+
"isRequired": false,
|
|
54
|
+
"description": "Standard React className prop"
|
|
55
|
+
},
|
|
56
|
+
"style": {
|
|
57
|
+
"type": "CSSProperties",
|
|
58
|
+
"isRequired": false,
|
|
59
|
+
"description": "Standard React style prop"
|
|
60
|
+
},
|
|
61
|
+
"children": {
|
|
62
|
+
"type": "ReactNode",
|
|
63
|
+
"isRequired": false,
|
|
64
|
+
"description": "Standard React children prop"
|
|
65
|
+
},
|
|
66
|
+
"id": {
|
|
67
|
+
"type": "string",
|
|
68
|
+
"isRequired": false,
|
|
69
|
+
"description": "Standard React id prop"
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
{
|
|
2
|
+
"HeatmapChart": {
|
|
3
|
+
"props": {
|
|
4
|
+
"axisPointer": {
|
|
5
|
+
"type": "string",
|
|
6
|
+
"isRequired": false
|
|
7
|
+
},
|
|
8
|
+
"camera": {
|
|
9
|
+
"type": "object",
|
|
10
|
+
"isRequired": false
|
|
11
|
+
},
|
|
12
|
+
"echartsRendererMode": {
|
|
13
|
+
"type": "\"canvas\" | \"svg\"",
|
|
14
|
+
"isRequired": false,
|
|
15
|
+
"options": [
|
|
16
|
+
"canvas",
|
|
17
|
+
"svg"
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
"symbol": {
|
|
21
|
+
"type": "\"circle\" | \"rect\" | \"roundRect\"",
|
|
22
|
+
"isRequired": false,
|
|
23
|
+
"options": [
|
|
24
|
+
"circle",
|
|
25
|
+
"rect",
|
|
26
|
+
"roundRect"
|
|
27
|
+
]
|
|
28
|
+
},
|
|
29
|
+
"tooltip": {
|
|
30
|
+
"type": "string",
|
|
31
|
+
"isRequired": false
|
|
32
|
+
},
|
|
33
|
+
"className": {
|
|
34
|
+
"type": "string",
|
|
35
|
+
"isRequired": false,
|
|
36
|
+
"description": "Standard React className prop"
|
|
37
|
+
},
|
|
38
|
+
"style": {
|
|
39
|
+
"type": "CSSProperties",
|
|
40
|
+
"isRequired": false,
|
|
41
|
+
"description": "Standard React style prop"
|
|
42
|
+
},
|
|
43
|
+
"children": {
|
|
44
|
+
"type": "ReactNode",
|
|
45
|
+
"isRequired": false,
|
|
46
|
+
"description": "Standard React children prop"
|
|
47
|
+
},
|
|
48
|
+
"id": {
|
|
49
|
+
"type": "string",
|
|
50
|
+
"isRequired": false,
|
|
51
|
+
"description": "Standard React id prop"
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
{
|
|
2
|
+
"Icon": {
|
|
3
|
+
"props": {
|
|
4
|
+
"color": {
|
|
5
|
+
"type": "\"blue\" | \"gray\" | \"green\" | \"purple\" | \"red\" | \"yellow\"",
|
|
6
|
+
"isRequired": false,
|
|
7
|
+
"options": [
|
|
8
|
+
"blue",
|
|
9
|
+
"gray",
|
|
10
|
+
"green",
|
|
11
|
+
"purple",
|
|
12
|
+
"red",
|
|
13
|
+
"yellow"
|
|
14
|
+
]
|
|
15
|
+
},
|
|
16
|
+
"sdsIcon": {
|
|
17
|
+
"type": "\"CheckCircle\" | \"Copy\" | \"Edit\" | \"LightBulb\" | \"LinesHorizontal\" | \"Loading\" | \"XMark\"",
|
|
18
|
+
"isRequired": false,
|
|
19
|
+
"options": [
|
|
20
|
+
"CheckCircle",
|
|
21
|
+
"Copy",
|
|
22
|
+
"Edit",
|
|
23
|
+
"LightBulb",
|
|
24
|
+
"LinesHorizontal",
|
|
25
|
+
"Loading",
|
|
26
|
+
"XMark"
|
|
27
|
+
]
|
|
28
|
+
},
|
|
29
|
+
"sdsSize": {
|
|
30
|
+
"type": "\"xs\" | \"s\" | \"l\" | \"xl\"",
|
|
31
|
+
"isRequired": false,
|
|
32
|
+
"options": [
|
|
33
|
+
"xs",
|
|
34
|
+
"s",
|
|
35
|
+
"l",
|
|
36
|
+
"xl"
|
|
37
|
+
]
|
|
38
|
+
},
|
|
39
|
+
"shade": {
|
|
40
|
+
"type": "100 | 200 | 300 | 400 | 500 | 600 | 700 | 800",
|
|
41
|
+
"isRequired": false,
|
|
42
|
+
"options": [
|
|
43
|
+
100,
|
|
44
|
+
200,
|
|
45
|
+
300,
|
|
46
|
+
400,
|
|
47
|
+
500,
|
|
48
|
+
600,
|
|
49
|
+
700,
|
|
50
|
+
800
|
|
51
|
+
]
|
|
52
|
+
},
|
|
53
|
+
"className": {
|
|
54
|
+
"type": "string",
|
|
55
|
+
"isRequired": false,
|
|
56
|
+
"description": "Standard React className prop"
|
|
57
|
+
},
|
|
58
|
+
"style": {
|
|
59
|
+
"type": "CSSProperties",
|
|
60
|
+
"isRequired": false,
|
|
61
|
+
"description": "Standard React style prop"
|
|
62
|
+
},
|
|
63
|
+
"children": {
|
|
64
|
+
"type": "ReactNode",
|
|
65
|
+
"isRequired": false,
|
|
66
|
+
"description": "Standard React children prop"
|
|
67
|
+
},
|
|
68
|
+
"id": {
|
|
69
|
+
"type": "string",
|
|
70
|
+
"isRequired": false,
|
|
71
|
+
"description": "Standard React id prop"
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
{
|
|
2
|
+
"InputCheckbox": {
|
|
3
|
+
"props": {
|
|
4
|
+
"caption": {
|
|
5
|
+
"type": "string",
|
|
6
|
+
"isRequired": false
|
|
7
|
+
},
|
|
8
|
+
"disabled": {
|
|
9
|
+
"type": "boolean",
|
|
10
|
+
"isRequired": false
|
|
11
|
+
},
|
|
12
|
+
"intent": {
|
|
13
|
+
"type": "\"default\" | \"negative\" | \"notice\" | \"positive\"",
|
|
14
|
+
"isRequired": false,
|
|
15
|
+
"options": [
|
|
16
|
+
"default",
|
|
17
|
+
"negative",
|
|
18
|
+
"notice",
|
|
19
|
+
"positive"
|
|
20
|
+
]
|
|
21
|
+
},
|
|
22
|
+
"label": {
|
|
23
|
+
"type": "string",
|
|
24
|
+
"isRequired": false
|
|
25
|
+
},
|
|
26
|
+
"stage": {
|
|
27
|
+
"type": "\"checked\" | \"unchecked\" | \"indeterminate\"",
|
|
28
|
+
"isRequired": false,
|
|
29
|
+
"options": [
|
|
30
|
+
"checked",
|
|
31
|
+
"unchecked",
|
|
32
|
+
"indeterminate"
|
|
33
|
+
]
|
|
34
|
+
},
|
|
35
|
+
"className": {
|
|
36
|
+
"type": "string",
|
|
37
|
+
"isRequired": false,
|
|
38
|
+
"description": "Standard React className prop"
|
|
39
|
+
},
|
|
40
|
+
"style": {
|
|
41
|
+
"type": "CSSProperties",
|
|
42
|
+
"isRequired": false,
|
|
43
|
+
"description": "Standard React style prop"
|
|
44
|
+
},
|
|
45
|
+
"children": {
|
|
46
|
+
"type": "ReactNode",
|
|
47
|
+
"isRequired": false,
|
|
48
|
+
"description": "Standard React children prop"
|
|
49
|
+
},
|
|
50
|
+
"id": {
|
|
51
|
+
"type": "string",
|
|
52
|
+
"isRequired": false,
|
|
53
|
+
"description": "Standard React id prop"
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
{
|
|
2
|
+
"InputDropdown": {
|
|
3
|
+
"props": {
|
|
4
|
+
"counter": {
|
|
5
|
+
"type": "number",
|
|
6
|
+
"isRequired": false
|
|
7
|
+
},
|
|
8
|
+
"disabled": {
|
|
9
|
+
"type": "boolean",
|
|
10
|
+
"isRequired": false
|
|
11
|
+
},
|
|
12
|
+
"intent": {
|
|
13
|
+
"type": "\"default\" | \"negative\" | \"notice\" | \"positive\"",
|
|
14
|
+
"isRequired": false,
|
|
15
|
+
"options": [
|
|
16
|
+
"default",
|
|
17
|
+
"negative",
|
|
18
|
+
"notice",
|
|
19
|
+
"positive"
|
|
20
|
+
]
|
|
21
|
+
},
|
|
22
|
+
"label": {
|
|
23
|
+
"type": "string",
|
|
24
|
+
"isRequired": false
|
|
25
|
+
},
|
|
26
|
+
"multiple": {
|
|
27
|
+
"type": "boolean",
|
|
28
|
+
"isRequired": false
|
|
29
|
+
},
|
|
30
|
+
"sdsStyle": {
|
|
31
|
+
"type": "\"square\" | \"rounded\" | \"minimal\"",
|
|
32
|
+
"isRequired": false,
|
|
33
|
+
"options": [
|
|
34
|
+
"square",
|
|
35
|
+
"rounded",
|
|
36
|
+
"minimal"
|
|
37
|
+
]
|
|
38
|
+
},
|
|
39
|
+
"sdsType": {
|
|
40
|
+
"type": "\"label\" | \"value\"",
|
|
41
|
+
"isRequired": false,
|
|
42
|
+
"options": [
|
|
43
|
+
"label",
|
|
44
|
+
"value"
|
|
45
|
+
]
|
|
46
|
+
},
|
|
47
|
+
"shouldPutAColonAfterLabel": {
|
|
48
|
+
"type": "boolean",
|
|
49
|
+
"isRequired": false
|
|
50
|
+
},
|
|
51
|
+
"shouldTruncateMinimalDetails": {
|
|
52
|
+
"type": "boolean",
|
|
53
|
+
"isRequired": false
|
|
54
|
+
},
|
|
55
|
+
"style": {
|
|
56
|
+
"type": "object",
|
|
57
|
+
"isRequired": false
|
|
58
|
+
},
|
|
59
|
+
"width": {
|
|
60
|
+
"type": "number",
|
|
61
|
+
"isRequired": false
|
|
62
|
+
},
|
|
63
|
+
"className": {
|
|
64
|
+
"type": "string",
|
|
65
|
+
"isRequired": false,
|
|
66
|
+
"description": "Standard React className prop"
|
|
67
|
+
},
|
|
68
|
+
"children": {
|
|
69
|
+
"type": "ReactNode",
|
|
70
|
+
"isRequired": false,
|
|
71
|
+
"description": "Standard React children prop"
|
|
72
|
+
},
|
|
73
|
+
"id": {
|
|
74
|
+
"type": "string",
|
|
75
|
+
"isRequired": false,
|
|
76
|
+
"description": "Standard React id prop"
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|