fix: add platform icons [KHCP-10145] (#182)

* fix: add platform icons

* revert: branch

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

@@ -16,10 +16,14 @@ exports[`generate > \`/src/components/index.ts\` file > has exports that match t
   "FlagSgIcon",
   "FlagUsIcon",
   "FlagZaIcon",
+  "AppleIcon",
   "AwsIcon",
   "AzureIcon",
+  "DockerIcon",
   "GoogleCloudIcon",
   "GoogleIcon",
+  "LinuxIcon",
+  "WindowsIcon",
   "RuntimeCompositeIcon",
   "RuntimeDedicatedCloudIcon",
   "RuntimeHybridIcon",

src/tests/__snapshots__/AppleIcon.html

@@ -0,0 +1 @@
+<span data-v-95a43613="" class="kui-icon apple-icon" data-testid="kui-icon-wrapper-apple-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; height: 32px; line-height: 0; width: 32px;"><svg data-v-95a43613="" data-testid="kui-icon-svg-apple-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-95a43613="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-95a43613="" d="M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z" fill="black"></path></svg></span>

src/tests/__snapshots__/DockerIcon.html

@@ -0,0 +1 @@
+<span data-v-ea62b773="" class="kui-icon docker-icon" data-testid="kui-icon-wrapper-docker-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea62b773="" data-testid="kui-icon-svg-docker-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ea62b773="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-ea62b773="" d="M20.0233 9.59753C19.9081 8.76066 19.447 8.03403 18.6152 7.37756L18.1341 7.05183L17.8134 7.53792C17.4025 8.16432 17.197 9.03627 17.2622 9.87315C17.2922 10.1638 17.3874 10.695 17.6831 11.151C17.3874 11.3164 16.8011 11.5369 16.0194 11.5218H1.08595L1.05588 11.6972C0.915565 12.5341 0.915565 15.155 2.59432 17.1645C3.87218 18.6929 5.78146 19.4696 8.27704 19.4696C13.6892 19.4696 17.6881 16.949 19.5673 12.3587C20.304 12.3737 21.8925 12.3637 22.7093 10.7852C22.7294 10.7501 22.7795 10.6549 22.9198 10.3542L23 10.1889L22.544 9.87816C22.0429 9.55243 20.9053 9.42715 20.0233 9.59753ZM13.0277 4H10.7576V6.08968H13.0277V4ZM13.0277 6.51062H10.7576V8.6003H13.0277V6.51062ZM10.3417 6.51062H8.07158V8.6003H10.3417V6.51062ZM7.66066 6.51062H5.39058V8.6003H7.66066V6.51062ZM4.97465 9.02124H2.70457V11.1109H4.97465V9.02124ZM7.66066 9.02124H5.39058V11.1109H7.66066V9.02124ZM10.3417 9.02124H8.07158V11.1109H10.3417V9.02124ZM13.0277 9.02124H10.7576V11.1109H13.0277V9.02124ZM15.7137 9.02124H13.4436V11.1109H15.7137V9.02124Z" fill="#1D63ED"></path></svg></span>

src/tests/__snapshots__/LinuxIcon.html

@@ -0,0 +1 @@
+<span data-v-92e08b29="" class="kui-icon linux-icon" data-testid="kui-icon-wrapper-linux-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; height: 32px; line-height: 0; width: 32px;"><svg data-v-92e08b29="" data-testid="kui-icon-svg-linux-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-92e08b29="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-92e08b29="" d="M9.53693 7.07369L9.60009 8.52632L8.58956 10.4211L7.01061 13.5158L6.69482 16.1053L7.83167 19.7684L10.4211 21.2211H14.3369L18.0001 18.4421L19.6422 14.0842L15.8527 9.47369L14.779 6.88422L9.53693 7.07369Z" fill="#ECEFF1"></path><path data-v-92e08b29="" d="M18.5051 10.6737C17.4946 9.22111 16.6735 8.3369 16.2314 6.50532C15.7893 4.67374 16.3577 5.179 15.9788 3.60005C15.7893 2.779 15.4735 2.21058 15.1577 1.76848C14.7788 1.32637 14.3367 1.07374 14.0841 1.01058C13.5156 0.694792 12.1893 0.189528 10.5472 1.07374C8.84195 1.95795 9.03143 3.85269 9.34722 7.70532C9.34722 7.95795 9.28406 8.27374 9.15774 8.52637C8.90511 9.09479 8.46301 9.60005 8.08406 10.0422C7.64195 10.6737 7.19985 11.3053 6.88406 12.0001C6.12616 13.4527 5.43143 15.2843 5.6209 15.979C5.93669 15.9158 9.91564 21.979 9.91564 22.1053C10.1683 22.0422 11.242 22.0422 12.1893 22.0422C13.5156 21.979 14.2735 21.9158 15.3472 22.1685C15.3472 21.979 15.2841 21.7895 15.2841 21.6001C15.2841 21.2211 15.3472 20.9053 15.4104 20.4632C15.4735 20.1474 15.5367 19.8316 15.5998 19.4527C14.9683 20.0211 13.8314 20.6527 12.7577 20.8422C11.8104 21.0316 10.2314 20.7158 9.47353 19.7685C9.53669 19.7685 9.66301 19.7685 9.72616 19.7053C9.91564 19.6422 10.1051 19.579 10.1683 19.4527C10.3577 19.1369 10.2314 18.8211 10.1051 18.6316C9.9788 18.4422 9.03143 17.7474 8.58932 17.3685C8.14722 16.9895 7.89458 16.8001 7.64195 16.5474C7.64195 16.5474 7.26301 16.1685 7.13669 16.0422C7.01037 15.9158 6.94722 15.7895 6.88406 15.7264C6.75774 15.4106 6.69458 15.0316 6.75774 14.5264C6.8209 13.8316 7.07353 13.2632 7.38932 12.6316C7.51564 12.379 7.83143 11.8737 7.83143 11.8737C7.83143 11.8737 6.75774 14.5264 7.32616 15.3474C7.32616 15.3474 7.38932 14.5264 7.64195 13.7053C7.83143 13.1369 8.14722 12.3158 8.52616 11.8737C8.90511 11.4316 9.85248 9.78953 9.91564 8.779C9.91564 8.3369 9.97879 7.89479 9.97879 7.579C9.72616 7.32637 14.1472 6.69479 14.3998 7.38953C14.463 7.64216 15.3472 9.91584 15.8525 11.1158C16.1051 11.6843 16.4209 12.1895 16.6104 12.8211C16.7998 13.5158 16.9262 14.4632 16.9262 15.4106C16.9262 15.6001 16.9262 15.9158 16.863 16.2316C16.9893 16.2316 19.4525 13.579 16.5472 11.3685C16.5472 11.3685 18.3156 12.1895 18.3788 13.8316C18.442 15.158 17.8735 16.2316 17.7472 16.4211C17.8104 16.4211 19.0735 16.9895 19.1367 16.9895C19.3893 16.9895 19.8946 16.8001 19.8946 16.8001C19.9577 16.6106 20.1472 16.1053 20.1472 15.9158C20.5893 14.4632 19.5156 12.1264 18.5051 10.6737Z" fill="#263238"></path><path data-v-92e08b29="" d="M10.4841 6.50532C10.9376 6.50532 11.3052 5.93978 11.3052 5.24216C11.3052 4.54454 10.9376 3.979 10.4841 3.979C10.0307 3.979 9.66309 4.54454 9.66309 5.24216C9.66309 5.93978 10.0307 6.50532 10.4841 6.50532Z" fill="#ECEFF1"></path><path data-v-92e08b29="" d="M13.3261 6.63158C13.9191 6.63158 14.3998 5.98122 14.3998 5.17895C14.3998 4.37668 13.9191 3.72632 13.3261 3.72632C12.7331 3.72632 12.2524 4.37668 12.2524 5.17895C12.2524 5.98122 12.7331 6.63158 13.3261 6.63158Z" fill="#ECEFF1"></path><path data-v-92e08b29="" d="M10.9428 5.32856C10.8903 4.91329 10.6514 4.60147 10.4092 4.63209C10.1669 4.66271 10.0131 5.02417 10.0656 5.43944C10.1181 5.8547 10.357 6.16652 10.5993 6.13591C10.8415 6.10529 10.9953 5.74382 10.9428 5.32856Z" fill="#212121"></path><path data-v-92e08b29="" d="M13.2629 6.25264C13.6117 6.25264 13.8945 5.88504 13.8945 5.43159C13.8945 4.97813 13.6117 4.61053 13.2629 4.61053C12.9141 4.61053 12.6313 4.97813 12.6313 5.43159C12.6313 5.88504 12.9141 6.25264 13.2629 6.25264Z" fill="#212121"></path><path data-v-92e08b29="" d="M21.663 19.3263C21.4103 19.2 20.9682 19.0106 20.5893 18.4421C20.3998 18.1263 20.463 17.2421 20.1472 16.8632C19.9577 16.6106 19.7051 16.7369 19.6419 16.7369C19.0735 16.8632 17.7472 17.7474 16.863 16.7369C16.7367 16.6106 16.5472 16.4211 16.2314 16.4211C15.9156 16.4211 15.7893 16.5474 15.663 16.8C15.5367 17.0527 15.5367 17.2421 15.5367 17.8737C15.5367 18.379 15.5367 18.9474 15.4735 19.3895C15.3472 20.4632 15.1577 21.0948 15.1577 21.7263C15.1577 22.4211 15.3472 22.8632 15.5998 23.0527C15.7893 23.2421 16.1051 23.3684 16.7998 23.3684C17.4946 23.3684 17.9367 23.1158 18.3788 22.6737C18.6946 22.3579 18.9472 22.2316 19.8314 21.6C20.5261 21.1579 21.5998 20.5895 21.7893 20.4C21.9156 20.2737 22.1051 20.2106 22.1051 19.8316C22.1051 19.5158 21.8525 19.3895 21.663 19.3263Z" fill="#FFC107"></path><path data-v-92e08b29="" d="M8.96865 19.5158C8.33707 18.5052 8.27391 18.3158 7.8318 17.6842C7.45286 17.0526 6.6318 15.8526 6.12654 15.8526C5.74759 15.8526 5.55812 16.0421 5.30549 16.2947C5.05286 16.5473 4.80023 17.1158 4.35812 17.4315C3.97917 17.7473 2.90549 17.6842 2.65286 18.0631C2.40023 18.4421 2.90549 19.0105 2.90549 19.9579C2.90549 20.3368 2.5897 20.5894 2.52654 20.8421C2.46338 21.1579 2.40023 21.3473 2.52654 21.6C2.77917 21.9789 3.09496 22.1052 5.24233 22.5473C6.37917 22.8 7.45286 23.4315 8.14759 23.4947C8.84233 23.5579 10.0423 23.4947 10.0423 21.7894C10.1055 20.7789 9.53707 20.5263 8.96865 19.5158Z" fill="#FFC107"></path><path data-v-92e08b29="" d="M10.1684 8.0842C9.78942 7.83157 9.47363 7.57894 9.47363 7.19999C9.47363 6.82105 9.72626 6.69473 10.1052 6.37894C10.1684 6.31578 10.8631 5.6842 11.5578 5.6842C12.2526 5.6842 13.0736 6.12631 13.3894 6.25262C13.9578 6.37894 14.5263 6.50526 14.4631 6.94736C14.3999 7.57894 14.3368 7.70526 13.7052 8.02105C13.2631 8.14736 12.4421 8.8421 11.8736 8.8421C11.621 8.8421 11.2421 8.8421 10.9894 8.77894C10.7999 8.71578 10.4842 8.39999 10.1684 8.0842Z" fill="#FFC107"></path><path data-v-92e08b29="" d="M10.0421 7.57894C10.1685 7.70526 10.3579 7.83157 10.5474 7.89473C10.6737 7.95789 10.8632 8.02105 10.8632 8.02105C11.1158 8.02105 11.3053 8.02105 11.4316 8.02105C11.7474 8.02105 12.1895 7.89473 12.6316 7.6421C13.0737 7.45262 13.1369 7.32631 13.4527 7.19999C13.7685 7.01052 14.0842 6.82105 13.9579 6.75789C13.8316 6.69473 13.7053 6.75789 13.2632 7.01052C12.8842 7.26315 12.5685 7.38947 12.1895 7.57894C12 7.6421 11.7474 7.76841 11.5579 7.76841C11.3685 7.76841 11.179 7.76841 10.9895 7.76841C10.8 7.76841 10.6737 7.70526 10.4842 7.6421C10.3579 7.57894 10.2948 7.51578 10.2316 7.51578C10.1053 7.45262 9.85267 7.19999 9.72635 7.13683C9.72635 7.13683 9.60003 7.13683 9.66319 7.19999C9.85267 7.38947 9.91582 7.45262 10.0421 7.57894Z" fill="#634703"></path><path data-v-92e08b29="" d="M11.937 6.1895C12.0002 6.31581 12.1265 6.31581 12.1896 6.37897C12.2528 6.44213 12.316 6.44213 12.316 6.44213C12.3791 6.37897 12.316 6.25265 12.2528 6.25265C12.2528 6.12634 11.937 6.12634 11.937 6.1895Z" fill="#634703"></path><path data-v-92e08b29="" d="M10.9263 6.31575C10.9263 6.37891 11.0526 6.44207 11.0526 6.37891C11.1157 6.31576 11.1789 6.2526 11.2421 6.2526C11.3684 6.18944 11.3052 6.12628 11.1157 6.12628C10.9894 6.18944 10.9894 6.2526 10.9263 6.31575Z" fill="#634703"></path><path data-v-92e08b29="" d="M17.0529 17.4948C17.0529 17.5579 17.0529 17.6211 17.0529 17.6842C17.1792 17.9369 17.495 18 17.7477 18C18.1266 18 18.5056 17.7474 18.695 17.4948C18.695 17.4316 18.7582 17.3684 18.8213 17.3053C18.9477 17.1158 19.0108 16.9895 19.074 16.9263C19.074 16.9263 19.0108 16.8632 19.0108 16.8C18.9477 16.6737 18.7582 16.5474 18.5056 16.4842C18.3161 16.4211 18.0003 16.3579 17.874 16.3579C17.3056 16.2948 16.9898 16.4842 16.8003 16.6737C16.8003 16.6737 16.8635 16.6737 16.8635 16.7369C16.9898 16.8632 17.0529 16.9895 17.0529 17.179C17.1161 17.3053 17.0529 17.3684 17.0529 17.4948Z" fill="#455A64"></path></svg></span>

src/tests/__snapshots__/WindowsIcon.html

@@ -0,0 +1 @@
+<span data-v-d7c67b3d="" class="kui-icon windows-icon" data-testid="kui-icon-wrapper-windows-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; height: 32px; line-height: 0; width: 32px;"><svg data-v-d7c67b3d="" data-testid="kui-icon-svg-windows-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d7c67b3d="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-d7c67b3d="" d="M1 4.15006L9.99656 2.91523V11.6094H1M11.0802 2.73883L23 1V11.5338H11.0802M1 12.5267H9.99656V21.246L1 19.986M11.0802 12.6426H23V23.0756L11.0802 21.3872" fill="#0078D6"></path></svg></span>