@bitrise/bitkit 13.156.0 → 13.157.1-alpha.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "13.156.0",
+  "version": "13.157.1-alpha.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"

package/src/Components/DataWidget/DataWidgetItem.tsx

@@ -14,7 +14,7 @@ const DataWidgetItem = (props: DataWidgetItemProps) => {
   const { hasWarning, label, labelTooltip, value, valueTooltip } = props;
   return (
     <div>
-      {hasWarning && <Icon name="WarningColored" size="16" marginInlineEnd="4" />}
+      {hasWarning && <Icon name="WarningYellow" size="16" marginInlineEnd="4" />}
       <Text as="dt" color="text/primary" textStyle="body/md/semibold">
         {labelTooltip ? <DefinitionTooltip label={labelTooltip}>{label}</DefinitionTooltip> : label}
       </Text>

package/src/Components/Dropdown/DropdownButton.tsx

@@ -68,7 +68,7 @@ const DropdownButton = forwardRef<HTMLButtonElement, DropdownButtonProps>(
         >
           {formLabel || placeholder}
         </chakra.span>
-        {!isError && isWarning && <Icon aria-hidden="true" name="WarningColored" size={iconSize} />}
+        {!isError && isWarning && <Icon aria-hidden="true" name="WarningYellow" size={iconSize} />}
         {isError && <Icon aria-hidden="true" color="icon/negative" name="ErrorCircleFilled" size={iconSize} />}
         <Icon
           __css={chevronStyle}

package/src/Components/Form/Checkbox/Checkbox.tsx

@@ -34,7 +34,7 @@ const CustomIcon = (props: CheckboxIconProps) => {
   if (!isChecked) {
     return null;
   }
-  return <Icon __css={__css} name={isIndeterminate ? 'MinusClose' : 'Tick'} />;
+  return <Icon __css={__css} name={isIndeterminate ? 'MinusClose' : 'Check'} />;
 };
 
 /**

package/src/Components/Form/Input/Input.tsx

@@ -208,7 +208,7 @@ const Input = forwardRef<InputProps, 'div'>((props, ref) => {
               />
             )}
             {!isInvalid && (isWarning || warningText) && (
-              <Icon aria-hidden="true" name="WarningColored" size={iconSize} sx={style.stateIcon} />
+              <Icon aria-hidden="true" name="WarningYellow" size={iconSize} sx={style.stateIcon} />
             )}
             {isInvalid && (
               <Icon

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

@@ -0,0 +1,15 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const AbortCircle = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path d="M6.03033 11.0303L11.0303 6.03033L9.96967 4.96967L4.96967 9.96967L6.03033 11.0303Z" fill="currentColor" />
+    <path
+      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 8ZM13.5 8C13.5 11.0376 11.0376 13.5 8 13.5C4.96243 13.5 2.5 11.0376 2.5 8C2.5 4.96243 4.96243 2.5 8 2.5C11.0376 2.5 13.5 4.96243 13.5 8Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default AbortCircle;

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

@@ -0,0 +1,14 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const AbortCircleFilled = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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 15ZM6.03033 11.0303L11.0303 6.03033L9.96967 4.96967L4.96967 9.96967L6.03033 11.0303Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default AbortCircleFilled;

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

@@ -0,0 +1,14 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const BlockCircle = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      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 8ZM13.5 8C13.5 11.0376 11.0376 13.5 8 13.5C6.75165 13.5 5.60043 13.0841 4.67736 12.3833L12.3833 4.67736C13.0841 5.60043 13.5 6.75165 13.5 8ZM3.6167 11.3226L11.3226 3.6167C10.3996 2.9159 9.24835 2.5 8 2.5C4.96243 2.5 2.5 4.96243 2.5 8C2.5 9.24835 2.9159 10.3996 3.6167 11.3226Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default BlockCircle;

package/src/Components/Icons/16x16/{Tick.tsx → Check.tsx}

@@ -1,14 +1,14 @@
 import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
-const Tick = forwardRef<IconProps, 'svg'>((props, ref) => (
+const Check = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
-      d="m6.808 9.277 4.681-4.61.993.993-5.674 5.673-3.475-3.546.993-.993 2.482 2.483Z"
+      d="M13.0644 5.49386L7.34186 12.0339L3.03148 8.58563L3.96852 7.41433L7.15814 9.96602L11.9356 4.5061L13.0644 5.49386Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </Icon>
 ));
 
-export default Tick;
+export default Check;

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

@@ -3,14 +3,14 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const CheckCircle = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      d="M4.33334 7.99985L5.27615 7.05704L7.16177 8.94265L10.4616 5.64282L11.4044 6.58563L7.16177 10.8283L4.33334 7.99985Z"
+      d="M11.5644 6.49388L10.4356 5.50612L7.40814 8.96604L5.46852 7.41435L4.53148 8.58565L7.59186 11.034L11.5644 6.49388Z"
       fill="currentColor"
     />
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
-      d="M14.6667 7.99992C14.6667 11.6818 11.6819 14.6666 8.00001 14.6666C4.31811 14.6666 1.33334 11.6818 1.33334 7.99992C1.33334 4.31802 4.31811 1.33325 8.00001 1.33325C11.6819 1.33325 14.6667 4.31802 14.6667 7.99992ZM13.3333 7.99992C13.3333 10.9454 10.9455 13.3333 8.00001 13.3333C5.05449 13.3333 2.66668 10.9454 2.66668 7.99992C2.66668 5.0544 5.05449 2.66659 8.00001 2.66659C10.9455 2.66659 13.3333 5.0544 13.3333 7.99992Z"
+      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 8ZM13.5 8C13.5 11.0376 11.0376 13.5 8 13.5C4.96243 13.5 2.5 11.0376 2.5 8C2.5 4.96243 4.96243 2.5 8 2.5C11.0376 2.5 13.5 4.96243 13.5 8Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </Icon>
 ));

package/src/Components/Icons/16x16/{BuildstatusSuccessfulSolid.tsx → CheckCircleFilled.tsx}

@@ -1,6 +1,6 @@
 import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
-const BuildstatusSuccessfulSolid = forwardRef<IconProps, 'svg'>((props, ref) => (
+const CheckCircleFilled = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
       clipRule="evenodd"
@@ -11,4 +11,4 @@ const BuildstatusSuccessfulSolid = forwardRef<IconProps, 'svg'>((props, ref) =>
   </Icon>
 ));
 
-export default BuildstatusSuccessfulSolid;
+export default CheckCircleFilled;

package/src/Components/Icons/16x16/{BuildstatusNeverbuilt.tsx → Circle.tsx}

@@ -1,6 +1,6 @@
 import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
-const BuildstatusNeverbuilt = forwardRef<IconProps, 'svg'>((props, ref) => (
+const Circle = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
       clipRule="evenodd"
@@ -11,4 +11,4 @@ const BuildstatusNeverbuilt = forwardRef<IconProps, 'svg'>((props, ref) => (
   </Icon>
 ));
 
-export default BuildstatusNeverbuilt;
+export default Circle;

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

@@ -0,0 +1,14 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const CircleDashed = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M14.8668 9.36613L13.3953 9.07503C13.4638 8.72854 13.5 8.36924 13.5 8C13.5 7.63076 13.4638 7.27146 13.3953 6.92497L14.8668 6.63387C14.9542 7.07571 15 7.5325 15 8C15 8.4675 14.9542 8.92429 14.8668 9.36613ZM13.821 4.11069L12.5745 4.94517C12.1725 4.34474 11.6553 3.82747 11.0548 3.42549L11.8893 2.17904C12.6527 2.6901 13.3099 3.34733 13.821 4.11069ZM9.36613 1.13324L9.07503 2.60472C8.72854 2.53617 8.36924 2.5 8 2.5C7.63076 2.5 7.27146 2.53617 6.92497 2.60472L6.63387 1.13324C7.07571 1.04583 7.5325 1 8 1C8.4675 1 8.92429 1.04583 9.36613 1.13324ZM4.11069 2.17904L4.94517 3.42549C4.34474 3.82747 3.82747 4.34474 3.42549 4.94517L2.17904 4.11069C2.6901 3.34733 3.34733 2.6901 4.11069 2.17904ZM1.13324 6.63387C1.04583 7.07571 1 7.5325 1 8C1 8.4675 1.04583 8.92429 1.13324 9.36613L2.60472 9.07503C2.53617 8.72854 2.5 8.36924 2.5 8C2.5 7.63076 2.53617 7.27146 2.60472 6.92497L1.13324 6.63387ZM2.17904 11.8893L3.42549 11.0548C3.82747 11.6553 4.34474 12.1725 4.94517 12.5745L4.11069 13.821C3.34733 13.3099 2.6901 12.6527 2.17904 11.8893ZM6.63387 14.8668L6.92497 13.3953C7.27146 13.4638 7.63076 13.5 8 13.5C8.36924 13.5 8.72854 13.4638 9.07503 13.3953L9.36613 14.8668C8.92429 14.9542 8.4675 15 8 15C7.5325 15 7.07571 14.9542 6.63387 14.8668ZM11.8893 13.821L11.0548 12.5745C11.6553 12.1725 12.1725 11.6553 12.5745 11.0548L13.821 11.8893C13.3099 12.6527 12.6527 13.3099 11.8893 13.821Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default CircleDashed;

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

@@ -0,0 +1,24 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const CircleHalfFilled = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      d="M1 8C1 4.13401 4.13401 1 8 1C8.4675 1 8.92429 1.04583 9.36613 1.13324L9.07503 2.60472C8.72854 2.53617 8.36924 2.5 8 2.5V13.5C8.36924 13.5 8.72854 13.4638 9.07503 13.3953L9.36613 14.8668C8.92429 14.9542 8.4675 15 8 15C4.13401 15 1 11.866 1 8Z"
+      fill="currentColor"
+    />
+    <path
+      d="M14.8668 9.36613L13.3953 9.07503C13.4638 8.72854 13.5 8.36924 13.5 8C13.5 7.63076 13.4638 7.27146 13.3953 6.92497L14.8668 6.63387C14.9542 7.07571 15 7.5325 15 8C15 8.4675 14.9542 8.92429 14.8668 9.36613Z"
+      fill="currentColor"
+    />
+    <path
+      d="M12.5745 4.94517L13.821 4.11069C13.3099 3.34733 12.6527 2.6901 11.8893 2.17904L11.0548 3.42549C11.6553 3.82747 12.1725 4.34474 12.5745 4.94517Z"
+      fill="currentColor"
+    />
+    <path
+      d="M11.8893 13.821L11.0548 12.5745C11.6553 12.1725 12.1725 11.6553 12.5745 11.0548L13.821 11.8893C13.3099 12.6527 12.6527 13.3099 11.8893 13.821Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default CircleHalfFilled;

package/src/Components/Icons/16x16/{BuildstatusSuccessful.tsx → DoubleCircle.tsx}

@@ -1,20 +1,20 @@
 import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
-const BuildstatusSuccessful = forwardRef<IconProps, 'svg'>((props, ref) => (
+const DoubleCircle = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
-      d="M11.5644 6.49388L10.4356 5.50612L7.40814 8.96604L5.46852 7.41435L4.53148 8.58565L7.59186 11.034L11.5644 6.49388Z"
+      d="M11.5 8C11.5 9.933 9.933 11.5 8 11.5C6.067 11.5 4.5 9.933 4.5 8C4.5 6.067 6.067 4.5 8 4.5C9.933 4.5 11.5 6.067 11.5 8ZM10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
     <path
+      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 8ZM13.5 8C13.5 11.0376 11.0376 13.5 8 13.5C4.96243 13.5 2.5 11.0376 2.5 8C2.5 4.96243 4.96243 2.5 8 2.5C11.0376 2.5 13.5 4.96243 13.5 8Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </Icon>
 ));
 
-export default BuildstatusSuccessful;
+export default DoubleCircle;

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

@@ -0,0 +1,16 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const ErrorCircle = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path d="M7.25 9V4H8.75V9H7.25Z" fill="currentColor" />
+    <path d="M7.25 10.5V12H8.75V10.5H7.25Z" fill="currentColor" />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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 15ZM8 13.5C11.0376 13.5 13.5 11.0376 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5C4.96243 2.5 2.5 4.96243 2.5 8C2.5 11.0376 4.96243 13.5 8 13.5Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default ErrorCircle;

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

@@ -0,0 +1,14 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const QuestionCircleFilled = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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 15ZM8.20353 7.28235C7.7874 7.58855 7.33484 7.92157 7.33484 8.64592C7.33484 8.83085 7.42604 9.06201 7.42604 9.06201H8.65734C8.65734 8.51386 8.99873 8.21568 9.37016 7.89126C9.81325 7.50425 10.2991 7.07991 10.2991 6.14935C10.2991 5.17847 9.4326 4.30005 8.1101 4.30005C6.28595 4.30005 5.82992 5.87196 5.82992 5.87196L6.97001 6.38052C6.97001 6.38052 7.19803 5.6408 8.06449 5.6408C8.56613 5.6408 8.88536 5.96442 8.88536 6.33429C8.88536 6.78064 8.55764 7.02179 8.20353 7.28235ZM7.29907 11.8V10.3H8.79907V11.8H7.29907Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default QuestionCircleFilled;

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

@@ -0,0 +1,22 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const SkipCircle = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      d="M5.03033 4.96967L8.06066 8L5.03033 11.0303L3.96967 9.96967L5.93934 8L3.96967 6.03033L5.03033 4.96967Z"
+      fill="currentColor"
+    />
+    <path
+      d="M9.03033 11.0303L12.0607 8L9.03033 4.96967L7.96967 6.03033L9.93934 8L7.96967 9.96967L9.03033 11.0303Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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 15ZM8 13.5C11.0376 13.5 13.5 11.0376 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5C4.96243 2.5 2.5 4.96243 2.5 8C2.5 11.0376 4.96243 13.5 8 13.5Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default SkipCircle;

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

@@ -0,0 +1,14 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const SkipCircleFilled = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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 15ZM5.03039 4.96973L8.06072 8.00006L5.03039 11.0304L3.96973 9.96973L5.9394 8.00006L3.96973 6.03039L5.03039 4.96973ZM9.53039 11.0304L8.46973 9.96973L10.4394 8.00006L8.46973 6.03039L9.53039 4.96973L12.5607 8.00006L9.53039 11.0304Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default SkipCircleFilled;

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

@@ -0,0 +1,16 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const SpinnerPurpleDouble = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <circle cx={8} cy={8} fill="none" r={6} stroke="currentColor" strokeDasharray={48} strokeWidth={1.1}>
+      <animate attributeName="stroke-dashoffset" dur="3.5s" from={96} repeatCount="indefinite" to={0} />
+      <animateTransform attributeName="transform" dur="2s" from="0 8 8" repeatCount="1" to="360 8 8" type="rotate" />
+    </circle>
+    <circle cx={8} cy={8} fill="none" r={3} stroke="currentColor" strokeDasharray={48} strokeWidth={1.1}>
+      <animate attributeName="stroke-dashoffset" dur="3.5s" from={96} repeatCount="indefinite" to={0} />
+      <animateTransform attributeName="transform" dur="2s" from="0 8 8" repeatCount="1" to="360 8 8" type="rotate" />
+    </circle>
+  </Icon>
+));
+
+export default SpinnerPurpleDouble;

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

@@ -3,7 +3,6 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const ThumbDown = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      id="Vector"
       fillRule="evenodd"
       clipRule="evenodd"
       d="M6.27419 13.9855C6.78568 14.2495 7.41116 14.1321 7.7921 13.7006L10.8383 10.25H13C13.6904 10.25 14.25 9.69036 14.25 9V3C14.25 2.30964 13.6904 1.75 13 1.75H4.87588C4.39674 1.75 3.95977 2.02388 3.7509 2.45509L1.92503 6.22463C1.80984 6.46244 1.75 6.72326 1.75 6.9875V9.09677C1.75 9.78713 2.30964 10.3468 3 10.3468H6.05949L5.61706 12.6303C5.51098 13.1778 5.77859 13.7297 6.27419 13.9855ZM9.75 9.21631L7.25992 12.0369L7.70506 9.73943C7.74765 9.51962 7.6898 9.29227 7.54732 9.11954C7.40485 8.94681 7.19266 8.84677 6.96875 8.84677H3.25V6.9875C3.25 6.94975 3.25855 6.91249 3.275 6.87852L5.03257 3.25H9.75V9.21631ZM11.25 8.75H12.75V3.25H11.25V8.75Z"

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

@@ -3,7 +3,6 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const ThumbUp = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      id="Vector"
       fillRule="evenodd"
       clipRule="evenodd"
       d="M9.72581 2.01449C9.21432 1.75049 8.58884 1.86789 8.2079 2.2994L5.16167 5.75001H3C2.30964 5.75001 1.75 6.30965 1.75 7.00001V13C1.75 13.6904 2.30964 14.25 3 14.25H11.1241C11.6033 14.25 12.0402 13.9761 12.2491 13.5449L14.075 9.77538C14.1902 9.53757 14.25 9.27675 14.25 9.01251V6.90323C14.25 6.21288 13.6904 5.65323 13 5.65323H9.94051L10.3829 3.36974C10.489 2.8222 10.2214 2.27028 9.72581 2.01449ZM6.25 6.7837L8.74008 3.96307L8.29494 6.26058C8.25235 6.48039 8.3102 6.70774 8.45268 6.88047C8.59515 7.0532 8.80734 7.15323 9.03125 7.15323H12.75V9.01251C12.75 9.05026 12.7415 9.08751 12.725 9.12149L10.9674 12.75H6.25V6.7837ZM4.75 7.25001H3.25V12.75H4.75V7.25001Z"

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

@@ -3,7 +3,6 @@ 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"

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

@@ -2,11 +2,13 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Warning = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path d="M8.75 10.0001V11.5001H7.25V10.0001H8.75Z" fill="currentColor" />
+    <path d="M8.75 9.00007V5.50007H7.25V9.00007H8.75Z" fill="currentColor" />
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
-      d="m9.204 2.076 5.33 10.659c.066.2.133.4.133.6 0 .732-.6 1.332-1.333 1.332H2.676c-.2 0-.4-.067-.6-.134a1.335 1.335 0 0 1-.6-1.798L6.874 2.076c.133-.266.333-.466.532-.6a1.335 1.335 0 0 1 1.8.6Zm-1.199.6-5.33 10.658h10.66L8.004 2.676Zm-.666 3.997H8.67v3.33H7.34v-3.33Zm1.332 5.329V10.67H7.34v1.332h1.33Z"
+      d="M1.26533 10.9886L6.27461 2.44339C7.04728 1.12531 8.95273 1.12531 9.7254 2.4434L14.7347 10.9886C15.5163 12.3219 14.5548 14.0001 13.0093 14.0001H2.99073C1.44524 14.0001 0.483748 12.3219 1.26533 10.9886ZM7.56866 3.20197L2.55938 11.7472C2.36398 12.0805 2.60436 12.5001 2.99073 12.5001H13.0093C13.3957 12.5001 13.636 12.0805 13.4406 11.7472L8.43135 3.20197C8.23819 2.87245 7.76182 2.87245 7.56866 3.20197Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </Icon>
 ));

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

@@ -0,0 +1,18 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+import Box from '../../Box/Box';
+
+const WarningYellow = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <Box
+      as="path"
+      clipRule="evenodd"
+      d="M6.27461 2.44339L1.26533 10.9886C0.483748 12.3219 1.44524 14.0001 2.99073 14.0001H13.0093C14.5548 14.0001 15.5163 12.3219 14.7347 10.9886L9.7254 2.4434C8.95273 1.12531 7.04728 1.12531 6.27461 2.44339Z"
+      fill="yellow.80"
+      fillRule="evenodd"
+    />
+    <Box as="path" d="M8.75 9.00007V5.00007H7.25V9.00007H8.75Z" fill="purple.10" />
+    <Box as="path" d="M8.75 11.5001V10.0001H7.25V11.5001H8.75Z" fill="purple.10" />
+  </Icon>
+));
+
+export default WarningYellow;

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

@@ -34,6 +34,7 @@ export { default as BitbucketBlue } from './BitbucketBlue';
 export { default as BitbucketNeutral } from './BitbucketNeutral';
 export { default as BitbucketPlain } from './BitbucketPlain';
 export { default as BitbucketShadedWhite } from './BitbucketShadedWhite';
+export { default as BlockCircle } from './BlockCircle';
 export { default as Book } from './Book';
 export { default as BoxWithArrowDown } from './BoxWithArrowDown';
 export { default as BoxWithDot } from './BoxWithDot';
@@ -42,17 +43,13 @@ export { default as Bug } from './Bug';
 export { default as Build } from './Build';
 export { default as BuildCache } from './BuildCache';
 export { default as BuildCacheSolid } from './BuildCacheSolid';
-export { default as BuildstatusAborted } from './BuildstatusAborted';
-export { default as BuildstatusAbortedSolid } from './BuildstatusAbortedSolid';
+export { default as AbortCircle } from './AbortCircle';
+export { default as AbortCircleFilled } from './AbortCircleFilled';
 export { default as BuildstatusFailed } from './BuildstatusFailed';
 export { default as BuildstatusFailedSolid } from './BuildstatusFailedSolid';
-export { default as BuildstatusLoading } from './BuildstatusLoading';
-export { default as BuildstatusLoadingAnimated } from './BuildstatusLoadingAnimated';
-export { default as BuildstatusNeverbuilt } from './BuildstatusNeverbuilt';
-export { default as BuildstatusProgressEggplant } from './BuildstatusProgressEggplant';
-export { default as BuildstatusProgressWhite } from './BuildstatusProgressWhite';
-export { default as BuildstatusSuccessful } from './BuildstatusSuccessful';
-export { default as BuildstatusSuccessfulSolid } from './BuildstatusSuccessfulSolid';
+export { default as DoubleCircle } from './DoubleCircle';
+export { default as SpinnerPurpleDouble } from './SpinnerPurpleDouble';
+export { default as Circle } from './Circle';
 export { default as BuildTest } from './BuildTest';
 export { default as BuildTestSolid } from './BuildTestSolid';
 export { default as Bulletpoint } from './Bulletpoint';
@@ -62,6 +59,9 @@ export { default as ChangePlan } from './ChangePlan';
 export { default as Chat } from './Chat';
 export { default as ChatMessage } from './ChatMessage';
 export { default as CheckCircle } from './CheckCircle';
+export { default as CheckCircleFilled } from './CheckCircleFilled';
+export { default as CircleDashed } from './CircleDashed';
+export { default as CircleHalfFilled } from './CircleHalfFilled';
 export { default as ChevronDown } from './ChevronDown';
 export { default as ChevronLeft } from './ChevronLeft';
 export { default as ChevronRight } from './ChevronRight';
@@ -179,13 +179,11 @@ export { default as PlusCircleFilled } from './PlusCircleFilled';
 export { default as PlusOpen } from './PlusOpen';
 export { default as Podcast } from './Podcast';
 export { default as Power } from './Power';
-export { default as ProgressEggplant } from './ProgressEggplant';
-export { default as ProgressViolet } from './ProgressViolet';
-export { default as ProgressWhite } from './ProgressWhite';
 export { default as Pull } from './Pull';
 export { default as Push } from './Push';
 export { default as Puzzle } from './Puzzle';
 export { default as QuestionCircle } from './QuestionCircle';
+export { default as QuestionCircleFilled } from './QuestionCircleFilled';
 export { default as ReactIcon } from './ReactIcon';
 export { default as Refresh } from './Refresh';
 export { default as Release } from './Release';
@@ -207,13 +205,12 @@ export { default as Sort } from './Sort';
 export { default as SortArrows } from './SortArrows';
 export { default as Stability } from './Stability';
 export { default as Stack } from './Stack';
-export { default as StageCurrent } from './StageCurrent';
-export { default as StageIncomplete } from './StageIncomplete';
 export { default as Star } from './Star';
 export { default as Status } from './Status';
 export { default as Steps } from './Steps';
-export { default as StepstatusSkip } from './StepstatusSkip';
-export { default as StepstatusWarning } from './StepstatusWarning';
+export { default as SkipCircle } from './SkipCircle';
+export { default as SkipCircleFilled } from './SkipCircleFilled';
+export { default as ErrorCircle } from './ErrorCircle';
 export { default as StepsTuorqouise } from './StepsTuorqouise';
 export { default as StepsViolet } from './StepsViolet';
 export { default as StepsWhite } from './StepsWhite';
@@ -224,7 +221,6 @@ export { default as Support } from './Support';
 export { default as Swag } from './Swag';
 export { default as Tag } from './Tag';
 export { default as TestFailed } from './TestFailed';
-export { default as TestInconclusive } from './TestInconclusive';
 export { default as TestInfo } from './TestInfo';
 export { default as Testing } from './Testing';
 export { default as TestInprogress } from './TestInprogress';
@@ -233,7 +229,7 @@ export { default as TestSuccess } from './TestSuccess';
 export { default as TestWarning } from './TestWarning';
 export { default as ThumbDown } from './ThumbDown';
 export { default as ThumbUp } from './ThumbUp';
-export { default as Tick } from './Tick';
+export { default as Check } from './Check';
 export { default as Time } from './Time';
 export { default as Tools } from './Tools';
 export { default as Trace } from './Trace';
@@ -246,7 +242,7 @@ export { default as Upload } from './Upload';
 export { default as ValidateShield } from './ValidateShield';
 export { default as Video } from './Video';
 export { default as Warning } from './Warning';
-export { default as WarningColored } from './WarningColored';
+export { default as WarningYellow } from './WarningYellow';
 export { default as Webhooks } from './Webhooks';
 export { default as Webinar } from './Webinar';
 export { default as WebUi } from './WebUi';

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

@@ -0,0 +1,15 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const AbortCircle = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path d="M8.70711 16.7071L16.7071 8.70711L15.2929 7.29289L7.29289 15.2929L8.70711 16.7071Z" fill="currentColor" />
+    <path
+      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 12ZM20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default AbortCircle;

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

@@ -0,0 +1,14 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const AbortCircleFilled = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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 22ZM8.70711 16.7071L16.7071 8.70711L15.2929 7.29289L7.29289 15.2929L8.70711 16.7071Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default AbortCircleFilled;

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

@@ -0,0 +1,14 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const BlockCircle = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      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 12ZM20 12C20 16.4183 16.4183 20 12 20C10.1513 20 8.44904 19.3729 7.09436 18.3199L18.3199 7.09436C19.3729 8.44904 20 10.1513 20 12ZM5.68014 16.9056L16.9056 5.68014C15.551 4.62708 13.8487 4 12 4C7.58172 4 4 7.58172 4 12C4 13.8487 4.62708 15.551 5.68014 16.9056Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default BlockCircle;

package/src/Components/Icons/24x24/{Tick.tsx → Check.tsx}

@@ -1,14 +1,14 @@
 import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
-const Tick = forwardRef<IconProps, 'svg'>((props, ref) => (
+const Check = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 24 24" {...props}>
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
-      d="M10.213 13.915 17.234 7l1.49 1.49L10.212 17 5 11.68l1.49-1.489 3.723 3.724Z"
+      d="M18.7372 7.67567L10.7502 16.3887L5.34921 11.7592L6.6508 10.2407L10.5831 13.6112L17.2628 6.32422L18.7372 7.67567Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </Icon>
 ));
 
-export default Tick;
+export default Check;

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

@@ -3,14 +3,14 @@ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 const CheckCircle = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 24 24" {...props}>
     <path
-      d="M6.5 11.9999L7.91421 10.5857L10.7426 13.4141L15.6924 8.46436L17.1066 9.87857L10.7426 16.2425L6.5 11.9999Z"
+      d="M17.2372 9.67572L15.7628 8.32428L10.9164 13.6113L8.15079 11.2407L6.84921 12.7593L11.0836 16.3887L17.2372 9.67572Z"
       fill="currentColor"
     />
     <path
+      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 12ZM20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </Icon>
 ));

package/src/Components/Icons/24x24/{BuildstatusSuccessfulSolid.tsx → CheckCircleFilled.tsx}

@@ -1,6 +1,6 @@
 import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
-const BuildstatusSuccessfulSolid = forwardRef<IconProps, 'svg'>((props, ref) => (
+const CheckCircleFilled = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 24 24" {...props}>
     <path
       clipRule="evenodd"
@@ -11,4 +11,4 @@ const BuildstatusSuccessfulSolid = forwardRef<IconProps, 'svg'>((props, ref) =>
   </Icon>
 ));
 
-export default BuildstatusSuccessfulSolid;
+export default CheckCircleFilled;

package/src/Components/Icons/24x24/{BuildstatusNeverbuilt.tsx → Circle.tsx}

@@ -1,6 +1,6 @@
 import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
-const BuildstatusNeverbuilt = forwardRef<IconProps, 'svg'>((props, ref) => (
+const Circle = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 24 24" {...props}>
     <path
       clipRule="evenodd"
@@ -11,4 +11,4 @@ const BuildstatusNeverbuilt = forwardRef<IconProps, 'svg'>((props, ref) => (
   </Icon>
 ));
 
-export default BuildstatusNeverbuilt;
+export default Circle;