@matbea-ui/matbea-ui 0.1.9 → 0.2.0

package/dist/matbea-ui.es5.js

@@ -1,19 +0,0 @@
-import { j as o } from "./matbea-ui.es31.js";
-import "react";
-import { InfoIcon as s } from "./matbea-ui.es35.js";
-import { Typography as t } from "./matbea-ui.es4.js";
-import { InformerStyled as e } from "./matbea-ui.es36.js";
-const j = ({
-  label: f,
-  description: m,
-  type: i,
-  icon: r
-}) => /* @__PURE__ */ o.jsxs(e, { $icon: r, $type: i, children: [
-  r && /* @__PURE__ */ o.jsx(s, { size: 18, color: "#fff" }),
-  f && /* @__PURE__ */ o.jsx(t, { color: "#fff", variant: "body-l-semibold", children: f }),
-  r && /* @__PURE__ */ o.jsx("div", {}),
-  m && /* @__PURE__ */ o.jsx(t, { color: "#fff", variant: "body-m-semibold", children: m })
-] });
-export {
-  j as Informer
-};

package/dist/matbea-ui.es50.js

@@ -1,39 +0,0 @@
-import r from "styled-components";
-import { Typography as o } from "./matbea-ui.es4.js";
-const e = r.table`
-  width: 100%;
-  border-collapse: collapse;
-  overflow: hidden;
-`, t = r.tr`
-  &:nth-child(2n) {
-    background: ${({ theme: a }) => a.colors.gray.lightBlueGray};
-  }
-`, s = r(o).attrs({
-  forwardedAs: "td",
-  variant: "body-m"
-})`
-  display: table-cell;
-  color: ${({ theme: a }) => a.colors.primary.darkBlue};
-  padding: 16px 14px;
-  &:first-child {
-    border-radius: 10px 0 0 10px;
-  }
-  &:last-child {
-    border-radius: 0 10px 10px 0;
-  }
-`, p = r(o).attrs({
-  forwardedAs: "th",
-  variant: "body-s"
-})`
-  display: table-cell;
-  color: ${({ theme: a }) => a.colors.gray.darkGray2};
-  padding: 16px 14px;
-`, c = r.tbody``, i = r.thead``;
-export {
-  c as TableBody,
-  s as TableCell,
-  i as TableHead,
-  p as TableHeader,
-  t as TableRow,
-  e as TableStyled
-};

package/dist/matbea-ui.es51.js

@@ -1,44 +0,0 @@
-import { styled as a } from "styled-components";
-const e = a.div`
-  display: inline-flex;
-`, n = a.button`
-  position: relative;
-  width: 56px;
-  height: 26px;
-  padding: 4px;
-  border: none;
-  border-radius: 22px;
-  background: ${({ $checked: r, theme: o }) => r ? o.colors.primary.primaryBlue : o.colors.gray.darkGray2};
-  cursor: pointer;
-  transition: background 150ms ease;
-  outline: none;
-
-  &:focus-visible {
-    box-shadow: 0 0 0 2px rgba(49, 99, 240, 0.4);
-  }
-
-  &:hover {
-    background: ${({ $checked: r, theme: o }) => r ? o.colors.primary.hoverBlue : o.colors.gray.darkGray};
-  }
-
-  &:disabled {
-    cursor: not-allowed;
-    background: ${({ theme: r }) => r.colors.gray.darkGray};
-  }
-`, i = a.span`
-  position: absolute;
-  top: 50%;
-  left: 4px;
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  background: ${({ $disabled: r, theme: o }) => r ? o.colors.primary.darkBlue2 : "#ffffff"};
-  box-shadow: ${({ $disabled: r }) => r ? "none" : "0 3px 6px rgba(0, 0, 0, 0.25)"};
-  transform: translate(${({ $checked: r }) => r ? "30px" : "0"}, -50%);
-  transition: transform 180ms ease, background 150ms ease, box-shadow 150ms ease;
-`;
-export {
-  e as SwitcherRoot,
-  i as Thumb,
-  n as Track
-};

package/dist/matbea-ui.es52.js

@@ -1,58 +0,0 @@
-import l, { css as i } from "styled-components";
-const s = l.label`
-  display: inline-flex;
-  align-items: center;
-  gap: 12px;
-  cursor: ${({ disabled: o }) => o ? "not-allowed" : "pointer"};
-`, c = l.input`
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-`, a = l.span`
-  width: 24px;
-  height: 24px;
-  border-radius: 3px;
-  border: 1px solid ${({ theme: o }) => o.colors.gray.lightGray3};
-  background-color: ${({ theme: o }) => o.colors.primary.white};
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  transition: background-color 140ms ease, border-color 140ms ease;
-
-  ${({ $checked: o, theme: r }) => o && i`
-      border-color: ${r.colors.primary.primaryBlue};
-      background-color: ${r.colors.primary.primaryBlue};
-    `}
-
-  ${({ $checked: o, $disabled: r, theme: e }) => !r && !o && i`
-      &:hover {
-        border-color: ${e.colors.primary.hoverBlue};
-      }
-    `}
-
-  ${({ $checked: o, $disabled: r, theme: e }) => !r && o && i`
-      &:hover {
-        border-color: ${e.colors.primary.hoverBlue};
-        background-color: ${e.colors.primary.hoverBlue};
-      }
-    `}
-
-  ${({ $disabled: o, theme: r }) => o && i`
-      border-color: ${r.colors.gray.lightGray2};
-      background-color: ${r.colors.gray.lightGray};
-    `}
-`, t = l.svg`
-  width: 12px;
-  height: 9px;
-  fill: none;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-  transition: opacity 120ms ease;
-  stroke: ${({ theme: o }) => o.colors.primary.white};
-`;
-export {
-  a as Box,
-  t as CheckIcon,
-  c as HiddenInput,
-  s as Label
-};

package/dist/matbea-ui.es53.js

@@ -1,17 +0,0 @@
-import { j as n } from "./matbea-ui.es31.js";
-import "react";
-const w = ({ size: t = 24, children: o, ...r }) => /* @__PURE__ */ n.jsx(
-  "svg",
-  {
-    width: t,
-    height: t,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...r,
-    children: o
-  }
-);
-export {
-  w as Icon
-};

package/dist/matbea-ui.es54.js

@@ -1,26 +0,0 @@
-import { j as o } from "./matbea-ui.es31.js";
-import { Icon as e } from "./matbea-ui.es53.js";
-const t = (r) => /* @__PURE__ */ o.jsxs(e, { ...r, viewBox: "0 0 18 18", children: [
-  /* @__PURE__ */ o.jsx("circle", { cx: "9", cy: "9", r: "9", fill: "#EFF2FB" }),
-  /* @__PURE__ */ o.jsx(
-    "path",
-    {
-      d: "M13 9L9 12L5 9",
-      stroke: "#5E6F8D",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    }
-  ),
-  /* @__PURE__ */ o.jsx(
-    "path",
-    {
-      d: "M13 6L9 9L5 6",
-      stroke: "#5E6F8D",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    }
-  )
-] });
-export {
-  t as WithdrawIcon
-};

package/dist/matbea-ui.es55.js

@@ -1,58 +0,0 @@
-import "./matbea-ui.es31.js";
-import "./matbea-ui.es32.js";
-import "react";
-import "./matbea-ui.es33.js";
-import { Typography as i } from "./matbea-ui.es4.js";
-import "./matbea-ui.es36.js";
-import "./matbea-ui.es6.js";
-import "./matbea-ui.es38.js";
-import "./matbea-ui.es39.js";
-import "./matbea-ui.es42.js";
-import "./matbea-ui.es43.js";
-import "./matbea-ui.es12.js";
-import "./matbea-ui.es45.js";
-import "./matbea-ui.es46.js";
-import "./matbea-ui.es49.js";
-import "./matbea-ui.es50.js";
-import "./matbea-ui.es51.js";
-import "./matbea-ui.es52.js";
-import { styled as o } from "styled-components";
-const $ = o.div`
-  display: flex;
-  column-gap: 10px;
-  row-gap: 12px;
-  width: 100%;
-  flex: 1;
-  flex-direction: column;
-  ${({ theme: t }) => t.media.maxWidth.tablet} {
-    flex-direction: row;
-    justify-content: space-between;
-  }
-  ${({ theme: t }) => t.media.maxWidth.mobile} {
-    flex-direction: column;
-  }
-`, v = o(i).attrs({
-  forwardedAs: "p",
-  variant: "body-s-semibold"
-})`
-  white-space: nowrap;
-  color: ${({ theme: t }) => t.colors.gray.darkGray};
-`, D = o.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  height: 100%;
-`, k = o(i).attrs({
-  forwardedAs: "p",
-  variant: "body-m-semibold"
-})`
-  margin: 0;
-  white-space: nowrap;
-  color: ${({ theme: t }) => `${t.colors.primary.darkBlue}`};
-`;
-export {
-  D as ApplicationDataContent,
-  v as ApplicationDataLabel,
-  $ as ApplicationDataStyled,
-  k as ApplicationDataValue
-};

package/dist/matbea-ui.es56.js

@@ -1,62 +0,0 @@
-import { css as d, styled as a } from "styled-components";
-const e = a.div`
-  display: flex;
-  width: fit-content;
-  align-items: center;
-  gap: 22px;
-  ${({ $variant: i }) => {
-  switch (i) {
-    case "secondary":
-      return d`
-          padding: 24px;
-          background: #f5f5f5;
-        `;
-    case "primary":
-    default:
-      return d`
-          padding: 24px 20px;
-          background: ${({ theme: t }) => t.colors.primary.white};
-          border: 1px solid ${({ theme: t }) => t.colors.gray.lightGray2};
-        `;
-  }
-}}
-
-  border-radius: 6px;
-  ${({ theme: i }) => i.media.maxWidth.tablet} {
-    width: 100%;
-    flex-direction: column;
-    gap: 18px;
-    padding: 18px 20px;
-  }
-  ${({ theme: i }) => i.media.maxWidth.mobile} {
-    flex-direction: column;
-    gap: 16px;
-    padding: 16px 20px;
-  }
-`, n = a.div`
-  display: flex;
-  gap: 56px;
-  width: fit-content;
-  ${({ theme: i }) => i.media.maxWidth.tablet} {
-    width: 100%;
-    flex-direction: column;
-    gap: 12px;
-  }
-  ${({ theme: i }) => i.media.maxWidth.mobile} {
-    flex-direction: column;
-    gap: 8px;
-  }
-`, o = a.div`
-  display: flex;
-  gap: 22px;
-  width: fit-content;
-  ${({ theme: i }) => i.media.maxWidth.tablet} {
-    width: 100%;
-    gap: 20px;
-  }
-`;
-export {
-  o as ApplicationDataActions,
-  n as ApplicationInfoDataContainer,
-  e as ApplicationInfoStyled
-};

package/dist/matbea-ui.es57.js

@@ -1,12 +0,0 @@
-import { j as o } from "./matbea-ui.es31.js";
-import { Icon as r } from "./matbea-ui.es53.js";
-const s = (C) => /* @__PURE__ */ o.jsx(r, { ...C, viewBox: "0 0 18 18", children: /* @__PURE__ */ o.jsx(
-  "path",
-  {
-    d: "M9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.4954 13.1402 13.1402 16.4954 9 16.5ZM9 3C5.68629 3 3 5.68629 3 9C3 12.3137 5.68629 15 9 15C12.3137 15 15 12.3137 15 9C14.9963 5.68783 12.3122 3.00372 9 3ZM12.75 9.75H8.25V5.25H9.75V8.25H12.75V9.75Z",
-    fill: "#9296A5"
-  }
-) });
-export {
-  s as ClockIcon
-};

package/dist/matbea-ui.es58.js

@@ -1,12 +0,0 @@
-import { j as o } from "./matbea-ui.es31.js";
-import { Icon as l } from "./matbea-ui.es53.js";
-const c = (s) => /* @__PURE__ */ o.jsx(l, { ...s, viewBox: "0 0 18 18", children: /* @__PURE__ */ o.jsx(
-  "path",
-  {
-    d: "M9 16.5C4.85975 16.4954 1.50454 13.1402 1.5 9.00001V8.85001C1.58245 4.72841 4.97594 1.44598 9.09803 1.50067C13.2201 1.55537 16.5253 4.92668 16.4984 9.04899C16.4714 13.1714 13.1224 16.4992 9 16.5ZM5.5575 8.69251L4.5 9.75001L7.5 12.75L13.5 6.75001L12.4425 5.68501L7.5 10.6275L5.5575 8.69251Z",
-    fill: "#1CD850"
-  }
-) });
-export {
-  c as SuccessfullSmallIcon
-};

package/dist/matbea-ui.es59.js

@@ -1,15 +0,0 @@
-import { j as o } from "./matbea-ui.es31.js";
-import { Icon as r } from "./matbea-ui.es53.js";
-const n = (i) => /* @__PURE__ */ o.jsxs(r, { ...i, viewBox: "0 0 18 18", children: [
-  /* @__PURE__ */ o.jsx(
-    "path",
-    {
-      d: "M15.9495 15.7485H2.04978C1.78184 15.7485 1.53426 15.6056 1.40028 15.3735C1.26631 15.1415 1.26631 14.8556 1.40028 14.6235L8.3498 2.62349C8.4839 2.39183 8.73125 2.24918 8.99892 2.24918C9.2666 2.24918 9.51395 2.39183 9.64805 2.62349L16.5975 14.6235C16.7314 14.8554 16.7315 15.1412 16.5977 15.3731C16.464 15.6052 16.2166 15.7482 15.9488 15.7485H15.9495ZM9.00005 4.49849L3.35178 14.2485H14.6498L9.00005 4.49849ZM9.7463 11.2493H8.2463V7.49849H9.7463V11.2493Z",
-      fill: "#FFA63E"
-    }
-  ),
-  /* @__PURE__ */ o.jsx("path", { d: "M8.25 12H9.75V13.5H8.25V12Z", fill: "#FFA63E" })
-] });
-export {
-  n as WarningIcon
-};

package/dist/matbea-ui.es6.js

@@ -1,62 +0,0 @@
-import { j as e } from "./matbea-ui.es31.js";
-import { forwardRef as v, useState as I } from "react";
-import { Wrapper as L, Label as R, FieldContainer as S, LeadingIcon as $, Input as g, ActionSlot as w, ErrorText as y } from "./matbea-ui.es37.js";
-const A = v(
-  ({
-    value: i,
-    defaultValue: c,
-    placeholder: x = "Text",
-    label: t,
-    error: r,
-    disabled: o = !1,
-    icon: n,
-    action: a,
-    name: u,
-    type: h = "text",
-    onChange: f,
-    onFocus: j,
-    onBlur: p,
-    className: m
-  }, F) => {
-    const [E, d] = I(!1), l = !!r, T = (s) => {
-      d(!0), j?.(s);
-    }, B = (s) => {
-      d(!1), p?.(s);
-    };
-    return /* @__PURE__ */ e.jsxs(L, { className: m, children: [
-      t && /* @__PURE__ */ e.jsx(R, { children: t }),
-      /* @__PURE__ */ e.jsxs(
-        S,
-        {
-          $hasError: l,
-          $disabled: o,
-          "data-state": l ? "error" : E ? "active" : void 0,
-          children: [
-            n && /* @__PURE__ */ e.jsx($, { children: n }),
-            /* @__PURE__ */ e.jsx(
-              g,
-              {
-                ref: F,
-                type: h,
-                name: u,
-                value: i,
-                defaultValue: c,
-                placeholder: x,
-                disabled: o,
-                onChange: f,
-                onFocus: T,
-                onBlur: B
-              }
-            ),
-            a && /* @__PURE__ */ e.jsx(w, { children: a })
-          ]
-        }
-      ),
-      r && /* @__PURE__ */ e.jsx(y, { children: r })
-    ] });
-  }
-);
-A.displayName = "TextField";
-export {
-  A as TextField
-};

package/dist/matbea-ui.es60.js

@@ -1,74 +0,0 @@
-import "./matbea-ui.es31.js";
-import "./matbea-ui.es32.js";
-import "react";
-import "./matbea-ui.es33.js";
-import { Typography as i } from "./matbea-ui.es4.js";
-import "./matbea-ui.es36.js";
-import "./matbea-ui.es6.js";
-import "./matbea-ui.es38.js";
-import "./matbea-ui.es39.js";
-import "./matbea-ui.es42.js";
-import "./matbea-ui.es43.js";
-import "./matbea-ui.es12.js";
-import "./matbea-ui.es45.js";
-import "./matbea-ui.es46.js";
-import "./matbea-ui.es49.js";
-import "./matbea-ui.es50.js";
-import "./matbea-ui.es51.js";
-import "./matbea-ui.es52.js";
-import { styled as t } from "styled-components";
-const S = t.div`
-  display: flex;
-  column-gap: 10px;
-  row-gap: 12px;
-  width: 100%;
-  flex: 1;
-  flex-direction: column;
-  ${({ theme: o }) => o.media.maxWidth.tablet} {
-    flex-direction: row;
-    justify-content: space-between;
-  }
-  ${({ theme: o }) => o.media.maxWidth.mobile} {
-    flex-direction: column;
-  }
-`, v = t(i).attrs({
-  forwardedAs: "p",
-  variant: "body-s-semibold"
-})`
-  margin: 0;
-  white-space: nowrap;
-  color: ${({ theme: o }) => o.colors.gray.darkGray};
-`, k = t.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  height: 100%;
-`, W = t(i).attrs({
-  forwardedAs: "p",
-  variant: "body-m-semibold"
-})`
-  white-space: nowrap;
-  margin: 0;
-  ${({ $type: o, theme: r }) => {
-  switch (o) {
-    case "success":
-      return `
-          color: ${r.colors.accent.green};
-        `;
-    case "pending":
-      return `
-          color: ${r.colors.primary.darkBlue};
-        `;
-    case "warning":
-      return `
-          color: ${r.colors.accent.orange};
-        `;
-  }
-}}
-`;
-export {
-  k as ApplicationStatusContent,
-  v as ApplicationStatusLabel,
-  S as ApplicationStatusStyled,
-  W as ApplicationStatusValue
-};

package/dist/matbea-ui.es61.js

@@ -1,17 +0,0 @@
-import { styled as o } from "styled-components";
-const r = o.tr`
-  position: relative;
-`, l = o.td`
-  padding: 14px 16px;
-  border-collapse: separate;
-  border-spacing: 0;
-  white-space: nowrap;
-  background: ${({ theme: a }) => a.colors.gray.lightBlueGray};
-`, t = o.td`
-  background: ${({ theme: a }) => a.colors.gray.lightBlueGray};
-`;
-export {
-  l as BalanceCell,
-  t as BalanceCellActions,
-  r as BalanceRowStyled
-};

package/dist/matbea-ui.es62.js

@@ -1,55 +0,0 @@
-import "./matbea-ui.es31.js";
-import "./matbea-ui.es32.js";
-import "react";
-import "./matbea-ui.es33.js";
-import { Typography as a } from "./matbea-ui.es4.js";
-import "./matbea-ui.es36.js";
-import "./matbea-ui.es6.js";
-import "./matbea-ui.es38.js";
-import "./matbea-ui.es39.js";
-import "./matbea-ui.es42.js";
-import "./matbea-ui.es43.js";
-import "./matbea-ui.es12.js";
-import "./matbea-ui.es45.js";
-import "./matbea-ui.es46.js";
-import "./matbea-ui.es49.js";
-import "./matbea-ui.es50.js";
-import "./matbea-ui.es51.js";
-import "./matbea-ui.es52.js";
-import t from "styled-components";
-const x = t.div`
-  display: grid;
-  grid-template-columns: ${({ $longname: r, $shortname: o, $network: m, $icon: i }) => `
-    ${i ? "auto" : ""}
-    ${r || m ? "1fr" : ""}
-    ${o ? "auto" : ""}
-  `};
-  grid-template-areas: ${({ $network: r, $icon: o }) => `
-  "${o ? "icon " : ""}longname shortname"
-    ${r ? `"${o ? "." : ""} network ."` : ""}
-  `};
-  width: 100%;
-  column-gap: 10px;
-  align-items: center;
-`, G = t(a).attrs({
-  variant: "body-m-bold"
-})`
-  color: ${({ theme: r }) => r.colors.primary.darkBlue};
-  grid-area: longname;
-`, S = t(a).attrs({
-  variant: "body-m"
-})`
-  color: ${({ theme: r }) => r.colors.gray.darkGray};
-  grid-area: shortname;
-`, B = t(a).attrs({
-  variant: "body-s"
-})`
-  color: ${({ theme: r }) => r.colors.gray.darkGray2};
-  grid-area: network;
-`;
-export {
-  G as CurrencyNameLongname,
-  B as CurrencyNameNetwork,
-  S as CurrencyNameShortname,
-  x as CurrencyNameStyled
-};

package/dist/matbea-ui.es63.js

@@ -1,57 +0,0 @@
-import "./matbea-ui.es31.js";
-import "./matbea-ui.es32.js";
-import "react";
-import "./matbea-ui.es33.js";
-import { Typography as o } from "./matbea-ui.es4.js";
-import "./matbea-ui.es36.js";
-import "./matbea-ui.es6.js";
-import "./matbea-ui.es38.js";
-import "./matbea-ui.es39.js";
-import "./matbea-ui.es42.js";
-import "./matbea-ui.es43.js";
-import "./matbea-ui.es12.js";
-import "./matbea-ui.es45.js";
-import "./matbea-ui.es46.js";
-import "./matbea-ui.es49.js";
-import "./matbea-ui.es50.js";
-import "./matbea-ui.es51.js";
-import "./matbea-ui.es52.js";
-import { styled as t } from "styled-components";
-const h = t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  padding: 16px;
-  background: ${({ theme: r }) => r.colors.gray.lightBlueGray};
-  border-radius: 10px;
-  gap: 14px;
-`, B = t.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  padding: 0px;
-  gap: 10px;
-  width: 100%;
-`, k = t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 8px;
-  padding: 0px;
-  width: 100%;
-`, w = t(o).attrs({
-  variant: "body-s"
-})`
-  color: ${({ theme: r }) => r.colors.gray.darkGray};
-`, $ = t(o).attrs({
-  variant: "body-m-bold"
-})`
-  color: ${({ theme: r }) => r.colors.primary.darkBlue};
-`;
-export {
-  $ as CurrencyRateAmount,
-  B as CurrencyRateBody,
-  k as CurrencyRateBox,
-  h as CurrencyRateCard,
-  w as CurrencyRatePriceLabel
-};