@czi-sds/mcp 0.5.2 → 0.5.3
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.
- package/data/tailwind.json +25 -25
- package/data/zeroheight-cache.json +5065 -1
- package/data/zeroheight-exports/Accordion.md +81 -20
- package/data/zeroheight-exports/Banner.md +104 -10
- package/data/zeroheight-exports/Buttons.md +1029 -1454
- package/data/zeroheight-exports/Callout.md +174 -9
- package/data/zeroheight-exports/Colors.md +1164 -41
- package/data/zeroheight-exports/Content-Card.md +148 -0
- package/data/zeroheight-exports/Control-Inputs.md +778 -63
- package/data/zeroheight-exports/Corners.md +8 -15
- package/data/zeroheight-exports/Dialog.md +200 -12
- package/data/zeroheight-exports/Downloads.md +120 -0
- package/data/zeroheight-exports/Dropdown-Input.md +616 -12
- package/data/zeroheight-exports/Dropdown-Menus.md +1150 -0
- package/data/zeroheight-exports/Field-Inputs.md +450 -9
- package/data/zeroheight-exports/Filters.md +238 -9
- package/data/zeroheight-exports/Getting-Started.md +7 -3
- package/data/zeroheight-exports/Hero.md +152 -0
- package/data/zeroheight-exports/Icons.md +1854 -218
- package/data/zeroheight-exports/Intent.md +40 -0
- package/data/zeroheight-exports/Link.md +52 -6
- package/data/zeroheight-exports/Lists.md +364 -6
- package/data/zeroheight-exports/Loading-Indicator.md +8 -0
- package/data/zeroheight-exports/Navigation.md +328 -6
- package/data/zeroheight-exports/Notification.md +172 -12
- package/data/zeroheight-exports/Panel.md +72 -12
- package/data/zeroheight-exports/README.md +17 -19
- package/data/zeroheight-exports/Responsive-Design.md +52 -0
- package/data/zeroheight-exports/Search-Input.md +44 -0
- package/data/zeroheight-exports/Search.md +248 -0
- package/data/zeroheight-exports/Segmented-Control.md +34 -9
- package/data/zeroheight-exports/Table.md +468 -47
- package/data/zeroheight-exports/Tabs.md +542 -9
- package/data/zeroheight-exports/Tags.md +504 -12
- package/data/zeroheight-exports/Text-Link.md +100 -0
- package/data/zeroheight-exports/Theming.md +36 -6
- package/data/zeroheight-exports/Tooltips.md +466 -15
- package/data/zeroheight-exports/Typography.md +64 -32
- package/package.json +3 -3
- package/data/zeroheight-exports/Dropdown-Menu.md +0 -3883
|
@@ -14,18 +14,34 @@ The Segmented Control component is comprised of Segmented Control Items each of
|
|
|
14
14
|
| **Default / Active** | **Hover** |
|
|
15
15
|
| -------------------- | --------- |
|
|
16
16
|
|
|
17
|
+
**SegmentedControl**
|
|
18
|
+
|
|
19
|
+
---
|
|
20
|
+
|
|
21
|
+
**SegmentedControl**
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
17
25
|
---
|
|
18
26
|
|
|
19
27
|
### Segmented Control Spacing
|
|
20
28
|
|
|
21
29
|
These rules establish how much margin should exist between and around elements.
|
|
22
30
|
|
|
31
|
+
**Segmented Control Spacing**
|
|
32
|
+
|
|
33
|
+
---
|
|
34
|
+
|
|
23
35
|
---
|
|
24
36
|
|
|
25
37
|
### Segmented Control Best Practices
|
|
26
38
|
|
|
27
39
|
Segmented control relies on icons to communicate what’s being shown to the user. Because of this, it should always be coupled with a dark Tooltip that displays the name of the segment item when the user hovers over it.
|
|
28
40
|
|
|
41
|
+
**Segmented Control Best Practice**
|
|
42
|
+
|
|
43
|
+
---
|
|
44
|
+
|
|
29
45
|
## Code
|
|
30
46
|
|
|
31
47
|
## Segmented Control Component
|
|
@@ -65,12 +81,24 @@ Icons are used to communicate what will be shown on screen when that segment is
|
|
|
65
81
|
| Default / Active | Hover |
|
|
66
82
|
| ---------------- | ----- |
|
|
67
83
|
|
|
84
|
+
**Segmented Control_Default_Active**
|
|
85
|
+
|
|
86
|
+
---
|
|
87
|
+
|
|
88
|
+
**Segmented Control_Hover**
|
|
89
|
+
|
|
90
|
+
---
|
|
91
|
+
|
|
68
92
|
---
|
|
69
93
|
|
|
70
94
|
### Segmented Control Spacing
|
|
71
95
|
|
|
72
96
|
These rules establish how much margin should exist between and around elements.
|
|
73
97
|
|
|
98
|
+
**Segmented Control Spacing**
|
|
99
|
+
|
|
100
|
+
---
|
|
101
|
+
|
|
74
102
|
## Code
|
|
75
103
|
|
|
76
104
|
> **Note:** The code examples below must install dependencies before displaying and may take extra time to load
|
|
@@ -222,15 +250,14 @@ root.render(
|
|
|
222
250
|
<head>
|
|
223
251
|
<meta charset="UTF-8" />
|
|
224
252
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
225
|
-
<title>Segmented Control</title>
|
|
226
253
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
227
254
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
228
255
|
<link
|
|
229
|
-
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap"
|
|
256
|
+
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
|
|
230
257
|
rel="stylesheet"
|
|
231
258
|
/>
|
|
232
259
|
<link
|
|
233
|
-
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"
|
|
260
|
+
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap"
|
|
234
261
|
rel="stylesheet"
|
|
235
262
|
/>
|
|
236
263
|
</head>
|
|
@@ -386,15 +413,14 @@ root.render(
|
|
|
386
413
|
<head>
|
|
387
414
|
<meta charset="UTF-8" />
|
|
388
415
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
389
|
-
<title>Segmented Control</title>
|
|
390
416
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
391
417
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
392
418
|
<link
|
|
393
|
-
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap"
|
|
419
|
+
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
|
|
394
420
|
rel="stylesheet"
|
|
395
421
|
/>
|
|
396
422
|
<link
|
|
397
|
-
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"
|
|
423
|
+
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap"
|
|
398
424
|
rel="stylesheet"
|
|
399
425
|
/>
|
|
400
426
|
</head>
|
|
@@ -545,15 +571,14 @@ root.render(
|
|
|
545
571
|
<head>
|
|
546
572
|
<meta charset="UTF-8" />
|
|
547
573
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
548
|
-
<title>Segmented Control</title>
|
|
549
574
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
550
575
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
551
576
|
<link
|
|
552
|
-
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap"
|
|
577
|
+
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
|
|
553
578
|
rel="stylesheet"
|
|
554
579
|
/>
|
|
555
580
|
<link
|
|
556
|
-
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"
|
|
581
|
+
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap"
|
|
557
582
|
rel="stylesheet"
|
|
558
583
|
/>
|
|
559
584
|
</head>
|