@clickhouse/click-ui 0.0.3 → 0.0.5

package/src/components/icons/Flags/index.tsx

@@ -1,46 +0,0 @@
-import React from "react";
-import UnitedStates from "./UnitedStates";
-import UnitedKingdom from "./UnitedKingdom";
-import EuropeanUnion from "./EuropeanUnion";
-import Germany from "./Germany";
-import Singapore from "./Singapore";
-import Ireland from "./Ireland";
-import India from "./India";
-import Netherlands from "./Netherlands";
-
-interface Props extends React.SVGAttributes<SVGElement> {
-  name: string;
-}
-
-function Flags({ name, ...props }: Props) {
-  switch (name) {
-    case "usa":
-      return <UnitedStates {...props} />;
-
-    case "de":
-      return <Germany {...props} />;
-
-    case "sg":
-      return <Singapore {...props} />;
-
-    case "uk":
-      return <UnitedKingdom {...props} />;
-
-    case "ie":
-      return <Ireland {...props} />;
-
-    case "eu":
-      return <EuropeanUnion {...props} />;
-
-    case "in":
-      return <India {...props} />;
-
-    case "nl":
-      return <Netherlands {...props} />;
-
-    default:
-      return null;
-  }
-}
-
-export default Flags;

package/src/components/icons/Folder.tsx

@@ -1,20 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Folder = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeWidth={1.5}
-      d="M20 19H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h3.629a1 1 0 0 1 .869.506l.846 1.488a1 1 0 0 0 .87.506H20a1 1 0 0 1 1 1V18a1 1 0 0 1-1 1ZM11 7.5H3"
-    />
-  </svg>
-);
-
-export default Folder;

package/src/components/icons/Gift.tsx

@@ -1,21 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Gift = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      fill="#161517"
-      stroke="#161517"
-      strokeWidth={0.6}
-      d="M19.306 6.276h-3.704a2.52 2.52 0 0 0 .752-1.805C16.354 3.11 15.296 2 13.997 2c-.937 0-1.745.578-2.125 1.41-.386-.56-1.013-.928-1.722-.928-1.172 0-2.126 1-2.126 2.23 0 .61.234 1.161.612 1.564H4.694C3.76 6.276 3 7.073 3 8.053v1.285c0 .919.67 1.677 1.523 1.767v8.64c0 1.244.964 2.255 2.15 2.255h10.655c1.185 0 2.149-1.011 2.149-2.254v-8.641c.854-.09 1.523-.848 1.523-1.767V8.052c0-.979-.76-1.776-1.694-1.776Zm-7.03-1.805c0-.995.772-1.804 1.721-1.804.949 0 1.72.81 1.72 1.804 0 .996-.771 1.805-1.72 1.805h-1.72V4.471Zm-3.617.242c0-.862.669-1.564 1.49-1.564.823 0 1.492.702 1.492 1.564v1.563H10.15c-.822 0-1.49-.701-1.49-1.563ZM3.635 9.338V8.052c0-.611.475-1.11 1.058-1.11h5.457l1.532.001v3.504H4.693c-.583 0-1.058-.498-1.058-1.11ZM5.16 19.746v-8.632h6.523v10.22h-5.01c-.834 0-1.513-.713-1.513-1.588Zm13.682 0c0 .875-.679 1.588-1.514 1.588h-5.01v-10.22h6.525v8.632Zm1.523-10.408c0 .612-.474 1.11-1.057 1.11h-6.99V6.942h6.99c.583 0 1.058.498 1.058 1.11v1.285Z"
-    />
-  </svg>
-);
-
-export default Gift;

package/src/components/icons/HistoryIcon.tsx

@@ -1,28 +0,0 @@
-import { SVGAttributes } from "react";
-
-const HistoryIcon = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M12 4.997H4.997M12 4.997A8.003 8.003 0 1 1 3.997 13M7.998 1.996l-3 3.001M7.998 7.998l-3-3"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M15.001 13.75h-3.81V9.834"
-    />
-  </svg>
-);
-export default HistoryIcon;

package/src/components/icons/Home.tsx

@@ -1,29 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Home = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M4 8.6V21h16V8.6"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="m2 10 10-7 10 7M15 21v-6a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v6"
-    />
-  </svg>
-);
-
-export default Home;

package/src/components/icons/Http.tsx

@@ -1,22 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Http = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M3 13.8v-3.6M5.88 10.2v3.6M5.88 12H3M10.92 10.2H8.04M9.48 10.2v3.6M18.12 10.2v3.6M15.96 10.2h-2.88M14.52 10.2v3.6M18.12 10.2h1.755c.621 0 1.125.504 1.125 1.125v0c0 .621-.504 1.125-1.125 1.125H18.12M3 7V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2M21 17v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2"
-    />
-  </svg>
-);
-
-export default Http;

package/src/components/icons/Icons.mdx

@@ -1,39 +0,0 @@
-import { Icon, ICONS_MAP } from "../Icon/Icon";
-import Flags from "./Flags";
-import Payments from './Payments'
-import { Meta, IconGallery, IconItem } from "@storybook/blocks";
-import { ThemeProvider } from "../../theme";
-
-<Meta title='Display/Icon/Icons' />
-
-# Glyphs
-
-<ThemeProvider theme='light'>
-  <IconGallery>
-    {Object.keys(ICONS_MAP).map((iconName) => (
-      <IconItem name={iconName}>
-        <Icon name={iconName} />
-      </IconItem>
-    ))}
-  </IconGallery>
-</ThemeProvider>
-
-# Flags
-
-<IconGallery>
-  {["usa", "de", "sg", "uk", "ie", "eu", "in", "nl"].map((iconName) => (
-    <IconItem name={iconName}>
-      <Flags name={iconName} />
-    </IconItem>
-  ))}
-</IconGallery>
-
-# Payments
-
-<IconGallery>
-  {["visa", "mastercard", "amex", "paypal"].map((iconName) => (
-    <IconItem name={iconName}>
-      <Payments name={iconName} />
-    </IconItem>
-  ))}
-</IconGallery>

package/src/components/icons/InfoInCircleIcon.tsx

@@ -1,37 +0,0 @@
-import { SVGAttributes } from "react";
-
-const InfoInCircleIcon = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M11.999 8a.25.25 0 1 0 .002.5A.25.25 0 0 0 12 8"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M12 21v0a9 9 0 0 1-9-9v0a9 9 0 0 1 9-9v0a9 9 0 0 1 9 9v0a9 9 0 0 1-9 9Z"
-      clipRule="evenodd"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M12 12v5"
-    />
-  </svg>
-);
-
-export default InfoInCircleIcon;

package/src/components/icons/InformationIcon.tsx

@@ -1,34 +0,0 @@
-import { SVGAttributes } from "react";
-
-const InformationIcon = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      d="M10.854 11.877h1.15v4.252M10.845 16.128h2.31"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M11.946 7.872a.25.25 0 1 1-.25-.25"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      d="M11.695 8.623a.25.25 0 0 1 .25.25"
-    />
-  </svg>
-);
-
-export default InformationIcon;

package/src/components/icons/InsertRowIcon.tsx

@@ -1,34 +0,0 @@
-import { SVGAttributes } from "react";
-
-const InsertRowIcon = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M8 4h12M3 4h1M3 8h1M3 12h1M8 8h12M8 12h2"
-    />
-    <path
-      stroke="#161517"
-      strokeWidth={1.5}
-      d="M17 21a5 5 0 0 1-5-5c0-2.704 2.3-5.003 5.004-5A5 5 0 0 1 17 21"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M17 14v4M19 16h-4"
-    />
-  </svg>
-);
-
-export default InsertRowIcon;

package/src/components/icons/Integrations.tsx

@@ -1,29 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Integrations = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M10 9.056C9.094 7.818 7.652 7 6 7v0a5 5 0 0 0-5 5v0a5 5 0 0 0 5 5v0a5.299 5.299 0 0 0 4.543-2.572L12 12l1.457-2.428A5.299 5.299 0 0 1 18 7v0a5 5 0 0 1 5 5v0a5 5 0 0 1-5 5v0c-1.652 0-3.094-.818-4-2.056"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="m9.93 6.028.521 2.954-2.954.52"
-    />
-  </svg>
-);
-
-export default Integrations;

package/src/components/icons/LightBulb.tsx

@@ -1,40 +0,0 @@
-import { SVGAttributes } from "react";
-
-const LightBulb = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M10.249 15.502h3.502M11 18.003h2"
-    />
-    <rect
-      width={18.008}
-      height={18.008}
-      x={2.996}
-      y={2.997}
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      rx={5}
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M15.386 13.316a4.251 4.251 0 1 0-6.772 0"
-    />
-  </svg>
-);
-
-export default LightBulb;

package/src/components/icons/Lightening.tsx

@@ -1,30 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Lightening = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="m13 8-3 3 4 2-3 3"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2Z"
-      clipRule="evenodd"
-    />
-  </svg>
-);
-
-export default Lightening;

package/src/components/icons/Loading.tsx

@@ -1,57 +0,0 @@
-import { SVGAttributes } from "react";
-import styled, { keyframes } from "styled-components";
-
-const spin = keyframes`
-  from {
-    transform: rotate(360deg);
-  }
-  to {
-    transform: rotate(0deg);
-  }
-`;
-
-const LoadingIcon = styled.svg`
-  animation: ${spin} 1s infinite linear;
-`;
-
-const Loading = (props: SVGAttributes<SVGElement>) => (
-  <LoadingIcon
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.25}
-      d="M7.625 8.875H4.5V5.75"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M19.5 12A7.495 7.495 0 0 0 5.188 8.875"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.25}
-      d="M16.375 15.125H19.5v3.125"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M4.5 12a7.495 7.495 0 0 0 14.312 3.125"
-    />
-  </LoadingIcon>
-);
-
-export default Loading;

package/src/components/icons/Metrics.tsx

@@ -1,38 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Metrics = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <circle
-      cx={19.503}
-      cy={4.497}
-      r={2.501}
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="m16.002 10-2.72 3.626L9.999 11l-3.001 4.002"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M21.004 10v7.002a4.002 4.002 0 0 1-4.002 4.002H6.998a4.002 4.002 0 0 1-4.002-4.002V6.998a4.002 4.002 0 0 1 4.002-4.001H14"
-    />
-  </svg>
-);
-
-export default Metrics;

package/src/components/icons/MetricsAlt.tsx

@@ -1,30 +0,0 @@
-import { SVGAttributes } from "react";
-
-const MetricsAlt = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M17 21H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4Z"
-      clipRule="evenodd"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="m3 15 7-5 4 4 7-5"
-    />
-  </svg>
-);
-
-export default MetricsAlt;

package/src/components/icons/Payment.tsx

@@ -1,23 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Payment = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      fill="#161517"
-      d="M20.467 18.666H3.533A1.509 1.509 0 0 1 2 17.133V6.866C2 6 2.667 5.333 3.533 5.333h16.934C21.333 5.333 22 6 22 6.866v10.267c0 .867-.667 1.533-1.533 1.533Zm-16.934-12c-.133 0-.2.067-.2.2v10.267c0 .133.067.2.2.2h16.934c.133 0 .2-.067.2-.2V6.866c0-.133-.067-.2-.2-.2H3.533Z"
-    />
-    <path
-      fill="#161517"
-      d="M2.666 9.2h18.667v2.666H2.666V9.2Z"
-    />
-  </svg>
-);
-
-export default Payment;

package/src/components/icons/Payments/Amex.tsx

@@ -1,44 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Amex = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={30}
-    height={22}
-    viewBox="0 0 30 22"
-    fill="none"
-    {...props}
-  >
-    <g clipPath="url(#a)">
-      <g clipPath="url(#b)">
-        <path
-          fill="#006FCF"
-          d="M27.216 21.4H2.778A2.78 2.78 0 0 1 0 18.62V3.056a2.78 2.78 0 0 1 2.78-2.78h24.437a2.78 2.78 0 0 1 2.78 2.78V18.62a2.78 2.78 0 0 1-2.78 2.78Z"
-        />
-        <path
-          fill="#F7F7F7"
-          d="M29.975 17.236v-4.914H11.38l-.475.671-.468-.67H5.089v5.235h5.327l.464-.68.48.68h3.334v-1.13h-.035c.415 0 .791-.074 1.125-.198v1.328h2.325v-.761l.586.761h10.09c.29 0 .562-.049.806-.137.137-.05.266-.113.384-.185Zm-3.673-6.716h2.25V5.284h-2.401v.837l-.535-.837h-2.093v1.059l-.47-1.06h-3.46c-.167 0-.329.013-.486.037a2.72 2.72 0 0 0-.677.2c-.108.05-.212.107-.31.173v-.41H6.825l-.308.914-.313-.913H3.576v1.07l-.474-1.07H.958l-.959 2.24v2.996h1.519L1.8 9.77h.535l.288.751h11.683V9.76l.585.761h3.229v-.38a2.17 2.17 0 0 0 .528.247c.112.037.227.064.341.085.186.034.372.048.548.048h1.932l.283-.751h.535l.287.751h3.239v-.777l.49.777Z"
-        />
-        <path
-          fill="#006FCF"
-          d="M8.737 13.891v-.716H5.912v3.531h2.825v-.711H6.76v-.711h1.932v-.707H6.76v-.686h1.977Zm2.941 2.815h1.06l-1.418-1.78 1.408-1.751h-1.03l-.867 1.12-.863-1.12h-1.06l1.413 1.765-1.407 1.766h1.029l.868-1.135.867 1.135Zm1.246-3.531v3.531h.848v-1.165h1.064c.772 0 1.251-.505 1.251-1.186 0-.7-.469-1.18-1.22-1.18h-1.943Zm2.31 1.185c0 .238-.15.434-.448.434h-1.014v-.867h1.014c.298 0 .449.191.449.433Zm2.16 1.075h.399l1.054 1.271H19.9l-1.175-1.301c.6-.111.958-.545.958-1.11 0-.661-.469-1.12-1.22-1.12h-1.917v3.531h.847v-1.271Zm.994-1.539c.303 0 .464.197.464.44 0 .241-.161.433-.464.433h-.994v-.873h.994Zm4.732-.005v-.716h-2.825v3.531h2.825v-.711h-1.978v-.711h1.933v-.707h-1.933v-.686h1.978ZM25.445 16h-1.81v.706h1.785c.762 0 1.216-.464 1.216-1.125 0-.63-.408-.998-1.095-.998h-.817c-.202 0-.343-.132-.343-.339 0-.212.141-.353.343-.353h1.534l.313-.716h-1.822c-.762 0-1.216.464-1.216 1.1 0 .65.43 1.024 1.1 1.024h.812c.202 0 .348.13.348.343 0 .216-.146.358-.348.358Zm3.36 0h-1.81v.706h1.785c.762 0 1.216-.464 1.216-1.125 0-.63-.409-.998-1.095-.998h-.817c-.202 0-.343-.132-.343-.339 0-.212.14-.353.343-.353h1.533l.313-.716H28.11c-.762 0-1.216.464-1.216 1.1 0 .65.43 1.024 1.1 1.024h.812c.202 0 .348.13.348.343 0 .216-.146.358-.348.358ZM3.197 9.668h.953L2.642 6.136H1.527L.014 9.668h.903l.298-.757h1.68l.302.757ZM1.795 7.453l.257-.66.257.66.313.782H1.487l.308-.782Zm3.375-.196-.02-.954.978 3.365h.767l.979-3.345-.02.928v2.417h.821V6.136H7.182l-.67 2.503-.677-2.503H4.347v3.532h.823V7.257Zm7.027-.404v-.717H9.372v3.532h2.825v-.722h-1.978v-.7h1.932v-.707H10.22v-.686h1.978Zm1.468 1.544h.398l1.055 1.27h1.054l-1.175-1.3c.6-.112.958-.546.958-1.11 0-.661-.47-1.12-1.22-1.12h-1.918v3.53h.848v-1.27Zm.994-1.539c.302 0 .464.197.464.439s-.162.434-.464.434h-.994v-.873h.994Zm1.78 2.81h.848V6.136h-.848v3.532Zm3.012 0h.046l.348-.752h-.258c-.58 0-.923-.363-.923-.988v-.05c0-.561.308-.98.913-.98h.918v-.762h-.988c-1.09 0-1.685.732-1.685 1.736v.06c0 1.05.61 1.73 1.63 1.736Zm3.698 0h.953l-1.508-3.532H21.48l-1.513 3.532h.903l.297-.757h1.68l.303.757Zm-1.402-2.215.257-.66.257.66.313.782h-1.135l.308-.782Zm3.38.101-.01-.293.176.293 1.352 2.114h.989V6.136h-.828V8.18l.01.262-.156-.262-1.322-2.044h-1.039v3.532h.827V7.554Z"
-        />
-      </g>
-    </g>
-    <defs>
-      <clipPath id="a">
-        <path
-          fill="#fff"
-          d="M0 .276h30v21.138H0z"
-        />
-      </clipPath>
-      <clipPath id="b">
-        <path
-          fill="#fff"
-          d="M0 .276h30v21.14H0z"
-        />
-      </clipPath>
-    </defs>
-  </svg>
-);
-export default Amex;

package/src/components/icons/Payments/MasterCard.tsx

@@ -1,48 +0,0 @@
-import { SVGAttributes } from "react";
-
-const MasterCard = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={30}
-    height={22}
-    viewBox="0 0 30 22"
-    fill="none"
-    {...props}
-  >
-    <g clipPath="url(#a)">
-      <g clipPath="url(#b)">
-        <path
-          fill="#36495D"
-          d="M27.217 21.262H2.779A2.78 2.78 0 0 1 0 18.482V2.919A2.78 2.78 0 0 1 2.78.138h24.437a2.78 2.78 0 0 1 2.78 2.78v15.565a2.78 2.78 0 0 1-2.78 2.779Z"
-        />
-        <path
-          fill="#F16522"
-          d="M17.517 6.172h-5.04v9.056h5.04V6.172Z"
-        />
-        <path
-          fill="#E41B24"
-          d="M12.798 10.7a5.75 5.75 0 0 1 2.2-4.528 5.76 5.76 0 1 0 0 9.056 5.75 5.75 0 0 1-2.2-4.528Z"
-        />
-        <path
-          fill="#F89E1C"
-          d="M24.136 14.269v-.223h-.058l-.067.153-.067-.153h-.059v.223h.041V14.1l.063.146h.043l.063-.146v.169h.041Zm-.37 0v-.185h.075v-.038h-.19v.038h.075v.185h.04Zm.55-3.569a5.759 5.759 0 0 1-9.318 4.528 5.749 5.749 0 0 0 2.2-4.528 5.75 5.75 0 0 0-2.2-4.528 5.759 5.759 0 0 1 9.318 4.528Z"
-        />
-      </g>
-    </g>
-    <defs>
-      <clipPath id="a">
-        <path
-          fill="#fff"
-          d="M0 .138h30v21.138H0z"
-        />
-      </clipPath>
-      <clipPath id="b">
-        <path
-          fill="#fff"
-          d="M0 .138h30v21.138H0z"
-        />
-      </clipPath>
-    </defs>
-  </svg>
-);
-export default MasterCard;