@bitrise/bitkit 12.83.0 → 12.84.0

package/src/Components/Form/Radio/Radio.theme.ts

@@ -1,59 +1,59 @@
 const RadioTheme = {
   baseStyle: {
-    icon: {
-      color: 'neutral.100',
-    },
     container: {
-      alignItems: 'flex-start',
+      ':hover > span:first-of-type': {
+        borderColor: 'neutral.70',
+      },
       _disabled: {
-        cursor: 'not-allowed',
         ':hover > span:first-of-type': {
           borderColor: 'neutral.90',
         },
+        cursor: 'not-allowed',
       },
-      ':hover > span:first-of-type': {
-        borderColor: 'neutral.70',
-      },
+      alignItems: 'flex-start',
     },
     control: {
-      width: '24',
-      height: '24',
-      border: '1px solid',
-      borderColor: 'neutral.90',
-      borderRadius: '12',
-      boxShadow: 'inner',
       _before: {
+        backgroundColor: 'transparent',
+        borderRadius: '50%',
         content: `""`,
         display: 'inline-block',
-        width: '12',
         height: '12',
-        borderRadius: '50%',
-        backgroundColor: 'transparent',
         transitionDuration: '200ms',
+        width: '12',
       },
       _checked: {
         _before: {
           backgroundColor: 'purple.40',
         },
       },
-      _hover: {
-        borderColor: 'neutral.70',
+      _disabled: {
+        backgroundColor: 'neutral.93',
+        borderColor: 'neutral.90',
+        cursor: 'not-allowed',
       },
       _focusVisible: {
         boxShadow: 'formFocus',
       },
-      _disabled: {
-        cursor: 'not-allowed',
-        backgroundColor: 'neutral.93',
-        borderColor: 'neutral.90',
+      _hover: {
+        borderColor: 'neutral.70',
       },
+      border: '1px solid',
+      borderColor: 'neutral.90',
+      borderRadius: '12',
+      boxShadow: 'inner',
+      height: '24',
+      width: '24',
+    },
+    icon: {
+      color: 'neutral.100',
     },
     label: {
-      userSelect: 'none',
-      display: 'flex',
+      _disabled: { color: 'neutral.60' },
       alignItems: 'center',
+      display: 'flex',
       gap: '4',
-      _disabled: { color: 'neutral.60' },
+      userSelect: 'none',
     },
   },
 };

package/src/Components/Form/Radio/Radio.tsx

@@ -1,4 +1,4 @@
-import { Radio as ChakraRadio, RadioProps as ChakraRadioProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Radio as ChakraRadio, RadioProps as ChakraRadioProps } from '@chakra-ui/react';
 
 type RadioInputProps = ChakraRadioProps['inputProps'] & {
   'data-testid'?: string;

package/src/Components/Form/Textarea/Textarea.tsx

@@ -5,9 +5,9 @@ import {
   FormErrorMessage,
   FormHelperText,
   FormLabel,
+  forwardRef,
   Textarea as ChakraTextarea,
   TextareaProps as ChakraTextareaProps,
-  forwardRef,
 } from '@chakra-ui/react';
 import Text from '../../Text/Text';
 import Box from '../../Box/Box';
@@ -62,11 +62,11 @@ const Textarea = forwardRef<TextareaProps, 'div'>((props, ref) => {
     label,
     maxLength,
     minLength,
-    placeholder,
+    name,
     onBlur,
     onChange,
+    placeholder,
     resize,
-    name,
     role,
     value,
     withCounter,
@@ -82,10 +82,10 @@ const Textarea = forwardRef<TextareaProps, 'div'>((props, ref) => {
     autoComplete,
     autoFocus,
     'data-testid': dataTestid,
-    onBlur,
     maxLength,
     minLength,
     name,
+    onBlur,
     placeholder,
     resize,
     role,
@@ -105,14 +105,14 @@ const Textarea = forwardRef<TextareaProps, 'div'>((props, ref) => {
   return (
     <FormControl {...formControlProps}>
       {label && (
-        <Box display="flex" gap="4" alignItems="center" marginBlockEnd="4">
+        <Box alignItems="center" display="flex" gap="4" marginBlockEnd="4">
           <FormLabel
-            requiredIndicator={null as any}
             optionalIndicator={
-              <Text as="span" fontSize="2" color="neutral.40" fontWeight="normal" marginLeft="4px">
+              <Text as="span" color="neutral.40" fontSize="2" fontWeight="normal" marginLeft="4px">
                 (Optional)
               </Text>
             }
+            requiredIndicator={null as any}
           >
             {label}
           </FormLabel>
@@ -124,10 +124,10 @@ const Textarea = forwardRef<TextareaProps, 'div'>((props, ref) => {
           {withCounter && maxLength && (
             <Text
               as="span"
-              size="2"
               color="neutral.40"
-              sx={{ fontVariantNumeric: 'tabular-nums' }}
               marginInlineStart="auto"
+              size="2"
+              sx={{ fontVariantNumeric: 'tabular-nums' }}
             >
               {valueLength}/{maxLength}
             </Text>

package/src/Components/Icon/Icon.tsx

@@ -10,9 +10,9 @@ export interface IconProps extends ChakraIconProps {
 
 const Icon = forwardRef<IconProps, 'svg'>(({ name, size = '24', ...rest }, ref) => {
   const props = {
+    height: size,
     ref,
     width: size,
-    height: size,
     ...rest,
   };
   const ThisIcon = size === '16' ? smallIcons[name] : bigIcons[name];

package/src/Components/IconButton/IconButton.tsx

@@ -1,4 +1,4 @@
-import { IconButton as ChakraIconButton, IconButtonProps as ChakraIconButtonProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, IconButton as ChakraIconButton, IconButtonProps as ChakraIconButtonProps } from '@chakra-ui/react';
 import Icon, { IconProps, TypeIconName } from '../Icon/Icon';
 import Tooltip, { TooltipProps } from '../Tooltip/Tooltip';
 

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

@@ -1,12 +1,12 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Addons = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      clipRule="evenodd"
+      d="M13.333 11.845c0 .119-.064.23-.166.289l-2.001 1.155a.333.333 0 0 1-.333-.001l-2-1.153a.336.336 0 0 1-.166-.29V9.434c0-.119.064-.229.165-.288h.001l2-1.155V7.99a.336.336 0 0 1 .334 0l1.999 1.154c.103.06.167.17.167.29v2.41Zm-6.166.289-2.001 1.155a.333.333 0 0 1-.333-.001l-2-1.153a.336.336 0 0 1-.166-.29V9.434c0-.12.064-.23.166-.29l2-1.154a.335.335 0 0 1 .334 0l2 1.155c.103.06.166.17.166.289v2.41c0 .12-.064.23-.166.29Zm-1.5-7.98c0-.119.064-.23.166-.289l2-1.154a.335.335 0 0 1 .334 0l1.999 1.154c.103.06.167.17.167.29v2.392a.334.334 0 0 1-.166.288L8.166 7.991a.331.331 0 0 1-.331 0l-.002-.001-1.405-.811-.595-.344a.334.334 0 0 1-.166-.288V4.155Zm8.166 3.836-2-1.154c-.061-.035-.13-.053-.194-.08.009-.07.028-.138.028-.209V4.155c0-.594-.32-1.146-.834-1.444l-2-1.154a1.67 1.67 0 0 0-1.666-.001L5.166 2.71c-.513.298-.833.85-.833 1.444v2.392c0 .07.019.139.028.208-.065.027-.132.045-.194.08L2.166 7.991c-.513.297-.833.85-.833 1.443v2.41c0 .594.32 1.147.834 1.445l1.999 1.153a1.663 1.663 0 0 0 1.667.001l2-1.155c.062-.036.11-.085.167-.128.056.043.105.093.167.129l1.999 1.153a1.663 1.663 0 0 0 1.667.001l2-1.155c.514-.297.834-.85.834-1.443V9.434c0-.593-.32-1.146-.834-1.444Z"
       fill="currentColor"
       fillRule="evenodd"
-      d="M13.333 11.845c0 .119-.064.23-.166.289l-2.001 1.155a.333.333 0 0 1-.333-.001l-2-1.153a.336.336 0 0 1-.166-.29V9.434c0-.119.064-.229.165-.288h.001l2-1.155V7.99a.336.336 0 0 1 .334 0l1.999 1.154c.103.06.167.17.167.29v2.41Zm-6.166.289-2.001 1.155a.333.333 0 0 1-.333-.001l-2-1.153a.336.336 0 0 1-.166-.29V9.434c0-.12.064-.23.166-.29l2-1.154a.335.335 0 0 1 .334 0l2 1.155c.103.06.166.17.166.289v2.41c0 .12-.064.23-.166.29Zm-1.5-7.98c0-.119.064-.23.166-.289l2-1.154a.335.335 0 0 1 .334 0l1.999 1.154c.103.06.167.17.167.29v2.392a.334.334 0 0 1-.166.288L8.166 7.991a.331.331 0 0 1-.331 0l-.002-.001-1.405-.811-.595-.344a.334.334 0 0 1-.166-.288V4.155Zm8.166 3.836-2-1.154c-.061-.035-.13-.053-.194-.08.009-.07.028-.138.028-.209V4.155c0-.594-.32-1.146-.834-1.444l-2-1.154a1.67 1.67 0 0 0-1.666-.001L5.166 2.71c-.513.298-.833.85-.833 1.444v2.392c0 .07.019.139.028.208-.065.027-.132.045-.194.08L2.166 7.991c-.513.297-.833.85-.833 1.443v2.41c0 .594.32 1.147.834 1.445l1.999 1.153a1.663 1.663 0 0 0 1.667.001l2-1.155c.062-.036.11-.085.167-.128.056.043.105.093.167.129l1.999 1.153a1.663 1.663 0 0 0 1.667.001l2-1.155c.514-.297.834-.85.834-1.443V9.434c0-.593-.32-1.146-.834-1.444Z"
-      clipRule="evenodd"
     />
   </Icon>
 ));

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

@@ -1,26 +1,26 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const AddonsTuorqouise = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      clipRule="evenodd"
+      d="M8 8.956v3.981l-2.667 1.548c-.412.24-.92.24-1.332 0l-2-1.16a1.343 1.343 0 0 1-.668-1.162V9.73c0-.48.255-.923.668-1.161L4.667 7.02 8 8.956Z"
       fill="#55CEC3"
       fillRule="evenodd"
-      d="M8 8.956v3.981l-2.667 1.548c-.412.24-.92.24-1.332 0l-2-1.16a1.343 1.343 0 0 1-.668-1.162V9.73c0-.48.255-.923.668-1.161L4.667 7.02 8 8.956Z"
-      clipRule="evenodd"
       opacity={0.8}
     />
     <path
+      clipRule="evenodd"
+      d="M14.667 9.73v2.433c0 .48-.255.922-.668 1.161l-2 1.162c-.412.238-.92.238-1.332 0L8 12.937V8.956l3.333-1.935L14 8.57c.413.239.668.682.668 1.161"
       fill="#55CEC3"
       fillRule="evenodd"
-      d="M14.667 9.73v2.433c0 .48-.255.922-.668 1.161l-2 1.162c-.412.238-.92.238-1.332 0L8 12.937V8.956l3.333-1.935L14 8.57c.413.239.668.682.668 1.161"
-      clipRule="evenodd"
       opacity={0.5}
     />
     <path
+      clipRule="evenodd"
+      d="M11.333 3.835v3.186L8 8.956 4.667 7.02V3.835c0-.48.254-.923.667-1.161l2-1.162c.412-.238.92-.238 1.332 0l2 1.162c.413.238.667.682.667 1.161"
       fill="#55CEC3"
       fillRule="evenodd"
-      d="M11.333 3.835v3.186L8 8.956 4.667 7.02V3.835c0-.48.254-.923.667-1.161l2-1.162c.412-.238.92-.238 1.332 0l2 1.162c.413.238.667.682.667 1.161"
-      clipRule="evenodd"
     />
   </Icon>
 ));

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

@@ -1,26 +1,26 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const AddonsViolet = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      clipRule="evenodd"
+      d="M8 8.956v3.981l-2.667 1.548c-.412.24-.92.24-1.332 0l-2-1.16a1.343 1.343 0 0 1-.668-1.162V9.73c0-.48.255-.923.668-1.161L4.667 7.02 8 8.956Z"
       fill="#9247C2"
       fillRule="evenodd"
-      d="M8 8.956v3.981l-2.667 1.548c-.412.24-.92.24-1.332 0l-2-1.16a1.343 1.343 0 0 1-.668-1.162V9.73c0-.48.255-.923.668-1.161L4.667 7.02 8 8.956Z"
-      clipRule="evenodd"
       opacity={0.8}
     />
     <path
+      clipRule="evenodd"
+      d="M14.667 9.73v2.433c0 .48-.255.922-.668 1.161l-2 1.162c-.412.238-.92.238-1.332 0L8 12.937V8.956l3.333-1.935L14 8.57c.413.239.668.682.668 1.161"
       fill="#9247C2"
       fillRule="evenodd"
-      d="M14.667 9.73v2.433c0 .48-.255.922-.668 1.161l-2 1.162c-.412.238-.92.238-1.332 0L8 12.937V8.956l3.333-1.935L14 8.57c.413.239.668.682.668 1.161"
-      clipRule="evenodd"
       opacity={0.5}
     />
     <path
+      clipRule="evenodd"
+      d="M11.333 3.835v3.186L8 8.956 4.667 7.02V3.835c0-.48.254-.923.667-1.161l2-1.162c.412-.238.92-.238 1.332 0l2 1.162c.413.238.667.682.667 1.161"
       fill="#9247C2"
       fillRule="evenodd"
-      d="M11.333 3.835v3.186L8 8.956 4.667 7.02V3.835c0-.48.254-.923.667-1.161l2-1.162c.412-.238.92-.238 1.332 0l2 1.162c.413.238.667.682.667 1.161"
-      clipRule="evenodd"
     />
   </Icon>
 ));

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

@@ -1,26 +1,26 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const AddonsWhite = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      clipRule="evenodd"
+      d="M8 8.956v3.981l-2.667 1.548c-.412.24-.92.24-1.332 0l-2-1.16a1.343 1.343 0 0 1-.668-1.162V9.73c0-.48.255-.923.668-1.161L4.667 7.02 8 8.956Z"
       fill="#fff"
       fillRule="evenodd"
-      d="M8 8.956v3.981l-2.667 1.548c-.412.24-.92.24-1.332 0l-2-1.16a1.343 1.343 0 0 1-.668-1.162V9.73c0-.48.255-.923.668-1.161L4.667 7.02 8 8.956Z"
-      clipRule="evenodd"
       opacity={0.8}
     />
     <path
+      clipRule="evenodd"
+      d="M14.667 9.73v2.433c0 .48-.255.922-.668 1.161l-2 1.162c-.412.238-.92.238-1.332 0L8 12.937V8.956l3.333-1.935L14 8.57c.413.239.668.682.668 1.161"
       fill="#fff"
       fillRule="evenodd"
-      d="M14.667 9.73v2.433c0 .48-.255.922-.668 1.161l-2 1.162c-.412.238-.92.238-1.332 0L8 12.937V8.956l3.333-1.935L14 8.57c.413.239.668.682.668 1.161"
-      clipRule="evenodd"
       opacity={0.5}
     />
     <path
+      clipRule="evenodd"
+      d="M11.333 3.835v3.186L8 8.956 4.667 7.02V3.835c0-.48.254-.923.667-1.161l2-1.162c.412-.238.92-.238 1.332 0l2 1.162c.413.238.667.682.667 1.161"
       fill="#fff"
       fillRule="evenodd"
-      d="M11.333 3.835v3.186L8 8.956 4.667 7.02V3.835c0-.48.254-.923.667-1.161l2-1.162c.412-.238.92-.238 1.332 0l2 1.162c.413.238.667.682.667 1.161"
-      clipRule="evenodd"
     />
   </Icon>
 ));

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

@@ -1,12 +1,12 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Agent = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      clipRule="evenodd"
+      d="M13.3333 2.66671H2.66665V6.00004H13.3333V2.66671ZM13.3333 10H2.66665V13.3334H13.3333V10ZM2.66665 1.33337C1.93027 1.33337 1.33331 1.93033 1.33331 2.66671V6.00004C1.33331 6.73642 1.93027 7.33337 2.66665 7.33337H13.3333C14.0697 7.33337 14.6666 6.73642 14.6666 6.00004V2.66671C14.6666 1.93033 14.0697 1.33337 13.3333 1.33337H2.66665ZM2.66665 8.66671C1.93027 8.66671 1.33331 9.26366 1.33331 10V13.3334C1.33331 14.0698 1.93027 14.6667 2.66665 14.6667H13.3333C14.0697 14.6667 14.6666 14.0698 14.6666 13.3334V10C14.6666 9.26366 14.0697 8.66671 13.3333 8.66671H2.66665Z"
       fill="currentColor"
       fillRule="evenodd"
-      d="M13.3333 2.66671H2.66665V6.00004H13.3333V2.66671ZM13.3333 10H2.66665V13.3334H13.3333V10ZM2.66665 1.33337C1.93027 1.33337 1.33331 1.93033 1.33331 2.66671V6.00004C1.33331 6.73642 1.93027 7.33337 2.66665 7.33337H13.3333C14.0697 7.33337 14.6666 6.73642 14.6666 6.00004V2.66671C14.6666 1.93033 14.0697 1.33337 13.3333 1.33337H2.66665ZM2.66665 8.66671C1.93027 8.66671 1.33331 9.26366 1.33331 10V13.3334C1.33331 14.0698 1.93027 14.6667 2.66665 14.6667H13.3333C14.0697 14.6667 14.6666 14.0698 14.6666 13.3334V10C14.6666 9.26366 14.0697 8.66671 13.3333 8.66671H2.66665Z"
-      clipRule="evenodd"
     />
   </Icon>
 ));

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

@@ -1,12 +1,12 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Anchor = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      clipRule="evenodd"
+      d="M8 2.667A.667.667 0 1 1 8 4a.667.667 0 0 1 0-1.334ZM11.333 8v1.333H12a4.003 4.003 0 0 1-3.333 3.94v-5.94H10V6H8.667v-.79A1.996 1.996 0 0 0 10 3.333c0-1.102-.897-2-2-2s-2 .898-2 2c0 .868.56 1.601 1.333 1.877V6H6v1.333h1.333v5.94A4.003 4.003 0 0 1 4 9.333h.667V8H1.333v1.333h1.334A5.34 5.34 0 0 0 8 14.667a5.34 5.34 0 0 0 5.333-5.334h1.334V8h-3.334Z"
       fill="currentColor"
       fillRule="evenodd"
-      d="M8 2.667A.667.667 0 1 1 8 4a.667.667 0 0 1 0-1.334ZM11.333 8v1.333H12a4.003 4.003 0 0 1-3.333 3.94v-5.94H10V6H8.667v-.79A1.996 1.996 0 0 0 10 3.333c0-1.102-.897-2-2-2s-2 .898-2 2c0 .868.56 1.601 1.333 1.877V6H6v1.333h1.333v5.94A4.003 4.003 0 0 1 4 9.333h.667V8H1.333v1.333h1.334A5.34 5.34 0 0 0 8 14.667a5.34 5.34 0 0 0 5.333-5.334h1.334V8h-3.334Z"
-      clipRule="evenodd"
     />
   </Icon>
 ));

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

@@ -1,12 +1,12 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Android = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      clipRule="evenodd"
+      d="M6.533 3.333c.467-.2.934-.267 1.467-.267.467 0 .867.067 1.267.2L10.333 2.2a.645.645 0 0 1 .934 0 .644.644 0 0 1 0 .933l-.8.8A3.979 3.979 0 0 1 12 7.062H4c0-1.199.533-2.265 1.4-2.998l-.933-.932a.644.644 0 0 1 0-.933.645.645 0 0 1 .933 0l1.133 1.133Zm-1.2 7.729h-.666c-.4 0-.667-.267-.667-.667V7.73h8v2.665c0 .4-.267.667-.667.667h-.666v1.998a.668.668 0 0 1-.667.667c-.4 0-.667-.267-.667-.667v-1.998H6.667v1.998a.668.668 0 0 1-.667.667c-.4 0-.667-.267-.667-.667v-1.998ZM14 7.73v2.732a.668.668 0 0 1-.667.666c-.4 0-.666-.266-.666-.666V7.73c0-.333.266-.666.666-.666S14 7.33 14 7.73ZM2.667 7.064c.4 0 .666.266.666.666v2.665a.668.668 0 0 1-.666.667c-.4 0-.667-.267-.667-.667V7.73c0-.4.267-.666.667-.666ZM10 6.397c.4 0 .667-.266.667-.666A.668.668 0 0 0 10 5.065c-.4 0-.667.333-.667.666 0 .4.267.667.667.667Zm-4 0c.4 0 .667-.266.667-.666A.668.668 0 0 0 6 5.065c-.4 0-.667.333-.667.666 0 .4.267.667.667.667Z"
       fill="currentColor"
       fillRule="evenodd"
-      d="M6.533 3.333c.467-.2.934-.267 1.467-.267.467 0 .867.067 1.267.2L10.333 2.2a.645.645 0 0 1 .934 0 .644.644 0 0 1 0 .933l-.8.8A3.979 3.979 0 0 1 12 7.062H4c0-1.199.533-2.265 1.4-2.998l-.933-.932a.644.644 0 0 1 0-.933.645.645 0 0 1 .933 0l1.133 1.133Zm-1.2 7.729h-.666c-.4 0-.667-.267-.667-.667V7.73h8v2.665c0 .4-.267.667-.667.667h-.666v1.998a.668.668 0 0 1-.667.667c-.4 0-.667-.267-.667-.667v-1.998H6.667v1.998a.668.668 0 0 1-.667.667c-.4 0-.667-.267-.667-.667v-1.998ZM14 7.73v2.732a.668.668 0 0 1-.667.666c-.4 0-.666-.266-.666-.666V7.73c0-.333.266-.666.666-.666S14 7.33 14 7.73ZM2.667 7.064c.4 0 .666.266.666.666v2.665a.668.668 0 0 1-.666.667c-.4 0-.667-.267-.667-.667V7.73c0-.4.267-.666.667-.666ZM10 6.397c.4 0 .667-.266.667-.666A.668.668 0 0 0 10 5.065c-.4 0-.667.333-.667.666 0 .4.267.667.667.667Zm-4 0c.4 0 .667-.266.667-.666A.668.668 0 0 0 6 5.065c-.4 0-.667.333-.667.666 0 .4.267.667.667.667Z"
-      clipRule="evenodd"
     />
   </Icon>
 ));

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

@@ -1,12 +1,12 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const App = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      clipRule="evenodd"
+      d="M2.667 1.333h10.666c.734 0 1.334.6 1.334 1.334v10.666c0 .734-.6 1.334-1.334 1.334H2.667c-.734 0-1.334-.6-1.334-1.334V2.667c0-.734.6-1.334 1.334-1.334ZM8 4c.867 0 1.667.267 2.333.733L12.4 2.667H3.6l2.067 2.066A4.041 4.041 0 0 1 8 4Zm0 1.333c-.467 0-.933.134-1.333.4L8 7.067l1.333-1.334c-.4-.266-.866-.4-1.333-.4ZM5.733 6.667c-.266.4-.4.866-.4 1.333 0 .467.134.933.4 1.333L7.067 8 5.733 6.667ZM10.667 8c0 .467-.134.933-.4 1.333L8.933 8l1.334-1.333c.266.4.4.866.4 1.333Zm-1.334 2.267L8 8.933l-1.333 1.334c.4.266.866.4 1.333.4.467 0 .933-.134 1.333-.4Zm-4.6-4.6A4.041 4.041 0 0 0 4 8c0 .867.267 1.667.733 2.333L2.667 12.4V3.6l2.066 2.067Zm.934 5.6A4.041 4.041 0 0 0 8 12c.867 0 1.667-.267 2.333-.733l2.067 2.066H3.6l2.067-2.066Zm5.6-.934A4.041 4.041 0 0 0 12 8c0-.867-.267-1.667-.733-2.333L13.333 3.6v8.8l-2.066-2.067Z"
       fill="currentColor"
       fillRule="evenodd"
-      d="M2.667 1.333h10.666c.734 0 1.334.6 1.334 1.334v10.666c0 .734-.6 1.334-1.334 1.334H2.667c-.734 0-1.334-.6-1.334-1.334V2.667c0-.734.6-1.334 1.334-1.334ZM8 4c.867 0 1.667.267 2.333.733L12.4 2.667H3.6l2.067 2.066A4.041 4.041 0 0 1 8 4Zm0 1.333c-.467 0-.933.134-1.333.4L8 7.067l1.333-1.334c-.4-.266-.866-.4-1.333-.4ZM5.733 6.667c-.266.4-.4.866-.4 1.333 0 .467.134.933.4 1.333L7.067 8 5.733 6.667ZM10.667 8c0 .467-.134.933-.4 1.333L8.933 8l1.334-1.333c.266.4.4.866.4 1.333Zm-1.334 2.267L8 8.933l-1.333 1.334c.4.266.866.4 1.333.4.467 0 .933-.134 1.333-.4Zm-4.6-4.6A4.041 4.041 0 0 0 4 8c0 .867.267 1.667.733 2.333L2.667 12.4V3.6l2.066 2.067Zm.934 5.6A4.041 4.041 0 0 0 8 12c.867 0 1.667-.267 2.333-.733l2.067 2.066H3.6l2.067-2.066Zm5.6-.934A4.041 4.041 0 0 0 12 8c0-.867-.267-1.667-.733-2.333L13.333 3.6v8.8l-2.066-2.067Z"
-      clipRule="evenodd"
     />
   </Icon>
 ));

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

@@ -1,12 +1,12 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Apple = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      clipRule="evenodd"
+      d="M10 2.533c.8-.933.667-1.866.667-1.866s-1.2 0-2.067 1c-.8.866-.6 1.666-.6 1.666s1.067.134 2-.8Zm1.6 5.4C11.6 6.2 13 5.467 13 5.467S12.267 4.2 10.467 4.2c-1.067 0-1.867.6-2.334.6-.533 0-1.266-.533-2.266-.533-1.534 0-3.134 1.333-3.134 3.933-.066 2.533 1.867 5.8 3.4 5.8.534 0 1.334-.533 2.134-.533.8 0 1.4.533 2.133.533 1.667 0 2.867-3.4 2.867-3.4S11.6 9.867 11.6 7.933Zm-.2 3.667c-.4.667-.8 1.067-.933 1.067-.067 0-.2 0-.467-.134-.067 0-.067 0-.133-.066-.667-.267-1-.334-1.534-.334-.533 0-1 .134-1.666.334-.467.2-.6.2-.534.2-.6 0-2.133-2.534-2.133-4.534 0-1.6.867-2.6 1.8-2.6.2 0 .467.067.8.2-.067 0 .533.2.667.267.333.067.533.133.866.133.267 0 .534-.066.867-.2.133-.066.533-.2.533-.2.4-.133.667-.2.934-.2.2 0 .4 0 .533.067a4.042 4.042 0 0 0-.733 2.333c0 1.267.466 2.267 1.333 3l.133.134c-.2.2-.266.333-.333.533Z"
       fill="currentColor"
       fillRule="evenodd"
-      d="M10 2.533c.8-.933.667-1.866.667-1.866s-1.2 0-2.067 1c-.8.866-.6 1.666-.6 1.666s1.067.134 2-.8Zm1.6 5.4C11.6 6.2 13 5.467 13 5.467S12.267 4.2 10.467 4.2c-1.067 0-1.867.6-2.334.6-.533 0-1.266-.533-2.266-.533-1.534 0-3.134 1.333-3.134 3.933-.066 2.533 1.867 5.8 3.4 5.8.534 0 1.334-.533 2.134-.533.8 0 1.4.533 2.133.533 1.667 0 2.867-3.4 2.867-3.4S11.6 9.867 11.6 7.933Zm-.2 3.667c-.4.667-.8 1.067-.933 1.067-.067 0-.2 0-.467-.134-.067 0-.067 0-.133-.066-.667-.267-1-.334-1.534-.334-.533 0-1 .134-1.666.334-.467.2-.6.2-.534.2-.6 0-2.133-2.534-2.133-4.534 0-1.6.867-2.6 1.8-2.6.2 0 .467.067.8.2-.067 0 .533.2.667.267.333.067.533.133.866.133.267 0 .534-.066.867-.2.133-.066.533-.2.533-.2.4-.133.667-.2.934-.2.2 0 .4 0 .533.067a4.042 4.042 0 0 0-.733 2.333c0 1.267.466 2.267 1.333 3l.133.134c-.2.2-.266.333-.333.533Z"
-      clipRule="evenodd"
     />
   </Icon>
 ));

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

@@ -1,10 +1,10 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const AppleFill = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      fill="currentColor"
       d="M10.667.667S10.8 1.6 10 2.533c-.933.934-2 .8-2 .8s-.2-.8.6-1.666c.867-1 2.067-1 2.067-1ZM13 5.467s-1.4.733-1.4 2.466c0 1.934 1.667 2.667 1.667 2.667S12.067 14 10.4 14c-.733 0-1.333-.533-2.133-.533S6.667 14 6.133 14c-1.533 0-3.466-3.267-3.4-5.8 0-2.6 1.6-3.933 3.134-3.933 1 0 1.733.533 2.266.533.467 0 1.267-.6 2.334-.6C12.267 4.2 13 5.467 13 5.467Z"
+      fill="currentColor"
     />
   </Icon>
 ));

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

@@ -1,12 +1,12 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const ArrowDown = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      fillRule="evenodd"
       clipRule="evenodd"
       d="M8.63972 9.44538L10.3906 7.69748L11.3333 8.70588L7.96632 12L4.66666 8.70588L5.60942 7.76471L7.29292 9.37815V4H8.63972V9.44538Z"
       fill="currentColor"
+      fillRule="evenodd"
     />
   </Icon>
 ));

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

@@ -1,12 +1,12 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const ArrowLeft = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      clipRule="evenodd"
+      d="m6.533 8.6 1.734 1.733-1 .934L4 7.933l3.267-3.266.933.933-1.6 1.667h5.333V8.6h-5.4Z"
       fill="currentColor"
       fillRule="evenodd"
-      d="m6.533 8.6 1.734 1.733-1 .934L4 7.933l3.267-3.266.933.933-1.6 1.667h5.333V8.6h-5.4Z"
-      clipRule="evenodd"
     />
   </Icon>
 ));

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

@@ -1,10 +1,10 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const ArrowMoveDown = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      fill="currentColor"
       d="M8.669 1.333v1.334H7.336V1.333h1.333Zm0 2V6H7.336V3.333h1.333Zm3.113 7.572-.943-.943-2.17 2.17V6.667H7.336v5.448L5.183 9.962l-.943.943 3.771 3.77 3.771-3.77Z"
+      fill="currentColor"
     />
   </Icon>
 ));

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

@@ -1,12 +1,12 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const ArrowMoveLeft = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      clipRule="evenodd"
+      d="M3.744 7.333h5.465v1.334H3.761l2.153 2.153-.943.942-3.77-3.77L4.97 4.22l.943.943-2.17 2.17Zm10.799 0v1.334h-1.334V7.333h1.334Zm-2 0v1.334H9.876V7.333h2.667Z"
       fill="currentColor"
       fillRule="evenodd"
-      d="M3.744 7.333h5.465v1.334H3.761l2.153 2.153-.943.942-3.77-3.77L4.97 4.22l.943.943-2.17 2.17Zm10.799 0v1.334h-1.334V7.333h1.334Zm-2 0v1.334H9.876V7.333h2.667Z"
-      clipRule="evenodd"
     />
   </Icon>
 ));

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

@@ -1,12 +1,12 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const ArrowMoveRight = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      clipRule="evenodd"
+      d="m10.905 4.22-.943.943 2.17 2.17H6.667v1.334h5.448L9.962 10.82l.943.942 3.77-3.77-3.77-3.772ZM2.667 7.333H1.333v1.334h1.334V7.333Zm3.333 0H3.333v1.334H6V7.333Z"
       fill="currentColor"
       fillRule="evenodd"
-      d="m10.905 4.22-.943.943 2.17 2.17H6.667v1.334h5.448L9.962 10.82l.943.942 3.77-3.77-3.77-3.772ZM2.667 7.333H1.333v1.334h1.334V7.333Zm3.333 0H3.333v1.334H6V7.333Z"
-      clipRule="evenodd"
     />
   </Icon>
 ));

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

@@ -1,12 +1,12 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const ArrowMoveUp = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      clipRule="evenodd"
+      d="m7.28 3.797-2.17 2.17-.943-.942 3.771-3.772 3.771 3.772-.943.942-2.153-2.153v5.448H7.28V3.797Zm0 10.799v-1.334h1.333v1.334H7.28Zm0-2V9.929h1.333v2.667H7.28Z"
       fill="currentColor"
       fillRule="evenodd"
-      d="m7.28 3.797-2.17 2.17-.943-.942 3.771-3.772 3.771 3.772-.943.942-2.153-2.153v5.448H7.28V3.797Zm0 10.799v-1.334h1.333v1.334H7.28Zm0-2V9.929h1.333v2.667H7.28Z"
-      clipRule="evenodd"
     />
   </Icon>
 ));

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

@@ -1,10 +1,10 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const ArrowQuit = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      fill="currentColor"
       d="M8.663 10V4.977l2.17 2.17.943-.942-3.771-3.772-3.772 3.772.943.942L7.33 4.994V10h.004a1.333 1.333 0 0 0 1.333 1.333h6V10H8.664Z"
+      fill="currentColor"
     />
   </Icon>
 ));

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

@@ -1,12 +1,12 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const ArrowRight = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      fillRule="evenodd"
       clipRule="evenodd"
       d="M9.44538 7.36035L7.69748 5.60951L8.70588 4.66675L12 8.03375L8.70588 11.3334L7.76471 10.3907L9.37815 8.70715H4V7.36035H9.44538Z"
       fill="currentColor"
+      fillRule="evenodd"
     />
   </Icon>
 ));

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

@@ -1,12 +1,12 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const ArrowUp = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
-      fillRule="evenodd"
       clipRule="evenodd"
       d="M7.36026 6.55462L5.60942 8.30252L4.66666 7.29412L8.03366 4L11.3333 7.29412L10.3906 8.23529L8.70706 6.62185V12H7.36026V6.55462Z"
       fill="currentColor"
+      fillRule="evenodd"
     />
   </Icon>
 ));

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

@@ -1,14 +1,14 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const Badge3rdParty = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      clipRule="evenodd"
+      d="M9.56 3.435 8 2 6.44 3.435l-2.148-.29-.375 2.034L2 6.146 2.953 8 2 9.854l1.917.967.375 2.033 2.148-.289L8 14l1.56-1.435 2.148.29.375-2.034L14 9.854 13.047 8 14 6.146l-1.917-.967-.375-2.033-2.148.289Z"
       fill="#4F9BDE"
       fillRule="evenodd"
-      d="M9.56 3.435 8 2 6.44 3.435l-2.148-.29-.375 2.034L2 6.146 2.953 8 2 9.854l1.917.967.375 2.033 2.148-.289L8 14l1.56-1.435 2.148.29.375-2.034L14 9.854 13.047 8 14 6.146l-1.917-.967-.375-2.033-2.148.289Z"
-      clipRule="evenodd"
     />
-    <path fill="#fff" d="m5.346 7.876.892-.849L7.37 8.103 9.632 5.95l.892.849-3.155 3-2.023-1.924Z" />
+    <path d="m5.346 7.876.892-.849L7.37 8.103 9.632 5.95l.892.849-3.155 3-2.023-1.924Z" fill="#fff" />
   </Icon>
 ));
 

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

@@ -1,16 +1,16 @@
-import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const BadgeBitrise = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 16" {...props}>
     <path
+      clipRule="evenodd"
+      d="M9.56 3.435 8 2 6.44 3.435l-2.148-.29-.375 2.034L2 6.146 2.953 8 2 9.854l1.917.967.375 2.033 2.148-.289L8 14l1.56-1.435 2.148.29.375-2.034L14 9.854 13.047 8 14 6.146l-1.917-.967-.375-2.033-2.148.289Z"
       fill="#11BBA9"
       fillRule="evenodd"
-      d="M9.56 3.435 8 2 6.44 3.435l-2.148-.29-.375 2.034L2 6.146 2.953 8 2 9.854l1.917.967.375 2.033 2.148-.289L8 14l1.56-1.435 2.148.29.375-2.034L14 9.854 13.047 8 14 6.146l-1.917-.967-.375-2.033-2.148.289Z"
-      clipRule="evenodd"
     />
     <path
-      fill="#fff"
       d="M8.482 10.4c1.03 0 1.714-.698 1.714-1.476 0-.864-.828-1.188-.828-1.188s.576-.324.576-1.044c0-.684-.648-1.332-1.584-1.332H6.2v5.04h2.282ZM7.28 9.5V8.204h1.152c.396 0 .684.288.684.648 0 .36-.288.648-.684.648H7.28Zm1.008-3.24c.36 0 .576.216.576.54 0 .324-.216.54-.576.54H7.28V6.26h1.008Z"
+      fill="#fff"
     />
   </Icon>
 ));