@matbea-ui/matbea-ui 0.1.3 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/matbea-ui.cjs.js +1 -1
- package/dist/matbea-ui.cjs10.js +1 -1
- package/dist/matbea-ui.cjs11.js +1 -1
- package/dist/matbea-ui.cjs12.js +1 -1
- package/dist/matbea-ui.cjs13.js +1 -1
- package/dist/matbea-ui.cjs14.js +1 -1
- package/dist/matbea-ui.cjs15.js +1 -1
- package/dist/matbea-ui.cjs16.js +1 -1
- package/dist/matbea-ui.cjs17.js +1 -1
- package/dist/matbea-ui.cjs18.js +1 -1
- package/dist/matbea-ui.cjs19.js +1 -1
- package/dist/matbea-ui.cjs2.js +1 -1
- package/dist/matbea-ui.cjs20.js +1 -1
- package/dist/matbea-ui.cjs21.js +1 -1
- package/dist/matbea-ui.cjs22.js +1 -1
- package/dist/matbea-ui.cjs23.js +1 -1
- package/dist/matbea-ui.cjs24.js +1 -1
- package/dist/matbea-ui.cjs25.js +1 -1
- package/dist/matbea-ui.cjs26.js +1 -1
- package/dist/matbea-ui.cjs28.js +1 -1
- package/dist/matbea-ui.cjs29.js +1 -63
- package/dist/matbea-ui.cjs3.js +1 -1
- package/dist/matbea-ui.cjs30.js +1 -34
- package/dist/matbea-ui.cjs31.js +61 -42
- package/dist/matbea-ui.cjs32.js +34 -1
- package/dist/matbea-ui.cjs33.js +44 -11
- package/dist/matbea-ui.cjs34.js +1 -71
- package/dist/matbea-ui.cjs35.js +11 -14
- package/dist/matbea-ui.cjs36.js +68 -8
- package/dist/matbea-ui.cjs37.js +14 -1
- package/dist/matbea-ui.cjs38.js +11 -1
- package/dist/matbea-ui.cjs39.js +1 -37
- package/dist/matbea-ui.cjs4.js +1 -1
- package/dist/matbea-ui.cjs40.js +1 -62
- package/dist/matbea-ui.cjs41.js +31 -96
- package/dist/matbea-ui.cjs42.js +57 -98
- package/dist/matbea-ui.cjs43.js +100 -5
- package/dist/matbea-ui.cjs44.js +103 -1
- package/dist/matbea-ui.cjs45.js +7 -1
- package/dist/matbea-ui.cjs46.js +1 -55
- package/dist/matbea-ui.cjs47.js +1 -23
- package/dist/matbea-ui.cjs48.js +44 -27
- package/dist/matbea-ui.cjs49.js +23 -51
- package/dist/matbea-ui.cjs5.js +1 -1
- package/dist/matbea-ui.cjs50.js +38 -1
- package/dist/matbea-ui.cjs51.js +50 -26
- package/dist/matbea-ui.cjs52.js +1 -48
- package/dist/matbea-ui.cjs53.js +27 -1
- package/dist/matbea-ui.cjs54.js +48 -1
- package/dist/matbea-ui.cjs55.js +1 -1
- package/dist/matbea-ui.cjs56.js +1 -34
- package/dist/matbea-ui.cjs57.js +1 -11
- package/dist/matbea-ui.cjs58.js +32 -22
- package/dist/matbea-ui.cjs59.js +11 -27
- package/dist/matbea-ui.cjs6.js +1 -1
- package/dist/matbea-ui.cjs60.js +21 -26
- package/dist/matbea-ui.cjs61.js +27 -1
- package/dist/matbea-ui.cjs62.js +26 -17
- package/dist/matbea-ui.cjs63.js +1 -1
- package/dist/matbea-ui.cjs64.js +20 -1
- package/dist/matbea-ui.cjs65.js +1 -1
- package/dist/matbea-ui.cjs66.js +1 -6
- package/dist/matbea-ui.cjs67.js +1 -6
- package/dist/matbea-ui.cjs68.js +6 -1
- package/dist/matbea-ui.cjs69.js +6 -1
- package/dist/matbea-ui.cjs7.js +1 -1
- package/dist/matbea-ui.cjs70.js +1 -1
- package/dist/matbea-ui.cjs71.js +1 -1
- package/dist/matbea-ui.cjs72.js +1 -1
- package/dist/matbea-ui.cjs73.js +1 -0
- package/dist/matbea-ui.cjs74.js +1 -0
- package/dist/matbea-ui.cjs8.js +1 -1
- package/dist/matbea-ui.cjs9.js +1 -1
- package/dist/matbea-ui.es.js +9 -7
- package/dist/matbea-ui.es10.js +2 -2
- package/dist/matbea-ui.es11.js +2 -2
- package/dist/matbea-ui.es12.js +2 -2
- package/dist/matbea-ui.es13.js +2 -2
- package/dist/matbea-ui.es14.js +3 -3
- package/dist/matbea-ui.es15.js +3 -3
- package/dist/matbea-ui.es16.js +2 -2
- package/dist/matbea-ui.es17.js +2 -2
- package/dist/matbea-ui.es18.js +2 -2
- package/dist/matbea-ui.es19.js +4 -4
- package/dist/matbea-ui.es2.js +2 -2
- package/dist/matbea-ui.es20.js +2 -2
- package/dist/matbea-ui.es21.js +5 -5
- package/dist/matbea-ui.es22.js +2 -2
- package/dist/matbea-ui.es23.js +2 -2
- package/dist/matbea-ui.es24.js +2 -2
- package/dist/matbea-ui.es25.js +3 -3
- package/dist/matbea-ui.es26.js +4 -4
- package/dist/matbea-ui.es28.js +11 -3
- package/dist/matbea-ui.es29.js +36 -158
- package/dist/matbea-ui.es3.js +2 -2
- package/dist/matbea-ui.es30.js +3 -38
- package/dist/matbea-ui.es31.js +154 -321
- package/dist/matbea-ui.es32.js +38 -13
- package/dist/matbea-ui.es33.js +326 -22
- package/dist/matbea-ui.es34.js +13 -83
- package/dist/matbea-ui.es35.js +22 -14
- package/dist/matbea-ui.es36.js +77 -10
- package/dist/matbea-ui.es37.js +16 -22
- package/dist/matbea-ui.es38.js +16 -8
- package/dist/matbea-ui.es39.js +22 -40
- package/dist/matbea-ui.es4.js +2 -2
- package/dist/matbea-ui.es40.js +8 -68
- package/dist/matbea-ui.es41.js +33 -110
- package/dist/matbea-ui.es42.js +59 -120
- package/dist/matbea-ui.es43.js +113 -7
- package/dist/matbea-ui.es44.js +129 -23
- package/dist/matbea-ui.es45.js +11 -32
- package/dist/matbea-ui.es46.js +21 -60
- package/dist/matbea-ui.es47.js +32 -37
- package/dist/matbea-ui.es48.js +50 -30
- package/dist/matbea-ui.es49.js +37 -56
- package/dist/matbea-ui.es5.js +3 -3
- package/dist/matbea-ui.es50.js +42 -24
- package/dist/matbea-ui.es51.js +54 -54
- package/dist/matbea-ui.es52.js +24 -60
- package/dist/matbea-ui.es53.js +55 -9
- package/dist/matbea-ui.es54.js +60 -10
- package/dist/matbea-ui.es55.js +10 -13
- package/dist/matbea-ui.es56.js +9 -71
- package/dist/matbea-ui.es57.js +13 -15
- package/dist/matbea-ui.es58.js +63 -44
- package/dist/matbea-ui.es59.js +14 -54
- package/dist/matbea-ui.es6.js +2 -2
- package/dist/matbea-ui.es60.js +42 -46
- package/dist/matbea-ui.es61.js +55 -19
- package/dist/matbea-ui.es62.js +52 -27
- package/dist/matbea-ui.es63.js +19 -8
- package/dist/matbea-ui.es64.js +32 -2
- package/dist/matbea-ui.es65.js +7 -23
- package/dist/matbea-ui.es66.js +2 -234
- package/dist/matbea-ui.es67.js +24 -8
- package/dist/matbea-ui.es68.js +234 -7
- package/dist/matbea-ui.es69.js +8 -10
- package/dist/matbea-ui.es7.js +1 -1
- package/dist/matbea-ui.es70.js +7 -2
- package/dist/matbea-ui.es71.js +10 -2
- package/dist/matbea-ui.es72.js +2 -15
- package/dist/matbea-ui.es73.js +4 -0
- package/dist/matbea-ui.es74.js +17 -0
- package/dist/matbea-ui.es8.js +2 -2
- package/dist/matbea-ui.es9.js +3 -3
- package/package.json +4 -4
package/dist/matbea-ui.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./matbea-ui.cjs2.js"),r=require("./matbea-ui.cjs3.js"),n=require("./matbea-ui.cjs4.js"),t=require("./matbea-ui.cjs5.js"),o=require("./matbea-ui.cjs6.js"),c=require("./matbea-ui.cjs7.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./matbea-ui.cjs2.js"),r=require("./matbea-ui.cjs3.js"),n=require("./matbea-ui.cjs4.js"),t=require("./matbea-ui.cjs5.js"),o=require("./matbea-ui.cjs6.js"),c=require("./matbea-ui.cjs7.js"),u=require("./matbea-ui.cjs8.js"),a=require("./matbea-ui.cjs9.js"),s=require("./matbea-ui.cjs10.js"),d=require("./matbea-ui.cjs11.js"),x=require("./matbea-ui.cjs12.js"),q=require("./matbea-ui.cjs13.js"),l=require("./matbea-ui.cjs14.js"),p=require("./matbea-ui.cjs15.js"),$=require("./matbea-ui.cjs16.js"),m=require("./matbea-ui.cjs17.js"),T=require("./matbea-ui.cjs18.js"),C=require("./matbea-ui.cjs19.js"),b=require("./matbea-ui.cjs20.js"),y=require("./matbea-ui.cjs21.js"),S=require("./matbea-ui.cjs22.js"),h=require("./matbea-ui.cjs23.js"),f=require("./matbea-ui.cjs24.js"),A=require("./matbea-ui.cjs25.js"),B=require("./matbea-ui.cjs26.js"),e=require("./matbea-ui.cjs27.js"),R=require("./matbea-ui.cjs28.js");exports.Button=i.Button;exports.CopyTooltip=r.CopyTooltip;exports.Typography=n.Typography;exports.Informer=t.Informer;exports.TextField=o.TextField;exports.Container=c.Container;exports.Counter=u.Counter;exports.HamburgerButton=a.HamburgerButton;exports.Loader=s.Loader;exports.RadioButton=d.RadioButton;exports.SelectField=x.SelectField;exports.Tooltip=q.Tooltip;exports.UserAccount=l.UserAccount;exports.TabList=p.TabList;exports.Table=$.Table;exports.Switcher=m.Switcher;exports.Checkbox=T.Checkbox;exports.ApplicationData=C.ApplicationData;exports.ApplicationInfo=b.ApplicationInfo;exports.ApplicationStatus=y.ApplicationStatus;exports.BalanceRow=S.BalanceRow;exports.CurrencyName=h.CurrencyName;exports.CurrencyRate=f.CurrencyRate;exports.Requisites=A.Requisites;exports.TransactionStatus=B.TransactionStatus;exports.copyToClipboard=e.copyToClipboard;exports.formatCardNumber=e.formatCardNumber;exports.maskEmail=e.maskEmail;exports.theme=R.theme;
|
package/dist/matbea-ui.cjs10.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./matbea-ui.cjs30.js"),t=require("./matbea-ui.cjs41.js"),o=()=>e.jsxRuntimeExports.jsxs(t.LoaderDots,{children:[e.jsxRuntimeExports.jsx(t.LoaderDot,{}),e.jsxRuntimeExports.jsx(t.LoaderDot,{}),e.jsxRuntimeExports.jsx(t.LoaderDot,{})]});exports.Loader=o;
|
package/dist/matbea-ui.cjs11.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.cjs30.js"),r=require("react"),n=require("./matbea-ui.cjs42.js"),p=({checked:o,defaultChecked:x=!1,disabled:e=!1,name:l,value:h,label:i,onChange:c,className:j})=>{const u=r.useId(),[R,k]=r.useState(x),s=o!==void 0,d=s?o:R,m=r.useCallback(a=>{e||(s||k(a.target.checked),c?.(a.target.checked))},[e,s,c]);return t.jsxRuntimeExports.jsxs(n.RadioLabel,{className:j,htmlFor:u,disabled:e,children:[t.jsxRuntimeExports.jsx(n.HiddenInput,{id:u,type:"radio",checked:d,onChange:m,disabled:e,name:l,value:h}),t.jsxRuntimeExports.jsx(n.VisualRadio,{$checked:d,$disabled:e}),i&&t.jsxRuntimeExports.jsx(n.LabelText,{variant:"button",children:i})]})};exports.RadioButton=p;
|
package/dist/matbea-ui.cjs12.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./matbea-ui.cjs30.js"),t=require("react"),l=require("./matbea-ui.cjs43.js"),J=require("./matbea-ui.cjs4.js"),Q=8,O=t.forwardRef(({options:o,value:S,defaultValue:F,placeholder:C="Text",label:D,error:p,disabled:a=!1,icon:y,name:M,onChange:T,onFocus:$,onBlur:q,className:B},P)=>{const h=t.useRef(null),w=t.useRef(null),v=t.useRef(null),[s,I]=t.useState(!1),[V,g]=t.useState(!1),[A,H]=t.useState(F??""),[f,c]=t.useState(null),[m,z]=t.useState({top:0,left:0,width:0}),i=S??A,k=t.useMemo(()=>o.find(e=>e.value===i),[o,i]),E=!!p,K=!k,N=k?.label??C,j=t.useCallback(()=>{if(!w.current)return;const e=w.current.getBoundingClientRect();z({top:e.bottom+Q,left:e.left,width:e.width})},[]);t.useLayoutEffect(()=>{if(!s)return;j();const e=()=>j();return window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[s,j]);const d=t.useCallback(()=>{I(!1),c(null)},[]),x=t.useCallback(()=>{a||(I(!0),c(e=>{if(e!==null)return e;const n=o.findIndex(u=>u.value===i);return n>=0?n:0}))},[a,o,i]),W=t.useCallback(()=>{s?d():x()},[s,d,x]),L=e=>{a||(H(e.value),T?.(e.value),d())},U=e=>{if(!a)switch(e.key){case"ArrowDown":e.preventDefault(),x(),c(n=>n===null?0:Math.min(n+1,o.length-1));break;case"ArrowUp":e.preventDefault(),x(),c(n=>n===null?o.length-1:Math.max(n-1,0));break;case"Enter":case" ":e.preventDefault(),s?f!==null&&o[f]&&L(o[f]):x();break;case"Escape":case"Tab":d();break}};t.useEffect(()=>{if(!s)return;const e=n=>{const u=n.target,R=h.current&&h.current.contains(u),b=v.current&&v.current.contains(u);!R&&!b&&d()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[s,d]);const _=e=>{g(!0),$?.(e)},G=e=>{g(!1),q?.(e)};return r.jsxRuntimeExports.jsxs(l.Wrapper,{className:B,ref:h,onKeyDown:U,onFocus:_,onBlur:G,children:[D&&r.jsxRuntimeExports.jsx(l.Label,{children:D}),r.jsxRuntimeExports.jsxs(l.FieldContainer,{ref:w,role:"button",tabIndex:a?-1:0,"aria-haspopup":"listbox","aria-expanded":s,"aria-invalid":E,"aria-disabled":a,$hasError:E,$disabled:a,"data-state":E?"error":s||V?"active":void 0,onClick:W,children:[y&&r.jsxRuntimeExports.jsx(l.LeadingIcon,{children:y}),r.jsxRuntimeExports.jsx(l.Value,{$placeholder:K,children:N}),r.jsxRuntimeExports.jsx(l.HiddenInput,{ref:P,readOnly:!0,name:M,value:i,tabIndex:-1,"aria-hidden":!0})]}),p&&r.jsxRuntimeExports.jsx(l.ErrorText,{children:p}),s&&r.jsxRuntimeExports.jsx(l.List,{ref:v,role:"listbox",$top:m.top,$left:m.left,$width:m.width,children:o.map((e,n)=>{const u=e.value===i,R=n===f;return r.jsxRuntimeExports.jsxs(l.Option,{role:"option","aria-selected":u,"data-active":u||void 0,"data-hovered":R||void 0,onMouseEnter:()=>c(n),onMouseLeave:()=>c(null),onMouseDown:b=>b.preventDefault(),onClick:()=>L(e),children:[e.icon&&r.jsxRuntimeExports.jsx(l.OptionIcon,{children:e.icon}),r.jsxRuntimeExports.jsx(J.Typography,{variant:"form-input",children:e.label})]},e.value)})})]})});O.displayName="SelectField";exports.SelectField=O;
|
package/dist/matbea-ui.cjs13.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./matbea-ui.cjs30.js"),n=require("react"),x=require("./matbea-ui.cjs44.js"),i=8,u=12,U=12,he={top:["top","bottom","right","left"],bottom:["bottom","top","right","left"],left:["left","right","top","bottom"],right:["right","left","top","bottom"]},M=(p,I,a)=>Math.min(Math.max(p,I),a),me=({content:p,children:I,position:a="top",open:Y,defaultOpen:K=!1,onOpenChange:q,showDelay:B=150,hideDelay:X=150,interactive:S=!1,disabled:c=!1,hideOnClick:V=!1,maxWidth:R})=>{const[Z,J]=n.useState(K),A=typeof Y=="boolean",s=A?!!Y:Z,_=n.useRef(null),T=n.useRef(null),w=n.useRef(null),L=n.useRef(null),y=n.useRef(null),f=n.useRef(null),H=n.useId(),C=n.useMemo(()=>({top:-9999,left:-9999,arrowX:0,arrowY:0,placement:a}),[a]),[d,N]=n.useState(C),k=()=>{L.current&&(clearTimeout(L.current),L.current=null),y.current&&(clearTimeout(y.current),y.current=null)},l=n.useCallback(t=>{A||J(t),t||N(C),q?.(t)},[C,A,q]),W=n.useCallback(()=>{c||(k(),L.current=setTimeout(()=>l(!0),B))},[c,l,B]),$=n.useCallback(()=>{c||(k(),y.current=setTimeout(()=>l(!1),X))},[c,l,X]),Q=()=>{c||W()},ee=()=>{c||$()},te=()=>{c||W()},ne=()=>{c||$()},re=()=>{V&&l(!1)},oe=()=>{S&&k()},ie=()=>{S&&$()},D=n.useCallback(()=>{if(typeof window>"u"||!T.current||!w.current)return;const t=T.current.getBoundingClientRect(),e=w.current.getBoundingClientRect(),o=window.innerWidth,h=window.innerHeight,m=t.left+t.width/2,P=t.top+t.height/2,ce=r=>{switch(r){case"top":return t.top>=e.height+u+i;case"bottom":return h-t.bottom>=e.height+u+i;case"left":return t.left>=e.width+u+i;case"right":return o-t.right>=e.width+u+i;default:return!0}},b=he[a].find(r=>ce(r))??a;let g=0,v=0;switch(b){case"top":g=t.top-e.height-u,v=m-e.width/2;break;case"bottom":g=t.bottom+u,v=m-e.width/2;break;case"left":g=P-e.height/2,v=t.left-e.width-u;break;case"right":default:g=P-e.height/2,v=t.right+u;break}const se=Math.max(o-i*2,0),le=Math.max(h-i*2,0),ue=i,ae=o-e.width-i,fe=i,de=h-e.height-i,z=e.width>=se?i:M(v,ue,ae),F=e.height>=le?i:M(g,fe,de);let O=0,j=0;if(b==="top"||b==="bottom"){const r=Math.max(e.width/2-U,0);O=M(m-(z+e.width/2),-r,r),j=0}else{const r=Math.max(e.height/2-U,0);j=M(P-(F+e.height/2),-r,r),O=0}N(r=>r.top===F&&r.left===z&&r.arrowX===O&&r.arrowY===j&&r.placement===b?r:{top:F,left:z,arrowX:O,arrowY:j,placement:b})},[a]);n.useLayoutEffect(()=>{if(!s)return;const t=w.current,e=T.current;if(!t||!e)return;const o=()=>{f.current!==null&&cancelAnimationFrame(f.current),f.current=window.requestAnimationFrame(()=>{f.current=null,D()})};o();const m=typeof window<"u"&&"ResizeObserver"in window?new ResizeObserver(o):null;return m?.observe(t),m?.observe(e),window.addEventListener("resize",o),window.addEventListener("scroll",o,!0),()=>{window.removeEventListener("resize",o),window.removeEventListener("scroll",o,!0),m?.disconnect(),f.current!==null&&(cancelAnimationFrame(f.current),f.current=null)}},[s,D]),n.useEffect(()=>k,[]),n.useEffect(()=>{if(!s)return;const t=o=>{o.key==="Escape"&&l(!1)},e=o=>{const h=o.target;_.current?.contains(h)||w.current?.contains(h)||l(!1)};return document.addEventListener("keydown",t),document.addEventListener("pointerdown",e),()=>{document.removeEventListener("keydown",t),document.removeEventListener("pointerdown",e)}},[s,l]);const G={top:d.top,left:d.left,"--tooltip-arrow-x":`${d.arrowX}px`,"--tooltip-arrow-y":`${d.arrowY}px`};return R!==void 0&&(G.maxWidth=typeof R=="number"?`${R}px`:R),E.jsxRuntimeExports.jsxs(x.TooltipWrapper,{ref:_,"data-disabled":c,children:[E.jsxRuntimeExports.jsx(x.TooltipTrigger,{ref:T,tabIndex:c?-1:0,"aria-describedby":s?H:void 0,onMouseEnter:Q,onMouseLeave:ee,onFocus:te,onBlur:ne,onClick:re,"data-open":s,children:I}),E.jsxRuntimeExports.jsxs(x.TooltipBubble,{ref:w,id:H,role:"tooltip","aria-hidden":!s,$visible:s,$interactive:S,$placement:d.placement,style:G,"data-placement":d.placement,onMouseEnter:oe,onMouseLeave:ie,children:[["string","number"].includes(typeof p)?E.jsxRuntimeExports.jsx(x.TooltipContentText,{variant:"body-m",children:p}):p,E.jsxRuntimeExports.jsx(x.TooltipArrow,{$placement:d.placement})]})]})};exports.Tooltip=me;
|
package/dist/matbea-ui.cjs14.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./matbea-ui.cjs30.js"),t=require("./matbea-ui.cjs27.js"),s=require("./matbea-ui.cjs45.js");require("react");const n=require("./matbea-ui.cjs46.js"),o=({email:r})=>e.jsxRuntimeExports.jsxs(s.UserAccountStyled,{children:[e.jsxRuntimeExports.jsx(n.UserIcon,{}),e.jsxRuntimeExports.jsx(s.UserAccountText,{variant:"body-m-semibold",children:t.maskEmail(r)})]});exports.UserAccount=o;
|
package/dist/matbea-ui.cjs15.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./matbea-ui.cjs30.js"),u=require("react"),l=require("./matbea-ui.cjs47.js"),a=require("./matbea-ui.cjs48.js"),d=({size:s="m",activeId:i,items:o,onChange:t,className:c})=>{const n=u.useCallback(e=>{t(e)},[t]);return r.jsxRuntimeExports.jsx(a.TabRow,{role:"tablist",className:c,children:o.map(e=>r.jsxRuntimeExports.jsx(l.Tab,{...e,size:s,active:e.id===i,onSelect:n},e.id))})};exports.TabList=d;
|
package/dist/matbea-ui.cjs16.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.cjs30.js"),i=require("./matbea-ui.cjs49.js"),x=({columns:r,data:d})=>t.jsxRuntimeExports.jsxs(i.TableStyled,{children:[t.jsxRuntimeExports.jsx(i.TableHead,{children:t.jsxRuntimeExports.jsx(i.TableRow,{children:r.map(e=>t.jsxRuntimeExports.jsx(i.TableHeader,{width:e.width,align:e.align||"left",children:e.name},e.id))})}),t.jsxRuntimeExports.jsx(i.TableBody,{children:d.map(e=>t.jsxRuntimeExports.jsx(i.TableRow,{children:r.map(s=>t.jsxRuntimeExports.jsx(i.TableCell,{width:s.width,align:s.align||"left",children:s.render?s.render(e):e[s.id]},s.id))},e.id))})]});exports.Table=x;
|
package/dist/matbea-ui.cjs17.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./matbea-ui.cjs30.js"),n=require("react"),i=require("./matbea-ui.cjs50.js"),m=({checked:u,defaultChecked:a=!1,disabled:e=!1,onChange:l,id:x,className:d})=>{const h=n.useId(),j=x??h,o=u!==void 0,[k,f]=n.useState(a),r=o?u:k,s=n.useCallback(()=>{if(e)return;const t=!r;o||f(t),l?.(t)},[r,o,e,l]),y=n.useCallback(t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),s())},[s]);return c.jsxRuntimeExports.jsx(i.SwitcherRoot,{className:d,children:c.jsxRuntimeExports.jsx(i.Track,{id:j,role:"switch","aria-checked":r,"aria-disabled":e,tabIndex:e?-1:0,onClick:s,onKeyDown:y,disabled:e,$checked:r,children:c.jsxRuntimeExports.jsx(i.Thumb,{$checked:r,$disabled:e})})})};exports.Switcher=m;
|
package/dist/matbea-ui.cjs18.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.cjs30.js"),c=require("react"),s=require("./matbea-ui.cjs51.js"),f=({checked:o,defaultChecked:h=!1,disabled:e=!1,name:d,value:l,onChange:i,className:j})=>{const x=c.useId(),n=o!==void 0,[a,k]=c.useState(h),r=n?o:a,L=c.useCallback(u=>{e||(n||k(u.target.checked),i?.(u.target.checked))},[e,n,i]);return t.jsxRuntimeExports.jsxs(s.Label,{htmlFor:x,disabled:e,className:j,children:[t.jsxRuntimeExports.jsx(s.HiddenInput,{id:x,type:"checkbox",checked:r,disabled:e,onChange:L,name:d,value:l}),t.jsxRuntimeExports.jsx(s.Box,{$checked:r,$disabled:e,children:r&&t.jsxRuntimeExports.jsx(s.CheckIcon,{viewBox:"0 0 15 11",children:t.jsxRuntimeExports.jsx("path",{d:"M5.00034 11L0 6.18738L1.42838 4.81262L5.00185 8.24806L5.00034 8.24951L13.5716 0L15 1.37476L6.42872 9.62524L5.00135 10.999L5.00034 11Z",fill:"#fff"})})})]})};exports.Checkbox=f;
|
package/dist/matbea-ui.cjs19.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.cjs30.js");require("react");const o=require("./matbea-ui.cjs34.js"),c=require("./matbea-ui.cjs52.js"),e=require("./matbea-ui.cjs53.js"),p=require("./matbea-ui.cjs13.js"),x=({label:r,statusValue:i,withdraw:s,info:n})=>t.jsxRuntimeExports.jsxs(e.ApplicationDataStyled,{children:[t.jsxRuntimeExports.jsxs(e.ApplicationDataContent,{children:[t.jsxRuntimeExports.jsx(e.ApplicationDataLabel,{children:r}),n&&t.jsxRuntimeExports.jsx(p.Tooltip,{content:n,children:t.jsxRuntimeExports.jsx(o.InfoIcon,{size:18})})]}),t.jsxRuntimeExports.jsxs(e.ApplicationDataContent,{children:[["number","string"].includes(typeof i)&&t.jsxRuntimeExports.jsx(e.ApplicationDataValue,{children:i}),!["number","string"].includes(typeof i)&&i,s&&t.jsxRuntimeExports.jsx(c.WithdrawIcon,{size:18})]})]});exports.ApplicationData=x;
|
package/dist/matbea-ui.cjs2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./matbea-ui.cjs30.js"),n=require("./matbea-ui.cjs31.js"),i=({variant:u="primary",size:x="default",form:a="default",fullWidth:c=!1,icon:t,iconPosition:l="left",children:o,disabled:y,...f})=>{const r=!!o,e=!!t&&(!r||l==="only"),d=!!t&&!e&&l==="left",h=!!t&&!e&&l==="right";return s.jsxRuntimeExports.jsxs(n.StyledButton,{type:"button",$variant:u,$size:x,$form:a,$fullWidth:c,$hasIcon:!!t&&r,$iconOnly:e,disabled:y,...f,children:[d&&s.jsxRuntimeExports.jsx(n.IconSlot,{$iconOnly:!1,children:t}),(!e||!t)&&o,e&&t&&s.jsxRuntimeExports.jsx(n.IconSlot,{$iconOnly:!0,children:t}),h&&s.jsxRuntimeExports.jsx(n.IconSlot,{$iconOnly:!1,children:t})]})};exports.Button=i;
|
package/dist/matbea-ui.cjs20.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.cjs30.js"),i=require("./matbea-ui.cjs54.js"),r=({children:e,actions:n,variant:o="primary"})=>t.jsxRuntimeExports.jsxs(i.ApplicationInfoStyled,{$variant:o,children:[t.jsxRuntimeExports.jsx(i.ApplicationInfoDataContainer,{children:e}),n&&t.jsxRuntimeExports.jsx(i.ApplicationDataActions,{children:n})]});exports.ApplicationInfo=r;
|
package/dist/matbea-ui.cjs21.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.cjs30.js"),c=require("react"),u=require("./matbea-ui.cjs55.js"),o=require("./matbea-ui.cjs56.js"),l=require("./matbea-ui.cjs57.js"),s=require("./matbea-ui.cjs58.js"),a=({label:n,statusValue:i,type:e})=>{const r=c.useMemo(()=>{switch(e){case"success":return t.jsxRuntimeExports.jsx(o.SuccessfullSmallIcon,{size:18});case"warning":return t.jsxRuntimeExports.jsx(l.WarningIcon,{size:18});case"pending":default:return t.jsxRuntimeExports.jsx(u.ClockIcon,{size:18})}},[e]);return t.jsxRuntimeExports.jsxs(s.ApplicationStatusStyled,{children:[t.jsxRuntimeExports.jsx(s.ApplicationStatusContent,{children:t.jsxRuntimeExports.jsx(s.ApplicationStatusLabel,{children:n})}),t.jsxRuntimeExports.jsxs(s.ApplicationStatusContent,{children:[r,t.jsxRuntimeExports.jsx(s.ApplicationStatusValue,{$type:e,children:i})]})]})};exports.ApplicationStatus=a;
|
package/dist/matbea-ui.cjs22.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./matbea-ui.cjs30.js"),l=require("./matbea-ui.cjs59.js"),c=({valueLabel:n,count:s,amount:t,actions:r})=>e.jsxRuntimeExports.jsxs(l.BalanceRowStyled,{children:[e.jsxRuntimeExports.jsx(l.BalanceCell,{children:n}),e.jsxRuntimeExports.jsx(l.BalanceCell,{children:s}),e.jsxRuntimeExports.jsx(l.BalanceCell,{children:t}),e.jsxRuntimeExports.jsx(l.BalanceCellActions,{children:r})]});exports.BalanceRow=c;
|
package/dist/matbea-ui.cjs23.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./matbea-ui.cjs30.js"),r=require("./matbea-ui.cjs60.js"),c=({icon:s,network:n,longName:u,shortName:t})=>e.jsxRuntimeExports.jsxs(r.CurrencyNameStyled,{$icon:!!s,$longname:!!u,$shortname:!!t,$network:!!n,children:[s,e.jsxRuntimeExports.jsx(r.CurrencyNameLongname,{children:u}),t&&e.jsxRuntimeExports.jsx(r.CurrencyNameShortname,{children:t}),n&&e.jsxRuntimeExports.jsx(r.CurrencyNameNetwork,{children:n})]});exports.CurrencyName=c;
|
package/dist/matbea-ui.cjs24.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./matbea-ui.cjs30.js"),r=require("./matbea-ui.cjs61.js"),j=require("./matbea-ui.cjs23.js"),R=({longName:s,shortName:x,network:c,icon:i,buyLabel:u,sellLabel:o,buyValue:t,sellValue:n})=>e.jsxRuntimeExports.jsxs(r.CurrencyRateCard,{children:[e.jsxRuntimeExports.jsx(j.CurrencyName,{longName:s,shortName:x,network:c,icon:i}),(t||n)&&e.jsxRuntimeExports.jsxs(r.CurrencyRateBody,{children:[t&&e.jsxRuntimeExports.jsxs(r.CurrencyRateBox,{children:[e.jsxRuntimeExports.jsx(r.CurrencyRatePriceLabel,{children:u}),e.jsxRuntimeExports.jsx(r.CurrencyRateAmount,{children:t})]}),n&&e.jsxRuntimeExports.jsxs(r.CurrencyRateBox,{children:[e.jsxRuntimeExports.jsx(r.CurrencyRatePriceLabel,{children:o}),e.jsxRuntimeExports.jsx(r.CurrencyRateAmount,{children:n})]})]})]});exports.CurrencyRate=R;
|
package/dist/matbea-ui.cjs25.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./matbea-ui.cjs30.js"),l=require("./matbea-ui.cjs27.js"),s=require("./matbea-ui.cjs62.js"),R=require("./matbea-ui.cjs63.js"),m=({cardHolderLabel:i,cardHolderName:x,cardNumberLabel:u,cardNumber:t,merchantLabel:n,merchantName:r,descriptionLabel:o,description:j})=>e.jsxRuntimeExports.jsxs(s.RequisitesStyled,{children:[e.jsxRuntimeExports.jsx(s.RequisitesItemLabel,{children:i}),e.jsxRuntimeExports.jsx(s.RequisitesItemValue,{children:x}),e.jsxRuntimeExports.jsx(s.RequisitesItemLabel,{children:u}),e.jsxRuntimeExports.jsxs(s.RequisitesItemValue,{children:[t&&l.formatCardNumber(t),t&&e.jsxRuntimeExports.jsx(R.CopyButton,{text:t.toString()})]}),e.jsxRuntimeExports.jsx(s.RequisitesItemLabel,{children:n}),e.jsxRuntimeExports.jsx(s.RequisitesItemValue,{children:r}),e.jsxRuntimeExports.jsx(s.RequisitesItemLabel,{children:o}),e.jsxRuntimeExports.jsx(s.RequisitesItemValue,{children:j})]});exports.Requisites=m;
|
package/dist/matbea-ui.cjs26.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./matbea-ui.cjs30.js"),u=require("react"),i=require("./matbea-ui.cjs55.js"),o=require("./matbea-ui.cjs56.js"),t=require("./matbea-ui.cjs64.js"),a=({label:n,statusValue:r,type:e})=>{const c=u.useMemo(()=>{switch(e){case"success":return s.jsxRuntimeExports.jsx(o.SuccessfullSmallIcon,{size:18});case"pending":default:return s.jsxRuntimeExports.jsx(i.ClockIcon,{size:18})}},[e]);return s.jsxRuntimeExports.jsxs(t.TransactionStatusStyled,{children:[s.jsxRuntimeExports.jsx(t.TransactionStatusLabel,{children:n}),s.jsxRuntimeExports.jsxs(t.TransactionStatusContent,{children:[c,s.jsxRuntimeExports.jsx(t.TransactionStatusValue,{children:r})]})]})};exports.TransactionStatus=a;
|
package/dist/matbea-ui.cjs28.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./matbea-ui.cjs29.js"),t={colors:e.colors,media:{maxWidth:{mobile:"@media (max-width: 375px)",tablet:"@media (max-width: 834px)"}}};exports.theme=t;
|
package/dist/matbea-ui.cjs29.js
CHANGED
|
@@ -1,63 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
-
background-color: ${o.default.bg};
|
|
3
|
-
color: ${o.default.color};
|
|
4
|
-
border-color: ${o.default.border};
|
|
5
|
-
|
|
6
|
-
&:hover:not(:disabled) {
|
|
7
|
-
background-color: ${o.hover.bg};
|
|
8
|
-
color: ${o.hover.color};
|
|
9
|
-
border-color: ${o.hover.border};
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
&:active:not(:disabled) {
|
|
13
|
-
background-color: ${o.active.bg};
|
|
14
|
-
color: ${o.active.color};
|
|
15
|
-
border-color: ${o.active.border};
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
&:disabled {
|
|
19
|
-
background-color: ${o.disabled.bg};
|
|
20
|
-
color: ${o.disabled.color};
|
|
21
|
-
border-color: ${o.disabled.border};
|
|
22
|
-
}
|
|
23
|
-
`},n=a.button`
|
|
24
|
-
display: inline-flex;
|
|
25
|
-
align-items: center;
|
|
26
|
-
justify-content: center;
|
|
27
|
-
border: 1px solid transparent;
|
|
28
|
-
border-radius: ${({$form:e})=>e==="brick-right"?"0 5px 5px 0":"5px"};
|
|
29
|
-
cursor: pointer;
|
|
30
|
-
transition: background-color 0.15s ease, border-color 0.15s ease,
|
|
31
|
-
color 0.15s ease, opacity 0.15s ease;
|
|
32
|
-
font-weight: 600;
|
|
33
|
-
|
|
34
|
-
${({$size:e})=>a.css`
|
|
35
|
-
padding: ${i[e].padding};
|
|
36
|
-
min-height: ${i[e].minHeight};
|
|
37
|
-
font-size: ${i[e].fontSize};
|
|
38
|
-
line-height: ${i[e].lineHeight};
|
|
39
|
-
`}
|
|
40
|
-
|
|
41
|
-
${({$hasIcon:e,$iconOnly:t,$size:r})=>a.css`
|
|
42
|
-
gap: ${t?"0":e?i[r].iconGap:i[r].gap};
|
|
43
|
-
`}
|
|
44
|
-
|
|
45
|
-
${({$fullWidth:e})=>e&&a.css`
|
|
46
|
-
width: 100%;
|
|
47
|
-
`}
|
|
48
|
-
|
|
49
|
-
${({$variant:e})=>l(e)}
|
|
50
|
-
|
|
51
|
-
&:disabled {
|
|
52
|
-
cursor: not-allowed;
|
|
53
|
-
}
|
|
54
|
-
`,p=a.span`
|
|
55
|
-
display: inline-flex;
|
|
56
|
-
align-items: center;
|
|
57
|
-
justify-content: center;
|
|
58
|
-
line-height: 0;
|
|
59
|
-
${({$iconOnly:e})=>e&&a.css`
|
|
60
|
-
width: 18px;
|
|
61
|
-
height: 18px;
|
|
62
|
-
`}
|
|
63
|
-
`;exports.IconSlot=p;exports.StyledButton=n;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={primary:{primaryBlue:"#2D58B6",hoverBlue:"#3163F0",activeBlue:"#244AB7",lightBlue2:"#6D93FF",darkBlue:"#202D52",darkBlue2:"#1F2635",darkBlue3:"#131A2A",white:"#FFFFFF"},gray:{lightGray2:"#D9D9D9",lightGray3:"#D0D1D8",darkGray:"#9296A5",lightGray:"#F3F3F5",darkGray2:"#5E6F8D",lightBlueGray:"#EFF2FB",lightBlueGray2:"#F1F4F9"},accent:{red:"#F84545",green:"#1CD850",greenLight:"#A7FFC0",green2:"#00BC9E",green2Light:"#00D6B3",green2Dark:"#009E85",orange:"#FFA63E",purple:"#843CF0"},icon:{iconPrimary:"#202D52",iconSecondary:"#202D52",iconThirty:"#5E6F8D",iconFourth:"#FFA63E",iconFive:"#2D5B86"}};exports.colors=r;
|
package/dist/matbea-ui.cjs3.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.cjs30.js"),a=require("react"),r=require("./matbea-ui.cjs32.js"),l=({label:e,children:s,copiedText:i="Скопировано!",copyDuration:n=1500})=>{const[c,o]=a.useState(!1),u=async()=>{try{await navigator.clipboard.writeText(e),o(!0),setTimeout(()=>o(!1),n)}catch(p){console.error("Copy failed",p)}};return t.jsxRuntimeExports.jsxs(r.Wrapper,{onClick:u,children:[s??t.jsxRuntimeExports.jsx(r.Trigger,{type:"button",children:e}),t.jsxRuntimeExports.jsx(r.Bubble,{children:c?i:e})]})};exports.CopyTooltip=l;
|
package/dist/matbea-ui.cjs30.js
CHANGED
|
@@ -1,34 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
-
position: relative;
|
|
3
|
-
display: inline-flex;
|
|
4
|
-
align-items: center;
|
|
5
|
-
cursor: pointer;
|
|
6
|
-
`,r=t.styled.button`
|
|
7
|
-
border: none;
|
|
8
|
-
background: transparent;
|
|
9
|
-
padding: 4px 8px;
|
|
10
|
-
font: inherit;
|
|
11
|
-
color: inherit;
|
|
12
|
-
cursor: pointer;
|
|
13
|
-
`,o=t.styled.span`
|
|
14
|
-
position: absolute;
|
|
15
|
-
bottom: 100%;
|
|
16
|
-
left: 50%;
|
|
17
|
-
transform: translate(-50%, -6px);
|
|
18
|
-
white-space: nowrap;
|
|
19
|
-
background: rgba(0, 0, 0, 0.85);
|
|
20
|
-
color: #fff;
|
|
21
|
-
font-size: 12px;
|
|
22
|
-
padding: 4px 8px;
|
|
23
|
-
border-radius: 4px;
|
|
24
|
-
opacity: 0;
|
|
25
|
-
pointer-events: none;
|
|
26
|
-
transition: opacity 0.15s ease, transform 0.15s ease;
|
|
27
|
-
|
|
28
|
-
${e}:hover &,
|
|
29
|
-
${e}:focus-within &,
|
|
30
|
-
${e}:active & {
|
|
31
|
-
opacity: 1;
|
|
32
|
-
transform: translate(-50%, -10px);
|
|
33
|
-
}
|
|
34
|
-
`;exports.Bubble=o;exports.Trigger=r;exports.Wrapper=e;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./matbea-ui.cjs65.js");var t=e.__require();exports.jsxRuntimeExports=t;
|
package/dist/matbea-ui.cjs31.js
CHANGED
|
@@ -1,44 +1,63 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
-
|
|
3
|
-
${
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
${({$
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),i={default:{padding:"15px 22px",minHeight:"48px",fontSize:"15px",lineHeight:"18px",gap:"10px",iconGap:"6px"},medium:{padding:"12px 16px",minHeight:"42px",fontSize:"15px",lineHeight:"18px",gap:"10px",iconGap:"6px"},small:{padding:"10px",minHeight:"36px",fontSize:"14px",lineHeight:"17px",gap:"4px",iconGap:"4px"}},l=e=>({theme:t})=>{const r=t.colors,o={primary:{default:{bg:r.primary.primaryBlue,color:r.primary.white,border:r.primary.primaryBlue},hover:{bg:r.primary.hoverBlue,color:r.primary.white,border:r.primary.hoverBlue},active:{bg:r.primary.activeBlue,color:r.primary.white,border:r.primary.activeBlue},disabled:{bg:r.gray.lightGray2,color:r.gray.darkGray,border:r.gray.lightGray2}},secondary:{default:{bg:"transparent",color:r.primary.primaryBlue,border:r.primary.primaryBlue},hover:{bg:r.primary.primaryBlue,color:r.primary.white,border:r.primary.primaryBlue},active:{bg:r.primary.activeBlue,color:r.primary.white,border:r.primary.activeBlue},disabled:{bg:"transparent",color:r.gray.darkGray,border:r.gray.lightGray2}},tertiary:{default:{bg:"transparent",color:r.primary.primaryBlue,border:"transparent"},hover:{bg:r.gray.lightBlueGray,color:r.primary.primaryBlue,border:"transparent"},active:{bg:r.gray.lightBlueGray2,color:r.primary.primaryBlue,border:"transparent"},disabled:{bg:"transparent",color:r.gray.darkGray,border:"transparent"}}}[e];return a.css`
|
|
2
|
+
background-color: ${o.default.bg};
|
|
3
|
+
color: ${o.default.color};
|
|
4
|
+
border-color: ${o.default.border};
|
|
5
|
+
|
|
6
|
+
&:hover:not(:disabled) {
|
|
7
|
+
background-color: ${o.hover.bg};
|
|
8
|
+
color: ${o.hover.color};
|
|
9
|
+
border-color: ${o.hover.border};
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
&:active:not(:disabled) {
|
|
13
|
+
background-color: ${o.active.bg};
|
|
14
|
+
color: ${o.active.color};
|
|
15
|
+
border-color: ${o.active.border};
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
&:disabled {
|
|
19
|
+
background-color: ${o.disabled.bg};
|
|
20
|
+
color: ${o.disabled.color};
|
|
21
|
+
border-color: ${o.disabled.border};
|
|
22
|
+
}
|
|
23
|
+
`},n=a.button`
|
|
24
|
+
display: inline-flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
justify-content: center;
|
|
27
|
+
border: 1px solid transparent;
|
|
28
|
+
border-radius: ${({$form:e})=>e==="brick-right"?"0 5px 5px 0":"5px"};
|
|
29
|
+
cursor: pointer;
|
|
30
|
+
transition: background-color 0.15s ease, border-color 0.15s ease,
|
|
31
|
+
color 0.15s ease, opacity 0.15s ease;
|
|
32
|
+
font-weight: 600;
|
|
33
|
+
|
|
34
|
+
${({$size:e})=>a.css`
|
|
35
|
+
padding: ${i[e].padding};
|
|
36
|
+
min-height: ${i[e].minHeight};
|
|
37
|
+
font-size: ${i[e].fontSize};
|
|
38
|
+
line-height: ${i[e].lineHeight};
|
|
39
|
+
`}
|
|
40
|
+
|
|
41
|
+
${({$hasIcon:e,$iconOnly:t,$size:r})=>a.css`
|
|
42
|
+
gap: ${t?"0":e?i[r].iconGap:i[r].gap};
|
|
43
|
+
`}
|
|
44
|
+
|
|
45
|
+
${({$fullWidth:e})=>e&&a.css`
|
|
46
|
+
width: 100%;
|
|
38
47
|
`}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
48
|
+
|
|
49
|
+
${({$variant:e})=>l(e)}
|
|
50
|
+
|
|
51
|
+
&:disabled {
|
|
52
|
+
cursor: not-allowed;
|
|
53
|
+
}
|
|
54
|
+
`,p=a.span`
|
|
55
|
+
display: inline-flex;
|
|
56
|
+
align-items: center;
|
|
57
|
+
justify-content: center;
|
|
58
|
+
line-height: 0;
|
|
59
|
+
${({$iconOnly:e})=>e&&a.css`
|
|
60
|
+
width: 18px;
|
|
61
|
+
height: 18px;
|
|
43
62
|
`}
|
|
44
|
-
`;exports.
|
|
63
|
+
`;exports.IconSlot=p;exports.StyledButton=n;
|
package/dist/matbea-ui.cjs32.js
CHANGED
|
@@ -1 +1,34 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),e=t.styled.div`
|
|
2
|
+
position: relative;
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
cursor: pointer;
|
|
6
|
+
`,r=t.styled.button`
|
|
7
|
+
border: none;
|
|
8
|
+
background: transparent;
|
|
9
|
+
padding: 4px 8px;
|
|
10
|
+
font: inherit;
|
|
11
|
+
color: inherit;
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
`,o=t.styled.span`
|
|
14
|
+
position: absolute;
|
|
15
|
+
bottom: 100%;
|
|
16
|
+
left: 50%;
|
|
17
|
+
transform: translate(-50%, -6px);
|
|
18
|
+
white-space: nowrap;
|
|
19
|
+
background: rgba(0, 0, 0, 0.85);
|
|
20
|
+
color: #fff;
|
|
21
|
+
font-size: 12px;
|
|
22
|
+
padding: 4px 8px;
|
|
23
|
+
border-radius: 4px;
|
|
24
|
+
opacity: 0;
|
|
25
|
+
pointer-events: none;
|
|
26
|
+
transition: opacity 0.15s ease, transform 0.15s ease;
|
|
27
|
+
|
|
28
|
+
${e}:hover &,
|
|
29
|
+
${e}:focus-within &,
|
|
30
|
+
${e}:active & {
|
|
31
|
+
opacity: 1;
|
|
32
|
+
transform: translate(-50%, -10px);
|
|
33
|
+
}
|
|
34
|
+
`;exports.Bubble=o;exports.Trigger=r;exports.Wrapper=e;
|
package/dist/matbea-ui.cjs33.js
CHANGED
|
@@ -1,11 +1,44 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),e={regular:400,semibold:600,bold:700},g={h1:{mobile:{fontSize:"26px",lineHeight:"32px",fontWeight:e.semibold},tablet:{fontSize:"34px",lineHeight:"42px",fontWeight:e.semibold},desktop:{fontSize:"44px",lineHeight:"54px",fontWeight:e.semibold,textTransform:"uppercase"}},h2:{mobile:{fontSize:"22px",lineHeight:"28px",fontWeight:e.semibold},tablet:{fontSize:"30px",lineHeight:"37px",fontWeight:e.semibold},desktop:{fontSize:"32px",lineHeight:"40px",fontWeight:e.semibold}},h3:{mobile:{fontSize:"20px",lineHeight:"24px",fontWeight:e.semibold},tablet:{fontSize:"28px",lineHeight:"34px",fontWeight:e.semibold},desktop:{fontSize:"30px",lineHeight:"38px",fontWeight:e.semibold}},h4:{mobile:{fontSize:"18px",lineHeight:"22px",fontWeight:e.semibold},tablet:{fontSize:"24px",lineHeight:"30px",fontWeight:e.semibold},desktop:{fontSize:"24px",lineHeight:"30px",fontWeight:e.semibold}},h5:{mobile:{fontSize:"16px",lineHeight:"20px",fontWeight:e.semibold},tablet:{fontSize:"20px",lineHeight:"24px",fontWeight:e.semibold},desktop:{fontSize:"20px",lineHeight:"24px",fontWeight:e.semibold}},"body-xl-semibold":{mobile:{fontSize:"18px",lineHeight:"22px",fontWeight:e.semibold},tablet:{fontSize:"22px",lineHeight:"28px",fontWeight:e.semibold},desktop:{fontSize:"24px",lineHeight:"30px",fontWeight:e.semibold}},"body-xl":{mobile:{fontSize:"18px",lineHeight:"22px",fontWeight:e.regular},tablet:{fontSize:"22px",lineHeight:"28px",fontWeight:e.regular},desktop:{fontSize:"24px",lineHeight:"30px",fontWeight:e.regular}},"body-l-semibold":{mobile:{fontSize:"16px",lineHeight:"19px",fontWeight:e.semibold},tablet:{fontSize:"18px",lineHeight:"22px",fontWeight:e.semibold},desktop:{fontSize:"18px",lineHeight:"22px",fontWeight:e.semibold}},"body-l":{mobile:{fontSize:"16px",lineHeight:"19px",fontWeight:e.regular},tablet:{fontSize:"18px",lineHeight:"22px",fontWeight:e.regular},desktop:{fontSize:"18px",lineHeight:"22px",fontWeight:e.regular}},"body-m-bold":{mobile:{fontSize:"14px",lineHeight:"17px",fontWeight:e.bold},tablet:{fontSize:"16px",lineHeight:"20px",fontWeight:e.bold},desktop:{fontSize:"16px",lineHeight:"20px",fontWeight:e.bold}},"body-m-semibold":{mobile:{fontSize:"14px",lineHeight:"17px",fontWeight:e.semibold},tablet:{fontSize:"16px",lineHeight:"20px",fontWeight:e.semibold},desktop:{fontSize:"16px",lineHeight:"20px",fontWeight:e.semibold}},"body-m":{mobile:{fontSize:"14px",lineHeight:"17px",fontWeight:e.regular},tablet:{fontSize:"16px",lineHeight:"20px",fontWeight:e.regular},desktop:{fontSize:"16px",lineHeight:"20px",fontWeight:e.regular}},"body-s-semibold":{mobile:{fontSize:"12px",lineHeight:"15px",fontWeight:e.semibold},tablet:{fontSize:"14px",lineHeight:"17px",fontWeight:e.semibold},desktop:{fontSize:"14px",lineHeight:"17px",fontWeight:e.semibold}},"body-s":{mobile:{fontSize:"12px",lineHeight:"15px",fontWeight:e.regular},tablet:{fontSize:"14px",lineHeight:"17px",fontWeight:e.regular},desktop:{fontSize:"14px",lineHeight:"17px",fontWeight:e.regular}},button:{desktop:{fontSize:"15px",lineHeight:"18px",fontWeight:e.semibold}},"form-input":{desktop:{fontSize:"15px",lineHeight:"18px",fontWeight:e.regular}},"avatar-basic":{desktop:{fontSize:"16px",lineHeight:"18px",fontWeight:e.semibold}},"avatar-m":{desktop:{fontSize:"14px",lineHeight:"16px",fontWeight:e.semibold}},"avatar-s":{desktop:{fontSize:"12px",lineHeight:"14px",fontWeight:e.semibold}}},h=t=>{const{mobile:o,tablet:n,desktop:l}=g[t];return i.css`
|
|
2
|
+
${({theme:p})=>i.css`
|
|
3
|
+
${i.css`
|
|
4
|
+
font-size: ${l.fontSize};
|
|
5
|
+
font-weight: ${l.fontWeight};
|
|
6
|
+
line-height: ${l.lineHeight};
|
|
7
|
+
`}
|
|
8
|
+
|
|
9
|
+
${n&&i.css`
|
|
10
|
+
${p.media.maxWidth.tablet} {
|
|
11
|
+
font-size: ${n.fontSize};
|
|
12
|
+
font-weight: ${n.fontWeight};
|
|
13
|
+
line-height: ${n.lineHeight};
|
|
14
|
+
}
|
|
15
|
+
`}
|
|
16
|
+
|
|
17
|
+
${o&&i.css`
|
|
18
|
+
${p.media.maxWidth.mobile} {
|
|
19
|
+
font-size: ${o.fontSize};
|
|
20
|
+
font-weight: ${o.fontWeight};
|
|
21
|
+
line-height: ${o.lineHeight};
|
|
22
|
+
}
|
|
23
|
+
`}
|
|
24
|
+
`}
|
|
25
|
+
`},f=i.styled.span`
|
|
26
|
+
margin: 0;
|
|
27
|
+
color: ${({$color:t})=>t??"inherit"};
|
|
28
|
+
${({$variant:t})=>h(t)};
|
|
29
|
+
text-align: ${({$align:t})=>t??"inherit"};
|
|
30
|
+
${({$inline:t})=>t?i.css`
|
|
31
|
+
display: inline;
|
|
32
|
+
`:i.css`
|
|
33
|
+
display: block;
|
|
34
|
+
`};
|
|
35
|
+
${({$uppercase:t})=>t&&i.css`
|
|
36
|
+
text-transform: uppercase;
|
|
37
|
+
letter-spacing: 0.04em;
|
|
38
|
+
`}
|
|
39
|
+
${({$truncate:t})=>t&&i.css`
|
|
40
|
+
overflow: hidden;
|
|
41
|
+
text-overflow: ellipsis;
|
|
42
|
+
white-space: nowrap;
|
|
43
|
+
`}
|
|
44
|
+
`;exports.StyledTypography=f;
|
package/dist/matbea-ui.cjs34.js
CHANGED
|
@@ -1,71 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
gap: 4px;
|
|
5
|
-
width: 100%;
|
|
6
|
-
`,n=r.styled(t.Typography).attrs({variant:"form-input",forwardedAs:"label"})`
|
|
7
|
-
color: ${({theme:o})=>o.colors.primary.darkBlue};
|
|
8
|
-
`,l=r.styled.div`
|
|
9
|
-
display: flex;
|
|
10
|
-
align-items: center;
|
|
11
|
-
gap: 8px;
|
|
12
|
-
overflow: hidden;
|
|
13
|
-
height: 48px;
|
|
14
|
-
padding-left: 12px;
|
|
15
|
-
border-radius: 5px;
|
|
16
|
-
outline: 1px solid ${({theme:o})=>o.colors.gray.lightGray2};
|
|
17
|
-
outline-offset: -1px;
|
|
18
|
-
background: ${({theme:o})=>o.colors.primary.white};
|
|
19
|
-
width: 100%;
|
|
20
|
-
box-sizing: border-box;
|
|
21
|
-
transition: border-color 140ms ease;
|
|
22
|
-
|
|
23
|
-
${({$disabled:o})=>o&&r.css`
|
|
24
|
-
opacity: 0.6;
|
|
25
|
-
cursor: not-allowed;
|
|
26
|
-
`}
|
|
27
|
-
|
|
28
|
-
${({$hasError:o,theme:e})=>o&&r.css`
|
|
29
|
-
outline-color: ${e.colors.accent.red};
|
|
30
|
-
`}
|
|
31
|
-
|
|
32
|
-
&:hover {
|
|
33
|
-
outline-color: ${({theme:o,$hasError:e})=>e?o.colors.accent.red:o.colors.primary.lightBlue2};
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
&[data-state="active"] {
|
|
37
|
-
outline-color: ${({theme:o,$hasError:e})=>e?o.colors.accent.red:o.colors.primary.primaryBlue};
|
|
38
|
-
}
|
|
39
|
-
`,a=r.styled.span`
|
|
40
|
-
display: inline-flex;
|
|
41
|
-
width: 24px;
|
|
42
|
-
height: 24px;
|
|
43
|
-
`,s=r.styled.span`
|
|
44
|
-
display: inline-flex;
|
|
45
|
-
align-items: center;
|
|
46
|
-
justify-content: center;
|
|
47
|
-
min-width: 48px;
|
|
48
|
-
& > button {
|
|
49
|
-
border-radius: 0px;
|
|
50
|
-
}
|
|
51
|
-
`,c=r.styled.input`
|
|
52
|
-
flex: 1;
|
|
53
|
-
border: none;
|
|
54
|
-
outline: none;
|
|
55
|
-
background: transparent;
|
|
56
|
-
font-family: "Proxima Nova", sans-serif;
|
|
57
|
-
padding-right: 12px;
|
|
58
|
-
height: 100%;
|
|
59
|
-
font-size: 15px;
|
|
60
|
-
line-height: 18px;
|
|
61
|
-
color: ${({theme:o})=>o.colors.primary.darkBlue};
|
|
62
|
-
|
|
63
|
-
&::placeholder {
|
|
64
|
-
color: ${({theme:o})=>o.colors.gray.darkGray};
|
|
65
|
-
}
|
|
66
|
-
`,d=r.styled.span`
|
|
67
|
-
font-family: "Proxima Nova", sans-serif;
|
|
68
|
-
font-size: 15px;
|
|
69
|
-
line-height: 18px;
|
|
70
|
-
color: ${({theme:o})=>o.colors.accent.red};
|
|
71
|
-
`;exports.ActionSlot=s;exports.ErrorText=d;exports.FieldContainer=l;exports.Input=c;exports.Label=n;exports.LeadingIcon=a;exports.Wrapper=i;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.cjs30.js"),i=require("./matbea-ui.cjs74.js"),s=e=>t.jsxRuntimeExports.jsxs(i.Icon,{...e,viewBox:"0 0 18 18",children:[t.jsxRuntimeExports.jsx("g",{"clip-path":"url(#clip0_309_1899)",children:t.jsxRuntimeExports.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.4955 13.1403 13.1403 16.4955 9 16.5ZM3 9.129C3.03549 12.4299 5.73083 15.0822 9.0319 15.0645C12.333 15.0467 14.9997 12.3656 14.9997 9.0645C14.9997 5.76338 12.333 3.08233 9.0319 3.0645C5.73083 3.04684 3.03549 5.69907 3 9V9.129ZM10.5 12.75H8.25V9.75H7.5V8.25H9.75V11.25H10.5V12.75ZM9.75 6.75H8.25V5.25H9.75V6.75Z",fill:e.color||"#9296A5"})}),t.jsxRuntimeExports.jsx("defs",{children:t.jsxRuntimeExports.jsx("clipPath",{id:"clip0_309_1899",children:t.jsxRuntimeExports.jsx("rect",{width:"18",height:"18",fill:"white"})})})]});exports.InfoIcon=s;
|