@logrock/pebbles
Advanced tools
Comparing version 5.2.0 to 5.3.0
import { FC } from "react"; | ||
export declare type LoaderProps = { | ||
message: string; | ||
}; | ||
import { LoaderProps } from "./Loader.types"; | ||
declare const Loader: FC<LoaderProps>; | ||
export default Loader; |
import { FC } from "react"; | ||
export declare type ProgressLoaderProps = { | ||
percentage: number; | ||
}; | ||
import { ProgressLoaderProps } from "./Loader.types"; | ||
declare const ProgressLoader: FC<ProgressLoaderProps>; | ||
export default ProgressLoader; |
@@ -1,2 +0,2 @@ | ||
var nt=Object.defineProperty,at=Object.defineProperties;var lt=Object.getOwnPropertyDescriptors;var X=Object.getOwnPropertySymbols;var me=Object.prototype.hasOwnProperty,$e=Object.prototype.propertyIsEnumerable;var ye=(i,d,g)=>d in i?nt(i,d,{enumerable:!0,configurable:!0,writable:!0,value:g}):i[d]=g,w=(i,d)=>{for(var g in d||(d={}))me.call(d,g)&&ye(i,g,d[g]);if(X)for(var g of X(d))$e.call(d,g)&&ye(i,g,d[g]);return i},v=(i,d)=>at(i,lt(d));var j=(i,d)=>{var g={};for(var c in i)me.call(i,c)&&d.indexOf(c)<0&&(g[c]=i[c]);if(i!=null&&X)for(var c of X(i))d.indexOf(c)<0&&$e.call(i,c)&&(g[c]=i[c]);return g};(function(i,d){typeof exports=="object"&&typeof module!="undefined"?d(exports,require("styled-breakpoints"),require("styled-components"),require("react"),require("@mdi/js"),require("@mdi/react")):typeof define=="function"&&define.amd?define(["exports","styled-breakpoints","styled-components","react","@mdi/js","@mdi/react"],d):(i=typeof globalThis!="undefined"?globalThis:i||self,d(i["@logrock/pebbles"]={},i["styled-breakpoints"],i.styled,i.React,i.mdijs,i.Icon))})(this,function(i,d,g,c,E,W){"use strict";function U(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var r=U(g),ke=U(c),J=U(W);const f={"50":"#F9FAFB","100":"#F3F4F6","200":"#E5E7EB","300":"#D1D5DB","400":"#9CA3AF","500":"#6B7280","600":"#4B5563","700":"#374151","800":"#1F2937","900":"#111827"},b={"50":"#FDF5E1","100":"#F9E0A5","200":"#F7D586","300":"#F5CB68","400":"#F1B72C","500":"#F1B72C","600":"#E6A50F","700":"#C08A0C","800":"#996E0A","900":"#735307"},we={"50":"#DCE6FD","100":"#B9CCFB","200":"#96B3F8","300":"#729AF6","400":"#4F81F4","500":"#2C67F1","600":"#0E4DE0","700":"#0B3EB3","800":"#092E86","900":"#061F59"},Se={"50":"#F0FDF4","100":"#DCFCE7","200":"#BBF7D0","300":"#86EFAC","400":"#4ADE80","500":"#22C55E","600":"#16A34A","700":"#15803D","800":"#166534","900":"#14532D"},He={"50":"#FEF1DC","100":"#FBD696","200":"#F9C873","300":"#F8BA50","400":"#F6AD2D","500":"#F59E0B","600":"#DF9009","700":"#B27307","800":"#9C6506","900":"#593A04"},m={"50":"#FEF2F2","100":"#FEE2E2","200":"#FECACA","300":"#FCA5A5","400":"#F87171","500":"#EF4444","600":"#DC2626","700":"#B91C1C","800":"#991B1B","900":"#7F1D1D"},C={"0":"#FFFFFF","100":"#000000"},ve={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"}},ze={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"44px",lineHeight:"48px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"}},Fe={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"40px",lineHeight:"48px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"36px",lineHeight:"44px",tracking:"-0.02em"}},Be={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"36px",lineHeight:"44px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"32px",lineHeight:"40px",tracking:"-0.02em"}},Ce={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"32px",lineHeight:"40px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"28px",lineHeight:"36px",tracking:"-0.02em"}},Ee={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"28px",lineHeight:"36px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"24px",lineHeight:"32px",tracking:"-0.02em"}},De={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"24px",lineHeight:"32px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"20px",lineHeight:"28px",tracking:"-0.02em"}},Ae={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"20px",lineHeight:"28px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"18px",lineHeight:"24px",tracking:"-0.02em"}},Le={fontFamily:"Archivo, sans-serif",fontSize:"18px",lineHeight:"28px",weights:{normal:400,bold:500,bolder:600}},Oe={fontFamily:"Archivo, sans-serif",fontSize:"16px",lineHeight:"24px",weights:{normal:400,bold:500,bolder:600}},Re={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Me={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},je={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weight:600,textTransform:"uppercase"},We={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weight:600,textTransform:"uppercase"},_e={fontFamily:"Archivo, sans-serif",fontSize:"11px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Te={background:"linear-gradient(98.41deg, #FF5F6D 0%, #FFC371 100%)"},Ie={background:"linear-gradient(98.41deg, #16BFFD 0%, #CB3066 100%)"},Ne={background:"linear-gradient(98.41deg, #EECDA3 0%, #EF629F 100%)"},Xe={background:"linear-gradient(98.41deg, #4CA1AF 0%, #C4E0E5 100%)"},Ue={background:"linear-gradient(98.41deg, #F1F2B5 0%, #135058 100%, #135058 100%)"},Pe={background:"linear-gradient(98.41deg, #FF6E7F 0%, #BFE9FF 100%)"},Ge={background:"linear-gradient(98.41deg, #1D2B64 0%, #F8CDDA 100%)"},Je={background:"linear-gradient(98.41deg, #FC00FF 0%, #00B6DE 100%)"},Ve={background:"linear-gradient(98.41deg, #02AAB0 0%, #00CDAC 100%)"},Ye={background:"linear-gradient(98.41deg, #4568DC 0%, #B06AB3 100%)"},s={xxsm:"4px",xsm:"8px",sm:"12px",md:"16px",big:"20px",xbig:"24px",xxbig:"28px",xxxbig:"32px",lg:"40px",xlg:"48px",xxlg:"64px",xxxlg:"80px",huge:"96px",xhuge:"128px",xxhuge:"160px",xxxhuge:"192px"},V={primary:{background:b["500"],borderColor:b["500"],borderWidth:0,contentColor:C["100"]},secondary:{background:b["200"],borderColor:b["200"],borderWidth:0,contentColor:C["100"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:b["800"]},outlined:{background:"transparent",borderColor:b["500"],borderWidth:"1px",contentColor:b["500"]}},Y={primary:{background:m["500"],borderColor:m["500"],borderWidth:0,contentColor:C["0"]},secondary:{background:m["50"],borderColor:m["50"],borderWidth:0,contentColor:m["600"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:m["600"]},outlined:{background:"transparent",borderColor:m["300"],borderWidth:"1px",contentColor:m["500"]}},K={primary:{background:f["200"],borderColor:f["200"],borderWidth:0,contentColor:f["400"]},secondary:{background:f["200"],borderColor:f["200"],borderWidth:0,contentColor:f["400"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:f["300"]},outlined:{background:"transparent",borderColor:f["400"],borderWidth:"1px",contentColor:f["300"]}},Ke={fontFamily:"Archivo, sans-serif",fontWeight:500,outline:`3px solid ${b[200]}`,regular:{xSmall:{borderRadius:"2px",fontSize:"14px",iconPadding:s.xxsm,horizontalPadding:"10px",verticalPadding:"6px"},small:{borderRadius:"2px",fontSize:"14px",iconPadding:s.xxsm,horizontalPadding:s.md,verticalPadding:s.xsm},medium:{borderRadius:"2px",fontSize:"16px",iconPadding:s.xxsm,horizontalPadding:s.big,verticalPadding:s.xsm},large:{borderRadius:"2px",fontSize:"18px",iconPadding:s.xxsm,horizontalPadding:s.xbig,verticalPadding:"14px"},primary:V,destructive:Y,disabled:K},icon:{xSmall:{borderRadius:"2px",size:"14px",horizontalPadding:"11px",verticalPadding:"10px"},small:{borderRadius:"2px",size:"14px",horizontalPadding:"13px",verticalPadding:"14px"},medium:{borderRadius:"2px",size:s.md,horizontalPadding:"14px",verticalPadding:s.md},large:{borderRadius:"2px",size:s.md,horizontalPadding:s.md,verticalPadding:"22px"},primary:V,destructive:Y,disabled:K}},D={xSmall:"0px 1px 2px rgba(16, 24, 40, 0.05)",small:"0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px -1px rgba(16, 24, 40, 0.1)",medium:"0px 4px 6px -1px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.1)",large:"0px 10px 15px -3px rgba(16, 24, 40, 0.1), 0px 4px 6px -4px rgba(16, 24, 40, 0.1)",xLarge:"0px 20px 25px -5px rgba(16, 24, 40, 0.1), 0px 8px 10px -6px rgba(16, 24, 40, 0.1)",xxLarge:"0px 25px 50px -12px rgba(16, 24, 40, 0.25)",upXSmall:"0px -1px 2px rgba(16, 24, 40, 0.05)",upSmall:"0px -1px 3px rgba(16, 24, 40, 0.1), 0px -1px 2px -1px rgba(16, 24, 40, 0.1)",upMedium:"0px -4px 6px -1px rgba(16, 24, 40, 0.1), 0px -2px 4px -2px rgba(16, 24, 40, 0.1)",upLarge:"0px -10px 15px -3px rgba(16, 24, 40, 0.1), 0px -4px 6px -4px rgba(16, 24, 40, 0.1)",upXLarge:"0px -20px 25px -5px rgba(16, 24, 40, 0.1), 0px -8px 10px -6px rgba(16, 24, 40, 0.1)",upXxLarge:"0px -25px 50px -12px rgba(16, 24, 40, 0.25)"},Qe={spacing:s.xxbig,fontFamily:"Archivo",fontWeight:"normal",fontStyle:"normal",fontSize:s.md,lineHeight:s.xbig,fontFeatureSettings:"'salt' on",padding:`10px ${s.sm}`,boxSizing:"border-box",boxShadow:D.xSmall,borderRadius:"2px",border:"1px solid #D1D5DB",margin:`${s.xsm} 0px`,background:"white",height:"50px",width:"100%",error:{color:m[900],border:`1px solid ${m[300]}`,boxShadow:D.xSmall,hintColor:f[500],helperColor:m["600"],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px ${s.xxsm} ${m["100"]}`,borderRadius:"2px",border:`1px solid ${m["300"]}`}},info:{color:f[900],border:"1px solid #D1D5DB",boxShadow:D.xSmall,hintColor:f[500],helperColor:f[500],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${b["100"]}`,borderRadius:"2px",border:`1px solid ${b["300"]}`}},label:{color:"black",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontWeight:500},helper:{fontStyle:"normal",fontSize:"14px",lineHeight:"20px",fontWeight:500,margin:s.xsm},disabled:{boxSizing:"border-box",boxShadow:D.xSmall,borderRadius:"2px",border:`1px solid ${f["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:f[400]}},Ze={items:{hover:{background:b["50"]},shadow:"1px 1px 2px rgba(0, 0, 0, 0.3)"}},qe={checkMark:{color:C[0],width:"3px",height:"6px",left:"5px",top:"2px"},width:s.md,height:s.md,marginRight:s.sm,default:{background:C[0],borderColor:f[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"},checked:{background:b["500"],borderColor:b["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"}},eo={fontFamily:"Archivo",size:"50px",background:"white",loaderColor:{loaderBar:b[500],background:b[50]}},Q={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:s,colors:{neutral:f,primary:b,secondary:we,error:m,success:Se,warning:He,shades:C},typography:{displayLarge:ve,displaySmall:ze,headingH1:Fe,headingH2:Be,headingH3:Ce,headingH4:Ee,headingH5:De,headingH6:Ae,paragraphLarge:Le,paragraphMedium:Oe,paragraphSmall:Re,paragraphXSmall:Me,overlineLarge:je,overlineMedium:We,overlineSmall:_e},shadows:D,blurs:{none:"0",small:"8px",medium:"16px",large:"24px",xLarge:"40px"},gradients:{sunburst:Te,blueMoon:Ge,blueberryWine:Ye,cherryCola:Ne,coldSky:Xe,darkWineSea:Ie,morningSakura:Pe,oliveGarden:Ue,synthwave:Je,teaLeaves:Ve},buttons:Ke,inputBox:Qe,loader:eo,select:Ze,checkBox:qe},oo=v(w({},Q),{name:"dark"}),_=({underlined:e,strikedThrough:o})=>{const t=[];return e&&t.push("underline"),o&&t.push("line-through"),t.join(" ")},to=r.default.h1` | ||
var Lt=Object.defineProperty,At=Object.defineProperties;var Et=Object.getOwnPropertyDescriptors;var Y=Object.getOwnPropertySymbols;var ve=Object.prototype.hasOwnProperty,ze=Object.prototype.propertyIsEnumerable;var He=(n,g,c)=>g in n?Lt(n,g,{enumerable:!0,configurable:!0,writable:!0,value:c}):n[g]=c,m=(n,g)=>{for(var c in g||(g={}))ve.call(g,c)&&He(n,c,g[c]);if(Y)for(var c of Y(g))ze.call(g,c)&&He(n,c,g[c]);return n},H=(n,g)=>At(n,Et(g));var R=(n,g)=>{var c={};for(var h in n)ve.call(n,h)&&g.indexOf(h)<0&&(c[h]=n[h]);if(n!=null&&Y)for(var h of Y(n))g.indexOf(h)<0&&ze.call(n,h)&&(c[h]=n[h]);return c};(function(n,g){typeof exports=="object"&&typeof module!="undefined"?g(exports,require("styled-breakpoints"),require("styled-components"),require("react"),require("@mdi/js"),require("@mdi/react")):typeof define=="function"&&define.amd?define(["exports","styled-breakpoints","styled-components","react","@mdi/js","@mdi/react"],g):(n=typeof globalThis!="undefined"?globalThis:n||self,g(n["@logrock/pebbles"]={},n["styled-breakpoints"],n.styled,n.React,n.mdijs,n.Icon))})(this,function(n,g,c,h,F,I){"use strict";function q(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var r=q(c),Ce=q(h),N=q(I);const p={"50":"#F9FAFB","100":"#F3F4F6","200":"#E5E7EB","300":"#D1D5DB","400":"#9CA3AF","500":"#6B7280","600":"#4B5563","700":"#374151","800":"#1F2937","900":"#111827"},u={"50":"#FDF5E1","100":"#F9E0A5","200":"#F7D586","300":"#F5CB68","400":"#F1B72C","500":"#F1B72C","600":"#E6A50F","700":"#C08A0C","800":"#996E0A","900":"#735307"},Be={"50":"#DCE6FD","100":"#B9CCFB","200":"#96B3F8","300":"#729AF6","400":"#4F81F4","500":"#2C67F1","600":"#0E4DE0","700":"#0B3EB3","800":"#092E86","900":"#061F59"},L={"50":"#F0FDF4","100":"#DCFCE7","200":"#BBF7D0","300":"#86EFAC","400":"#4ADE80","500":"#22C55E","600":"#16A34A","700":"#15803D","800":"#166534","900":"#14532D"},A={"50":"#FEF1DC","100":"#FBD696","200":"#F9C873","300":"#F8BA50","400":"#F6AD2D","500":"#F59E0B","600":"#DF9009","700":"#B27307","800":"#9C6506","900":"#593A04"},b={"50":"#FEF2F2","100":"#FEE2E2","200":"#FECACA","300":"#FCA5A5","400":"#F87171","500":"#EF4444","600":"#DC2626","700":"#B91C1C","800":"#991B1B","900":"#7F1D1D"},E={"0":"#FFFFFF","100":"#000000"},Fe={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"}},De={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"44px",lineHeight:"48px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"}},Le={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"40px",lineHeight:"48px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"36px",lineHeight:"44px",tracking:"-0.02em"}},Ae={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"36px",lineHeight:"44px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"32px",lineHeight:"40px",tracking:"-0.02em"}},Ee={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"32px",lineHeight:"40px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"28px",lineHeight:"36px",tracking:"-0.02em"}},Re={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"28px",lineHeight:"36px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"24px",lineHeight:"32px",tracking:"-0.02em"}},We={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"24px",lineHeight:"32px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"20px",lineHeight:"28px",tracking:"-0.02em"}},Oe={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"20px",lineHeight:"28px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"18px",lineHeight:"24px",tracking:"-0.02em"}},Me={fontFamily:"Archivo, sans-serif",fontSize:"18px",lineHeight:"28px",weights:{normal:400,bold:500,bolder:600}},je={fontFamily:"Archivo, sans-serif",fontSize:"16px",lineHeight:"24px",weights:{normal:400,bold:500,bolder:600}},_e={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Te={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Ie={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Ne={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Xe={fontFamily:"Archivo, sans-serif",fontSize:"11px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Pe={background:"linear-gradient(98.41deg, #FF5F6D 0%, #FFC371 100%)"},Ue={background:"linear-gradient(98.41deg, #16BFFD 0%, #CB3066 100%)"},Ve={background:"linear-gradient(98.41deg, #EECDA3 0%, #EF629F 100%)"},Ge={background:"linear-gradient(98.41deg, #4CA1AF 0%, #C4E0E5 100%)"},Je={background:"linear-gradient(98.41deg, #F1F2B5 0%, #135058 100%, #135058 100%)"},Ye={background:"linear-gradient(98.41deg, #FF6E7F 0%, #BFE9FF 100%)"},qe={background:"linear-gradient(98.41deg, #1D2B64 0%, #F8CDDA 100%)"},Ke={background:"linear-gradient(98.41deg, #FC00FF 0%, #00B6DE 100%)"},Qe={background:"linear-gradient(98.41deg, #02AAB0 0%, #00CDAC 100%)"},Ze={background:"linear-gradient(98.41deg, #4568DC 0%, #B06AB3 100%)"},s={xxsm:"4px",xsm:"8px",sm:"12px",md:"16px",big:"20px",xbig:"24px",xxbig:"28px",xxxbig:"32px",lg:"40px",xlg:"48px",xxlg:"64px",xxxlg:"80px",huge:"96px",xhuge:"128px",xxhuge:"160px",xxxhuge:"192px"},Q={primary:{background:u["500"],borderColor:u["500"],borderWidth:0,contentColor:E["100"]},secondary:{background:u["200"],borderColor:u["200"],borderWidth:0,contentColor:E["100"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:u["800"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:u["500"],borderWidth:"1px",contentColor:u["500"]}},Z={primary:{background:b["500"],borderColor:b["500"],borderWidth:0,contentColor:E["0"]},secondary:{background:b["50"],borderColor:b["50"],borderWidth:0,contentColor:b["600"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:b["600"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:b["300"],borderWidth:"1px",contentColor:b["500"]}},ee={primary:{background:p["200"],borderColor:p["200"],borderWidth:0,contentColor:p["400"]},secondary:{background:p["200"],borderColor:p["200"],borderWidth:0,contentColor:p["400"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:p["300"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:p["400"],borderWidth:"1px",contentColor:p["300"]}},eo={fontFamily:"Archivo, sans-serif",fontWeight:500,outline:`3px solid ${u[200]}`,regular:{xSmall:{borderRadius:"2px",fontSize:"14px",iconPadding:s.xxsm,horizontalPadding:"10px",verticalPadding:"6px"},small:{borderRadius:"2px",fontSize:"14px",iconPadding:s.xxsm,horizontalPadding:s.md,verticalPadding:s.xsm},medium:{borderRadius:"2px",fontSize:"16px",iconPadding:s.xxsm,horizontalPadding:s.big,verticalPadding:s.xsm},large:{borderRadius:"2px",fontSize:"18px",iconPadding:s.xxsm,horizontalPadding:s.xbig,verticalPadding:"14px"},primary:Q,destructive:Z,disabled:ee},icon:{xSmall:{borderRadius:"2px",size:"14px",horizontalPadding:"11px",verticalPadding:"10px"},small:{borderRadius:"2px",size:"14px",horizontalPadding:"13px",verticalPadding:"14px"},medium:{borderRadius:"2px",size:s.md,horizontalPadding:"14px",verticalPadding:s.md},large:{borderRadius:"2px",size:s.md,horizontalPadding:s.md,verticalPadding:"22px"},primary:Q,destructive:Z,disabled:ee}},W={xSmall:"0px 1px 2px rgba(16, 24, 40, 0.05)",small:"0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px -1px rgba(16, 24, 40, 0.1)",medium:"0px 4px 6px -1px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.1)",large:"0px 10px 15px -3px rgba(16, 24, 40, 0.1), 0px 4px 6px -4px rgba(16, 24, 40, 0.1)",xLarge:"0px 20px 25px -5px rgba(16, 24, 40, 0.1), 0px 8px 10px -6px rgba(16, 24, 40, 0.1)",xxLarge:"0px 25px 50px -12px rgba(16, 24, 40, 0.25)",upXSmall:"0px -1px 2px rgba(16, 24, 40, 0.05)",upSmall:"0px -1px 3px rgba(16, 24, 40, 0.1), 0px -1px 2px -1px rgba(16, 24, 40, 0.1)",upMedium:"0px -4px 6px -1px rgba(16, 24, 40, 0.1), 0px -2px 4px -2px rgba(16, 24, 40, 0.1)",upLarge:"0px -10px 15px -3px rgba(16, 24, 40, 0.1), 0px -4px 6px -4px rgba(16, 24, 40, 0.1)",upXLarge:"0px -20px 25px -5px rgba(16, 24, 40, 0.1), 0px -8px 10px -6px rgba(16, 24, 40, 0.1)",upXxLarge:"0px -25px 50px -12px rgba(16, 24, 40, 0.25)"},oo={spacing:s.xxbig,fontFamily:"Archivo",fontWeight:"normal",fontStyle:"normal",fontSize:s.md,lineHeight:s.xbig,fontFeatureSettings:"'salt' on",padding:`10px ${s.sm}`,boxSizing:"border-box",boxShadow:W.xSmall,borderRadius:"2px",border:"1px solid #D1D5DB",margin:`${s.xsm} 0px`,background:"white",height:"50px",width:"100%",error:{color:b[900],border:`1px solid ${b[300]}`,boxShadow:W.xSmall,hintColor:p[500],helperColor:b["600"],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px ${s.xxsm} ${b["100"]}`,borderRadius:"2px",border:`1px solid ${b["300"]}`}},info:{color:p[900],border:"1px solid #D1D5DB",boxShadow:W.xSmall,hintColor:p[500],helperColor:p[500],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${u["100"]}`,borderRadius:"2px",border:`1px solid ${u["300"]}`}},label:{color:"black",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontWeight:500},helper:{fontStyle:"normal",fontSize:"14px",lineHeight:"20px",fontWeight:500,margin:s.xsm},disabled:{boxSizing:"border-box",boxShadow:W.xSmall,borderRadius:"2px",border:`1px solid ${p["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:p[400]}},to={items:{hover:{background:u["50"]},shadow:"1px 1px 2px rgba(0, 0, 0, 0.3)"}},ro={checkMark:{color:E[0],width:"3px",height:"6px",left:"5px",top:"2px"},width:s.md,height:s.md,marginRight:s.sm,default:{background:E[0],borderColor:p[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"},checked:{background:u["500"],borderColor:u["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"}},io={fontFamily:"Archivo",size:"50px",background:"white",loaderColor:{loaderBar:u[500],background:u[50]}},no={neutral:{background:p[50],borderColor:p[200],titleColor:p[800],descriptionColor:p[700],iconColor:p[500]},primary:{background:u[50],borderColor:u[600],titleColor:u[900],descriptionColor:u[700],iconColor:u[600]},success:{background:L[50],borderColor:L[200],titleColor:L[800],descriptionColor:L[700],iconColor:L[500]},warning:{background:A[50],borderColor:A[200],titleColor:A[800],descriptionColor:A[700],iconColor:A[500]},error:{background:b[50],borderColor:b[200],titleColor:b[800],descriptionColor:b[700],iconColor:b[500]},title:{fontWeight:"600",fontSize:"16px",lineHeight:"24px",height:"24px"},description:{fontWeight:"400",fontSize:"14px",lineHeight:"20px",height:"20px"},fontFamily:"Archivo"},ao={barColor:u[500],bgColor:p[100],sizes:{small:"8px",medium:"16px",large:"24px",xLarge:"32px"},borderRadius:{small:"16px",medium:"32px",large:"48px",xLarge:"64px"}},oe={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:s,colors:{neutral:p,primary:u,secondary:Be,error:b,success:L,warning:A,shades:E},typography:{displayLarge:Fe,displaySmall:De,headingH1:Le,headingH2:Ae,headingH3:Ee,headingH4:Re,headingH5:We,headingH6:Oe,paragraphLarge:Me,paragraphMedium:je,paragraphSmall:_e,paragraphXSmall:Te,overlineLarge:Ie,overlineMedium:Ne,overlineSmall:Xe},shadows:W,blurs:{none:"0",small:"8px",medium:"16px",large:"24px",xLarge:"40px"},gradients:{sunburst:Pe,blueMoon:qe,blueberryWine:Ze,cherryCola:Ve,coldSky:Ge,darkWineSea:Ue,morningSakura:Ye,oliveGarden:Je,synthwave:Ke,teaLeaves:Qe},buttons:eo,inputBox:oo,select:to,checkBox:ro,loader:io,alert:no,progressBar:ao},lo=H(m({},oe),{name:"dark"}),X=({underlined:e,strikedThrough:o})=>{const t=[];return e&&t.push("underline"),o&&t.push("line-through"),t.join(" ")},go=r.default.h1` | ||
margin: 0; | ||
@@ -11,3 +11,3 @@ | ||
${d.up("desktop")} { | ||
${g.up("desktop")} { | ||
font-size: ${({theme:e})=>e.typography.displayLarge.desktop.fontSize}; | ||
@@ -18,3 +18,3 @@ font-weight: ${({theme:e,weight:o})=>o?e.typography.displayLarge.desktop.weights[o]:e.typography.displayLarge.desktop.weights.normal}; | ||
} | ||
`,io=r.default.h2` | ||
`,co=r.default.h2` | ||
margin: 0; | ||
@@ -29,3 +29,3 @@ | ||
${d.up("desktop")} { | ||
${g.up("desktop")} { | ||
font-size: ${({theme:e})=>e.typography.displaySmall.desktop.fontSize}; | ||
@@ -36,3 +36,3 @@ font-weight: ${({theme:e,weight:o})=>o?e.typography.displaySmall.desktop.weights[o]:e.typography.displaySmall.desktop.weights.normal}; | ||
} | ||
`,ro=r.default.h1` | ||
`,so=r.default.h1` | ||
margin: 0; | ||
@@ -47,3 +47,3 @@ | ||
${d.up("desktop")} { | ||
${g.up("desktop")} { | ||
font-size: ${({theme:e})=>e.typography.headingH1.desktop.fontSize}; | ||
@@ -54,3 +54,3 @@ font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH1.desktop.weights[o]:e.typography.headingH1.desktop.weights.normal}; | ||
} | ||
`,no=r.default.h2` | ||
`,po=r.default.h2` | ||
margin: 0; | ||
@@ -65,3 +65,3 @@ | ||
${d.up("desktop")} { | ||
${g.up("desktop")} { | ||
font-size: ${({theme:e})=>e.typography.headingH2.desktop.fontSize}; | ||
@@ -72,3 +72,3 @@ font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH2.desktop.weights[o]:e.typography.headingH2.desktop.weights.normal}; | ||
} | ||
`,ao=r.default.h3` | ||
`,ho=r.default.h3` | ||
margin: 0; | ||
@@ -83,3 +83,3 @@ | ||
${d.up("desktop")} { | ||
${g.up("desktop")} { | ||
font-size: ${({theme:e})=>e.typography.headingH3.desktop.fontSize}; | ||
@@ -90,3 +90,3 @@ font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH3.desktop.weights[o]:e.typography.headingH3.desktop.weights.normal}; | ||
} | ||
`,lo=r.default.h4` | ||
`,uo=r.default.h4` | ||
margin: 0; | ||
@@ -101,3 +101,3 @@ | ||
${d.up("desktop")} { | ||
${g.up("desktop")} { | ||
font-size: ${({theme:e})=>e.typography.headingH4.desktop.fontSize}; | ||
@@ -108,3 +108,3 @@ font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH4.desktop.weights[o]:e.typography.headingH4.desktop.weights.normal}; | ||
} | ||
`,go=r.default.h5` | ||
`,fo=r.default.h5` | ||
margin: 0; | ||
@@ -119,3 +119,3 @@ | ||
${d.up("desktop")} { | ||
${g.up("desktop")} { | ||
font-size: ${({theme:e})=>e.typography.headingH5.desktop.fontSize}; | ||
@@ -126,3 +126,3 @@ font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH5.desktop.weights[o]:e.typography.headingH5.desktop.weights.normal}; | ||
} | ||
`,po=r.default.h6` | ||
`,bo=r.default.h6` | ||
margin: 0; | ||
@@ -137,3 +137,3 @@ | ||
${d.up("desktop")} { | ||
${g.up("desktop")} { | ||
font-size: ${({theme:e})=>e.typography.headingH6.desktop.fontSize}; | ||
@@ -144,3 +144,3 @@ font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH6.desktop.weights[o]:e.typography.headingH6.desktop.weights.normal}; | ||
} | ||
`,so=r.default.p` | ||
`,xo=r.default.p` | ||
margin: 0; | ||
@@ -154,4 +154,4 @@ | ||
line-height: ${({theme:e})=>e.typography.paragraphLarge.lineHeight}; | ||
text-decoration: ${_}; | ||
`,A=g.css` | ||
text-decoration: ${X}; | ||
`,O=c.css` | ||
margin: 0; | ||
@@ -165,6 +165,6 @@ | ||
line-height: ${({theme:e})=>e.typography.paragraphMedium.lineHeight}; | ||
text-decoration: ${_}; | ||
`,co=r.default.p` | ||
${A} | ||
`,ho=r.default.p` | ||
text-decoration: ${X}; | ||
`,yo=r.default.p` | ||
${O} | ||
`,mo=r.default.p` | ||
margin: 0; | ||
@@ -178,4 +178,4 @@ | ||
line-height: ${({theme:e})=>e.typography.paragraphSmall.lineHeight}; | ||
text-decoration: ${_}; | ||
`,fo=r.default.p` | ||
text-decoration: ${X}; | ||
`,$o=r.default.p` | ||
margin: 0; | ||
@@ -189,4 +189,4 @@ | ||
line-height: ${({theme:e})=>e.typography.paragraphXSmall.lineHeight}; | ||
text-decoration: ${_}; | ||
`,bo=r.default.p` | ||
text-decoration: ${X}; | ||
`,ko=r.default.p` | ||
margin: 0; | ||
@@ -201,3 +201,3 @@ | ||
text-transform: uppercase; | ||
`,xo=r.default.p` | ||
`,wo=r.default.p` | ||
margin: 0; | ||
@@ -212,3 +212,3 @@ | ||
text-transform: uppercase; | ||
`,uo=r.default.p` | ||
`,So=r.default.p` | ||
margin: 0; | ||
@@ -223,7 +223,7 @@ | ||
text-transform: uppercase; | ||
`;var P={exports:{}},L={};/* | ||
`;var P={exports:{}},M={};/* | ||
object-assign | ||
(c) Sindre Sorhus | ||
@license MIT | ||
*/var Z=Object.getOwnPropertySymbols,yo=Object.prototype.hasOwnProperty,mo=Object.prototype.propertyIsEnumerable;function $o(e){if(e==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function ko(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de",Object.getOwnPropertyNames(e)[0]==="5")return!1;for(var o={},t=0;t<10;t++)o["_"+String.fromCharCode(t)]=t;var a=Object.getOwnPropertyNames(o).map(function(p){return o[p]});if(a.join("")!=="0123456789")return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(p){n[p]=p}),Object.keys(Object.assign({},n)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}ko();/** @license React v17.0.2 | ||
*/var te=Object.getOwnPropertySymbols,Ho=Object.prototype.hasOwnProperty,vo=Object.prototype.propertyIsEnumerable;function zo(e){if(e==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function Co(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de",Object.getOwnPropertyNames(e)[0]==="5")return!1;for(var o={},t=0;t<10;t++)o["_"+String.fromCharCode(t)]=t;var l=Object.getOwnPropertyNames(o).map(function(d){return o[d]});if(l.join("")!=="0123456789")return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach(function(d){a[d]=d}),Object.keys(Object.assign({},a)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}Co();/** @license React v17.0.2 | ||
* react-jsx-runtime.production.min.js | ||
@@ -235,3 +235,3 @@ * | ||
* LICENSE file in the root directory of this source tree. | ||
*/var wo=ke.default,q=60103;if(L.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var ee=Symbol.for;q=ee("react.element"),L.Fragment=ee("react.fragment")}var So=wo.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Ho=Object.prototype.hasOwnProperty,vo={key:!0,ref:!0,__self:!0,__source:!0};function oe(e,o,t){var a,n={},p=null,S=null;t!==void 0&&(p=""+t),o.key!==void 0&&(p=""+o.key),o.ref!==void 0&&(S=o.ref);for(a in o)Ho.call(o,a)&&!vo.hasOwnProperty(a)&&(n[a]=o[a]);if(e&&e.defaultProps)for(a in o=e.defaultProps,o)n[a]===void 0&&(n[a]=o[a]);return{$$typeof:q,type:e,key:p,ref:S,props:n,_owner:So.current}}L.jsx=oe,L.jsxs=oe,P.exports=L;const l=P.exports.jsx,u=P.exports.jsxs,te=g.css` | ||
*/var Bo=Ce.default,re=60103;if(M.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var ie=Symbol.for;re=ie("react.element"),M.Fragment=ie("react.fragment")}var Fo=Bo.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Do=Object.prototype.hasOwnProperty,Lo={key:!0,ref:!0,__self:!0,__source:!0};function ne(e,o,t){var l,a={},d=null,k=null;t!==void 0&&(d=""+t),o.key!==void 0&&(d=""+o.key),o.ref!==void 0&&(k=o.ref);for(l in o)Do.call(o,l)&&!Lo.hasOwnProperty(l)&&(a[l]=o[l]);if(e&&e.defaultProps)for(l in o=e.defaultProps,o)a[l]===void 0&&(a[l]=o[l]);return{$$typeof:re,type:e,key:d,ref:k,props:a,_owner:Fo.current}}M.jsx=ne,M.jsxs=ne,P.exports=M;const i=P.exports.jsx,f=P.exports.jsxs,Ao=P.exports.Fragment,ae=c.css` | ||
display: flex; | ||
@@ -258,8 +258,8 @@ flex-flow: row nowrap; | ||
} | ||
`,ie=g.css` | ||
`,le=c.css` | ||
display: flex; | ||
flex-flow: row nowrap; | ||
align-items: center; | ||
`,zo=g.css` | ||
${({buttonSize:e,theme:o})=>g.css` | ||
`,Eo=c.css` | ||
${({buttonSize:e,theme:o})=>c.css` | ||
padding: ${o.buttons.regular[e||"medium"].verticalPadding} | ||
@@ -272,4 +272,4 @@ ${o.buttons.regular[e||"medium"].horizontalPadding}; | ||
`} | ||
`,re=g.css` | ||
${({theme:e,buttonStyle:o})=>g.css` | ||
`,de=c.css` | ||
${({theme:e,buttonStyle:o})=>c.css` | ||
border-width: ${e.buttons.regular.disabled[o||"primary"].borderWidth}; | ||
@@ -282,4 +282,4 @@ border-color: ${e.buttons.regular.disabled[o||"primary"].borderColor}; | ||
`} | ||
`,ne=g.css` | ||
${({theme:e,buttonStyle:o,variant:t})=>g.css` | ||
`,ge=c.css` | ||
${({theme:e,buttonStyle:o,variant:t})=>c.css` | ||
border-width: ${e.buttons.regular[t||"primary"][o||"primary"].borderWidth}; | ||
@@ -291,20 +291,21 @@ border-color: ${e.buttons.regular[t||"primary"][o||"primary"].borderColor}; | ||
color: ${e.buttons.regular[t||"primary"][o||"primary"].contentColor}; | ||
text-decoration-line: ${e.buttons.regular[t||"primary"][o||"primary"].textDecorationLine||"none"}; | ||
`} | ||
`,Fo=r.default.button` | ||
${te} | ||
${zo} | ||
${({disabled:e})=>e?re:ne} | ||
`,Bo=g.css` | ||
`,Ro=r.default.button` | ||
${ae} | ||
${Eo} | ||
${({disabled:e})=>e?de:ge} | ||
`,Wo=c.css` | ||
margin-right: ${({theme:e,buttonSize:o})=>e.buttons.regular[o||"medium"].iconPadding}; | ||
`,Co=r.default.div` | ||
${ie} | ||
${Bo} | ||
`,Eo=g.css` | ||
`,Oo=r.default.div` | ||
${le} | ||
${Wo} | ||
`,Mo=c.css` | ||
margin-left: ${({theme:e,buttonSize:o})=>e.buttons.regular[o||"medium"].iconPadding}; | ||
`,Do=r.default.div` | ||
${ie} | ||
${Eo} | ||
`,Ao=g.css` | ||
${({buttonSize:e,theme:o})=>g.css` | ||
`,jo=r.default.div` | ||
${le} | ||
${Mo} | ||
`,_o=c.css` | ||
${({buttonSize:e,theme:o})=>c.css` | ||
padding: ${o.buttons.icon[e||"medium"].verticalPadding} | ||
@@ -317,6 +318,6 @@ ${o.buttons.icon[e||"medium"].horizontalPadding}; | ||
`} | ||
`,Lo=g.css` | ||
`,To=c.css` | ||
width: ${({theme:e,buttonSize:o})=>e.buttons.icon[o||"medium"].buttonSize}; | ||
height: ${({theme:e,buttonSize:o})=>e.buttons.icon[o||"medium"].buttonSize}; | ||
`,Oo=r.default.div` | ||
`,Io=r.default.div` | ||
display: flex; | ||
@@ -327,13 +328,13 @@ flex-flow: row nowrap; | ||
${Lo} | ||
`,Ro=r.default.button` | ||
${te} | ||
${Ao} | ||
${To} | ||
`,No=r.default.button` | ||
${ae} | ||
${_o} | ||
${({disabled:e})=>e?re:ne} | ||
`,ae=z=>{var F=z,{buttonSize:e="medium",variant:o="primary",buttonStyle:t="primary",iconOnly:a=!1,startIcon:n=null,endIcon:p=null,children:S}=F,x=j(F,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return a?l(Ro,v(w({},x),{variant:o,buttonStyle:t,buttonSize:e,children:l(Oo,{buttonSize:e,children:n||p})})):u(Fo,v(w({},x),{variant:o,buttonStyle:t,buttonSize:e,children:[n&&l(Co,{buttonSize:e,children:n}),S,p&&l(Do,{buttonSize:e,children:p})]}))},H="info",le=r.default.div` | ||
${({disabled:e})=>e?de:ge} | ||
`,B=z=>{var C=z,{buttonSize:e="medium",variant:o="primary",buttonStyle:t="primary",iconOnly:l=!1,startIcon:a=null,endIcon:d=null,children:k}=C,y=R(C,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return l?i(No,H(m({},y),{variant:o,buttonStyle:t,buttonSize:e,children:i(Io,{buttonSize:e,children:a||d})})):f(Ro,H(m({},y),{variant:o,buttonStyle:t,buttonSize:e,children:[a&&i(Oo,{buttonSize:e,children:a}),k,d&&i(jo,{buttonSize:e,children:d})]}))},v="info",ce=r.default.div` | ||
display: flex; | ||
flex-direction: column; | ||
margin-top: ${({theme:e,spaced:o})=>o?e.inputBox.spacing:0}; | ||
`,T=r.default.span` | ||
`,U=r.default.span` | ||
color: ${({theme:e})=>e.inputBox.label.color}; | ||
@@ -346,6 +347,6 @@ font-family: ${({theme:e})=>e.inputBox.fontFamily}; | ||
font-feature-settings: ${({theme:e})=>e.inputBox.fontFeatureSettings}; | ||
`,de=r.default.div` | ||
`,se=r.default.div` | ||
display: flex; | ||
`,ge=r.default(T)` | ||
color: ${({theme:e,status:o})=>e.inputBox[o||H].helperColor}; | ||
`,pe=r.default(U)` | ||
color: ${({theme:e,status:o})=>e.inputBox[o||v].helperColor}; | ||
font-size: ${({theme:e})=>e.inputBox.helper.fontSize}; | ||
@@ -355,7 +356,7 @@ font-style: ${({theme:e})=>e.inputBox.helper.fontStyle}; | ||
line-height: ${({theme:e})=>e.inputBox.helper.lineHeight}; | ||
`,pe=r.default.div` | ||
`,he=r.default.div` | ||
margin-right: ${({theme:e})=>e.inputBox.helper.margin}; | ||
color: ${({theme:e,status:o})=>e.inputBox[o||H].helperColor}; | ||
`,se=r.default.div` | ||
color: ${({theme:e,status:o})=>e.inputBox[o||v].helperColor}; | ||
`,ue=r.default.div` | ||
display: flex; | ||
@@ -368,13 +369,13 @@ position: absolute; | ||
padding: ${({theme:e})=>e.inputBox.padding}; | ||
`,ce=r.default(T)` | ||
`,fe=r.default(U)` | ||
margin: ${({theme:e})=>e.inputBox.hint.margin}; | ||
color: ${({theme:e,status:o})=>e.inputBox[o||H].hintColor}; | ||
`,he=r.default.div` | ||
color: ${({theme:e,status:o})=>e.inputBox[o||v].hintColor}; | ||
`,be=r.default.div` | ||
margin: 4px 4px; | ||
color: ${({theme:e,status:o})=>e.inputBox[o||H].hintColor}; | ||
`,Mo=r.default.div` | ||
color: ${({theme:e,status:o})=>e.inputBox[o||v].hintColor}; | ||
`,Xo=r.default.div` | ||
position: relative; | ||
`,fe=r.default.input` | ||
`,xe=r.default.input` | ||
display: flex; | ||
@@ -391,9 +392,9 @@ box-sizing: ${({theme:e})=>e.inputBox.boxSizing}; | ||
border: ${({theme:e,status:o})=>e.inputBox[o||H].border}; | ||
border: ${({theme:e,status:o})=>e.inputBox[o||v].border}; | ||
border-radius: ${({theme:e})=>e.inputBox.borderRadius}; | ||
background: ${({theme:e})=>e.inputBox.background}; | ||
box-shadow: ${({theme:e,status:o})=>e.inputBox[o||H].boxShadow}; | ||
box-shadow: ${({theme:e,status:o})=>e.inputBox[o||v].boxShadow}; | ||
color: ${({theme:e,status:o})=>e.inputBox[o||H].color}; | ||
color: ${({theme:e,status:o})=>e.inputBox[o||v].color}; | ||
font-family: ${({theme:e})=>e.inputBox.fontFamily}; | ||
@@ -403,10 +404,10 @@ font-size: ${({theme:e})=>e.inputBox.fontSize}; | ||
&:focus { | ||
box-sizing: ${({theme:e,status:o})=>e.inputBox[o||H].focused.boxSizing}; | ||
box-sizing: ${({theme:e,status:o})=>e.inputBox[o||v].focused.boxSizing}; | ||
border: ${({theme:e,status:o})=>e.inputBox[o||H].focused.border}; | ||
border-radius: ${({theme:e,status:o})=>e.inputBox[o||H].focused.borderRadius}; | ||
border: ${({theme:e,status:o})=>e.inputBox[o||v].focused.border}; | ||
border-radius: ${({theme:e,status:o})=>e.inputBox[o||v].focused.borderRadius}; | ||
outline: none; | ||
background: ${({theme:e})=>e.inputBox.background}; | ||
box-shadow: ${({theme:e,status:o})=>e.inputBox[o||H].focused.boxShadow}; | ||
box-shadow: ${({theme:e,status:o})=>e.inputBox[o||v].focused.boxShadow}; | ||
} | ||
@@ -430,9 +431,9 @@ &:disabled { | ||
} | ||
`,jo=S=>{var x=S,{spaced:e,description:o,status:t,hint:a,helper:n}=x,p=j(x,["spaced","description","status","hint","helper"]);return u(le,{spaced:e,children:[l(T,{children:o}),u(Mo,{children:[l(fe,w({status:t},p)),a&&u(se,{children:[l(ce,{status:t,children:a.content}),a.icon&&l(he,{status:t,children:a.icon})]})]}),u(de,{children:[t==="error"&&l(pe,{status:t,children:l(J.default,{path:E.mdiAlert,size:.7})}),l(ge,{status:t,children:n})]})]})},Wo=r.default.div` | ||
`,Po=k=>{var y=k,{spaced:e,description:o,status:t,hint:l,helper:a}=y,d=R(y,["spaced","description","status","hint","helper"]);return f(ce,{spaced:e,children:[i(U,{children:o}),f(Xo,{children:[i(xe,m({status:t},d)),l&&f(ue,{children:[i(fe,{status:t,children:l.content}),l.icon&&i(be,{status:t,children:l.icon})]})]}),f(se,{children:[t==="error"&&i(he,{status:t,children:i(N.default,{path:F.mdiAlert,size:.7})}),i(pe,{status:t,children:a})]})]})},Uo=r.default.div` | ||
display: flex; | ||
flex-direction: row; | ||
justify-content: space-between; | ||
`,_o=r.default(fe)` | ||
`,Vo=r.default(xe)` | ||
text-align: center; | ||
`,To=r.default.div` | ||
`,Go=r.default.div` | ||
position: relative; | ||
@@ -442,7 +443,7 @@ box-sizing: border-box; | ||
margin: 0 ${({theme:e})=>e.spacings.sm}; | ||
`,be=r.default(ae)` | ||
`,ye=r.default(B)` | ||
flex-shrink: 0; | ||
margin: ${({theme:e})=>e.inputBox.margin}; | ||
`,Io=S=>{var x=S,{spaced:e,status:o,description:t,hint:a,helper:n}=x,p=j(x,["spaced","status","description","hint","helper"]);const[z,F]=c.useState(Number(p.value)||0),$=c.useRef(null),N=()=>{F(y=>y+1)},G=()=>{F(y=>y>0?y-1:y)};return c.useEffect(()=>{var B,R,M,k;const y=(R=Object.getOwnPropertyDescriptor((B=window==null?void 0:window.HTMLInputElement)==null?void 0:B.prototype,"value"))==null?void 0:R.set;(M=y==null?void 0:y.call)==null||M.call(y,$.current,`${z}`);const O=new Event("input",{bubbles:!0});(k=$==null?void 0:$.current)==null||k.dispatchEvent(O)},[z]),u(le,{spaced:e,children:[l(T,{children:t}),u(Wo,{children:[l(be,{onClick:G,buttonSize:"xSmall",children:l(W.Icon,{path:E.mdiMinus,size:1.35})}),u(To,{children:[l(_o,v(w({status:o},p),{ref:$})),a&&u(se,{children:[l(ce,{status:o,children:a.content}),a.icon&&l(he,{status:o,children:a.icon})]})]}),l(be,{onClick:N,buttonSize:"xSmall",children:l(W.Icon,{path:E.mdiPlus,size:1.35})})]}),u(de,{children:[o==="error"&&l(pe,{status:o,children:l(W.Icon,{path:E.mdiAlert,size:.7})}),l(ge,{status:o,children:n})]})]})},xe=e=>e.type==="number"?l(Io,w({},e)):l(jo,w({},e)),No=r.default.button` | ||
${A} | ||
`,Jo=k=>{var y=k,{spaced:e,status:o,description:t,hint:l,helper:a}=y,d=R(y,["spaced","status","description","hint","helper"]);const[z,C]=h.useState(Number(d.value)||0),w=h.useRef(null),J=()=>{C($=>$+1)},K=()=>{C($=>$>0?$-1:$)};return h.useEffect(()=>{var D,_,T,S;const $=(_=Object.getOwnPropertyDescriptor((D=window==null?void 0:window.HTMLInputElement)==null?void 0:D.prototype,"value"))==null?void 0:_.set;(T=$==null?void 0:$.call)==null||T.call($,w.current,`${z}`);const j=new Event("input",{bubbles:!0});(S=w==null?void 0:w.current)==null||S.dispatchEvent(j)},[z]),f(ce,{spaced:e,children:[i(U,{children:t}),f(Uo,{children:[i(ye,{onClick:K,buttonSize:"xSmall",children:i(I.Icon,{path:F.mdiMinus,size:1.35})}),f(Go,{children:[i(Vo,H(m({status:o},d),{ref:w})),l&&f(ue,{children:[i(fe,{status:o,children:l.content}),l.icon&&i(be,{status:o,children:l.icon})]})]}),i(ye,{onClick:J,buttonSize:"xSmall",children:i(I.Icon,{path:F.mdiPlus,size:1.35})})]}),f(se,{children:[o==="error"&&i(he,{status:o,children:i(I.Icon,{path:F.mdiAlert,size:.7})}),i(pe,{status:o,children:a})]})]})},me=e=>e.type==="number"?i(Jo,m({},e)):i(Po,m({},e)),Yo=r.default.button` | ||
${O} | ||
box-sizing: border-box; | ||
@@ -460,3 +461,3 @@ padding: 18px 10px; | ||
} | ||
`,ue=e=>{var o,t,a,n;return l(No,v(w({},e),{type:"button",children:((o=e==null?void 0:e.item)==null?void 0:o.name)||((t=e==null?void 0:e.item)==null?void 0:t.label)||((n=(a=e==null?void 0:e.item)==null?void 0:a.toString)==null?void 0:n.call(a))}))},Xo=r.default.div` | ||
`,$e=e=>{var o,t,l,a;return i(Yo,H(m({},e),{type:"button",children:((o=e==null?void 0:e.item)==null?void 0:o.name)||((t=e==null?void 0:e.item)==null?void 0:t.label)||((a=(l=e==null?void 0:e.item)==null?void 0:l.toString)==null?void 0:a.call(l))}))},qo=r.default.div` | ||
display: flex; | ||
@@ -476,3 +477,3 @@ position: ${({focus:e})=>e?"fixed":"relative"}; | ||
${d.up("desktop")} { | ||
${g.up("desktop")} { | ||
position: relative; | ||
@@ -484,3 +485,3 @@ z-index: unset; | ||
} | ||
`,Uo=r.default.div` | ||
`,Ko=r.default.div` | ||
display: ${({focus:e})=>e?"flex":"hidden"}; | ||
@@ -497,3 +498,3 @@ box-sizing: border-box; | ||
${d.up("desktop")} { | ||
${g.up("desktop")} { | ||
display: ${({focus:e})=>e?"flex":"none"}; | ||
@@ -513,4 +514,4 @@ position: absolute; | ||
} | ||
`,Po=({autoCompleteItems:e,renderItem:o,inputProps:t,renderHeader:a,onItemSelected:n,spaced:p})=>{var R,M;const S=o||ue,[x,z]=c.useState(0),[F,$]=c.useState(!1),[N,G]=c.useState(!1),y=c.useRef(null),O=c.useCallback(k=>{switch(k.key){case"Escape":$(!1);break;case"ArrowUp":z(h=>h&&h-1);break;case"ArrowDown":z(h=>h<e.length-1?h+1:h);break;case"Enter":z(h=>(e.length&&n&&typeof n=="function"&&(n(e[h]),$(!1)),0));break}},[e,n]),B=k=>{!y.current||y.current.contains(k.target)||$(!1)};return c.useEffect(()=>(document.addEventListener("keydown",O,!1),document.addEventListener("mousedown",B),document.addEventListener("touchstart",B),()=>{document.removeEventListener("keydown",O,!1),document.removeEventListener("mousedown",B),document.removeEventListener("touchstart",B)}),[O]),c.useEffect(()=>{N&&$(!0)},[e,N]),u(Xo,{focus:F,spaced:p||(t==null?void 0:t.spaced),ref:y,children:[l(xe,v(w({},t),{onFocus:k=>{var h;G(!0),$(!0),(h=t==null?void 0:t.onFocus)==null||h.call(t,k)},onClick:k=>{var h;$(!0),(h=t==null?void 0:t.onClick)==null||h.call(t,k)},hint:{icon:((R=t==null?void 0:t.hint)==null?void 0:R.icon)||l(J.default,{path:E.mdiUnfoldMoreHorizontal,size:.7}),content:((M=t==null?void 0:t.hint)==null?void 0:M.content)||""},spaced:!1})),F&&u(Uo,{focus:F,helper:t==null?void 0:t.helper,description:t==null?void 0:t.description,children:[a||null,e==null?void 0:e.map((k,h)=>l(S,{item:k,onClick:()=>{$(!1),z(0),n==null||n(e[h])},onMouseEnter:()=>z(h),highlighted:x===h},k.id))]})]})},Go=r.default.button` | ||
${A} | ||
`,Qo=({autoCompleteItems:e,renderItem:o,inputProps:t,renderHeader:l,onItemSelected:a,spaced:d})=>{var _,T;const k=o||$e,[y,z]=h.useState(0),[C,w]=h.useState(!1),[J,K]=h.useState(!1),$=h.useRef(null),j=h.useCallback(S=>{switch(S.key){case"Escape":w(!1);break;case"ArrowUp":z(x=>x&&x-1);break;case"ArrowDown":z(x=>x<e.length-1?x+1:x);break;case"Enter":z(x=>(e.length&&a&&typeof a=="function"&&(a(e[x]),w(!1)),0));break}},[e,a]),D=S=>{!$.current||$.current.contains(S.target)||w(!1)};return h.useEffect(()=>(document.addEventListener("keydown",j,!1),document.addEventListener("mousedown",D),document.addEventListener("touchstart",D),()=>{document.removeEventListener("keydown",j,!1),document.removeEventListener("mousedown",D),document.removeEventListener("touchstart",D)}),[j]),h.useEffect(()=>{J&&w(!0)},[e,J]),f(qo,{focus:C,spaced:d||(t==null?void 0:t.spaced),ref:$,children:[i(me,H(m({},t),{onFocus:S=>{var x;K(!0),w(!0),(x=t==null?void 0:t.onFocus)==null||x.call(t,S)},onClick:S=>{var x;w(!0),(x=t==null?void 0:t.onClick)==null||x.call(t,S)},hint:{icon:((_=t==null?void 0:t.hint)==null?void 0:_.icon)||i(N.default,{path:F.mdiUnfoldMoreHorizontal,size:.7}),content:((T=t==null?void 0:t.hint)==null?void 0:T.content)||""},spaced:!1})),C&&f(Ko,{focus:C,helper:t==null?void 0:t.helper,description:t==null?void 0:t.description,children:[l||null,e==null?void 0:e.map((S,x)=>i(k,{item:S,onClick:()=>{w(!1),z(0),a==null||a(e[x])},onMouseEnter:()=>z(x),highlighted:y===x},S.id))]})]})},Zo=r.default.button` | ||
${O} | ||
display: flex; | ||
@@ -529,13 +530,13 @@ box-sizing: border-box; | ||
} | ||
`,Jo=r.default.div` | ||
`,et=r.default.div` | ||
display: flex; | ||
width: 100%; | ||
`,Vo=r.default.div` | ||
`,ot=r.default.div` | ||
flex-basis: ${({theme:e})=>e.spacings.huge}; | ||
flex-grow: 0; | ||
padding-right: ${({theme:e})=>e.spacings.md}; | ||
`,Yo=r.default.div` | ||
`,tt=r.default.div` | ||
flex-grow: 1; | ||
`,Ko=e=>{var o,t,a,n,p;return l(Go,v(w({},e),{type:"button",children:u(Jo,{children:[l(Vo,{children:(o=e==null?void 0:e.item)==null?void 0:o.id}),l(Yo,{children:((t=e==null?void 0:e.item)==null?void 0:t.name)||((a=e==null?void 0:e.item)==null?void 0:a.label)||((p=(n=e==null?void 0:e.item)==null?void 0:n.toString)==null?void 0:p.call(n))})]})}))},Qo=r.default.div` | ||
${A} | ||
`,rt=e=>{var o,t,l,a,d;return i(Zo,H(m({},e),{type:"button",children:f(et,{children:[i(ot,{children:(o=e==null?void 0:e.item)==null?void 0:o.id}),i(tt,{children:((t=e==null?void 0:e.item)==null?void 0:t.name)||((l=e==null?void 0:e.item)==null?void 0:l.label)||((d=(a=e==null?void 0:e.item)==null?void 0:a.toString)==null?void 0:d.call(a))})]})}))},it=r.default.div` | ||
${O} | ||
display: flex; | ||
@@ -550,3 +551,3 @@ box-sizing: border-box; | ||
text-align: left; | ||
`,Zo=r.default.div` | ||
`,nt=r.default.div` | ||
display: flex; | ||
@@ -556,9 +557,9 @@ width: 100%; | ||
font-weight: bold; | ||
`,qo=r.default.div` | ||
`,at=r.default.div` | ||
flex-basis: ${({theme:e})=>e.spacings.xhuge}; | ||
flex-grow: 0; | ||
padding-right: ${({theme:e})=>e.spacings.md}; | ||
`,et=r.default.div` | ||
`,lt=r.default.div` | ||
flex-grow: 1; | ||
`,ot=e=>l(Qo,v(w({},e),{children:u(Zo,{children:[l(qo,{children:e.id}),l(et,{children:e.name})]})})),I=r.default.span` | ||
`,dt=e=>i(it,H(m({},e),{children:f(nt,{children:[i(at,{children:e.id}),i(lt,{children:e.name})]})})),V=r.default.span` | ||
position: relative; | ||
@@ -592,4 +593,4 @@ width: ${({theme:e})=>e.checkBox.width}; | ||
} | ||
`,tt=r.default.label` | ||
${A} | ||
`,gt=r.default.label` | ||
${O} | ||
${({theme:e,disabled:o})=>o?`color: ${e.colors.neutral[300]};`:""} | ||
@@ -603,6 +604,6 @@ | ||
&:hover input ~ ${I} { | ||
&:hover input ~ ${V} { | ||
border-color: ${({theme:e})=>e.checkBox.checked.background}; | ||
} | ||
`,it=r.default.input` | ||
`,ct=r.default.input` | ||
position: absolute; | ||
@@ -616,3 +617,3 @@ width: 0; | ||
&:checked ~ ${I} { | ||
&:checked ~ ${V} { | ||
border-width: ${({theme:e})=>e.checkBox.checked.borderWidth}; | ||
@@ -626,5 +627,149 @@ border-style: ${({theme:e})=>e.checkBox.checked.borderStyle}; | ||
&:checked ~ ${I}:after { | ||
&:checked ~ ${V}:after { | ||
display: block; | ||
} | ||
`,rt=a=>{var n=a,{children:e,spaced:o}=n,t=j(n,["children","spaced"]);return u(tt,{disabled:t.disabled,spaced:o,children:[e,l(it,v(w({type:"checkbox"},t),{disabled:t.disabled})),l(I,{disabled:t.disabled})]})};i.Button=ae,i.CheckBox=rt,i.DisplayLarge=to,i.DisplaySmall=io,i.HeadingH1=ro,i.HeadingH2=no,i.HeadingH3=ao,i.HeadingH4=lo,i.HeadingH5=go,i.HeadingH6=po,i.InputBox=xe,i.OverlineLarge=bo,i.OverlineMedium=xo,i.OverlineSmall=uo,i.ParagraphLarge=so,i.ParagraphMedium=co,i.ParagraphSmall=ho,i.ParagraphXSmall=fo,i.Select=Po,i.SimpleItem=ue,i.TableHeader=ot,i.TableItem=Ko,i.darkTheme=oo,i.lightTheme=Q,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}); | ||
`,st=l=>{var a=l,{children:e,spaced:o}=a,t=R(a,["children","spaced"]);return f(gt,{disabled:t.disabled,spaced:o,children:[e,i(ct,H(m({type:"checkbox"},t),{disabled:t.disabled})),i(V,{disabled:t.disabled})]})},pt=r.default.div` | ||
display: flex; | ||
position: static; | ||
box-sizing: border-box; | ||
flex-direction: row; | ||
align-items: flex-start; | ||
padding: 12px 20px; | ||
border: 1px solid | ||
${({theme:e,status:o})=>e.alert[o||"neutral"].borderColor}; | ||
border-radius: 2px; | ||
background: ${({theme:e,status:o})=>e.alert[o||"neutral"].background}; | ||
color: ${({theme:e,status:o})=>e.alert[o||"neutral"].descriptionColor}; | ||
font-family: ${({theme:e})=>e.alert.fontFamily}; | ||
font-feature-settings: "salt" on; | ||
`,ke=r.default.div` | ||
display: flex; | ||
justify-content: center; | ||
color: ${({theme:e,status:o})=>e.alert[o||"neutral"].iconColor}; | ||
> * { | ||
cursor: pointer; | ||
} | ||
`,ht=r.default.div` | ||
display: flex; | ||
flex-direction: column; | ||
width: 100%; | ||
padding: 0px 10px; | ||
`,ut=r.default.div` | ||
display: flex; | ||
flex-direction: row; | ||
align-items: center; | ||
`,ft=r.default.span` | ||
height: ${({theme:e})=>e.alert.title.height}; | ||
color: ${({theme:e,status:o})=>e.alert[o||"neutral"].titleColor}; | ||
font-size: ${({theme:e})=>e.alert.title.fontSize}; | ||
font-weight: ${({theme:e})=>e.alert.title.fontWeight}; | ||
line-height: ${({theme:e})=>e.alert.title.lineWeight}; | ||
`,bt=r.default.span` | ||
margin: 8px 0px; | ||
font-size: ${({theme:e})=>e.alert.description.fontSize}; | ||
font-weight: ${({theme:e})=>e.alert.description.fontWeight}; | ||
line-height: ${({theme:e})=>e.alert.description.lineHeight}; | ||
`,xt=e=>f(pt,{status:e.status,children:[i(ke,{status:e.status,children:i(N.default,{path:F.mdiInformationOutline,size:.7})}),f(ht,{children:[i(ft,{status:e.status,children:e.title}),i(bt,{children:e.description}),f(ut,{children:[(e.status==="neutral"||!e.status)&&i(B,{onClick:()=>{e.onButtonClick&&e.onButtonClick()},buttonStyle:"outlined",variant:"primary",children:e.labelButton}),e.status==="primary"&&i(B,{onClick:()=>{e.onButtonClick&&e.onButtonClick()},buttonStyle:"primary",variant:"primary",children:e.labelButton}),e.status==="success"&&i(B,{onClick:()=>{e.onButtonClick&&e.onButtonClick()},buttonStyle:"primary",variant:"primary",children:e.labelButton}),e.status==="warning"&&i(B,{onClick:()=>{e.onButtonClick&&e.onButtonClick()},buttonStyle:"secondary",variant:"primary",children:e.labelButton}),e.status==="error"&&i(B,{onClick:()=>{e.onButtonClick&&e.onButtonClick()},buttonStyle:"primary",variant:"destructive",children:e.labelButton}),i(B,{buttonStyle:"tertiary",onClick:()=>{e.onHintClick&&e.onHintClick()},children:e.hint})]})]}),i(ke,{onClick:()=>{e.onCloseRequested()},status:e.status,children:i(N.default,{path:F.mdiClose,size:.7})})]}),yt=t=>{var l=t,{visible:e=!0}=l,o=R(l,["visible"]);const[a,d]=h.useState(e),k=()=>{try{o.onButtonClick&&o.onButtonClick(),d(!1)}catch{o.status="error"}},y=()=>{try{o.onHintClick&&o.onHintClick(),d(!1)}catch{o.status="error"}};return i(Ao,{children:a&&i(xt,H(m({},o),{onCloseRequested:()=>d(!1),onButtonClick:()=>{k()},onHintClick:()=>{y()}}))})};function we(e){return e>100?180:e<0?0:e*180/100}const mt=r.default.div` | ||
width: ${({theme:e})=>e.loader.size}; | ||
height: ${({theme:e})=>e.loader.size}; | ||
border-radius: 50%; | ||
background: ${({theme:e})=>e.loader.loaderColor.background}; | ||
`,G=r.default.div` | ||
position: absolute; | ||
width: ${({theme:e})=>e.loader.size}; | ||
height: ${({theme:e})=>e.loader.size}; | ||
border-radius: 50%; | ||
`,$t=r.default(G)` | ||
clip: rect( | ||
0px, | ||
${({theme:e})=>e.loader.size}, | ||
${({theme:e})=>e.loader.size}, | ||
calc(${({theme:e})=>e.loader.size} / 2) | ||
); | ||
transform: rotate( | ||
${({percentage:e})=>we(e)+"deg"} | ||
); | ||
`,kt=r.default(G)` | ||
clip: rect( | ||
0px, | ||
${({theme:e})=>e.loader.size}, | ||
${({theme:e})=>e.loader.size}, | ||
calc(${({theme:e})=>e.loader.size} / 2) | ||
); | ||
`,Se=r.default(G)` | ||
clip: rect( | ||
0px, | ||
calc(${({theme:e})=>e.loader.size} / 2), | ||
${({theme:e})=>e.loader.size}, | ||
0px | ||
); | ||
transform: rotate( | ||
${({percentage:e})=>we(e)+"deg"} | ||
); | ||
background-color: ${({theme:e})=>e.loader.loaderColor.loaderBar}; | ||
`,wt=r.default.div` | ||
position: absolute; | ||
width: calc(${({theme:e})=>e.loader.size} * 0.8); | ||
height: calc(${({theme:e})=>e.loader.size} * 0.8); | ||
margin-top: calc((${({theme:e})=>e.loader.size} * 0.2) / 2); | ||
margin-left: calc((${({theme:e})=>e.loader.size} * 0.2) / 2); | ||
border-radius: 50%; | ||
background: ${({theme:e})=>e.loader.background}; | ||
`,St=e=>i(mt,{children:f(G,{children:[i($t,{percentage:e.percentage,children:i(Se,{percentage:e.percentage})}),i(kt,{children:i(Se,{percentage:e.percentage})}),i(wt,{})]})}),Ht=r.default.div` | ||
position: relative; | ||
width: 100%; | ||
height: ${({theme:e,size:o})=>e.progressBar.sizes[o||"medium"]}; | ||
overflow: hidden; | ||
border-radius: ${({theme:e,size:o})=>e.progressBar.borderRadius[o||"medium"]}; | ||
background-color: ${({theme:e})=>e.progressBar.bgColor}; | ||
`,vt=r.default.div` | ||
position: absolute; | ||
width: ${e=>`${e.percentage}%`||"0%"}; | ||
height: ${({theme:e,size:o})=>e.progressBar.sizes[o||"medium"]}; | ||
border-radius: ${({theme:e,size:o})=>e.progressBar.borderRadius[o||"medium"]}; | ||
background-color: ${({theme:e})=>e.progressBar.barColor}; | ||
`,zt=e=>i(Ht,H(m({},e),{children:i(vt,m({},e))})),Ct=r.default.div` | ||
width: ${({theme:e})=>e.loader.size}; | ||
height: ${({theme:e})=>e.loader.size}; | ||
animation: spin 1.6s linear infinite; | ||
border: 4px solid ${({theme:e})=>e.loader.loaderColor.background}; | ||
border-radius: 50%; | ||
border-top-color: ${({theme:e})=>e.loader.loaderColor.loaderBar}; | ||
border-right-color: ${({theme:e})=>e.loader.loaderColor.loaderBar}; | ||
stroke-linecap: round; | ||
@keyframes spin { | ||
to { | ||
transform: rotate(1turn); | ||
} | ||
} | ||
`,Bt=r.default.div` | ||
display: flex; | ||
flex-flow: column; | ||
align-content: center; | ||
align-items: center; | ||
`,Ft=r.default.span` | ||
margin: 4px 0px; | ||
font-family: ${({theme:e})=>e.loader.fontFamily}; | ||
`,Dt=e=>f(Bt,{children:[i(Ct,{}),i(Ft,{children:e.message})]});n.Alert=yt,n.Button=B,n.CheckBox=st,n.DisplayLarge=go,n.DisplaySmall=co,n.HeadingH1=so,n.HeadingH2=po,n.HeadingH3=ho,n.HeadingH4=uo,n.HeadingH5=fo,n.HeadingH6=bo,n.InputBox=me,n.Loader=Dt,n.OverlineLarge=ko,n.OverlineMedium=wo,n.OverlineSmall=So,n.ParagraphLarge=xo,n.ParagraphMedium=yo,n.ParagraphSmall=mo,n.ParagraphXSmall=$o,n.ProgressBar=zt,n.ProgressLoader=St,n.Select=Qo,n.SimpleItem=$e,n.TableHeader=dt,n.TableItem=rt,n.darkTheme=lo,n.lightTheme=oe,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}); |
@@ -15,1 +15,7 @@ export { light as lightTheme } from "./theme"; | ||
export type { CheckBoxProps } from "./components/CheckBox"; | ||
export { default as Alert } from "./components/Alert"; | ||
export type { AlertProps } from "./components/Alert"; | ||
export { default as ProgressLoader } from "./components/Loader/ProgressLoader"; | ||
export { default as ProgressBar } from "./components/Loader/ProgressBar"; | ||
export { default as Loader } from "./components/Loader/Loader"; | ||
export type { ProgressLoaderProps, ProgressBarProps, LoaderProps, } from "./components/Loader/Loader.types"; |
@@ -144,2 +144,3 @@ import * as CSS from "csstype"; | ||
contentColor: CSS.Property.Color; | ||
textDecorationLine?: CSS.Property.TextDecorationLine; | ||
} | ||
@@ -295,2 +296,45 @@ export interface ButtonVariant { | ||
} | ||
interface AlertColor { | ||
descriptionColor: CSS.Property.Color; | ||
background: CSS.Property.Background; | ||
borderColor: CSS.Property.Color; | ||
iconColor: CSS.Property.Color; | ||
titleColor: CSS.Property.Color; | ||
} | ||
export interface Alert { | ||
neutral: AlertColor; | ||
primary: AlertColor; | ||
warning: AlertColor; | ||
success: AlertColor; | ||
error: AlertColor; | ||
title: { | ||
fontSize: CSS.Property.FontSize; | ||
fontWeight: CSS.Property.FontWeight; | ||
lineHeight: CSS.Property.LineHeight; | ||
height: CSS.Property.Height; | ||
}; | ||
description: { | ||
fontSize: CSS.Property.FontSize; | ||
fontWeight: CSS.Property.FontWeight; | ||
lineHeight: CSS.Property.LineHeight; | ||
height: CSS.Property.Height; | ||
}; | ||
fontFamily: CSS.Property.FontFamily; | ||
} | ||
export interface ProgressBar { | ||
barColor: CSS.Property.Color; | ||
bgColor: CSS.Property.Color; | ||
sizes: { | ||
small: CSS.Property.Width; | ||
medium: CSS.Property.Width; | ||
large: CSS.Property.Width; | ||
xLarge: CSS.Property.Width; | ||
}; | ||
borderRadius: { | ||
small: CSS.Property.Width; | ||
medium: CSS.Property.Width; | ||
large: CSS.Property.Width; | ||
xLarge: CSS.Property.Width; | ||
}; | ||
} | ||
export default interface Theme { | ||
@@ -313,3 +357,5 @@ breakpoints: { | ||
loader: Loader; | ||
alert: Alert; | ||
progressBar: ProgressBar; | ||
} | ||
export {}; |
@@ -17,3 +17,3 @@ { | ||
}, | ||
"version": "5.2.0", | ||
"version": "5.3.0", | ||
"scripts": { | ||
@@ -20,0 +20,0 @@ "build": "tsc --noEmit && vite build", |
Sorry, the diff of this file is too big to display
796344
44
3657