@bitrise/bitkit 9.7.4 → 9.8.1-alpha-chakra.2

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "9.7.4",
+  "version": "9.8.1-alpha-chakra.2",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "scripts": {
     "build": "yarn build:lib && yarn build:site",
     "build:docs": "ts-node ./scripts/build-docs",
-    "build:icons": "svgr src/Icon/svg && yarn lint:fix-icons",
+    "build:icons": "svgr src/Old/Icon/svg && yarn lint:fix-icons",
     "build:lib": "rm -rf ./lib && yarn build:lib:cjs && yarn build:lib:esn",
     "build:lib:esn": "tsc -p src -m esnext -t esnext --outDir lib/esn",
     "build:lib:cjs": "tsc -p src --outDir lib/cjs",
@@ -16,13 +16,13 @@
     "commitlint": "commitlint",
     "lint": "yarn lint:js",
     "lint:js": "eslint src/**/*.tsx",
-    "lint:fix-icons": "eslint --fix src/Icon/tsx/**",
+    "lint:fix-icons": "eslint --fix src/Old/Icon/tsx/**",
     "semantic-release": "semantic-release",
     "serve": "superstatic ./dist --port 4001 -c superstatic.json",
     "start": "rm -rf ./dist && concurrently \"yarn start:docs\" \"yarn start:site\" \"yarn start:icons\"",
     "start:docs": "ts-node ./scripts/build-docs-watch",
     "start:site": "parcel serve site/index.html --port 4001 -d dist --no-cache",
-    "start:icons": "chokidar src/Icon/svg/** -c \"yarn svgr {path} && yarn lint:fix-icons\"",
+    "start:icons": "chokidar src/Old/Icon/svg/** -c \"yarn svgr {path} && yarn lint:fix-icons\"",
     "test": "jest ./src",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook"

package/src/Components/Box/Box.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Box as ChakraBox, BoxProps } from '@chakra-ui/react';
 
 /**

package/src/Components/Button/Button.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, HTMLAttributeAnchorTarget } from 'react';
+import React, { forwardRef, HTMLAttributeAnchorTarget } from 'react';
 import { Button as ChakraButton, ButtonProps as ChackraButtonProps } from '@chakra-ui/react';
 import Icon from '../../Old/Icon/Icon';
 import { TypeIconName } from '../../Old/Icon/tsx';

package/src/Components/Card/Card.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Radii } from '../../Foundations/Radii/Radii';
 import { Shadows } from '../../Foundations/Shadows/Shadows';
 import { Sizes } from '../../Foundations/Sizes/Sizes';

package/src/Components/Divider/Divider.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Divider as ChakraDivider, DividerProps as ChakraDividerProps } from '@chakra-ui/react';
 
 export interface DividerProps extends ChakraDividerProps {

package/src/Components/IconButton/IconButton.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { IconButton as ChakraIconButton, IconButtonProps } from '@chakra-ui/react';
 import Icon from '../../Old/Icon/Icon';
 import { TypeIconName } from '../../Old/Icon/tsx';

package/src/Components/Link/Link.theme.ts

@@ -4,6 +4,9 @@ const LinkTheme = {
   baseStyle: {
     color: 'text.link',
     fontSize: 'inherit',
+    _focus: {
+      outline: 'none',
+    },
     _hover: {
       color: 'text.linkHover',
     },

package/src/Components/Link/Link.tsx

@@ -1,4 +1,4 @@
-import { HTMLAttributeAnchorTarget } from 'react';
+import React, { HTMLAttributeAnchorTarget } from 'react';
 import { Link as ChakraLink, LinkProps as ChakraLinkProps } from '@chakra-ui/react';
 import { TextSizes } from '../../Foundations/Typography/Typography';
 

package/src/Components/Menu/Menu.theme.ts

@@ -4,18 +4,22 @@ const MenuTheme: SystemStyleObject = {
   baseStyle: {
     list: {
       backgroundColor: 'neutral.100',
-      borderRadius: '8',
-      filter: 'drop-shadow(0 0.125rem 0.3125rem rgba(199, 205, 207, 0.7))',
-      paddingY: '16',
+      border: '1px solid',
+      borderColor: 'neutral.93',
+      borderRadius: '4',
+      boxShadow: 'large',
+      paddingY: '12',
     },
     item: {
-      paddingY: '12',
-      paddingX: '16',
+      color: 'purple.10',
+      padding: '12',
+      paddingRight: '16',
       _focus: {
-        backgroundColor: 'neutral.95',
+        backgroundColor: 'neutral.93',
+        boxShadow: 'none',
       },
-      _hover: {
-        backgroundColor: 'neutral.95',
+      _active: {
+        backgroundColor: 'neutral.90',
       },
     },
   },

package/src/Components/Menu/Menu.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Menu as ChakraMenu, MenuProps as ChakraMenuProps } from '@chakra-ui/react';
 
 export type MenuProps = ChakraMenuProps;

package/src/Components/Menu/MenuItem.tsx

@@ -1,17 +1,33 @@
+import React from 'react';
 import { MenuItem as ChakraMenuItem, MenuItemProps } from '@chakra-ui/react';
 import { Icon, TypeIconName } from '@bitrise/bitkit';
 
+const dangerStyle = {
+  color: 'red.50',
+  _focus: {
+    background: 'red.93',
+    boxShadow: 'none',
+  },
+  _active: {
+    background: 'red.90',
+  },
+};
+
 export type Props = {
   children: string;
   iconName: TypeIconName;
+  isDanger?: boolean;
   onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 };
 
 const MenuItem = (props: Props) => {
-  const { iconName, ...rest } = props;
-  const properties: MenuItemProps = { ...rest };
-  properties.icon = <Icon name={iconName} />;
-  properties.iconSpacing = '16';
+  const { iconName, isDanger, ...rest } = props;
+  const properties: MenuItemProps = {
+    ...rest,
+    icon: <Icon name={iconName} />,
+    iconSpacing: '12',
+    sx: isDanger ? dangerStyle : undefined,
+  };
   return <ChakraMenuItem {...properties} />;
 };
 

package/src/Components/OverflowMenu/OverflowMenu.stories.tsx

@@ -0,0 +1,26 @@
+import { Flex } from '@chakra-ui/react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import OverflowMenu from './OverflowMenu';
+import OverflowMenuItem from './OverflowMenuItem';
+
+export default {
+  title: 'Components/OverflowMenu',
+  component: OverflowMenu,
+} as ComponentMeta<typeof OverflowMenu>;
+
+export const WithProps: ComponentStory<typeof OverflowMenu> = (props) => (
+  <Flex direction="row-reverse" minHeight="400px">
+    <OverflowMenu {...props}>
+      <OverflowMenuItem iconName="PlusAdd">Add member</OverflowMenuItem>
+      <OverflowMenuItem iconName="MinusRemove">Remove member</OverflowMenuItem>
+      <OverflowMenuItem iconName="Filter">Assign access to apps</OverflowMenuItem>
+      <OverflowMenuItem iconName="Pencil">Rename group</OverflowMenuItem>
+      <OverflowMenuItem iconName="Trash" isDanger>
+        Delete group
+      </OverflowMenuItem>
+    </OverflowMenu>
+  </Flex>
+);
+WithProps.args = {
+  ...OverflowMenu.defaultProps,
+};

package/src/Components/OverflowMenu/OverflowMenu.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { MenuButton, MenuList, MenuListProps } from '@chakra-ui/react';
+import IconButton from '../IconButton/IconButton';
+import Menu from '../Menu/Menu';
+
+export interface Props {
+  children: MenuListProps['children'];
+  triggerLabel?: string;
+}
+
+const OverflowMenu = ({ children, triggerLabel }: Props) => {
+  return (
+    <Menu isLazy>
+      <MenuButton aria-label={triggerLabel} as={IconButton} iconName="MoreVertical" size="small" variant="tertiary" />
+      <MenuList>{children}</MenuList>
+    </Menu>
+  );
+};
+
+OverflowMenu.defaultProps = {
+  triggerLabel: 'Open menu',
+};
+
+export default OverflowMenu;

package/src/Components/OverflowMenu/OverflowMenuItem.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import MenuItem, { Props as MenuItemProps } from '../Menu/MenuItem';
+
+export interface Props extends MenuItemProps {
+  children: MenuItemProps['children'];
+}
+
+const OverflowMenuItem = (props: Props) => {
+  return <MenuItem {...props} />;
+};
+
+export default OverflowMenuItem;

package/src/Components/Text/Text.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Text as ChakraText, TextProps as ChakraTextProps } from '@chakra-ui/react';
 import { TextSizes } from '../../Foundations/Typography/Typography';
 

package/src/Foundations/Shadows/Shadows.ts

@@ -3,6 +3,7 @@ const shadows = {
   medium: '0 0.125rem 0.75rem 0 rgba(0, 0, 0, 0.06)',
   large: '0 0.125rem 1.5rem 0 rgba(0, 0, 0, 0.08)',
   inner: '0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1) inset',
+  outline: '0 0 0 3px #C289E6',
   none: 'none',
 };
 

package/src/Old/Icon/svg/icons-more-horizontal.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
+    <path fill-rule="evenodd" d="M4 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm8 0c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm8 0c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/>
+</svg>

package/src/Old/Icon/svg/icons-more-vertical.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
+    <path style="transform: rotate(90deg); transform-origin: center;" fill-rule="evenodd" d="M4 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm8 0c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm8 0c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/>
+</svg>

package/src/Old/Icon/tsx/IconsAddOns.tsx

@@ -4,9 +4,9 @@ import * as React from 'react';
 const SvgIconsAddOns = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <path
-      d="M20 17.767a.502.502 0 0 1-.25.434l-3.001 1.732a.5.5 0 0 1-.499-.001l-2.999-1.73a.504.504 0 0 1-.251-.435V14.15c0-.178.096-.343.248-.432l.002-.001 3-1.732.001-.001a.503.503 0 0 1 .499 0l2.999 1.73c.155.09.251.257.251.436v3.616zm-9.25.434-3.001 1.732a.5.5 0 0 1-.499-.001l-2.999-1.73A.504.504 0 0 1 4 17.767V14.15c0-.18.096-.345.25-.434l3.001-1.732a.503.503 0 0 1 .499 0l3 1.733h.002c.153.09.248.255.248.433v3.616a.502.502 0 0 1-.25.434zM8.5 6.23c0-.178.096-.344.25-.433l3.001-1.732a.503.503 0 0 1 .499 0l2.999 1.73c.155.09.251.257.251.436V9.82a.501.501 0 0 1-.25.432l-3.001 1.733h-.001a.496.496 0 0 1-.496 0l-.002-.001-2.108-1.217-.892-.515a.501.501 0 0 1-.25-.432V6.23zm12.25 5.754-2.999-1.731c-.093-.053-.195-.08-.293-.121.014-.104.042-.206.042-.312V6.23a2.51 2.51 0 0 0-1.25-2.165l-2.999-1.731a2.505 2.505 0 0 0-2.501-.001L7.749 4.067A2.51 2.51 0 0 0 6.5 6.232V9.82c0 .106.028.208.042.312-.098.04-.199.067-.292.12l-3.001 1.733A2.51 2.51 0 0 0 2 14.15v3.616c0 .89.479 1.719 1.25 2.166l2.999 1.73a2.49 2.49 0 0 0 1.251.335c.433 0 .865-.111 1.25-.334l3.001-1.732c.092-.054.165-.128.249-.192.084.064.157.139.25.193l2.999 1.73a2.49 2.49 0 0 0 1.251.335c.433 0 .865-.111 1.25-.334l3.001-1.732A2.51 2.51 0 0 0 22 17.767V14.15c0-.89-.479-1.72-1.25-2.166z"
       fill="currentColor"
       fillRule="evenodd"
+      d="M20 17.767a.502.502 0 0 1-.25.434l-3.001 1.732a.5.5 0 0 1-.499-.001l-2.999-1.73a.504.504 0 0 1-.251-.435V14.15c0-.178.096-.343.248-.432l.002-.001 3-1.732.001-.001a.503.503 0 0 1 .499 0l2.999 1.73c.155.09.251.257.251.436v3.616zm-9.25.434-3.001 1.732a.5.5 0 0 1-.499-.001l-2.999-1.73A.504.504 0 0 1 4 17.767V14.15c0-.18.096-.345.25-.434l3.001-1.732a.503.503 0 0 1 .499 0l3 1.733h.002c.153.09.248.255.248.433v3.616a.502.502 0 0 1-.25.434zM8.5 6.23c0-.178.096-.344.25-.433l3.001-1.732a.503.503 0 0 1 .499 0l2.999 1.73c.155.09.251.257.251.436V9.82a.501.501 0 0 1-.25.432l-3.001 1.733h-.001a.496.496 0 0 1-.496 0l-.002-.001-2.108-1.217-.892-.515a.501.501 0 0 1-.25-.432V6.23zm12.25 5.754-2.999-1.731c-.093-.053-.195-.08-.293-.121.014-.104.042-.206.042-.312V6.23a2.51 2.51 0 0 0-1.25-2.165l-2.999-1.731a2.505 2.505 0 0 0-2.501-.001L7.749 4.067A2.51 2.51 0 0 0 6.5 6.232V9.82c0 .106.028.208.042.312-.098.04-.199.067-.292.12l-3.001 1.733A2.51 2.51 0 0 0 2 14.15v3.616c0 .89.479 1.719 1.25 2.166l2.999 1.73a2.49 2.49 0 0 0 1.251.335c.433 0 .865-.111 1.25-.334l3.001-1.732c.092-.054.165-.128.249-.192.084.064.157.139.25.193l2.999 1.73a2.49 2.49 0 0 0 1.251.335c.433 0 .865-.111 1.25-.334l3.001-1.732A2.51 2.51 0 0 0 22 17.767V14.15c0-.89-.479-1.72-1.25-2.166z"
     />
   </svg>
 );

package/src/Old/Icon/tsx/IconsApp.tsx

@@ -5,8 +5,8 @@ const SvgIconsApp = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-        d="M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4 10c0 .7-.2 1.4-.6 2l-2-2 2-2c.4.6.6 1.3.6 2zm-8 0c0-.7.2-1.4.6-2l2 2-2 2c-.4-.6-.6-1.3-.6-2zm2-3.4c.6-.4 1.3-.6 2-.6s1.4.2 2 .6l-2 2-2-2zm2 4.8 2 2c-.6.4-1.3.6-2 .6s-1.4-.2-2-.6l2-2zm3.5-6.3C14.5 6.4 13.3 6 12 6c-1.3 0-2.5.4-3.5 1.1L5.4 4h13.2l-3.1 3.1zM7.1 8.5C6.4 9.5 6 10.7 6 12c0 1.3.4 2.5 1.1 3.5L4 18.6V5.4l3.1 3.1zm1.4 8.4c1 .7 2.2 1.1 3.5 1.1 1.3 0 2.5-.4 3.5-1.1l3.1 3.1H5.4l3.1-3.1zm8.4-1.4c.7-1 1.1-2.2 1.1-3.5 0-1.3-.4-2.5-1.1-3.5L20 5.4v13.2l-3.1-3.1z"
         id="icons-app_svg__a"
+        d="M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4 10c0 .7-.2 1.4-.6 2l-2-2 2-2c.4.6.6 1.3.6 2zm-8 0c0-.7.2-1.4.6-2l2 2-2 2c-.4-.6-.6-1.3-.6-2zm2-3.4c.6-.4 1.3-.6 2-.6s1.4.2 2 .6l-2 2-2-2zm2 4.8 2 2c-.6.4-1.3.6-2 .6s-1.4-.2-2-.6l2-2zm3.5-6.3C14.5 6.4 13.3 6 12 6c-1.3 0-2.5.4-3.5 1.1L5.4 4h13.2l-3.1 3.1zM7.1 8.5C6.4 9.5 6 10.7 6 12c0 1.3.4 2.5 1.1 3.5L4 18.6V5.4l3.1 3.1zm1.4 8.4c1 .7 2.2 1.1 3.5 1.1 1.3 0 2.5-.4 3.5-1.1l3.1 3.1H5.4l3.1-3.1zm8.4-1.4c.7-1 1.1-2.2 1.1-3.5 0-1.3-.4-2.5-1.1-3.5L20 5.4v13.2l-3.1-3.1z"
       />
     </defs>
     <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-app_svg__a" />

package/src/Old/Icon/tsx/IconsArrowBack.tsx

@@ -4,9 +4,9 @@ import * as React from 'react';
 const SvgIconsArrowBack = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <path
-      d="M5.615 11h8.199v2H5.642l3.23 3.23-1.415 1.414L1.8 11.987 7.457 6.33 8.87 7.744 5.615 11zm16.199 0v2h-2v-2h2zm-3 0v2h-4v-2h4z"
       fill="currentColor"
       fillRule="evenodd"
+      d="M5.615 11h8.199v2H5.642l3.23 3.23-1.415 1.414L1.8 11.987 7.457 6.33 8.87 7.744 5.615 11zm16.199 0v2h-2v-2h2zm-3 0v2h-4v-2h4z"
     />
   </svg>
 );

package/src/Old/Icon/tsx/IconsArrowDown.tsx

@@ -5,8 +5,8 @@ const SvgIconsArrowDown = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-        d="m18.308 10.92-3.255-3.256 1.414-1.414 5.657 5.657-5.657 5.657-1.414-1.415 3.23-3.229H10.11v-2h8.198zm-16.198 0h2v2h-2v-2zm3 0h4v2h-4v-2z"
         id="icons-arrow-down_svg__a"
+        d="m18.308 10.92-3.255-3.256 1.414-1.414 5.657 5.657-5.657 5.657-1.414-1.415 3.23-3.229H10.11v-2h8.198zm-16.198 0h2v2h-2v-2zm3 0h4v2h-4v-2z"
       />
     </defs>
     <use

package/src/Old/Icon/tsx/IconsArrowForward.tsx

@@ -5,8 +5,8 @@ const SvgIconsArrowForward = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-        d="m18.198 11-3.255-3.256 1.414-1.414 5.657 5.657-5.657 5.657-1.414-1.415L18.173 13H10v-2h8.198zM2 11h2v2H2v-2zm3 0h4v2H5v-2z"
         id="icons-arrow-forward_svg__a"
+        d="m18.198 11-3.255-3.256 1.414-1.414 5.657 5.657-5.657 5.657-1.414-1.415L18.173 13H10v-2h8.198zM2 11h2v2H2v-2zm3 0h4v2H5v-2z"
       />
     </defs>
     <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-arrow-forward_svg__a" />

package/src/Old/Icon/tsx/IconsArrowQuit.tsx

@@ -4,9 +4,9 @@ import * as React from 'react';
 const SvgIconsArrowQuit = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <path
-      d="M12.994 15H22v2h-9a2 2 0 0 1-2-2h-.006V7.492l-3.23 3.23L6.35 9.306l5.657-5.657 5.657 5.657-1.415 1.414-3.255-3.256V15z"
       fill="currentColor"
       fillRule="evenodd"
+      d="M12.994 15H22v2h-9a2 2 0 0 1-2-2h-.006V7.492l-3.23 3.23L6.35 9.306l5.657-5.657 5.657 5.657-1.415 1.414-3.255-3.256V15z"
     />
   </svg>
 );

package/src/Old/Icon/tsx/IconsArrowUp.tsx

@@ -4,9 +4,9 @@ import * as React from 'react';
 const SvgIconsArrowUp = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <path
-      d="M10.92 5.695 7.664 8.951 6.25 7.537l5.657-5.657 5.657 5.657-1.415 1.414-3.229-3.23v8.173h-2V5.695zm0 16.199v-2h2v2h-2zm0-3v-4h2v4h-2z"
       fill="currentColor"
       fillRule="evenodd"
+      d="M10.92 5.695 7.664 8.951 6.25 7.537l5.657-5.657 5.657 5.657-1.415 1.414-3.229-3.23v8.173h-2V5.695zm0 16.199v-2h2v2h-2zm0-3v-4h2v4h-2z"
     />
   </svg>
 );

package/src/Old/Icon/tsx/IconsBackArrow.tsx

@@ -4,7 +4,7 @@ import * as React from 'react';
 const SvgIconsBackArrow = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <defs>
-      <path d="m9.8 12.9 2.6 2.6-1.5 1.4-4.9-5L10.9 7l1.4 1.4-2.4 2.5h8v2z" id="icons-back-arrow_svg__a" />
+      <path id="icons-back-arrow_svg__a" d="m9.8 12.9 2.6 2.6-1.5 1.4-4.9-5L10.9 7l1.4 1.4-2.4 2.5h8v2z" />
     </defs>
     <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-back-arrow_svg__a" />
   </svg>

package/src/Old/Icon/tsx/IconsBell.tsx

@@ -5,8 +5,8 @@ const SvgIconsBell = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-        d="M16.567 13.6c-.301-.4-.402-.9-.402-1.3V12c0-2.2-1.81-4-4.021-4-2.212 0-4.022 1.8-4.022 4v.2c0 .5-.1.9-.402 1.3L6.01 16h12.267l-1.71-2.4zm-6.434-7.3V6a2.011 2.011 0 0 1 4.021 0v.3c2.313.8 4.022 3 4.022 5.7v.4l1.71 2.4c.602.9.401 2.1-.504 2.8-.301.2-.703.4-1.206.4H6.011C4.905 18 4 17.1 4 16c0-.4.1-.8.402-1.2l1.71-2.4V12c0-2.6 1.708-4.8 4.02-5.7zM9.127 19h6.033c-.302 1.1-1.609 2-3.016 2-1.408 0-2.715-.8-3.017-2z"
         id="icons-bell_svg__a"
+        d="M16.567 13.6c-.301-.4-.402-.9-.402-1.3V12c0-2.2-1.81-4-4.021-4-2.212 0-4.022 1.8-4.022 4v.2c0 .5-.1.9-.402 1.3L6.01 16h12.267l-1.71-2.4zm-6.434-7.3V6a2.011 2.011 0 0 1 4.021 0v.3c2.313.8 4.022 3 4.022 5.7v.4l1.71 2.4c.602.9.401 2.1-.504 2.8-.301.2-.703.4-1.206.4H6.011C4.905 18 4 17.1 4 16c0-.4.1-.8.402-1.2l1.71-2.4V12c0-2.6 1.708-4.8 4.02-5.7zM9.127 19h6.033c-.302 1.1-1.609 2-3.016 2-1.408 0-2.715-.8-3.017-2z"
       />
     </defs>
     <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-bell_svg__a" />

package/src/Old/Icon/tsx/IconsBitbot.tsx

@@ -5,8 +5,8 @@ const SvgIconsBitbot = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-        d="M12.09 15.284c1.108 0 2.015-.93 2.015-2.065h-4.029c0 1.136.907 2.065 2.015 2.065m-3.626-4.13c-.806 0-1.41.62-1.41 1.446h2.82c0-.826-.705-1.445-1.41-1.445m7.05 0c-.806 0-1.41.62-1.41 1.445h2.72c0-.826-.605-1.445-1.31-1.445m-3.324-6.09c.605 0 1.007-.413 1.007-1.033 0-.62-.402-1.032-1.007-1.032-.604 0-1.007.413-1.007 1.032 0 .62.504 1.033 1.007 1.033m9.568 7.225c-.201-1.445-.604-2.993-.806-4.025-.302-1.24-1.41-2.065-2.618-2.168-1.31 0-3.424-.103-6.244-.103s-4.935.103-6.144.206c-1.31 0-2.417.929-2.72 2.065-.2 1.032-.603 2.477-.805 4.025-.201 1.033-.302 2.168-.403 3.51-.1.723.202 1.445.705 2.065.504.516 1.209.929 2.015.929 1.712.103 4.43.206 7.25.206 2.82 0 5.54-.103 7.252-.206.806 0 1.51-.413 2.014-.93a2.485 2.485 0 0 0 .705-2.064c.101-1.342 0-2.477-.2-3.51zm-1.813 4.13c-.201.206-.403.309-.705.309-2.316.103-4.733.206-7.15.206-2.418 0-4.835-.103-7.151-.206-.302 0-.504-.103-.705-.31-.201-.206-.201-.31-.201-.413.1-1.238.201-2.374.402-3.406.101-1.239.403-2.477.705-3.82.101-.309.403-.515.907-.515a95.073 95.073 0 0 1 6.043-.207c2.316 0 4.431.103 6.042.207.403 0 .806.31.806.619.302 1.239.604 2.58.806 3.82.1.928.302 2.064.403 3.406 0 0 0 .103-.202.31z"
         id="icons-bitbot_svg__a"
+        d="M12.09 15.284c1.108 0 2.015-.93 2.015-2.065h-4.029c0 1.136.907 2.065 2.015 2.065m-3.626-4.13c-.806 0-1.41.62-1.41 1.446h2.82c0-.826-.705-1.445-1.41-1.445m7.05 0c-.806 0-1.41.62-1.41 1.445h2.72c0-.826-.605-1.445-1.31-1.445m-3.324-6.09c.605 0 1.007-.413 1.007-1.033 0-.62-.402-1.032-1.007-1.032-.604 0-1.007.413-1.007 1.032 0 .62.504 1.033 1.007 1.033m9.568 7.225c-.201-1.445-.604-2.993-.806-4.025-.302-1.24-1.41-2.065-2.618-2.168-1.31 0-3.424-.103-6.244-.103s-4.935.103-6.144.206c-1.31 0-2.417.929-2.72 2.065-.2 1.032-.603 2.477-.805 4.025-.201 1.033-.302 2.168-.403 3.51-.1.723.202 1.445.705 2.065.504.516 1.209.929 2.015.929 1.712.103 4.43.206 7.25.206 2.82 0 5.54-.103 7.252-.206.806 0 1.51-.413 2.014-.93a2.485 2.485 0 0 0 .705-2.064c.101-1.342 0-2.477-.2-3.51zm-1.813 4.13c-.201.206-.403.309-.705.309-2.316.103-4.733.206-7.15.206-2.418 0-4.835-.103-7.151-.206-.302 0-.504-.103-.705-.31-.201-.206-.201-.31-.201-.413.1-1.238.201-2.374.402-3.406.101-1.239.403-2.477.705-3.82.101-.309.403-.515.907-.515a95.073 95.073 0 0 1 6.043-.207c2.316 0 4.431.103 6.042.207.403 0 .806.31.806.619.302 1.239.604 2.58.806 3.82.1.928.302 2.064.403 3.406 0 0 0 .103-.202.31z"
       />
     </defs>
     <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-bitbot_svg__a" />

package/src/Old/Icon/tsx/IconsBitbotFailed.tsx

@@ -6,10 +6,10 @@ const SvgIconsBitbotFailed = (props: React.SVGProps<SVGSVGElement>) => (
     <g fill="currentColor" fillRule="evenodd">
       <path d="M13 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm5.028 4.156A106.57 106.57 0 0 0 12 9c-2.343 0-4.363.06-6.028.156-.441.025-.753.267-.827.556a41.54 41.54 0 0 0-.788 3.688c-.146.914-.267 2.01-.356 3.253-.01.147.042.286.173.422a1 1 0 0 0 .688.286c2.304.1 4.747.162 7.138.162 2.39 0 4.833-.063 7.138-.162a1 1 0 0 0 .687-.286c.132-.136.184-.275.173-.423a38.273 38.273 0 0 0-.355-3.252 41.581 41.581 0 0 0-.788-3.688c-.074-.29-.386-.531-.827-.556zm2.764.058c.25.97.595 2.428.826 3.87.156.976.282 2.128.375 3.425a2.527 2.527 0 0 1-.733 1.959 2.997 2.997 0 0 1-2.036.891c-1.731.075-4.39.164-7.224.164-2.835 0-5.493-.09-7.224-.164a2.997 2.997 0 0 1-2.037-.891 2.527 2.527 0 0 1-.732-1.959c.092-1.297.219-2.45.375-3.425a44.1 44.1 0 0 1 .826-3.87c.297-1.155 1.362-1.981 2.65-2.055C7.122 7.087 9.214 7 12 7c2.786 0 4.878.087 6.142.159 1.288.074 2.353.9 2.65 2.055z" />
       <path
-        d="M6.5 12 8 13.5 6.5 15m3-3L8 13.5 9.5 15m5-3 1.5 1.5-1.5 1.5m3-3L16 13.5l1.5 1.5"
         stroke="currentColor"
         strokeLinecap="square"
         strokeWidth={2}
+        d="M6.5 12 8 13.5 6.5 15m3-3L8 13.5 9.5 15m5-3 1.5 1.5-1.5 1.5m3-3L16 13.5l1.5 1.5"
       />
     </g>
   </svg>

package/src/Old/Icon/tsx/IconsBitbucket.tsx

@@ -9,14 +9,14 @@ const SvgIconsBitbucket = (props: React.SVGProps<SVGSVGElement>) => (
         <stop offset="100%" stopColor="#184AB8" />
       </linearGradient>
       <path
-        d="m15.092 9-1.01 5.892H9.919L5 20.729a.87.87 0 0 0 .56.212h13.07a.641.641 0 0 0 .625-.538L21.14 9h-6.048z"
         id="icons-bitbucket_svg__b"
+        d="m15.092 9-1.01 5.892H9.919L5 20.729a.87.87 0 0 0 .56.212h13.07a.641.641 0 0 0 .625-.538L21.14 9h-6.048z"
       />
     </defs>
     <g fill="none" fillRule="evenodd">
       <path
-        d="M14.102 14.934H9.937L8.81 9.042h6.302l-1.01 5.892zM2.65 3a.64.64 0 0 0-.64.743l2.72 16.513a.87.87 0 0 0 .851.727h13.05a.64.64 0 0 0 .64-.538l2.72-16.698a.64.64 0 0 0-.64-.744L2.648 3z"
         fill="#FFF"
+        d="M14.102 14.934H9.937L8.81 9.042h6.302l-1.01 5.892zM2.65 3a.64.64 0 0 0-.64.743l2.72 16.513a.87.87 0 0 0 .851.727h13.05a.64.64 0 0 0 .64-.538l2.72-16.698a.64.64 0 0 0-.64-.744L2.648 3z"
       />
       <use fill="url(#icons-bitbucket_svg__a)" xlinkHref="#icons-bitbucket_svg__b" />
     </g>

package/src/Old/Icon/tsx/IconsBitbucketFill.tsx

@@ -4,9 +4,9 @@ import * as React from 'react';
 const SvgIconsBitbucketFill = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <path
-      d="M14.102 14.934H9.937L8.81 9.042h6.302l-1.01 5.892zM2.65 3a.64.64 0 0 0-.64.743l2.72 16.513a.87.87 0 0 0 .851.727h13.05a.64.64 0 0 0 .64-.538l2.72-16.698a.64.64 0 0 0-.64-.744L2.648 3z"
       fill="currentColor"
       fillRule="evenodd"
+      d="M14.102 14.934H9.937L8.81 9.042h6.302l-1.01 5.892zM2.65 3a.64.64 0 0 0-.64.743l2.72 16.513a.87.87 0 0 0 .851.727h13.05a.64.64 0 0 0 .64-.538l2.72-16.698a.64.64 0 0 0-.64-.744L2.648 3z"
     />
   </svg>
 );

package/src/Old/Icon/tsx/IconsBitriseCertified.tsx

@@ -4,10 +4,10 @@ import * as React from 'react';
 const SvgIconsBitriseCertified = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} fill="none" viewBox="0 0 24 24">
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
       d="M14.34 5.152 12 3 9.66 5.152 6.439 4.72l-.563 3.049L3 9.218 4.43 12 3 14.781l2.875 1.451.563 3.05 3.223-.434L12 21l2.34-2.152 3.222.433.563-3.049L21 14.782 19.57 12 21 9.219l-2.875-1.451-.563-3.05-3.223.434Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
     <path
       d="M12.724 15.6c1.544 0 2.57-1.048 2.57-2.214 0-1.296-1.242-1.782-1.242-1.782s.864-.486.864-1.566c0-1.026-.972-1.998-2.376-1.998H9.3v7.56h3.424Zm-1.804-1.35v-1.944h1.728c.594 0 1.026.432 1.026.972s-.432.972-1.026.972H10.92Zm1.512-4.86c.54 0 .864.324.864.81 0 .486-.324.81-.864.81H10.92V9.39h1.512Z"

package/src/Old/Icon/tsx/IconsBook.tsx

@@ -5,8 +5,8 @@ const SvgIconsBook = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-        d="M16 2H8c-1.1 0-2 .945-2 2.1v12.6c0 1.155.9 2.1 2 2.1h3v4.095l1.9-2.205L15 23v-4.2h1c1.1 0 2-.945 2-2.1V4.1c0-1.155-.9-2.1-2-2.1zm0 15h-6V4h6v13zM11 7h4v2h-4V7z"
         id="icons-book_svg__a"
+        d="M16 2H8c-1.1 0-2 .945-2 2.1v12.6c0 1.155.9 2.1 2 2.1h3v4.095l1.9-2.205L15 23v-4.2h1c1.1 0 2-.945 2-2.1V4.1c0-1.155-.9-2.1-2-2.1zm0 15h-6V4h6v13zM11 7h4v2h-4V7z"
       />
     </defs>
     <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-book_svg__a" />

package/src/Old/Icon/tsx/IconsBranchBranch.tsx

@@ -5,8 +5,8 @@ const SvgIconsBranchBranch = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-        d="M17 8c0-1.1-.9-2-2-2s-2 .9-2 2c0 .7.4 1.4 1 1.7v.4c0 1.5-.7 2.9-1.9 3.9L10 15.7v-10c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2s-2 .9-2 2c0 .7.4 1.4 1 1.7v12.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2s2-.9 2-2c0-.7-.4-1.4-1-1.7l3.4-2.7c1.6-1.4 2.6-3.4 2.6-5.5v-.4c.6-.3 1-1 1-1.7z"
         id="icons-branch-branch_svg__a"
+        d="M17 8c0-1.1-.9-2-2-2s-2 .9-2 2c0 .7.4 1.4 1 1.7v.4c0 1.5-.7 2.9-1.9 3.9L10 15.7v-10c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2s-2 .9-2 2c0 .7.4 1.4 1 1.7v12.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2s2-.9 2-2c0-.7-.4-1.4-1-1.7l3.4-2.7c1.6-1.4 2.6-3.4 2.6-5.5v-.4c.6-.3 1-1 1-1.7z"
       />
     </defs>
     <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-branch-branch_svg__a" />

package/src/Old/Icon/tsx/IconsBranchCommit.tsx

@@ -4,9 +4,9 @@ import * as React from 'react';
 const SvgIconsBranchCommit = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <path
-      d="M16.9 13a5.002 5.002 0 0 1-9.8 0H2v-2h5.1a5.002 5.002 0 0 1 9.8 0H22v2h-5.1zM9 12a3 3 0 1 0 6 0 3 3 0 0 0-6 0z"
       fill="currentColor"
       fillRule="evenodd"
+      d="M16.9 13a5.002 5.002 0 0 1-9.8 0H2v-2h5.1a5.002 5.002 0 0 1 9.8 0H22v2h-5.1zM9 12a3 3 0 1 0 6 0 3 3 0 0 0-6 0z"
     />
   </svg>
 );

package/src/Old/Icon/tsx/IconsBranchPull.tsx

@@ -5,8 +5,8 @@ const SvgIconsBranchPull = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-        d="M7 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm7.415 1 2.244 2.242a8 8 0 0 1 2.345 5.66v1.27a3.001 3.001 0 1 1-2-.003v-.439a8 8 0 0 0-2.345-5.66L13 8.415V12h-2V5h7v2h-3.585zM8 16.17a3.001 3.001 0 1 1-2 0V7.83a3.001 3.001 0 1 1 2 0v8.34zM18 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM7 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"
         id="icons-branch-pull_svg__a"
+        d="M7 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm7.415 1 2.244 2.242a8 8 0 0 1 2.345 5.66v1.27a3.001 3.001 0 1 1-2-.003v-.439a8 8 0 0 0-2.345-5.66L13 8.415V12h-2V5h7v2h-3.585zM8 16.17a3.001 3.001 0 1 1-2 0V7.83a3.001 3.001 0 1 1 2 0v8.34zM18 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM7 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"
       />
     </defs>
     <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-branch-pull_svg__a" />

package/src/Old/Icon/tsx/IconsBranchPush.tsx

@@ -5,8 +5,8 @@ const SvgIconsBranchPush = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-        d="M7.857 11.013h10.345l-3.256-3.256 1.414-1.414L22.017 12l-5.657 5.657-1.414-1.414 3.23-3.23H7.835a3.001 3.001 0 1 1 .02-2zm-2.84 1.97a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"
         id="icons-branch-push_svg__a"
+        d="M7.857 11.013h10.345l-3.256-3.256 1.414-1.414L22.017 12l-5.657 5.657-1.414-1.414 3.23-3.23H7.835a3.001 3.001 0 1 1 .02-2zm-2.84 1.97a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"
       />
     </defs>
     <use

package/src/Old/Icon/tsx/IconsBranchTag.tsx

@@ -5,8 +5,8 @@ const SvgIconsBranchTag = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-        d="M14.828 2H20a2 2 0 0 1 2 2v5.172a2 2 0 0 1-.586 1.414l-10 10a2 2 0 0 1-2.828 0l-5.172-5.172a2 2 0 0 1 0-2.828l10-10A2 2 0 0 1 14.828 2zm0 2-10 10L10 19.172l10-10V4h-5.172zM16 10a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"
         id="icons-branch-tag_svg__a"
+        d="M14.828 2H20a2 2 0 0 1 2 2v5.172a2 2 0 0 1-.586 1.414l-10 10a2 2 0 0 1-2.828 0l-5.172-5.172a2 2 0 0 1 0-2.828l10-10A2 2 0 0 1 14.828 2zm0 2-10 10L10 19.172l10-10V4h-5.172zM16 10a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"
       />
     </defs>
     <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-branch-tag_svg__a" />

package/src/Old/Icon/tsx/IconsBug.tsx

@@ -5,8 +5,8 @@ const SvgIconsBug = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-        d="m16.455 17.365-3.06 3.061a1.967 1.967 0 0 1-2.779-.001l-3.06-3.062L6 18.918V21H4v-2.08c0-.53.211-1.04.586-1.415l1.921-1.92a1.955 1.955 0 0 1-.002-.084V15h-2.5v-2h2.5v-.466L4.59 10.62a2 2 0 0 1-.586-1.414V7h2v2.205l.728.728a5.504 5.504 0 0 1 1.638-2.56l-.78-.78a2 2 0 0 1-.586-1.414V3h2v2.179l1.143 1.143A5.488 5.488 0 0 1 12.005 6a5.49 5.49 0 0 1 1.857.321l1.143-1.141V3h2v2.18a2 2 0 0 1-.586 1.415l-.779.777a5.503 5.503 0 0 1 1.638 2.56l.727-.727V7h2v2.205a2 2 0 0 1-.586 1.414l-1.914 1.913V13h2.5v2h-2.5v.5c0 .028 0 .057-.002.085l1.92 1.919c.374.375.585.884.585 1.415v2.08h-2v-2.08l-1.553-1.554zm-.95-4.865h-2.5v5.487l2.5-2.501V12.5zm-4.5 0h-2.5v2.985l2.5 2.5V12.5zm1-4.5a3.503 3.503 0 0 0-3.355 2.5h6.71A3.502 3.502 0 0 0 12.005 8z"
         id="icons-bug_svg__a"
+        d="m16.455 17.365-3.06 3.061a1.967 1.967 0 0 1-2.779-.001l-3.06-3.062L6 18.918V21H4v-2.08c0-.53.211-1.04.586-1.415l1.921-1.92a1.955 1.955 0 0 1-.002-.084V15h-2.5v-2h2.5v-.466L4.59 10.62a2 2 0 0 1-.586-1.414V7h2v2.205l.728.728a5.504 5.504 0 0 1 1.638-2.56l-.78-.78a2 2 0 0 1-.586-1.414V3h2v2.179l1.143 1.143A5.488 5.488 0 0 1 12.005 6a5.49 5.49 0 0 1 1.857.321l1.143-1.141V3h2v2.18a2 2 0 0 1-.586 1.415l-.779.777a5.503 5.503 0 0 1 1.638 2.56l.727-.727V7h2v2.205a2 2 0 0 1-.586 1.414l-1.914 1.913V13h2.5v2h-2.5v.5c0 .028 0 .057-.002.085l1.92 1.919c.374.375.585.884.585 1.415v2.08h-2v-2.08l-1.553-1.554zm-.95-4.865h-2.5v5.487l2.5-2.501V12.5zm-4.5 0h-2.5v2.985l2.5 2.5V12.5zm1-4.5a3.503 3.503 0 0 0-3.355 2.5h6.71A3.502 3.502 0 0 0 12.005 8z"
       />
     </defs>
     <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-bug_svg__a" />

package/src/Old/Icon/tsx/IconsBuild.tsx

@@ -4,9 +4,9 @@ import * as React from 'react';
 const SvgIconsBuild = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <path
-      d="M6 12H4v6.586l3.115-3.115A5.961 5.961 0 0 1 6 12zm4.586 0H8c0 .739.216 1.425.566 2.02l2.02-2.02zM16 12h-2.586l2.02 2.02c.35-.595.566-1.281.566-2.02zm4 0h-2c0 1.294-.416 2.49-1.115 3.471L20 18.586V12zM9.98 15.434c.595.35 1.281.566 2.02.566.739 0 1.425-.216 2.02-.566L12 13.414l-2.02 2.02zM5.414 20h13.172l-3.115-3.115a5.961 5.961 0 0 1-6.942 0L5.414 20zM2 12v-2h20v10c0 1.103-.897 2-2 2H4c-1.103 0-2-.897-2-2v-8zm0-4V6h20v2H2zm18-6a2 2 0 0 1 2 2H2a2 2 0 0 1 2-2h16z"
       fill="currentColor"
       fillRule="evenodd"
+      d="M6 12H4v6.586l3.115-3.115A5.961 5.961 0 0 1 6 12zm4.586 0H8c0 .739.216 1.425.566 2.02l2.02-2.02zM16 12h-2.586l2.02 2.02c.35-.595.566-1.281.566-2.02zm4 0h-2c0 1.294-.416 2.49-1.115 3.471L20 18.586V12zM9.98 15.434c.595.35 1.281.566 2.02.566.739 0 1.425-.216 2.02-.566L12 13.414l-2.02 2.02zM5.414 20h13.172l-3.115-3.115a5.961 5.961 0 0 1-6.942 0L5.414 20zM2 12v-2h20v10c0 1.103-.897 2-2 2H4c-1.103 0-2-.897-2-2v-8zm0-4V6h20v2H2zm18-6a2 2 0 0 1 2 2H2a2 2 0 0 1 2-2h16z"
     />
   </svg>
 );

package/src/Old/Icon/tsx/IconsBuildstatusAborted.tsx

@@ -5,8 +5,8 @@ const SvgIconsBuildstatusAborted = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-        d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm0 2C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm-4.243-9.172 1.415 1.415 7.07-7.071-1.414-1.415-7.07 7.071z"
         id="icons-buildstatus-aborted_svg__a"
+        d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm0 2C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm-4.243-9.172 1.415 1.415 7.07-7.071-1.414-1.415-7.07 7.071z"
       />
     </defs>
     <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-buildstatus-aborted_svg__a" />

package/src/Old/Icon/tsx/IconsBuildstatusAbortedSolid.tsx

@@ -4,10 +4,10 @@ import * as React from 'react';
 const SvgIconsBuildstatusAbortedSolid = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} fill="none" viewBox="0 0 24 24">
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
       d="M12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12Zm2.828-16.243-7.07 7.071 1.414 1.415 7.07-7.071-1.414-1.415Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </svg>
 );

package/src/Old/Icon/tsx/IconsBuildstatusFailed.tsx

@@ -5,8 +5,8 @@ const SvgIconsBuildstatusFailed = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
-        d="M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10zm0 2C5.4 24 0 18.6 0 12S5.4 0 12 0s12 5.4 12 12-5.4 12-12 12zm0-13.4 2.8-2.8 1.4 1.4-2.8 2.8 2.8 2.8-1.4 1.4-2.8-2.8-2.8 2.8-1.4-1.4 2.8-2.8-2.8-2.8 1.4-1.4 2.8 2.8z"
         id="icons-buildstatus-failed_svg__a"
+        d="M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10zm0 2C5.4 24 0 18.6 0 12S5.4 0 12 0s12 5.4 12 12-5.4 12-12 12zm0-13.4 2.8-2.8 1.4 1.4-2.8 2.8 2.8 2.8-1.4 1.4-2.8-2.8-2.8 2.8-1.4-1.4 2.8-2.8-2.8-2.8 1.4-1.4 2.8 2.8z"
       />
     </defs>
     <use fill="currentColor" fillRule="evenodd" xlinkHref="#icons-buildstatus-failed_svg__a" />

package/src/Old/Icon/tsx/IconsBuildstatusFailedSolid.tsx

@@ -4,10 +4,10 @@ import * as React from 'react';
 const SvgIconsBuildstatusFailedSolid = (props: React.SVGProps<SVGSVGElement>) => (
   <svg {...props} fill="none" viewBox="0 0 24 24">
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
       d="M12 24C5.4 24 0 18.6 0 12S5.4 0 12 0s12 5.4 12 12-5.4 12-12 12Zm0-13.4 2.8-2.8 1.4 1.4-2.8 2.8 2.8 2.8-1.4 1.4-2.8-2.8-2.8 2.8-1.4-1.4 2.8-2.8-2.8-2.8 1.4-1.4 2.8 2.8Z"
       fill="currentColor"
-      fillRule="evenodd"
     />
   </svg>
 );