@bitrise/bitkit 9.4.1 → 9.4.3-alpha-chakra.2

package/src/Icon/tsx/IconsStopwatch.tsx

@@ -2,16 +2,14 @@
 import * as React from 'react';
 
 const SvgIconsStopwatch = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-          d="M11 4h-1V2h4v2h-1v1.1c3.9.5 7 3.8 7 7.9 0 4.4-3.6 8-8 8s-8-3.6-8-8c0-4.1 3.1-7.4 7-7.9V4zm1 15c3.3 0 6-2.7 6-6s-2.7-6-6-6-6 2.7-6 6 2.7 6 6 6zM3 6.828 5.828 4l1.415 1.414-2.829 2.829L3 6.828zM18.414 4l2.829 2.828-1.415 1.415L17 5.414 18.414 4zm-3.878 5 1.414 1.414-3.536 3.536L11 12.536 14.536 9z"
-          id="icons-stopwatch_svg__a"/>
+        d="M11 4h-1V2h4v2h-1v1.1c3.9.5 7 3.8 7 7.9 0 4.4-3.6 8-8 8s-8-3.6-8-8c0-4.1 3.1-7.4 7-7.9V4zm1 15c3.3 0 6-2.7 6-6s-2.7-6-6-6-6 2.7-6 6 2.7 6 6 6zM3 6.828 5.828 4l1.415 1.414-2.829 2.829L3 6.828zM18.414 4l2.829 2.828-1.415 1.415L17 5.414 18.414 4zm-3.878 5 1.414 1.414-3.536 3.536L11 12.536 14.536 9z"
+        id="icons-stopwatch_svg__a"
+      />
     </defs>
-    <use
-        fill="currentColor"
-        fillRule="evenodd"
-        xlinkHref="#icons-stopwatch_svg__a"/>
+    <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-stopwatch_svg__a" />
   </svg>
 );
 

package/src/Icon/tsx/IconsSupport.tsx

@@ -2,16 +2,14 @@
 import * as React from 'react';
 
 const SvgIconsSupport = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-          d="M12 20c4.4 0 8-3.6 8-8s-3.6-8-8-8-8 3.6-8 8 3.6 8 8 8zm0 2C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10zm-1.2-8.5c0-2 2.3-2 2.3-3.4 0-.6-.5-1-1.2-1-1.3-.1-1.7 1-1.7 1l-1.7-.8S9.2 7 11.9 7c2 0 3.3 1.3 3.3 2.8 0 2.6-2.5 2.6-2.5 4.3h-1.8s-.1-.3-.1-.6zm-.2 2.5c0-.6.5-1 1.1-1 .6 0 1.1.5 1.1 1 0 .6-.5 1-1.1 1-.6 0-1.1-.5-1.1-1z"
-          id="icons-support_svg__a"/>
+        d="M12 20c4.4 0 8-3.6 8-8s-3.6-8-8-8-8 3.6-8 8 3.6 8 8 8zm0 2C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10zm-1.2-8.5c0-2 2.3-2 2.3-3.4 0-.6-.5-1-1.2-1-1.3-.1-1.7 1-1.7 1l-1.7-.8S9.2 7 11.9 7c2 0 3.3 1.3 3.3 2.8 0 2.6-2.5 2.6-2.5 4.3h-1.8s-.1-.3-.1-.6zm-.2 2.5c0-.6.5-1 1.1-1 .6 0 1.1.5 1.1 1 0 .6-.5 1-1.1 1-.6 0-1.1-.5-1.1-1z"
+        id="icons-support_svg__a"
+      />
     </defs>
-    <use
-        fill="currentColor"
-        fillRule="evenodd"
-        xlinkHref="#icons-support_svg__a"/>
+    <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-support_svg__a" />
   </svg>
 );
 

package/src/Icon/tsx/IconsSwitch.tsx

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 const SvgIconsSwitch = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <g fill="currentColor" fillRule="evenodd">
       <path d="M16 6a6 6 0 1 1 0 12H8A6 6 0 1 1 8 6h8zm0 2H8a4 4 0 1 0 0 8h8a4 4 0 1 0 0-8zm0 1a3 3 0 1 1 0 6 3 3 0 0 1 0-6z" />
       <path d="m6.707 10.293-1.414 1.414L8 14.414l3.707-3.707-1.414-1.414L8 11.586z" />

package/src/Icon/tsx/IconsTestFailed.tsx

@@ -2,11 +2,12 @@
 import * as React from 'react';
 
 const SvgIconsTestFailed = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <path
-        d="M12.851 4.353a1.204 1.204 0 0 0-1.702 0l-6.796 6.796c-.47.47-.47 1.232 0 1.702l6.796 6.796c.47.47 1.232.47 1.702 0l6.796-6.796c.47-.47.47-1.232 0-1.702l-6.796-6.796zm1.414-1.415 6.797 6.797a3.204 3.204 0 0 1 0 4.53l-6.797 6.797a3.204 3.204 0 0 1-4.53 0l-6.797-6.797a3.204 3.204 0 0 1 0-4.53l6.797-6.797a3.204 3.204 0 0 1 4.53 0zM12 10.586l2-2L15.414 10l-2 2 2 2L14 15.414l-2-2-2 2L8.586 14l2-2-2-2L10 8.586l2 2z"
-        fill="currentColor"
-        fillRule="evenodd"/>
+      d="M12.851 4.353a1.204 1.204 0 0 0-1.702 0l-6.796 6.796c-.47.47-.47 1.232 0 1.702l6.796 6.796c.47.47 1.232.47 1.702 0l6.796-6.796c.47-.47.47-1.232 0-1.702l-6.796-6.796zm1.414-1.415 6.797 6.797a3.204 3.204 0 0 1 0 4.53l-6.797 6.797a3.204 3.204 0 0 1-4.53 0l-6.797-6.797a3.204 3.204 0 0 1 0-4.53l6.797-6.797a3.204 3.204 0 0 1 4.53 0zM12 10.586l2-2L15.414 10l-2 2 2 2L14 15.414l-2-2-2 2L8.586 14l2-2-2-2L10 8.586l2 2z"
+      fill="currentColor"
+      fillRule="evenodd"
+    />
   </svg>
 );
 

package/src/Icon/tsx/IconsTestInconclusive.tsx

@@ -2,11 +2,12 @@
 import * as React from 'react';
 
 const SvgIconsTestInconclusive = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <path
-        d="M12.851 4.353a1.204 1.204 0 0 0-1.702 0l-6.796 6.796c-.47.47-.47 1.232 0 1.702l6.796 6.796c.47.47 1.232.47 1.702 0l6.796-6.796c.47-.47.47-1.232 0-1.702l-6.796-6.796zm1.414-1.415 6.797 6.797a3.204 3.204 0 0 1 0 4.53l-6.797 6.797a3.204 3.204 0 0 1-4.53 0l-6.797-6.797a3.204 3.204 0 0 1 0-4.53l6.797-6.797a3.204 3.204 0 0 1 4.53 0zM11.02 13.834c0-1.8 2.082-1.8 2.082-3.103 0-.497-.429-.931-1.102-.931-1.163 0-1.47.993-1.47.993L9 10.11S9.612 8 12.061 8C13.837 8 15 9.18 15 10.483c0 2.296-2.204 2.296-2.204 3.91h-1.653s-.123-.31-.123-.559zm-.122 2.235c0-.497.429-.931.98-.931.55 0 .98.434.98.931 0 .497-.43.931-.98.931-.551 0-.98-.434-.98-.931z"
-        fill="currentColor"
-        fillRule="evenodd"/>
+      d="M12.851 4.353a1.204 1.204 0 0 0-1.702 0l-6.796 6.796c-.47.47-.47 1.232 0 1.702l6.796 6.796c.47.47 1.232.47 1.702 0l6.796-6.796c.47-.47.47-1.232 0-1.702l-6.796-6.796zm1.414-1.415 6.797 6.797a3.204 3.204 0 0 1 0 4.53l-6.797 6.797a3.204 3.204 0 0 1-4.53 0l-6.797-6.797a3.204 3.204 0 0 1 0-4.53l6.797-6.797a3.204 3.204 0 0 1 4.53 0zM11.02 13.834c0-1.8 2.082-1.8 2.082-3.103 0-.497-.429-.931-1.102-.931-1.163 0-1.47.993-1.47.993L9 10.11S9.612 8 12.061 8C13.837 8 15 9.18 15 10.483c0 2.296-2.204 2.296-2.204 3.91h-1.653s-.123-.31-.123-.559zm-.122 2.235c0-.497.429-.931.98-.931.55 0 .98.434.98.931 0 .497-.43.931-.98.931-.551 0-.98-.434-.98-.931z"
+      fill="currentColor"
+      fillRule="evenodd"
+    />
   </svg>
 );
 

package/src/Icon/tsx/IconsTestInfo.tsx

@@ -2,11 +2,12 @@
 import * as React from 'react';
 
 const SvgIconsTestInfo = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <path
-        d="M12.851 4.353a1.204 1.204 0 0 0-1.702 0l-6.796 6.796c-.47.47-.47 1.232 0 1.702l6.796 6.796c.47.47 1.232.47 1.702 0l6.796-6.796c.47-.47.47-1.232 0-1.702l-6.796-6.796zm1.414-1.415 6.797 6.797a3.204 3.204 0 0 1 0 4.53l-6.797 6.797a3.204 3.204 0 0 1-4.53 0l-6.797-6.797a3.204 3.204 0 0 1 0-4.53l6.797-6.797a3.204 3.204 0 0 1 4.53 0zM12 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-2.4 3.9L9 10l2.7-.9c.7-.2 1.4.4 1.3 1.1l-.8 5.3 1.5-.5.6 1.9-3 1c-.7.2-1.4-.4-1.3-1.1l.8-5.4-1.2.5z"
-        fill="currentColor"
-        fillRule="evenodd"/>
+      d="M12.851 4.353a1.204 1.204 0 0 0-1.702 0l-6.796 6.796c-.47.47-.47 1.232 0 1.702l6.796 6.796c.47.47 1.232.47 1.702 0l6.796-6.796c.47-.47.47-1.232 0-1.702l-6.796-6.796zm1.414-1.415 6.797 6.797a3.204 3.204 0 0 1 0 4.53l-6.797 6.797a3.204 3.204 0 0 1-4.53 0l-6.797-6.797a3.204 3.204 0 0 1 0-4.53l6.797-6.797a3.204 3.204 0 0 1 4.53 0zM12 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-2.4 3.9L9 10l2.7-.9c.7-.2 1.4.4 1.3 1.1l-.8 5.3 1.5-.5.6 1.9-3 1c-.7.2-1.4-.4-1.3-1.1l.8-5.4-1.2.5z"
+      fill="currentColor"
+      fillRule="evenodd"
+    />
   </svg>
 );
 

package/src/Icon/tsx/IconsTestSkipped.tsx

@@ -2,11 +2,12 @@
 import * as React from 'react';
 
 const SvgIconsTestSkipped = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <path
-        d="M12.851 4.353a1.204 1.204 0 0 0-1.702 0l-6.796 6.796c-.47.47-.47 1.232 0 1.702l6.796 6.796c.47.47 1.232.47 1.702 0l6.796-6.796c.47-.47.47-1.232 0-1.702l-6.796-6.796zm1.414-1.415 6.797 6.797a3.204 3.204 0 0 1 0 4.53l-6.797 6.797a3.204 3.204 0 0 1-4.53 0l-6.797-6.797a3.204 3.204 0 0 1 0-4.53l6.797-6.797a3.204 3.204 0 0 1 4.53 0zM12.585 10 14 8.586l3.419 3.418L14 15.423l-1.414-1.414 2.004-2.005L12.586 10zm-4 0L10 8.586l3.419 3.418L10 15.423l-1.414-1.414 2.004-2.005L8.586 10z"
-        fill="currentColor"
-        fillRule="evenodd"/>
+      d="M12.851 4.353a1.204 1.204 0 0 0-1.702 0l-6.796 6.796c-.47.47-.47 1.232 0 1.702l6.796 6.796c.47.47 1.232.47 1.702 0l6.796-6.796c.47-.47.47-1.232 0-1.702l-6.796-6.796zm1.414-1.415 6.797 6.797a3.204 3.204 0 0 1 0 4.53l-6.797 6.797a3.204 3.204 0 0 1-4.53 0l-6.797-6.797a3.204 3.204 0 0 1 0-4.53l6.797-6.797a3.204 3.204 0 0 1 4.53 0zM12.585 10 14 8.586l3.419 3.418L14 15.423l-1.414-1.414 2.004-2.005L12.586 10zm-4 0L10 8.586l3.419 3.418L10 15.423l-1.414-1.414 2.004-2.005L8.586 10z"
+      fill="currentColor"
+      fillRule="evenodd"
+    />
   </svg>
 );
 

package/src/Icon/tsx/IconsTestSuccess.tsx

@@ -2,11 +2,12 @@
 import * as React from 'react';
 
 const SvgIconsTestSuccess = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <path
-        d="M12.851 4.353a1.204 1.204 0 0 0-1.702 0l-6.796 6.796c-.47.47-.47 1.232 0 1.702l6.796 6.796c.47.47 1.232.47 1.702 0l6.796-6.796c.47-.47.47-1.232 0-1.702l-6.796-6.796zm1.414-1.415 6.797 6.797a3.204 3.204 0 0 1 0 4.53l-6.797 6.797a3.204 3.204 0 0 1-4.53 0l-6.797-6.797a3.204 3.204 0 0 1 0-4.53l6.797-6.797a3.204 3.204 0 0 1 4.53 0zm.736 6.648L16.414 11 11 16.408l-3.414-3.413L9 11.58l2 2 4.001-3.994z"
-        fill="currentColor"
-        fillRule="evenodd"/>
+      d="M12.851 4.353a1.204 1.204 0 0 0-1.702 0l-6.796 6.796c-.47.47-.47 1.232 0 1.702l6.796 6.796c.47.47 1.232.47 1.702 0l6.796-6.796c.47-.47.47-1.232 0-1.702l-6.796-6.796zm1.414-1.415 6.797 6.797a3.204 3.204 0 0 1 0 4.53l-6.797 6.797a3.204 3.204 0 0 1-4.53 0l-6.797-6.797a3.204 3.204 0 0 1 0-4.53l6.797-6.797a3.204 3.204 0 0 1 4.53 0zm.736 6.648L16.414 11 11 16.408l-3.414-3.413L9 11.58l2 2 4.001-3.994z"
+      fill="currentColor"
+      fillRule="evenodd"
+    />
   </svg>
 );
 

package/src/Icon/tsx/IconsTestWarning.tsx

@@ -2,11 +2,12 @@
 import * as React from 'react';
 
 const SvgIconsTestWarning = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <path
-        d="M12.851 4.353a1.204 1.204 0 0 0-1.702 0l-6.796 6.796c-.47.47-.47 1.232 0 1.702l6.796 6.796c.47.47 1.232.47 1.702 0l6.796-6.796c.47-.47.47-1.232 0-1.702l-6.796-6.796zm1.414-1.415 6.797 6.797a3.204 3.204 0 0 1 0 4.53l-6.797 6.797a3.204 3.204 0 0 1-4.53 0l-6.797-6.797a3.204 3.204 0 0 1 0-4.53l6.797-6.797a3.204 3.204 0 0 1 4.53 0zM11 6h1.998v7.996H11V6zm0 10h1.998v1.998H11V16z"
-        fill="currentColor"
-        fillRule="evenodd"/>
+      d="M12.851 4.353a1.204 1.204 0 0 0-1.702 0l-6.796 6.796c-.47.47-.47 1.232 0 1.702l6.796 6.796c.47.47 1.232.47 1.702 0l6.796-6.796c.47-.47.47-1.232 0-1.702l-6.796-6.796zm1.414-1.415 6.797 6.797a3.204 3.204 0 0 1 0 4.53l-6.797 6.797a3.204 3.204 0 0 1-4.53 0l-6.797-6.797a3.204 3.204 0 0 1 0-4.53l6.797-6.797a3.204 3.204 0 0 1 4.53 0zM11 6h1.998v7.996H11V6zm0 10h1.998v1.998H11V16z"
+      fill="currentColor"
+      fillRule="evenodd"
+    />
   </svg>
 );
 

package/src/Icon/tsx/IconsTick.tsx

@@ -2,16 +2,11 @@
 import * as React from 'react';
 
 const SvgIconsTick = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
-      <path
-          d="M10.213 13.915 17.234 7l1.49 1.49L10.212 17 5 11.68l1.49-1.489z"
-          id="icons-tick_svg__a"/>
+      <path d="M10.213 13.915 17.234 7l1.49 1.49L10.212 17 5 11.68l1.49-1.489z" id="icons-tick_svg__a" />
     </defs>
-    <use
-        fill="currentColor"
-        fillRule="evenodd"
-        xlinkHref="#icons-tick_svg__a"/>
+    <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-tick_svg__a" />
   </svg>
 );
 

package/src/Icon/tsx/IconsTime.tsx

@@ -2,16 +2,14 @@
 import * as React from 'react';
 
 const SvgIconsTime = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-          d="M12 12c-3.7 0-6.9 2.5-7.7 6H2c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2h-2.3c-.8-3.5-4-6-7.7-6zm-5.7 6c.8-2.3 3-4 5.7-4s4.8 1.7 5.7 4H6.3zM19.7 6H22c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2h2.3c.9 3.5 4 6 7.7 6s6.9-2.5 7.7-6zM12 10c-2.6 0-4.8-1.7-5.7-4h11.3c-.8 2.3-3 4-5.6 4z"
-          id="icons-time_svg__a"/>
+        d="M12 12c-3.7 0-6.9 2.5-7.7 6H2c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2h-2.3c-.8-3.5-4-6-7.7-6zm-5.7 6c.8-2.3 3-4 5.7-4s4.8 1.7 5.7 4H6.3zM19.7 6H22c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2h2.3c.9 3.5 4 6 7.7 6s6.9-2.5 7.7-6zM12 10c-2.6 0-4.8-1.7-5.7-4h11.3c-.8 2.3-3 4-5.6 4z"
+        id="icons-time_svg__a"
+      />
     </defs>
-    <use
-        fill="currentColor"
-        fillRule="evenodd"
-        xlinkHref="#icons-time_svg__a"/>
+    <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-time_svg__a" />
   </svg>
 );
 

package/src/Icon/tsx/IconsTrace.tsx

@@ -2,11 +2,12 @@
 import * as React from 'react';
 
 const SvgIconsTrace = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <path
-        d="M3.859 13.042H.5V11.05h1.572a10.06 10.06 0 0 1 2.86-6.108 9.868 9.868 0 0 1 6.076-2.908V.5h1.978v3.346c-3.088 0-5.374.728-7.303 3.242l5.306-.043a.992.992 0 1 1 0 1.984l-6.428.037c-.616 1.59-.69 2.342-.702 3.976Zm18.106-.007a10.087 10.087 0 0 1-2.822 6.083 9.84 9.84 0 0 1-6.157 2.94l.006 1.534-1.978.007-.012-3.34c3.13-.013 5.392-.703 7.352-3.255h-5.405a.996.996 0 0 1-.992-.992c0-.548.45-.992.992-.992h6.527c.61-1.54.678-2.367.671-3.957l3.34-.012.013 1.978-1.535.006Zm-13.97-1.978h7.894v1.978H7.994v-1.978Z"
-        fill="currentColor"
-        fillRule="nonzero"/>
+      d="M3.859 13.042H.5V11.05h1.572a10.06 10.06 0 0 1 2.86-6.108 9.868 9.868 0 0 1 6.076-2.908V.5h1.978v3.346c-3.088 0-5.374.728-7.303 3.242l5.306-.043a.992.992 0 1 1 0 1.984l-6.428.037c-.616 1.59-.69 2.342-.702 3.976Zm18.106-.007a10.087 10.087 0 0 1-2.822 6.083 9.84 9.84 0 0 1-6.157 2.94l.006 1.534-1.978.007-.012-3.34c3.13-.013 5.392-.703 7.352-3.255h-5.405a.996.996 0 0 1-.992-.992c0-.548.45-.992.992-.992h6.527c.61-1.54.678-2.367.671-3.957l3.34-.012.013 1.978-1.535.006Zm-13.97-1.978h7.894v1.978H7.994v-1.978Z"
+      fill="currentColor"
+      fillRule="nonzero"
+    />
   </svg>
 );
 

package/src/Icon/tsx/IconsTrash.tsx

@@ -2,16 +2,14 @@
 import * as React from 'react';
 
 const SvgIconsTrash = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-          d="M5 5h14v2H5V5zm11 14H8V8H6v11c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V8h-2v11zM11 2h2v2h-2V2z"
-          id="icons-trash_svg__a"/>
+        d="M5 5h14v2H5V5zm11 14H8V8H6v11c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V8h-2v11zM11 2h2v2h-2V2z"
+        id="icons-trash_svg__a"
+      />
     </defs>
-    <use
-        fill="currentColor"
-        fillRule="evenodd"
-        xlinkHref="#icons-trash_svg__a"/>
+    <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-trash_svg__a" />
   </svg>
 );
 

package/src/Icon/tsx/IconsTrigger.tsx

@@ -2,16 +2,14 @@
 import * as React from 'react';
 
 const SvgIconsTrigger = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-          d="M7.133 13h4.469a1.001 1.001 0 0 1 .969 1.243l-.688 2.746 4.984-5.99h-4.468a.998.998 0 0 1-.97-1.242l.688-2.746L7.133 13zm2.713 9a1 1 0 0 1-.97-1.243L10.32 15H5a1 1 0 0 1-.768-1.64l9.154-11a1 1 0 0 1 1.738.883L13.68 9H19a1 1 0 0 1 .769 1.64l-9.155 11a1 1 0 0 1-.768.36z"
-          id="icons-trigger_svg__a"/>
+        d="M7.133 13h4.469a1.001 1.001 0 0 1 .969 1.243l-.688 2.746 4.984-5.99h-4.468a.998.998 0 0 1-.97-1.242l.688-2.746L7.133 13zm2.713 9a1 1 0 0 1-.97-1.243L10.32 15H5a1 1 0 0 1-.768-1.64l9.154-11a1 1 0 0 1 1.738.883L13.68 9H19a1 1 0 0 1 .769 1.64l-9.155 11a1 1 0 0 1-.768.36z"
+        id="icons-trigger_svg__a"
+      />
     </defs>
-    <use
-        fill="currentColor"
-        fillRule="evenodd"
-        xlinkHref="#icons-trigger_svg__a"/>
+    <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-trigger_svg__a" />
   </svg>
 );
 

package/src/Icon/tsx/IconsTwitter.tsx

@@ -2,16 +2,14 @@
 import * as React from 'react';
 
 const SvgIconsTwitter = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-          d="M8.659 19.619c6.796 0 10.513-5.863 10.513-10.947 0-.167 0-.333-.011-.498a7.698 7.698 0 0 0 1.843-1.991 7.148 7.148 0 0 1-2.122.605 3.838 3.838 0 0 0 1.625-2.128 7.229 7.229 0 0 1-2.347.934c-1.145-1.268-2.965-1.579-4.439-.757-1.474.821-2.235 2.57-1.857 4.266-2.97-.155-5.739-1.616-7.615-4.02-.98 1.758-.48 4.007 1.144 5.136a3.557 3.557 0 0 1-1.677-.481v.048c0 1.832 1.24 3.41 2.964 3.772a3.547 3.547 0 0 1-1.668.066c.484 1.567 1.871 2.641 3.452 2.672a7.229 7.229 0 0 1-4.589 1.65c-.294 0-.587-.019-.88-.055a10.16 10.16 0 0 0 5.664 1.725"
-          id="icons-twitter_svg__a"/>
+        d="M8.659 19.619c6.796 0 10.513-5.863 10.513-10.947 0-.167 0-.333-.011-.498a7.698 7.698 0 0 0 1.843-1.991 7.148 7.148 0 0 1-2.122.605 3.838 3.838 0 0 0 1.625-2.128 7.229 7.229 0 0 1-2.347.934c-1.145-1.268-2.965-1.579-4.439-.757-1.474.821-2.235 2.57-1.857 4.266-2.97-.155-5.739-1.616-7.615-4.02-.98 1.758-.48 4.007 1.144 5.136a3.557 3.557 0 0 1-1.677-.481v.048c0 1.832 1.24 3.41 2.964 3.772a3.547 3.547 0 0 1-1.668.066c.484 1.567 1.871 2.641 3.452 2.672a7.229 7.229 0 0 1-4.589 1.65c-.294 0-.587-.019-.88-.055a10.16 10.16 0 0 0 5.664 1.725"
+        id="icons-twitter_svg__a"
+      />
     </defs>
-    <use
-        fill="currentColor"
-        fillRule="evenodd"
-        xlinkHref="#icons-twitter_svg__a"/>
+    <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-twitter_svg__a" />
   </svg>
 );
 

package/src/Icon/tsx/IconsValidateShield.tsx

@@ -2,16 +2,14 @@
 import * as React from 'react';
 
 const SvgIconsValidateShield = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-          d="m17.1 8.653-1.4-1.455-5.4 5.614-1.9-2.08-1.4 1.56 3.3 3.43 6.8-7.069zM20 2H4c-1.1 0-2 .936-2 2.08v11.85c0 .728.4 1.456 1 1.768l8 4.99c.3.208.7.312 1 .312.4 0 .7-.104 1-.312l8-4.99c.6-.416 1-1.04 1-1.767V4.079C22 2.936 21.1 2 20 2zm0 13.93-8 4.99-8-4.99V4.08h16v11.85z"
-          id="icons-validate-shield_svg__a"/>
+        d="m17.1 8.653-1.4-1.455-5.4 5.614-1.9-2.08-1.4 1.56 3.3 3.43 6.8-7.069zM20 2H4c-1.1 0-2 .936-2 2.08v11.85c0 .728.4 1.456 1 1.768l8 4.99c.3.208.7.312 1 .312.4 0 .7-.104 1-.312l8-4.99c.6-.416 1-1.04 1-1.767V4.079C22 2.936 21.1 2 20 2zm0 13.93-8 4.99-8-4.99V4.08h16v11.85z"
+        id="icons-validate-shield_svg__a"
+      />
     </defs>
-    <use
-        fill="currentColor"
-        fillRule="evenodd"
-        xlinkHref="#icons-validate-shield_svg__a"/>
+    <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-validate-shield_svg__a" />
   </svg>
 );
 

package/src/Icon/tsx/IconsWarning.tsx

@@ -2,16 +2,14 @@
 import * as React from 'react';
 
 const SvgIconsWarning = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-          d="M21.8 19.102 13.806 3.114a2.002 2.002 0 0 0-2.698-.899c-.3.2-.6.5-.8.9L2.216 19.101c-.5 1-.1 2.199.9 2.698.3.1.599.2.899.2h15.988A2.003 2.003 0 0 0 22 20.002c0-.3-.1-.6-.2-.9zm-17.786.9 7.994-15.988 7.994 15.988H4.014zm6.994-9.993h1.999v4.996h-1.999V10.01zm0 5.996h1.999v1.998h-1.999v-1.998z"
-          id="icons-warning_svg__a"/>
+        d="M21.8 19.102 13.806 3.114a2.002 2.002 0 0 0-2.698-.899c-.3.2-.6.5-.8.9L2.216 19.101c-.5 1-.1 2.199.9 2.698.3.1.599.2.899.2h15.988A2.003 2.003 0 0 0 22 20.002c0-.3-.1-.6-.2-.9zm-17.786.9 7.994-15.988 7.994 15.988H4.014zm6.994-9.993h1.999v4.996h-1.999V10.01zm0 5.996h1.999v1.998h-1.999v-1.998z"
+        id="icons-warning_svg__a"
+      />
     </defs>
-    <use
-        fill="currentColor"
-        fillRule="evenodd"
-        xlinkHref="#icons-warning_svg__a"/>
+    <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-warning_svg__a" />
   </svg>
 );
 

package/src/Icon/tsx/IconsWebUi.tsx

@@ -2,15 +2,14 @@
 import * as React from 'react';
 
 const SvgIconsWebUi = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } fill="none" viewBox="0 0 24 24">
+  <svg {...props} fill="none" viewBox="0 0 24 24">
+    <path d="M15.988 10V8H11v5h2v-1.544l2.523 2.567 1.415-1.414L14.373 10h1.615Z" fill="currentColor" />
     <path
-        d="M15.988 10V8H11v5h2v-1.544l2.523 2.567 1.415-1.414L14.373 10h1.615Z"
-        fill="currentColor"/>
-    <path
-        clipRule="evenodd"
-        d="M18 4H6a2 2 0 0 0-2 2v11h16V6a2 2 0 0 0-2-2Zm0 2v9H6V6h12Z"
-        fill="currentColor"
-        fillRule="evenodd"/>
+      clipRule="evenodd"
+      d="M18 4H6a2 2 0 0 0-2 2v11h16V6a2 2 0 0 0-2-2Zm0 2v9H6V6h12Z"
+      fill="currentColor"
+      fillRule="evenodd"
+    />
     <path d="M2 18h20v2H2v-2Z" fill="currentColor" />
   </svg>
 );

package/src/Icon/tsx/IconsWindow.tsx

@@ -2,16 +2,14 @@
 import * as React from 'react';
 
 const SvgIconsWindow = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-          d="M6 8h10v2H6V8zm14-4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V7h16v11zM6 11h12v2H6v-2zm0 3h8v2H6v-2z"
-          id="icons-window_svg__a"/>
+        d="M6 8h10v2H6V8zm14-4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V7h16v11zM6 11h12v2H6v-2zm0 3h8v2H6v-2z"
+        id="icons-window_svg__a"
+      />
     </defs>
-    <use
-        fill="currentColor"
-        fillRule="evenodd"
-        xlinkHref="#icons-window_svg__a"/>
+    <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-window_svg__a" />
   </svg>
 );
 

package/src/Icon/tsx/IconsWorkflow.tsx

@@ -2,16 +2,14 @@
 import * as React from 'react';
 
 const SvgIconsWorkflow = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-          d="M18.5 8V3h-5V2h-3v1h-5v5h5v1h-5v5h5v1h-5v5h5v2h3v-2h5v-5h-5v-1h5V9h-5V8h5zm-2 9v1h-9v-1h9zm0-6v1h-9v-1h9zm-9-5V5h9v1h-9z"
-          id="icons-workflow_svg__a"/>
+        d="M18.5 8V3h-5V2h-3v1h-5v5h5v1h-5v5h5v1h-5v5h5v2h3v-2h5v-5h-5v-1h5V9h-5V8h5zm-2 9v1h-9v-1h9zm0-6v1h-9v-1h9zm-9-5V5h9v1h-9z"
+        id="icons-workflow_svg__a"
+      />
     </defs>
-    <use
-        fill="currentColor"
-        fillRule="evenodd"
-        xlinkHref="#icons-workflow_svg__a"/>
+    <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-workflow_svg__a" />
   </svg>
 );
 

package/src/Icon/tsx/IconsWorkflowFlow.tsx

@@ -2,16 +2,14 @@
 import * as React from 'react';
 
 const SvgIconsWorkflowFlow = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-          d="M14.857 4.857H10C9.524 3.238 8.095 2 6.286 2a3.82 3.82 0 0 0-3.81 3.81 3.82 3.82 0 0 0 3.81 3.809c1.81 0 3.238-1.238 3.714-2.857h4.857c2.667 0 4.762 2.095 4.762 4.762 0 1.714-.857 3.238-2.286 4.095-.571-1.333-1.904-2.19-3.428-2.19-1.81 0-3.238 1.238-3.715 2.857h-.476c-2.666 0-4.762 2.19-4.762 4.762h1.905c0-1.62 1.333-2.858 2.857-2.858h.476c.381 1.62 1.905 2.858 3.715 2.858 2 0 3.619-1.524 3.81-3.524 2.285-1.048 3.809-3.429 3.809-6a6.626 6.626 0 0 0-6.667-6.667zM6.286 7.714A1.91 1.91 0 0 1 4.38 5.81a1.91 1.91 0 0 1 1.905-1.905A1.91 1.91 0 0 1 8.19 5.81a1.91 1.91 0 0 1-1.904 1.904zm7.619 11.429A1.91 1.91 0 0 1 12 17.238a1.91 1.91 0 0 1 1.905-1.905 1.91 1.91 0 0 1 1.905 1.905 1.91 1.91 0 0 1-1.905 1.905z"
-          id="icons-workflow-flow_svg__a"/>
+        d="M14.857 4.857H10C9.524 3.238 8.095 2 6.286 2a3.82 3.82 0 0 0-3.81 3.81 3.82 3.82 0 0 0 3.81 3.809c1.81 0 3.238-1.238 3.714-2.857h4.857c2.667 0 4.762 2.095 4.762 4.762 0 1.714-.857 3.238-2.286 4.095-.571-1.333-1.904-2.19-3.428-2.19-1.81 0-3.238 1.238-3.715 2.857h-.476c-2.666 0-4.762 2.19-4.762 4.762h1.905c0-1.62 1.333-2.858 2.857-2.858h.476c.381 1.62 1.905 2.858 3.715 2.858 2 0 3.619-1.524 3.81-3.524 2.285-1.048 3.809-3.429 3.809-6a6.626 6.626 0 0 0-6.667-6.667zM6.286 7.714A1.91 1.91 0 0 1 4.38 5.81a1.91 1.91 0 0 1 1.905-1.905A1.91 1.91 0 0 1 8.19 5.81a1.91 1.91 0 0 1-1.904 1.904zm7.619 11.429A1.91 1.91 0 0 1 12 17.238a1.91 1.91 0 0 1 1.905-1.905 1.91 1.91 0 0 1 1.905 1.905 1.91 1.91 0 0 1-1.905 1.905z"
+        id="icons-workflow-flow_svg__a"
+      />
     </defs>
-    <use
-        fill="currentColor"
-        fillRule="evenodd"
-        xlinkHref="#icons-workflow-flow_svg__a"/>
+    <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-workflow-flow_svg__a" />
   </svg>
 );
 

package/src/Icon/tsx/IconsWow.tsx

@@ -2,11 +2,12 @@
 import * as React from 'react';
 
 const SvgIconsWow = (props: React.SVGProps<SVGSVGElement>) => (
-  <svg { ...props } viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-          d="M6 12.5H4v-2H2v8h2v1h2v-2h2v-9H6v4zm14-8v4h-2v-2h-2v8h2v1h2v-2h2v-9h-2zm-6 6H9v7h1v1h5v-7h-1v-1zm-1 6h-2v-4h2v4z"
-          id="icons-wow_svg__a"/>
+        d="M6 12.5H4v-2H2v8h2v1h2v-2h2v-9H6v4zm14-8v4h-2v-2h-2v8h2v1h2v-2h2v-9h-2zm-6 6H9v7h1v1h5v-7h-1v-1zm-1 6h-2v-4h2v4z"
+        id="icons-wow_svg__a"
+      />
     </defs>
     <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-wow_svg__a" />
   </svg>

package/src/Icon/tsx/index.ts

@@ -518,6 +518,7 @@ export const IconList: TypeIconName[] = [
 ];
 
 export const IconMap: {
+  // eslint-disable-next-line @bitrise/ban-react-fc
   [key in TypeIconName]: React.FC<React.SVGProps<SVGSVGElement>>;
 } = {
   AddOnsColorTuorqouise,

package/src/Placement/Placement.css

@@ -1,29 +1,10 @@
 
-:root {
-  --Placement-arrow-size: var(--size--x3);
-}
-
 .Placement {
   position: absolute;
-  margin: var(--Placement-arrow-size);
   z-index: var(--z-index-Placement--below-modal);
   pointer-events: none;
 }
 
-.Placement--disable-margin {
-  margin: 0;
-}
-
-.Placement--disable-margin-top-bottom {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.Placement--disable-margin-left-right {
-  margin-right: 0;
-  margin-left: 0;
-}
-
 .Placement--animate {
   transition-property: transform;
   transition-duration: var(--transition-duration--fast);
@@ -83,50 +64,51 @@
   border-top: 0.0625rem solid var(--color-gray--2);
 }
 
-.Placement__arrow {
+.Placement__arrow,
+.Placement__arrow::before {
   position: absolute;
-  width: var(--Placement-arrow-size);
-  height: var(--Placement-arrow-size);
+  width: var(--size--x3);
+  height: var(--size--x3);
 }
 
 .Placement__arrow,
 .Placement__arrow:first-child,
 .Placement__arrow:last-child {
-  margin: var(--Placement-arrow-size);
+  visibility: hidden;
+}
+
+.Placement__arrow::before {
+  content: '';
+  display: block;
+  transform: rotate(45deg);
+  background: inherit;
+  visibility: visible;
 }
 
 .Placement--top .Placement__arrow,
 .Placement--top-start .Placement__arrow,
 .Placement--top-end .Placement__arrow {
   top: 100%;
-  transform:
-    translateY(calc(-50% + var(--Placement-arrow-size) * -1))
-    rotate(45deg);
+  margin-top: -0.375rem;
 }
 
 .Placement--right .Placement__arrow,
 .Placement--right-start .Placement__arrow,
 .Placement--right-end .Placement__arrow {
   right: 100%;
-  transform:
-    translateX(calc(50% - var(--Placement-arrow-size) * -1))
-    rotate(45deg);
+  margin-right: -0.375rem;
 }
 
 .Placement--bottom .Placement__arrow,
 .Placement--bottom-start .Placement__arrow,
 .Placement--bottom-end .Placement__arrow {
   bottom: 100%;
-  transform:
-    translateY(calc(50% - var(--Placement-arrow-size) * -1))
-    rotate(45deg);
+  margin-bottom: -0.375rem;
 }
 
 .Placement--left .Placement__arrow,
 .Placement--left-start .Placement__arrow,
 .Placement--left-end .Placement__arrow {
   left: 100%;
-  transform:
-    translateX(calc(-50% + var(--Placement-arrow-size) * -1))
-    rotate(45deg);
+  margin-left: -0.375rem;
 }

package/src/Placement/Placement.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Placement as TypePlacement, ReferenceObject as TypeReferenceObject } from 'popper.js';
+import { Placement as TypePlacement } from '@popperjs/core';
 import { Props as BaseProps } from '../Base/Base';
 import { ModalContext } from '../Modal/ModalContext';
 import PlacementPopper from './PlacementPopper';
@@ -13,15 +13,11 @@ export interface Props extends BaseProps {
   animatePosition?: boolean;
   /**
    * A render callback function that provides a
-   * scheduleUpdate function to trigger a reposition,
+   * update function to trigger a reposition,
    * and the width of the target that is being positioned
    * around.
    */
-  children: (props: { scheduleUpdate: () => void; width?: number }) => React.ReactNode;
-  /**
-   * Flag that disables margin around the Placement.
-   */
-  disableMargin?: boolean | 'top-bottom' | 'left-right';
+  children: (props: { update: () => void; width?: number }) => React.ReactNode;
   /**
    * Flag that disables repositioning on scroll and resize events.
    */
@@ -45,7 +41,8 @@ export interface Props extends BaseProps {
   /**
    * An optional reference element to be used as the target.
    */
-  referenceElement?: TypeReferenceObject;
+  referenceElement?: any;
+  sameWidth?: boolean;
   /**
    * The visibilty of the positioned content.
    */