@czi-sds/mcp 0.15.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 +67 -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 +483 -780
  112. package/package.json +12 -8
  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
package/data/zeroheight-exports/Borders.md DELETED
@@ -1,117 +0,0 @@
1
- # Borders
2
-
3
- Borders are the lines that go around elements to help contain them while visually communicating to users an element's usage, status, or intent.
4
-
5
- ### Types of Borders
6
-
7
- | **Visual** | | **Border Type** | | **Usage** |
8
- | ---------- | --- | --------------- | --- | ------------------------------------------------------------------------------------------------------------- |
9
- | | | Standard Border | | Base style for all borders. Borders are used on secondary buttons, input fields, modals, dropdown menus, etc. |
10
- | | | Dashed Border | | Dashed borders are used in file upload/drag and drop containers and Dashed Links. |
11
-
12
- ### Base Borders
13
-
14
- These borders are used throughout the SDS whenever borders in Base colors are needed.
15
-
16
- | **Visual** | | **Usage** | | **CSS / SCSS Variables** | | **Value** |
17
- | ---------- | --- | ---------------------- | --- | -------------------------------------------------------- | --- | ------------------- |
18
- | | | Default | | `--sds-border-base-default` `$sds-border-base-default` | | `1px solid #999999` |
19
- | | | Hover | | `--sds-border-base-hover` `$sds-border-base-hover` | | `1px solid #000000` |
20
- | | | Disabled | | `--sds-border-base-disabled` `$sds-border-base-disabled` | | `1px solid #cccccc` |
21
- | | | Table borders only | | `--sds-border-base-table` `$sds-border-base-table` | | `1px solid #cccccc` |
22
- | | | Dividers only (`<hr>`) | | `--sds-border-base-divider` `$sds-border-base-divider` | | `1px solid #eaeaea` |
23
-
24
- ### Link Borders
25
-
26
- Use this border type when implementing links with a dashed underline.
27
-
28
- | **Visual** | | **Usage** | | **CSS / SCSS Variables** | | **Value** |
29
- | ---------- | --- | -------------------------------------- | --- | ---------------------------------------------------- | --- | ------------ |
30
- | | | Dashed link (default state) | | `--sds-border-link-dashed` `$sds-border-link-dashed` | | `1px dashed` |
31
- | | | Dashed link (hover and pressed states) | | `--sds-border-link-solid` `$sds-border-link-solid` | | `1px solid` |
32
-
33
- ### Accent Borders
34
-
35
- These borders are used throughout the SDS whenever borders in Accent colors are needed.
36
-
37
- | **Visual** | | **Usage** | | **CSS / SCSS Variables** | | **Value** |
38
- | ---------- | --- | ---------------- | --- | ------------------------------------------------------------ | --- | -------------------- |
39
- | | | Default | | `--sds-border-accent-default` `$sds-border-accent-default` | | `1px solid #0b68f8` |
40
- | | | Hover | | `--sds-border-accent-hover` `$sds-border-accent-hover` | | `1px solid #0142a4` |
41
- | | | Disabled | | `--sds-border-accent-disabled` `$sds-border-accent-disabled` | | `1px solid #a6c9ff` |
42
- | | | Default (dashed) | | `--sds-border-accent-dashed` `$sds-border-accent-dashed` | | `1px dashed #0b68f8` |
43
-
44
- ### Intent Borders
45
-
46
- These borders are used on elements when needing to communicate a specific intent as indicated in the _Intent_ column.
47
-
48
- | **Visual** | | **Intent** | | **CSS / SCSS Variables** | | **Value** |
49
- | ---------- | --- | ---------- | --- | -------------------------------------------------------------- | --- | ------------------- |
50
- | | | Beta | | `--sds-border-beta-default` `$sds-border-beta-default` | | `1px solid #7a41ce` |
51
- | | | Info | | `--sds-border-info-default` `$sds-border-info-default` | | `1px solid #0b68f8` |
52
- | | | Negative | | `--sds-border-negative-default` `$sds-border-negative-default` | | `1px solid #dc132c` |
53
- | | | Neutral | | `--sds-border-neutral-default` `$sds-border-neutral-default` | | `1px solid #999999` |
54
- | | | Notice | | `--sds-border-notice-default` `$sds-border-notice-default` | | `1px solid #f5a623` |
55
- | | | Positive | | `--sds-border-positive-default` `$sds-border-positive-default` | | `1px solid #3cb371` |
56
-
57
- ---
58
-
59
- Borders are the lines that go around elements to help contain them while visually communicating to users an element's usage, status, or intent.
60
-
61
- ### Types of Borders
62
-
63
- | **Visual** | | **Border Type** | | **Usage** |
64
- | ---------- | --- | --------------- | --- | ------------------------------------------------------------------------------------------------------------- |
65
- | | | Standard Border | | Base style for all borders. Borders are used on secondary buttons, input fields, modals, dropdown menus, etc. |
66
- | | | Dashed Border | | Dashed borders are used in file upload/drag and drop containers and Dashed Text Links. |
67
-
68
- ### Border Variables
69
-
70
- | **Visual** | | **Variable** | | **Value** | | **Usage** |
71
- | ---------- | --- | ------------------------ | --- | ------------------------ | --- | ------------------------------------------------------------------------------------------------------------------------------------ |
72
- | | | `borderPrimary600` | | `1px solid primary600;` | | Active rounded and square buttons |
73
- | | | `borderPrimary500` | | `1px solid primary500;` | | Hover rounded and square buttons |
74
- | | | `borderPrimary400` | | `1px solid primary400;` | | Secondary buttons, active states of input containers |
75
- | | | `borderGray500` | | `1px solid gray500;` | | Input and dropdown hover states |
76
- | | | `borderGray400` | | `1px solid gray400;` | | Input borders (default states) |
77
- | | | `borderGray300` | | `1px solid gray300;` | | Disabled or non-interactive containers (buttons/inputs/tooltips) |
78
- | | | `borderGray200` | | `1px solid gray200;` | | |
79
- | | | `borderGray100` | | `1px solid gray100;` | | Modals and dropdown Menus |
80
- | | | `borderSuccess400` | | `1px solid success400;` | | |
81
- | | | `borderError400` | | `1px solid error500;` | | |
82
- | | | `borderWarning400` | | `1px solid warning500;` | | Warning state on inputs |
83
- | | | `borderGray400Dashed` | | `2px dashed gray400;` | | File upload/drag and drop containers |
84
- | | | `borderPrimary400Dashed` | | `2px dashed primary400;` | | Hover states for containers with dashed borders |
85
- | | | `borderLinkDashed` | | `1px dashed;` | | Default bottom-border for Dashed Text Links; border color is inherited from the color used in the paragraph it is part of. |
86
- | | | `borderLinkSolid` | | `1px solid;` | | Hover and Pressed bottom-border for Dashed Text Links; border color is inherited from the color used in the paragraph it is part of. |
87
-
88
- ---
89
-
90
- Borders are the lines that go around elements to help contain them while visually communicating to users an element's usage, status, or intent.
91
-
92
- ### Types of Borders
93
-
94
- | **Visual** | | **Border Type** | | **Usage** |
95
- | ---------- | --- | --------------- | --- | ------------------------------------------------------------------------------------------------------------- |
96
- | | | Standard Border | | Base style for all borders. Borders are used on secondary buttons, input fields, modals, dropdown menus, etc. |
97
- | | | Dashed Border | | Dashed borders are used in file upload/drag and drop containers and Dashed Text Links. |
98
-
99
- ### Border Variables
100
-
101
- | **Visual** | | **Variable** | | **Value** | | **Usage** |
102
- | ---------- | --- | ------------------------ | --- | ------------------------ | --- | ------------------------------------------------------------------------------------------------------------------------------------ |
103
- | | | `borderPrimary600` | | `1px solid primary600;` | | Active rounded and square buttons |
104
- | | | `borderPrimary500` | | `1px solid primary500;` | | Hover rounded and square buttons |
105
- | | | `borderPrimary400` | | `1px solid primary400;` | | Secondary buttons, active states of input containers |
106
- | | | `borderGray500` | | `1px solid gray500;` | | Input and dropdown hover states |
107
- | | | `borderGray400` | | `1px solid gray400;` | | Input borders (default states) |
108
- | | | `borderGray300` | | `1px solid gray300;` | | Disabled or non-interactive containers (buttons/inputs/tooltips) |
109
- | | | `borderGray200` | | `1px solid gray200;` | | |
110
- | | | `borderGray100` | | `1px solid gray100;` | | Modals and dropdown Menus |
111
- | | | `borderSuccess400` | | `1px solid success400;` | | |
112
- | | | `borderError400` | | `1px solid error500;` | | |
113
- | | | `borderWarning400` | | `1px solid warning500;` | | Warning state on inputs |
114
- | | | `borderGray400Dashed` | | `2px dashed gray400;` | | File upload/drag and drop containers |
115
- | | | `borderPrimary400Dashed` | | `2px dashed primary400;` | | Hover states for containers with dashed borders |
116
- | | | `borderLinkDashed` | | `1px dashed;` | | Default bottom-border for Dashed Text Links; border color is inherited from the color used in the paragraph it is part of. |
117
- | | | `borderLinkSolid` | | `1px solid;` | | Hover and Pressed bottom-border for Dashed Text Links; border color is inherited from the color used in the paragraph it is part of. |