@bitrise/bitkit 7.15.0-alpha.1 → 8.2.0

package/package.json

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

package/renovate.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": [
+    "local>bitrise-io/renovate-config"
+  ]
+}

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

@@ -121,7 +121,7 @@ const SectionModals = () => {
           backgroundColor="white"
           onClose={ () => handleCloseModal('modalWithProgressVisible') } visible={ state.modalWithProgressVisible } width="600px">
         <ModalHeader alignChildrenVertical="middle" minHeight="4.5rem" paddingVertical="x0" withSeparator>
-          <Text bold size="5" textColor="grape-4" weight="bold">
+          <Text size="5" textColor="grape-4" weight="bold">
             Modal Header
           </Text>
 

package/src/Button/Button.css

@@ -23,7 +23,8 @@
     cursor: pointer;
   }
 
-  &:disabled {
+  &:disabled,
+  &[disabled] {
     cursor: default;
   }
 }
@@ -83,10 +84,23 @@
   &::after { opacity: 0; }
 
   &:disabled::before,
-  &:hover:not(:disabled)::before { opacity: 0; }
-  &:hover:not(:disabled)::after { opacity: 1; }
+  &:hover:not(:disabled)::before,
+  &[disabled]::before,
+  &:hover:not([disabled])::before {
+    opacity: 0;
+  }
+
+  &:hover:not(:disabled)::after,
+  &:hover:not([disabled])::after {
+    opacity: 1;
+  }
+
   &:disabled::after,
-  &:active:not(:disabled)::after { opacity: 0; }
+  &:active:not(:disabled)::after,
+  &[disabled]::after,
+  &:active:not([disabled])::after {
+    opacity: 0;
+  }
 }
 
 .Button--level-primary {
@@ -95,7 +109,8 @@
   color: var(--color-gray--1);
   font-weight: var(--font-weight--bold);
 
-  &:disabled {
+  &:disabled,
+  &[disabled] {
     border-color: var(--color-gray--5);
     background-image: linear-gradient(to bottom, var(--color-gray--4), var(--color-gray--5));
   }
@@ -114,7 +129,8 @@
   background-color: var(--color-gray--2);
   color: var(--color-grape--5);
 
-  &:disabled {
+  &:disabled,
+  &[disabled] {
     border-color: var(--color-gray--3);
     background-image: linear-gradient(to bottom, var(--color-white), var(--color-gray--1));
     color: var(--color-gray--5);
@@ -140,21 +156,25 @@
   background-color: transparent;
   color: var(--color-grape--3);
 
-  &:disabled {
+  &:disabled,
+  &[disabled] {
     color: var(--color-gray--5);
   }
 
-  &:hover:not(:disabled) {
+  &:hover:not(:disabled),
+  &:hover:not([disabled]) {
     background-color: var(--color-grape--1);
   }
 
-  &:active:not(:disabled) {
+  &:active:not(:disabled),
+  &:active:not([disabled]) {
     background-color: var(--color-grape--5);
     color: var(--color-gray--1);
   }
 }
 
-.Button--variant-danger.Button--level-primary:not(:disabled) {
+.Button--variant-danger.Button--level-primary:not(:disabled),
+.Button--variant-danger.Button--level-primary:not([disabled]) {
   border-color: #D4093C;
   background-color: #C90032;
 
@@ -172,7 +192,8 @@
   }
 }
 
-.Button--variant-danger.Button--level-secondary:not(:disabled) {
+.Button--variant-danger.Button--level-secondary:not(:disabled),
+.Button--variant-danger.Button--level-secondary:not([disabled]) {
   border-color: var(--color-gray--3);
   background-color: var(--color-red--1);
   color: var(--color-red--3);

package/src/Button/ColorButton.css

@@ -10,7 +10,8 @@
     cursor: pointer;
   }
 
-  &:disabled {
+  &:disabled,
+  &[disabled] {
     opacity: 0.5;
     cursor: default;
   }

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"

package/src/Icon/tsx/IconsChangePlan.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/IconsChat.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/IconsChatMessage.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-chat-message_svg__a"