Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Add corrected stack run icons to design system #632

Merged
merged 2 commits into from
Aug 9, 2024
Merged

feat: Add corrected stack run icons to design system #632

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
17622a7
update stack run icons
maciaszczykm Aug 8, 2024
c359063
add eks and gke icons
maciaszczykm Aug 8, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 41 additions & 0 deletions src/components/icons/EKSIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
import createIcon from './createIcon'

export default createIcon(({ size }) => (
<svg
width={size}
height={size}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_4976_27653)">
<path
d="M9.72283 5.90159L7.8677 8.05354L9.88608 10.4075H9.13241L7.32051 8.29294V10.4662H6.7772V5.84739H7.32051V7.74898L9.00014 5.90159H9.72283ZM14.3849 10.2578L12.211 8.95369V5.84739C12.2112 5.75063 12.1598 5.66112 12.0761 5.61251L8.9511 3.78964V1.16148L14.3842 4.37231L14.3849 10.2578ZM14.7946 3.98322L8.81753 0.452334C8.6877 0.376425 8.52092 0.420132 8.44501 0.549956C8.42088 0.591223 8.40804 0.638116 8.40778 0.685919V3.94644C8.40778 4.04323 8.4594 4.13227 8.542 4.18067L11.6677 6.00418V9.1079C11.6674 9.20367 11.7177 9.29247 11.7999 9.34149L14.5165 10.9714C14.6444 11.0491 14.8111 11.0084 14.8888 10.8805C14.9148 10.8377 14.9284 10.7885 14.9282 10.7385V4.21745C14.9284 4.12119 14.8776 4.03203 14.7946 3.98322ZM7.98514 15.3192L1.61509 11.9329V4.37231L7.04886 1.16148V3.79674L4.18647 5.61832C4.10823 5.66824 4.0608 5.75458 4.06064 5.84739V10.4662C4.06052 10.5673 4.11675 10.6601 4.20647 10.7069L7.86189 12.6091C7.94017 12.6497 8.03333 12.6497 8.11161 12.6091L11.658 10.7766L13.8403 12.0864L7.98514 15.3192ZM14.5249 11.8632L11.8083 10.2332C11.7274 10.1844 11.6269 10.1812 11.5431 10.2249L7.98772 12.0619L4.60395 10.301V5.99709L7.46634 4.17486C7.54458 4.12494 7.59201 4.0386 7.59217 3.94579V0.684629C7.59197 0.534598 7.47019 0.413133 7.32016 0.41333C7.27171 0.413394 7.22415 0.426415 7.18243 0.451043L1.20535 3.98322C1.12248 4.03213 1.07168 4.12123 1.07178 4.21745V12.0961C1.07178 12.1968 1.12727 12.2891 1.21567 12.3362L7.85995 15.8683C7.9411 15.9112 8.03843 15.9103 8.1187 15.8658L14.5165 12.3342C14.6479 12.2611 14.6952 12.0953 14.6221 11.9639C14.599 11.9224 14.5655 11.8877 14.5249 11.8632Z"
fill="url(#paint0_linear_4976_27653)"
/>
</g>
<defs>
<linearGradient
id="paint0_linear_4976_27653"
x1="0.999512"
y1="7.00024"
x2="14.9995"
y2="7.00024"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DF6440" />
<stop
offset="1"
stopColor="#E9973D"
/>
</linearGradient>
<clipPath id="clip0_4976_27653">
<rect
width="16"
height="16"
fill="white"
/>
</clipPath>
</defs>
</svg>
))
39 changes: 39 additions & 0 deletions src/components/icons/GKEIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
import createIcon from './createIcon'

export default createIcon(({ size }) => (
<svg
width={size}
height={size}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_5020_600)">
<path
d="M8.2999 4.09995V0.699951H7.6999V4.19995L4.8999 5.79995L7.9999 7.49995L11.0999 5.69995L8.2999 4.09995Z"
fill="#7CADF9"
/>
<path
d="M13.9999 11.1999L11.3999 9.6999V6.3999L8.3999 8.1999V11.7999L11.1999 10.1999L13.7999 11.6999L13.9999 11.1999Z"
fill="#1467F0"
/>
<path
d="M7.60005 8.1999L4.50005 6.3999V9.5999L1.80005 11.1999L2.10005 11.6999L4.80005 10.0999L7.60005 11.6999V8.1999Z"
fill="#3381F4"
/>
<path
d="M14.9001 12V4L8.0001 0L1.1001 4V12L8.0001 16L14.9001 12ZM8.0001 14.2L2.6001 11.1V4.9L8.0001 1.8L13.4001 4.9V11.1L8.0001 14.2Z"
fill="#7CADF9"
/>
</g>
<defs>
<clipPath id="clip0_5020_600">
<rect
width="16"
height="16"
fill="white"
/>
</clipPath>
</defs>
</svg>
))
13 changes: 7 additions & 6 deletions src/components/icons/StackRunCanceledIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,23 +3,24 @@ import createIcon from './createIcon'
export default createIcon(({ size, color }) => (
<svg
width={size}
viewBox="0 0 16 17"
height={size}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_5967_118)">
<path
d="M10.132 1.74243H5.86788C5.30524 1.74243 4.84912 2.19854 4.84912 2.76119V7.02527C4.84912 7.58791 5.30524 8.04403 5.86788 8.04403H10.132C10.6946 8.04403 11.1507 7.58791 11.1507 7.02527V2.76119C11.1507 2.19854 10.6946 1.74243 10.132 1.74243Z"
d="M10.132 1.34912H5.86788C5.30524 1.34912 4.84912 1.80523 4.84912 2.36788V6.63196C4.84912 7.1946 5.30524 7.65072 5.86788 7.65072H10.132C10.6946 7.65072 11.1507 7.1946 11.1507 6.63196V2.36788C11.1507 1.80523 10.6946 1.34912 10.132 1.34912Z"
fill={color}
/>
</g>
<path
d="M2 8.39331L7.89923 11.8345C7.9615 11.8709 8.0385 11.8709 8.10077 11.8345L14 8.39331"
d="M2 8L7.89923 11.4412C7.9615 11.4775 8.0385 11.4775 8.10077 11.4412L14 8"
stroke={color}
strokeLinecap="round"
/>
<path
d="M2 11.8933L7.89923 15.3345C7.9615 15.3709 8.0385 15.3709 8.10077 15.3345L14 11.8933"
d="M2 11.5L7.89923 14.9412C7.9615 14.9775 8.0385 14.9775 8.10077 14.9412L14 11.5"
stroke={color}
strokeLinecap="round"
/>
Expand All @@ -28,8 +29,8 @@ export default createIcon(({ size, color }) => (
<rect
width="7"
height="7"
fill={color}
transform="translate(4.5 1.39331)"
fill="white"
transform="translate(4.5 1)"
/>
</clipPath>
</defs>
Expand Down
6 changes: 3 additions & 3 deletions src/components/icons/StackRunIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,18 +9,18 @@ export default createIcon(({ size, color }) => (
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M14 4.5L8 8V1L14 4.5Z"
d="M14 4.89331L8 8.39331V1.39331L14 4.89331Z"
fill={color}
stroke={color}
strokeLinejoin="round"
/>
<path
d="M2 8L7.89923 11.4412C7.9615 11.4775 8.0385 11.4775 8.10077 11.4412L14 8"
d="M2 7.78662L7.89923 11.2278C7.9615 11.2642 8.0385 11.2642 8.10077 11.2278L14 7.78662"
stroke={color}
strokeLinecap="round"
/>
<path
d="M2 11.5L7.89923 14.9412C7.9615 14.9775 8.0385 14.9775 8.10077 14.9412L14 11.5"
d="M2 11.2866L7.89923 14.7278C7.9615 14.7642 8.0385 14.7642 8.10077 14.7278L14 11.2866"
stroke={color}
strokeLinecap="round"
/>
Expand Down
35 changes: 12 additions & 23 deletions src/components/icons/StackRunPausedIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,39 +3,28 @@ import createIcon from './createIcon'
export default createIcon(({ size, color }) => (
<svg
width={size}
viewBox="0 0 16 17"
height={size}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_5968_142)">
<path
d="M7.29903 1.69507H5.91846V8.09155H7.29903V1.69507Z"
fill={color}
/>
<path
d="M10.0815 1.69507H8.70093V8.09155H10.0815V1.69507Z"
fill={color}
/>
</g>
<path
d="M2 8.39331L7.89923 11.8345C7.9615 11.8709 8.0385 11.8709 8.10077 11.8345L14 8.39331"
d="M7.29903 1.30176H5.91846V7.69824H7.29903V1.30176Z"
fill={color}
/>
<path
d="M10.0815 1.30176H8.70093V7.69824H10.0815V1.30176Z"
fill={color}
/>
<path
d="M2 8L7.89923 11.4412C7.9615 11.4775 8.0385 11.4775 8.10077 11.4412L14 8"
stroke={color}
strokeLinecap="round"
/>
<path
d="M2 11.8933L7.89923 15.3345C7.9615 15.3709 8.0385 15.3709 8.10077 15.3345L14 11.8933"
d="M2 11.5L7.89923 14.9412C7.9615 14.9775 8.0385 14.9775 8.10077 14.9412L14 11.5"
stroke={color}
strokeLinecap="round"
/>
<defs>
<clipPath id="clip0_5968_142">
<rect
width="7"
height="7"
fill={color}
transform="translate(4.5 1.39331)"
/>
</clipPath>
</defs>
</svg>
))
13 changes: 7 additions & 6 deletions src/components/icons/StackRunPendingIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,23 +3,24 @@ import createIcon from './createIcon'
export default createIcon(({ size, color }) => (
<svg
width={size}
viewBox="0 0 16 17"
height={size}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M2 8.39331L7.89923 11.8345C7.9615 11.8709 8.0385 11.8709 8.10077 11.8345L14 8.39331"
d="M2 8L7.89923 11.4412C7.9615 11.4775 8.0385 11.4775 8.10077 11.4412L14 8"
stroke={color}
strokeLinecap="round"
/>
<path
d="M2 11.8933L7.89923 15.3345C7.9615 15.3709 8.0385 15.3709 8.10077 15.3345L14 11.8933"
d="M2 11.5L7.89923 14.9412C7.9615 14.9775 8.0385 14.9775 8.10077 14.9412L14 11.5"
stroke={color}
strokeLinecap="round"
/>
<g clipPath="url(#clip0_5875_37792)">
<path
d="M8 1.39331C6.075 1.39331 4.5 2.96831 4.5 4.89331C4.5 6.81831 6.075 8.39331 8 8.39331C9.925 8.39331 11.5 6.81831 11.5 4.89331C11.5 2.96831 9.925 1.39331 8 1.39331ZM6.5125 5.28706C6.29375 5.28706 6.11875 5.11206 6.11875 4.89331C6.11875 4.67456 6.29375 4.49956 6.5125 4.49956C6.73125 4.49956 6.90625 4.67456 6.90625 4.89331C6.95 5.11206 6.73125 5.28706 6.5125 5.28706ZM8 5.28706C7.78125 5.28706 7.60625 5.11206 7.60625 4.89331C7.60625 4.67456 7.78125 4.49956 8 4.49956C8.21875 4.49956 8.39375 4.67456 8.39375 4.89331C8.39375 5.11206 8.21875 5.28706 8 5.28706ZM9.4875 5.28706C9.26875 5.28706 9.09375 5.11206 9.09375 4.89331C9.09375 4.67456 9.26875 4.49956 9.4875 4.49956C9.70625 4.49956 9.88125 4.67456 9.88125 4.89331C9.88125 5.11206 9.70625 5.28706 9.4875 5.28706Z"
d="M8 1C6.075 1 4.5 2.575 4.5 4.5C4.5 6.425 6.075 8 8 8C9.925 8 11.5 6.425 11.5 4.5C11.5 2.575 9.925 1 8 1ZM6.5125 4.89375C6.29375 4.89375 6.11875 4.71875 6.11875 4.5C6.11875 4.28125 6.29375 4.10625 6.5125 4.10625C6.73125 4.10625 6.90625 4.28125 6.90625 4.5C6.95 4.71875 6.73125 4.89375 6.5125 4.89375ZM8 4.89375C7.78125 4.89375 7.60625 4.71875 7.60625 4.5C7.60625 4.28125 7.78125 4.10625 8 4.10625C8.21875 4.10625 8.39375 4.28125 8.39375 4.5C8.39375 4.71875 8.21875 4.89375 8 4.89375ZM9.4875 4.89375C9.26875 4.89375 9.09375 4.71875 9.09375 4.5C9.09375 4.28125 9.26875 4.10625 9.4875 4.10625C9.70625 4.10625 9.88125 4.28125 9.88125 4.5C9.88125 4.71875 9.70625 4.89375 9.4875 4.89375Z"
fill={color}
/>
</g>
Expand All @@ -28,8 +29,8 @@ export default createIcon(({ size, color }) => (
<rect
width="7"
height="7"
fill={color}
transform="translate(4.5 1.39331)"
fill="white"
transform="translate(4.5 1)"
/>
</clipPath>
</defs>
Expand Down
2 changes: 2 additions & 0 deletions src/icons.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,6 +69,7 @@ export { default as DownloadIcon } from './components/icons/DownloadIcon'
export { default as DropdownArrowIcon } from './components/icons/DropdownArrowIcon'
export { default as DryRunIcon } from './components/icons/DryRunIcon'
export { default as EditIcon } from './components/icons/EditIcon'
export { default as EKSIcon } from './components/icons/EKSIcon'
export { default as EmojiHoverIcon } from './components/icons/EmojiHoverIcon'
export { default as EmojiIcon } from './components/icons/EmojiIcon'
export { default as ErrorIcon } from './components/icons/ErrorIcon'
Expand All @@ -89,6 +90,7 @@ export { default as GitHubLogoIcon } from './components/icons/GitHubLogoIcon'
export { default as GitLabLogoIcon } from './components/icons/GitLabLogoIcon'
export { default as GitMergeIcon } from './components/icons/GitMergeIcon'
export { default as GitPullIcon } from './components/icons/GitPullIcon'
export { default as GKEIcon } from './components/icons/GKEIcon'
export { default as GlobeIcon } from './components/icons/GlobeIcon'
export { default as GoogleCloudLogoIcon } from './components/icons/GoogleCloudLogoIcon'
export { default as GoogleLogoIcon } from './components/icons/GoogleLogoIcon'
Expand Down
Loading