feat: add fork icon (#698)

Author: jsladerman

src/components/ListBoxItem.tsx

@@ -70,9 +70,11 @@ const ListBoxItemInner = styled.div<Partial<ListBoxItemProps>>(
     },
     ...(focused ? { '&': { ...theme.partials.focus.outline } } : {}),
     '.left-content': {
+      display: 'flex',
       marginRight: theme.spacing.small,
     },
     '.right-content, .selected-indicator': {
+      display: 'flex',
       marginLeft: theme.spacing.xsmall,
       color: theme.colors['action-primary'],
     },
@@ -182,9 +184,11 @@ const ListBoxFooterInner = styled.button<{ $focused?: boolean }>(
       flexGrow: 1,
     },
     '.leftContent': {
+      display: 'flex',
       marginRight: theme.spacing.small,
     },
     '.rightContent': {
+      display: 'flex',
       marginLeft: theme.spacing.small,
     },
     '&:focus, &:focus-visible': {

src/components/icons/GitForkIcon.tsx

@@ -0,0 +1,19 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g id="git-fork">
+      <path
+        id="Vector"
+        d="M4.86523 15C5.26306 15 5.64459 14.842 5.92589 14.5607C6.2072 14.2794 6.36523 13.8978 6.36523 13.5C6.36523 13.1022 6.2072 12.7206 5.92589 12.4393C5.64459 12.158 5.26306 12 4.86523 12C4.46741 12 4.08588 12.158 3.80457 12.4393C3.52327 12.7206 3.36523 13.1022 3.36523 13.5C3.36523 13.8978 3.52327 14.2794 3.80457 14.5607C4.08588 14.842 4.46741 15 4.86523 15ZM5.39336 11.0563C6.52148 11.2969 7.36523 12.3 7.36523 13.5C7.36523 14.8813 6.24648 16 4.86523 16C3.48398 16 2.36523 14.8813 2.36523 13.5C2.36523 12.2906 3.22461 11.2812 4.36523 11.05V4.95C3.22461 4.71875 2.36523 3.70938 2.36523 2.5C2.36523 1.11875 3.48398 0 4.86523 0C6.24648 0 7.36523 1.11875 7.36523 2.5C7.36523 3.70938 6.50586 4.71875 5.36523 4.95V8.67188C6.19023 7.65312 7.45273 7 8.86523 7H9.41523C9.64648 5.85938 10.6559 5 11.8652 5C13.2465 5 14.3652 6.11875 14.3652 7.5C14.3652 8.88125 13.2465 10 11.8652 10C10.6559 10 9.64648 9.14062 9.41523 8H8.86523C7.08398 8 5.61211 9.33125 5.39336 11.0563ZM13.3652 7.5C13.3652 7.10218 13.2072 6.72064 12.9259 6.43934C12.6446 6.15804 12.2631 6 11.8652 6C11.4674 6 11.0859 6.15804 10.8046 6.43934C10.5233 6.72064 10.3652 7.10218 10.3652 7.5C10.3652 7.89782 10.5233 8.27936 10.8046 8.56066C11.0859 8.84196 11.4674 9 11.8652 9C12.2631 9 12.6446 8.84196 12.9259 8.56066C13.2072 8.27936 13.3652 7.89782 13.3652 7.5ZM6.36523 2.5C6.36523 2.10218 6.2072 1.72064 5.92589 1.43934C5.64459 1.15804 5.26306 1 4.86523 1C4.46741 1 4.08588 1.15804 3.80457 1.43934C3.52327 1.72064 3.36523 2.10218 3.36523 2.5C3.36523 2.89782 3.52327 3.27936 3.80457 3.56066C4.08588 3.84196 4.46741 4 4.86523 4C5.26306 4 5.64459 3.84196 5.92589 3.56066C6.2072 3.27936 6.36523 2.89782 6.36523 2.5Z"
+        fill={color}
+      />
+    </g>
+  </svg>
+))

src/icons.ts

@@ -98,6 +98,7 @@ export { default as FluxIcon } from './components/icons/FluxIcon'
 export { default as FolderIcon } from './components/icons/FolderIcon'
 export { default as GearTrainIcon } from './components/icons/GearTrainIcon'
 export { default as GitCommitIcon } from './components/icons/GitCommitIcon'
+export { default as GitForkIcon } from './components/icons/GitForkIcon'
 export { default as GitHubIcon } from './components/icons/GitHubIcon'
 export { default as GitHubLogoIcon } from './components/icons/GitHubLogoIcon'
 export { default as GitLabLogoIcon } from './components/icons/GitLabLogoIcon'