@czi-sds/mcp 0.20.1 → 0.21.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.
@@ -68,12 +68,7 @@ function App() {
68
68
  <CellComponent verticalAlign="center" horizontalAlign="center">
69
69
  <StyledIconCell>
70
70
  <Icon sdsSize="xl" sdsIcon="Flask" />
71
- <Tag
72
- color="info"
73
- label="Chemistry"
74
- sdsStyle="rounded"
75
- sdsType="secondary"
76
- />
71
+ <Tag color="info" label="Chemistry" sdsStyle="outline" />
77
72
  </StyledIconCell>
78
73
  </CellComponent>
79
74
  <CellBasic
@@ -95,8 +90,7 @@ function App() {
95
90
  key={item}
96
91
  color={item as SdsTagColorType}
97
92
  label={item as string}
98
- sdsStyle="rounded"
99
- sdsType="secondary"
93
+ sdsStyle="outline"
100
94
  />
101
95
  )
102
96
  )}
@@ -114,8 +108,7 @@ function App() {
114
108
  <Tag
115
109
  color="info"
116
110
  label="Downloadable Content"
117
- sdsStyle="rounded"
118
- sdsType="secondary"
111
+ sdsStyle="outline"
119
112
  />
120
113
  </StyledIconCell>
121
114
  </CellComponent>
@@ -157,12 +150,7 @@ function App() {
157
150
  <CellComponent verticalAlign="center" horizontalAlign="center">
158
151
  <StyledIconCell>
159
152
  <Icon sdsSize="xl" sdsIcon="Bacteria" />
160
- <Tag
161
- color="negative"
162
- label="Disease"
163
- sdsStyle="rounded"
164
- sdsType="secondary"
165
- />
153
+ <Tag color="negative" label="Disease" sdsStyle="outline" />
166
154
  </StyledIconCell>
167
155
  </CellComponent>
168
156
  <CellBasic
@@ -561,10 +549,8 @@ const columns: ColumnDef<Person>[] = [
561
549
  <CellComponent verticalAlign="center">
562
550
  <Tag
563
551
  color={STATUS_COLORS[status]}
564
- hover={false}
565
552
  label={status}
566
- sdsStyle="rounded"
567
- sdsType="secondary"
553
+ sdsStyle="outline"
568
554
  />
569
555
  </CellComponent>
570
556
  );
@@ -793,9 +779,7 @@ const columns = [
793
779
  ? "positive"
794
780
  : "negative"
795
781
  }
796
- sdsStyle="rounded"
797
- sdsType="secondary"
798
- hover={false}
782
+ sdsStyle="outline"
799
783
  />
800
784
  </CellComponent>
801
785
  ),
@@ -1061,10 +1045,8 @@ const columns: ColumnDef<Person>[] = [
1061
1045
  <CellComponent verticalAlign="center">
1062
1046
  <Tag
1063
1047
  color={STATUS_COLORS[status]}
1064
- hover={false}
1065
1048
  label={status}
1066
- sdsStyle="rounded"
1067
- sdsType="secondary"
1049
+ sdsStyle="outline"
1068
1050
  />
1069
1051
  </CellComponent>
1070
1052
  );
@@ -1609,10 +1591,8 @@ const columns: ColumnDef<Person>[] = [
1609
1591
  <CellComponent verticalAlign="center">
1610
1592
  <Tag
1611
1593
  color={STATUS_COLORS[status]}
1612
- hover={false}
1613
1594
  label={status}
1614
- sdsStyle="rounded"
1615
- sdsType="secondary"
1595
+ sdsStyle="outline"
1616
1596
  />
1617
1597
  </CellComponent>
1618
1598
  );
@@ -1892,10 +1872,8 @@ const columns: ColumnDef<Person>[] = [
1892
1872
  <CellComponent verticalAlign="center">
1893
1873
  <Tag
1894
1874
  color={STATUS_COLORS[status]}
1895
- hover={false}
1896
1875
  label={status}
1897
- sdsStyle="rounded"
1898
- sdsType="secondary"
1876
+ sdsStyle="outline"
1899
1877
  />
1900
1878
  </CellComponent>
1901
1879
  );
@@ -157,12 +157,7 @@ function App() {
157
157
  count={
158
158
  <CountWithTag>
159
159
  14
160
- <Tag
161
- color="beta"
162
- label="BETA"
163
- sdsStyle="rounded"
164
- sdsType="secondary"
165
- />
160
+ <Tag color="beta" label="BETA" sdsStyle="outline" size="small" />
166
161
  </CountWithTag>
167
162
  }
168
163
  label="Analyses"