Socket
Socket
Sign inDemoInstall

@logrock/pebbles

Package Overview
Dependencies
Maintainers
1
Versions
189
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@logrock/pebbles - npm Package Compare versions

Comparing version 5.1.0 to 5.1.1

2

dist/components/Select/headers/TableHeader.d.ts
import { FC } from "react";
export declare const THead: import("styled-components").StyledComponent<"thead", any, {
export declare const THead: import("styled-components").StyledComponent<"div", any, {
highlighted?: boolean | undefined;

@@ -4,0 +4,0 @@ }, never>;

@@ -1695,3 +1695,3 @@ var __defProp = Object.defineProperty;

`;
const IDTD$1 = styled.td`
const IDTD = styled.td`
flex-basis: ${({

@@ -1705,3 +1705,3 @@ theme: theme2

`;
const NameTD$1 = styled.td`
const NameTD = styled.td`
flex-grow: 1;

@@ -1713,5 +1713,5 @@ `;

children: jsxs(TR$1, {
children: [jsx(IDTD$1, {
children: [jsx(IDTD, {
children: (_a = props == null ? void 0 : props.item) == null ? void 0 : _a.id
}), jsx(NameTD$1, {
}), jsx(NameTD, {
children: ((_b = props == null ? void 0 : props.item) == null ? void 0 : _b.name) || ((_c = props == null ? void 0 : props.item) == null ? void 0 : _c.label) || ((_e = (_d = props == null ? void 0 : props.item) == null ? void 0 : _d.toString) == null ? void 0 : _e.call(_d))

@@ -1722,3 +1722,3 @@ })]

};
const THead = styled.thead`
const THead = styled.div`
${paragraphMediumCSS}

@@ -1738,3 +1738,3 @@ display: flex;

`;
const TR = styled.th`
const TR = styled.tr`
display: flex;

@@ -1745,6 +1745,6 @@ width: 100%;

`;
const IDTD = styled.td`
const IDTH = styled.th`
flex-basis: ${({
theme: theme2
}) => theme2.spacings.huge};
}) => theme2.spacings.xhuge};
flex-grow: 0;

@@ -1755,3 +1755,3 @@ padding-right: ${({

`;
const NameTD = styled.td`
const NameTH = styled.th`
flex-grow: 1;

@@ -1762,5 +1762,5 @@ `;

children: jsxs(TR, {
children: [jsx(IDTD, {
children: [jsx(IDTH, {
children: props.id
}), jsx(NameTD, {
}), jsx(NameTH, {
children: props.name

@@ -1767,0 +1767,0 @@ })]

@@ -1,2 +0,2 @@

var nt=Object.defineProperty,at=Object.defineProperties;var lt=Object.getOwnPropertyDescriptors;var X=Object.getOwnPropertySymbols;var me=Object.prototype.hasOwnProperty,$e=Object.prototype.propertyIsEnumerable;var ye=(i,d,g)=>d in i?nt(i,d,{enumerable:!0,configurable:!0,writable:!0,value:g}):i[d]=g,k=(i,d)=>{for(var g in d||(d={}))me.call(d,g)&&ye(i,g,d[g]);if(X)for(var g of X(d))$e.call(d,g)&&ye(i,g,d[g]);return i},v=(i,d)=>at(i,lt(d));var j=(i,d)=>{var g={};for(var c in i)me.call(i,c)&&d.indexOf(c)<0&&(g[c]=i[c]);if(i!=null&&X)for(var c of X(i))d.indexOf(c)<0&&$e.call(i,c)&&(g[c]=i[c]);return g};(function(i,d){typeof exports=="object"&&typeof module!="undefined"?d(exports,require("styled-breakpoints"),require("styled-components"),require("react"),require("@mdi/js"),require("@mdi/react")):typeof define=="function"&&define.amd?define(["exports","styled-breakpoints","styled-components","react","@mdi/js","@mdi/react"],d):(i=typeof globalThis!="undefined"?globalThis:i||self,d(i["@logrock/pebbles"]={},i["styled-breakpoints"],i.styled,i.React,i.mdijs,i.Icon))})(this,function(i,d,g,c,D,W){"use strict";function U(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var r=U(g),ke=U(c),J=U(W);const f={"50":"#F9FAFB","100":"#F3F4F6","200":"#E5E7EB","300":"#D1D5DB","400":"#9CA3AF","500":"#6B7280","600":"#4B5563","700":"#374151","800":"#1F2937","900":"#111827"},b={"50":"#FDF5E1","100":"#F9E0A5","200":"#F7D586","300":"#F5CB68","400":"#F1B72C","500":"#F1B72C","600":"#E6A50F","700":"#C08A0C","800":"#996E0A","900":"#735307"},we={"50":"#DCE6FD","100":"#B9CCFB","200":"#96B3F8","300":"#729AF6","400":"#4F81F4","500":"#2C67F1","600":"#0E4DE0","700":"#0B3EB3","800":"#092E86","900":"#061F59"},Se={"50":"#F0FDF4","100":"#DCFCE7","200":"#BBF7D0","300":"#86EFAC","400":"#4ADE80","500":"#22C55E","600":"#16A34A","700":"#15803D","800":"#166534","900":"#14532D"},He={"50":"#FEF1DC","100":"#FBD696","200":"#F9C873","300":"#F8BA50","400":"#F6AD2D","500":"#F59E0B","600":"#DF9009","700":"#B27307","800":"#9C6506","900":"#593A04"},m={"50":"#FEF2F2","100":"#FEE2E2","200":"#FECACA","300":"#FCA5A5","400":"#F87171","500":"#EF4444","600":"#DC2626","700":"#B91C1C","800":"#991B1B","900":"#7F1D1D"},C={"0":"#FFFFFF","100":"#000000"},ve={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"}},ze={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"44px",lineHeight:"48px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"}},Fe={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"40px",lineHeight:"48px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"36px",lineHeight:"44px",tracking:"-0.02em"}},Be={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"36px",lineHeight:"44px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"32px",lineHeight:"40px",tracking:"-0.02em"}},Ce={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"32px",lineHeight:"40px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"28px",lineHeight:"36px",tracking:"-0.02em"}},De={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"}},Ee={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"24px",lineHeight:"32px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"20px",lineHeight:"28px",tracking:"-0.02em"}},Ae={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"20px",lineHeight:"28px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"18px",lineHeight:"24px",tracking:"-0.02em"}},Le={fontFamily:"Archivo, sans-serif",fontSize:"18px",lineHeight:"28px",weights:{normal:400,bold:500,bolder:600}},Oe={fontFamily:"Archivo, sans-serif",fontSize:"16px",lineHeight:"24px",weights:{normal:400,bold:500,bolder:600}},Re={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Me={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},je={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weight:600,textTransform:"uppercase"},We={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weight:600,textTransform:"uppercase"},_e={fontFamily:"Archivo, sans-serif",fontSize:"11px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Te={background:"linear-gradient(98.41deg, #FF5F6D 0%, #FFC371 100%)"},Ie={background:"linear-gradient(98.41deg, #16BFFD 0%, #CB3066 100%)"},Ne={background:"linear-gradient(98.41deg, #EECDA3 0%, #EF629F 100%)"},Xe={background:"linear-gradient(98.41deg, #4CA1AF 0%, #C4E0E5 100%)"},Ue={background:"linear-gradient(98.41deg, #F1F2B5 0%, #135058 100%, #135058 100%)"},Pe={background:"linear-gradient(98.41deg, #FF6E7F 0%, #BFE9FF 100%)"},Ge={background:"linear-gradient(98.41deg, #1D2B64 0%, #F8CDDA 100%)"},Je={background:"linear-gradient(98.41deg, #FC00FF 0%, #00B6DE 100%)"},Ve={background:"linear-gradient(98.41deg, #02AAB0 0%, #00CDAC 100%)"},Ye={background:"linear-gradient(98.41deg, #4568DC 0%, #B06AB3 100%)"},s={xxsm:"4px",xsm:"8px",sm:"12px",md:"16px",big:"20px",xbig:"24px",xxbig:"28px",xxxbig:"32px",lg:"40px",xlg:"48px",xxlg:"64px",xxxlg:"80px",huge:"96px",xhuge:"128px",xxhuge:"160px",xxxhuge:"192px"},V={primary:{background:b["500"],borderColor:b["500"],borderWidth:0,contentColor:C["100"]},secondary:{background:b["200"],borderColor:b["200"],borderWidth:0,contentColor:C["100"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:b["800"]},outlined:{background:"transparent",borderColor:b["500"],borderWidth:"1px",contentColor:b["500"]}},Y={primary:{background:m["500"],borderColor:m["500"],borderWidth:0,contentColor:C["0"]},secondary:{background:m["50"],borderColor:m["50"],borderWidth:0,contentColor:m["600"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:m["600"]},outlined:{background:"transparent",borderColor:m["300"],borderWidth:"1px",contentColor:m["500"]}},K={primary:{background:f["200"],borderColor:f["200"],borderWidth:0,contentColor:f["400"]},secondary:{background:f["200"],borderColor:f["200"],borderWidth:0,contentColor:f["400"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:f["300"]},outlined:{background:"transparent",borderColor:f["400"],borderWidth:"1px",contentColor:f["300"]}},Ke={fontFamily:"Archivo, sans-serif",fontWeight:500,outline:`3px solid ${b[200]}`,regular:{xSmall:{borderRadius:"2px",fontSize:"14px",iconPadding:s.xxsm,horizontalPadding:"10px",verticalPadding:"6px"},small:{borderRadius:"2px",fontSize:"14px",iconPadding:s.xxsm,horizontalPadding:s.md,verticalPadding:s.xsm},medium:{borderRadius:"2px",fontSize:"16px",iconPadding:s.xxsm,horizontalPadding:s.big,verticalPadding:s.xsm},large:{borderRadius:"2px",fontSize:"18px",iconPadding:s.xxsm,horizontalPadding:s.xbig,verticalPadding:"14px"},primary:V,destructive:Y,disabled:K},icon:{xSmall:{borderRadius:"2px",size:"14px",horizontalPadding:"11px",verticalPadding:"10px"},small:{borderRadius:"2px",size:"14px",horizontalPadding:"13px",verticalPadding:"14px"},medium:{borderRadius:"2px",size:s.md,horizontalPadding:"14px",verticalPadding:s.md},large:{borderRadius:"2px",size:s.md,horizontalPadding:s.md,verticalPadding:"22px"},primary:V,destructive:Y,disabled:K}},E={xSmall:"0px 1px 2px rgba(16, 24, 40, 0.05)",small:"0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px -1px rgba(16, 24, 40, 0.1)",medium:"0px 4px 6px -1px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.1)",large:"0px 10px 15px -3px rgba(16, 24, 40, 0.1), 0px 4px 6px -4px rgba(16, 24, 40, 0.1)",xLarge:"0px 20px 25px -5px rgba(16, 24, 40, 0.1), 0px 8px 10px -6px rgba(16, 24, 40, 0.1)",xxLarge:"0px 25px 50px -12px rgba(16, 24, 40, 0.25)",upXSmall:"0px -1px 2px rgba(16, 24, 40, 0.05)",upSmall:"0px -1px 3px rgba(16, 24, 40, 0.1), 0px -1px 2px -1px rgba(16, 24, 40, 0.1)",upMedium:"0px -4px 6px -1px rgba(16, 24, 40, 0.1), 0px -2px 4px -2px rgba(16, 24, 40, 0.1)",upLarge:"0px -10px 15px -3px rgba(16, 24, 40, 0.1), 0px -4px 6px -4px rgba(16, 24, 40, 0.1)",upXLarge:"0px -20px 25px -5px rgba(16, 24, 40, 0.1), 0px -8px 10px -6px rgba(16, 24, 40, 0.1)",upXxLarge:"0px -25px 50px -12px rgba(16, 24, 40, 0.25)"},Qe={spacing:s.xxbig,fontFamily:"Archivo",fontWeight:"normal",fontStyle:"normal",fontSize:s.md,lineHeight:s.xbig,fontFeatureSettings:"'salt' on",padding:`10px ${s.sm}`,boxSizing:"border-box",boxShadow:E.xSmall,borderRadius:"2px",border:"1px solid #D1D5DB",margin:`${s.xsm} 0px`,background:"white",height:"50px",width:"100%",error:{color:m[900],border:`1px solid ${m[300]}`,boxShadow:E.xSmall,hintColor:f[500],helperColor:m["600"],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px ${s.xxsm} ${m["100"]}`,borderRadius:"2px",border:`1px solid ${m["300"]}`}},info:{color:f[900],border:"1px solid #D1D5DB",boxShadow:E.xSmall,hintColor:f[500],helperColor:f[500],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${b["100"]}`,borderRadius:"2px",border:`1px solid ${b["300"]}`}},label:{color:"black",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontWeight:500},helper:{fontStyle:"normal",fontSize:"14px",lineHeight:"20px",fontWeight:500,margin:s.xsm},disabled:{boxSizing:"border-box",boxShadow:E.xSmall,borderRadius:"2px",border:`1px solid ${f["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:f[400]}},Ze={items:{hover:{background:b["50"]},shadow:"1px 1px 2px rgba(0, 0, 0, 0.3)"}},qe={checkMark:{color:C[0],width:"3px",height:"6px",left:"5px",top:"2px"},width:s.md,height:s.md,marginRight:s.sm,default:{background:C[0],borderColor:f[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"},checked:{background:b["500"],borderColor:b["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"}},eo={fontFamily:"Archivo",size:"50px",background:"white",loaderColor:{loaderBar:b[500],background:b[50]}},Q={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:s,colors:{neutral:f,primary:b,secondary:we,error:m,success:Se,warning:He,shades:C},typography:{displayLarge:ve,displaySmall:ze,headingH1:Fe,headingH2:Be,headingH3:Ce,headingH4:De,headingH5:Ee,headingH6:Ae,paragraphLarge:Le,paragraphMedium:Oe,paragraphSmall:Re,paragraphXSmall:Me,overlineLarge:je,overlineMedium:We,overlineSmall:_e},shadows:E,blurs:{none:"0",small:"8px",medium:"16px",large:"24px",xLarge:"40px"},gradients:{sunburst:Te,blueMoon:Ge,blueberryWine:Ye,cherryCola:Ne,coldSky:Xe,darkWineSea:Ie,morningSakura:Pe,oliveGarden:Ue,synthwave:Je,teaLeaves:Ve},buttons:Ke,inputBox:Qe,loader:eo,select:Ze,checkBox:qe},oo=v(k({},Q),{name:"dark"}),_=({underlined:e,strikedThrough:o})=>{const t=[];return e&&t.push("underline"),o&&t.push("line-through"),t.join(" ")},to=r.default.h1`
var nt=Object.defineProperty,at=Object.defineProperties;var lt=Object.getOwnPropertyDescriptors;var X=Object.getOwnPropertySymbols;var me=Object.prototype.hasOwnProperty,$e=Object.prototype.propertyIsEnumerable;var ye=(i,d,g)=>d in i?nt(i,d,{enumerable:!0,configurable:!0,writable:!0,value:g}):i[d]=g,k=(i,d)=>{for(var g in d||(d={}))me.call(d,g)&&ye(i,g,d[g]);if(X)for(var g of X(d))$e.call(d,g)&&ye(i,g,d[g]);return i},v=(i,d)=>at(i,lt(d));var j=(i,d)=>{var g={};for(var c in i)me.call(i,c)&&d.indexOf(c)<0&&(g[c]=i[c]);if(i!=null&&X)for(var c of X(i))d.indexOf(c)<0&&$e.call(i,c)&&(g[c]=i[c]);return g};(function(i,d){typeof exports=="object"&&typeof module!="undefined"?d(exports,require("styled-breakpoints"),require("styled-components"),require("react"),require("@mdi/js"),require("@mdi/react")):typeof define=="function"&&define.amd?define(["exports","styled-breakpoints","styled-components","react","@mdi/js","@mdi/react"],d):(i=typeof globalThis!="undefined"?globalThis:i||self,d(i["@logrock/pebbles"]={},i["styled-breakpoints"],i.styled,i.React,i.mdijs,i.Icon))})(this,function(i,d,g,c,E,W){"use strict";function U(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var r=U(g),ke=U(c),J=U(W);const f={"50":"#F9FAFB","100":"#F3F4F6","200":"#E5E7EB","300":"#D1D5DB","400":"#9CA3AF","500":"#6B7280","600":"#4B5563","700":"#374151","800":"#1F2937","900":"#111827"},b={"50":"#FDF5E1","100":"#F9E0A5","200":"#F7D586","300":"#F5CB68","400":"#F1B72C","500":"#F1B72C","600":"#E6A50F","700":"#C08A0C","800":"#996E0A","900":"#735307"},we={"50":"#DCE6FD","100":"#B9CCFB","200":"#96B3F8","300":"#729AF6","400":"#4F81F4","500":"#2C67F1","600":"#0E4DE0","700":"#0B3EB3","800":"#092E86","900":"#061F59"},Se={"50":"#F0FDF4","100":"#DCFCE7","200":"#BBF7D0","300":"#86EFAC","400":"#4ADE80","500":"#22C55E","600":"#16A34A","700":"#15803D","800":"#166534","900":"#14532D"},He={"50":"#FEF1DC","100":"#FBD696","200":"#F9C873","300":"#F8BA50","400":"#F6AD2D","500":"#F59E0B","600":"#DF9009","700":"#B27307","800":"#9C6506","900":"#593A04"},m={"50":"#FEF2F2","100":"#FEE2E2","200":"#FECACA","300":"#FCA5A5","400":"#F87171","500":"#EF4444","600":"#DC2626","700":"#B91C1C","800":"#991B1B","900":"#7F1D1D"},C={"0":"#FFFFFF","100":"#000000"},ve={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"}},ze={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"44px",lineHeight:"48px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"}},Fe={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"40px",lineHeight:"48px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"36px",lineHeight:"44px",tracking:"-0.02em"}},Be={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"36px",lineHeight:"44px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"32px",lineHeight:"40px",tracking:"-0.02em"}},Ce={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"32px",lineHeight:"40px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"28px",lineHeight:"36px",tracking:"-0.02em"}},Ee={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"28px",lineHeight:"36px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"24px",lineHeight:"32px",tracking:"-0.02em"}},De={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"24px",lineHeight:"32px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"20px",lineHeight:"28px",tracking:"-0.02em"}},Ae={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"20px",lineHeight:"28px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"18px",lineHeight:"24px",tracking:"-0.02em"}},Le={fontFamily:"Archivo, sans-serif",fontSize:"18px",lineHeight:"28px",weights:{normal:400,bold:500,bolder:600}},Oe={fontFamily:"Archivo, sans-serif",fontSize:"16px",lineHeight:"24px",weights:{normal:400,bold:500,bolder:600}},Re={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Me={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},je={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weight:600,textTransform:"uppercase"},We={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weight:600,textTransform:"uppercase"},_e={fontFamily:"Archivo, sans-serif",fontSize:"11px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Te={background:"linear-gradient(98.41deg, #FF5F6D 0%, #FFC371 100%)"},Ie={background:"linear-gradient(98.41deg, #16BFFD 0%, #CB3066 100%)"},Ne={background:"linear-gradient(98.41deg, #EECDA3 0%, #EF629F 100%)"},Xe={background:"linear-gradient(98.41deg, #4CA1AF 0%, #C4E0E5 100%)"},Ue={background:"linear-gradient(98.41deg, #F1F2B5 0%, #135058 100%, #135058 100%)"},Pe={background:"linear-gradient(98.41deg, #FF6E7F 0%, #BFE9FF 100%)"},Ge={background:"linear-gradient(98.41deg, #1D2B64 0%, #F8CDDA 100%)"},Je={background:"linear-gradient(98.41deg, #FC00FF 0%, #00B6DE 100%)"},Ve={background:"linear-gradient(98.41deg, #02AAB0 0%, #00CDAC 100%)"},Ye={background:"linear-gradient(98.41deg, #4568DC 0%, #B06AB3 100%)"},s={xxsm:"4px",xsm:"8px",sm:"12px",md:"16px",big:"20px",xbig:"24px",xxbig:"28px",xxxbig:"32px",lg:"40px",xlg:"48px",xxlg:"64px",xxxlg:"80px",huge:"96px",xhuge:"128px",xxhuge:"160px",xxxhuge:"192px"},V={primary:{background:b["500"],borderColor:b["500"],borderWidth:0,contentColor:C["100"]},secondary:{background:b["200"],borderColor:b["200"],borderWidth:0,contentColor:C["100"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:b["800"]},outlined:{background:"transparent",borderColor:b["500"],borderWidth:"1px",contentColor:b["500"]}},Y={primary:{background:m["500"],borderColor:m["500"],borderWidth:0,contentColor:C["0"]},secondary:{background:m["50"],borderColor:m["50"],borderWidth:0,contentColor:m["600"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:m["600"]},outlined:{background:"transparent",borderColor:m["300"],borderWidth:"1px",contentColor:m["500"]}},K={primary:{background:f["200"],borderColor:f["200"],borderWidth:0,contentColor:f["400"]},secondary:{background:f["200"],borderColor:f["200"],borderWidth:0,contentColor:f["400"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:f["300"]},outlined:{background:"transparent",borderColor:f["400"],borderWidth:"1px",contentColor:f["300"]}},Ke={fontFamily:"Archivo, sans-serif",fontWeight:500,outline:`3px solid ${b[200]}`,regular:{xSmall:{borderRadius:"2px",fontSize:"14px",iconPadding:s.xxsm,horizontalPadding:"10px",verticalPadding:"6px"},small:{borderRadius:"2px",fontSize:"14px",iconPadding:s.xxsm,horizontalPadding:s.md,verticalPadding:s.xsm},medium:{borderRadius:"2px",fontSize:"16px",iconPadding:s.xxsm,horizontalPadding:s.big,verticalPadding:s.xsm},large:{borderRadius:"2px",fontSize:"18px",iconPadding:s.xxsm,horizontalPadding:s.xbig,verticalPadding:"14px"},primary:V,destructive:Y,disabled:K},icon:{xSmall:{borderRadius:"2px",size:"14px",horizontalPadding:"11px",verticalPadding:"10px"},small:{borderRadius:"2px",size:"14px",horizontalPadding:"13px",verticalPadding:"14px"},medium:{borderRadius:"2px",size:s.md,horizontalPadding:"14px",verticalPadding:s.md},large:{borderRadius:"2px",size:s.md,horizontalPadding:s.md,verticalPadding:"22px"},primary:V,destructive:Y,disabled:K}},D={xSmall:"0px 1px 2px rgba(16, 24, 40, 0.05)",small:"0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px -1px rgba(16, 24, 40, 0.1)",medium:"0px 4px 6px -1px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.1)",large:"0px 10px 15px -3px rgba(16, 24, 40, 0.1), 0px 4px 6px -4px rgba(16, 24, 40, 0.1)",xLarge:"0px 20px 25px -5px rgba(16, 24, 40, 0.1), 0px 8px 10px -6px rgba(16, 24, 40, 0.1)",xxLarge:"0px 25px 50px -12px rgba(16, 24, 40, 0.25)",upXSmall:"0px -1px 2px rgba(16, 24, 40, 0.05)",upSmall:"0px -1px 3px rgba(16, 24, 40, 0.1), 0px -1px 2px -1px rgba(16, 24, 40, 0.1)",upMedium:"0px -4px 6px -1px rgba(16, 24, 40, 0.1), 0px -2px 4px -2px rgba(16, 24, 40, 0.1)",upLarge:"0px -10px 15px -3px rgba(16, 24, 40, 0.1), 0px -4px 6px -4px rgba(16, 24, 40, 0.1)",upXLarge:"0px -20px 25px -5px rgba(16, 24, 40, 0.1), 0px -8px 10px -6px rgba(16, 24, 40, 0.1)",upXxLarge:"0px -25px 50px -12px rgba(16, 24, 40, 0.25)"},Qe={spacing:s.xxbig,fontFamily:"Archivo",fontWeight:"normal",fontStyle:"normal",fontSize:s.md,lineHeight:s.xbig,fontFeatureSettings:"'salt' on",padding:`10px ${s.sm}`,boxSizing:"border-box",boxShadow:D.xSmall,borderRadius:"2px",border:"1px solid #D1D5DB",margin:`${s.xsm} 0px`,background:"white",height:"50px",width:"100%",error:{color:m[900],border:`1px solid ${m[300]}`,boxShadow:D.xSmall,hintColor:f[500],helperColor:m["600"],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px ${s.xxsm} ${m["100"]}`,borderRadius:"2px",border:`1px solid ${m["300"]}`}},info:{color:f[900],border:"1px solid #D1D5DB",boxShadow:D.xSmall,hintColor:f[500],helperColor:f[500],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${b["100"]}`,borderRadius:"2px",border:`1px solid ${b["300"]}`}},label:{color:"black",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontWeight:500},helper:{fontStyle:"normal",fontSize:"14px",lineHeight:"20px",fontWeight:500,margin:s.xsm},disabled:{boxSizing:"border-box",boxShadow:D.xSmall,borderRadius:"2px",border:`1px solid ${f["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:f[400]}},Ze={items:{hover:{background:b["50"]},shadow:"1px 1px 2px rgba(0, 0, 0, 0.3)"}},qe={checkMark:{color:C[0],width:"3px",height:"6px",left:"5px",top:"2px"},width:s.md,height:s.md,marginRight:s.sm,default:{background:C[0],borderColor:f[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"},checked:{background:b["500"],borderColor:b["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"}},eo={fontFamily:"Archivo",size:"50px",background:"white",loaderColor:{loaderBar:b[500],background:b[50]}},Q={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:s,colors:{neutral:f,primary:b,secondary:we,error:m,success:Se,warning:He,shades:C},typography:{displayLarge:ve,displaySmall:ze,headingH1:Fe,headingH2:Be,headingH3:Ce,headingH4:Ee,headingH5:De,headingH6:Ae,paragraphLarge:Le,paragraphMedium:Oe,paragraphSmall:Re,paragraphXSmall:Me,overlineLarge:je,overlineMedium:We,overlineSmall:_e},shadows:D,blurs:{none:"0",small:"8px",medium:"16px",large:"24px",xLarge:"40px"},gradients:{sunburst:Te,blueMoon:Ge,blueberryWine:Ye,cherryCola:Ne,coldSky:Xe,darkWineSea:Ie,morningSakura:Pe,oliveGarden:Ue,synthwave:Je,teaLeaves:Ve},buttons:Ke,inputBox:Qe,loader:eo,select:Ze,checkBox:qe},oo=v(k({},Q),{name:"dark"}),_=({underlined:e,strikedThrough:o})=>{const t=[];return e&&t.push("underline"),o&&t.push("line-through"),t.join(" ")},to=r.default.h1`
margin: 0;

@@ -275,7 +275,7 @@

${Bo}
`,Do=g.css`
`,Eo=g.css`
margin-left: ${({theme:e,buttonSize:o})=>e.buttons.regular[o||"medium"].iconPadding};
`,Eo=r.default.div`
`,Do=r.default.div`
${ie}
${Do}
${Eo}
`,Ao=g.css`

@@ -305,3 +305,3 @@ ${({buttonSize:e,theme:o})=>g.css`

${({disabled:e})=>e?re:ne}
`,ae=z=>{var F=z,{buttonSize:e="medium",variant:o="primary",buttonStyle:t="primary",iconOnly:a=!1,startIcon:n=null,endIcon:p=null,children:w}=F,x=j(F,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return a?l(Ro,v(k({},x),{variant:o,buttonStyle:t,buttonSize:e,children:l(Oo,{buttonSize:e,children:n||p})})):u(Fo,v(k({},x),{variant:o,buttonStyle:t,buttonSize:e,children:[n&&l(Co,{buttonSize:e,children:n}),w,p&&l(Eo,{buttonSize:e,children:p})]}))},H="info",le=r.default.div`
`,ae=z=>{var F=z,{buttonSize:e="medium",variant:o="primary",buttonStyle:t="primary",iconOnly:a=!1,startIcon:n=null,endIcon:p=null,children:w}=F,x=j(F,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return a?l(Ro,v(k({},x),{variant:o,buttonStyle:t,buttonSize:e,children:l(Oo,{buttonSize:e,children:n||p})})):u(Fo,v(k({},x),{variant:o,buttonStyle:t,buttonSize:e,children:[n&&l(Co,{buttonSize:e,children:n}),w,p&&l(Do,{buttonSize:e,children:p})]}))},H="info",le=r.default.div`
display: flex;

@@ -397,3 +397,3 @@ flex-direction: column;

}
`,jo=w=>{var x=w,{spaced:e,description:o,status:t,hint:a,helper:n}=x,p=j(x,["spaced","description","status","hint","helper"]);return u(le,{spaced:e,children:[l(T,{children:o}),u(Mo,{children:[l(fe,k({status:t},p)),a&&u(se,{children:[l(ce,{status:t,children:a.content}),a.icon&&l(he,{status:t,children:a.icon})]})]}),u(de,{children:[t==="error"&&l(pe,{status:t,children:l(J.default,{path:D.mdiAlert,size:.7})}),l(ge,{status:t,children:n})]})]})},Wo=r.default.div`
`,jo=w=>{var x=w,{spaced:e,description:o,status:t,hint:a,helper:n}=x,p=j(x,["spaced","description","status","hint","helper"]);return u(le,{spaced:e,children:[l(T,{children:o}),u(Mo,{children:[l(fe,k({status:t},p)),a&&u(se,{children:[l(ce,{status:t,children:a.content}),a.icon&&l(he,{status:t,children:a.icon})]})]}),u(de,{children:[t==="error"&&l(pe,{status:t,children:l(J.default,{path:E.mdiAlert,size:.7})}),l(ge,{status:t,children:n})]})]})},Wo=r.default.div`
display: flex;

@@ -412,3 +412,3 @@ flex-direction: row;

margin: ${({theme:e})=>e.inputBox.margin};
`,Io=w=>{var x=w,{spaced:e,status:o,description:t,hint:a,helper:n}=x,p=j(x,["spaced","status","description","hint","helper"]);const[z,F]=c.useState(Number(p.value)||0),S=c.useRef(null),N=()=>{F(y=>y+1)},G=()=>{F(y=>y>0?y-1:y)};return c.useEffect(()=>{var B,R,M,$;const y=(R=Object.getOwnPropertyDescriptor((B=window==null?void 0:window.HTMLInputElement)==null?void 0:B.prototype,"value"))==null?void 0:R.set;(M=y==null?void 0:y.call)==null||M.call(y,S.current,`${z}`);const O=new Event("input",{bubbles:!0});($=S==null?void 0:S.current)==null||$.dispatchEvent(O)},[z]),u(le,{spaced:e,children:[l(T,{children:t}),u(Wo,{children:[l(be,{onClick:G,buttonSize:"xSmall",children:l(W.Icon,{path:D.mdiMinus,size:1.35})}),u(To,{children:[l(_o,v(k({status:o},p),{ref:S})),a&&u(se,{children:[l(ce,{status:o,children:a.content}),a.icon&&l(he,{status:o,children:a.icon})]})]}),l(be,{onClick:N,buttonSize:"xSmall",children:l(W.Icon,{path:D.mdiPlus,size:1.35})})]}),u(de,{children:[o==="error"&&l(pe,{status:o,children:l(W.Icon,{path:D.mdiAlert,size:.7})}),l(ge,{status:o,children:n})]})]})},xe=e=>e.type==="number"?l(Io,k({},e)):l(jo,k({},e)),No=r.default.button`
`,Io=w=>{var x=w,{spaced:e,status:o,description:t,hint:a,helper:n}=x,p=j(x,["spaced","status","description","hint","helper"]);const[z,F]=c.useState(Number(p.value)||0),S=c.useRef(null),N=()=>{F(y=>y+1)},G=()=>{F(y=>y>0?y-1:y)};return c.useEffect(()=>{var B,R,M,$;const y=(R=Object.getOwnPropertyDescriptor((B=window==null?void 0:window.HTMLInputElement)==null?void 0:B.prototype,"value"))==null?void 0:R.set;(M=y==null?void 0:y.call)==null||M.call(y,S.current,`${z}`);const O=new Event("input",{bubbles:!0});($=S==null?void 0:S.current)==null||$.dispatchEvent(O)},[z]),u(le,{spaced:e,children:[l(T,{children:t}),u(Wo,{children:[l(be,{onClick:G,buttonSize:"xSmall",children:l(W.Icon,{path:E.mdiMinus,size:1.35})}),u(To,{children:[l(_o,v(k({status:o},p),{ref:S})),a&&u(se,{children:[l(ce,{status:o,children:a.content}),a.icon&&l(he,{status:o,children:a.icon})]})]}),l(be,{onClick:N,buttonSize:"xSmall",children:l(W.Icon,{path:E.mdiPlus,size:1.35})})]}),u(de,{children:[o==="error"&&l(pe,{status:o,children:l(W.Icon,{path:E.mdiAlert,size:.7})}),l(ge,{status:o,children:n})]})]})},xe=e=>e.type==="number"?l(Io,k({},e)):l(jo,k({},e)),No=r.default.button`
${A}

@@ -476,3 +476,3 @@ box-sizing: border-box;

}
`,Po=({autoCompleteItems:e,renderItem:o,inputProps:t,renderHeader:a,onItemSelected:n,spaced:p})=>{var R,M;const w=o||ue,[x,z]=c.useState(0),[F,S]=c.useState(!1),[N,G]=c.useState(!1),y=c.useRef(null),O=c.useCallback($=>{switch($.key){case"Escape":S(!1);break;case"ArrowUp":z(h=>h&&h-1);break;case"ArrowDown":z(h=>h<e.length-1?h+1:h);break;case"Enter":z(h=>(e.length&&n&&typeof n=="function"&&n(e[h]),0));break}},[e,n]),B=$=>{!y.current||y.current.contains($.target)||S(!1)};return c.useEffect(()=>(document.addEventListener("keydown",O,!1),document.addEventListener("mousedown",B),document.addEventListener("touchstart",B),()=>{document.removeEventListener("keydown",O,!1),document.removeEventListener("mousedown",B),document.removeEventListener("touchstart",B)}),[O]),c.useEffect(()=>{N&&S(!0)},[e,N]),u(Xo,{focus:F,spaced:p||(t==null?void 0:t.spaced),ref:y,children:[l(xe,v(k({},t),{onFocus:$=>{var h;G(!0),S(!0),(h=t==null?void 0:t.onFocus)==null||h.call(t,$)},onClick:$=>{var h;S(!0),(h=t==null?void 0:t.onClick)==null||h.call(t,$)},hint:{icon:((R=t==null?void 0:t.hint)==null?void 0:R.icon)||l(J.default,{path:D.mdiUnfoldMoreHorizontal,size:.7}),content:((M=t==null?void 0:t.hint)==null?void 0:M.content)||""},spaced:!1})),F&&u(Uo,{focus:F,helper:t==null?void 0:t.helper,description:t==null?void 0:t.description,children:[a||null,e==null?void 0:e.map(($,h)=>l(w,{item:$,onClick:()=>{n==null||n(e[h]),z(0),S(!1)},onMouseEnter:()=>z(h),highlighted:x===h},$.id))]})]})},Go=r.default.button`
`,Po=({autoCompleteItems:e,renderItem:o,inputProps:t,renderHeader:a,onItemSelected:n,spaced:p})=>{var R,M;const w=o||ue,[x,z]=c.useState(0),[F,S]=c.useState(!1),[N,G]=c.useState(!1),y=c.useRef(null),O=c.useCallback($=>{switch($.key){case"Escape":S(!1);break;case"ArrowUp":z(h=>h&&h-1);break;case"ArrowDown":z(h=>h<e.length-1?h+1:h);break;case"Enter":z(h=>(e.length&&n&&typeof n=="function"&&n(e[h]),0));break}},[e,n]),B=$=>{!y.current||y.current.contains($.target)||S(!1)};return c.useEffect(()=>(document.addEventListener("keydown",O,!1),document.addEventListener("mousedown",B),document.addEventListener("touchstart",B),()=>{document.removeEventListener("keydown",O,!1),document.removeEventListener("mousedown",B),document.removeEventListener("touchstart",B)}),[O]),c.useEffect(()=>{N&&S(!0)},[e,N]),u(Xo,{focus:F,spaced:p||(t==null?void 0:t.spaced),ref:y,children:[l(xe,v(k({},t),{onFocus:$=>{var h;G(!0),S(!0),(h=t==null?void 0:t.onFocus)==null||h.call(t,$)},onClick:$=>{var h;S(!0),(h=t==null?void 0:t.onClick)==null||h.call(t,$)},hint:{icon:((R=t==null?void 0:t.hint)==null?void 0:R.icon)||l(J.default,{path:E.mdiUnfoldMoreHorizontal,size:.7}),content:((M=t==null?void 0:t.hint)==null?void 0:M.content)||""},spaced:!1})),F&&u(Uo,{focus:F,helper:t==null?void 0:t.helper,description:t==null?void 0:t.description,children:[a||null,e==null?void 0:e.map(($,h)=>l(w,{item:$,onClick:()=>{n==null||n(e[h]),z(0),S(!1)},onMouseEnter:()=>z(h),highlighted:x===h},$.id))]})]})},Go=r.default.button`
${A}

@@ -501,3 +501,3 @@ display: flex;

flex-grow: 1;
`,Ko=e=>{var o,t,a,n,p;return l(Go,v(k({},e),{children:u(Jo,{children:[l(Vo,{children:(o=e==null?void 0:e.item)==null?void 0:o.id}),l(Yo,{children:((t=e==null?void 0:e.item)==null?void 0:t.name)||((a=e==null?void 0:e.item)==null?void 0:a.label)||((p=(n=e==null?void 0:e.item)==null?void 0:n.toString)==null?void 0:p.call(n))})]})}))},Qo=r.default.thead`
`,Ko=e=>{var o,t,a,n,p;return l(Go,v(k({},e),{children:u(Jo,{children:[l(Vo,{children:(o=e==null?void 0:e.item)==null?void 0:o.id}),l(Yo,{children:((t=e==null?void 0:e.item)==null?void 0:t.name)||((a=e==null?void 0:e.item)==null?void 0:a.label)||((p=(n=e==null?void 0:e.item)==null?void 0:n.toString)==null?void 0:p.call(n))})]})}))},Qo=r.default.div`
${A}

@@ -513,3 +513,3 @@ display: flex;

text-align: left;
`,Zo=r.default.th`
`,Zo=r.default.tr`
display: flex;

@@ -519,7 +519,7 @@ width: 100%;

font-weight: bold;
`,qo=r.default.td`
flex-basis: ${({theme:e})=>e.spacings.huge};
`,qo=r.default.th`
flex-basis: ${({theme:e})=>e.spacings.xhuge};
flex-grow: 0;
padding-right: ${({theme:e})=>e.spacings.md};
`,et=r.default.td`
`,et=r.default.th`
flex-grow: 1;

@@ -526,0 +526,0 @@ `,ot=e=>l(Qo,v(k({},e),{children:u(Zo,{children:[l(qo,{children:e.id}),l(et,{children:e.name})]})})),I=r.default.span`

@@ -17,3 +17,3 @@ {

},
"version": "5.1.0",
"version": "5.1.1",
"scripts": {

@@ -20,0 +20,0 @@ "build": "tsc --noEmit && vite build",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc