@bitrise/bitkit 8.0.0 → 8.3.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "8.0.0",
+  "version": "8.3.1",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "lib/cjs/index.js",
   "esnext": "lib/esn/index.js",

package/site/components/Documentation/Components/SectionButtons.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable object-shorthand */
 import * as React from 'react';
 import {
   Base,
@@ -9,6 +10,8 @@ import {
   Tabs,
   Text,
   Ribbon,
+  ButtonWithDropdown,
+  Flex,
 } from '@bitrise/bitkit';
 import CodeBlock from '../../CodeBlock/CodeBlock';
 import Section from '../../Section/Section';
@@ -37,6 +40,12 @@ const SectionButtons = () => {
             onClick={ () => setSelectedTab(3) }>
           Color Button
         </Tab>
+
+        <Tab
+            active={ selectedTab === 4 }
+            onClick={ () => setSelectedTab(4) }>
+          with dropdown
+        </Tab>
       </Tabs>
 
       { selectedTab === 1 && (
@@ -249,6 +258,34 @@ const SectionButtons = () => {
             }</CodeBlock>
         </React.Fragment>
       ) }
+      { selectedTab === 4 && (
+      <Flex alignChildren="end" direction="horizontal">
+        <ButtonWithDropdown
+            items={ [
+              {
+                component: 'button',
+                icon: 'Percent',
+                text: 'Refer your friends',
+              },
+              {
+                component: 'a',
+                icon: 'Settings',
+                text: 'Account setings',
+              },
+              {
+                icon: 'ChangePlan',
+                text: 'Change plan',
+              },
+              {
+                icon: 'Logout',
+                text: 'Log out',
+              },
+            ] }>
+          <Icon name="Bitbot" />
+          <Text>Account</Text>
+        </ButtonWithDropdown>
+      </Flex>
+      ) }
     </Section>
   );
 };

package/site/components/Documentation/Documentation.tsx

@@ -56,6 +56,7 @@ const SectionMap = {
       documentation.Button,
       documentation.Buttons,
       documentation.ColorButton,
+      documentation.ButtonWithDropdown,
     ],
   },
   Card: {

package/src/ButtonWithDropdown/ButtonWithDropdown.tsx

@@ -0,0 +1,79 @@
+import * as React from 'react';
+import {
+    Button,
+    ButtonProps,
+    DropdownMenu,
+    DropdownMenuItem,
+    DropdownMenuItemProps,
+    Icon,
+    Placement,
+    PlacementManager,
+    PlacementProps,
+    PlacementReference,
+    } from '@bitrise/bitkit';
+
+export interface ItemProps extends DropdownMenuItemProps {
+    component?: string;
+    disabled?: boolean;
+    href?: string;
+    target?: string;
+    text: string;
+}
+
+export interface Props {
+    buttonProps?: ButtonProps;
+    children?: React.ReactElement | React.ReactNodeArray;
+    dropdownWidth?: string;
+    items: ItemProps[];
+    placementProps?: PlacementProps;
+}
+
+const ButtonWithDropdown = ({
+  buttonProps = {},
+  children,
+  dropdownWidth,
+  items,
+  placementProps,
+}: Props): JSX.Element => {
+  const [visible, setVisible] = React.useState(false);
+
+  return (
+    <PlacementManager>
+      <PlacementReference>
+        { ({ ref }) => (
+          <Button innerRef={ ref } onClick={ () => setVisible(true) } { ...buttonProps }>
+            { children }
+            <Icon name="ChevronDown" />
+          </Button>
+        ) }
+      </PlacementReference>
+      { !buttonProps.disabled && (
+        <Placement
+            disableMargin="left-right"
+            onClose={ () => setVisible(false) }
+            placement="bottom-end"
+            visible={ visible }
+            { ...placementProps }>
+          { () => (
+            <DropdownMenu width={ dropdownWidth } withArrow>
+              { items.map(({ component, disabled, href, icon, onClick, target, text }) => (
+                <DropdownMenuItem
+                    Component={ component || 'div' }
+                    disabled={ disabled }
+                    href={ href }
+                    icon={ icon }
+                    key={ text }
+                    onClick={ onClick }
+                    target={ target }>
+                  { text }
+                </DropdownMenuItem>
+              )) }
+            </DropdownMenu>
+          ) }
+        </Placement>
+      ) }
+    </PlacementManager>
+  );
+};
+
+export default ButtonWithDropdown;

package/src/Dropdown/DropdownMenu.css

@@ -6,12 +6,22 @@
 
 .DropdownMenu__item {
   padding: var(--size--x3) var(--size--x8) var(--size--x3) var(--size--x1);
+  border: 0;
+  background: transparent;
+  color: inherit;
+  text-align: left;
+  line-height: inherit;
   cursor: pointer;
   transition-property: background-color, color;
   transition-duration: var(--transition-duration--base);
   transition-timing-function: var(--transition-timing-function);
 }
 
+.DropdownMenu__item[disabled] {
+  color: var(--color-gray--5);
+  pointer-events: none;
+}
+
 .DropdownMenu__item:hover {
   background-color: var(--color-grape--1);
   color: var(--color-grape--3);

package/src/Icon/svg/icons-web-ui.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15.9881 10V8H11V13.0002H13V11.4559L15.5234 14.0229L16.9376 12.6087L14.3733 10H15.9881Z" fill="#492F5C"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M18 4H6C4.89543 4 4 4.89543 4 6V17H20V6C20 4.89543 19.1046 4 18 4ZM18 6V15H6V6H18Z" fill="#492F5C"/>
+    <path d="M2 18H22V20H2V18Z" fill="#492F5C"/>
+</svg>

package/src/Icon/tsx/IconsAddOns.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <path
       fill="currentColor"
       fillRule="evenodd"

package/src/Icon/tsx/IconsAddOnsColorTuorqouise.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <g fill="#0DD3C5" fillRule="evenodd">
       <path
         d="M12 13.433v5.973l-4.001 2.322a1.988 1.988 0 01-1.998 0l-3-1.741A2.015 2.015 0 012 18.244v-3.649c0-.72.382-1.384 1.001-1.742L7 10.532l5 2.901z"

package/src/Icon/tsx/IconsAddOnsColorViolet.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <g fill="#990FC3" fillRule="evenodd">
       <path
         d="M12 13.433v5.973l-4.001 2.322a1.988 1.988 0 01-1.998 0l-3-1.741A2.015 2.015 0 012 18.244v-3.649c0-.72.382-1.384 1.001-1.742L7 10.532l5 2.901z"

package/src/Icon/tsx/IconsAddOnsWhite.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <g fill="#FFF" fillRule="evenodd">
       <path
         d="M12 13.433v5.973l-4.001 2.322a1.988 1.988 0 01-1.998 0l-3-1.741A2.015 2.015 0 012 18.244v-3.649c0-.72.382-1.384 1.001-1.742L7 10.532l5 2.901z"

package/src/Icon/tsx/IconsApp.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-app_svg__a"

package/src/Icon/tsx/IconsArrowBack.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <path
       fill="currentColor"
       fillRule="evenodd"

package/src/Icon/tsx/IconsArrowDown.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-arrow-down_svg__a"

package/src/Icon/tsx/IconsArrowForward.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-arrow-forward_svg__a"

package/src/Icon/tsx/IconsArrowQuit.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <path
       fill="currentColor"
       fillRule="evenodd"

package/src/Icon/tsx/IconsArrowUp.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <path
       fill="currentColor"
       fillRule="evenodd"

package/src/Icon/tsx/IconsBackArrow.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-back-arrow_svg__a"

package/src/Icon/tsx/IconsBell.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-bell_svg__a"

package/src/Icon/tsx/IconsBitbot.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-bitbot_svg__a"

package/src/Icon/tsx/IconsBitbotFailed.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <g fill="currentColor" fillRule="evenodd">
       <path d="M13 5a1 1 0 11-2 0 1 1 0 012 0zm5.028 4.156A106.57 106.57 0 0012 9c-2.343 0-4.363.06-6.028.156-.441.025-.753.267-.827.556a41.54 41.54 0 00-.788 3.688c-.146.914-.267 2.01-.356 3.253-.01.147.042.286.173.422a1 1 0 00.688.286c2.304.1 4.747.162 7.138.162 2.39 0 4.833-.063 7.138-.162a1 1 0 00.687-.286c.132-.136.184-.275.173-.423a38.273 38.273 0 00-.355-3.252 41.581 41.581 0 00-.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 01-.733 1.959 2.997 2.997 0 01-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 01-2.037-.891 2.527 2.527 0 01-.732-1.959c.092-1.297.219-2.45.375-3.425a44.1 44.1 0 01.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

package/src/Icon/tsx/IconsBitbucket.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <linearGradient
         id="icons-bitbucket_svg__a"

package/src/Icon/tsx/IconsBitbucketFill.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <path
       fill="currentColor"
       fillRule="evenodd"

package/src/Icon/tsx/IconsBitriseCertified.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
+  <svg {...props} viewBox="0 0 24 24" fill="none">
     <path
       fillRule="evenodd"
       clipRule="evenodd"

package/src/Icon/tsx/IconsBook.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-book_svg__a"

package/src/Icon/tsx/IconsBranchBranch.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-branch-branch_svg__a"

package/src/Icon/tsx/IconsBranchCommit.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <path
       fill="currentColor"
       fillRule="evenodd"

package/src/Icon/tsx/IconsBranchPull.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-branch-pull_svg__a"

package/src/Icon/tsx/IconsBranchPush.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-branch-push_svg__a"

package/src/Icon/tsx/IconsBranchTag.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-branch-tag_svg__a"

package/src/Icon/tsx/IconsBug.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-bug_svg__a"

package/src/Icon/tsx/IconsBuild.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <path
       fill="currentColor"
       fillRule="evenodd"

package/src/Icon/tsx/IconsBuildstatusAborted.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-buildstatus-aborted_svg__a"

package/src/Icon/tsx/IconsBuildstatusAbortedSolid.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
+  <svg {...props} viewBox="0 0 24 24" fill="none">
     <path
       fillRule="evenodd"
       clipRule="evenodd"

package/src/Icon/tsx/IconsBuildstatusFailed.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-buildstatus-failed_svg__a"

package/src/Icon/tsx/IconsBuildstatusFailedSolid.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
+  <svg {...props} viewBox="0 0 24 24" fill="none">
     <path
       fillRule="evenodd"
       clipRule="evenodd"

package/src/Icon/tsx/IconsBuildstatusLoading.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <g fill="currentColor" fillRule="evenodd">
       <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 12z" />
       <path d="M12 17a5 5 0 100-10 5 5 0 000 10zm0 2a7 7 0 110-14 7 7 0 010 14z" />

package/src/Icon/tsx/IconsBuildstatusLoadingAnimated.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
+  <svg {...props} viewBox="0 0 24 24" fill="none">
     <circle
       cx={12}
       cy={12}

package/src/Icon/tsx/IconsBuildstatusLoadingeeehh.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <g fill="none">
       <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 12z" />
       <path

package/src/Icon/tsx/IconsBuildstatusLoadingeeehhWhite.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <g fill="none">
       <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 12z" />
       <path

package/src/Icon/tsx/IconsBuildstatusNeverbuilt.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <svg {...props} viewBox="0 0 24 24">
     <path
       fill="currentColor"
       fillRule="evenodd"

package/src/Icon/tsx/IconsBuildstatusSuccessful.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-buildstatus-successful_svg__a"

package/src/Icon/tsx/IconsBuildstatusSuccessfulSolid.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
+  <svg {...props} viewBox="0 0 24 24" fill="none">
     <path
       fillRule="evenodd"
       clipRule="evenodd"

package/src/Icon/tsx/IconsCalendar.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-calendar_svg__a"

package/src/Icon/tsx/IconsChain.tsx

@@ -1,11 +1,6 @@
 import * as React from "react";
 export default (props: React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 24 24"
-  >
+  <svg {...props} viewBox="0 0 24 24">
     <defs>
       <path
         id="icons-chain_svg__a"