Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@logrock/pebbles
Advanced tools
@logrock/pebbles - npm Package Compare versions
Comparing version 5.9.0 to 5.9.1
| /// <reference types="react" /> | ||
| import { BaseItemType, SelectProps } from "./Select.types"; | ||
| declare const Select: <ItemType extends BaseItemType>({ autoCompleteItems, renderItem, inputProps, renderHeader, onItemSelected, spaced, }: SelectProps<ItemType>) => JSX.Element; | ||
| declare const Select: <ItemType extends BaseItemType>({ autoCompleteItems, renderItem, inputProps, renderHeader, onItemSelected, spaced, ...props }: SelectProps<ItemType>) => JSX.Element; | ||
| export default Select; |
@@ -29,2 +29,2 @@ import React, { FC } from "react"; | ||
| spaced?: boolean; | ||
| }; | ||
| } & React.HTMLAttributes<HTMLDivElement>; |
@@ -1,2 +0,2 @@ | ||
| var ot=Object.defineProperty,rt=Object.defineProperties;var tt=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var Ae=Object.prototype.hasOwnProperty,Re=Object.prototype.propertyIsEnumerable;var Ee=(n,c,s)=>c in n?ot(n,c,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[c]=s,w=(n,c)=>{for(var s in c||(c={}))Ae.call(c,s)&&Ee(n,s,c[s]);if(G)for(var s of G(c))Re.call(c,s)&&Ee(n,s,c[s]);return n},z=(n,c)=>rt(n,tt(c));var R=(n,c)=>{var s={};for(var $ in n)Ae.call(n,$)&&c.indexOf($)<0&&(s[$]=n[$]);if(n!=null&&G)for(var $ of G(n))c.indexOf($)<0&&Re.call(n,$)&&(s[$]=n[$]);return s};(function(n,c){typeof exports=="object"&&typeof module!="undefined"?c(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"],c):(n=typeof globalThis!="undefined"?globalThis:n||self,c(n["@logrock/pebbles"]={},n["styled-breakpoints"],n.styled,n.React,n.mdijs,n.Icon))})(this,function(n,c,s,$,O,X){"use strict";function J(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var t=J(s),We=J($),K=J(X);const p={"50":"#F9FAFB","100":"#F3F4F6","200":"#E5E7EB","300":"#D1D5DB","400":"#9CA3AF","500":"#6B7280","600":"#4B5563","700":"#374151","800":"#1F2937","900":"#111827"},h={"50":"#FDF5E1","100":"#F9E0A5","200":"#F7D586","300":"#F5CB68","400":"#F1B72C","500":"#F1B72C","600":"#E6A50F","700":"#C08A0C","800":"#996E0A","900":"#735307"},je={"50":"#DCE6FD","100":"#B9CCFB","200":"#96B3F8","300":"#729AF6","400":"#4F81F4","500":"#2C67F1","600":"#0E4DE0","700":"#0B3EB3","800":"#092E86","900":"#061F59"},I={"50":"#F0FDF4","100":"#DCFCE7","200":"#BBF7D0","300":"#86EFAC","400":"#4ADE80","500":"#22C55E","600":"#16A34A","700":"#15803D","800":"#166534","900":"#14532D"},T={"50":"#FEF1DC","100":"#FBD696","200":"#F9C873","300":"#F8BA50","400":"#F6AD2D","500":"#F59E0B","600":"#DF9009","700":"#B27307","800":"#9C6506","900":"#593A04"},S={"50":"#FEF2F2","100":"#FEE2E2","200":"#FECACA","300":"#FCA5A5","400":"#F87171","500":"#EF4444","600":"#DC2626","700":"#B91C1C","800":"#991B1B","900":"#7F1D1D"},B={"0":"#FFFFFF","100":"#000000"},Me={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"}},Oe={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"}},Ie={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"}},Te={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"}},_e={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"}},Xe={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"}},Ne={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"}},Pe={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"}},q={fontFamily:"Archivo, sans-serif",fontSize:"18px",lineHeight:"28px",weights:{normal:400,bold:500,bolder:600}},ee={fontFamily:"Archivo, sans-serif",fontSize:"16px",lineHeight:"24px",weights:{normal:400,bold:500,bolder:600}},oe={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Ue={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Ve={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Ye={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Ge={fontFamily:"Archivo, sans-serif",fontSize:"11px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Je={background:"linear-gradient(98.41deg, #FF5F6D 0%, #FFC371 100%)"},Ke={background:"linear-gradient(98.41deg, #16BFFD 0%, #CB3066 100%)"},Qe={background:"linear-gradient(98.41deg, #EECDA3 0%, #EF629F 100%)"},Ze={background:"linear-gradient(98.41deg, #4CA1AF 0%, #C4E0E5 100%)"},qe={background:"linear-gradient(98.41deg, #F1F2B5 0%, #135058 100%, #135058 100%)"},eo={background:"linear-gradient(98.41deg, #FF6E7F 0%, #BFE9FF 100%)"},oo={background:"linear-gradient(98.41deg, #1D2B64 0%, #F8CDDA 100%)"},ro={background:"linear-gradient(98.41deg, #FC00FF 0%, #00B6DE 100%)"},to={background:"linear-gradient(98.41deg, #02AAB0 0%, #00CDAC 100%)"},io={background:"linear-gradient(98.41deg, #4568DC 0%, #B06AB3 100%)"},g={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"},C={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)"},re={primary:{background:h["500"],borderColor:h["500"],borderWidth:0,contentColor:B["100"],boxShadow:C.small,filter:"drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))"},secondary:{background:h["200"],borderColor:h["200"],borderWidth:0,contentColor:B["100"],boxShadow:C.small,filter:"drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))"},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:h["800"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:h["500"],borderWidth:"1px",contentColor:h["500"]}},te={primary:{background:S["500"],borderColor:S["500"],borderWidth:0,contentColor:B["0"],boxShadow:C.small,filter:"drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))"},secondary:{background:S["50"],borderColor:S["50"],borderWidth:0,contentColor:S["600"],boxShadow:C.small,filter:"drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))"},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:S["600"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:S["300"],borderWidth:"1px",contentColor:S["500"]}},ie={primary:{background:p["200"],borderColor:p["200"],borderWidth:0,contentColor:p["400"],boxShadow:C.small,filter:"drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))"},secondary:{background:p["200"],borderColor:p["200"],borderWidth:0,contentColor:p["400"],boxShadow:C.small,filter:"drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))"},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:p["300"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:p["400"],borderWidth:"1px",contentColor:p["300"]}},no={primary:{background:h["500"],borderColor:h["500"],borderWidth:0,contentColor:B["100"],borderRadius:"100px",boxShadow:C.small,filter:"drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))"},secondary:{background:h["200"],borderColor:h["200"],borderWidth:0,contentColor:B["100"],borderRadius:"100px",boxShadow:C.small,filter:"drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))"},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:h["800"],textDecorationLine:"underline",borderRadius:"100px"},outlined:{background:"transparent",borderColor:h["500"],borderWidth:"1px",contentColor:h["500"],borderRadius:"100px"}},ao={fontFamily:"Archivo, sans-serif",fontWeight:500,outline:`3px solid ${h[200]}`,regular:{xSmall:{borderRadius:"6px",fontSize:"14px",iconPadding:g.xxsm,horizontalPadding:"10px",verticalPadding:"6px"},small:{borderRadius:"6px",fontSize:"14px",iconPadding:g.xxsm,horizontalPadding:g.md,verticalPadding:g.xsm},medium:{borderRadius:"6px",fontSize:"16px",iconPadding:g.xxsm,horizontalPadding:g.big,verticalPadding:g.xsm},large:{borderRadius:"6px",fontSize:"18px",iconPadding:g.xxsm,horizontalPadding:g.xbig,verticalPadding:"14px"},primary:re,destructive:te,disabled:ie,rounded:no},icon:{xSmall:{borderRadius:"6px",size:"14px",horizontalPadding:"11px",verticalPadding:"10px"},small:{borderRadius:"6px",size:"14px",horizontalPadding:"13px",verticalPadding:"14px"},medium:{borderRadius:"6px",size:g.md,horizontalPadding:"14px",verticalPadding:g.md},large:{borderRadius:"6px",size:g.md,horizontalPadding:g.md,verticalPadding:"22px"},primary:re,destructive:te,disabled:ie}},lo={spacing:g.xxbig,fontFamily:"Archivo",fontWeight:"normal",fontStyle:"normal",fontSize:g.md,lineHeight:g.xbig,fontFeatureSettings:"'salt' on",padding:`10px ${g.sm}`,boxSizing:"border-box",boxShadow:C.xSmall,borderRadius:"2px",border:"1px solid #D1D5DB",margin:`${g.xsm} 0px`,background:"white",height:"50px",width:"100%",error:{color:S[900],border:`1px solid ${S[300]}`,boxShadow:C.xSmall,hintColor:p[500],helperColor:S["600"],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px ${g.xxsm} ${S["100"]}`,borderRadius:"2px",border:`1px solid ${S["300"]}`}},info:{color:p[900],border:"1px solid #D1D5DB",boxShadow:C.xSmall,hintColor:p[500],helperColor:p[500],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${h["100"]}`,borderRadius:"2px",border:`1px solid ${h["300"]}`}},label:{color:"black",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontWeight:500},helper:{fontStyle:"normal",fontSize:"14px",lineHeight:"20px",fontWeight:500,margin:g.xsm},disabled:{boxSizing:"border-box",boxShadow:C.xSmall,borderRadius:"2px",border:`1px solid ${p["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:p[400]}},so={items:{hover:{background:h["50"]},shadow:"1px 1px 2px rgba(0, 0, 0, 0.3)"}},go={checkMark:{color:B[0],width:"3px",height:"6px",left:"5px",top:"2px"},width:g.md,height:g.md,marginRight:g.sm,default:{background:B[0],borderColor:p[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"},checked:{background:h["500"],borderColor:h["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"}},co={fontFamily:"Archivo",size:"50px",background:"white",loaderColor:{loaderBar:h[500],background:h[50]}},po={neutral:{background:p[50],borderColor:p[200],titleColor:p[800],descriptionColor:p[700],iconColor:p[500]},primary:{background:h[50],borderColor:h[600],titleColor:h[900],descriptionColor:p[700],iconColor:h[600]},success:{background:I[50],borderColor:I[200],titleColor:I[800],descriptionColor:I[700],iconColor:I[500]},warning:{background:T[50],borderColor:T[200],titleColor:T[800],descriptionColor:T[700],iconColor:T[500]},error:{background:S[50],borderColor:S[200],titleColor:S[800],descriptionColor:S[700],iconColor:S[500]},title:{fontWeight:"600",fontSize:"18px",lineHeight:"24px",height:"24px"},description:{fontWeight:"400",fontSize:"18px",lineHeight:"20px",height:"20px"},fontFamily:"Archivo",borderRadius:g.sm},ho={barColor:h[500],bgColor:p[100],sizes:{small:"8px",medium:"16px",large:"24px",xLarge:"32px"},borderRadius:{small:"16px",medium:"32px",large:"48px",xLarge:"64px"}},uo={item:{paddingY:g.sm,paddingX:g.xbig,internalPadding:g.big,margin:g.xxxbig,shadow:C.small,background:{regular:B[0],hover:p[50],active:p[100]},borderRadius:g.xxsm,label:{color:p[500],weight:400},description:{color:p[900],weight:500},large:{typography:q},medium:{typography:ee},small:{typography:oe}}},bo={indicator:{color:B[0],width:"22px",height:"22px",left1:"1px",left2:"16px",top:"1px"},width:"39px",height:"24px",borderRadius:"28px",marginRight:g.sm,default:{background:p[300],borderColor:p[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"48px"},checked:{background:h["500"],borderColor:h["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"48px"}},ne={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:g,colors:{neutral:p,primary:h,secondary:je,error:S,success:I,warning:T,shades:B},typography:{displayLarge:Me,displaySmall:Oe,headingH1:Ie,headingH2:Te,headingH3:_e,headingH4:Xe,headingH5:Ne,headingH6:Pe,paragraphLarge:q,paragraphMedium:ee,paragraphSmall:oe,paragraphXSmall:Ue,overlineLarge:Ve,overlineMedium:Ye,overlineSmall:Ge},shadows:C,blurs:{none:"0",small:"8px",medium:"16px",large:"24px",xLarge:"40px"},gradients:{sunburst:Je,blueMoon:oo,blueberryWine:io,cherryCola:Qe,coldSky:Ze,darkWineSea:Ke,morningSakura:eo,oliveGarden:qe,synthwave:ro,teaLeaves:to},buttons:ao,inputBox:lo,select:so,checkBox:go,loader:co,alert:po,progressBar:ho,list:uo,toggle:bo},fo=z(w({},ne),{name:"dark"}),N=({underlined:e,strikedThrough:o})=>{const r=[];return e&&r.push("underline"),o&&r.push("line-through"),r.join(" ")},xo=t.default.h1` | ||
| var it=Object.defineProperty,nt=Object.defineProperties;var at=Object.getOwnPropertyDescriptors;var K=Object.getOwnPropertySymbols;var je=Object.prototype.hasOwnProperty,Me=Object.prototype.propertyIsEnumerable;var We=(n,c,s)=>c in n?it(n,c,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[c]=s,$=(n,c)=>{for(var s in c||(c={}))je.call(c,s)&&We(n,s,c[s]);if(K)for(var s of K(c))Me.call(c,s)&&We(n,s,c[s]);return n},v=(n,c)=>nt(n,at(c));var L=(n,c)=>{var s={};for(var x in n)je.call(n,x)&&c.indexOf(x)<0&&(s[x]=n[x]);if(n!=null&&K)for(var x of K(n))c.indexOf(x)<0&&Me.call(n,x)&&(s[x]=n[x]);return s};(function(n,c){typeof exports=="object"&&typeof module!="undefined"?c(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"],c):(n=typeof globalThis!="undefined"?globalThis:n||self,c(n["@logrock/pebbles"]={},n["styled-breakpoints"],n.styled,n.React,n.mdijs,n.Icon))})(this,function(n,c,s,x,T,P){"use strict";function Q(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var t=Q(s),Oe=Q(x),Z=Q(P);const p={"50":"#F9FAFB","100":"#F3F4F6","200":"#E5E7EB","300":"#D1D5DB","400":"#9CA3AF","500":"#6B7280","600":"#4B5563","700":"#374151","800":"#1F2937","900":"#111827"},h={"50":"#FDF5E1","100":"#F9E0A5","200":"#F7D586","300":"#F5CB68","400":"#F1B72C","500":"#F1B72C","600":"#E6A50F","700":"#C08A0C","800":"#996E0A","900":"#735307"},Ie={"50":"#DCE6FD","100":"#B9CCFB","200":"#96B3F8","300":"#729AF6","400":"#4F81F4","500":"#2C67F1","600":"#0E4DE0","700":"#0B3EB3","800":"#092E86","900":"#061F59"},_={"50":"#F0FDF4","100":"#DCFCE7","200":"#BBF7D0","300":"#86EFAC","400":"#4ADE80","500":"#22C55E","600":"#16A34A","700":"#15803D","800":"#166534","900":"#14532D"},X={"50":"#FEF1DC","100":"#FBD696","200":"#F9C873","300":"#F8BA50","400":"#F6AD2D","500":"#F59E0B","600":"#DF9009","700":"#B27307","800":"#9C6506","900":"#593A04"},k={"50":"#FEF2F2","100":"#FEE2E2","200":"#FECACA","300":"#FCA5A5","400":"#F87171","500":"#EF4444","600":"#DC2626","700":"#B91C1C","800":"#991B1B","900":"#7F1D1D"},D={"0":"#FFFFFF","100":"#000000"},Te={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"}},_e={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"}},Xe={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"}},Ne={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"}},Pe={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"}},Ue={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"}},Ve={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"}},Ye={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"}},oe={fontFamily:"Archivo, sans-serif",fontSize:"18px",lineHeight:"28px",weights:{normal:400,bold:500,bolder:600}},re={fontFamily:"Archivo, sans-serif",fontSize:"16px",lineHeight:"24px",weights:{normal:400,bold:500,bolder:600}},te={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Ge={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"},Ke={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Qe={fontFamily:"Archivo, sans-serif",fontSize:"11px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Ze={background:"linear-gradient(98.41deg, #FF5F6D 0%, #FFC371 100%)"},qe={background:"linear-gradient(98.41deg, #16BFFD 0%, #CB3066 100%)"},eo={background:"linear-gradient(98.41deg, #EECDA3 0%, #EF629F 100%)"},oo={background:"linear-gradient(98.41deg, #4CA1AF 0%, #C4E0E5 100%)"},ro={background:"linear-gradient(98.41deg, #F1F2B5 0%, #135058 100%, #135058 100%)"},to={background:"linear-gradient(98.41deg, #FF6E7F 0%, #BFE9FF 100%)"},io={background:"linear-gradient(98.41deg, #1D2B64 0%, #F8CDDA 100%)"},no={background:"linear-gradient(98.41deg, #FC00FF 0%, #00B6DE 100%)"},ao={background:"linear-gradient(98.41deg, #02AAB0 0%, #00CDAC 100%)"},lo={background:"linear-gradient(98.41deg, #4568DC 0%, #B06AB3 100%)"},g={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"},z={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)"},ie={primary:{background:h["500"],borderColor:h["500"],borderWidth:0,contentColor:D["100"],boxShadow:z.small,filter:"drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))"},secondary:{background:h["200"],borderColor:h["200"],borderWidth:0,contentColor:D["100"],boxShadow:z.small,filter:"drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))"},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:h["800"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:h["500"],borderWidth:"1px",contentColor:h["500"]}},ne={primary:{background:k["500"],borderColor:k["500"],borderWidth:0,contentColor:D["0"],boxShadow:z.small,filter:"drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))"},secondary:{background:k["50"],borderColor:k["50"],borderWidth:0,contentColor:k["600"],boxShadow:z.small,filter:"drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))"},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:k["600"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:k["300"],borderWidth:"1px",contentColor:k["500"]}},ae={primary:{background:p["200"],borderColor:p["200"],borderWidth:0,contentColor:p["400"],boxShadow:z.small,filter:"drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))"},secondary:{background:p["200"],borderColor:p["200"],borderWidth:0,contentColor:p["400"],boxShadow:z.small,filter:"drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))"},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:p["300"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:p["400"],borderWidth:"1px",contentColor:p["300"]}},so={primary:{background:h["500"],borderColor:h["500"],borderWidth:0,contentColor:D["100"],borderRadius:"100px",boxShadow:z.small,filter:"drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))"},secondary:{background:h["200"],borderColor:h["200"],borderWidth:0,contentColor:D["100"],borderRadius:"100px",boxShadow:z.small,filter:"drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1))"},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:h["800"],textDecorationLine:"underline",borderRadius:"100px"},outlined:{background:"transparent",borderColor:h["500"],borderWidth:"1px",contentColor:h["500"],borderRadius:"100px"}},go={fontFamily:"Archivo, sans-serif",fontWeight:500,outline:`3px solid ${h[200]}`,regular:{xSmall:{borderRadius:"6px",fontSize:"14px",iconPadding:g.xxsm,horizontalPadding:"10px",verticalPadding:"6px"},small:{borderRadius:"6px",fontSize:"14px",iconPadding:g.xxsm,horizontalPadding:g.md,verticalPadding:g.xsm},medium:{borderRadius:"6px",fontSize:"16px",iconPadding:g.xxsm,horizontalPadding:g.big,verticalPadding:g.xsm},large:{borderRadius:"6px",fontSize:"18px",iconPadding:g.xxsm,horizontalPadding:g.xbig,verticalPadding:"14px"},primary:ie,destructive:ne,disabled:ae,rounded:so},icon:{xSmall:{borderRadius:"6px",size:"14px",horizontalPadding:"11px",verticalPadding:"10px"},small:{borderRadius:"6px",size:"14px",horizontalPadding:"13px",verticalPadding:"14px"},medium:{borderRadius:"6px",size:g.md,horizontalPadding:"14px",verticalPadding:g.md},large:{borderRadius:"6px",size:g.md,horizontalPadding:g.md,verticalPadding:"22px"},primary:ie,destructive:ne,disabled:ae}},co={spacing:g.xxbig,fontFamily:"Archivo",fontWeight:"normal",fontStyle:"normal",fontSize:g.md,lineHeight:g.xbig,fontFeatureSettings:"'salt' on",padding:`10px ${g.sm}`,boxSizing:"border-box",boxShadow:z.xSmall,borderRadius:"2px",border:"1px solid #D1D5DB",margin:`${g.xsm} 0px`,background:"white",height:"50px",width:"100%",error:{color:k[900],border:`1px solid ${k[300]}`,boxShadow:z.xSmall,hintColor:p[500],helperColor:k["600"],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px ${g.xxsm} ${k["100"]}`,borderRadius:"2px",border:`1px solid ${k["300"]}`}},info:{color:p[900],border:"1px solid #D1D5DB",boxShadow:z.xSmall,hintColor:p[500],helperColor:p[500],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${h["100"]}`,borderRadius:"2px",border:`1px solid ${h["300"]}`}},label:{color:"black",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontWeight:500},helper:{fontStyle:"normal",fontSize:"14px",lineHeight:"20px",fontWeight:500,margin:g.xsm},disabled:{boxSizing:"border-box",boxShadow:z.xSmall,borderRadius:"2px",border:`1px solid ${p["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:p[400]}},po={items:{hover:{background:h["50"]},shadow:"1px 1px 2px rgba(0, 0, 0, 0.3)"}},ho={checkMark:{color:D[0],width:"3px",height:"6px",left:"5px",top:"2px"},width:g.md,height:g.md,marginRight:g.sm,default:{background:D[0],borderColor:p[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"},checked:{background:h["500"],borderColor:h["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"}},uo={fontFamily:"Archivo",size:"50px",background:"white",loaderColor:{loaderBar:h[500],background:h[50]}},bo={neutral:{background:p[50],borderColor:p[200],titleColor:p[800],descriptionColor:p[700],iconColor:p[500]},primary:{background:h[50],borderColor:h[600],titleColor:h[900],descriptionColor:p[700],iconColor:h[600]},success:{background:_[50],borderColor:_[200],titleColor:_[800],descriptionColor:_[700],iconColor:_[500]},warning:{background:X[50],borderColor:X[200],titleColor:X[800],descriptionColor:X[700],iconColor:X[500]},error:{background:k[50],borderColor:k[200],titleColor:k[800],descriptionColor:k[700],iconColor:k[500]},title:{fontWeight:"600",fontSize:"18px",lineHeight:"24px",height:"24px"},description:{fontWeight:"400",fontSize:"18px",lineHeight:"20px",height:"20px"},fontFamily:"Archivo",borderRadius:g.sm},fo={barColor:h[500],bgColor:p[100],sizes:{small:"8px",medium:"16px",large:"24px",xLarge:"32px"},borderRadius:{small:"16px",medium:"32px",large:"48px",xLarge:"64px"}},xo={item:{paddingY:g.sm,paddingX:g.xbig,internalPadding:g.big,margin:g.xxxbig,shadow:z.small,background:{regular:D[0],hover:p[50],active:p[100]},borderRadius:g.xxsm,label:{color:p[500],weight:400},description:{color:p[900],weight:500},large:{typography:oe},medium:{typography:re},small:{typography:te}}},mo={indicator:{color:D[0],width:"22px",height:"22px",left1:"1px",left2:"16px",top:"1px"},width:"39px",height:"24px",borderRadius:"28px",marginRight:g.sm,default:{background:p[300],borderColor:p[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"48px"},checked:{background:h["500"],borderColor:h["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"48px"}},le={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:g,colors:{neutral:p,primary:h,secondary:Ie,error:k,success:_,warning:X,shades:D},typography:{displayLarge:Te,displaySmall:_e,headingH1:Xe,headingH2:Ne,headingH3:Pe,headingH4:Ue,headingH5:Ve,headingH6:Ye,paragraphLarge:oe,paragraphMedium:re,paragraphSmall:te,paragraphXSmall:Ge,overlineLarge:Je,overlineMedium:Ke,overlineSmall:Qe},shadows:z,blurs:{none:"0",small:"8px",medium:"16px",large:"24px",xLarge:"40px"},gradients:{sunburst:Ze,blueMoon:io,blueberryWine:lo,cherryCola:eo,coldSky:oo,darkWineSea:qe,morningSakura:to,oliveGarden:ro,synthwave:no,teaLeaves:ao},buttons:go,inputBox:co,select:po,checkBox:ho,loader:uo,alert:bo,progressBar:fo,list:xo,toggle:mo},yo=v($({},le),{name:"dark"}),U=({underlined:e,strikedThrough:o})=>{const r=[];return e&&r.push("underline"),o&&r.push("line-through"),r.join(" ")},$o=t.default.h1` | ||
| margin: 0; | ||
@@ -17,3 +17,3 @@ | ||
| } | ||
| `,mo=t.default.h2` | ||
| `,ko=t.default.h2` | ||
| margin: 0; | ||
@@ -34,3 +34,3 @@ | ||
| } | ||
| `,yo=t.default.h1` | ||
| `,wo=t.default.h1` | ||
| margin: 0; | ||
@@ -51,3 +51,3 @@ | ||
| } | ||
| `,$o=t.default.h2` | ||
| `,So=t.default.h2` | ||
| margin: 0; | ||
@@ -68,3 +68,3 @@ | ||
| } | ||
| `,ko=t.default.h3` | ||
| `,vo=t.default.h3` | ||
| margin: 0; | ||
@@ -85,3 +85,3 @@ | ||
| } | ||
| `,wo=t.default.h4` | ||
| `,Ho=t.default.h4` | ||
| margin: 0; | ||
@@ -102,3 +102,3 @@ | ||
| } | ||
| `,So=t.default.h5` | ||
| `,zo=t.default.h5` | ||
| margin: 0; | ||
@@ -119,3 +119,3 @@ | ||
| } | ||
| `,vo=t.default.h6` | ||
| `,Co=t.default.h6` | ||
| margin: 0; | ||
@@ -136,3 +136,3 @@ | ||
| } | ||
| `,Ho=t.default.p` | ||
| `,Fo=t.default.p` | ||
| margin: 0; | ||
@@ -146,4 +146,4 @@ | ||
| line-height: ${({theme:e})=>e.typography.paragraphLarge.lineHeight}; | ||
| text-decoration: ${N}; | ||
| `,W=s.css` | ||
| text-decoration: ${U}; | ||
| `,A=s.css` | ||
| margin: 0; | ||
@@ -157,6 +157,6 @@ | ||
| line-height: ${({theme:e})=>e.typography.paragraphMedium.lineHeight}; | ||
| text-decoration: ${N}; | ||
| `,zo=t.default.p` | ||
| ${W} | ||
| `,Co=t.default.p` | ||
| text-decoration: ${U}; | ||
| `,Bo=t.default.p` | ||
| ${A} | ||
| `,Lo=t.default.p` | ||
| margin: 0; | ||
@@ -170,4 +170,4 @@ | ||
| line-height: ${({theme:e})=>e.typography.paragraphSmall.lineHeight}; | ||
| text-decoration: ${N}; | ||
| `,Fo=t.default.p` | ||
| text-decoration: ${U}; | ||
| `,Do=t.default.p` | ||
| margin: 0; | ||
@@ -181,4 +181,4 @@ | ||
| line-height: ${({theme:e})=>e.typography.paragraphXSmall.lineHeight}; | ||
| text-decoration: ${N}; | ||
| `,Bo=t.default.p` | ||
| text-decoration: ${U}; | ||
| `,Eo=t.default.p` | ||
| margin: 0; | ||
@@ -193,3 +193,3 @@ | ||
| text-transform: uppercase; | ||
| `,Lo=t.default.p` | ||
| `,Ao=t.default.p` | ||
| margin: 0; | ||
@@ -204,3 +204,3 @@ | ||
| text-transform: uppercase; | ||
| `,Do=t.default.p` | ||
| `,Ro=t.default.p` | ||
| margin: 0; | ||
@@ -215,7 +215,7 @@ | ||
| text-transform: uppercase; | ||
| `;var Q={exports:{}},_={};/* | ||
| `;var q={exports:{}},N={};/* | ||
| object-assign | ||
| (c) Sindre Sorhus | ||
| @license MIT | ||
| */var ae=Object.getOwnPropertySymbols,Eo=Object.prototype.hasOwnProperty,Ao=Object.prototype.propertyIsEnumerable;function Ro(e){if(e==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function Wo(){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={},r=0;r<10;r++)o["_"+String.fromCharCode(r)]=r;var a=Object.getOwnPropertyNames(o).map(function(d){return o[d]});if(a.join("")!=="0123456789")return!1;var l={};return"abcdefghijklmnopqrst".split("").forEach(function(d){l[d]=d}),Object.keys(Object.assign({},l)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}Wo();/** @license React v17.0.2 | ||
| */var de=Object.getOwnPropertySymbols,Wo=Object.prototype.hasOwnProperty,jo=Object.prototype.propertyIsEnumerable;function Mo(e){if(e==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function Oo(){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={},r=0;r<10;r++)o["_"+String.fromCharCode(r)]=r;var a=Object.getOwnPropertyNames(o).map(function(d){return o[d]});if(a.join("")!=="0123456789")return!1;var l={};return"abcdefghijklmnopqrst".split("").forEach(function(d){l[d]=d}),Object.keys(Object.assign({},l)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}Oo();/** @license React v17.0.2 | ||
| * react-jsx-runtime.production.min.js | ||
@@ -227,3 +227,3 @@ * | ||
| * LICENSE file in the root directory of this source tree. | ||
| */var jo=We.default,le=60103;if(_.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var de=Symbol.for;le=de("react.element"),_.Fragment=de("react.fragment")}var Mo=jo.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Oo=Object.prototype.hasOwnProperty,Io={key:!0,ref:!0,__self:!0,__source:!0};function se(e,o,r){var a,l={},d=null,k=null;r!==void 0&&(d=""+r),o.key!==void 0&&(d=""+o.key),o.ref!==void 0&&(k=o.ref);for(a in o)Oo.call(o,a)&&!Io.hasOwnProperty(a)&&(l[a]=o[a]);if(e&&e.defaultProps)for(a in o=e.defaultProps,o)l[a]===void 0&&(l[a]=o[a]);return{$$typeof:le,type:e,key:d,ref:k,props:l,_owner:Mo.current}}_.jsx=se,_.jsxs=se,Q.exports=_;const i=Q.exports.jsx,b=Q.exports.jsxs,ge=s.css` | ||
| */var Io=Oe.default,se=60103;if(N.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var ge=Symbol.for;se=ge("react.element"),N.Fragment=ge("react.fragment")}var To=Io.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,_o=Object.prototype.hasOwnProperty,Xo={key:!0,ref:!0,__self:!0,__source:!0};function ce(e,o,r){var a,l={},d=null,y=null;r!==void 0&&(d=""+r),o.key!==void 0&&(d=""+o.key),o.ref!==void 0&&(y=o.ref);for(a in o)_o.call(o,a)&&!Xo.hasOwnProperty(a)&&(l[a]=o[a]);if(e&&e.defaultProps)for(a in o=e.defaultProps,o)l[a]===void 0&&(l[a]=o[a]);return{$$typeof:se,type:e,key:d,ref:y,props:l,_owner:To.current}}N.jsx=ce,N.jsxs=ce,q.exports=N;const i=q.exports.jsx,b=q.exports.jsxs,pe=s.css` | ||
| display: flex; | ||
@@ -250,7 +250,7 @@ flex-flow: row nowrap; | ||
| } | ||
| `,ce=s.css` | ||
| `,he=s.css` | ||
| display: flex; | ||
| flex-flow: row nowrap; | ||
| align-items: center; | ||
| `,To=s.css` | ||
| `,No=s.css` | ||
| ${({buttonSize:e,variant:o,buttonStyle:r,theme:a})=>s.css` | ||
@@ -267,3 +267,3 @@ padding: ${a.buttons.regular[e||"medium"].verticalPadding} | ||
| `} | ||
| `,pe=s.css` | ||
| `,ue=s.css` | ||
| ${({theme:e,buttonStyle:o})=>s.css` | ||
@@ -276,3 +276,3 @@ border-width: ${e.buttons.regular.disabled[o||"primary"].borderWidth}; | ||
| `} | ||
| `,he=s.css` | ||
| `,be=s.css` | ||
| ${({theme:e,buttonStyle:o,variant:r})=>s.css` | ||
@@ -287,18 +287,18 @@ border-width: ${e.buttons.regular[r||"primary"][o||"primary"].borderWidth}; | ||
| `} | ||
| `,_o=t.default.button` | ||
| ${ge} | ||
| ${To} | ||
| `,Po=t.default.button` | ||
| ${pe} | ||
| ${No} | ||
| ${({disabled:e})=>e?pe:he} | ||
| `,Xo=s.css` | ||
| ${({disabled:e})=>e?ue:be} | ||
| `,Uo=s.css` | ||
| margin-right: ${({theme:e,buttonSize:o})=>e.buttons.regular[o||"medium"].iconPadding}; | ||
| `,No=t.default.div` | ||
| ${ce} | ||
| ${Xo} | ||
| `,Po=s.css` | ||
| `,Vo=t.default.div` | ||
| ${he} | ||
| ${Uo} | ||
| `,Yo=s.css` | ||
| margin-left: ${({theme:e,buttonSize:o})=>e.buttons.regular[o||"medium"].iconPadding}; | ||
| `,Uo=t.default.div` | ||
| ${ce} | ||
| ${Po} | ||
| `,Vo=s.css` | ||
| `,Go=t.default.div` | ||
| ${he} | ||
| ${Yo} | ||
| `,Jo=s.css` | ||
| ${({buttonSize:e,theme:o})=>s.css` | ||
@@ -312,6 +312,6 @@ padding: ${o.buttons.icon[e||"medium"].verticalPadding} | ||
| `} | ||
| `,Yo=s.css` | ||
| `,Ko=s.css` | ||
| width: ${({theme:e,buttonSize:o})=>e.buttons.icon[o||"medium"].buttonSize}; | ||
| height: ${({theme:e,buttonSize:o})=>e.buttons.icon[o||"medium"].buttonSize}; | ||
| `,Go=t.default.div` | ||
| `,Qo=t.default.div` | ||
| display: flex; | ||
@@ -322,13 +322,13 @@ flex-flow: row nowrap; | ||
| ${Yo} | ||
| `,Jo=t.default.button` | ||
| ${ge} | ||
| ${Vo} | ||
| ${Ko} | ||
| `,Zo=t.default.button` | ||
| ${pe} | ||
| ${Jo} | ||
| ${({disabled:e})=>e?pe:he} | ||
| `,Z=u=>{var v=u,{buttonSize:e="medium",variant:o="primary",buttonStyle:r="primary",iconOnly:a=!1,startIcon:l=null,endIcon:d=null,children:k}=v,f=R(v,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return a?i(Jo,z(w({},f),{variant:o,buttonStyle:r,buttonSize:e,children:i(Go,{buttonSize:e,children:l||d})})):b(_o,z(w({},f),{variant:o,buttonStyle:r,buttonSize:e,children:[l&&i(No,{buttonSize:e,children:l}),k,d&&i(Uo,{buttonSize:e,children:d})]}))},F="info",ue=t.default.div` | ||
| ${({disabled:e})=>e?ue:be} | ||
| `,ee=f=>{var H=f,{buttonSize:e="medium",variant:o="primary",buttonStyle:r="primary",iconOnly:a=!1,startIcon:l=null,endIcon:d=null,children:y}=H,m=L(H,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return a?i(Zo,v($({},m),{variant:o,buttonStyle:r,buttonSize:e,children:i(Qo,{buttonSize:e,children:l||d})})):b(Po,v($({},m),{variant:o,buttonStyle:r,buttonSize:e,children:[l&&i(Vo,{buttonSize:e,children:l}),y,d&&i(Go,{buttonSize:e,children:d})]}))},B="info",fe=t.default.div` | ||
| display: flex; | ||
| flex-direction: column; | ||
| margin-top: ${({theme:e,spaced:o})=>o?e.inputBox.spacing:0}; | ||
| `,P=t.default.span` | ||
| `,V=t.default.span` | ||
| color: ${({theme:e})=>e.inputBox.label.color}; | ||
@@ -341,6 +341,6 @@ font-family: ${({theme:e})=>e.inputBox.fontFamily}; | ||
| font-feature-settings: ${({theme:e})=>e.inputBox.fontFeatureSettings}; | ||
| `,be=t.default.div` | ||
| `,xe=t.default.div` | ||
| display: flex; | ||
| `,fe=t.default(P)` | ||
| color: ${({theme:e,status:o})=>e.inputBox[o||F].helperColor}; | ||
| `,me=t.default(V)` | ||
| color: ${({theme:e,status:o})=>e.inputBox[o||B].helperColor}; | ||
| font-size: ${({theme:e})=>e.inputBox.helper.fontSize}; | ||
@@ -350,7 +350,7 @@ font-style: ${({theme:e})=>e.inputBox.helper.fontStyle}; | ||
| line-height: ${({theme:e})=>e.inputBox.helper.lineHeight}; | ||
| `,xe=t.default.div` | ||
| `,ye=t.default.div` | ||
| margin-right: ${({theme:e})=>e.inputBox.helper.margin}; | ||
| color: ${({theme:e,status:o})=>e.inputBox[o||F].helperColor}; | ||
| `,me=t.default.div` | ||
| color: ${({theme:e,status:o})=>e.inputBox[o||B].helperColor}; | ||
| `,$e=t.default.div` | ||
| display: flex; | ||
@@ -363,13 +363,13 @@ position: absolute; | ||
| padding: ${({theme:e})=>e.inputBox.padding}; | ||
| `,ye=t.default(P)` | ||
| `,ke=t.default(V)` | ||
| margin: ${({theme:e})=>e.inputBox.hint.margin}; | ||
| color: ${({theme:e,status:o})=>e.inputBox[o||F].hintColor}; | ||
| `,$e=t.default.div` | ||
| color: ${({theme:e,status:o})=>e.inputBox[o||B].hintColor}; | ||
| `,we=t.default.div` | ||
| margin: 4px 4px; | ||
| color: ${({theme:e,status:o})=>e.inputBox[o||F].hintColor}; | ||
| `,Ko=t.default.div` | ||
| color: ${({theme:e,status:o})=>e.inputBox[o||B].hintColor}; | ||
| `,qo=t.default.div` | ||
| position: relative; | ||
| `,ke=t.default.input` | ||
| `,Se=t.default.input` | ||
| display: flex; | ||
@@ -386,9 +386,9 @@ box-sizing: ${({theme:e})=>e.inputBox.boxSizing}; | ||
| border: ${({theme:e,status:o})=>e.inputBox[o||F].border}; | ||
| border: ${({theme:e,status:o})=>e.inputBox[o||B].border}; | ||
| border-radius: ${({theme:e})=>e.inputBox.borderRadius}; | ||
| background: ${({theme:e})=>e.inputBox.background}; | ||
| box-shadow: ${({theme:e,status:o})=>e.inputBox[o||F].boxShadow}; | ||
| box-shadow: ${({theme:e,status:o})=>e.inputBox[o||B].boxShadow}; | ||
| color: ${({theme:e,status:o})=>e.inputBox[o||F].color}; | ||
| color: ${({theme:e,status:o})=>e.inputBox[o||B].color}; | ||
| font-family: ${({theme:e})=>e.inputBox.fontFamily}; | ||
@@ -398,10 +398,10 @@ font-size: ${({theme:e})=>e.inputBox.fontSize}; | ||
| &:focus { | ||
| box-sizing: ${({theme:e,status:o})=>e.inputBox[o||F].focused.boxSizing}; | ||
| box-sizing: ${({theme:e,status:o})=>e.inputBox[o||B].focused.boxSizing}; | ||
| border: ${({theme:e,status:o})=>e.inputBox[o||F].focused.border}; | ||
| border-radius: ${({theme:e,status:o})=>e.inputBox[o||F].focused.borderRadius}; | ||
| border: ${({theme:e,status:o})=>e.inputBox[o||B].focused.border}; | ||
| border-radius: ${({theme:e,status:o})=>e.inputBox[o||B].focused.borderRadius}; | ||
| outline: none; | ||
| background: ${({theme:e})=>e.inputBox.background}; | ||
| box-shadow: ${({theme:e,status:o})=>e.inputBox[o||F].focused.boxShadow}; | ||
| box-shadow: ${({theme:e,status:o})=>e.inputBox[o||B].focused.boxShadow}; | ||
| } | ||
@@ -425,9 +425,9 @@ &:disabled { | ||
| } | ||
| `,Qo=k=>{var f=k,{spaced:e,description:o,status:r,hint:a,helper:l}=f,d=R(f,["spaced","description","status","hint","helper"]);return b(ue,{spaced:e,children:[i(P,{children:o}),b(Ko,{children:[i(ke,w({status:r},d)),a&&b(me,{children:[i(ye,{status:r,children:a.content}),a.icon&&i($e,{status:r,children:a.icon})]})]}),b(be,{children:[r==="error"&&i(xe,{status:r,children:i(K.default,{path:O.mdiAlert,size:.7})}),i(fe,{status:r,children:l})]})]})},Zo=t.default.div` | ||
| `,er=y=>{var m=y,{spaced:e,description:o,status:r,hint:a,helper:l}=m,d=L(m,["spaced","description","status","hint","helper"]);return b(fe,{spaced:e,children:[i(V,{children:o}),b(qo,{children:[i(Se,$({status:r},d)),a&&b($e,{children:[i(ke,{status:r,children:a.content}),a.icon&&i(we,{status:r,children:a.icon})]})]}),b(xe,{children:[r==="error"&&i(ye,{status:r,children:i(Z.default,{path:T.mdiAlert,size:.7})}),i(me,{status:r,children:l})]})]})},or=t.default.div` | ||
| display: flex; | ||
| flex-direction: row; | ||
| justify-content: space-between; | ||
| `,qo=t.default(ke)` | ||
| `,rr=t.default(Se)` | ||
| text-align: center; | ||
| `,er=t.default.div` | ||
| `,tr=t.default.div` | ||
| position: relative; | ||
@@ -437,7 +437,7 @@ box-sizing: border-box; | ||
| margin: 0 ${({theme:e})=>e.spacings.sm}; | ||
| `,we=t.default(Z)` | ||
| `,ve=t.default(ee)` | ||
| flex-shrink: 0; | ||
| margin: ${({theme:e})=>e.inputBox.margin}; | ||
| `,or=k=>{var f=k,{spaced:e,status:o,description:r,hint:a,helper:l}=f,d=R(f,["spaced","status","description","hint","helper"]);const[u,v]=$.useState(Number(d.value)||0),x=$.useRef(null),L=()=>{v(m=>m+1)},D=()=>{v(m=>m>0?m-1:m)};return $.useEffect(()=>{var A,j,M,H;const m=(j=Object.getOwnPropertyDescriptor((A=window==null?void 0:window.HTMLInputElement)==null?void 0:A.prototype,"value"))==null?void 0:j.set;(M=m==null?void 0:m.call)==null||M.call(m,x.current,`${u}`);const E=new Event("input",{bubbles:!0});(H=x==null?void 0:x.current)==null||H.dispatchEvent(E)},[u]),b(ue,{spaced:e,children:[i(P,{children:r}),b(Zo,{children:[i(we,{onClick:D,buttonSize:"xSmall",children:i(X.Icon,{path:O.mdiMinus,size:1.35})}),b(er,{children:[i(qo,z(w({status:o},d),{ref:x})),a&&b(me,{children:[i(ye,{status:o,children:a.content}),a.icon&&i($e,{status:o,children:a.icon})]})]}),i(we,{onClick:L,buttonSize:"xSmall",children:i(X.Icon,{path:O.mdiPlus,size:1.35})})]}),b(be,{children:[o==="error"&&i(xe,{status:o,children:i(X.Icon,{path:O.mdiAlert,size:.7})}),i(fe,{status:o,children:l})]})]})},Se=e=>e.type==="number"?i(or,w({},e)):i(Qo,w({},e)),rr=t.default.button` | ||
| ${W} | ||
| `,ir=y=>{var m=y,{spaced:e,status:o,description:r,hint:a,helper:l}=m,d=L(m,["spaced","status","description","hint","helper"]);const[f,H]=x.useState(Number(d.value)||0),w=x.useRef(null),C=()=>{H(u=>u+1)},F=()=>{H(u=>u>0?u-1:u)};return x.useEffect(()=>{var I,W,M,j;const u=(W=Object.getOwnPropertyDescriptor((I=window==null?void 0:window.HTMLInputElement)==null?void 0:I.prototype,"value"))==null?void 0:W.set;(M=u==null?void 0:u.call)==null||M.call(u,w.current,`${f}`);const R=new Event("input",{bubbles:!0});(j=w==null?void 0:w.current)==null||j.dispatchEvent(R)},[f]),b(fe,{spaced:e,children:[i(V,{children:r}),b(or,{children:[i(ve,{onClick:F,buttonSize:"xSmall",children:i(P.Icon,{path:T.mdiMinus,size:1.35})}),b(tr,{children:[i(rr,v($({status:o},d),{ref:w})),a&&b($e,{children:[i(ke,{status:o,children:a.content}),a.icon&&i(we,{status:o,children:a.icon})]})]}),i(ve,{onClick:C,buttonSize:"xSmall",children:i(P.Icon,{path:T.mdiPlus,size:1.35})})]}),b(xe,{children:[o==="error"&&i(ye,{status:o,children:i(P.Icon,{path:T.mdiAlert,size:.7})}),i(me,{status:o,children:l})]})]})},He=e=>e.type==="number"?i(ir,$({},e)):i(er,$({},e)),nr=t.default.button` | ||
| ${A} | ||
| box-sizing: border-box; | ||
@@ -455,3 +455,3 @@ padding: 18px 10px; | ||
| } | ||
| `,ve=e=>{var o,r,a,l;return i(rr,z(w({},e),{type:"button",children:((o=e==null?void 0:e.item)==null?void 0:o.name)||((r=e==null?void 0:e.item)==null?void 0:r.label)||((l=(a=e==null?void 0:e.item)==null?void 0:a.toString)==null?void 0:l.call(a))}))},tr=t.default.div` | ||
| `,ze=e=>{var o,r,a,l;return i(nr,v($({},e),{type:"button",children:((o=e==null?void 0:e.item)==null?void 0:o.name)||((r=e==null?void 0:e.item)==null?void 0:r.label)||((l=(a=e==null?void 0:e.item)==null?void 0:a.toString)==null?void 0:l.call(a))}))},ar=t.default.div` | ||
| display: flex; | ||
@@ -478,3 +478,3 @@ position: ${({focus:e})=>e?"fixed":"relative"}; | ||
| } | ||
| `,ir=t.default.div` | ||
| `,lr=t.default.div` | ||
| display: ${({focus:e})=>e?"flex":"hidden"}; | ||
@@ -506,4 +506,4 @@ box-sizing: border-box; | ||
| } | ||
| `,nr=({autoCompleteItems:e,renderItem:o,inputProps:r,renderHeader:a,onItemSelected:l,spaced:d})=>{var j,M;const k=o||ve,[f,u]=$.useState(0),[v,x]=$.useState(!1),[L,D]=$.useState(!1),m=$.useRef(null),E=$.useCallback(H=>{switch(H.key){case"Escape":x(!1);break;case"ArrowUp":u(y=>y&&y-1);break;case"ArrowDown":u(y=>y<e.length-1?y+1:y);break;case"Enter":u(y=>(e.length&&l&&typeof l=="function"&&(l(e[y]),x(!1)),0));break}},[e,l]),A=H=>{!m.current||m.current.contains(H.target)||x(!1)};return $.useEffect(()=>(document.addEventListener("keydown",E,!1),document.addEventListener("mousedown",A),document.addEventListener("touchstart",A),()=>{document.removeEventListener("keydown",E,!1),document.removeEventListener("mousedown",A),document.removeEventListener("touchstart",A)}),[E]),$.useEffect(()=>{L&&x(!0)},[e,L]),b(tr,{focus:v,spaced:d||(r==null?void 0:r.spaced),ref:m,children:[i(Se,z(w({},r),{onFocus:H=>{var y;D(!0),x(!0),(y=r==null?void 0:r.onFocus)==null||y.call(r,H)},onClick:H=>{var y;x(!0),(y=r==null?void 0:r.onClick)==null||y.call(r,H)},hint:{icon:((j=r==null?void 0:r.hint)==null?void 0:j.icon)||i(K.default,{path:O.mdiUnfoldMoreHorizontal,size:.7}),content:((M=r==null?void 0:r.hint)==null?void 0:M.content)||""},spaced:!1})),v&&b(ir,{focus:v,helper:r==null?void 0:r.helper,description:r==null?void 0:r.description,children:[a||null,e==null?void 0:e.map((H,y)=>i(k,{item:H,onClick:()=>{x(!1),u(0),l==null||l(e[y])},onMouseEnter:()=>u(y),highlighted:f===y},H.id))]})]})},ar=t.default.button` | ||
| ${W} | ||
| `,dr=m=>{var f=m,{autoCompleteItems:e,renderItem:o,inputProps:r,renderHeader:a,onItemSelected:l,spaced:d}=f,y=L(f,["autoCompleteItems","renderItem","inputProps","renderHeader","onItemSelected","spaced"]);var O,Re;const H=o||ze,[w,C]=x.useState(0),[F,u]=x.useState(!1),[R,I]=x.useState(!1),W=x.useRef(null),M=x.useCallback(E=>{switch(E.key){case"Escape":u(!1);break;case"ArrowUp":C(S=>S&&S-1);break;case"ArrowDown":C(S=>S<e.length-1?S+1:S);break;case"Enter":C(S=>(e.length&&l&&typeof l=="function"&&(l(e[S]),u(!1)),0));break}},[e,l]),j=E=>{!W.current||W.current.contains(E.target)||u(!1)};return x.useEffect(()=>(document.addEventListener("keydown",M,!1),document.addEventListener("mousedown",j),document.addEventListener("touchstart",j),()=>{document.removeEventListener("keydown",M,!1),document.removeEventListener("mousedown",j),document.removeEventListener("touchstart",j)}),[M]),x.useEffect(()=>{R&&u(!0)},[e,R]),b(ar,v($({focus:F,spaced:d||(r==null?void 0:r.spaced),ref:W},y),{children:[i(He,v($({},r),{onFocus:E=>{var S;I(!0),u(!0),(S=r==null?void 0:r.onFocus)==null||S.call(r,E)},onClick:E=>{var S;u(!0),(S=r==null?void 0:r.onClick)==null||S.call(r,E)},hint:{icon:((O=r==null?void 0:r.hint)==null?void 0:O.icon)||i(Z.default,{path:T.mdiUnfoldMoreHorizontal,size:.7}),content:((Re=r==null?void 0:r.hint)==null?void 0:Re.content)||""},spaced:!1})),F&&b(lr,{focus:F,helper:r==null?void 0:r.helper,description:r==null?void 0:r.description,children:[a||null,e==null?void 0:e.map((E,S)=>i(H,{item:E,onClick:()=>{u(!1),C(0),l==null||l(e[S])},onMouseEnter:()=>C(S),highlighted:w===S},E.id))]})]}))},sr=t.default.button` | ||
| ${A} | ||
| display: flex; | ||
@@ -522,13 +522,13 @@ box-sizing: border-box; | ||
| } | ||
| `,lr=t.default.div` | ||
| `,gr=t.default.div` | ||
| display: flex; | ||
| width: 100%; | ||
| `,dr=t.default.div` | ||
| `,cr=t.default.div` | ||
| flex-basis: ${({theme:e})=>e.spacings.huge}; | ||
| flex-grow: 0; | ||
| padding-right: ${({theme:e})=>e.spacings.md}; | ||
| `,sr=t.default.div` | ||
| `,pr=t.default.div` | ||
| flex-grow: 1; | ||
| `,gr=e=>{var o,r,a,l,d;return i(ar,z(w({},e),{type:"button",children:b(lr,{children:[i(dr,{children:(o=e==null?void 0:e.item)==null?void 0:o.id}),i(sr,{children:((r=e==null?void 0:e.item)==null?void 0:r.name)||((a=e==null?void 0:e.item)==null?void 0:a.label)||((d=(l=e==null?void 0:e.item)==null?void 0:l.toString)==null?void 0:d.call(l))})]})}))},cr=t.default.div` | ||
| ${W} | ||
| `,hr=e=>{var o,r,a,l,d;return i(sr,v($({},e),{type:"button",children:b(gr,{children:[i(cr,{children:(o=e==null?void 0:e.item)==null?void 0:o.id}),i(pr,{children:((r=e==null?void 0:e.item)==null?void 0:r.name)||((a=e==null?void 0:e.item)==null?void 0:a.label)||((d=(l=e==null?void 0:e.item)==null?void 0:l.toString)==null?void 0:d.call(l))})]})}))},ur=t.default.div` | ||
| ${A} | ||
| display: flex; | ||
@@ -543,3 +543,3 @@ box-sizing: border-box; | ||
| text-align: left; | ||
| `,pr=t.default.div` | ||
| `,br=t.default.div` | ||
| display: flex; | ||
@@ -549,9 +549,9 @@ width: 100%; | ||
| font-weight: bold; | ||
| `,hr=t.default.div` | ||
| `,fr=t.default.div` | ||
| flex-basis: ${({theme:e})=>e.spacings.xhuge}; | ||
| flex-grow: 0; | ||
| padding-right: ${({theme:e})=>e.spacings.md}; | ||
| `,ur=t.default.div` | ||
| `,xr=t.default.div` | ||
| flex-grow: 1; | ||
| `,br=e=>i(cr,z(w({},e),{children:b(pr,{children:[i(hr,{children:e.id}),i(ur,{children:e.name})]})})),U=t.default.span` | ||
| `,mr=e=>i(ur,v($({},e),{children:b(br,{children:[i(fr,{children:e.id}),i(xr,{children:e.name})]})})),Y=t.default.span` | ||
| position: relative; | ||
@@ -585,4 +585,4 @@ width: ${({theme:e})=>e.checkBox.width}; | ||
| } | ||
| `,fr=t.default.label` | ||
| ${W} | ||
| `,yr=t.default.label` | ||
| ${A} | ||
| ${({theme:e,disabled:o})=>o?`color: ${e.colors.neutral[300]};`:""} | ||
@@ -596,6 +596,6 @@ | ||
| &:hover input ~ ${U} { | ||
| &:hover input ~ ${Y} { | ||
| border-color: ${({theme:e})=>e.checkBox.checked.background}; | ||
| } | ||
| `,xr=t.default.input` | ||
| `,$r=t.default.input` | ||
| position: absolute; | ||
@@ -609,3 +609,3 @@ width: 0; | ||
| &:checked ~ ${U} { | ||
| &:checked ~ ${Y} { | ||
| border-width: ${({theme:e})=>e.checkBox.checked.borderWidth}; | ||
@@ -619,7 +619,7 @@ border-style: ${({theme:e})=>e.checkBox.checked.borderStyle}; | ||
| &:checked ~ ${U}:after { | ||
| &:checked ~ ${Y}:after { | ||
| display: block; | ||
| } | ||
| `,mr=a=>{var l=a,{children:e,spaced:o}=l,r=R(l,["children","spaced"]);return b(fr,{disabled:r.disabled,spaced:o,children:[e,i(xr,z(w({type:"checkbox"},r),{disabled:r.disabled})),i(U,{disabled:r.disabled})]})},yr=t.default.div` | ||
| ${W} | ||
| `,kr=a=>{var l=a,{children:e,spaced:o}=l,r=L(l,["children","spaced"]);return b(yr,{disabled:r.disabled,spaced:o,children:[e,i($r,v($({type:"checkbox"},r),{disabled:r.disabled})),i(Y,{disabled:r.disabled})]})},wr=t.default.div` | ||
| ${A} | ||
@@ -639,3 +639,3 @@ display: flex; | ||
| color: ${({theme:e,status:o})=>e.alert[o||"neutral"].descriptionColor}; | ||
| `,He=t.default.div` | ||
| `,Ce=t.default.div` | ||
| display: flex; | ||
@@ -649,3 +649,3 @@ justify-content: center; | ||
| } | ||
| `,$r=t.default.div` | ||
| `,Sr=t.default.div` | ||
| display: flex; | ||
@@ -656,8 +656,8 @@ flex-direction: ${({sticky:e})=>e?"row":"column"}; | ||
| padding: 0px 10px; | ||
| `,kr=t.default.div` | ||
| `,vr=t.default.div` | ||
| display: flex; | ||
| flex-direction: row; | ||
| align-items: center; | ||
| `,wr=t.default.span` | ||
| ${W} | ||
| `,Hr=t.default.span` | ||
| ${A} | ||
@@ -669,9 +669,9 @@ height: ${({theme:e})=>e.alert.title.height}; | ||
| line-height: ${({theme:e})=>e.alert.title.lineWeight}; | ||
| `,Sr=t.default.span` | ||
| ${W} | ||
| `,zr=t.default.span` | ||
| ${A} | ||
| margin: ${({sticky:e})=>e?"4px 0px":"8px 0px"}; | ||
| `,ze=t.default(Z)` | ||
| `,Fe=t.default(ee)` | ||
| margin: ${({sticky:e})=>e?"0px 4px":void 0}; | ||
| `,Ce={neutral:{buttonStyle:"outlined",variant:"primary"},primary:{buttonStyle:"primary",variant:"primary"},success:{buttonStyle:"primary",variant:"primary"},warning:{buttonStyle:"secondary",variant:"primary"},error:{buttonStyle:"primary",variant:"destructive"}},vr=D=>{var m=D,{status:e,sticky:o,title:r,icon:a,children:l,mainButtonContent:d,onMainButtonClick:k,auxButtonContent:f,onAuxButtonClick:u,onCloseRequested:v,showCloseButton:x}=m,L=R(m,["status","sticky","title","icon","children","mainButtonContent","onMainButtonClick","auxButtonContent","onAuxButtonClick","onCloseRequested","showCloseButton"]);const E=Ce[e||"primary"].buttonStyle,A=Ce[e||"primary"].variant,j=o?"xSmall":"small",M=o?E:"tertiary",H=o?A:"primary";return b(yr,z(w({status:e,sticky:o||!1},L),{children:[a&&i(He,{sticky:o||!1,status:e,children:a}),b($r,{sticky:o||!1,children:[!o&&!!r&&i(wr,{status:e,children:r}),!!l&&i(Sr,{sticky:o||!1,children:l}),(!!d||!!f)&&b(kr,{children:[i(ze,{onClick:y=>{k&&k(y)},buttonStyle:E,variant:A,buttonSize:j,sticky:o,children:d}),i(ze,{buttonStyle:M,variant:H,onClick:y=>{u&&u(y)},buttonSize:j,sticky:o,children:f})]})]}),x&&i(He,{onClick:y=>{v(y)},status:e,sticky:o||!1,children:i(K.default,{path:O.mdiClose,size:.7})})]}))},Hr=d=>{var k=d,{visible:e=!0,status:o,onMainButtonClick:r,onAuxButtonClick:a}=k,l=R(k,["visible","status","onMainButtonClick","onAuxButtonClick"]);const[f,u]=$.useState(e),[v,x]=$.useState(o);$.useEffect(()=>{x(v)},[o]);const L=m=>{try{r&&r(m),u(!1)}catch{x("error")}},D=m=>{try{a&&a(m),u(!1)}catch{x("error")}};return f?i(vr,z(w({},l),{status:v,onCloseRequested:()=>u(!1),onMainButtonClick:L,onAuxButtonClick:D})):null};function Fe(e){return e>100?180:e<0?0:e*180/100}const zr=t.default.div` | ||
| `,Be={neutral:{buttonStyle:"outlined",variant:"primary"},primary:{buttonStyle:"primary",variant:"primary"},success:{buttonStyle:"primary",variant:"primary"},warning:{buttonStyle:"secondary",variant:"primary"},error:{buttonStyle:"primary",variant:"destructive"}},Cr=F=>{var u=F,{status:e,sticky:o,title:r,icon:a,children:l,mainButtonContent:d,onMainButtonClick:y,auxButtonContent:m,onAuxButtonClick:f,onCloseRequested:H,showCloseButton:w}=u,C=L(u,["status","sticky","title","icon","children","mainButtonContent","onMainButtonClick","auxButtonContent","onAuxButtonClick","onCloseRequested","showCloseButton"]);const R=Be[e||"primary"].buttonStyle,I=Be[e||"primary"].variant,W=o?"xSmall":"small",M=o?R:"tertiary",j=o?I:"primary";return b(wr,v($({status:e,sticky:o||!1},C),{children:[a&&i(Ce,{sticky:o||!1,status:e,children:a}),b(Sr,{sticky:o||!1,children:[!o&&!!r&&i(Hr,{status:e,children:r}),!!l&&i(zr,{sticky:o||!1,children:l}),(!!d||!!m)&&b(vr,{children:[i(Fe,{onClick:O=>{y&&y(O)},buttonStyle:R,variant:I,buttonSize:W,sticky:o,children:d}),i(Fe,{buttonStyle:M,variant:j,onClick:O=>{f&&f(O)},buttonSize:W,sticky:o,children:m})]})]}),w&&i(Ce,{onClick:O=>{H(O)},status:e,sticky:o||!1,children:i(Z.default,{path:T.mdiClose,size:.7})})]}))},Fr=d=>{var y=d,{visible:e=!0,status:o,onMainButtonClick:r,onAuxButtonClick:a}=y,l=L(y,["visible","status","onMainButtonClick","onAuxButtonClick"]);const[m,f]=x.useState(e),[H,w]=x.useState(o);x.useEffect(()=>{w(H)},[o]);const C=u=>{try{r&&r(u),f(!1)}catch{w("error")}},F=u=>{try{a&&a(u),f(!1)}catch{w("error")}};return m?i(Cr,v($({},l),{status:H,onCloseRequested:()=>f(!1),onMainButtonClick:C,onAuxButtonClick:F})):null};function Le(e){return e>100?180:e<0?0:e*180/100}const Br=t.default.div` | ||
| width: ${({theme:e})=>e.loader.size}; | ||
@@ -683,3 +683,3 @@ height: ${({theme:e})=>e.loader.size}; | ||
| background: ${({theme:e})=>e.loader.loaderColor.background}; | ||
| `,V=t.default.div` | ||
| `,G=t.default.div` | ||
| position: absolute; | ||
@@ -690,3 +690,3 @@ width: ${({theme:e})=>e.loader.size}; | ||
| border-radius: 50%; | ||
| `,Cr=t.default(V)` | ||
| `,Lr=t.default(G)` | ||
| clip: rect( | ||
@@ -700,5 +700,5 @@ 0px, | ||
| transform: rotate( | ||
| ${({percentage:e})=>Fe(e)+"deg"} | ||
| ${({percentage:e})=>Le(e)+"deg"} | ||
| ); | ||
| `,Fr=t.default(V)` | ||
| `,Dr=t.default(G)` | ||
| clip: rect( | ||
@@ -710,3 +710,3 @@ 0px, | ||
| ); | ||
| `,Be=t.default(V)` | ||
| `,De=t.default(G)` | ||
| clip: rect( | ||
@@ -720,7 +720,7 @@ 0px, | ||
| transform: rotate( | ||
| ${({percentage:e})=>Fe(e)+"deg"} | ||
| ${({percentage:e})=>Le(e)+"deg"} | ||
| ); | ||
| background-color: ${({theme:e})=>e.loader.loaderColor.loaderBar}; | ||
| `,Br=t.default.div` | ||
| `,Er=t.default.div` | ||
| position: absolute; | ||
@@ -735,3 +735,3 @@ width: calc(${({theme:e})=>e.loader.size} * 0.8); | ||
| background: ${({theme:e})=>e.loader.background}; | ||
| `,Lr=e=>i(zr,{children:b(V,{children:[i(Cr,{percentage:e.percentage,children:i(Be,{percentage:e.percentage})}),i(Fr,{children:i(Be,{percentage:e.percentage})}),i(Br,{})]})}),Dr=t.default.div` | ||
| `,Ar=e=>i(Br,{children:b(G,{children:[i(Lr,{percentage:e.percentage,children:i(De,{percentage:e.percentage})}),i(Dr,{children:i(De,{percentage:e.percentage})}),i(Er,{})]})}),Rr=t.default.div` | ||
| position: relative; | ||
@@ -745,3 +745,3 @@ width: 100%; | ||
| background-color: ${({theme:e})=>e.progressBar.bgColor}; | ||
| `,Er=t.default.div` | ||
| `,Wr=t.default.div` | ||
| position: absolute; | ||
@@ -754,3 +754,3 @@ width: ${e=>`${e.percentage}%`||"0%"}; | ||
| background-color: ${({theme:e})=>e.progressBar.barColor}; | ||
| `,Ar=e=>i(Dr,z(w({},e),{children:i(Er,w({},e))})),Rr=t.default.div` | ||
| `,jr=e=>i(Rr,v($({},e),{children:i(Wr,$({},e))})),Mr=t.default.div` | ||
| width: ${({theme:e})=>e.loader.size}; | ||
@@ -772,3 +772,3 @@ height: ${({theme:e})=>e.loader.size}; | ||
| } | ||
| `,Wr=t.default.div` | ||
| `,Or=t.default.div` | ||
| display: flex; | ||
@@ -778,7 +778,7 @@ flex-flow: column; | ||
| align-items: center; | ||
| `,jr=t.default.span` | ||
| `,Ir=t.default.span` | ||
| margin: 4px 0px; | ||
| font-family: ${({theme:e})=>e.loader.fontFamily}; | ||
| `,Mr=e=>b(Wr,{children:[i(Rr,{}),i(jr,{children:e.message})]}),Or=t.default.ul` | ||
| `,Tr=e=>b(Or,{children:[i(Mr,{}),i(Ir,{children:e.message})]}),_r=t.default.ul` | ||
| display: flex; | ||
@@ -791,7 +791,7 @@ flex-flow: column nowrap; | ||
| list-style: none; | ||
| `,Ir=o=>{var e=R(o,[]);return i(Or,w({},e))},Tr=s.css` | ||
| `,Xr=o=>{var e=L(o,[]);return i(_r,$({},e))},Nr=s.css` | ||
| font-family: ${({theme:e,size:o})=>e.list.item[o||"medium"].typography.fontFamily}; | ||
| font-size: ${({theme:e,size:o})=>e.list.item[o||"medium"].typography.fontSize}; | ||
| line-height: ${({theme:e,size:o})=>e.list.item[o||"medium"].typography.lineHeight}; | ||
| `,_r=t.default.li` | ||
| `,Pr=t.default.li` | ||
| display: flex; | ||
@@ -812,3 +812,3 @@ flex-flow: row nowrap; | ||
| ${Tr} | ||
| ${Nr} | ||
@@ -822,3 +822,3 @@ &:active { | ||
| } | ||
| `,Xr=t.default.div` | ||
| `,Ur=t.default.div` | ||
| display: flex; | ||
@@ -829,3 +829,3 @@ flex-flow: row nowrap; | ||
| margin-right: ${({theme:e})=>e.list.item.internalPadding}; | ||
| `,Nr=t.default.div` | ||
| `,Vr=t.default.div` | ||
| display: flex; | ||
@@ -836,3 +836,3 @@ flex-flow: row nowrap; | ||
| margin-left: ${({theme:e})=>e.list.item.internalPadding}; | ||
| `,Pr=t.default.div` | ||
| `,Yr=t.default.div` | ||
| margin-right: ${({alignment:e})=>e!=="end"?"auto":void 0}; | ||
@@ -842,3 +842,3 @@ margin-left: ${({alignment:e})=>e==="end"?"auto":void 0}; | ||
| text-align: ${({alignment:e})=>e}; | ||
| `,Ur=t.default.div` | ||
| `,Gr=t.default.div` | ||
| display: flex; | ||
@@ -849,3 +849,3 @@ flex-flow: row nowrap; | ||
| font-weight: ${({theme:e})=>e.list.item.label.weight}; | ||
| `,Vr=t.default.div` | ||
| `,Jr=t.default.div` | ||
| display: flex; | ||
@@ -856,3 +856,3 @@ flex-flow: row nowrap; | ||
| font-weight: ${({theme:e})=>e.list.item.description.weight}; | ||
| `,Yr=f=>{var u=f,{alignment:e="start",contentEnd:o,contentStart:r,description:a,label:l,size:d="medium"}=u,k=R(u,["alignment","contentEnd","contentStart","description","label","size"]);return b(_r,z(w({size:d},k),{children:[r&&i(Xr,{children:r}),b(Pr,{alignment:e,children:[a&&i(Vr,{children:a}),l&&i(Ur,{children:l})]}),o&&i(Nr,{children:o})]}))},Y=t.default.span` | ||
| `,Kr=m=>{var f=m,{alignment:e="start",contentEnd:o,contentStart:r,description:a,label:l,size:d="medium"}=f,y=L(f,["alignment","contentEnd","contentStart","description","label","size"]);return b(Pr,v($({size:d},y),{children:[r&&i(Ur,{children:r}),b(Yr,{alignment:e,children:[a&&i(Jr,{children:a}),l&&i(Gr,{children:l})]}),o&&i(Vr,{children:o})]}))},J=t.default.span` | ||
| position: relative; | ||
@@ -885,4 +885,4 @@ width: ${({theme:e})=>e.toggle.width}; | ||
| } | ||
| `,Gr=t.default.label` | ||
| ${W} | ||
| `,Qr=t.default.label` | ||
| ${A} | ||
| ${({theme:e,disabled:o})=>o?`color: ${e.colors.neutral[300]};`:""} | ||
@@ -896,6 +896,6 @@ | ||
| &:hover input ~ ${Y} { | ||
| &:hover input ~ ${J} { | ||
| border-color: ${({theme:e})=>e.toggle.checked.background}; | ||
| } | ||
| `,Jr=t.default.input` | ||
| `,Zr=t.default.input` | ||
| position: absolute; | ||
@@ -909,3 +909,3 @@ width: 0; | ||
| &:checked ~ ${Y} { | ||
| &:checked ~ ${J} { | ||
| border-color: ${({theme:e})=>e.toggle.checked.borderColor}; | ||
@@ -916,7 +916,7 @@ | ||
| &:checked ~ ${Y}:after { | ||
| &:checked ~ ${J}:after { | ||
| display: block; | ||
| left: ${({theme:e})=>e.toggle.indicator.left2}; | ||
| } | ||
| `,Kr=a=>{var l=a,{children:e,spaced:o}=l,r=R(l,["children","spaced"]);return b(Gr,{disabled:r.disabled,spaced:o,children:[e,i(Jr,z(w({type:"checkbox"},r),{disabled:r.disabled})),i(Y,{disabled:r.disabled})]})},Le=t.default.div` | ||
| `,qr=a=>{var l=a,{children:e,spaced:o}=l,r=L(l,["children","spaced"]);return b(Qr,{disabled:r.disabled,spaced:o,children:[e,i(Zr,v($({type:"checkbox"},r),{disabled:r.disabled})),i(J,{disabled:r.disabled})]})},Ee=t.default.div` | ||
| display: flex; | ||
@@ -959,3 +959,3 @@ position: relative; | ||
| } | ||
| `,Qr=t.default.div` | ||
| `,et=t.default.div` | ||
| display: ${e=>e.isFinished&&!e.isCurStep?"block":"none"}; | ||
@@ -993,6 +993,6 @@ position: relative; | ||
| } | ||
| `,De=t.default.div` | ||
| `,Ae=t.default.div` | ||
| color: ${e=>e.isCurStep?e.theme.colors.neutral[900]:e.theme.colors.neutral[500]}; | ||
| font-weight: 500; | ||
| `,Zr=t.default.div` | ||
| `,ot=t.default.div` | ||
| display: flex; | ||
@@ -1004,7 +1004,7 @@ align-items: center; | ||
| &:hover > ${De} { | ||
| &:hover > ${Ae} { | ||
| color: ${({theme:e})=>e.colors.neutral[900]}; | ||
| } | ||
| &:hover > ${Le} { | ||
| &:hover > ${Ee} { | ||
| border: 2px solid ${({theme:e})=>e.colors.primary[400]}; | ||
@@ -1016,3 +1016,3 @@ | ||
| } | ||
| `,qr=t.default.div` | ||
| `,rt=t.default.div` | ||
| display: flex; | ||
@@ -1022,2 +1022,2 @@ flex-direction: column; | ||
| font-family: ${({theme:e})=>e.loader.fontFamily}; | ||
| `,et=e=>{const{labels:o,finishedSteps:r,curStep:a,onStepClick:l}=e,d=u=>u<10?u.toString().padStart(2,"0"):u.toString(),k=u=>(r==null?void 0:r.indexOf(u))!==-1;let f;return o&&(f=o.map((u,v)=>{const x=v+1,L=x===o.length,D=x===a,m=k(x);return b(Zr,{onClick:()=>{l&&l(x)},children:[b(Le,{isCurStep:D,isLastItem:L,isFinished:m,children:[i("p",{children:d(x)}),i(Qr,{isCurStep:D,isFinished:m})]}),i(De,{isCurStep:D,children:u})]},`${v}_${u}`)})),i(qr,{children:f})};n.Alert=Hr,n.Button=Z,n.CheckBox=mr,n.DisplayLarge=xo,n.DisplaySmall=mo,n.HeadingH1=yo,n.HeadingH2=$o,n.HeadingH3=ko,n.HeadingH4=wo,n.HeadingH5=So,n.HeadingH6=vo,n.InputBox=Se,n.List=Ir,n.ListItem=Yr,n.Loader=Mr,n.OverlineLarge=Bo,n.OverlineMedium=Lo,n.OverlineSmall=Do,n.ParagraphLarge=Ho,n.ParagraphMedium=zo,n.ParagraphSmall=Co,n.ParagraphXSmall=Fo,n.ProgressBar=Ar,n.ProgressLoader=Lr,n.Select=nr,n.SimpleItem=ve,n.Stepper=et,n.TableHeader=br,n.TableItem=gr,n.Toggle=Kr,n.darkTheme=fo,n.lightTheme=ne,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}); | ||
| `,tt=e=>{const{labels:o,finishedSteps:r,curStep:a,onStepClick:l}=e,d=f=>f<10?f.toString().padStart(2,"0"):f.toString(),y=f=>(r==null?void 0:r.indexOf(f))!==-1;let m;return o&&(m=o.map((f,H)=>{const w=H+1,C=w===o.length,F=w===a,u=y(w);return b(ot,{onClick:()=>{l&&l(w)},children:[b(Ee,{isCurStep:F,isLastItem:C,isFinished:u,children:[i("p",{children:d(w)}),i(et,{isCurStep:F,isFinished:u})]}),i(Ae,{isCurStep:F,children:f})]},`${H}_${f}`)})),i(rt,{children:m})};n.Alert=Fr,n.Button=ee,n.CheckBox=kr,n.DisplayLarge=$o,n.DisplaySmall=ko,n.HeadingH1=wo,n.HeadingH2=So,n.HeadingH3=vo,n.HeadingH4=Ho,n.HeadingH5=zo,n.HeadingH6=Co,n.InputBox=He,n.List=Xr,n.ListItem=Kr,n.Loader=Tr,n.OverlineLarge=Eo,n.OverlineMedium=Ao,n.OverlineSmall=Ro,n.ParagraphLarge=Fo,n.ParagraphMedium=Bo,n.ParagraphSmall=Lo,n.ParagraphXSmall=Do,n.ProgressBar=jr,n.ProgressLoader=Ar,n.Select=dr,n.SimpleItem=ze,n.Stepper=tt,n.TableHeader=mr,n.TableItem=hr,n.Toggle=qr,n.darkTheme=yo,n.lightTheme=le,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}); |
@@ -17,3 +17,3 @@ { | ||
| }, | ||
| "version": "5.9.0", | ||
| "version": "5.9.1", | ||
| "scripts": { | ||
@@ -20,0 +20,0 @@ "build": "tsc --noEmit && vite build", |
Sorry, the diff of this file is too big to display
No alert changes
Improved metrics
- Total package byte prevSize
- increased by0.05%
824738
- Lines of code
- increased by0.23%
4446
No dependency changes