@czi-sds/mcp 0.5.3 → 0.5.4

package/data/component-list.json

@@ -18,6 +18,7 @@
     "Dialog",
     "Dropdown",
     "DropdownMenu",
+    "Hero",
     "Icon",
     "InputCheckbox",
     "InputDropdown",

package/data/component-props/NavigationHeader.json

@@ -5,6 +5,10 @@
         "type": "ReactNode",
         "isRequired": false
       },
+      "menuProps": {
+        "type": "Partial<MenuProps>",
+        "isRequired": false
+      },
       "hasInvertedStyle": {
         "type": "\"false\" | \"true\"",
         "isRequired": false

package/data/zeroheight-exports/Accordion.md

@@ -11,8 +11,6 @@ Accordions are elements that can be used by designers to hide or reveal content.
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Accordion**
 
 ---
@@ -102,8 +100,6 @@ These rules establish how much margin should exist between and around elements.
 
 Storybook
 
-
-
 ---
 
 Accordions are expandable/collapsable elements that hide and reveal content to help control the amount of information presented to the user at one time.

package/data/zeroheight-exports/Banner.md

@@ -24,8 +24,6 @@ If additional context or information is needed beyond the space available on the
 
 When the information being communicated on the Banner is intended to remain persistent on the screen and is not manually dismissible by the user, use a persistent Banner. To allow the user to manually dismiss the Banner, use a dismissible Banner.
 
-
-
 **Default (Persistent)**
 
 ---

package/data/zeroheight-exports/Buttons.md

@@ -155,8 +155,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 These rules establish how much margin should exist between and around elements.
 
-
-
 **Copy Button spacing**
 
 ---
@@ -243,8 +241,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 These rules establish how much margin should exist between and around elements.
 
-
-
 **Icon Button spacing**
 
 ---
@@ -362,10 +358,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
-
-
 ### Secondary Rounded Button
 
 Use for a secondary action, or deemphasized Button. Often paired with primary Button.
@@ -412,8 +404,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Error Rounded Button
 
 Use the error Button when the outcome of the user clicking the button will result in something being removed or deleted.
@@ -680,8 +670,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Secondary Minimal Button
 
 Use for a deemphasized action or when paired with a Primary Minimal Button.
@@ -973,8 +961,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Secondary Rounded Dropdown Button
 
 Use for Header-level Actions with multiple result options (generally in same context as Icon Buttons).
@@ -1014,8 +1000,6 @@ These rules establish how much margin should exist between and around elements.
 
 ---
 
-
-
 ## Square Dropdown Button
 
 |     | In Figma |     |     | Meets Accessibility |     |     | In CZ GEN EPI Codebase |
@@ -1204,8 +1188,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Secondary Rounded Button
 
 Use for a secondary action, or deemphasized Button. Often paired with primary Button.
@@ -1518,8 +1500,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Secondary Minimal Button
 
 Use for a deemphasized action or when paired with a Primary Minimal Button
@@ -1547,8 +1527,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ---
 
 ### Minimal Button Spacing
@@ -1603,8 +1581,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Small Primary Icon Button
 
 Use in instances where a standard sized Button won't fit or doesn't seem necessary such as in charts, tables, navigation bars, etc.
@@ -1815,8 +1791,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Secondary Rounded Dropdown Button
 
 Use for Header-level Actions with multiple result options (generally in same context as Icon Buttons).

package/data/zeroheight-exports/Callout.md

@@ -26,8 +26,6 @@ An additional block of text can be added in addition to the Callout's title if m
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Default**
 
 ---
@@ -68,8 +66,6 @@ Additional content, whether more text or relevant components, can be included in
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Default (collapsed) + Child Node (content module)**
 
 ---
@@ -145,8 +141,6 @@ Each intent is demonstrated below using the Persistent Callout for reference. Re
 
 Storybook
 
-
-
 ---
 
 Callouts are used within the flow of the page to highlight information to the user whether in response to an action they have completed or to bring their attention to important details.
@@ -175,8 +169,6 @@ An additional block of text can be added in addition to the Callout's title if m
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Default**
 
 ---
@@ -187,8 +179,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Dismissible Callout
 
 Use when communicating information that is manually dismissible by the user and does not need to remain persistent on the screen. It can be set to automatically dismiss after a designated period of time using the `autoDismiss` prop; when set to `true`, the automatic dismissal will occur after 8 milliseconds by default, but can be set to a custom length of time by entering a millisecond value into the prop.
@@ -219,8 +209,6 @@ Additional content, whether more text or relevant components, can be included in
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Default (collapsed) + Child Node (content module)**
 
 ---

package/data/zeroheight-exports/Control-Inputs.md

@@ -77,16 +77,12 @@ Each Checkbox must be coupled with a label to communicate the result of a select
 
 ---
 
-
-
 ---
 
 ### Checkbox Spacing
 
 These rules establish how much margin should exist between and around elements.
 
-
-
 **Checkbox spacing**
 
 ---
@@ -153,8 +149,6 @@ These rules establish how much margin should exist between and around elements.
 
 ---
 
-
-
 ## Code
 
 ## Control Input Components
@@ -233,8 +227,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 **InputCheckbox**
 
 ---
@@ -249,8 +241,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 **InputCheckbox**
 
 ---
@@ -286,8 +276,6 @@ Use `intent: warning` to communicate when a user needs to be alerted that their
 
 ---
 
-
-
 ### Checkbox Lockups
 
 Each Checkbox must be coupled with a label to communicate the result of a selection. If additional details about the selection need to be communicated, an optional caption can be included.
@@ -355,8 +343,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Radio Intent States
 
 Use `intent: default` to communicate that user has yet to enter a response.
@@ -574,8 +560,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Checkbox Intent States
 
 Use `intent: default` to communicate that user has yet to enter a response.
@@ -689,8 +673,6 @@ Use `intent: warning` to communicate when a user needs to be alerted that their
 
 ---
 
-
-
 ### Radio Lockups
 
 Each Radio must be coupled with a label to communicate the result of a selection. If additional details about the selection need to be communicated, an optional caption can be included.

package/data/zeroheight-exports/Dialog.md

@@ -110,8 +110,6 @@ Persistent Dialogs are generally used in multi-step workflows where dismissing t
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Default (1 button)**
 
 ---
@@ -200,8 +198,6 @@ Nested Dialogs should only be used in specific scenarios, most notably when a us
 
 Avoid using nested dialogs when possible because it introduces layers of complexity to pages and may make it more difficult for users to anticipate the results of their actions. It may also impede usability by making it more difficult for users to quickly exit a flow. Instead, explore utilizing a multi-step Dialog workflow (see below).
 
-
-
 **Nested Dialogs (CZ GE)**
 
 ---
@@ -278,8 +274,6 @@ Persistent Dialogs are generally used in multi-step workflows where dismissing t
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Default (1 button)**
 
 ---
@@ -342,8 +336,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 In instances where the length of content contained in the Dialog results in the Dialog filling the entire height of the screen, there must be a minimum of `spaceXxl` margin above and below the Dialog window. The Dialog content scrolls when it exceeds the max-height of the dialog window; title, overline, subtitle, and any action Buttons are anchored to the top and bottom during scrolling.
 
-
-
 **Dialog Spacing (CZ ID)**
 
 ---
@@ -370,8 +362,6 @@ Nested Dialogs should only be used in specific scenarios, most notably when a us
 
 Avoid using nested dialogs when possible because it introduces layers of complexity to pages and may make it more difficult for users to anticipate the results of their actions. It may also impede usability by making it more difficult for users to quickly exit a flow. Instead, explore utilizing a multi-step Dialog workflow (see below).
 
-
-
 **Nested Dialogs (SDS + CZ ID)**
 
 ---
@@ -401,8 +391,6 @@ The Dialog should not be dismissible and the `canOutsideClickClose` prop should
 
 Storybook
 
-
-
 ---
 
 A Dialog is a window element that appears on top of content to provide information or prompt the user for an action. When a Dialog is active, it disables all functionality of the page below and remains on the screen until it is either dismissed or an action has been taken.

package/data/zeroheight-exports/Downloads.md

@@ -118,8 +118,6 @@ Once the user confirms their selection, the system will begin generating their d
 
 The example flow below shows the asynchronous download of multiple data files.
 
-
-
 **CZ ID_Multiple Files, Asynchronous Download flow**
 
 ---
@@ -142,8 +140,6 @@ 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.

package/data/zeroheight-exports/Dropdown-Input.md

@@ -42,10 +42,6 @@ These rules establish how much margin should exist between and around elements.
 
 ---
 
-
-
-
-
 ## Code
 
 ## Dropdown Input Component
@@ -61,8 +57,6 @@ These rules establish how much margin should exist between and around elements.
 
 Storybook
 
-
-
 ---
 
 Dropdown Inputs are elements that trigger Dropdown Menus to open, enabling users to make selections and communicate choices in the UI.
@@ -929,8 +923,6 @@ These rules establish how much margin should exist between and around elements.
 
 ---
 
-
-
 ## Code
 
 > **Note:** The code examples below must install dependencies before displaying and may take extra time to load