feat: add partial icon

ably · Apr 8, 2024 · 99c9769 · 99c9769
1 parent 5cac198
commit 99c9769
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 1 deletion.
diff --git a/src/core/Icon/Icon.stories.tsx b/src/core/Icon/Icon.stories.tsx
@@ -38,6 +38,7 @@ const coreIcons = [
   "icon-gui-link-arrow",
   "icon-gui-live-chat",
   "icon-gui-minus",
+  "icon-gui-partial",
   "icon-gui-plus",
   "icon-gui-quote-marks-solid",
   "icon-gui-refresh",

diff --git a/src/core/Table.tsx b/src/core/Table.tsx
@@ -7,6 +7,7 @@ import {
   CtaCell,
   Supported,
   Unsupported,
+  Partial,
 } from "./Table/TableCell";
 
 export default {
@@ -21,4 +22,5 @@ export default {
   Header: TableHeader,
   Supported,
   Unsupported,
+  Partial,
 };
diff --git a/src/core/Table/TableCell.tsx b/src/core/Table/TableCell.tsx
@@ -25,6 +25,15 @@ const Unsupported = () => (
   />
 );
 
+const Partial = () => (
+  <Icon
+    name="icon-gui-partial"
+    size="1.5rem"
+    additionalCSS="flex-grow-0 flex-shrink-0"
+    data-testid="partial-icon"
+  />
+);
+
 const LabelCell = ({
   children,
   ...rest
@@ -89,4 +98,12 @@ const CtaCell = ({
   </td>
 );
 
-export { TableCell, LabelCell, HeaderCell, CtaCell, Supported, Unsupported };
+export {
+  TableCell,
+  LabelCell,
+  HeaderCell,
+  CtaCell,
+  Supported,
+  Unsupported,
+  Partial,
+};