feat: add slack, swaggerhub, and traceable icons (#768)

* feat: add slack, swaggerhub, and traceable icons

* feat: add google vertex too

Author: two24studios

scripts/utilities/__snapshots__/generate-icon-components.spec.ts.snap

@@ -262,6 +262,7 @@ exports[`generate > \`/src/components/index.ts\` file > has exports that match t
   "GithubIcon",
   "GitlabIcon",
   "GoogleCloudIcon",
+  "GoogleVertexIcon",
   "GoogleIcon",
   "GrafanaIcon",
   "GrokIcon",
@@ -279,8 +280,11 @@ exports[`generate > \`/src/components/index.ts\` file > has exports that match t
   "RedhatIcon",
   "SaltsecurityIcon",
   "ServicenowIcon",
+  "SlackIcon",
   "SnykIcon",
   "SonarIcon",
+  "SwaggerhubIcon",
+  "TraceableIcon",
   "UbuntuIcon",
   "WindowsIcon",
   "DedicatedCloudGradientIcon",

src/tests/__snapshots__/GoogleVertexIcon.html

@@ -0,0 +1,16 @@
+<span class="kui-icon google-vertex-icon" data-testid="kui-icon-wrapper-google-vertex-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-google-vertex-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6 11.6719C5.5875 11.6719 5.25 11.3344 5.25 10.9219V6C5.25 5.5875 5.5875 5.25 6 5.25C6.4125 5.25 6.75 5.5875 6.75 6V10.9219C6.75 11.3344 6.4125 11.6719 6 11.6719Z" fill="#EA4335"></path>
+<path d="M12 21.75C11.8594 21.75 11.7188 21.7125 11.5969 21.6328L3.34688 16.3828C2.99532 16.1625 2.89219 15.6984 3.11719 15.3469C3.34219 14.9953 3.80157 14.8969 4.15313 15.1172L12 20.1094L19.8469 15.1172C20.1984 14.8969 20.6578 15 20.8828 15.3469C21.1031 15.6984 21 16.1578 20.6531 16.3828L12.4031 21.6328C12.2813 21.7125 12.1406 21.75 12 21.75Z" fill="#FBBC04"></path>
+<path d="M12 18.4687C11.5875 18.4687 11.25 18.1312 11.25 17.7187V14.2922C11.25 13.8797 11.5875 13.5422 12 13.5422C12.4125 13.5422 12.75 13.8797 12.75 14.2922V17.7187C12.75 18.1312 12.4125 18.4687 12 18.4687Z" fill="#34A853"></path>
+<path d="M6 3.75C6.41421 3.75 6.75 3.41421 6.75 3C6.75 2.58579 6.41421 2.25 6 2.25C5.58579 2.25 5.25 2.58579 5.25 3C5.25 3.41421 5.58579 3.75 6 3.75Z" fill="#EA4335"></path>
+<path d="M6 14.6719C6.41421 14.6719 6.75 14.3361 6.75 13.9219C6.75 13.5077 6.41421 13.1719 6 13.1719C5.58579 13.1719 5.25 13.5077 5.25 13.9219C5.25 14.3361 5.58579 14.6719 6 14.6719Z" fill="#EA4335"></path>
+<path d="M18.0094 14.7188C17.5969 14.7188 17.2594 14.3859 17.2594 13.9688L17.25 9C17.25 8.5875 17.5828 8.25 18 8.25C18.4125 8.25 18.75 8.58281 18.75 9L18.7594 13.9688C18.7594 14.3813 18.4266 14.7188 18.0094 14.7188Z" fill="#4285F4"></path>
+<path d="M18 3.75C18.4142 3.75 18.75 3.41421 18.75 3C18.75 2.58579 18.4142 2.25 18 2.25C17.5858 2.25 17.25 2.58579 17.25 3C17.25 3.41421 17.5858 3.75 18 3.75Z" fill="#4285F4"></path>
+<path d="M18 6.75C18.4142 6.75 18.75 6.41421 18.75 6C18.75 5.58579 18.4142 5.25 18 5.25C17.5858 5.25 17.25 5.58579 17.25 6C17.25 6.41421 17.5858 6.75 18 6.75Z" fill="#4285F4"></path>
+<path d="M15 10.5469C14.5875 10.5469 14.25 10.2094 14.25 9.79688V4.96875C14.25 4.55625 14.5875 4.21875 15 4.21875C15.4125 4.21875 15.75 4.55625 15.75 4.96875V9.79688C15.75 10.2094 15.4125 10.5469 15 10.5469Z" fill="#FBBC04"></path>
+<path d="M12 9.04688C12.4142 9.04688 12.75 8.71109 12.75 8.29688C12.75 7.88266 12.4142 7.54688 12 7.54688C11.5858 7.54688 11.25 7.88266 11.25 8.29688C11.25 8.71109 11.5858 9.04688 12 9.04688Z" fill="#34A853"></path>
+<path d="M12 12.0469C12.4142 12.0469 12.75 11.7111 12.75 11.2969C12.75 10.8827 12.4142 10.5469 12 10.5469C11.5858 10.5469 11.25 10.8827 11.25 11.2969C11.25 11.7111 11.5858 12.0469 12 12.0469Z" fill="#34A853"></path>
+<path d="M15 13.5469C15.4142 13.5469 15.75 13.2111 15.75 12.7969C15.75 12.3827 15.4142 12.0469 15 12.0469C14.5858 12.0469 14.25 12.3827 14.25 12.7969C14.25 13.2111 14.5858 13.5469 15 13.5469Z" fill="#FBBC04"></path>
+<path d="M15 16.5469C15.4142 16.5469 15.75 16.2111 15.75 15.7969C15.75 15.3827 15.4142 15.0469 15 15.0469C14.5858 15.0469 14.25 15.3827 14.25 15.7969C14.25 16.2111 14.5858 16.5469 15 16.5469Z" fill="#FBBC04"></path>
+<path d="M9 10.5469C8.5875 10.5469 8.25 10.2094 8.25 9.79688V4.96875C8.25 4.55625 8.5875 4.21875 9 4.21875C9.4125 4.21875 9.75 4.55625 9.75 4.96875V9.79688C9.75 10.2094 9.4125 10.5469 9 10.5469Z" fill="#FBBC04"></path>
+<path d="M9 13.5469C9.41421 13.5469 9.75 13.2111 9.75 12.7969C9.75 12.3827 9.41421 12.0469 9 12.0469C8.58579 12.0469 8.25 12.3827 8.25 12.7969C8.25 13.2111 8.58579 13.5469 9 13.5469Z" fill="#FBBC04"></path>
+<path d="M9 16.5469C9.41421 16.5469 9.75 16.2111 9.75 15.7969C9.75 15.3827 9.41421 15.0469 9 15.0469C8.58579 15.0469 8.25 15.3827 8.25 15.7969C8.25 16.2111 8.58579 16.5469 9 16.5469Z" fill="#FBBC04"></path></svg></span>

src/tests/__snapshots__/SlackIcon.html

@@ -0,0 +1,8 @@
+<span class="kui-icon slack-icon" data-testid="kui-icon-wrapper-slack-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-slack-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.20194 14.6384C6.20194 15.7948 5.25732 16.7394 4.10097 16.7394C2.94462 16.7394 2 15.7948 2 14.6384C2 13.4821 2.94462 12.5375 4.10097 12.5375H6.20194V14.6384Z" fill="#E01E5A"></path>
+<path d="M7.26025 14.6384C7.26025 13.4821 8.20488 12.5375 9.36122 12.5375C10.5176 12.5375 11.4622 13.4821 11.4622 14.6384V19.899C11.4622 21.0554 10.5176 22 9.36122 22C8.20488 22 7.26025 21.0554 7.26025 19.899V14.6384Z" fill="#E01E5A"></path>
+<path d="M9.36122 6.202C8.20488 6.202 7.26025 5.25738 7.26025 4.10103C7.26025 2.94468 8.20488 2.00006 9.36122 2.00006C10.5176 2.00006 11.4622 2.94468 11.4622 4.10103V6.202H9.36122Z" fill="#36C5F0"></path>
+<path d="M9.36153 7.26062C10.5179 7.26062 11.4625 8.20524 11.4625 9.36159C11.4625 10.5179 10.5179 11.4626 9.36153 11.4626H4.10097C2.94462 11.4626 2 10.5179 2 9.36159C2 8.20524 2.94462 7.26062 4.10097 7.26062H9.36153Z" fill="#36C5F0"></path>
+<path d="M17.7979 9.36159C17.7979 8.20524 18.7425 7.26062 19.8988 7.26062C21.0552 7.26062 21.9998 8.20524 21.9998 9.36159C21.9998 10.5179 21.0552 11.4626 19.8988 11.4626H17.7979V9.36159Z" fill="#2EB67D"></path>
+<path d="M16.7395 9.36159C16.7395 10.5179 15.7949 11.4626 14.6386 11.4626C13.4822 11.4626 12.5376 10.5179 12.5376 9.36159V4.10103C12.5376 2.94468 13.4822 2.00006 14.6386 2.00006C15.7949 2.00006 16.7395 2.94468 16.7395 4.10103V9.36159Z" fill="#2EB67D"></path>
+<path d="M14.6386 17.7981C15.7949 17.7981 16.7395 18.7427 16.7395 19.8991C16.7395 21.0554 15.7949 22 14.6386 22C13.4822 22 12.5376 21.0554 12.5376 19.8991V17.7981H14.6386Z" fill="#ECB22E"></path>
+<path d="M14.6386 16.7394C13.4822 16.7394 12.5376 15.7948 12.5376 14.6384C12.5376 13.4821 13.4822 12.5375 14.6386 12.5375H19.8991C21.0555 12.5375 22.0001 13.4821 22.0001 14.6384C22.0001 15.7948 21.0555 16.7394 19.8991 16.7394H14.6386Z" fill="#ECB22E"></path></svg></span>

src/tests/__snapshots__/SwaggerhubIcon.html

@@ -0,0 +1,2 @@
+<span class="kui-icon swaggerhub-icon" data-testid="kui-icon-wrapper-swaggerhub-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-swaggerhub-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 21.5232C6.74885 21.5232 2.47656 17.2513 2.47656 11.9999C2.47656 6.74858 6.74885 2.47668 12 2.47668C17.2512 2.47668 21.5235 6.74898 21.5235 12.0001C21.5235 17.2513 17.2512 21.5232 12 21.5232Z" fill="#85EA2D"></path>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.0467 12C21.0467 7.0035 16.9965 2.95329 12 2.95329C7.0037 2.95329 2.95329 7.0037 2.95329 12C2.95329 16.9963 7.0037 21.0467 12 21.0467C16.9965 21.0467 21.0467 16.9963 21.0467 12ZM2 12C2 6.48598 6.48598 2 12 2C17.514 2 22.0002 6.48598 22.0002 12C22.0002 17.514 17.514 22 12 22C6.48598 22 2 17.514 2 12ZM8.28877 9.31681C8.28464 9.13224 8.28051 8.94805 8.29679 8.76709C8.34676 8.21339 8.38154 7.98652 9.04679 8.0097C9.11032 8.0097 9.17233 8.00356 9.23773 7.99709C9.2752 7.99338 9.31379 7.98955 9.35442 7.98672V6.8945C9.26344 6.8945 9.17607 6.89314 9.09122 6.89182C8.92866 6.88928 8.77537 6.88689 8.62381 6.8945C7.80466 6.94068 7.31232 7.32527 7.17779 8.12124C7.11323 8.49382 7.09908 8.87338 7.08498 9.25167C7.07812 9.43557 7.07128 9.61917 7.05866 9.80154C7.04726 10.0938 7.01648 10.3822 6.96251 10.6667C6.85097 11.1742 6.63189 11.3319 6.11657 11.3589C6.0474 11.3665 5.98204 11.3781 5.91288 11.3935V12.6124C6.85097 12.6586 6.9779 12.9892 7.05486 13.9699C7.06863 14.1538 7.06518 14.3376 7.06172 14.5215C7.05846 14.6953 7.05519 14.869 7.06645 15.0427C7.08165 15.3811 7.12782 15.7157 7.19718 16.0426C7.41267 16.9385 8.2856 17.2383 9.34302 17.0576V15.9886C9.28483 15.9886 9.22896 15.989 9.17477 15.9895C9.07113 15.9903 8.97363 15.9911 8.87768 15.9886C8.51987 15.9772 8.38534 15.8886 8.35076 15.5426C8.32306 15.2751 8.31615 15.0049 8.30923 14.7343C8.30461 14.5537 8.29999 14.373 8.28919 14.193C8.23542 13.3584 8.14327 12.5357 7.32791 12.0049C7.74689 11.6973 8.05072 11.3281 8.14687 10.8398C8.21603 10.4976 8.25841 10.1553 8.2854 9.80913C8.29613 9.64608 8.29245 9.48129 8.28877 9.31681ZM9.56191 11.2973H9.5773C9.96569 11.3051 10.2771 11.6242 10.2693 12.0125V12.0509C10.2461 12.4315 9.91951 12.724 9.53872 12.7008H9.49254C9.10795 12.6818 8.80811 12.351 8.8273 11.9626C8.84669 11.578 9.17731 11.2781 9.56191 11.2973ZM11.2924 11.9472C11.3038 11.578 11.6154 11.2857 11.9884 11.2973C12.4152 11.2935 12.696 11.5704 12.7 11.9896C12.7 12.4241 12.4346 12.701 12.0116 12.701C11.5808 12.701 11.2964 12.4317 11.2964 12.0125C11.2924 11.9896 11.2924 11.9704 11.2924 11.9472ZM13.7267 11.9934C13.7381 11.6012 14.0651 11.2895 14.4573 11.2973C14.8495 11.2973 15.1955 11.6279 15.1765 12.0087C15.1533 12.4201 14.7957 12.7623 14.4419 12.7008H14.4341C14.0419 12.7008 13.7267 12.3855 13.7267 11.9934ZM17.0645 10.7626C17.1758 11.1858 17.3989 11.3357 17.845 11.3549C17.8945 11.3576 17.9423 11.3637 17.9991 11.371C18.0262 11.3744 18.0552 11.3781 18.0875 11.3819V12.601C18.0335 12.6202 17.9798 12.6316 17.922 12.6394C17.3259 12.6778 17.0529 12.9238 16.9953 13.5199C16.973 13.7409 16.9649 13.9645 16.9567 14.1885C16.9508 14.3503 16.945 14.5122 16.9337 14.6735C16.9221 15.0927 16.8838 15.5117 16.8184 15.927C16.6645 16.6808 16.1953 17.0576 15.4185 17.1038C15.2536 17.114 15.0887 17.1107 14.917 17.1073C14.8287 17.1056 14.7386 17.1038 14.6458 17.1038V16.0156C14.7023 16.0126 14.7559 16.009 14.8081 16.0055C14.8907 16 14.9694 15.9947 15.0495 15.9924C15.5149 15.9808 15.6762 15.8309 15.6994 15.3695C15.7172 15.0329 15.7282 14.6964 15.7393 14.3611C15.7449 14.1906 15.7505 14.0203 15.757 13.8505C15.7915 13.1159 15.9916 12.4623 16.6721 12.0047C16.2839 11.7279 15.9724 11.3895 15.8877 10.9357C15.817 10.5311 15.7817 10.1184 15.7465 9.70633C15.7339 9.55832 15.7213 9.41042 15.707 9.26303C15.6935 9.1231 15.6868 8.98323 15.6801 8.84385C15.6733 8.70347 15.6666 8.5636 15.653 8.42468C15.6262 8.12084 15.4185 8.0169 15.1455 8.0131C14.9878 8.0093 14.8301 8.0093 14.6264 8.0093V6.94788C15.9109 6.73659 16.7952 7.16336 16.876 8.3861C16.8941 8.65713 16.9017 8.92922 16.9093 9.20124C16.9161 9.44643 16.9229 9.69157 16.9375 9.93586C16.9529 10.2127 16.9951 10.4936 17.0645 10.7626Z" fill="#173647"></path></svg></span>

src/tests/__snapshots__/TraceableIcon.html

@@ -0,0 +1,29 @@
+<span class="kui-icon traceable-icon" data-testid="kui-icon-wrapper-traceable-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-traceable-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><rect x="2" y="2" width="20" height="20" rx="4" fill="#0A0E19"></rect>
+<path d="M9.51593 13.9529L9.83914 13.6385L9.94286 13.5354C9.94286 13.5354 12.7358 11.7238 14.4112 11.7238H14.5558C12.9902 11.6446 11.5077 11.0107 10.3852 9.94042L6.24 5.8913H5.96614L5.51025 6.33877V6.60664L9.5313 10.541C9.98946 10.9966 10.245 11.6109 10.2421 12.25C10.2393 12.8891 9.97821 13.5012 9.51593 13.9529Z" fill="url(#paint0_linear_3966_6416)"></path>
+<path d="M12.3911 8.4779L9.34636 5.50018H9.07251L8.6167 5.94596V6.21383L11.8025 9.33135C12.5835 10.0949 13.6426 10.5239 14.7468 10.5241H17.0533L17.2472 10.3361V9.70229L17.0533 9.51436H14.9492C13.9897 9.51427 13.0695 9.14147 12.3911 8.4779Z" fill="url(#paint1_linear_3966_6416)"></path>
+<path d="M12.3911 16.0334L9.34636 19.0112H9.07251L8.6167 18.5638V18.2959L11.8025 15.1801C12.5835 14.4165 13.6426 13.9875 14.7468 13.9873H17.0533L17.2472 14.1752V14.8074L17.0533 14.9971H14.9492C13.9897 14.9971 13.0695 15.3699 12.3911 16.0334Z" fill="url(#paint2_linear_3966_6416)"></path>
+<path d="M7.58931 10.6399L5.73024 8.8233H5.45808L5.00049 9.27078V9.53695L6.77121 11.2704C6.90179 11.3979 7.00543 11.5493 7.07614 11.716C7.14685 11.8827 7.18325 12.0614 7.18325 12.2419C7.18325 12.4224 7.14685 12.6011 7.07614 12.7678C7.00543 12.9345 6.90179 13.0859 6.77121 13.2134L5.13147 14.8187V15.0849L5.58906 15.5324H5.86122L7.58761 13.8455C7.80305 13.6353 7.97408 13.3854 8.09075 13.1105C8.20741 12.8355 8.2676 12.5408 8.26776 12.2431C8.26792 11.9454 8.20805 11.6505 8.09164 11.3755C7.9753 11.1003 7.80459 10.8504 7.58931 10.6399Z" fill="url(#paint3_linear_3966_6416)"></path>
+<path d="M18.8057 11.7225H14.4106C12.7345 11.7236 11.1274 12.3752 9.94219 13.5341L5.46533 17.9126V18.1805L5.92284 18.6279H6.1967L10.3708 14.5506C10.9572 13.9753 11.6539 13.5189 12.4209 13.2074C13.1879 12.896 14.0103 12.7357 14.8409 12.7356H18.8091L18.9996 12.5543V11.9221L18.8057 11.7225Z" fill="url(#paint4_linear_3966_6416)"></path>
+<defs>
+<linearGradient id="paint0_linear_3966_6416" x1="6.96797" y1="6.62056" x2="10.5782" y2="15.1228" gradientUnits="userSpaceOnUse">
+<stop stop-color="#75A7FF"></stop>
+<stop offset="0.479167" stop-color="#497EDC"></stop>
+<stop offset="1" stop-color="#456BE0" stop-opacity="0"></stop>
+</linearGradient>
+<linearGradient id="paint1_linear_3966_6416" x1="16.9203" y1="5.45747" x2="8.90035" y2="5.55374" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DBDBDB" stop-opacity="0.08"></stop>
+<stop offset="0.510417" stop-color="#DCDCDC"></stop>
+</linearGradient>
+<linearGradient id="paint2_linear_3966_6416" x1="16.9203" y1="13.9446" x2="8.90035" y2="14.0409" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DBDBDB" stop-opacity="0.08"></stop>
+<stop offset="0.510417" stop-color="#DCDCDC"></stop>
+</linearGradient>
+<linearGradient id="paint3_linear_3966_6416" x1="13.5233" y1="15.594" x2="11.3438" y2="7.32829" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DBDBDB" stop-opacity="0.08"></stop>
+<stop offset="0.510417" stop-color="#DCDCDC"></stop>
+</linearGradient>
+<linearGradient id="paint4_linear_3966_6416" x1="18.4869" y1="11.6639" x2="5.91062" y2="11.8361" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DBDBDB" stop-opacity="0.08"></stop>
+<stop offset="0.510417" stop-color="#DCDCDC"></stop>
+</linearGradient>
+</defs></svg></span>