@czi-sds/mcp 0.16.0 → 0.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (164) hide show
  1. package/README.md +2 -1
  2. package/data/component-docs/Accordion.md +291 -0
  3. package/data/component-docs/Autocomplete.md +525 -0
  4. package/data/component-docs/Banner.md +231 -0
  5. package/data/component-docs/Button.md +224 -0
  6. package/data/component-docs/ButtonDropdown.md +256 -0
  7. package/data/component-docs/ButtonGroup.md +320 -0
  8. package/data/component-docs/ButtonToggle.md +397 -0
  9. package/data/component-docs/Callout.md +268 -0
  10. package/data/component-docs/CellBasic.md +122 -0
  11. package/data/component-docs/CellComponent.md +63 -0
  12. package/data/component-docs/CellHeader.md +128 -0
  13. package/data/component-docs/ComplexFilter.md +294 -0
  14. package/data/component-docs/ContentCard.md +406 -0
  15. package/data/component-docs/Dialog.md +651 -0
  16. package/data/component-docs/Dropdown.md +155 -0
  17. package/data/component-docs/DropdownMenu.md +949 -0
  18. package/data/component-docs/HeatmapChart.md +782 -0
  19. package/data/component-docs/Hero.md +363 -0
  20. package/data/component-docs/Icon.md +283 -0
  21. package/data/component-docs/InputCheckbox.md +205 -0
  22. package/data/component-docs/InputDropdown.md +482 -0
  23. package/data/component-docs/InputRadio.md +173 -0
  24. package/data/component-docs/InputSearch.md +81 -0
  25. package/data/component-docs/InputSlider.md +189 -0
  26. package/data/component-docs/InputText.md +110 -0
  27. package/data/component-docs/InputToggle.md +141 -0
  28. package/data/component-docs/IntentMessage.md +293 -0
  29. package/data/component-docs/Legend.md +442 -0
  30. package/data/component-docs/Link.md +23 -0
  31. package/data/component-docs/List.md +300 -0
  32. package/data/component-docs/LoadingIndicator.md +198 -0
  33. package/data/component-docs/Menu.md +298 -0
  34. package/data/component-docs/MenuItem.md +100 -0
  35. package/data/component-docs/NavigationFooter.md +165 -0
  36. package/data/component-docs/NavigationHeader.md +500 -0
  37. package/data/component-docs/NavigationJumpTo.md +414 -0
  38. package/data/component-docs/Notification.md +288 -0
  39. package/data/component-docs/Pagination.md +67 -0
  40. package/data/component-docs/Panel.md +636 -0
  41. package/data/component-docs/Popover.md +448 -0
  42. package/data/component-docs/PreComposedTable.md +2947 -0
  43. package/data/component-docs/SegmentedControl.md +396 -0
  44. package/data/component-docs/StackedBarChart.md +475 -0
  45. package/data/component-docs/Table.md +2000 -0
  46. package/data/component-docs/TableHeader.md +53 -0
  47. package/data/component-docs/TableRow.md +74 -0
  48. package/data/component-docs/Tabs.md +455 -0
  49. package/data/component-docs/Tag.md +647 -0
  50. package/data/component-docs/TagFilter.md +131 -0
  51. package/data/component-docs/Tooltip.md +561 -0
  52. package/data/component-docs/TooltipCondensed.md +203 -0
  53. package/data/component-docs/TooltipTable.md +145 -0
  54. package/data/component-docs/index.json +262 -0
  55. package/data/component-list.json +2 -5
  56. package/data/component-props/Accordion.json +31 -11
  57. package/data/component-props/Alert.json +3 -3
  58. package/data/component-props/Autocomplete.json +150 -15
  59. package/data/component-props/Banner.json +31 -17
  60. package/data/component-props/Button.json +45 -20
  61. package/data/component-props/ButtonDropdown.json +36 -17
  62. package/data/component-props/ButtonDropdownLegacy.json +11 -11
  63. package/data/component-props/ButtonGroup.json +32 -11
  64. package/data/component-props/ButtonIcon.json +10 -10
  65. package/data/component-props/ButtonLegacy.json +19 -19
  66. package/data/component-props/ButtonToggle.json +32 -19
  67. package/data/component-props/ButtonToggleLegacy.json +11 -11
  68. package/data/component-props/Callout.json +58 -17
  69. package/data/component-props/CellBasic.json +94 -41
  70. package/data/component-props/CellComponent.json +23 -7
  71. package/data/component-props/CellHeader.json +62 -19
  72. package/data/component-props/ComplexFilter.json +52 -21
  73. package/data/component-props/ContentCard.json +70 -47
  74. package/data/component-props/Dialog.json +47 -14
  75. package/data/component-props/Dropdown.json +68 -31
  76. package/data/component-props/DropdownMenu.json +128 -23
  77. package/data/component-props/HeatmapChart.json +88 -12
  78. package/data/component-props/Hero.json +80 -39
  79. package/data/component-props/Icon.json +20 -9
  80. package/data/component-props/InputCheckbox.json +36 -14
  81. package/data/component-props/InputDropdown.json +75 -27
  82. package/data/component-props/InputRadio.json +31 -13
  83. package/data/component-props/InputSearch.json +41 -18
  84. package/data/component-props/InputSlider.json +46 -19
  85. package/data/component-props/InputText.json +26 -19
  86. package/data/component-props/InputToggle.json +26 -9
  87. package/data/component-props/IntentMessage.json +38 -9
  88. package/data/component-props/Link.json +13 -7
  89. package/data/component-props/LoadingIndicator.json +11 -3
  90. package/data/component-props/MenuItem.json +38 -19
  91. package/data/component-props/MenuSelect.json +8 -8
  92. package/data/component-props/NavigationFooter.json +49 -19
  93. package/data/component-props/NavigationHeader.json +150 -37
  94. package/data/component-props/NavigationJumpTo.json +33 -7
  95. package/data/component-props/Notification.json +39 -21
  96. package/data/component-props/Pagination.json +39 -11
  97. package/data/component-props/Panel.json +62 -9
  98. package/data/component-props/Popover.json +80 -7
  99. package/data/component-props/PreComposedTable.json +99 -27
  100. package/data/component-props/SegmentedControl.json +42 -3
  101. package/data/component-props/StackedBarChart.json +116 -42
  102. package/data/component-props/TableRow.json +38 -19
  103. package/data/component-props/Tabs.json +66 -9
  104. package/data/component-props/Tag.json +34 -17
  105. package/data/component-props/TagFilter.json +10 -3
  106. package/data/component-props/Tooltip.json +49 -18
  107. package/data/component-props/TooltipCondensed.json +18 -9
  108. package/data/component-props/TooltipTable.json +17 -7
  109. package/data/resources/{zeroheight-rules.md → documentation-rules.md} +43 -30
  110. package/data/resources/figma-rules.md +2 -2
  111. package/dist/stdio.js +112 -208
  112. package/package.json +9 -5
  113. package/data/component-props/ButtonDropdownV2.json +0 -34
  114. package/data/component-props/ButtonNew.json +0 -47
  115. package/data/component-props/ButtonToggleV2.json +0 -44
  116. package/data/component-props/ButtonV2.json +0 -43
  117. package/data/zeroheight-cache.json +0 -10259
  118. package/data/zeroheight-exports/Accordion.md +0 -774
  119. package/data/zeroheight-exports/Banner.md +0 -691
  120. package/data/zeroheight-exports/Borders.md +0 -117
  121. package/data/zeroheight-exports/Buttons.md +0 -1854
  122. package/data/zeroheight-exports/Callout.md +0 -931
  123. package/data/zeroheight-exports/Colors.md +0 -1755
  124. package/data/zeroheight-exports/Content-Card.md +0 -309
  125. package/data/zeroheight-exports/Contributing-to-SDS.md +0 -98
  126. package/data/zeroheight-exports/Control-Inputs.md +0 -2818
  127. package/data/zeroheight-exports/Corners.md +0 -104
  128. package/data/zeroheight-exports/Cover-page.md +0 -3
  129. package/data/zeroheight-exports/Dialog.md +0 -1367
  130. package/data/zeroheight-exports/Downloads.md +0 -236
  131. package/data/zeroheight-exports/Drop-Shadows.md +0 -79
  132. package/data/zeroheight-exports/Dropdown-Input.md +0 -1776
  133. package/data/zeroheight-exports/Dropdown-Menus.md +0 -913
  134. package/data/zeroheight-exports/Element-Status-Tracker.md +0 -267
  135. package/data/zeroheight-exports/Field-Inputs.md +0 -1405
  136. package/data/zeroheight-exports/Filters.md +0 -1111
  137. package/data/zeroheight-exports/Getting-Started.md +0 -1157
  138. package/data/zeroheight-exports/Hero.md +0 -414
  139. package/data/zeroheight-exports/Icons.md +0 -2067
  140. package/data/zeroheight-exports/Intent.md +0 -86
  141. package/data/zeroheight-exports/Introduction-to-Bases.md +0 -35
  142. package/data/zeroheight-exports/Introduction-to-Cells.md +0 -35
  143. package/data/zeroheight-exports/Introduction-to-DNA.md +0 -35
  144. package/data/zeroheight-exports/Introduction-to-Genes.md +0 -35
  145. package/data/zeroheight-exports/Introduction.md +0 -115
  146. package/data/zeroheight-exports/Link.md +0 -432
  147. package/data/zeroheight-exports/Lists.md +0 -986
  148. package/data/zeroheight-exports/Loading-Indicator.md +0 -41
  149. package/data/zeroheight-exports/Navigation.md +0 -1190
  150. package/data/zeroheight-exports/Notification.md +0 -1038
  151. package/data/zeroheight-exports/Panel.md +0 -1030
  152. package/data/zeroheight-exports/README.md +0 -122
  153. package/data/zeroheight-exports/Responsive-Design.md +0 -330
  154. package/data/zeroheight-exports/Search-Input.md +0 -91
  155. package/data/zeroheight-exports/Search.md +0 -822
  156. package/data/zeroheight-exports/Segmented-Control.md +0 -609
  157. package/data/zeroheight-exports/Spacing.md +0 -297
  158. package/data/zeroheight-exports/Table.md +0 -5345
  159. package/data/zeroheight-exports/Tabs.md +0 -1324
  160. package/data/zeroheight-exports/Tags.md +0 -1545
  161. package/data/zeroheight-exports/Text-Link.md +0 -268
  162. package/data/zeroheight-exports/Theming.md +0 -362
  163. package/data/zeroheight-exports/Tooltips.md +0 -2015
  164. package/data/zeroheight-exports/Typography.md +0 -800
@@ -1,236 +0,0 @@
1
- # Downloads
2
-
3
- There are instances where users may want to download data that are uploaded to CZ GEN EPI. There are three download types that commonly occur, see recommended flows and best practices below.
4
-
5
- ## Data Download Types
6
-
7
- | Many Science products help users manipulate, visualize, and interpret data they’ve uploaded. Sometimes users want to download data that have been uploaded in order to, for example, perform more complex analyses using the tools they know best. Three types of downloading data are common across our products: immediately downloading individual files, immediately downloading multiple files, and asynchronously downloading multiple files. | | **Jump to type:** Individual, Immediate Multiple, Immediate |
8
- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --- | ----------------------------------------------------------- |
9
-
10
- ---
11
-
12
- ## Individual File, Immediate Download
13
-
14
- Individual files can typically be downloaded immediately. If the user can configure their download (e.g., file type), a dialog may appear. The download will begin within the user’s browser as soon as they confirm their selection.
15
-
16
- The example flow below shows the immediate download of an individual data file. Within CZ GEN EPI, this download type is used for downloading data associated with individual phlyogenetic trees.
17
-
18
- **Flow**
19
-
20
- ---
21
-
22
- ---
23
-
24
- **1. Single-select**
25
-
26
- ---
27
-
28
- **2B. Dropdown Menu**
29
-
30
- ---
31
-
32
- ---
33
-
34
- ## Multiple Files, Immediate Download
35
-
36
- If the files are small enough, users can download multiple files at once by selecting multiple files, then clicking a button to initiate the download. If the user can configure their download (e.g., file type), a dialog may appear. The download will begin within the user’s browser as soon as they confirm their selection.
37
-
38
- The example flow below shows the immediate download of multiple data files. Within CZ GEN EPI, this download type is used is used to download data or FASTA files for one or more samples.
39
-
40
- **Flow**
41
-
42
- ---
43
-
44
- ---
45
-
46
- **1. Multi-select**
47
-
48
- ---
49
-
50
- **2B. Download Dialog**
51
-
52
- ---
53
-
54
- ---
55
-
56
- There are instances where users may want to download data that are uploaded to CZ ID. There are three download types that commonly occur, see recommended flows and best practices below.
57
-
58
- ## Data Download Types
59
-
60
- | Many Science products help users manipulate, visualize, and interpret data they’ve uploaded. Sometimes users want to download data that have been uploaded in order to, for example, perform more complex analyses using the tools they know best. Three types of downloading data are common across our products: immediately downloading individual files, immediately downloading multiple files, and asynchronously downloading multiple files. | | **Jump to type:** Individual, Immediate Multiple, Immediate Multiple, Asynchronous |
61
- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --- | ---------------------------------------------------------------------------------- |
62
-
63
- ---
64
-
65
- ## Individual File, Immediate Download
66
-
67
- Individual files can typically be downloaded immediately. If the user can configure their download (e.g., file type), a dialog may appear. The download will begin within the user’s browser as soon as they confirm their selection.
68
-
69
- The example flow below shows the immediate download of an individual data file.
70
-
71
- **CZ ID_Individual File, Immediate Download flow**
72
-
73
- ---
74
-
75
- ---
76
-
77
- **1. Single-select**
78
-
79
- ---
80
-
81
- **2B. Download Dialog**
82
-
83
- ---
84
-
85
- **2C. Dropdown Menu**
86
-
87
- ---
88
-
89
- ---
90
-
91
- ## Multiple Files, Immediate Download
92
-
93
- If the files are small enough, users can download multiple files at once by selecting multiple files, then clicking a button to initiate the download. If the user can configure their download (e.g., file type), a dialog may appear. The download will begin within the user’s browser as soon as they confirm their selection.
94
-
95
- The example flow below shows the immediate download of multiple data files.
96
-
97
- **CZ ID_Multiple Files, Immediate Download flow**
98
-
99
- ---
100
-
101
- ---
102
-
103
- **1. Multi-select**
104
-
105
- ---
106
-
107
- **2B. Download Dialog**
108
-
109
- ---
110
-
111
- ---
112
-
113
- ## Multiple Files, Asynchronous Download
114
-
115
- If the files are too large to download immediately, users can initiate an asynchronous download flow for multiple files. Users can select multiple files at once, then click a button to initiate the download. If the user can configure their download (e.g., file type), a dialog may appear.
116
-
117
- Once the user confirms their selection, the system will begin generating their download in the background and show a confirmation message. Users can download the generated file once it’s completed from a dedicated Downloads page.
118
-
119
- The example flow below shows the asynchronous download of multiple data files.
120
-
121
- **CZ ID_Multiple Files, Asynchronous Download flow**
122
-
123
- ---
124
-
125
- ---
126
-
127
- **1. Multi-select**
128
-
129
- ---
130
-
131
- **2. Download Dialog**
132
-
133
- ---
134
-
135
- **3. Download Notification**
136
-
137
- ---
138
-
139
- **4. Downloads View**
140
-
141
- ---
142
-
143
- ---
144
-
145
- There are instances where users may want to download data that are uploaded to the product they are using. There are three download types that commonly occur, see recommended flows and best practices below.
146
-
147
- ## Data Download Types
148
-
149
- | Many Science products help users manipulate, visualize, and interpret data they’ve uploaded. Sometimes users want to download data that have been uploaded in order to, for example, perform more complex analyses using the tools they know best. Three types of downloading data are common across our products: immediately downloading individual files, immediately downloading multiple files, and asynchronously downloading multiple files. | | **Jump to type:** Individual, Immediate Multiple, Immediate Multiple, Asynchronous |
150
- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --- | ---------------------------------------------------------------------------------- |
151
-
152
- ---
153
-
154
- ## Individual File, Immediate Download
155
-
156
- Individual files can typically be downloaded immediately. If the user can configure their download (e.g., file type), a dialog may appear. The download will begin within the user’s browser as soon as they confirm their selection.
157
-
158
- ### Example from Single Cell
159
-
160
- The example flow below uses Single Cell to show the immediate download of an individual data file.
161
-
162
- **Flow**
163
-
164
- ---
165
-
166
- ---
167
-
168
- **1. Single-select**
169
-
170
- ---
171
-
172
- **2B. Download Dialog**
173
-
174
- ---
175
-
176
- **2C. Dropdown Menu**
177
-
178
- ---
179
-
180
- ---
181
-
182
- ## Multiple Files, Immediate Download
183
-
184
- If the files are small enough, users can download multiple files at once by selecting multiple files, then clicking a button to initiate the download. If the user can configure their download (e.g., file type), a dialog may appear. The download will begin within the user’s browser as soon as they confirm their selection.
185
-
186
- ### Example from CZ GE
187
-
188
- The example flow below uses CZ GE to show the immediate download of multiple data files.
189
-
190
- **Multiple Files, Immediate Download flow**
191
-
192
- ---
193
-
194
- ---
195
-
196
- **1. Multi-select**
197
-
198
- ---
199
-
200
- **2B. Download Dialog**
201
-
202
- ---
203
-
204
- ---
205
-
206
- ## Multiple Files, Asynchronous Download
207
-
208
- If the files are too large to download immediately, users can initiate an asynchronous download flow for multiple files. Users can select multiple files at once, then click a button to initiate the download. If the user can configure their download (e.g., file type), a dialog may appear.
209
-
210
- Once the user confirms their selection, the system will begin generating their download in the background and show a confirmation message. Users can download the generated file once it’s completed from a dedicated Downloads page.
211
-
212
- ### Example from CZ ID
213
-
214
- The example flow below uses CZ ID to show the asynchronous download of multiple data files.
215
-
216
- **Flow**
217
-
218
- ---
219
-
220
- ---
221
-
222
- **1. Multi-select**
223
-
224
- ---
225
-
226
- **2. Download Dialog**
227
-
228
- ---
229
-
230
- **3. Download Notification**
231
-
232
- ---
233
-
234
- **4. Downloads View**
235
-
236
- ---
@@ -1,79 +0,0 @@
1
- # Drop Shadows
2
-
3
- Drop shadows provide depth to designs via elevation to help users distinguish between overlapping layers of content.
4
-
5
- ### Types of Drop Shadows
6
-
7
- | **Visual** | | **Shadow Type** | | **Usage** |
8
- | ---------- | --- | --------------- | --- | -------------------------------------------------------------------------------------------------------------------------------------- |
9
- | | | Large Shadow | | Containers that layer on top of all other page content (bottom 
panels, side panels, modals, etc.) |
10
- | | | Medium Shadow | | Containers that are part of a page's content, but appear on user input, layering over primary content (dropdown menus, tooltips, etc.) |
11
- | | | Small Shadow | | Containers that layer closely over content, including images of documents/screens placed in content, and sign up forms |
12
-
13
- ### Drop Shadow Variables
14
-
15
- | **Visual** | | **CSS / SCSS Variables** | | **Value** |
16
- | ---------- | --- | ------------------------------------------ | --- | ---------------------------------------------------------------------------------- |
17
- | | | `--sds-drop-shadow-l` `$sds-drop-shadow-l` | | `box-shadow:` `0 2px 12px 0 rbga (0,0,0, 0.3);` |
18
- | | | `--sds-drop-shadow-m` `$sds-drop-shadow-m` | | `box-shadow:` `0 2px 4px 0 rbga (0,0,0, 0.15),` `0 2px 10px 0 rbga (0,0,0, 0.15);` |
19
- | | | `--sds-drop-shadow-s` `$sds-drop-shadow-s` | | `box-shadow:` `0 2px 4px 0 rbga (0,0,0, 0.25);` |
20
-
21
- ---
22
-
23
- Drop shadows provide depth to designs via elevation to help users distinguish between overlapping layers of content.
24
-
25
- ### Types of Drop Shadows
26
-
27
- | **Visual** | | **Shadow Type** | | **Usage** |
28
- | ---------- | --- | --------------- | --- | ------------------------------------------------------------------------------------------------------------------------------------------- |
29
- | | | Large Shadow | | Containers that layer on top of all other page content (such as Dialogs) |
30
- | | | Medium Shadow | | Containers that are part of a page's content, but appear on user input, layering over primary content (such as Dropdown Menus and Tooltips) |
31
- | | | Small Shadow | | Containers that layer closely over content, including images of documents/screens placed in content, and sign up forms |
32
-
33
- ### Drop Shadow Variables
34
-
35
- | **Visual** | | **Variable** | | **Value** |
36
- | ---------- | --- | ------------ | --- | ---------------------------------------------------------------------------------- |
37
- | | | `shadowL` | | `box-shadow:` `0 2px 12px 0 rbga (0,0,0, 0.3);` |
38
- | | | `shadowM` | | `box-shadow:` `0 2px 4px 0 rbga (0,0,0, 0.15),` `0 2px 10px 0 rbga (0,0,0, 0.15);` |
39
- | | | `shadowS` | | `box-shadow:` `0 2px 4px 0 rbga (0,0,0, 0.25);` |
40
-
41
- ---
42
-
43
- Drop shadows provide depth to designs via elevation to help users distinguish between overlapping layers of content.
44
-
45
- ### Types of Drop Shadows
46
-
47
- | **Visual** | | **Shadow Type** | | **Usage** |
48
- | ---------- | --- | --------------- | --- | -------------------------------------------------------------------------------------------------------------------------------------- |
49
- | | | Large Shadow | | Containers that layer on top of all other page content (bottom panels, side panels, modals, etc.) |
50
- | | | Medium Shadow | | Containers that are part of a page's content, but appear on user input, layering over primary content (dropdown menus, tooltips, etc.) |
51
- | | | Small Shadow | | Containers that layer closely over content, including images of documents/screens placed in content, and sign up forms |
52
-
53
- ### Drop Shadow Variables
54
-
55
- | **Visual** | | **Variable** | | **Value** |
56
- | ---------- | --- | ------------ | --- | ---------------------------------------------------------------------------------- |
57
- | | | `shadowL` | | `box-shadow:` `0 2px 12px 0 rbga (0,0,0, 0.3);` |
58
- | | | `shadowM` | | `box-shadow:` `0 2px 4px 0 rbga (0,0,0, 0.15),` `0 2px 10px 0 rbga (0,0,0, 0.15);` |
59
- | | | `shadowS` | | `box-shadow:` `0 2px 4px 0 rbga (0,0,0, 0.25);` |
60
-
61
- ---
62
-
63
- Drop shadows provide depth to designs via elevation to help users distinguish between overlapping layers of content.
64
-
65
- ### Types of Drop Shadows
66
-
67
- | **Visual** | | **Shadow Type** | | **Usage** |
68
- | ---------- | --- | --------------- | --- | -------------------------------------------------------------------------------------------------------------------------------------- |
69
- | | | Large Shadow | | Containers that layer on top of all other page content (bottom panels, side panels, modals, etc.) |
70
- | | | Medium Shadow | | Containers that are part of a page's content, but appear on user input, layering over primary content (dropdown menus, tooltips, etc.) |
71
- | | | Small Shadow | | Containers that layer closely over content, including images of documents/screens placed in content, and sign up forms |
72
-
73
- ### Drop Shadow Variables
74
-
75
- | **Visual** | | **Variable** | | **Value** |
76
- | ---------- | --- | ------------ | --- | ---------------------------------------------------------------------------------- |
77
- | | | `shadowL` | | `box-shadow:` `0 2px 12px 0 rbga (0,0,0, 0.3);` |
78
- | | | `shadowM` | | `box-shadow:` `0 2px 4px 0 rbga (0,0,0, 0.15),` `0 2px 10px 0 rbga (0,0,0, 0.15);` |
79
- | | | `shadowS` | | `box-shadow:` `0 2px 4px 0 rbga (0,0,0, 0.25);` |