@czi-sds/mcp 0.5.2 → 0.5.4

package/data/zeroheight-exports/Tags.md

@@ -11,6 +11,14 @@ Tags are used to help with categorization on plugin pages or in conjunction with
 
 Use the links below to jump to information on a specific Tag:
 
+**Tag**
+
+---
+
+**TagFilter**
+
+---
+
 ---
 
 ## Tag
@@ -29,12 +37,32 @@ Click on each state below to enter inspect view and get details on its code attr
 | **Default (Inactive)** | **Default (Active)** | **Hover** | **Pressed** |
 | ---------------------- | -------------------- | --------- | ----------- |
 
+**Tag**
+
+---
+
+**Tag**
+
+---
+
+**Tag**
+
+---
+
+**Tag**
+
+---
+
 ---
 
 ### Tag Spacing
 
 These rules establish how much margin should exist between and around elements.
 
+**Tag spacing**
+
+---
+
 ---
 
 ## Filter Tag
@@ -49,12 +77,28 @@ Click on each state below to enter inspect view and get details on its code attr
 | **Default** | **Hover** | **Pressed** |
 | ----------- | --------- | ----------- |
 
+**Tag**
+
+---
+
+**Tag**
+
+---
+
+**Tag**
+
+---
+
 ---
 
 ### Filter Tag Spacing
 
 These rules establish how much margin should exist between and around elements.
 
+**Filter Tag spacing**
+
+---
+
 ## Code
 
 ## Tag Components
@@ -103,12 +147,28 @@ Click on each state below to enter inspect view and get details on its code attr
 | **Default** | **Hover** | **Pressed** |
 | ----------- | --------- | ----------- |
 
+**TagFilter**
+
+---
+
+**TagFilter**
+
+---
+
+**TagFilter**
+
+---
+
 ---
 
 ### Filter Tag Spacing
 
 These rules establish how much margin should exist between and around elements.
 
+**Filter Tag spacing**
+
+---
+
 ---
 
 ## Rounded Tag
@@ -125,15 +185,43 @@ Click on each state below to enter inspect view and get details on its code attr
 | **Default** | **Hover** | **Pressed** |
 | ----------- | --------- | ----------- |
 
+**Tag**
+
+---
+
+**Tag**
+
+---
+
+**Tag**
+
+---
+
 | **Default + Icon** | **Hover** | **Pressed** |
 | ------------------ | --------- | ----------- |
 
+**Tag**
+
+---
+
+**Tag**
+
+---
+
+**Tag**
+
+---
+
 ---
 
 ### Rounded Tag Spacing
 
 These rules establish how much margin should exist between and around elements.
 
+**Rounded Tag spacing_CZ GE**
+
+---
+
 ---
 
 ### Intent Variations
@@ -145,9 +233,25 @@ The Info variant is used when the information being communicated is neutral in n
 | **Error** | **Info** |
 | --------- | -------- |
 
+**Error variant**
+
+---
+
+**Info variant**
+
+---
+
 | **Success** | **Warning** |
 | ----------- | ----------- |
 
+**Success variant**
+
+---
+
+**Warning variant**
+
+---
+
 ## Code
 
 ## Tag Components
@@ -194,12 +298,28 @@ Click on each state below to enter inspect view and get details on its code attr
 | **Default** | **Hover** | **Pressed** |
 | ----------- | --------- | ----------- |
 
+**TagFilter**
+
+---
+
+**TagFilter**
+
+---
+
+**TagFilter**
+
+---
+
 ---
 
 ### Filter Tag Spacing
 
 These rules establish how much margin should exist between and around elements.
 
+**Filter Tag spacing**
+
+---
+
 ---
 
 ## Rounded Tag
@@ -216,15 +336,43 @@ Click on each state below to enter inspect view and get details on its code attr
 | **Default** | **Hover** | **Pressed** |
 | ----------- | --------- | ----------- |
 
+**Tag**
+
+---
+
+**Tag**
+
+---
+
+**Tag**
+
+---
+
 | **Default + Icon** | **Hover** | **Pressed** |
 | ------------------ | --------- | ----------- |
 
+**Tag**
+
+---
+
+**Tag**
+
+---
+
+**Tag**
+
+---
+
 ---
 
 ### Rounded Tag Spacing
 
 These rules establish how much margin should exist between and around elements.
 
+**Rounded Tag spacing_CZ ID**
+
+---
+
 ---
 
 ## Square Tag
@@ -241,12 +389,28 @@ Click on each state below to enter inspect view and get details on its code attr
 | **Default** | **Hover** | **Pressed** |
 | ----------- | --------- | ----------- |
 
+**Tag**
+
+---
+
+**Tag**
+
+---
+
+**Tag**
+
+---
+
 ---
 
 ### Square Tag Spacing
 
 These rules establish how much margin should exist between and around elements.
 
+**Square Tag spacing_CZ ID**
+
+---
+
 ## Code
 
 ## Tag Components
@@ -266,8 +430,6 @@ Storybook
 
 Storybook
 
-
-
 ---
 
 Tags are used to label the status of certain elements or in conjunction with filters to indicate which have been applied when viewing datasets.
@@ -281,6 +443,14 @@ Tags are used to label the status of certain elements or in conjunction with fil
 
 ### Visual Preview
 
+**Preview_Guidelines_Tag**
+
+---
+
+**Preview_Guidelines_TagFilter**
+
+---
+
 ---
 
 ## Tag
@@ -292,6 +462,14 @@ Tags are used to label the status of certain elements or in conjunction with fil
 
 The two available Tag styles are shown below, demonstrated here using the primary type. There are five intents that Tags can communicate—see the Intent Variations section below for more details.
 
+**Tag_Rounded**
+
+---
+
+**Tag_Square**
+
+---
+
 ---
 
 ### Live Instance
@@ -315,6 +493,42 @@ Use Tag – Primary in conjunction with the primary or most important content. I
 | Default | Hover | Pressed |
 | ------- | ----- | ------- |
 
+**Tag_Primary_Rounded_Small_No Icon_Default**
+
+---
+
+**Tag_Primary_Rounded_Small_No Icon_Hover**
+
+---
+
+**Tag_Primary_Rounded_Small_No Icon_Pressed**
+
+---
+
+**Tag_Primary_Rounded_Small_Icon_Default**
+
+---
+
+**Tag_Primary_Rounded_Small_Icon_Hover**
+
+---
+
+**Tag_Primary_Rounded_Small_Icon_Pressed**
+
+---
+
+**Tag_Primary_Rounded_Large_Icon_Default**
+
+---
+
+**Tag_Primary_Rounded_Large_Icon_Hover**
+
+---
+
+**Tag_Primary_Rounded_Large_Icon_Pressed**
+
+---
+
 #### Secondary
 
 Use Tag – Secondary in conjunction with secondary or less important content. Include an icon when needing to provide additional context to users of what content the Tag is connected to.
@@ -324,6 +538,42 @@ Use Tag – Secondary in conjunction with secondary or less important content. I
 | Default | Hover | Pressed |
 | ------- | ----- | ------- |
 
+**Tag_Secondary_Rounded_Small_No Icon_Default**
+
+---
+
+**Tag_Secondary_Rounded_Small_No Icon_Hover**
+
+---
+
+**Tag_Secondary_Rounded_Small_No Icon_Pressed**
+
+---
+
+**Tag_Secondary_Rounded_Small_Icon_Default**
+
+---
+
+**Tag_Secondary_Rounded_Small_Icon_Hover**
+
+---
+
+**Tag_Secondary_Rounded_Small_Icon_Pressed**
+
+---
+
+**Tag_Secondary_Rounded_Large_Icon_Default**
+
+---
+
+**Tag_Secondary_Rounded_Large_Icon_Hover**
+
+---
+
+**Tag_Secondary_Rounded_Large_Icon_Pressed**
+
+---
+
 ---
 
 ### Tag – Square
@@ -339,6 +589,42 @@ Use Tag – Primary in conjunction with the primary or most important content. I
 | Default | Hover | Pressed |
 | ------- | ----- | ------- |
 
+**Tag_Primary_Square_Small_No Icon_Default**
+
+---
+
+**Tag_Primary_Square_Small_No Icon_Hover**
+
+---
+
+**Tag_Primary_Square_Small_No Icon_Pressed**
+
+---
+
+**Tag_Primary_Square_Small_Icon_Default**
+
+---
+
+**Tag_Primary_Square_Small_Icon_Hover**
+
+---
+
+**Tag_Primary_Square_Small_Icon_Pressed**
+
+---
+
+**Tag_Primary_Square_Large_Icon_Default**
+
+---
+
+**Tag_Primary_Square_Large_Icon_Hover**
+
+---
+
+**Tag_Primary_Square_Large_Icon_Pressed**
+
+---
+
 #### Secondary
 
 Use Tag – Secondary in conjunction with secondary or less important content. Include an icon when needing to provide additional context to users of what content the Tag is connected to.
@@ -348,12 +634,52 @@ Use Tag – Secondary in conjunction with secondary or less important content. I
 | Default | Hover | Pressed |
 | ------- | ----- | ------- |
 
+**Tag_Secondary_Square_Small_No Icon_Default**
+
+---
+
+**Tag_Secondary_Square_Small_No Icon_Hover**
+
+---
+
+**Tag_Secondary_Square_Small_No Icon_Pressed**
+
+---
+
+**Tag_Secondary_Square_Small_Icon_Default**
+
+---
+
+**Tag_Secondary_Square_Small_Icon_Hover**
+
+---
+
+**Tag_Secondary_Square_Small_Icon_Pressed**
+
+---
+
+**Tag_Secondary_Square_Large_Icon_Default**
+
+---
+
+**Tag_Secondary_Square_Large_Icon_Hover**
+
+---
+
+**Tag_Secondary_Square_Large_Icon_Pressed**
+
+---
+
 ---
 
 ### Tag Spacing
 
 These rules establish how much margin should exist between and around elements.
 
+**Tag Spacing**
+
+---
+
 ---
 
 ### Intent Variations
@@ -367,11 +693,155 @@ Each intent is demonstrated below using the default state of the rounded variant
 | Beta | Info | Negative | None | Notice | Positive |
 | ---- | ---- | -------- | ---- | ------ | -------- |
 
+**Tag_Primary_Small_No Icon_Intent_Beta**
+
+---
+
+**Tag_Primary_Small_No Icon_Intent_Info**
+
+---
+
+**Tag_Primary_Small_No Icon_Intent_Negative**
+
+---
+
+**Tag_Primary_Small_No Icon_Intent_None**
+
+---
+
+**Tag_Primary_Small_No Icon_Intent_Notice**
+
+---
+
+**Tag_Primary_Small_No Icon_Intent_Positive**
+
+---
+
+**Tag_Primary_Small_Icon_Intent_Beta**
+
+---
+
+**Tag_Primary_Small_Icon_Intent_Info**
+
+---
+
+**Tag_Primary_Small_Icon_Intent_Negative**
+
+---
+
+**Tag_Primary_Small_Icon_Intent_None**
+
+---
+
+**Tag_Primary_Small_Icon_Intent_Notice**
+
+---
+
+**Tag_Primary_Small_Icon_Intent_Positive**
+
+---
+
+**Tag_Primary_Large_No Icon_Intent_Beta**
+
+---
+
+**Tag_Primary_Large_No Icon_Intent_Info**
+
+---
+
+**Tag_Primary_Large_No Icon_Intent_Negative**
+
+---
+
+**Tag_Primary_Large_No Icon_Intent_None**
+
+---
+
+**Tag_Primary_Large_No Icon_Intent_Notice**
+
+---
+
+**Tag_Primary_Large_No Icon_Intent_Positive**
+
+---
+
 #### Secondary
 
 | Beta | Info | Negative | None | Notice | Positive |
 | ---- | ---- | -------- | ---- | ------ | -------- |
 
+**Tag_Secondary_Small_No Icon_Intent_Beta**
+
+---
+
+**Tag_Secondary_Small_No Icon_Intent_Info**
+
+---
+
+**Tag_Secondary_Small_No Icon_Intent_Negative**
+
+---
+
+**Tag_Secondary_Small_No Icon_Intent_None**
+
+---
+
+**Tag_Secondary_Small_No Icon_Intent_Notice**
+
+---
+
+**Tag_Secondary_Small_No Icon_Intent_Positive**
+
+---
+
+**Tag_Secondary_Small_Icon_Intent_Beta**
+
+---
+
+**Tag_Secondary_Small_Icon_Intent_Info**
+
+---
+
+**Tag_Secondary_Small_Icon_Intent_Negative**
+
+---
+
+**Tag_Secondary_Small_Icon_Intent_None**
+
+---
+
+**Tag_Secondary_Small_Icon_Intent_Notice**
+
+---
+
+**Tag_Secondary_Small_Icon_Intent_Positive**
+
+---
+
+**Tag_Secondary_Large_No Icon_Intent_Beta**
+
+---
+
+**Tag_Secondary_Large_No Icon_Intent_Info**
+
+---
+
+**Tag_Secondary_Large_No Icon_Intent_Negative**
+
+---
+
+**Tag_Secondary_Large_No Icon_Intent_None**
+
+---
+
+**Tag_Secondary_Large_No Icon_Intent_Notice**
+
+---
+
+**Tag_Secondary_Large_No Icon_Intent_Positive**
+
+---
+
 ---
 
 ## Filter Tag
@@ -394,12 +864,28 @@ Used Filter Tag in conjunction with Filters to communicate that the dataset is b
 | Default | Hover | Pressed |
 | ------- | ----- | ------- |
 
+**TagFilter_Default**
+
+---
+
+**TagFilter_Hover**
+
+---
+
+**TagFilter_Pressed**
+
+---
+
 ---
 
 ### Filter Tag Spacing
 
 These rules establish how much margin should exist between and around elements.
 
+**Filter Tag spacing**
+
+---
+
 ## Code
 
 ## Tag Components
@@ -409,6 +895,14 @@ These rules establish how much margin should exist between and around elements.
 
 ### Visual Preview
 
+**Preview_Code_Tag**
+
+---
+
+**Preview_Code_TagFilter**
+
+---
+
 > **Note:** The code examples below must install dependencies before displaying and may take extra time to load
 
 ---
@@ -554,15 +1048,14 @@ root.render(
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Tags</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>
@@ -701,15 +1194,14 @@ root.render(
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Tags</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>
@@ -848,15 +1340,14 @@ root.render(
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Tags</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>
@@ -1016,15 +1507,14 @@ root.render(
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Tags</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>