@czi-sds/mcp 0.5.2 → 0.5.4

package/data/zeroheight-exports/Tabs.md

@@ -27,15 +27,79 @@ Tabs can also optionally be paired with an underline beneath them that spans the
 | **Default** | **Hover** | **Active** | **Disabled** |
 | ----------- | --------- | ---------- | ------------ |
 
+**Large_No Underline_No Alert_Default**
+
+---
+
+**Large_No Underline_No Alert_Hover**
+
+---
+
+**Large_No Underline_No Alert_Active**
+
+---
+
+**Large_No Underline_No Alert_Disabled**
+
+---
+
 | **Default + Alert** | **Hover** | **Active** | **Disabled** |
 | ------------------- | --------- | ---------- | ------------ |
 
+**Large_No Underline_Alert_Default**
+
+---
+
+**Large_No Underline_Alert_Hover**
+
+---
+
+**Large_No Underline_Alert_Active**
+
+---
+
+**Large_No Underline_Alert_Disabled**
+
+---
+
 | **Default + Underline** | **Hover** | **Active** | **Disabled** |
 | ----------------------- | --------- | ---------- | ------------ |
 
+**Large_Underline_No Alert_Default**
+
+---
+
+**Large_Underline_No Alert_Hover**
+
+---
+
+**Large_Underline_No Alert_Active**
+
+---
+
+**Large_Underline_No Alert_Disabled**
+
+---
+
 | **Default + Alert + Underline** | **Hover** | **Active** | **Disabled** |
 | ------------------------------- | --------- | ---------- | ------------ |
 
+**Large_Underline_Alert_Default**
+
+---
+
+**Large_Underline_Alert_Hover**
+
+---
+
+**Large_Underline_Alert_Active**
+
+---
+
+**Large_Underline_Alert_Disabled**
+
+---
+
 ### Small Tabs
 
 Alternative Tab size to be used in napari hub on plugin detail pages for plugins whose authors are using official formatting for their plugin citations.
@@ -43,22 +107,88 @@ Alternative Tab size to be used in napari hub on plugin detail pages for plugins
 | **Default** | **Hover** | **Active** | **Disabled** |
 | ----------- | --------- | ---------- | ------------ |
 
+**Small_No Underline_No Alert_Default**
+
+---
+
+**Small_No Underline_No Alert_Hover**
+
+---
+
+**Small_No Underline_No Alert_Active**
+
+---
+
+**Small_No Underline_No Alert_Disabled**
+
+---
+
 | **Default + Alert** | **Hover** | **Active** | **Disabled** |
 | ------------------- | --------- | ---------- | ------------ |
 
+**Small_No Underline_Alert_Default**
+
+---
+
+**Small_No Underline_Alert_Hover**
+
+---
+
+**Small_No Underline_Alert_Active**
+
+---
+
+**Small_No Underline_Alert_Disabled**
+
+---
+
 | **Default + Underline** | **Hover** | **Active** | **Disabled** |
 | ----------------------- | --------- | ---------- | ------------ |
 
+**Small_Underline_No Alert_Default**
+
+---
+
+**Small_Underline_No Alert_Hover**
+
+---
+
+**Small_Underline_No Alert_Active**
+
+---
+
+**Small_Underline_No Alert_Disabled**
+
+---
+
 | **Default + Alert + Underline** | **Hover** | **Active** | **Disabled** |
 | ------------------------------- | --------- | ---------- | ------------ |
 
+**Small_Underline_Alert_Default**
+
+---
+
+**Small_Underline_Alert_Hover**
+
+---
+
+**Small_Underline_Alert_Active**
+
+---
+
+**Small_Underline_Alert_Disabled**
+
+---
+
 ---
 
 ### Tabs Spacing
 
 These rules establish how much margin should exist between and around elements.
 
+**Tabs spacing**
 
+---
 
 ## Code
 
@@ -104,17 +234,79 @@ Overall, include a counter when necessary to indicate the number of items on tha
 | **Default** | **Hover** | **Active** | **Disabled** |
 | ----------- | --------- | ---------- | ------------ |
 
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
 | **Default + Count** | **Hover** | **Active** | **Disabled** |
 | ------------------- | --------- | ---------- | ------------ |
 
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
 | **Default + Underline** | **Hover** | **Active** | **Disabled** |
 | ----------------------- | --------- | ---------- | ------------ |
 
+**Tabs**
+
+---
+
+**Tabs**
 
+---
+
+**Tabs**
+
+---
+
+**Tabs**
+
+---
 
 | **Default + Count + Underline** | **Hover** | **Active** | **Disabled** |
 | ------------------------------- | --------- | ---------- | ------------ |
 
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
 ### Small Tabs
 
 Alternative Tab size to be used only in conjunction with Large Tabs when a secondary layer of tabbing is needed.
@@ -124,22 +316,88 @@ Include a counter when necessary to indicate the number of items on that Tab's s
 | **Default** | **Hover** | **Active** | **Disabled** |
 | ----------- | --------- | ---------- | ------------ |
 
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
 | **Default + Count** | **Hover** | **Active** | **Disabled** |
 | ------------------- | --------- | ---------- | ------------ |
 
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
 | **Default + Underline** | **Hover** | **Active** | **Disabled** |
 | ----------------------- | --------- | ---------- | ------------ |
 
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
 | **Default + Count + Underline** | **Hover** | **Active** | **Disabled** |
 | ------------------------------- | --------- | ---------- | ------------ |
 
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
+**Tabs**
+
+---
+
 ---
 
 ### Tabs Spacing
 
 These rules establish how much margin should exist between and around elements.
 
+**Tabs Spacing**
 
+---
 
 ## Code
 
@@ -156,8 +414,6 @@ These rules establish how much margin should exist between and around elements.
 
 Storybook
 
-
-
 ---
 
 Tabs allow users to switch between different sets of information or content that is related to one overarching category or group while staying on the same page.
@@ -187,16 +443,78 @@ Include a counter when necessary to indicate the number of items on that Tab's s
 | **Default** | **Hover** | **Active** | **Disabled** |
 | ----------- | --------- | ---------- | ------------ |
 
+**Large_No Underline_No Count_Default**
+
+---
+
+**Large_No Underline_No Count_Hover**
+
+---
+
+**Large_No Underline_No Count_Active**
+
+---
+
+**Large_No Underline_No Count_Disabled**
+
+---
+
 | **Default + Count** | **Hover** | **Active** | **Disabled** |
 | ------------------- | --------- | ---------- | ------------ |
 
+**Large_No Underline_Count_Default**
+
+---
+
+**Large_No Underline_Count_Hover**
+
+---
+
+**Large_No Underline_Count_Active**
+
+---
+
+**Large_No Underline_Count_Disabled**
+
+---
+
 | **Default + Underline** | **Hover** | **Active** | **Disabled** |
 | ----------------------- | --------- | ---------- | ------------ |
 
+**Large_Underline_No Count_Default**
+
+---
+
+**Large_Underline_No Count_Hover**
+
+---
+
+**Large_Underline_No Count_Active**
+
+---
+
+**Large_Underline_No Count_Disabled**
+
+---
+
 | **Default + Count + Underline** | **Hover** | **Active** | **Disabled** |
 | ------------------------------- | --------- | ---------- | ------------ |
 
+**Large_Underline_Count_Default**
 
+---
+
+**Large_Underline_Count_Hover**
+
+---
+
+**Large_Underline_Count_Active**
+
+---
+
+**Large_Underline_Count_Disabled**
+
+---
 
 ### Small Tabs
 
@@ -207,21 +525,89 @@ Include a counter when necessary to indicate the number of items on that Tab's s
 | **Default** | **Hover** | **Active** | **Disabled** |
 | ----------- | --------- | ---------- | ------------ |
 
+**Small_No Underline_No Count_Default**
+
+---
+
+**Small_No Underline_No Count_Hover**
+
+---
+
+**Small_No Underline_No Count_Active**
+
+---
+
+**Small_No Underline_No Count_Disabled**
+
+---
+
 | **Default + Count** | **Hover** | **Active** | **Disabled** |
 | ------------------- | --------- | ---------- | ------------ |
 
+**Small_No Underline_Count_Default**
+
+---
+
+**Small_No Underline_Count_Hover**
+
+---
+
+**Small_No Underline_Count_Active**
+
+---
+
+**Small_No Underline_Count_Disabled**
+
+---
+
 | **Default + Underline** | **Hover** | **Active** | **Disabled** |
 | ----------------------- | --------- | ---------- | ------------ |
 
+**Small_Underline_No Count_Default**
+
+---
+
+**Small_Underline_No Count_Hover**
+
+---
+
+**Small_Underline_No Count_Active**
+
+---
+
+**Small_Underline_No Count_Disabled**
+
+---
+
 | **Default + Count + Underline** | **Hover** | **Active** | **Disabled** |
 | ------------------------------- | --------- | ---------- | ------------ |
 
+**Small_Underline_Count_Default**
+
+---
+
+**Small_Underline_Count_Hover**
+
+---
+
+**Small_Underline_Count_Active**
+
+---
+
+**Small_Underline_Count_Disabled**
+
+---
+
 ---
 
 ### Tabs Spacing
 
 These rules establish how much margin should exist between and around elements.
 
+**Tabs Spacing**
+
+---
+
 ## Code
 
 ## Tabs Component
@@ -250,6 +636,14 @@ Tabs allow users to switch between different sets of information or content that
 
 There are two sizes of Tabs available for use which is determined by their location in the UI, the key difference being the size of the text on each Tab. Each size can include a counter to indicate the number of items on that Tab’s screen such as when used as part of Filter results. They can also be paired with an underline that spans the width of the entire div the tab group is placed within to provide visual separation between the Tabs and the content beneath them.
 
+**Tabs_Large**
+
+---
+
+**Tabs_Small**
+
+---
+
 ---
 
 ### Live Instance
@@ -269,6 +663,70 @@ Include a counter when necessary to indicate the number of viewable items availa
 | Default | Hover | Active | Disabled |
 | ------- | ----- | ------ | -------- |
 
+**Large_No Underline_No Count_Default**
+
+---
+
+**Large_No Underline_No Count_Hover**
+
+---
+
+**Large_No Underline_No Count_Active**
+
+---
+
+**Large_No Underline_No Count_Disabled**
+
+---
+
+**Large_No Underline_Count_Default**
+
+---
+
+**Large_No Underline_Count_Hover**
+
+---
+
+**Large_No Underline_Count_Active**
+
+---
+
+**Large_No Underline_Count_Disabled**
+
+---
+
+**Large_Underline_No Count_Default**
+
+---
+
+**Large_Underline_No Count_Hover**
+
+---
+
+**Large_Underline_No Count_Active**
+
+---
+
+**Large_Underline_No Count_Disabled**
+
+---
+
+**Large_Underline_Count_Default**
+
+---
+
+**Large_Underline_Count_Hover**
+
+---
+
+**Large_Underline_Count_Active**
+
+---
+
+**Large_Underline_Count_Disabled**
+
+---
+
 ---
 
 ### Tabs – Small
@@ -280,12 +738,80 @@ Include a counter when necessary to indicate the number of viewable items availa
 | Default | Hover | Active | Disabled |
 | ------- | ----- | ------ | -------- |
 
+**Small_No Underline_No Count_Default**
+
+---
+
+**Small_No Underline_No Count_Hover**
+
+---
+
+**Small_No Underline_No Count_Active**
+
+---
+
+**Small_No Underline_No Count_Disabled**
+
+---
+
+**Small_No Underline_Count_Default**
+
+---
+
+**Small_No Underline_Count_Hover**
+
+---
+
+**Small_No Underline_Count_Active**
+
+---
+
+**Small_No Underline_Count_Disabled**
+
+---
+
+**Small_Underline_No Count_Default**
+
+---
+
+**Small_Underline_No Count_Hover**
+
+---
+
+**Small_Underline_No Count_Active**
+
+---
+
+**Small_Underline_No Count_Disabled**
+
+---
+
+**Small_Underline_Count_Default**
+
+---
+
+**Small_Underline_Count_Hover**
+
+---
+
+**Small_Underline_Count_Active**
+
+---
+
+**Small_Underline_Count_Disabled**
+
+---
+
 ---
 
 ### Tabs Spacing
 
 These rules establish how much margin should exist between and around elements.
 
+**Tabs Spacing**
+
+---
+
 ## Code
 
 > **Note:** The code examples below must install dependencies before displaying and may take extra time to load
@@ -440,15 +966,14 @@ root.render(
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Tabs</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
       rel="stylesheet"
     />
     <link
-      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"
+      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap"
       rel="stylesheet"
     />
   </head>
@@ -591,15 +1116,14 @@ root.render(
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Tabs</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
       rel="stylesheet"
     />
     <link
-      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"
+      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap"
       rel="stylesheet"
     />
   </head>
@@ -762,15 +1286,14 @@ root.render(
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Tabs</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
       rel="stylesheet"
     />
     <link
-      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"
+      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap"
       rel="stylesheet"
     />
   </head>