@logrock/pebbles - npm Package Compare versions

Comparing version 4.2.0 to 4.3.0

dist/components/InputBox/InputBox.d.ts

 import React, { FC } from "react";
-import Theme from "../../types/theme";
-export declare type InputBoxProps = {
+export interface InputBoxProps extends React.InputHTMLAttributes<HTMLInputElement> {
     description?: string;
@@ -11,12 +10,5 @@ hint?: {
     helper?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    onChange?: () => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    theme?: Theme;
-    type?: string;
     spaced?: boolean;
-};
+}
 declare const InputBox: FC<InputBoxProps>;
 export default InputBox;

dist/logrock-pebbles.es.js

@@ -603,3 +603,3 @@ var __defProp = Object.defineProperty;
     hintColor: neutral[500],
-    helperColor: error[600],
+    helperColor: error["600"],
     focused: {
@@ -689,2 +689,11 @@ boxSizing: "border-box",
 };
+const loader = {
+  fontFamily: "Archivo",
+  size: "50px",
+  background: "white",
+  loaderColor: {
+    loaderBar: primary[500],
+    background: primary[50]
+  }
+};
 const theme$1 = {
@@ -745,2 +754,3 @@ name: "light",
   inputBox,
+  loader,
   select,
@@ -1213,4 +1223,4 @@ checkBox
         children: startIcon || endIcon
-      }, void 0)
-    }), void 0);
+      })
+    }));
   return jsxs(RegularButton, __spreadProps(__spreadValues({}, rest), {
@@ -1223,7 +1233,7 @@ variant,
       children: startIcon
-    }, void 0), children, endIcon && jsx(EndIcon, {
+    }), children, endIcon && jsx(EndIcon, {
       buttonSize,
       children: endIcon
-    }, void 0)]
-  }), void 0);
+    })]
+  }));
 };
@@ -1330,36 +1340,45 @@ const defaultStatus = "info";
 `;
-const InputBox = (props) => {
+const InputBox = (_c) => {
+  var _d = _c, {
+    spaced,
+    description,
+    status,
+    hint,
+    helper
+  } = _d, inputProps = __objRest(_d, [
+    "spaced",
+    "description",
+    "status",
+    "hint",
+    "helper"
+  ]);
   return jsxs(StyledDiv, {
-    spaced: props.spaced,
+    spaced,
     children: [jsx(Label$1, {
-      children: props.description
-    }, void 0), jsxs(InputDiv, {
+      children: description
+    }), jsxs(InputDiv, {
       children: [jsx(StyledInput, __spreadValues({
-        status: props.status,
-        placeholder: props.placeholder,
-        disabled: props.disabled,
-        onChange: props.onChange,
-        type: props.type || "text"
-      }, props), void 0), props.hint && jsxs(HintDiv, {
+        status
+      }, inputProps)), hint && jsxs(HintDiv, {
         children: [jsx(Hint, {
-          status: props.status,
-          children: props.hint.content
-        }, void 0), props.hint.icon && jsx(HintIconWrapper, {
-          status: props.status,
-          children: props.hint.icon
-        }, void 0)]
-      }, void 0)]
-    }, void 0), jsxs(HelperDiv, {
-      children: [props.status === "error" && jsx(HelperIcon, {
-        status: props.status,
+          status,
+          children: hint.content
+        }), hint.icon && jsx(HintIconWrapper, {
+          status,
+          children: hint.icon
+        })]
+      })]
+    }), jsxs(HelperDiv, {
+      children: [status === "error" && jsx(HelperIcon, {
+        status,
         children: jsx(Icon, {
           path: mdiAlert,
           size: 0.7
-        }, void 0)
-      }, void 0), jsx(Helper, {
-        status: props.status,
-        children: props.helper
-      }, void 0)]
-    }, void 0)]
-  }, void 0);
+        })
+      }), jsx(Helper, {
+        status,
+        children: helper
+      })]
+    })]
+  });
 };
@@ -1390,3 +1409,3 @@ const DefaultItem = styled.button`
     children: ((_a = props == null ? void 0 : props.item) == null ? void 0 : _a.name) || ((_b = props == null ? void 0 : props.item) == null ? void 0 : _b.label) || ((_d = (_c = props == null ? void 0 : props.item) == null ? void 0 : _c.toString) == null ? void 0 : _d.call(_c))
-  }), void 0);
+  }));
 };
@@ -1503,11 +1522,11 @@ const SelectWrapper = styled.div`
           size: 0.7
-        }, void 0),
+        }),
         content: ((_b = inputProps == null ? void 0 : inputProps.hint) == null ? void 0 : _b.content) || ""
       },
       spaced: false
-    }), void 0), showDropdown && jsxs(SelectItems, {
+    })), showDropdown && jsxs(SelectItems, {
       focus: hasFocus,
       helper: inputProps == null ? void 0 : inputProps.helper,
       description: inputProps == null ? void 0 : inputProps.description,
-      children: [(autoCompleteItems == null ? void 0 : autoCompleteItems.length) > 0 && jsx(Header, {}, void 0), autoCompleteItems == null ? void 0 : autoCompleteItems.map((item, index) => jsx(Item, {
+      children: [(autoCompleteItems == null ? void 0 : autoCompleteItems.length) > 0 && jsx(Header, {}), autoCompleteItems == null ? void 0 : autoCompleteItems.map((item, index) => jsx(Item, {
         item,
@@ -1524,4 +1543,4 @@ onClick: () => {
       }, item.id))]
-    }, void 0)]
-  }, void 0);
+    })]
+  });
 };
@@ -1594,7 +1613,7 @@ const CheckMark = styled.span`
 `;
-const CheckBox = (_c) => {
-  var _d = _c, {
+const CheckBox = (_e) => {
+  var _f = _e, {
     children,
     spaced
-  } = _d, inputProps = __objRest(_d, [
+  } = _f, inputProps = __objRest(_f, [
     "children",
@@ -1610,7 +1629,7 @@ "spaced"
       disabled: inputProps.disabled
-    }), void 0), jsx(CheckMark, {
+    })), jsx(CheckMark, {
       disabled: inputProps.disabled
-    }, void 0)]
-  }, void 0);
+    })]
+  });
 };
 export { Button, CheckBox, DisplayLarge, DisplaySmall, HeadingH1, HeadingH2, HeadingH3, HeadingH4, HeadingH5, HeadingH6, InputBox, OverlineLarge, OverlineMedium, OverlineSmall, ParagraphLarge, ParagraphMedium, ParagraphSmall, ParagraphXSmall, Select, theme as darkTheme, theme$1 as lightTheme };

dist/logrock-pebbles.umd.js

@@ -1,2 +0,2 @@
-var To=Object.defineProperty,Xo=Object.defineProperties;var No=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var re=Object.prototype.hasOwnProperty,ne=Object.prototype.propertyIsEnumerable;var ae=(t,a,l)=>a in t?To(t,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[a]=l,k=(t,a)=>{for(var l in a||(a={}))re.call(a,l)&&ae(t,l,a[l]);if(E)for(var l of E(a))ne.call(a,l)&&ae(t,l,a[l]);return t},w=(t,a)=>Xo(t,No(a));var M=(t,a)=>{var l={};for(var h in t)re.call(t,h)&&a.indexOf(h)<0&&(l[h]=t[h]);if(t!=null&&E)for(var h of E(t))a.indexOf(h)<0&&ne.call(t,h)&&(l[h]=t[h]);return l};(function(t,a){typeof exports=="object"&&typeof module!="undefined"?a(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"],a):(t=typeof globalThis!="undefined"?globalThis:t||self,a(t["@logrock/pebbles"]={},t["styled-breakpoints"],t.styled,t.React,t.mdijs,t.Icon))})(this,function(t,a,l,h,W,le){"use strict";function A(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var r=A(l),de=A(h),_=A(le);const c={"50":"#F9FAFB","100":"#F3F4F6","200":"#E5E7EB","300":"#D1D5DB","400":"#9CA3AF","500":"#6B7280","600":"#4B5563","700":"#374151","800":"#1F2937","900":"#111827"},f={"50":"#FDF5E1","100":"#F9E0A5","200":"#F7D586","300":"#F5CB68","400":"#F1B72C","500":"#F1B72C","600":"#E6A50F","700":"#C08A0C","800":"#996E0A","900":"#735307"},ge={"50":"#DCE6FD","100":"#B9CCFB","200":"#96B3F8","300":"#729AF6","400":"#4F81F4","500":"#2C67F1","600":"#0E4DE0","700":"#0B3EB3","800":"#092E86","900":"#061F59"},pe={"50":"#F0FDF4","100":"#DCFCE7","200":"#BBF7D0","300":"#86EFAC","400":"#4ADE80","500":"#22C55E","600":"#16A34A","700":"#15803D","800":"#166534","900":"#14532D"},se={"50":"#FEF1DC","100":"#FBD696","200":"#F9C873","300":"#F8BA50","400":"#F6AD2D","500":"#F59E0B","600":"#DF9009","700":"#B27307","800":"#9C6506","900":"#593A04"},x={"50":"#FEF2F2","100":"#FEE2E2","200":"#FECACA","300":"#FCA5A5","400":"#F87171","500":"#EF4444","600":"#DC2626","700":"#B91C1C","800":"#991B1B","900":"#7F1D1D"},H={"0":"#FFFFFF","100":"#000000"},he={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"}},ce={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"}},xe={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"}},be={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"}},ye={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"}},ue={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"}},me={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"}},$e={fontFamily:"Archivo, sans-serif",fontSize:"18px",lineHeight:"28px",weights:{normal:400,bold:500,bolder:600}},ke={fontFamily:"Archivo, sans-serif",fontSize:"16px",lineHeight:"24px",weights:{normal:400,bold:500,bolder:600}},Se={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},we={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},He={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weight:600,textTransform:"uppercase"},ve={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Fe={fontFamily:"Archivo, sans-serif",fontSize:"11px",lineHeight:"20px",weight:600,textTransform:"uppercase"},ze={background:"linear-gradient(98.41deg, #FF5F6D 0%, #FFC371 100%)"},Be={background:"linear-gradient(98.41deg, #16BFFD 0%, #CB3066 100%)"},Ce={background:"linear-gradient(98.41deg, #EECDA3 0%, #EF629F 100%)"},De={background:"linear-gradient(98.41deg, #4CA1AF 0%, #C4E0E5 100%)"},Ee={background:"linear-gradient(98.41deg, #F1F2B5 0%, #135058 100%, #135058 100%)"},Ae={background:"linear-gradient(98.41deg, #FF6E7F 0%, #BFE9FF 100%)"},Le={background:"linear-gradient(98.41deg, #1D2B64 0%, #F8CDDA 100%)"},Oe={background:"linear-gradient(98.41deg, #FC00FF 0%, #00B6DE 100%)"},je={background:"linear-gradient(98.41deg, #02AAB0 0%, #00CDAC 100%)"},Re={background:"linear-gradient(98.41deg, #4568DC 0%, #B06AB3 100%)"},p={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"},P={primary:{background:f["500"],borderColor:f["500"],borderWidth:0,contentColor:H["100"]},secondary:{background:f["200"],borderColor:f["200"],borderWidth:0,contentColor:H["100"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:f["800"]},outlined:{background:"transparent",borderColor:f["500"],borderWidth:"1px",contentColor:f["500"]}},T={primary:{background:x["500"],borderColor:x["500"],borderWidth:0,contentColor:H["0"]},secondary:{background:x["50"],borderColor:x["50"],borderWidth:0,contentColor:x["600"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:x["600"]},outlined:{background:"transparent",borderColor:x["300"],borderWidth:"1px",contentColor:x["500"]}},X={primary:{background:c["200"],borderColor:c["200"],borderWidth:0,contentColor:c["400"]},secondary:{background:c["200"],borderColor:c["200"],borderWidth:0,contentColor:c["400"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:c["300"]},outlined:{background:"transparent",borderColor:c["400"],borderWidth:"1px",contentColor:c["300"]}},Me={fontFamily:"Archivo, sans-serif",fontWeight:500,outline:`3px solid ${f[200]}`,regular:{xSmall:{borderRadius:"2px",fontSize:"14px",iconPadding:p.xxsm,horizontalPadding:"10px",verticalPadding:"6px"},small:{borderRadius:"2px",fontSize:"14px",iconPadding:p.xxsm,horizontalPadding:p.md,verticalPadding:p.xsm},medium:{borderRadius:"2px",fontSize:"16px",iconPadding:p.xxsm,horizontalPadding:p.big,verticalPadding:p.xsm},large:{borderRadius:"2px",fontSize:"18px",iconPadding:p.xxsm,horizontalPadding:p.xbig,verticalPadding:"14px"},primary:P,destructive:T,disabled:X},icon:{xSmall:{borderRadius:"2px",size:"14px",horizontalPadding:"11px",verticalPadding:"10px"},small:{borderRadius:"2px",size:"14px",horizontalPadding:"13px",verticalPadding:"14px"},medium:{borderRadius:"2px",size:p.md,horizontalPadding:"14px",verticalPadding:p.md},large:{borderRadius:"2px",size:p.md,horizontalPadding:p.md,verticalPadding:"22px"},primary:P,destructive:T,disabled:X}},v={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)"},We={spacing:p.xxbig,fontFamily:"Archivo",fontWeight:"normal",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontFeatureSettings:"'salt' on",padding:"10px 12px",boxSizing:"border-box",boxShadow:v.xSmall,borderRadius:"2px",border:"1px solid #D1D5DB",margin:"8px 0px",background:"white",height:"50px",width:"100%",error:{color:x[900],border:`1px solid ${x[300]}`,boxShadow:v.xSmall,hintColor:c[500],helperColor:x[600],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${x["100"]}`,borderRadius:"2px",border:`1px solid ${x["300"]}`}},info:{color:c[900],border:"1px solid #D1D5DB",boxShadow:v.xSmall,hintColor:c[500],helperColor:c[500],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${f["100"]}`,borderRadius:"2px",border:`1px solid ${f["300"]}`}},label:{color:"black",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontWeight:500},helper:{fontStyle:"normal",fontSize:"14px",lineHeight:"20px",fontWeight:500,margin:"0px 8px"},disabled:{boxSizing:"border-box",boxShadow:v.xSmall,borderRadius:"2px",border:`1px solid ${c["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:c[400]}},_e={items:{hover:{background:f["50"]},shadow:"1px 1px 2px rgba(0, 0, 0, 0.3)"}},Pe={checkMark:{color:H[0],width:"3px",height:"6px",left:"5px",top:"2px"},width:p.md,height:p.md,marginRight:p.sm,default:{background:H[0],borderColor:c[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"},checked:{background:f["500"],borderColor:f["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"}},N={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:p,colors:{neutral:c,primary:f,secondary:ge,error:x,success:pe,warning:se,shades:H},typography:{displayLarge:he,displaySmall:ce,headingH1:fe,headingH2:xe,headingH3:be,headingH4:ye,headingH5:ue,headingH6:me,paragraphLarge:$e,paragraphMedium:ke,paragraphSmall:Se,paragraphXSmall:we,overlineLarge:He,overlineMedium:ve,overlineSmall:Fe},shadows:v,blurs:{none:"0",small:"8px",medium:"16px",large:"24px",xLarge:"40px"},gradients:{sunburst:ze,blueMoon:Le,blueberryWine:Re,cherryCola:Ce,coldSky:De,darkWineSea:Be,morningSakura:Ae,oliveGarden:Ee,synthwave:Oe,teaLeaves:je},buttons:Me,inputBox:We,select:_e,checkBox:Pe},Te=w(k({},N),{name:"dark"}),B=({underlined:e,strikedThrough:o})=>{const i=[];return e&&i.push("underline"),o&&i.push("line-through"),i.join(" ")},Xe=r.default.h1`
+var Xo=Object.defineProperty,No=Object.defineProperties;var Uo=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var ne=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable;var te=(i,a,l)=>a in i?Xo(i,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):i[a]=l,k=(i,a)=>{for(var l in a||(a={}))ne.call(a,l)&&te(i,l,a[l]);if(E)for(var l of E(a))ae.call(a,l)&&te(i,l,a[l]);return i},S=(i,a)=>No(i,Uo(a));var A=(i,a)=>{var l={};for(var h in i)ne.call(i,h)&&a.indexOf(h)<0&&(l[h]=i[h]);if(i!=null&&E)for(var h of E(i))a.indexOf(h)<0&&ae.call(i,h)&&(l[h]=i[h]);return l};(function(i,a){typeof exports=="object"&&typeof module!="undefined"?a(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"],a):(i=typeof globalThis!="undefined"?globalThis:i||self,a(i["@logrock/pebbles"]={},i["styled-breakpoints"],i.styled,i.React,i.mdijs,i.Icon))})(this,function(i,a,l,h,W,le){"use strict";function L(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var t=L(l),de=L(h),_=L(le);const c={"50":"#F9FAFB","100":"#F3F4F6","200":"#E5E7EB","300":"#D1D5DB","400":"#9CA3AF","500":"#6B7280","600":"#4B5563","700":"#374151","800":"#1F2937","900":"#111827"},f={"50":"#FDF5E1","100":"#F9E0A5","200":"#F7D586","300":"#F5CB68","400":"#F1B72C","500":"#F1B72C","600":"#E6A50F","700":"#C08A0C","800":"#996E0A","900":"#735307"},pe={"50":"#DCE6FD","100":"#B9CCFB","200":"#96B3F8","300":"#729AF6","400":"#4F81F4","500":"#2C67F1","600":"#0E4DE0","700":"#0B3EB3","800":"#092E86","900":"#061F59"},ge={"50":"#F0FDF4","100":"#DCFCE7","200":"#BBF7D0","300":"#86EFAC","400":"#4ADE80","500":"#22C55E","600":"#16A34A","700":"#15803D","800":"#166534","900":"#14532D"},se={"50":"#FEF1DC","100":"#FBD696","200":"#F9C873","300":"#F8BA50","400":"#F6AD2D","500":"#F59E0B","600":"#DF9009","700":"#B27307","800":"#9C6506","900":"#593A04"},x={"50":"#FEF2F2","100":"#FEE2E2","200":"#FECACA","300":"#FCA5A5","400":"#F87171","500":"#EF4444","600":"#DC2626","700":"#B91C1C","800":"#991B1B","900":"#7F1D1D"},H={"0":"#FFFFFF","100":"#000000"},he={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"}},ce={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"}},xe={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"}},be={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"}},ye={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"}},ue={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"}},me={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"}},$e={fontFamily:"Archivo, sans-serif",fontSize:"18px",lineHeight:"28px",weights:{normal:400,bold:500,bolder:600}},ke={fontFamily:"Archivo, sans-serif",fontSize:"16px",lineHeight:"24px",weights:{normal:400,bold:500,bolder:600}},we={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Se={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},He={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Fe={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weight:600,textTransform:"uppercase"},ze={fontFamily:"Archivo, sans-serif",fontSize:"11px",lineHeight:"20px",weight:600,textTransform:"uppercase"},ve={background:"linear-gradient(98.41deg, #FF5F6D 0%, #FFC371 100%)"},Be={background:"linear-gradient(98.41deg, #16BFFD 0%, #CB3066 100%)"},Ce={background:"linear-gradient(98.41deg, #EECDA3 0%, #EF629F 100%)"},De={background:"linear-gradient(98.41deg, #4CA1AF 0%, #C4E0E5 100%)"},Ee={background:"linear-gradient(98.41deg, #F1F2B5 0%, #135058 100%, #135058 100%)"},Ae={background:"linear-gradient(98.41deg, #FF6E7F 0%, #BFE9FF 100%)"},Le={background:"linear-gradient(98.41deg, #1D2B64 0%, #F8CDDA 100%)"},Oe={background:"linear-gradient(98.41deg, #FC00FF 0%, #00B6DE 100%)"},je={background:"linear-gradient(98.41deg, #02AAB0 0%, #00CDAC 100%)"},Re={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"},P={primary:{background:f["500"],borderColor:f["500"],borderWidth:0,contentColor:H["100"]},secondary:{background:f["200"],borderColor:f["200"],borderWidth:0,contentColor:H["100"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:f["800"]},outlined:{background:"transparent",borderColor:f["500"],borderWidth:"1px",contentColor:f["500"]}},T={primary:{background:x["500"],borderColor:x["500"],borderWidth:0,contentColor:H["0"]},secondary:{background:x["50"],borderColor:x["50"],borderWidth:0,contentColor:x["600"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:x["600"]},outlined:{background:"transparent",borderColor:x["300"],borderWidth:"1px",contentColor:x["500"]}},X={primary:{background:c["200"],borderColor:c["200"],borderWidth:0,contentColor:c["400"]},secondary:{background:c["200"],borderColor:c["200"],borderWidth:0,contentColor:c["400"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:c["300"]},outlined:{background:"transparent",borderColor:c["400"],borderWidth:"1px",contentColor:c["300"]}},Me={fontFamily:"Archivo, sans-serif",fontWeight:500,outline:`3px solid ${f[200]}`,regular:{xSmall:{borderRadius:"2px",fontSize:"14px",iconPadding:g.xxsm,horizontalPadding:"10px",verticalPadding:"6px"},small:{borderRadius:"2px",fontSize:"14px",iconPadding:g.xxsm,horizontalPadding:g.md,verticalPadding:g.xsm},medium:{borderRadius:"2px",fontSize:"16px",iconPadding:g.xxsm,horizontalPadding:g.big,verticalPadding:g.xsm},large:{borderRadius:"2px",fontSize:"18px",iconPadding:g.xxsm,horizontalPadding:g.xbig,verticalPadding:"14px"},primary:P,destructive:T,disabled:X},icon:{xSmall:{borderRadius:"2px",size:"14px",horizontalPadding:"11px",verticalPadding:"10px"},small:{borderRadius:"2px",size:"14px",horizontalPadding:"13px",verticalPadding:"14px"},medium:{borderRadius:"2px",size:g.md,horizontalPadding:"14px",verticalPadding:g.md},large:{borderRadius:"2px",size:g.md,horizontalPadding:g.md,verticalPadding:"22px"},primary:P,destructive:T,disabled:X}},F={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)"},We={spacing:g.xxbig,fontFamily:"Archivo",fontWeight:"normal",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontFeatureSettings:"'salt' on",padding:"10px 12px",boxSizing:"border-box",boxShadow:F.xSmall,borderRadius:"2px",border:"1px solid #D1D5DB",margin:"8px 0px",background:"white",height:"50px",width:"100%",error:{color:x[900],border:`1px solid ${x[300]}`,boxShadow:F.xSmall,hintColor:c[500],helperColor:x["600"],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${x["100"]}`,borderRadius:"2px",border:`1px solid ${x["300"]}`}},info:{color:c[900],border:"1px solid #D1D5DB",boxShadow:F.xSmall,hintColor:c[500],helperColor:c[500],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${f["100"]}`,borderRadius:"2px",border:`1px solid ${f["300"]}`}},label:{color:"black",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontWeight:500},helper:{fontStyle:"normal",fontSize:"14px",lineHeight:"20px",fontWeight:500,margin:"0px 8px"},disabled:{boxSizing:"border-box",boxShadow:F.xSmall,borderRadius:"2px",border:`1px solid ${c["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:c[400]}},_e={items:{hover:{background:f["50"]},shadow:"1px 1px 2px rgba(0, 0, 0, 0.3)"}},Pe={checkMark:{color:H[0],width:"3px",height:"6px",left:"5px",top:"2px"},width:g.md,height:g.md,marginRight:g.sm,default:{background:H[0],borderColor:c[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"},checked:{background:f["500"],borderColor:f["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"}},Te={fontFamily:"Archivo",size:"50px",background:"white",loaderColor:{loaderBar:f[500],background:f[50]}},N={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:g,colors:{neutral:c,primary:f,secondary:pe,error:x,success:ge,warning:se,shades:H},typography:{displayLarge:he,displaySmall:ce,headingH1:fe,headingH2:xe,headingH3:be,headingH4:ye,headingH5:ue,headingH6:me,paragraphLarge:$e,paragraphMedium:ke,paragraphSmall:we,paragraphXSmall:Se,overlineLarge:He,overlineMedium:Fe,overlineSmall:ze},shadows:F,blurs:{none:"0",small:"8px",medium:"16px",large:"24px",xLarge:"40px"},gradients:{sunburst:ve,blueMoon:Le,blueberryWine:Re,cherryCola:Ce,coldSky:De,darkWineSea:Be,morningSakura:Ae,oliveGarden:Ee,synthwave:Oe,teaLeaves:je},buttons:Me,inputBox:We,loader:Te,select:_e,checkBox:Pe},Xe=S(k({},N),{name:"dark"}),B=({underlined:e,strikedThrough:o})=>{const r=[];return e&&r.push("underline"),o&&r.push("line-through"),r.join(" ")},Ne=t.default.h1`
   margin: 0;
@@ -17,3 +17,3 @@
   }
-`,Ne=r.default.h2`
+`,Ue=t.default.h2`
   margin: 0;
@@ -34,3 +34,3 @@
   }
-`,Ue=r.default.h1`
+`,Ve=t.default.h1`
   margin: 0;
@@ -51,3 +51,3 @@
   }
-`,Ve=r.default.h2`
+`,qe=t.default.h2`
   margin: 0;
@@ -68,3 +68,3 @@
   }
-`,qe=r.default.h3`
+`,Ie=t.default.h3`
   margin: 0;
@@ -85,3 +85,3 @@
   }
-`,Ie=r.default.h4`
+`,Ge=t.default.h4`
   margin: 0;
@@ -102,3 +102,3 @@
   }
-`,Ge=r.default.h5`
+`,Je=t.default.h5`
   margin: 0;
@@ -119,3 +119,3 @@
   }
-`,Je=r.default.h6`
+`,Ye=t.default.h6`
   margin: 0;
@@ -136,3 +136,3 @@
   }
-`,Ye=r.default.p`
+`,Ke=t.default.p`
   margin: 0;
@@ -147,3 +147,3 @@
   text-decoration: ${B};
-`,L=l.css`
+`,O=l.css`
   margin: 0;
@@ -158,5 +158,5 @@
   text-decoration: ${B};
-`,Ke=r.default.p`
-  ${L}
-`,Qe=r.default.p`
+`,Qe=t.default.p`
+  ${O}
+`,Ze=t.default.p`
   margin: 0;
@@ -171,3 +171,3 @@
   text-decoration: ${B};
-`,Ze=r.default.p`
+`,eo=t.default.p`
   margin: 0;
@@ -182,3 +182,3 @@
   text-decoration: ${B};
-`,eo=r.default.p`
+`,oo=t.default.p`
   margin: 0;
@@ -193,3 +193,3 @@
   text-transform: uppercase;
-`,oo=r.default.p`
+`,ro=t.default.p`
   margin: 0;
@@ -204,3 +204,3 @@
   text-transform: uppercase;
-`,io=r.default.p`
+`,io=t.default.p`
   margin: 0;
@@ -215,7 +215,7 @@
   text-transform: uppercase;
-`;var O={exports:{}},F={};/*
+`;var j={exports:{}},z={};/*
 object-assign
 (c) Sindre Sorhus
 @license MIT
-*/var U=Object.getOwnPropertySymbols,to=Object.prototype.hasOwnProperty,ro=Object.prototype.propertyIsEnumerable;function no(e){if(e==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function ao(){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={},i=0;i<10;i++)o["_"+String.fromCharCode(i)]=i;var d=Object.getOwnPropertyNames(o).map(function(g){return o[g]});if(d.join("")!=="0123456789")return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(g){n[g]=g}),Object.keys(Object.assign({},n)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}ao();/** @license React v17.0.2
+*/var U=Object.getOwnPropertySymbols,to=Object.prototype.hasOwnProperty,no=Object.prototype.propertyIsEnumerable;function ao(e){if(e==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function lo(){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 d=Object.getOwnPropertyNames(o).map(function(p){return o[p]});if(d.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}}lo();/** @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 lo=de.default,V=60103;if(F.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var q=Symbol.for;V=q("react.element"),F.Fragment=q("react.fragment")}var go=lo.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,po=Object.prototype.hasOwnProperty,so={key:!0,ref:!0,__self:!0,__source:!0};function I(e,o,i){var d,n={},g=null,u=null;i!==void 0&&(g=""+i),o.key!==void 0&&(g=""+o.key),o.ref!==void 0&&(u=o.ref);for(d in o)po.call(o,d)&&!so.hasOwnProperty(d)&&(n[d]=o[d]);if(e&&e.defaultProps)for(d in o=e.defaultProps,o)n[d]===void 0&&(n[d]=o[d]);return{$$typeof:V,type:e,key:g,ref:u,props:n,_owner:go.current}}F.jsx=I,F.jsxs=I,O.exports=F;const s=O.exports.jsx,$=O.exports.jsxs,G=l.css`
+ */var po=de.default,V=60103;if(z.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var q=Symbol.for;V=q("react.element"),z.Fragment=q("react.fragment")}var go=po.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,so=Object.prototype.hasOwnProperty,ho={key:!0,ref:!0,__self:!0,__source:!0};function I(e,o,r){var d,n={},p=null,m=null;r!==void 0&&(p=""+r),o.key!==void 0&&(p=""+o.key),o.ref!==void 0&&(m=o.ref);for(d in o)so.call(o,d)&&!ho.hasOwnProperty(d)&&(n[d]=o[d]);if(e&&e.defaultProps)for(d in o=e.defaultProps,o)n[d]===void 0&&(n[d]=o[d]);return{$$typeof:V,type:e,key:p,ref:m,props:n,_owner:go.current}}z.jsx=I,z.jsxs=I,j.exports=z;const s=j.exports.jsx,$=j.exports.jsxs,G=l.css`
   display: flex;
@@ -254,3 +254,3 @@ flex-flow: row nowrap;
   align-items: center;
-`,ho=l.css`
+`,co=l.css`
   ${({buttonSize:e,theme:o})=>l.css`
@@ -274,26 +274,26 @@ padding: ${o.buttons.regular[e||"medium"].verticalPadding}
 `,K=l.css`
-  ${({theme:e,buttonStyle:o,variant:i})=>l.css`
-    border-width: ${e.buttons.regular[i||"primary"][o||"primary"].borderWidth};
-    border-color: ${e.buttons.regular[i||"primary"][o||"primary"].borderColor};
+  ${({theme:e,buttonStyle:o,variant:r})=>l.css`
+    border-width: ${e.buttons.regular[r||"primary"][o||"primary"].borderWidth};
+    border-color: ${e.buttons.regular[r||"primary"][o||"primary"].borderColor};
 
-    background: ${e.buttons.regular[i||"primary"][o||"primary"].background};
+    background: ${e.buttons.regular[r||"primary"][o||"primary"].background};
 
-    color: ${e.buttons.regular[i||"primary"][o||"primary"].contentColor};
+    color: ${e.buttons.regular[r||"primary"][o||"primary"].contentColor};
   `}
-`,co=r.default.button`
+`,fo=t.default.button`
   ${G}
-  ${ho}
+  ${co}
   
   ${({disabled:e})=>e?Y:K}
-`,fo=l.css`
+`,xo=l.css`
   margin-right: ${({theme:e,buttonSize:o})=>e.buttons.regular[o||"medium"].iconPadding};
-`,xo=r.default.div`
+`,bo=t.default.div`
   ${J}
-  ${fo}
-`,bo=l.css`
+  ${xo}
+`,yo=l.css`
   margin-left: ${({theme:e,buttonSize:o})=>e.buttons.regular[o||"medium"].iconPadding};
-`,yo=r.default.div`
+`,uo=t.default.div`
   ${J}
-  ${bo}
-`,uo=l.css`
+  ${yo}
+`,mo=l.css`
   ${({buttonSize:e,theme:o})=>l.css`
@@ -307,6 +307,6 @@ padding: ${o.buttons.icon[e||"medium"].verticalPadding}
   `}
-`,mo=l.css`
+`,$o=l.css`
   width: ${({theme:e,buttonSize:o})=>e.buttons.icon[o||"medium"].buttonSize};
   height: ${({theme:e,buttonSize:o})=>e.buttons.icon[o||"medium"].buttonSize};
-`,$o=r.default.div`
+`,ko=t.default.div`
   display: flex;
@@ -317,13 +317,13 @@ flex-flow: row nowrap;
 
+  ${$o}
+`,wo=t.default.button`
+  ${G}
   ${mo}
-`,ko=r.default.button`
-  ${G}
-  ${uo}
 
   ${({disabled:e})=>e?Y:K}
-`,So=Z=>{var S=Z,{buttonSize:e="medium",variant:o="primary",buttonStyle:i="primary",iconOnly:d=!1,startIcon:n=null,endIcon:g=null,children:u}=S,m=M(S,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return d?s(ko,w(k({},m),{variant:o,buttonStyle:i,buttonSize:e,children:s($o,{buttonSize:e,children:n||g},void 0)}),void 0):$(co,w(k({},m),{variant:o,buttonStyle:i,buttonSize:e,children:[n&&s(xo,{buttonSize:e,children:n},void 0),u,g&&s(yo,{buttonSize:e,children:g},void 0)]}),void 0)},y="info",wo=r.default.div`
+`,So=Z=>{var w=Z,{buttonSize:e="medium",variant:o="primary",buttonStyle:r="primary",iconOnly:d=!1,startIcon:n=null,endIcon:p=null,children:m}=w,b=A(w,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return d?s(wo,S(k({},b),{variant:o,buttonStyle:r,buttonSize:e,children:s(ko,{buttonSize:e,children:n||p})})):$(fo,S(k({},b),{variant:o,buttonStyle:r,buttonSize:e,children:[n&&s(bo,{buttonSize:e,children:n}),m,p&&s(uo,{buttonSize:e,children:p})]}))},u="info",Ho=t.default.div`
   display: flex;
   flex-direction: column;
   margin-top: ${({theme:e,spaced:o})=>o?e.inputBox.spacing:0};
-`,j=r.default.span`
+`,R=t.default.span`
   color: ${({theme:e})=>e.inputBox.label.color};
@@ -336,8 +336,8 @@ font-family: ${({theme:e})=>e.inputBox.fontFamily};
   font-feature-settings: ${({theme:e})=>e.inputBox.fontFeatureSettings};
-`,Ho=r.default.div`
+`,Fo=t.default.div`
   display: flex;
-`,vo=r.default(j)`
+`,zo=t.default(R)`
   margin: ${({theme:e})=>e.inputBox.helper.margin};
 
-  color: ${({theme:e,status:o})=>e.inputBox[o||y].helperColor};
+  color: ${({theme:e,status:o})=>e.inputBox[o||u].helperColor};
   font-size: ${({theme:e})=>e.inputBox.helper.fontSize};
@@ -347,5 +347,5 @@ font-style: ${({theme:e})=>e.inputBox.helper.fontStyle};
   line-height: ${({theme:e})=>e.inputBox.helper.lineHeight};
-`,Fo=r.default.div`
-  color: ${({theme:e,status:o})=>e.inputBox[o||y].helperColor};
-`,zo=r.default.div`
+`,vo=t.default.div`
+  color: ${({theme:e,status:o})=>e.inputBox[o||u].helperColor};
+`,Bo=t.default.div`
   display: flex;
@@ -358,13 +358,13 @@ position: absolute;
   padding: ${({theme:e})=>e.inputBox.padding};
-`,Bo=r.default(j)`
+`,Co=t.default(R)`
   margin: ${({theme:e})=>e.inputBox.hint.margin};
 
-  color: ${({theme:e,status:o})=>e.inputBox[o||y].hintColor};
-`,Co=r.default.div`
+  color: ${({theme:e,status:o})=>e.inputBox[o||u].hintColor};
+`,Do=t.default.div`
   margin: 4px 4px;
 
-  color: ${({theme:e,status:o})=>e.inputBox[o||y].hintColor};
-`,Do=r.default.div`
+  color: ${({theme:e,status:o})=>e.inputBox[o||u].hintColor};
+`,Eo=t.default.div`
   position: relative;
-`,Eo=r.default.input`
+`,Ao=t.default.input`
   display: flex;
@@ -381,19 +381,19 @@ box-sizing: ${({theme:e})=>e.inputBox.boxSizing};
 
-  border: ${({theme:e,status:o})=>e.inputBox[o||y].border};
+  border: ${({theme:e,status:o})=>e.inputBox[o||u].border};
   border-radius: ${({theme:e})=>e.inputBox.borderRadius};
 
   background: ${({theme:e})=>e.inputBox.background};
-  box-shadow: ${({theme:e,status:o})=>e.inputBox[o||y].boxShadow};
+  box-shadow: ${({theme:e,status:o})=>e.inputBox[o||u].boxShadow};
 
-  color: ${({theme:e,status:o})=>e.inputBox[o||y].color};
+  color: ${({theme:e,status:o})=>e.inputBox[o||u].color};
 
   &:focus {
-    box-sizing: ${({theme:e,status:o})=>e.inputBox[o||y].focused.boxSizing};
+    box-sizing: ${({theme:e,status:o})=>e.inputBox[o||u].focused.boxSizing};
 
-    border: ${({theme:e,status:o})=>e.inputBox[o||y].focused.border};
-    border-radius: ${({theme:e,status:o})=>e.inputBox[o||y].focused.borderRadius};
+    border: ${({theme:e,status:o})=>e.inputBox[o||u].focused.border};
+    border-radius: ${({theme:e,status:o})=>e.inputBox[o||u].focused.borderRadius};
     outline: none;
 
     background: ${({theme:e})=>e.inputBox.background};
-    box-shadow: ${({theme:e,status:o})=>e.inputBox[o||y].focused.boxShadow};
+    box-shadow: ${({theme:e,status:o})=>e.inputBox[o||u].focused.boxShadow};
   }
@@ -417,4 +417,4 @@ &:disabled {
   }
-`,Q=e=>$(wo,{spaced:e.spaced,children:[s(j,{children:e.description},void 0),$(Do,{children:[s(Eo,k({status:e.status,placeholder:e.placeholder,disabled:e.disabled,onChange:e.onChange,type:e.type||"text"},e),void 0),e.hint&&$(zo,{children:[s(Bo,{status:e.status,children:e.hint.content},void 0),e.hint.icon&&s(Co,{status:e.status,children:e.hint.icon},void 0)]},void 0)]},void 0),$(Ho,{children:[e.status==="error"&&s(Fo,{status:e.status,children:s(_.default,{path:W.mdiAlert,size:.7},void 0)},void 0),s(vo,{status:e.status,children:e.helper},void 0)]},void 0)]},void 0),Ao=r.default.button`
-  ${L}
+`,Q=m=>{var b=m,{spaced:e,description:o,status:r,hint:d,helper:n}=b,p=A(b,["spaced","description","status","hint","helper"]);return $(Ho,{spaced:e,children:[s(R,{children:o}),$(Eo,{children:[s(Ao,k({status:r},p)),d&&$(Bo,{children:[s(Co,{status:r,children:d.content}),d.icon&&s(Do,{status:r,children:d.icon})]})]}),$(Fo,{children:[r==="error"&&s(vo,{status:r,children:s(_.default,{path:W.mdiAlert,size:.7})}),s(zo,{status:r,children:n})]})]})},Lo=t.default.button`
+  ${O}
   box-sizing: border-box;
@@ -432,3 +432,3 @@ padding: 18px 10px;
   }
-`,Lo=e=>{var o,i,d,n;return s(Ao,w(k({},e),{children:((o=e==null?void 0:e.item)==null?void 0:o.name)||((i=e==null?void 0:e.item)==null?void 0:i.label)||((n=(d=e==null?void 0:e.item)==null?void 0:d.toString)==null?void 0:n.call(d))}),void 0)},Oo=r.default.div`
+`,Oo=e=>{var o,r,d,n;return s(Lo,S(k({},e),{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)||((n=(d=e==null?void 0:e.item)==null?void 0:d.toString)==null?void 0:n.call(d))}))},jo=t.default.div`
   display: flex;
@@ -455,3 +455,3 @@ position: ${({focus:e})=>e?"fixed":"relative"};
   }
-`,jo=r.default.div`
+`,Ro=t.default.div`
   display: ${({focus:e})=>e?"flex":"none"};
@@ -472,7 +472,7 @@ box-sizing: border-box;
     z-index: 9999;
-    top: ${({theme:e,description:o,helper:i})=>`calc(
+    top: ${({theme:e,description:o,helper:r})=>`calc(
         ${e.spacings.xxlg} 
         + ${o?e.inputBox.label.lineHeight:"0px"} 
-        + -${i?e.inputBox.helper.fontSize:"0px"}
-        + ${i?"14px":"0px"}
+        + -${r?e.inputBox.helper.fontSize:"0px"}
+        + ${r?"14px":"0px"}
       )`};
@@ -484,3 +484,3 @@ flex-grow: unset;
   }
-`,Ro=({autoCompleteItems:e,renderItem:o,inputProps:i,renderHeader:d,onItemSelected:n,spaced:g})=>{var ie,te;const u=d||(()=>null),m=o||Lo,[Z,S]=h.useState(!1),[Po,z]=h.useState(0),[ee,oe]=h.useState(!1),R=h.useCallback(D=>{switch(D.key){case"Escape":S(!1);break;case"ArrowUp":z(b=>b&&b-1);break;case"ArrowDown":z(b=>b<e.length-1?b+1:b);break;case"Enter":z(b=>(S(!1),e.length&&n&&typeof n=="function"&&n(e[b]),0));break}},[e,n]);return h.useEffect(()=>(document.addEventListener("keydown",R,!1),()=>{document.removeEventListener("keydown",R,!1)}),[R]),h.useEffect(()=>{S(!0)},[e]),$(Oo,{focus:ee,spaced:g||(i==null?void 0:i.spaced),children:[s(Q,w(k({},i),{onFocus:()=>oe(!0),onBlur:()=>oe(!1),hint:{icon:((ie=i==null?void 0:i.hint)==null?void 0:ie.icon)||s(_.default,{path:W.mdiUnfoldMoreHorizontal,size:.7},void 0),content:((te=i==null?void 0:i.hint)==null?void 0:te.content)||""},spaced:!1}),void 0),Z&&$(jo,{focus:ee,helper:i==null?void 0:i.helper,description:i==null?void 0:i.description,children:[(e==null?void 0:e.length)>0&&s(u,{},void 0),e==null?void 0:e.map((D,b)=>s(m,{item:D,onClick:()=>{S(!1),n&&typeof n=="function"&&n(e[b]),z(0)},onMouseEnter:()=>z(b),highlighted:Po===b},D.id))]},void 0)]},void 0)},C=r.default.span`
+`,Mo=({autoCompleteItems:e,renderItem:o,inputProps:r,renderHeader:d,onItemSelected:n,spaced:p})=>{var re,ie;const m=d||(()=>null),b=o||Oo,[Z,w]=h.useState(!1),[To,v]=h.useState(0),[ee,oe]=h.useState(!1),M=h.useCallback(D=>{switch(D.key){case"Escape":w(!1);break;case"ArrowUp":v(y=>y&&y-1);break;case"ArrowDown":v(y=>y<e.length-1?y+1:y);break;case"Enter":v(y=>(w(!1),e.length&&n&&typeof n=="function"&&n(e[y]),0));break}},[e,n]);return h.useEffect(()=>(document.addEventListener("keydown",M,!1),()=>{document.removeEventListener("keydown",M,!1)}),[M]),h.useEffect(()=>{w(!0)},[e]),$(jo,{focus:ee,spaced:p||(r==null?void 0:r.spaced),children:[s(Q,S(k({},r),{onFocus:()=>oe(!0),onBlur:()=>oe(!1),hint:{icon:((re=r==null?void 0:r.hint)==null?void 0:re.icon)||s(_.default,{path:W.mdiUnfoldMoreHorizontal,size:.7}),content:((ie=r==null?void 0:r.hint)==null?void 0:ie.content)||""},spaced:!1})),Z&&$(Ro,{focus:ee,helper:r==null?void 0:r.helper,description:r==null?void 0:r.description,children:[(e==null?void 0:e.length)>0&&s(m,{}),e==null?void 0:e.map((D,y)=>s(b,{item:D,onClick:()=>{w(!1),n&&typeof n=="function"&&n(e[y]),v(0)},onMouseEnter:()=>v(y),highlighted:To===y},D.id))]})]})},C=t.default.span`
   position: relative;
@@ -514,4 +514,4 @@ width: ${({theme:e})=>e.checkBox.width};
   }
-`,Mo=r.default.label`
-  ${L}
+`,Wo=t.default.label`
+  ${O}
   ${({theme:e,disabled:o})=>o?`color: ${e.colors.neutral[300]};`:""}
@@ -528,3 +528,3 @@
   }
-`,Wo=r.default.input`
+`,_o=t.default.input`
   position: absolute;
@@ -550,2 +550,2 @@ width: 0;
   }
-`,_o=d=>{var n=d,{children:e,spaced:o}=n,i=M(n,["children","spaced"]);return $(Mo,{disabled:i.disabled,spaced:o,children:[e,s(Wo,w(k({type:"checkbox"},i),{disabled:i.disabled}),void 0),s(C,{disabled:i.disabled},void 0)]},void 0)};t.Button=So,t.CheckBox=_o,t.DisplayLarge=Xe,t.DisplaySmall=Ne,t.HeadingH1=Ue,t.HeadingH2=Ve,t.HeadingH3=qe,t.HeadingH4=Ie,t.HeadingH5=Ge,t.HeadingH6=Je,t.InputBox=Q,t.OverlineLarge=eo,t.OverlineMedium=oo,t.OverlineSmall=io,t.ParagraphLarge=Ye,t.ParagraphMedium=Ke,t.ParagraphSmall=Qe,t.ParagraphXSmall=Ze,t.Select=Ro,t.darkTheme=Te,t.lightTheme=N,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
+`,Po=d=>{var n=d,{children:e,spaced:o}=n,r=A(n,["children","spaced"]);return $(Wo,{disabled:r.disabled,spaced:o,children:[e,s(_o,S(k({type:"checkbox"},r),{disabled:r.disabled})),s(C,{disabled:r.disabled})]})};i.Button=So,i.CheckBox=Po,i.DisplayLarge=Ne,i.DisplaySmall=Ue,i.HeadingH1=Ve,i.HeadingH2=qe,i.HeadingH3=Ie,i.HeadingH4=Ge,i.HeadingH5=Je,i.HeadingH6=Ye,i.InputBox=Q,i.OverlineLarge=oo,i.OverlineMedium=ro,i.OverlineSmall=io,i.ParagraphLarge=Ke,i.ParagraphMedium=Qe,i.ParagraphSmall=Ze,i.ParagraphXSmall=eo,i.Select=Mo,i.darkTheme=Xe,i.lightTheme=N,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

dist/types/theme.d.ts

@@ -285,2 +285,11 @@ import * as CSS from "csstype";
 }
+export interface Loader {
+    fontFamily: CSS.Property.FontFamily;
+    size: CSS.Property.Width;
+    background: CSS.Property.Color;
+    loaderColor: {
+        background: CSS.Property.Color;
+        loaderBar: CSS.Property.Color;
+    };
+}
 export default interface Theme {
@@ -302,3 +311,4 @@ breakpoints: {
     checkBox: CheckBox;
+    loader: Loader;
 }
 export {};

package.json

@@ -17,3 +17,3 @@ {
   },
-  "version": "4.2.0",
+  "version": "4.3.0",
   "scripts": {
@@ -101,3 +101,3 @@ "build": "tsc --noEmit && vite build",
   },
-  "packageManager": "yarn@3.1.1",
+  "packageManager": "yarn@3.2.0",
   "peerDependencies": {
@@ -104,0 +104,0 @@ "@mdi/js": "*",

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

765116

increased by0.03%

Number of package files

36

increased by5.88%

Lines of code

2674

increased by1.21%

No dependency changes