@logrock/pebbles - npm Package Compare versions

Comparing version 4.1.1 to 4.2.0

dist/components/Button/Button.styled.d.ts

 import { ButtonProps } from "./Button.types";
-export declare const RegularButton: import("styled-components").StyledComponent<"button", any, Pick<ButtonProps, "buttonSize" | "variant" | "buttonStyle">, never>;
+export declare const RegularButton: import("styled-components").StyledComponent<"button", any, Pick<ButtonProps, "variant" | "buttonStyle" | "buttonSize">, never>;
 export declare const StartIcon: import("styled-components").StyledComponent<"div", any, Pick<ButtonProps, "buttonSize">, never>;
 export declare const EndIcon: import("styled-components").StyledComponent<"div", any, Pick<ButtonProps, "buttonSize">, never>;
 export declare const IconButtonIcon: import("styled-components").StyledComponent<"div", any, Pick<ButtonProps, "buttonSize">, never>;
-export declare const IconButton: import("styled-components").StyledComponent<"button", any, Pick<ButtonProps, "buttonSize" | "variant" | "buttonStyle">, never>;
+export declare const IconButton: import("styled-components").StyledComponent<"button", any, Pick<ButtonProps, "variant" | "buttonStyle" | "buttonSize">, never>;

dist/components/Button/Button.types.d.ts

 import React from "react";
-export declare type ButtonProps = {
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: "primary" | "destructive";
@@ -9,2 +9,2 @@ buttonStyle?: "primary" | "secondary" | "tertiary" | "outlined";
     endIcon?: React.ReactNode;
-};
+}

dist/logrock-pebbles.es.js

@@ -443,5 +443,5 @@ var __defProp = Object.defineProperty;
     background: "transparent",
-    borderColor: neutral["200"],
+    borderColor: primary["500"],
     borderWidth: "1px",
-    contentColor: neutral["700"]
+    contentColor: primary["500"]
   }
@@ -504,2 +504,3 @@ };
   fontWeight: 500,
+  outline: `3px solid ${primary[200]}`,
   regular: {
@@ -1083,3 +1084,5 @@ xSmall: {
   align-items: center;
+
   border-style: solid;
+
   font-family: ${({ theme: theme2 }) => theme2.buttons.fontFamily};
@@ -1096,2 +1099,6 @@
   }
+
+  &:active {
+    outline: ${({ theme: theme2 }) => theme2.buttons.outline};
+  }
 `;
@@ -1109,2 +1116,3 @@ const baseIconCSS = css`
     border-radius: ${theme2.buttons.regular[buttonSize || "medium"].borderRadius};
+
     font-size: ${theme2.buttons.regular[buttonSize || "medium"].fontSize};
@@ -1115,5 +1123,7 @@ `}
   ${({ theme: theme2, buttonStyle }) => css`
+    border-width: ${theme2.buttons.regular.disabled[buttonStyle || "primary"].borderWidth};
+    border-color: ${theme2.buttons.regular.disabled[buttonStyle || "primary"].borderColor};
+
     background: ${theme2.buttons.regular.disabled[buttonStyle || "primary"].background};
-    border-color: ${theme2.buttons.regular.disabled[buttonStyle || "primary"].borderColor};
-    border-width: ${theme2.buttons.regular.disabled[buttonStyle || "primary"].borderWidth};
+
     color: ${theme2.buttons.regular.disabled[buttonStyle || "primary"].contentColor};
@@ -1124,5 +1134,7 @@ `}
   ${({ theme: theme2, buttonStyle, variant }) => css`
+    border-width: ${theme2.buttons.regular[variant || "primary"][buttonStyle || "primary"].borderWidth};
+    border-color: ${theme2.buttons.regular[variant || "primary"][buttonStyle || "primary"].borderColor};
+
     background: ${theme2.buttons.regular[variant || "primary"][buttonStyle || "primary"].background};
-    border-color: ${theme2.buttons.regular[variant || "primary"][buttonStyle || "primary"].borderColor};
-    border-width: ${theme2.buttons.regular[variant || "primary"][buttonStyle || "primary"].borderWidth};
+
     color: ${theme2.buttons.regular[variant || "primary"][buttonStyle || "primary"].contentColor};
@@ -1157,2 +1169,3 @@ `}
     border-radius: ${theme2.buttons.icon[buttonSize || "medium"].borderRadius};
+
     font-size: ${theme2.buttons.icon[buttonSize || "medium"].fontSize};
@@ -1555,3 +1568,3 @@ `}
   &:hover input ~ ${CheckMark} {
-    background-color: ${({ theme: theme2 }) => theme2.colors.neutral[300]};
+    border-color: ${({ theme: theme2 }) => theme2.checkBox.checked.background};
   }
@@ -1558,0 +1571,0 @@ `;

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 c in t)re.call(t,c)&&a.indexOf(c)<0&&(l[c]=t[c]);if(t!=null&&E)for(var c of E(t))a.indexOf(c)<0&&ne.call(t,c)&&(l[c]=t[c]);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,c,W,le){"use strict";function A(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var r=A(l),de=A(c),_=A(le);const g={"50":"#F9FAFB","100":"#F3F4F6","200":"#E5E7EB","300":"#D1D5DB","400":"#9CA3AF","500":"#6B7280","600":"#4B5563","700":"#374151","800":"#1F2937","900":"#111827"},b={"50":"#FDF5E1","100":"#F9E0A5","200":"#F7D586","300":"#F5CB68","400":"#F1B72C","500":"#F1B72C","600":"#E6A50F","700":"#C08A0C","800":"#996E0A","900":"#735307"},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"},f={"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%)"},s={xxsm:"4px",xsm:"8px",sm:"12px",md:"16px",big:"20px",xbig:"24px",xxbig:"28px",xxxbig:"32px",lg:"40px",xlg:"48px",xxlg:"64px",xxxlg:"80px",huge:"96px",xhuge:"128px",xxhuge:"160px",xxxhuge:"192px"},P={primary:{background:b["500"],borderColor:b["500"],borderWidth:0,contentColor:H["100"]},secondary:{background:b["200"],borderColor:b["200"],borderWidth:0,contentColor:H["100"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:b["800"]},outlined:{background:"transparent",borderColor:g["200"],borderWidth:"1px",contentColor:g["700"]}},T={primary:{background:f["500"],borderColor:f["500"],borderWidth:0,contentColor:H["0"]},secondary:{background:f["50"],borderColor:f["50"],borderWidth:0,contentColor:f["600"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:f["600"]},outlined:{background:"transparent",borderColor:f["300"],borderWidth:"1px",contentColor:f["500"]}},X={primary:{background:g["200"],borderColor:g["200"],borderWidth:0,contentColor:g["400"]},secondary:{background:g["200"],borderColor:g["200"],borderWidth:0,contentColor:g["400"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:g["300"]},outlined:{background:"transparent",borderColor:g["400"],borderWidth:"1px",contentColor:g["300"]}},Me={fontFamily:"Archivo, sans-serif",fontWeight:500,regular:{xSmall:{borderRadius:"2px",fontSize:"14px",iconPadding:s.xxsm,horizontalPadding:"10px",verticalPadding:"6px"},small:{borderRadius:"2px",fontSize:"14px",iconPadding:s.xxsm,horizontalPadding:s.md,verticalPadding:s.xsm},medium:{borderRadius:"2px",fontSize:"16px",iconPadding:s.xxsm,horizontalPadding:s.big,verticalPadding:s.xsm},large:{borderRadius:"2px",fontSize:"18px",iconPadding:s.xxsm,horizontalPadding:s.xbig,verticalPadding:"14px"},primary: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:s.md,horizontalPadding:"14px",verticalPadding:s.md},large:{borderRadius:"2px",size:s.md,horizontalPadding:s.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:s.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:f[900],border:`1px solid ${f[300]}`,boxShadow:v.xSmall,hintColor:g[500],helperColor:f[600],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${f["100"]}`,borderRadius:"2px",border:`1px solid ${f["300"]}`}},info:{color:g[900],border:"1px solid #D1D5DB",boxShadow:v.xSmall,hintColor:g[500],helperColor:g[500],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${b["100"]}`,borderRadius:"2px",border:`1px solid ${b["300"]}`}},label:{color:"black",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontWeight:500},helper:{fontStyle:"normal",fontSize:"14px",lineHeight:"20px",fontWeight:500,margin:"0px 8px"},disabled:{boxSizing:"border-box",boxShadow:v.xSmall,borderRadius:"2px",border:`1px solid ${g["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:g[400]}},_e={items:{hover:{background:b["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:s.md,height:s.md,marginRight:s.sm,default:{background:H[0],borderColor:g[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"},checked:{background:b["500"],borderColor:b["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"}},N={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:s,colors:{neutral:g,primary:b,secondary:ge,error:f,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 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`
   margin: 0;
@@ -205,3 +205,3 @@
 @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(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}}ao();/** @license React v17.0.2
+*/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
  * react-jsx-runtime.production.min.js
@@ -213,7 +213,9 @@ *
  * 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={},p=null,u=null;i!==void 0&&(p=""+i),o.key!==void 0&&(p=""+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:p,ref:u,props:n,_owner:go.current}}F.jsx=I,F.jsxs=I,O.exports=F;const h=O.exports.jsx,$=O.exports.jsxs,G=l.css`
+ */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`
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
+
   border-style: solid;
+
   font-family: ${({theme:e})=>e.buttons.fontFamily};
@@ -230,2 +232,6 @@
   }
+
+  &:active {
+    outline: ${({theme:e})=>e.buttons.outline};
+  }
 `,J=l.css`
@@ -241,2 +247,3 @@ display: flex;
     border-radius: ${o.buttons.regular[e||"medium"].borderRadius};
+
     font-size: ${o.buttons.regular[e||"medium"].fontSize};
@@ -246,5 +253,7 @@ `}
   ${({theme:e,buttonStyle:o})=>l.css`
+    border-width: ${e.buttons.regular.disabled[o||"primary"].borderWidth};
+    border-color: ${e.buttons.regular.disabled[o||"primary"].borderColor};
+
     background: ${e.buttons.regular.disabled[o||"primary"].background};
-    border-color: ${e.buttons.regular.disabled[o||"primary"].borderColor};
-    border-width: ${e.buttons.regular.disabled[o||"primary"].borderWidth};
+
     color: ${e.buttons.regular.disabled[o||"primary"].contentColor};
@@ -254,5 +263,7 @@ `}
   ${({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};
+
     background: ${e.buttons.regular[i||"primary"][o||"primary"].background};
-    border-color: ${e.buttons.regular[i||"primary"][o||"primary"].borderColor};
-    border-width: ${e.buttons.regular[i||"primary"][o||"primary"].borderWidth};
+
     color: ${e.buttons.regular[i||"primary"][o||"primary"].contentColor};
@@ -281,2 +292,3 @@ `}
     border-radius: ${o.buttons.icon[e||"medium"].borderRadius};
+
     font-size: ${o.buttons.icon[e||"medium"].fontSize};
@@ -299,3 +311,3 @@ `}
   ${({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:p=null,children:u}=S,m=M(S,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return d?h(ko,w(k({},m),{variant:o,buttonStyle:i,buttonSize:e,children:h($o,{buttonSize:e,children:n||p},void 0)}),void 0):$(co,w(k({},m),{variant:o,buttonStyle:i,buttonSize:e,children:[n&&h(xo,{buttonSize:e,children:n},void 0),u,p&&h(yo,{buttonSize:e,children:p},void 0)]}),void 0)},y="info",wo=r.default.div`
+`,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`
   display: flex;
@@ -389,3 +401,3 @@ flex-direction: column;
   }
-`,Q=e=>$(wo,{spaced:e.spaced,children:[h(j,{children:e.description},void 0),$(Do,{children:[h(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:[h(Bo,{status:e.status,children:e.hint.content},void 0),e.hint.icon&&h(Co,{status:e.status,children:e.hint.icon},void 0)]},void 0)]},void 0),$(Ho,{children:[e.status==="error"&&h(Fo,{status:e.status,children:h(_.default,{path:W.mdiAlert,size:.7},void 0)},void 0),h(vo,{status:e.status,children:e.helper},void 0)]},void 0)]},void 0),Ao=r.default.button`
+`,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}
@@ -404,3 +416,3 @@ box-sizing: border-box;
   }
-`,Lo=e=>{var o,i,d,n;return h(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`
+`,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`
   display: flex;
@@ -454,3 +466,3 @@ position: ${({focus:e})=>e?"fixed":"relative"};
   }
-`,Ro=({autoCompleteItems:e,renderItem:o,inputProps:i,renderHeader:d,onItemSelected:n,spaced:p})=>{var ie,te;const u=d||(()=>null),m=o||Lo,[Z,S]=c.useState(!1),[Po,z]=c.useState(0),[ee,oe]=c.useState(!1),R=c.useCallback(D=>{switch(D.key){case"Escape":S(!1);break;case"ArrowUp":z(x=>x&&x-1);break;case"ArrowDown":z(x=>x<e.length-1?x+1:x);break;case"Enter":z(x=>(S(!1),e.length&&n&&typeof n=="function"&&n(e[x]),0));break}},[e,n]);return c.useEffect(()=>(document.addEventListener("keydown",R,!1),()=>{document.removeEventListener("keydown",R,!1)}),[R]),c.useEffect(()=>{S(!0)},[e]),$(Oo,{focus:ee,spaced:p||(i==null?void 0:i.spaced),children:[h(Q,w(k({},i),{onFocus:()=>oe(!0),onBlur:()=>oe(!1),hint:{icon:((ie=i==null?void 0:i.hint)==null?void 0:ie.icon)||h(_.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&&h(u,{},void 0),e==null?void 0:e.map((D,x)=>h(m,{item:D,onClick:()=>{S(!1),n&&typeof n=="function"&&n(e[x]),z(0)},onMouseEnter:()=>z(x),highlighted:Po===x},D.id))]},void 0)]},void 0)},C=r.default.span`
+`,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`
   position: relative;
@@ -495,3 +507,3 @@ width: ${({theme:e})=>e.checkBox.width};
   &:hover input ~ ${C} {
-    background-color: ${({theme:e})=>e.colors.neutral[300]};
+    border-color: ${({theme:e})=>e.checkBox.checked.background};
   }
@@ -519,2 +531,2 @@ `,Wo=r.default.input`
   }
-`,_o=d=>{var n=d,{children:e,spaced:o}=n,i=M(n,["children","spaced"]);return $(Mo,{disabled:i.disabled,spaced:o,children:[e,h(Wo,w(k({type:"checkbox"},i),{disabled:i.disabled}),void 0),h(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"});
+`,_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"});

dist/types/theme.d.ts

@@ -167,2 +167,3 @@ import * as CSS from "csstype";
     fontWeight: CSS.Property.FontWeight;
+    outline: CSS.Property.Outline;
     regular: {
@@ -169,0 +170,0 @@ large: ButtonSize;

package.json

@@ -17,3 +17,3 @@ {
   },
-  "version": "4.1.1",
+  "version": "4.2.0",
   "scripts": {
@@ -20,0 +20,0 @@ "build": "tsc --noEmit && vite build",

No alert changes

Improved metrics

Total package byte prevSize

764875

increased by0.04%

Lines of code

2642

increased by0.3%

No dependency changes