@czi-sds/mcp 0.2.1 → 0.3.0

package/data/zeroheight-exports/Downloads.md

@@ -0,0 +1,121 @@
+# Downloads
+
+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.
+
+## Data Download Types
+
+| 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 |
+| --- | --- | --- |
+
+---
+
+## Individual File, Immediate Download
+
+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.
+
+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.
+
+---
+
+---
+
+## Multiple Files, Immediate Download
+
+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.
+
+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. 
+
+---
+
+---
+
+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.
+
+## Data Download Types
+
+| 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 |
+| --- | --- | --- |
+
+---
+
+## Individual File, Immediate Download
+
+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.
+
+The example flow below shows the immediate download of an individual data file.
+
+---
+
+---
+
+## Multiple Files, Immediate Download
+
+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.
+
+The example flow below shows the immediate download of multiple data files.
+
+---
+
+---
+
+## Multiple Files, Asynchronous Download
+
+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.
+
+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.
+
+The example flow below shows the asynchronous download of multiple data files.
+
+ 
+
+---
+
+ 
+
+---
+
+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.
+
+## Data Download Types
+
+| 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  |
+| --- | --- | --- |
+
+---
+
+## Individual File, Immediate Download
+
+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.
+
+### Example from Single Cell
+
+The example flow below uses Single Cell to show the immediate download of an individual data file.
+
+---
+
+---
+
+## Multiple Files, Immediate Download
+
+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.
+
+### Example from CZ GE
+
+The example flow below uses CZ GE to show the immediate download of multiple data files.
+
+---
+
+---
+
+## Multiple Files, Asynchronous Download
+
+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. 
+
+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.
+
+### Example from CZ ID
+
+The example flow below uses CZ ID to show the asynchronous download of multiple data files.
+
+---
+

package/data/zeroheight-exports/Drop-Shadows.md

@@ -0,0 +1,80 @@
+# Drop Shadows
+
+Drop shadows provide depth to designs via elevation to help users distinguish between overlapping layers of content.
+
+### Types of Drop Shadows
+
+| **Visual** |   | **Shadow Type** |   | **Usage** |
+| --- | --- | --- | --- | --- |
+|  |   | Large Shadow |   | Containers that layer on top of all other page content (bottom 
panels, side panels, modals, etc.) |
+|  |   | Medium Shadow |   | Containers that are part of a page's content, but appear on user input, layering over primary content (dropdown menus, tooltips, etc.) |
+|  |   | Small Shadow |   | Containers that layer closely over content, including images of documents/screens placed in content, and sign up forms |
+
+### Drop Shadow Variables
+
+| **Visual** |   | **CSS / SCSS Variables** |   | **Value** |
+| --- | --- | --- | --- | --- |
+|  |   | `--sds-drop-shadow-l` `$sds-drop-shadow-l` |   | `box-shadow:` `0 2px 12px 0 rbga (0,0,0, 0.3);` |
+|  |   | `--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);` |
+|  |   | `--sds-drop-shadow-s` `$sds-drop-shadow-s` |   | `box-shadow:` `0 2px 4px 0 rbga (0,0,0, 0.25);` |
+
+---
+
+Drop shadows provide depth to designs via elevation to help users distinguish between overlapping layers of content.
+
+### Types of Drop Shadows
+
+| **Visual** |   | **Shadow Type** |   | **Usage** |
+| --- | --- | --- | --- | --- |
+|  |   | Large Shadow |   | Containers that layer on top of all other page content (such as Dialogs) |
+|  |   | 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) |
+|  |   | Small Shadow |   | Containers that layer closely over content, including images of documents/screens placed in content, and sign up forms |
+
+### Drop Shadow Variables
+
+| **Visual** |   | **Variable** |   | **Value** |
+| --- | --- | --- | --- | --- |
+|  |   | `shadowL` |   | `box-shadow:` `0 2px 12px 0 rbga (0,0,0, 0.3);` |
+|  |   | `shadowM` |   | `box-shadow:` `0 2px 4px 0 rbga (0,0,0, 0.15),` `0 2px 10px 0 rbga (0,0,0, 0.15);` |
+|  |   | `shadowS` |   | `box-shadow:` `0 2px 4px 0 rbga (0,0,0, 0.25);` |
+
+---
+
+Drop shadows provide depth to designs via elevation to help users distinguish between overlapping layers of content.
+
+### Types of Drop Shadows
+
+| **Visual** |   | **Shadow Type** |   | **Usage** |
+| --- | --- | --- | --- | --- |
+|  |   | Large Shadow |   | Containers that layer on top of all other page content (bottom panels, side panels, modals, etc.) |
+|  |   | Medium Shadow |   | Containers that are part of a page's content, but appear on user input, layering over primary content (dropdown menus, tooltips, etc.) |
+|  |   | Small Shadow |   | Containers that layer closely over content, including images of documents/screens placed in content, and sign up forms |
+
+### Drop Shadow Variables
+
+| **Visual** |   | **Variable** |   | **Value** |
+| --- | --- | --- | --- | --- |
+|  |   | `shadowL` |   | `box-shadow:` `0 2px 12px 0 rbga (0,0,0, 0.3);` |
+|  |   | `shadowM` |   | `box-shadow:` `0 2px 4px 0 rbga (0,0,0, 0.15),` `0 2px 10px 0 rbga (0,0,0, 0.15);` |
+|  |   | `shadowS` |   | `box-shadow:` `0 2px 4px 0 rbga (0,0,0, 0.25);` |
+
+---
+
+Drop shadows provide depth to designs via elevation to help users distinguish between overlapping layers of content.
+
+### Types of Drop Shadows
+
+| **Visual** |   | **Shadow Type** |   | **Usage** |
+| --- | --- | --- | --- | --- |
+|  |   | Large Shadow |   | Containers that layer on top of all other page content (bottom panels, side panels, modals, etc.) |
+|  |   | Medium Shadow |   | Containers that are part of a page's content, but appear on user input, layering over primary content (dropdown menus, tooltips, etc.) |
+|  |   | Small Shadow |   | Containers that layer closely over content, including images of documents/screens placed in content, and sign up forms |
+
+### Drop Shadow Variables
+
+| **Visual** |   | **Variable** |   | **Value** |
+| --- | --- | --- | --- | --- |
+|  |   | `shadowL` |   | `box-shadow:` `0 2px 12px 0 rbga (0,0,0, 0.3);` |
+|  |   | `shadowM` |   | `box-shadow:` `0 2px 4px 0 rbga (0,0,0, 0.15),` `0 2px 10px 0 rbga (0,0,0, 0.15);` |
+|  |   | `shadowS` |   | `box-shadow:` `0 2px 4px 0 rbga (0,0,0, 0.25);` |
+