@bitrise/bitkit 13.92.0 → 13.94.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "13.92.0",
+  "version": "13.94.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"
@@ -38,7 +38,7 @@
     "@floating-ui/react-dom-interactions": "^0.8.1",
     "@fontsource/figtree": "^5.0.20",
     "@fontsource/source-code-pro": "^5.0.18",
-    "framer-motion": "^11.2.10",
+    "framer-motion": "^11.2.11",
     "luxon": "^3.4.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -57,38 +57,38 @@
     "@babel/preset-typescript": "^7.24.7",
     "@bitrise/eslint-plugin": "^2.12.0",
     "@chakra-ui/cli": "^2.4.1",
-    "@google-cloud/storage": "^7.11.1",
-    "@storybook/addon-actions": "^8.1.5",
-    "@storybook/addon-essentials": "^8.1.5",
-    "@storybook/addon-interactions": "^8.1.5",
-    "@storybook/addon-links": "^8.1.5",
-    "@storybook/addon-webpack5-compiler-swc": "^1.0.3",
-    "@storybook/blocks": "^8.1.5",
-    "@storybook/react": "^8.1.5",
-    "@storybook/react-webpack5": "^8.1.5",
-    "@storybook/theming": "^8.1.5",
+    "@google-cloud/storage": "^7.11.2",
+    "@storybook/addon-actions": "^8.1.10",
+    "@storybook/addon-essentials": "^8.1.10",
+    "@storybook/addon-interactions": "^8.1.10",
+    "@storybook/addon-links": "^8.1.10",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.4",
+    "@storybook/blocks": "^8.1.10",
+    "@storybook/react": "^8.1.10",
+    "@storybook/react-webpack5": "^8.1.10",
+    "@storybook/theming": "^8.1.10",
     "@testing-library/dom": "^10.1.0",
-    "@testing-library/jest-dom": "^6.4.5",
+    "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.12",
     "@types/luxon": "^3.4.2",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.12.0",
-    "@typescript-eslint/parser": "^7.12.0",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@typescript-eslint/parser": "^7.13.1",
     "axios": "^1.7.2",
     "eslint": "^8.57.0",
-    "glob": "^10.4.1",
+    "glob": "^10.4.2",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jsdom": "^24.1.0",
-    "prettier": "^3.3.1",
-    "react-hook-form": "^7.51.5",
+    "prettier": "^3.3.2",
+    "react-hook-form": "^7.52.0",
     "release-it": "^17.3.0",
-    "storybook": "^8.1.5",
-    "ts-jest": "^29.1.4",
-    "typescript": "^5.4.5"
+    "storybook": "^8.1.10",
+    "ts-jest": "^29.1.5",
+    "typescript": "^5.5.2"
   },
   "files": [
     "src",

package/src/Components/Icons/16x16/Linux.tsx

@@ -0,0 +1,22 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const Linux = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      d="M7.20717 4.17487C7.1191 4.15733 7.01341 4.16321 6.95474 4.23332C6.93126 4.25669 6.94297 4.32098 6.98408 4.33846C7.03689 4.36184 7.07214 4.30926 7.08385 4.26835L7.08565 4.26291C7.09106 4.24629 7.09739 4.22685 7.11325 4.22161C7.12556 4.2155 7.14084 4.21525 7.15611 4.215C7.16997 4.21478 7.18381 4.21456 7.1954 4.20995C7.22479 4.19824 7.21302 4.17487 7.20717 4.17487Z"
+      fill="currentColor"
+    />
+    <path
+      d="M7.62219 4.19098C7.64666 4.22753 7.68534 4.23867 7.72441 4.24992C7.74153 4.25485 7.75873 4.2598 7.77484 4.26692C7.80417 4.27863 7.8629 4.29618 7.88047 4.25526C7.91412 4.15 7.8023 4.15835 7.71545 4.16483C7.69622 4.16626 7.67822 4.16761 7.66329 4.16761L7.65533 4.1674C7.63589 4.16668 7.60688 4.16561 7.62219 4.19098Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5.92559 3.31448C5.87868 1.72564 6.50094 1.02396 7.79241 1.00059C9.08393 0.977215 9.89408 1.65503 10.0584 2.54318C10.1202 2.87689 10.1455 3.25019 10.1704 3.61845C10.2119 4.23033 10.2524 4.82833 10.4577 5.2077C10.5098 5.30408 10.559 5.39694 10.6071 5.48776C10.8623 5.96955 11.0871 6.39404 11.5613 6.98401C12.1249 7.6852 12.4771 8.3981 12.6415 9.26288L12.6563 9.34064C12.8111 10.1526 12.8869 10.5503 12.4771 10.9808C12.0544 11.4249 11.303 12.1494 10.7394 11.3314C10.6459 11.1957 10.58 11.049 10.5511 10.9095C10.5364 10.9112 10.5209 10.9117 10.5046 10.9107C10.3168 10.899 10.1172 10.9691 10.1054 11.4483C10.0956 11.8489 10.1022 11.8819 10.1527 12.1347C10.1626 12.1842 10.1741 12.2422 10.1876 12.313C10.2698 12.7454 10.2815 12.874 10.2111 13.3531L10.2 13.4279C10.1355 13.8598 10.0988 14.105 10.3989 14.3816C10.7159 14.6737 11.1973 14.5919 11.4439 14.4049C11.4937 14.3671 11.5527 14.3193 11.6186 14.2659C11.8784 14.055 12.2456 13.7572 12.5828 13.6453C12.6583 13.6202 12.7346 13.5963 12.8103 13.5725C13.1582 13.4634 13.4936 13.3581 13.6864 13.1662C13.9212 12.9324 13.8626 12.7688 13.616 12.6403C13.518 12.5892 13.4218 12.5676 13.3297 12.547C13.1901 12.5157 13.0599 12.4865 12.9467 12.3598C12.7589 12.1494 12.665 11.682 12.7354 11.4365C12.8059 11.1911 12.8881 11.2963 12.8881 11.4716C12.8881 11.6469 12.8998 11.8105 13.0759 12.0326C13.252 12.2546 13.4164 12.3598 13.6982 12.5351C13.98 12.7104 14.1561 12.9909 13.8038 13.2363L13.7905 13.2456C13.4466 13.4853 13.2483 13.6234 12.9585 13.7388C12.665 13.8556 12.1836 14.1361 11.8901 14.4283C11.853 14.4653 11.8179 14.5016 11.7838 14.537C11.5484 14.7813 11.3594 14.9776 10.8568 14.9776C10.2815 14.9776 10.0188 14.8402 9.84712 14.4984C9.74568 14.2965 9.68805 14.2952 9.50007 14.291C9.47048 14.2904 9.43767 14.2896 9.40094 14.288C9.13089 14.2764 8.22687 14.2647 7.52241 14.2764C6.81795 14.288 6.58309 14.4049 6.26608 14.662C6.22749 14.6933 6.19185 14.7238 6.15795 14.7527C5.91335 14.9616 5.75877 15.0936 5.23289 14.9191C5.03549 14.8536 4.86871 14.7856 4.70185 14.7176C4.36255 14.5792 4.0229 14.4406 3.42475 14.3231C2.89709 14.2194 2.84979 14.2057 2.78756 14.1876C2.74456 14.1751 2.69443 14.1605 2.47371 14.1128C1.93367 13.9959 1.96886 13.7388 2.0393 13.5284C2.0494 13.4983 2.06166 13.4658 2.07481 13.4309C2.15347 13.2222 2.264 12.9289 2.13322 12.5585C1.98063 12.1261 2.0393 11.682 2.45023 11.682C2.49884 11.682 2.54712 11.6831 2.59473 11.6842C2.9497 11.6927 3.26806 11.7002 3.41303 11.2262C3.5774 10.6886 3.62436 11.1094 3.5774 11.2496C3.5697 11.2726 3.56263 11.3022 3.55459 11.3358C3.51358 11.5075 3.44728 11.785 3.14298 11.8339C2.90998 11.8713 2.79245 11.8512 2.6795 11.832C2.61602 11.8211 2.55399 11.8105 2.47371 11.8105C2.25068 11.8105 2.1567 11.9625 2.27416 12.2196L2.29048 12.2552C2.40316 12.5014 2.51959 12.7557 2.49719 12.9675C2.47371 13.1895 2.45023 13.2713 2.28587 13.4817C2.12151 13.692 2.14499 13.7972 2.43852 13.8674C2.56208 13.8969 2.72725 13.9388 2.91388 13.9862C3.17061 14.0514 3.46798 14.1269 3.75353 14.1946C3.87923 14.2243 3.97518 14.2465 4.06257 14.2668C4.31781 14.3258 4.50066 14.3681 5.13897 14.5335C5.99603 14.7555 6.23089 14.3582 6.30133 13.879C6.36799 13.4256 6.07713 12.9931 5.78704 12.5618L5.73775 12.4884C5.68165 12.4046 5.62476 12.3185 5.56678 12.2307C5.30929 11.8409 5.03035 11.4186 4.70456 11.0275C4.30534 10.5484 4.07054 10.5133 3.87093 10.6185C3.67132 10.7237 3.63607 10.7003 3.62436 10.4315L3.6222 10.3848C3.61068 10.1413 3.60229 9.96397 3.8122 9.59013C4.03529 9.19276 4.2349 8.76037 4.4697 8.09427C4.63777 7.61755 4.79379 7.41614 5.01522 7.13029C5.10321 7.0167 5.20153 6.88977 5.31505 6.72693C5.51153 6.44511 5.56864 6.35578 5.60958 6.29175C5.65182 6.22568 5.67683 6.18656 5.81995 5.99071C6.03991 5.68962 6.03806 5.66633 6.0155 5.38152C6.00916 5.30148 6.00118 5.20078 5.99603 5.06748C5.98742 4.84465 5.97881 4.65639 5.9702 4.46812C5.95533 4.14296 5.94046 3.81775 5.92559 3.31448ZM10.9038 10.303C10.6521 10.3608 10.5417 10.5298 10.535 10.7368C10.5219 10.7359 10.5079 10.7354 10.4929 10.7354C10.1993 10.7354 9.9164 10.779 9.95193 11.4325C9.97553 11.8677 9.96437 12.1165 9.95333 12.3625C9.94717 12.4999 9.94104 12.6364 9.94104 12.8039C9.94104 13.1027 9.89786 13.3632 9.85444 13.6253C9.82993 13.7732 9.80534 13.9217 9.78839 14.0777C9.44172 14.1445 9.6348 13.4778 9.73509 13.1315L9.74933 13.0822C9.84325 12.755 9.76845 12.283 9.381 12.8439C8.99354 13.4049 8.29731 13.47 7.65152 13.4817C7.1419 13.4909 6.9979 13.3618 6.87904 13.2553C6.8473 13.2269 6.81734 13.2 6.7827 13.1778C6.61834 13.0727 6.50447 13.1802 6.69231 13.3205C6.88016 13.4608 7.02927 13.9842 6.64182 14.2063C6.82624 13.8276 6.60327 13.5278 6.18398 12.964L6.16044 12.9324C6.85314 12.6286 6.68878 12.2078 6.21912 11.8689C5.74951 11.53 5.18593 11.0275 4.79848 10.6652C4.45557 10.3446 4.40693 10.0972 4.37588 9.93927C4.37185 9.91876 4.36811 9.89975 4.36407 9.88229C4.32882 9.73035 4.33678 9.30055 4.48147 9.05254C4.54799 8.93843 4.57909 9.00376 4.54683 9.09538C4.51462 9.18705 4.47976 9.36351 4.4697 9.6135C4.45799 9.90566 4.52843 10.1277 4.73975 10.3263C4.95107 10.525 5.03328 10.4666 5.0098 10.1745C4.98632 9.88229 5.04505 9.37973 5.09201 9.13437C5.13897 8.88894 5.4325 8.1293 5.60858 7.87222C5.64124 7.82453 5.66987 7.78488 5.69469 7.75051C5.80366 7.59958 5.83908 7.55053 5.81995 7.36966C5.79647 7.14766 5.80819 6.83213 5.96084 6.57499C6.11348 6.31791 6.28956 5.93226 6.31304 5.78032C6.33652 5.62838 6.34829 5.59335 6.47746 5.73358C6.54567 5.80766 6.57458 5.86218 6.60225 5.91436C6.62695 5.96095 6.65067 6.00568 6.70049 6.06083C6.71902 6.08131 6.73899 6.10611 6.76066 6.13301C6.86259 6.25956 7.00206 6.43272 7.2054 6.42311C7.45191 6.41139 7.49893 6.39973 7.69848 6.21271C7.8616 6.05993 8.09529 5.91492 8.26498 5.80964C8.30294 5.78608 8.3377 5.76451 8.36775 5.74529C8.4469 5.69463 8.49883 5.6765 8.55106 5.65827C8.6073 5.63864 8.66389 5.61888 8.75521 5.55827C8.93134 5.44141 8.7904 5.28947 8.61432 5.40638C8.4382 5.52324 7.87461 5.76866 7.65152 5.85043C7.42843 5.93226 7.24059 5.93226 7.09971 5.88552C7.01126 5.85617 6.98296 5.83142 6.93348 5.78815C6.90414 5.76249 6.86735 5.73033 6.80618 5.68684C6.64182 5.56998 6.71226 5.54661 6.86491 5.55827C6.92321 5.56274 6.90953 5.5638 6.89787 5.5647C6.87901 5.56615 6.86544 5.5672 7.17015 5.58164C7.53172 5.59877 7.77336 5.47771 7.96911 5.37964C8.04034 5.34395 8.1055 5.31131 8.16814 5.28947C8.21773 5.27221 8.27097 5.25442 8.32545 5.23622C8.52898 5.16822 8.74971 5.09448 8.86084 5.02073C9.00178 4.92719 8.84913 4.77531 8.75521 4.88045C8.72831 4.91058 8.71682 4.93113 8.70777 4.9473C8.68523 4.9876 8.67786 5.00077 8.48516 5.06748C8.38648 5.10164 8.29973 5.13492 8.21636 5.1669C7.98481 5.25572 7.77931 5.33455 7.41672 5.39467C6.92358 5.4765 6.72397 5.39467 6.60657 5.21936C6.50406 5.06633 6.48213 5.05581 6.38439 5.00893C6.37019 5.00212 6.35439 4.99454 6.33652 4.98565C6.19564 4.91554 6.26608 4.64674 6.44221 4.52989C6.53575 4.46782 6.59617 4.41235 6.65512 4.35822C6.70717 4.31043 6.75809 4.26367 6.82966 4.21435C6.98231 4.10915 6.99402 4.0975 7.0175 3.94556C7.04098 3.79362 6.91187 3.55991 6.82966 3.48979C6.74745 3.41968 6.59486 3.41968 6.46569 3.53654C6.33652 3.65339 6.41873 4.03904 6.53613 4.13252C6.57526 4.16368 6.60787 4.17278 6.62962 4.17884C6.67311 4.19097 6.67313 4.19097 6.59486 4.33121C6.47746 4.54154 6.27785 4.26109 6.26608 3.67676C6.25437 3.09243 6.67701 2.92883 6.92358 3.06906C7.16928 3.20885 7.19346 3.56907 7.20527 3.74501L7.2054 3.74687C7.20833 3.79076 7.20685 3.83025 7.20557 3.86461C7.20171 3.96753 7.19958 4.02445 7.3228 4.01567C7.42962 4.00809 7.44718 4.01036 7.49151 4.0161C7.51538 4.01919 7.54702 4.02328 7.60456 4.02738C7.65658 4.03107 7.70155 4.04764 7.73724 4.06079C7.81429 4.08918 7.84802 4.10161 7.81589 3.9339C7.76893 3.68847 7.83942 3.34957 8.00378 3.13917C8.16814 2.92883 8.32079 2.90546 8.66128 2.97558C8.98415 3.04206 9.04309 3.23467 9.1284 3.51347L9.14266 3.55991C9.23658 3.86373 9.2131 4.19098 9.11918 4.29618C9.02526 4.40132 8.83736 4.30783 8.80217 4.24938C8.78742 4.22495 8.80145 4.18621 8.82189 4.12973C8.85032 4.05118 8.89117 3.93832 8.88432 3.78196C8.87261 3.51316 8.52035 3.3846 8.30903 3.47808C8.0977 3.57162 8.03898 3.94556 8.1329 4.13252C8.22687 4.31955 8.60256 4.4364 8.88432 4.51817C9.16614 4.6 9.27183 4.7052 9.13089 5.09085C8.99001 5.4765 9.10741 5.69855 9.37746 6.03746C9.61925 6.34089 9.7481 6.85042 9.81453 7.11312C9.8223 7.14383 9.82921 7.17116 9.83535 7.1944C9.86415 7.30328 9.94375 7.44587 10.0437 7.62493C10.1476 7.81105 10.2735 8.03659 10.3872 8.30461C10.5808 8.76099 10.5739 9.29072 10.5688 9.69266C10.568 9.75387 10.5672 9.81211 10.5672 9.86668C10.5672 10.2171 10.6856 10.2084 10.8314 10.1978C10.8575 10.1959 10.8844 10.1939 10.9116 10.1939C11.0917 10.1939 11.2404 10.0693 11.3265 9.75763C11.4126 9.446 11.3885 8.95614 11.2226 8.44467C11.0674 7.9662 10.5216 7.16498 10.4185 7.03856C10.3508 6.95552 10.4509 6.99633 10.4859 7.01492C10.8659 7.21591 11.2694 8.0323 11.3884 8.33013C11.6466 8.97676 11.5222 9.56285 11.4283 9.89005C11.3685 10.0982 11.3689 10.0983 11.4476 10.1229C11.4926 10.137 11.5633 10.1591 11.6631 10.2329C11.937 10.4354 11.8822 10.4899 11.6552 10.3731C11.4283 10.2562 11.2091 10.2329 10.9038 10.303ZM4.80445 8.06513C4.84438 8.11362 4.89499 8.05548 4.95056 7.99163C4.97949 7.9584 5.00976 7.92361 5.04058 7.90153C5.12151 7.82779 5.15521 7.72407 5.13726 7.62267C5.12825 7.56735 5.03831 7.58577 5.0203 7.60419C4.98874 7.63654 4.97939 7.6801 4.96949 7.72626C4.96245 7.75905 4.95513 7.79316 4.93936 7.82548C4.92275 7.85952 4.89172 7.89105 4.86224 7.921C4.81193 7.97212 4.76616 8.01862 4.80445 8.06513ZM9.85154 5.62404C9.86537 5.63551 9.87861 5.64681 9.89131 5.65766C9.99632 5.74736 10.0646 5.80569 10.1274 5.66495C10.1979 5.50718 10.1979 5.4429 10.0276 5.37861C9.8574 5.31433 9.78104 5.24422 9.70475 5.15656C9.62845 5.06891 9.60132 5.21898 9.66364 5.3669C9.73142 5.52769 9.77408 5.56183 9.82972 5.60636C9.83676 5.61199 9.84401 5.61779 9.85154 5.62404ZM8.47864 3.62381C8.55736 3.62793 8.66742 3.77047 8.67814 3.93401C8.67985 3.95985 8.74642 3.95826 8.7604 3.93208C8.79349 3.87649 8.77845 3.81448 8.76238 3.74825C8.7598 3.73763 8.7572 3.72691 8.75476 3.71608C8.74062 3.65339 8.66388 3.58729 8.59897 3.55859C8.55565 3.53703 8.51234 3.52983 8.4546 3.53703C8.44018 3.54418 8.39118 3.61924 8.47864 3.62381ZM6.72927 3.58405C6.66945 3.58852 6.67568 3.62649 6.68194 3.66471C6.68338 3.67351 6.68482 3.68231 6.68546 3.69073C6.77385 3.74024 6.79281 3.84382 6.80986 3.93694C6.81243 3.95097 6.81496 3.96477 6.81767 3.97811C6.8206 4.01666 6.87773 3.99945 6.88319 3.98608C6.91659 3.92703 6.896 3.86172 6.87456 3.79369C6.86659 3.76841 6.85851 3.74275 6.85303 3.71691C6.83618 3.66648 6.80275 3.61083 6.75463 3.57563C6.75026 3.57191 6.74393 3.57598 6.73823 3.57965C6.73485 3.58183 6.73168 3.58386 6.72927 3.58405ZM8.97128 1.79311C8.89857 1.73389 8.78482 1.71063 8.75029 1.80686C8.73002 1.85528 8.72641 1.90369 8.72269 1.9535C8.72008 1.98855 8.71741 2.02428 8.70885 2.06119C8.70885 2.07766 8.69646 2.08673 8.68208 2.09727C8.67244 2.10432 8.66191 2.11203 8.65361 2.12306C8.62598 2.15742 8.63289 2.19867 8.6467 2.21242C8.69651 2.262 8.77507 2.20429 8.84868 2.15021C8.87712 2.12932 8.90483 2.10897 8.92984 2.09556C8.96309 2.07571 9.00274 2.07815 9.04339 2.08066C9.08719 2.08337 9.13216 2.08614 9.17155 2.06119C9.19227 2.04744 9.19918 2.01307 9.17846 1.98558C9.14166 1.92279 9.08486 1.87992 9.02632 1.83574C9.00796 1.82188 8.98942 1.80789 8.97128 1.79311Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Linux;

package/src/Components/Icons/16x16/Ubuntu.tsx

@@ -0,0 +1,15 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const Ubuntu = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      id="Vector"
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM9.91276 4.68702C9.4658 4.42897 9.31266 3.85744 9.57071 3.41048C9.82876 2.96352 10.4003 2.81038 10.8472 3.06843C11.2942 3.32648 11.4474 3.89801 11.1893 4.34497C10.9312 4.79193 10.3597 4.94507 9.91276 4.68702ZM3.24 8.93449C3.75611 8.93449 4.1745 8.51611 4.1745 8C4.1745 7.4839 3.75611 7.06551 3.24 7.06551C2.7239 7.06551 2.30551 7.4839 2.30551 8C2.30551 8.51611 2.7239 8.93449 3.24 8.93449ZM9.91275 11.313C10.3597 11.0549 10.9312 11.2081 11.1893 11.655C11.4473 12.102 11.2942 12.6735 10.8472 12.9316C10.4003 13.1896 9.82875 13.0365 9.5707 12.5895C9.31265 12.1426 9.46579 11.571 9.91275 11.313ZM9.08413 4.08636C9.14491 4.46244 9.3681 4.80907 9.72374 5.0144C10.079 5.21952 10.4904 5.23966 10.8462 5.1047C11.5395 5.78632 11.9891 6.71503 12.0523 7.74817H10.7185C10.5914 6.35848 9.42282 5.27 7.99999 5.27C7.5925 5.27 7.20587 5.35928 6.85857 5.51935L6.19155 4.36402C6.73611 4.09264 7.35023 3.94 7.99999 3.94C8.37546 3.94 8.73902 3.99097 9.08413 4.08636ZM7.99999 12.06C8.37546 12.06 8.73903 12.009 9.08415 11.9136C9.14493 11.5376 9.36812 11.1909 9.72376 10.9856C10.079 10.7805 10.4904 10.7604 10.8462 10.8953C11.5395 10.2137 11.9891 9.28497 12.0523 8.25183H10.7185C10.5914 9.64152 9.42283 10.73 7.99999 10.73C7.59251 10.73 7.20588 10.6407 6.85859 10.4807L6.19156 11.636C6.73612 11.9074 7.35023 12.06 7.99999 12.06ZM4.06865 9.01792C4.36394 8.77725 4.55252 8.41065 4.55252 8C4.55252 7.58936 4.36394 7.22276 4.06865 6.98209C4.32212 6.00034 4.93362 5.16254 5.75559 4.61624L6.42261 5.77156C5.72516 6.26613 5.26999 7.07991 5.26999 8C5.26999 8.9201 5.72517 9.73388 6.42263 10.2285L5.75561 11.3838C4.93363 10.8375 4.32212 9.99967 4.06865 9.01792Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Ubuntu;

package/src/Components/Icons/16x16/UbuntuColor.tsx

@@ -0,0 +1,36 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const UbuntuColor = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15Z"
+      fill="#F47421"
+    />
+    <path
+      d="M9.57071 3.41048C9.31266 3.85744 9.4658 4.42897 9.91276 4.68702C10.3597 4.94507 10.9312 4.79193 11.1893 4.34497C11.4474 3.89801 11.2942 3.32648 10.8472 3.06843C10.4003 2.81038 9.82876 2.96352 9.57071 3.41048Z"
+      fill="white"
+    />
+    <path
+      d="M4.1745 8C4.1745 8.51611 3.75611 8.93449 3.24 8.93449C2.7239 8.93449 2.30551 8.51611 2.30551 8C2.30551 7.4839 2.7239 7.06551 3.24 7.06551C3.75611 7.06551 4.1745 7.4839 4.1745 8Z"
+      fill="white"
+    />
+    <path
+      d="M9.91275 11.313C10.3597 11.0549 10.9312 11.2081 11.1893 11.655C11.4473 12.102 11.2942 12.6735 10.8472 12.9316C10.4003 13.1896 9.82875 13.0365 9.5707 12.5895C9.31265 12.1426 9.46579 11.571 9.91275 11.313Z"
+      fill="white"
+    />
+    <path
+      d="M9.72374 5.0144C9.3681 4.80907 9.14491 4.46244 9.08413 4.08636C8.73902 3.99097 8.37546 3.94 7.99999 3.94C7.35023 3.94 6.73611 4.09264 6.19155 4.36402L6.85857 5.51935C7.20587 5.35928 7.5925 5.27 7.99999 5.27C9.42282 5.27 10.5914 6.35848 10.7185 7.74817H12.0523C11.9891 6.71503 11.5395 5.78632 10.8462 5.1047C10.4904 5.23966 10.079 5.21952 9.72374 5.0144Z"
+      fill="white"
+    />
+    <path
+      d="M7.99999 12.06C8.37546 12.06 8.73903 12.009 9.08415 11.9136C9.14493 11.5376 9.36812 11.1909 9.72376 10.9856C10.079 10.7805 10.4904 10.7604 10.8462 10.8953C11.5395 10.2137 11.9891 9.28497 12.0523 8.25183H10.7185C10.5914 9.64152 9.42283 10.73 7.99999 10.73C7.59251 10.73 7.20588 10.6407 6.85859 10.4807L6.19156 11.636C6.73612 11.9074 7.35023 12.06 7.99999 12.06Z"
+      fill="white"
+    />
+    <path
+      d="M4.55252 8C4.55252 8.41065 4.36394 8.77725 4.06865 9.01792C4.32212 9.99967 4.93363 10.8375 5.75561 11.3838L6.42263 10.2285C5.72517 9.73388 5.26999 8.9201 5.26999 8C5.26999 7.07991 5.72516 6.26613 6.42261 5.77156L5.75559 4.61624C4.93362 5.16254 4.32212 6.00034 4.06865 6.98209C4.36394 7.22276 4.55252 7.58936 4.55252 8Z"
+      fill="white"
+    />
+  </Icon>
+));
+
+export default UbuntuColor;

package/src/Components/Icons/16x16/index.ts

@@ -246,3 +246,6 @@ export { default as Xamarin } from './Xamarin';
 export { default as XTwitter } from './XTwitter';
 export { default as OutsideContributor } from './OutsideContributor';
 export { default as Dashboard } from './Dashboard';
+export { default as Linux } from './Linux';
+export { default as Ubuntu } from './Ubuntu';
+export { default as UbuntuColor } from './UbuntuColor';

package/src/Components/Icons/24x24/Linux.tsx

@@ -0,0 +1,22 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const Linux = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      d="M10.3709 6.57632C10.2461 6.55139 10.0962 6.55975 10.013 6.65936C9.9797 6.69257 9.9963 6.78389 10.0546 6.80874C10.1295 6.84194 10.1795 6.76725 10.1961 6.70913L10.1986 6.70139C10.2063 6.67778 10.2153 6.65017 10.2378 6.64272C10.2552 6.63404 10.2769 6.63369 10.2985 6.63334C10.3182 6.63302 10.3378 6.6327 10.3542 6.62616C10.3959 6.60952 10.3792 6.57632 10.3709 6.57632Z"
+      fill="currentColor"
+    />
+    <path
+      d="M10.9594 6.59921C10.9941 6.65114 11.049 6.66696 11.1044 6.68294C11.1287 6.68995 11.153 6.69698 11.1759 6.7071C11.2175 6.72374 11.3008 6.74866 11.3257 6.69054C11.3734 6.54098 11.2148 6.55284 11.0917 6.56206C11.0644 6.56409 11.0389 6.566 11.0177 6.566L11.0064 6.56571C10.9789 6.56469 10.9377 6.56316 10.9594 6.59921Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8.55365 5.35397C8.48714 3.09671 9.3695 2.09983 11.2008 2.06663C13.0322 2.03343 14.181 2.99639 14.414 4.25819C14.5016 4.73228 14.5375 5.26263 14.5728 5.78582C14.6316 6.65511 14.6891 7.50469 14.9801 8.04366C15.0541 8.18059 15.1238 8.31251 15.192 8.44153C15.5539 9.12601 15.8727 9.72908 16.5451 10.5673C17.3442 11.5634 17.8437 12.5762 18.0768 13.8048L18.0978 13.9153C18.3173 15.0689 18.4248 15.6338 17.8437 16.2455C17.2443 16.8764 16.1788 17.9058 15.3797 16.7436C15.2471 16.5507 15.1536 16.3423 15.1126 16.1442C15.0918 16.1466 15.0698 16.1473 15.0467 16.1458C14.7804 16.1293 14.4973 16.2289 14.4806 16.9096C14.4667 17.4788 14.4761 17.5256 14.5476 17.8848C14.5617 17.9551 14.5781 18.0376 14.5972 18.1382C14.7137 18.7525 14.7304 18.9351 14.6305 19.6158L14.6147 19.7221C14.5232 20.3356 14.4713 20.684 14.8968 21.0769C15.3464 21.4919 16.029 21.3758 16.3786 21.1101C16.4493 21.0564 16.5329 20.9885 16.6263 20.9125C16.9948 20.613 17.5154 20.1899 17.9935 20.0309C18.1006 19.9953 18.2088 19.9613 18.3161 19.9276C18.8095 19.7725 19.2851 19.6229 19.5585 19.3502C19.8915 19.0181 19.8083 18.7857 19.4586 18.6031C19.3196 18.5305 19.1832 18.4999 19.0526 18.4705C18.8547 18.4261 18.6701 18.3846 18.5096 18.2046C18.2433 17.9058 18.1101 17.2416 18.21 16.893C18.3099 16.5443 18.4264 16.6937 18.4264 16.9428C18.4264 17.1919 18.443 17.4243 18.6928 17.7398C18.9425 18.0551 19.1756 18.2046 19.5751 18.4537C19.9748 18.7027 20.2245 19.1012 19.725 19.4498L19.7061 19.463C19.2184 19.8035 18.9373 19.9998 18.5263 20.1637C18.1101 20.3298 17.4275 20.7283 17.0113 21.1433C16.9587 21.1958 16.909 21.2475 16.8607 21.2977C16.5268 21.6449 16.2588 21.9237 15.5461 21.9237C14.7304 21.9237 14.3578 21.7285 14.1144 21.243C13.9705 20.956 13.8888 20.9542 13.6223 20.9483C13.5803 20.9473 13.5338 20.9463 13.4817 20.944C13.0988 20.9275 11.8169 20.9108 10.8179 20.9275C9.81902 20.944 9.48599 21.1101 9.03647 21.4754C8.98175 21.5198 8.93122 21.5631 8.88314 21.6042C8.5363 21.901 8.31711 22.0885 7.57141 21.8406C7.2915 21.7476 7.05501 21.651 6.81841 21.5543C6.33727 21.3577 5.85565 21.1609 5.00747 20.9939C4.25925 20.8466 4.19218 20.8271 4.10394 20.8014C4.04296 20.7836 3.97188 20.7629 3.65891 20.6951C2.89312 20.529 2.94303 20.1637 3.04291 19.8649C3.05722 19.8221 3.07461 19.7759 3.09327 19.7263C3.2048 19.4298 3.36153 19.0131 3.17609 18.4869C2.95971 17.8726 3.04291 17.2416 3.62561 17.2416C3.69453 17.2416 3.76299 17.2433 3.83051 17.2449C4.33386 17.2568 4.7853 17.2675 4.99086 16.5941C5.22393 15.8304 5.29052 16.4281 5.22393 16.6273C5.21301 16.66 5.20298 16.702 5.19158 16.7499C5.13344 16.9937 5.03942 17.3881 4.60793 17.4575C4.27753 17.5106 4.11087 17.4821 3.95072 17.4547C3.8607 17.4393 3.77273 17.4243 3.65891 17.4243C3.34265 17.4243 3.20939 17.6401 3.37594 18.0054L3.39908 18.0561C3.55886 18.4057 3.72396 18.7671 3.6922 19.068C3.65891 19.3834 3.62561 19.4996 3.39255 19.7985C3.15948 20.0973 3.19278 20.2468 3.609 20.3464C3.78421 20.3883 4.01842 20.4479 4.28306 20.5152C4.6471 20.6078 5.06877 20.7151 5.47368 20.8112C5.65192 20.8536 5.78798 20.8851 5.9119 20.9138C6.27383 20.9977 6.53311 21.0578 7.43824 21.2927C8.65354 21.6082 8.98657 21.0437 9.08645 20.363C9.18097 19.7188 8.76855 19.1044 8.35719 18.4915L8.28729 18.3873C8.20775 18.2683 8.12708 18.1459 8.04486 18.0212C7.67975 17.4674 7.28421 16.8674 6.82224 16.3119C6.25615 15.6312 5.9232 15.5813 5.64015 15.7308C5.35711 15.8802 5.30712 15.847 5.29052 15.4651L5.28746 15.3988C5.27112 15.0527 5.25922 14.8009 5.55688 14.2698C5.87322 13.7052 6.15626 13.0909 6.48921 12.1446C6.72753 11.4673 6.94877 11.1812 7.26275 10.7751C7.38753 10.6137 7.52695 10.4334 7.68791 10.202C7.96652 9.80164 8.04751 9.67472 8.10556 9.58376C8.16546 9.4899 8.20092 9.43432 8.40387 9.15608C8.71576 8.72832 8.71314 8.69523 8.68115 8.2906C8.67216 8.17689 8.66084 8.03383 8.65354 7.84444C8.64133 7.52787 8.62912 7.26041 8.61691 6.99295C8.59583 6.53099 8.57474 6.06897 8.55365 5.35397ZM15.6127 15.2825C15.2559 15.3646 15.0993 15.6048 15.0898 15.8988C15.0713 15.8975 15.0514 15.8968 15.03 15.8968C14.6138 15.8968 14.2126 15.9588 14.263 16.8872C14.2965 17.5054 14.2806 17.859 14.265 18.2084C14.2562 18.4036 14.2476 18.5975 14.2476 18.8355C14.2476 19.26 14.1863 19.6302 14.1248 20.0025C14.09 20.2127 14.0551 20.4236 14.0311 20.6452C13.5395 20.7401 13.8133 19.793 13.9555 19.301L13.9757 19.2309C14.1089 18.7661 14.0028 18.0955 13.4534 18.8924C12.904 19.6894 11.9168 19.7819 11.001 19.7985C10.2784 19.8116 10.0742 19.6282 9.90565 19.4769C9.86064 19.4364 9.81816 19.3983 9.76904 19.3668C9.53597 19.2174 9.37451 19.3702 9.64087 19.5695C9.90723 19.7687 10.1187 20.5124 9.56927 20.8279C9.83078 20.29 9.5146 19.864 8.92005 19.0631L8.88668 19.0181C9.86892 18.5865 9.63586 17.9887 8.96988 17.5073C8.30398 17.0258 7.50482 16.3119 6.95542 15.7972C6.46917 15.3417 6.4002 14.9902 6.35618 14.7658C6.35046 14.7366 6.34516 14.7096 6.33942 14.6848C6.28944 14.469 6.30072 13.8583 6.5059 13.506C6.60022 13.3439 6.64433 13.4367 6.59858 13.5669C6.5529 13.6971 6.50347 13.9478 6.48921 14.303C6.4726 14.718 6.57249 15.0334 6.87214 15.3157C7.1718 15.598 7.28837 15.5149 7.25507 15.0999C7.22178 14.6848 7.30506 13.9708 7.37164 13.6223C7.43823 13.2736 7.85446 12.1944 8.10413 11.8291C8.15045 11.7614 8.19105 11.705 8.22624 11.6562C8.38077 11.4418 8.43099 11.3721 8.40387 11.1151C8.37057 10.7998 8.38718 10.3515 8.60364 9.98616C8.82009 9.62093 9.06977 9.07304 9.10306 8.85718C9.13635 8.64132 9.15304 8.59155 9.3362 8.79077C9.43293 8.89602 9.47392 8.97347 9.51316 9.04761C9.54818 9.1138 9.58182 9.17735 9.65247 9.25569C9.67874 9.2848 9.70706 9.32002 9.73778 9.35824C9.88232 9.53803 10.0801 9.78404 10.3684 9.77038C10.718 9.75374 10.7847 9.73718 11.0676 9.47147C11.2989 9.25441 11.6303 9.04841 11.8709 8.89883C11.9247 8.86536 11.974 8.83472 12.0166 8.80741C12.1289 8.73544 12.2025 8.70969 12.2766 8.68378C12.3563 8.65589 12.4366 8.62782 12.566 8.54171C12.8158 8.37569 12.6159 8.15983 12.3663 8.32593C12.1165 8.49194 11.3174 8.84061 11.001 8.95678C10.6847 9.07303 10.4183 9.07303 10.2186 9.00663C10.0931 8.96494 10.053 8.92978 9.98284 8.8683C9.94124 8.83185 9.88908 8.78615 9.80233 8.72436C9.56927 8.55835 9.66915 8.52514 9.88561 8.54171C9.96829 8.54807 9.94888 8.54956 9.93234 8.55084C9.9056 8.55291 9.88637 8.55439 10.3184 8.57491C10.8311 8.59925 11.1738 8.42726 11.4514 8.28793C11.5524 8.23723 11.6448 8.19085 11.7336 8.15983C11.8039 8.1353 11.8794 8.11003 11.9567 8.08417C12.2453 7.98757 12.5582 7.8828 12.7158 7.77804C12.9157 7.64514 12.6992 7.42936 12.566 7.57874C12.5279 7.62154 12.5116 7.65073 12.4988 7.67371C12.4668 7.73096 12.4564 7.74967 12.1831 7.84444C12.0432 7.89298 11.9202 7.94026 11.802 7.98569C11.4736 8.11188 11.1822 8.22387 10.6681 8.30929C9.96881 8.42554 9.68576 8.30929 9.51929 8.06022C9.37393 7.84282 9.34283 7.82787 9.20423 7.76126C9.1841 7.75159 9.1617 7.74082 9.13636 7.72819C8.93659 7.62858 9.03647 7.24671 9.28622 7.08069C9.41887 6.99252 9.50453 6.91371 9.58813 6.8368C9.66194 6.7689 9.73414 6.70248 9.83563 6.63241C10.0521 6.48296 10.0687 6.46639 10.102 6.25054C10.1353 6.03468 9.9522 5.70264 9.83563 5.60303C9.71906 5.50343 9.50268 5.50343 9.31952 5.66944C9.13635 5.83546 9.25293 6.38335 9.4194 6.51616C9.47489 6.56043 9.52113 6.57334 9.55196 6.58196C9.61364 6.59919 9.61367 6.5992 9.50268 6.79843C9.3362 7.09725 9.05316 6.69882 9.03647 5.86866C9.01986 5.0385 9.61917 4.80608 9.96881 5.0053C10.3172 5.20389 10.3515 5.71566 10.3682 5.96563L10.3684 5.96827C10.3726 6.03061 10.3705 6.08672 10.3687 6.13554C10.3632 6.28175 10.3602 6.36262 10.5349 6.35014C10.6864 6.33938 10.7113 6.34261 10.7741 6.35075C10.808 6.35514 10.8528 6.36096 10.9344 6.36679C11.0082 6.37203 11.072 6.39557 11.1226 6.41424C11.2318 6.45458 11.2797 6.47223 11.2341 6.23397C11.1675 5.8853 11.2675 5.40382 11.5005 5.10491C11.7336 4.80608 11.9501 4.77288 12.4329 4.87249C12.8907 4.96694 12.9743 5.24059 13.0952 5.63668L13.1155 5.70264C13.2486 6.13428 13.2153 6.59921 13.0822 6.74866C12.949 6.89804 12.6825 6.76522 12.6326 6.68218C12.6117 6.64747 12.6316 6.59243 12.6606 6.51219C12.7009 6.4006 12.7588 6.24026 12.7491 6.01811C12.7325 5.63624 12.233 5.45358 11.9334 5.58639C11.6337 5.71928 11.5504 6.25054 11.6836 6.51616C11.8169 6.78186 12.3496 6.94788 12.7491 7.06405C13.1487 7.1803 13.2986 7.32975 13.0988 7.87764C12.899 8.42554 13.0655 8.741 13.4484 9.22249C13.7913 9.65358 13.974 10.3775 14.0682 10.7507C14.0792 10.7943 14.089 10.8331 14.0977 10.8662C14.1385 11.0208 14.2514 11.2234 14.3931 11.4778C14.5405 11.7422 14.719 12.0627 14.8802 12.4434C15.1547 13.0918 15.145 13.8444 15.1377 14.4154C15.1365 14.5024 15.1355 14.5851 15.1355 14.6626C15.1355 15.1605 15.3033 15.1482 15.5101 15.1331C15.5471 15.1304 15.5852 15.1276 15.6239 15.1276C15.8792 15.1276 16.0901 14.9505 16.2121 14.5077C16.3342 14.065 16.3001 13.3691 16.0648 12.6424C15.8447 11.9626 15.0708 10.8244 14.9246 10.6448C14.8285 10.5268 14.9705 10.5848 15.0202 10.6112C15.5591 10.8967 16.1311 12.0566 16.2999 12.4797C16.6661 13.3983 16.4896 14.231 16.3564 14.6958C16.2717 14.9915 16.2723 14.9917 16.3838 15.0267C16.4477 15.0467 16.5479 15.0781 16.6894 15.1829C17.0779 15.4707 17.0001 15.5481 16.6782 15.3821C16.3564 15.2161 16.0456 15.1829 15.6127 15.2825ZM6.96388 12.1032C7.0205 12.1721 7.09226 12.0895 7.17106 11.9988C7.21209 11.9516 7.25502 11.9021 7.29871 11.8708C7.41348 11.766 7.46127 11.6187 7.43581 11.4746C7.42304 11.396 7.2955 11.4222 7.26996 11.4483C7.22521 11.4943 7.21195 11.5562 7.19791 11.6218C7.18792 11.6684 7.17754 11.7168 7.15519 11.7627C7.13163 11.8111 7.08763 11.8559 7.04583 11.8984C6.97449 11.9711 6.90959 12.0371 6.96388 12.1032ZM14.1206 8.63514C14.1403 8.65144 14.159 8.66751 14.177 8.68292C14.3259 8.81035 14.4228 8.89322 14.5119 8.69327C14.6118 8.46913 14.6118 8.3778 14.3703 8.28647C14.1289 8.19514 14.0207 8.09554 13.9125 7.971C13.8043 7.84647 13.7658 8.05968 13.8542 8.26983C13.9503 8.49827 14.0108 8.54677 14.0897 8.61003C14.0997 8.61803 14.11 8.62627 14.1206 8.63514ZM12.1739 5.79343C12.2855 5.79928 12.4416 6.00178 12.4568 6.23413C12.4592 6.27085 12.5536 6.26858 12.5734 6.23139C12.6203 6.15241 12.599 6.06432 12.5762 5.97022C12.5726 5.95514 12.5689 5.9399 12.5654 5.92452C12.5454 5.83546 12.4365 5.74155 12.3445 5.70077C12.2831 5.67014 12.2217 5.65991 12.1398 5.67014C12.1193 5.6803 12.0499 5.78694 12.1739 5.79343ZM9.69328 5.73694C9.60845 5.74329 9.61728 5.79724 9.62616 5.85154C9.6282 5.86403 9.63025 5.87655 9.63116 5.8885C9.75649 5.95884 9.78338 6.10599 9.80755 6.23829C9.8112 6.25823 9.81478 6.27783 9.81863 6.29678C9.82278 6.35155 9.90378 6.3271 9.91154 6.30811C9.95889 6.22421 9.9297 6.13143 9.8993 6.03478C9.888 5.99886 9.87653 5.96241 9.86877 5.92569C9.84487 5.85405 9.79747 5.77499 9.72924 5.72499C9.72304 5.71969 9.71407 5.72548 9.70598 5.73069C9.70118 5.73379 9.69669 5.73668 9.69328 5.73694ZM12.8724 3.19257C12.7693 3.10843 12.608 3.07538 12.5591 3.2121C12.5303 3.28088 12.5252 3.34967 12.5199 3.42043C12.5162 3.47022 12.5125 3.52099 12.5003 3.57343C12.5003 3.59682 12.4828 3.60971 12.4623 3.62468C12.4487 3.6347 12.4338 3.64565 12.422 3.66132C12.3828 3.71014 12.3926 3.76874 12.4122 3.78827C12.4828 3.85871 12.5942 3.77672 12.6986 3.6999C12.7389 3.67022 12.7782 3.6413 12.8137 3.62225C12.8608 3.59405 12.917 3.59752 12.9747 3.60109C13.0368 3.60493 13.1006 3.60888 13.1564 3.57343C13.1858 3.55389 13.1956 3.50507 13.1662 3.466C13.114 3.3768 13.0335 3.31589 12.9505 3.25313C12.9244 3.23343 12.8982 3.21356 12.8724 3.19257Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Linux;

package/src/Components/Icons/24x24/Ubuntu.tsx

@@ -0,0 +1,15 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const Ubuntu = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      id="Vector"
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM14.7325 7.26717C14.094 6.89852 13.8752 6.08206 14.2439 5.44354C14.6125 4.80503 15.429 4.58626 16.0675 4.9549C16.706 5.32355 16.9248 6.14002 16.5561 6.77853C16.1875 7.41705 15.371 7.63582 14.7325 7.26717ZM5.20001 13.335C5.9373 13.335 6.535 12.7373 6.535 12C6.535 11.2627 5.9373 10.665 5.20001 10.665C4.46271 10.665 3.86502 11.2627 3.86502 12C3.86502 12.7373 4.46271 13.335 5.20001 13.335ZM14.7325 16.7328C15.371 16.3642 16.1875 16.583 16.5561 17.2215C16.9248 17.86 16.706 18.6765 16.0675 19.0451C15.429 19.4137 14.6125 19.195 14.2439 18.5565C13.8752 17.9179 14.094 17.1015 14.7325 16.7328ZM13.5488 6.40909C13.6356 6.94634 13.9544 7.44153 14.4625 7.73486C14.97 8.02789 15.5576 8.05666 16.066 7.86386C17.0564 8.83759 17.6987 10.1643 17.789 11.6402H15.8836C15.702 9.65497 14.0326 8.10001 12 8.10001C11.4179 8.10001 10.8655 8.22755 10.3694 8.45621L9.41649 6.80574C10.1944 6.41806 11.0718 6.20001 12 6.20001C12.5364 6.20001 13.0557 6.27282 13.5488 6.40909ZM12 17.8C12.5364 17.8 13.0558 17.7272 13.5488 17.5909C13.6356 17.0537 13.9545 16.5585 14.4625 16.2652C14.9701 15.9721 15.5577 15.9434 16.066 16.1362C17.0564 15.1624 17.6987 13.8357 17.789 12.3598H15.8836C15.702 14.345 14.0326 15.9 12 15.9C11.4179 15.9 10.8655 15.7725 10.3694 15.5438L9.41652 17.1943C10.1945 17.582 11.0718 17.8 12 17.8ZM6.38379 13.4542C6.80563 13.1104 7.07503 12.5866 7.07503 12C7.07503 11.4134 6.80563 10.8897 6.38379 10.5458C6.74588 9.14335 7.61946 7.94648 8.79371 7.16606L9.74659 8.81651C8.75023 9.52305 8.09999 10.6856 8.09999 12C8.09999 13.3144 8.75024 14.477 9.74661 15.1835L8.79373 16.834C7.61947 16.0535 6.74589 14.8567 6.38379 13.4542Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Ubuntu;

package/src/Components/Icons/24x24/UbuntuColor.tsx

@@ -0,0 +1,36 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const UbuntuColor = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+      fill="#F47421"
+    />
+    <path
+      d="M14.2439 5.44354C13.8752 6.08206 14.094 6.89852 14.7325 7.26717C15.371 7.63582 16.1875 7.41705 16.5561 6.77853C16.9248 6.14002 16.706 5.32355 16.0675 4.9549C15.429 4.58626 14.6125 4.80503 14.2439 5.44354Z"
+      fill="white"
+    />
+    <path
+      d="M6.535 12C6.535 12.7373 5.9373 13.335 5.20001 13.335C4.46271 13.335 3.86502 12.7373 3.86502 12C3.86502 11.2627 4.46271 10.665 5.20001 10.665C5.9373 10.665 6.535 11.2627 6.535 12Z"
+      fill="white"
+    />
+    <path
+      d="M14.7325 16.7328C15.371 16.3642 16.1875 16.583 16.5561 17.2215C16.9248 17.86 16.706 18.6765 16.0675 19.0451C15.429 19.4137 14.6125 19.195 14.2439 18.5565C13.8752 17.9179 14.094 17.1015 14.7325 16.7328Z"
+      fill="white"
+    />
+    <path
+      d="M14.4625 7.73486C13.9544 7.44153 13.6356 6.94634 13.5488 6.40909C13.0557 6.27282 12.5364 6.20001 12 6.20001C11.0718 6.20001 10.1944 6.41806 9.41649 6.80574L10.3694 8.45621C10.8655 8.22755 11.4179 8.10001 12 8.10001C14.0326 8.10001 15.702 9.65497 15.8836 11.6402H17.789C17.6987 10.1643 17.0564 8.83759 16.066 7.86386C15.5576 8.05666 14.97 8.02789 14.4625 7.73486Z"
+      fill="white"
+    />
+    <path
+      d="M12 17.8C12.5364 17.8 13.0558 17.7272 13.5488 17.5909C13.6356 17.0537 13.9545 16.5585 14.4625 16.2652C14.9701 15.9721 15.5577 15.9434 16.066 16.1362C17.0564 15.1624 17.6987 13.8357 17.789 12.3598H15.8836C15.702 14.345 14.0326 15.9 12 15.9C11.4179 15.9 10.8655 15.7725 10.3694 15.5438L9.41652 17.1943C10.1945 17.582 11.0718 17.8 12 17.8Z"
+      fill="white"
+    />
+    <path
+      d="M7.07503 12C7.07503 12.5866 6.80563 13.1104 6.38379 13.4542C6.74589 14.8567 7.61947 16.0535 8.79373 16.834L9.74661 15.1835C8.75024 14.477 8.09999 13.3144 8.09999 12C8.09999 10.6856 8.75023 9.52305 9.74659 8.81651L8.79371 7.16606C7.61946 7.94648 6.74588 9.14335 6.38379 10.5458C6.80563 10.8897 7.07503 11.4134 7.07503 12Z"
+      fill="white"
+    />
+  </Icon>
+));
+
+export default UbuntuColor;

package/src/Components/Icons/24x24/index.ts

@@ -246,3 +246,6 @@ export { default as Xamarin } from './Xamarin';
 export { default as XTwitter } from './XTwitter';
 export { default as OutsideContributor } from './OutsideContributor';
 export { default as Dashboard } from './Dashboard';
+export { default as Linux } from './Linux';
+export { default as Ubuntu } from './Ubuntu';
+export { default as UbuntuColor } from './UbuntuColor';

package/src/Components/SelectableTag/SelectableTag.theme.ts

@@ -0,0 +1,35 @@
+import { defineStyleConfig } from '@chakra-ui/styled-system';
+import tokensToTheme from '../../tokens/tokensToTheme.json';
+
+const SelectableTagTheme = defineStyleConfig({
+  baseStyle: {
+    px: '8',
+    py: '4',
+    cursor: 'pointer',
+    display: 'inline',
+    border: '1px solid',
+    whiteSpace: 'nowrap',
+    borderColor: 'border.strong',
+    borderRadius: '4',
+    backgroundColor: 'background.primary',
+    _hover: {
+      backgroundColor: 'background.hover',
+      _peerChecked: {
+        backgroundColor: 'background.selected-hover',
+      },
+    },
+    _peerChecked: {
+      borderColor: 'border.selected',
+      backgroundColor: 'background.selected',
+    },
+    _peerFocusVisible: {
+      backgroundColor: 'background.hover',
+      _checked: {
+        backgroundColor: 'background.selected-hover',
+      },
+    },
+    ...tokensToTheme.textStyles['comp/tag/sm'],
+  },
+});
+
+export default SelectableTagTheme;

package/src/Components/SelectableTag/SelectableTag.tsx

@@ -0,0 +1,21 @@
+import { PropsWithChildren } from 'react';
+import { UseCheckboxProps, chakra, forwardRef, useCheckbox, useStyleConfig } from '@chakra-ui/react';
+import Text from '../Text/Text';
+
+export interface SelectableTagProps extends PropsWithChildren<UseCheckboxProps> {}
+
+const SelectableTag = forwardRef(({ children, ...props }: SelectableTagProps, ref) => {
+  const theme = useStyleConfig('SelectableTag');
+  const { htmlProps, getInputProps, getLabelProps } = useCheckbox(props);
+
+  return (
+    <chakra.label {...htmlProps}>
+      <input className="peer" {...getInputProps({}, ref)} />
+      <Text as="span" {...getLabelProps()} sx={theme}>
+        {children}
+      </Text>
+    </chakra.label>
+  );
+});
+
+export default SelectableTag;

package/src/Components/SelectableTag/SelectableTagGroup.tsx

@@ -0,0 +1,27 @@
+import { ReactElement, Children, cloneElement, isValidElement } from 'react';
+import { useCheckboxGroup } from '@chakra-ui/react';
+import CheckboxGroup, { CheckboxGroupProps } from '../Form/Checkbox/CheckboxGroup';
+import { SelectableTagProps } from './SelectableTag';
+
+export interface SelectableTagGroupProps extends CheckboxGroupProps {
+  children: ReactElement<SelectableTagProps> | ReactElement<SelectableTagProps>[];
+}
+
+const SelectableTagGroup = ({ children, ...props }: SelectableTagGroupProps) => {
+  const { getCheckboxProps } = useCheckboxGroup(props);
+
+  const clonedChildren = Children.map(children, (child: ReactElement<SelectableTagProps>) => {
+    if (isValidElement(child)) {
+      return cloneElement(child, {
+        ...child.props,
+        ...getCheckboxProps({ value: child.props.value }),
+      });
+    }
+
+    return child;
+  });
+
+  return <CheckboxGroup {...props}>{clonedChildren}</CheckboxGroup>;
+};
+
+export default SelectableTagGroup;

package/src/Components/Tabs/Tabs.tsx

@@ -1,6 +1,7 @@
 import React, { isValidElement, ReactElement, useEffect, useState } from 'react';
 import { forwardRef, Tabs as ChakraTabs, TabsProps as ChakraTabsProps } from '@chakra-ui/react';
 import { useHistory } from '../../hooks';
+import { TabProps } from './Tab';
 
 export interface TabsProps extends ChakraTabsProps {
   defaultTab?: string;
@@ -14,7 +15,7 @@ const getTabIds = (props: TabsProps): string[] => {
   const tabList = React.Children.toArray(props.children)[0] as ReactElement;
   const tabs = React.Children.toArray(tabList.props.children) as ReactElement[];
 
-  return tabs.filter((item) => isValidElement(item)).map((item) => item.props.id);
+  return tabs.filter((item) => isValidElement(item)).map((item) => (item.props as TabProps).id || '');
 };
 
 const getTabIndexFromSearchParams = (tabIds: string[], tabIndex?: number) => {

package/src/Components/components.theme.ts

@@ -47,6 +47,7 @@ import Toggletip from './Toggletip/Toggletip.theme';
 import FilterSwitch from './Filter/FilterSwitch/FilterSwitch.theme';
 import TagsInput from './Form/TagsInput/TagsInput.theme';
 import DraggableCard from './DraggableCard/DraggableCard.theme';
+import SelectableTag from './SelectableTag/SelectableTag.theme';
 
 const components = {
   Accordion,
@@ -85,6 +86,7 @@ const components = {
   Radio,
   SegmentedControl,
   Select,
+  SelectableTag,
   Sidebar,
   SidebarItem,
   Skeleton,

package/src/index.ts

@@ -329,3 +329,9 @@ export { default as DraggableCard } from './Components/DraggableCard/DraggableCa
 
 export type { ControlButtonProps } from './Components/ControlButton/ControlButton';
 export { default as ControlButton } from './Components/ControlButton/ControlButton';
+
+export type { SelectableTagProps } from './Components/SelectableTag/SelectableTag';
+export { default as SelectableTag } from './Components/SelectableTag/SelectableTag';
+
+export type { SelectableTagGroupProps } from './Components/SelectableTag/SelectableTagGroup';
+export { default as SelectableTagGroup } from './Components/SelectableTag/SelectableTagGroup';