nogbase-ui 1.0.0

package/dist/AppTooltip-BGyiynP0.js

@@ -0,0 +1,150 @@
+import { j as i } from "./jsx-runtime-R4VT8aVc.js";
+import { styled as S } from "@linaria/react";
+import { isNonEmptyString as j, isNull as U, isUndefined as B } from "@sniptt/guards";
+import { atom as T, useAtom as P } from "jotai";
+import { useContext as $ } from "react";
+import { T as L } from "./ThemeProvider-CpY05Gd2.js";
+import { s as A, R as V } from "./config-BQRGC1lM.js";
+import { p as D } from "./utils-BsFkjDy5.js";
+import { Tooltip as F } from "react-tooltip";
+const _ = T([]);
+_.debugLabel = "invalidAvatarUrlsAtomV2";
+const k = {
+  xl: {
+    fontSize: "16px",
+    width: "40px"
+  },
+  lg: {
+    fontSize: "13px",
+    width: "24px"
+  },
+  md: {
+    fontSize: "12px",
+    width: "16px"
+  },
+  sm: {
+    fontSize: "10px",
+    width: "14px"
+  },
+  xs: {
+    fontSize: "8px",
+    width: "12px"
+  }
+}, N = () => ({
+  rounded: s,
+  type: r
+}) => s ? "50%" : r === "icon" ? "4px" : "2px", W = () => ({
+  type: s,
+  borderColor: r
+}) => s === "app" && r ? `1px solid ${r}` : "none", q = () => ({
+  size: s
+}) => k[s].fontSize, H = () => ({
+  size: s
+}) => k[s].width, M = () => ({
+  color: s
+}) => s, O = () => ({
+  backgroundColor: s
+}) => s, Y = () => ({
+  clickable: s,
+  backgroundTransparentLight: r
+}) => s ? `0 0 0 4px ${r}` : "none", Z = /* @__PURE__ */ S("div")({
+  name: "StyledAvatar",
+  class: "skj0go6",
+  propsAsIs: !1,
+  vars: {
+    "skj0go6-0": [N()],
+    "skj0go6-1": [W()],
+    "skj0go6-2": [q()],
+    "skj0go6-3": [H()],
+    "skj0go6-4": [M()],
+    "skj0go6-5": [O()],
+    "skj0go6-6": [Y()]
+  }
+}), G = /* @__PURE__ */ S("img")({
+  name: "StyledImage",
+  class: "s11vr7rx",
+  propsAsIs: !1
+}), J = () => ({
+  fontWeight: s
+}) => s, K = /* @__PURE__ */ S("span")({
+  name: "StyledPlaceholderChar",
+  class: "s1muucam",
+  propsAsIs: !1,
+  vars: {
+    "s1muucam-0": [J()]
+  }
+}), ms = ({
+  avatarUrl: s,
+  size: r = "md",
+  placeholder: c,
+  placeholderColorSeed: e = c,
+  Icon: n,
+  iconColor: l,
+  onClick: m,
+  type: a = "squared",
+  color: d,
+  backgroundColor: p,
+  borderColor: x
+}) => {
+  const {
+    theme: t
+  } = $(L), [g, h] = P(_), o = j(s) ? D({
+    imageUrl: s,
+    baseUrl: V
+  }) : null, u = c?.trim()?.charAt(0), f = !u || u === "", C = u?.toUpperCase() || "-", v = U(o) || g.includes(o), y = () => {
+    j(o) && h((z) => [...z, o]);
+  }, E = f ? t.font.color.tertiary : d ?? A({
+    string: e ?? "",
+    variant: 12,
+    theme: t
+  }), w = f ? t.background.transparent.light : p ?? A({
+    string: e ?? "",
+    variant: a === "app" ? 5 : 4,
+    theme: t
+  }), R = a === "app" ? x ?? (f ? void 0 : A({
+    string: e ?? "",
+    variant: 6,
+    theme: t
+  })) : void 0, b = v, I = v;
+  return /* @__PURE__ */ i.jsx(Z, { size: r, backgroundColor: n ? "inherit" : b ? w : "none", borderColor: I ? R : void 0, color: E, clickable: !B(m), rounded: a === "rounded", type: a, onClick: m, backgroundTransparentLight: t.background.transparent.light, children: n ? /* @__PURE__ */ i.jsx(n, { color: l || "currentColor", size: t.icon.size.xl }) : v ? /* @__PURE__ */ i.jsx(K, { fontWeight: 500, children: C }) : /* @__PURE__ */ i.jsx(G, { src: o, onError: y, alt: "" }) });
+};
+var Q = /* @__PURE__ */ ((s) => (s.Top = "top", s.Left = "left", s.Right = "right", s.Bottom = "bottom", s))(Q || {}), X = /* @__PURE__ */ ((s) => (s.noDelay = "0ms", s.shortDelay = "300ms", s.mediumDelay = "500ms", s.longDelay = "1000ms", s))(X || {});
+const ss = "a3dy3az", ds = ({
+  anchorSelect: s,
+  className: r,
+  content: c,
+  hidden: e = !1,
+  noArrow: n,
+  offset: l,
+  delay: m = "500ms",
+  place: a,
+  positionStrategy: d,
+  children: p,
+  clickable: x,
+  width: t,
+  isOpen: g
+}) => {
+  const h = (o) => {
+    switch (o) {
+      case "0ms":
+        return 0;
+      case "300ms":
+        return 300;
+      case "500ms":
+        return 500;
+      case "1000ms":
+        return 1e3;
+    }
+  };
+  return /* @__PURE__ */ i.jsx(F, { anchorSelect: s, className: `${ss}${r ? ` ${r}` : ""}`, content: c, delayShow: h(m), delayHide: 20, hidden: e, noArrow: n, offset: l, place: a, positionStrategy: d, clickable: x, isOpen: g, style: {
+    maxWidth: t ?? "40%"
+  }, children: p });
+};
+export {
+  ds as A,
+  X as T,
+  ms as a,
+  Q as b,
+  k as c,
+  _ as i
+};

package/dist/AppTooltip-BSOOys5a.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./jsx-runtime-CycUbF8Y.cjs"),j=require("@linaria/react"),p=require("@sniptt/guards"),_=require("jotai"),z=require("react"),B=require("./ThemeProvider-CLAfdrfV.cjs"),m=require("./config-rVY5Wtrt.cjs"),V=require("./utils-DOUsOuwI.cjs"),$=require("react-tooltip"),E=_.atom([]);E.debugLabel="invalidAvatarUrlsAtomV2";const R={xl:{fontSize:"16px",width:"40px"},lg:{fontSize:"13px",width:"24px"},md:{fontSize:"12px",width:"16px"},sm:{fontSize:"10px",width:"14px"},xs:{fontSize:"8px",width:"12px"}},L=()=>({rounded:t,type:s})=>t?"50%":s==="icon"?"4px":"2px",D=()=>({type:t,borderColor:s})=>t==="app"&&s?`1px solid ${s}`:"none",N=()=>({size:t})=>R[t].fontSize,F=()=>({size:t})=>R[t].width,O=()=>({color:t})=>t,W=()=>({backgroundColor:t})=>t,Y=()=>({clickable:t,backgroundTransparentLight:s})=>t?`0 0 0 4px ${s}`:"none",Z=j.styled("div")({name:"StyledAvatar",class:"skj0go6",propsAsIs:!1,vars:{"skj0go6-0":[L()],"skj0go6-1":[D()],"skj0go6-2":[N()],"skj0go6-3":[F()],"skj0go6-4":[O()],"skj0go6-5":[W()],"skj0go6-6":[Y()]}}),H=j.styled("img")({name:"StyledImage",class:"s11vr7rx",propsAsIs:!1}),M=()=>({fontWeight:t})=>t,G=j.styled("span")({name:"StyledPlaceholderChar",class:"s1muucam",propsAsIs:!1,vars:{"s1muucam-0":[M()]}}),J=({avatarUrl:t,size:s="md",placeholder:c,placeholderColorSeed:n=c,Icon:a,iconColor:l,onClick:d,type:o="squared",color:u,backgroundColor:x,borderColor:g})=>{const{theme:r}=z.useContext(B.ThemeContext),[h,A]=_.useAtom(E),e=p.isNonEmptyString(t)?V.ps({imageUrl:t,baseUrl:m.REACT_APP_SERVER_BASE_URL}):null,v=c?.trim()?.charAt(0),f=!v||v==="",T=v?.toUpperCase()||"-",S=p.isNull(e)||h.includes(e),k=()=>{p.isNonEmptyString(e)&&A(b=>[...b,e])},I=f?r.font.color.tertiary:u??m.stringToThemeColorP3String({string:n??"",variant:12,theme:r}),P=f?r.background.transparent.light:x??m.stringToThemeColorP3String({string:n??"",variant:o==="app"?5:4,theme:r}),w=o==="app"?g??(f?void 0:m.stringToThemeColorP3String({string:n??"",variant:6,theme:r})):void 0,q=S,U=S;return i.jsxRuntimeExports.jsx(Z,{size:s,backgroundColor:a?"inherit":q?P:"none",borderColor:U?w:void 0,color:I,clickable:!p.isUndefined(d),rounded:o==="rounded",type:o,onClick:d,backgroundTransparentLight:r.background.transparent.light,children:a?i.jsxRuntimeExports.jsx(a,{color:l||"currentColor",size:r.icon.size.xl}):S?i.jsxRuntimeExports.jsx(G,{fontWeight:500,children:T}):i.jsxRuntimeExports.jsx(H,{src:e,onError:k,alt:""})})};var y=(t=>(t.Top="top",t.Left="left",t.Right="right",t.Bottom="bottom",t))(y||{}),C=(t=>(t.noDelay="0ms",t.shortDelay="300ms",t.mediumDelay="500ms",t.longDelay="1000ms",t))(C||{});const K="a3dy3az",Q=({anchorSelect:t,className:s,content:c,hidden:n=!1,noArrow:a,offset:l,delay:d="500ms",place:o,positionStrategy:u,children:x,clickable:g,width:r,isOpen:h})=>{const A=e=>{switch(e){case"0ms":return 0;case"300ms":return 300;case"500ms":return 500;case"1000ms":return 1e3}};return i.jsxRuntimeExports.jsx($.Tooltip,{anchorSelect:t,className:`${K}${s?` ${s}`:""}`,content:c,delayShow:A(d),delayHide:20,hidden:n,noArrow:a,offset:l,place:o,positionStrategy:u,clickable:g,isOpen:h,style:{maxWidth:r??"40%"},children:x})};exports.AVATAR_PROPERTIES_BY_SIZE=R;exports.AppTooltip=Q;exports.Avatar=J;exports.TooltipDelay=C;exports.TooltipPosition=y;exports.invalidAvatarUrlsAtomV2=E;

package/dist/Checkmark-BMk88h_C.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("./jsx-runtime-CycUbF8Y.cjs"),c=require("@linaria/react"),e=require("./themeCssVariables-DswYV7vR.cjs"),B=require("./useIsMobile-BhDUpJrC.cjs"),z=require("./Loader-DvDr98P8.cjs"),V=require("./ThemeProvider-CLAfdrfV.cjs"),p=require("react"),O=require("./Pill-fgWKgFIn.cjs"),b=require("./MainColorNames-I8OTbUOe.cjs"),H=require("react-router-dom"),M=require("./utils-DOUsOuwI.cjs"),R=require("./createReactComponent-w5VMPsZQ.cjs"),Y=require("./ColorSample-BWfzelYk.cjs"),F=()=>({accent:s})=>{switch(s){case"blue":return e.themeCssVariables.buttons.secondaryTextColor;case"danger":return e.themeCssVariables.border.color.danger;default:return e.themeCssVariables.font.color.light}},P=()=>({buttonSize:s})=>s==="small"?e.themeCssVariables.spacing[2]:e.themeCssVariables.spacing[4],D=c.styled("div")({name:"StyledSeparator",class:"sllpu36",propsAsIs:!1,vars:{"sllpu36-0":[F()],"sllpu36-1":[P()]}}),N=()=>({variant:s,accent:o})=>{switch(o){case"blue":return e.themeCssVariables.buttons.secondaryTextColor;case"danger":return s==="primary"?e.themeCssVariables.border.color.danger:e.themeCssVariables.color.red8;default:return e.themeCssVariables.font.color.light}},X=c.styled("div")({name:"StyledShortcutLabel",class:"s1nucchm",propsAsIs:!1,vars:{"s1nucchm-0":[N()]}}),J=({size:s,accent:o,variant:a,hotkeys:t})=>l.jsxRuntimeExports.jsxs(l.jsxRuntimeExports.Fragment,{children:[l.jsxRuntimeExports.jsx(D,{buttonSize:s,accent:o}),l.jsxRuntimeExports.jsx(X,{variant:a,accent:o,children:t.join(B.getOsShortcutSeparator())})]}),y=300,K=()=>({isLoading:s})=>s?0:1,Q=()=>({isLoading:s})=>s?"0ms":`${y/2}ms`,U=c.styled("div")({name:"StyledIcon",class:"sajaw6e",propsAsIs:!1,vars:{"sajaw6e-0":[K()],"sajaw6e-1":[Q()]}}),Z=c.styled("div")({name:"StyledIconWrapper",class:"sl5708k",propsAsIs:!1}),ee=c.styled("div")({name:"StyledLoader",class:"smqlhbz",propsAsIs:!1}),se=({Icon:s,isLoading:o})=>{const{theme:a}=p.useContext(V.ThemeContext);return l.jsxRuntimeExports.jsxs(Z,{children:[o&&l.jsxRuntimeExports.jsx(ee,{children:l.jsxRuntimeExports.jsx(z.Loader,{})}),s&&l.jsxRuntimeExports.jsx(U,{isLoading:!!o,children:l.jsxRuntimeExports.jsx(s,{size:a.icon.size.sm})})]})},re=c.styled("span")({name:"StyledSoonPillContainer",class:"sqfkmy5",propsAsIs:!1}),ae=({label:s="Soon"})=>l.jsxRuntimeExports.jsx(re,{children:l.jsxRuntimeExports.jsx(O.Pill,{label:s})}),te=()=>({isLoading:s})=>s?"inset(0 0 0 0)":`inset(0 0 0 ${e.themeCssVariables.spacing[6]})`,oe=c.styled("div")({name:"StyledEllipsis",class:"steh8bd",propsAsIs:!1,vars:{"steh8bd-0":[te()]}}),ne=c.styled("div")({name:"StyledTextWrapper",class:"s18cc27",propsAsIs:!1}),le=()=>({isLoading:s,hasIcon:o})=>s?` inset(0 ${o?e.themeCssVariables.spacing[6]:e.themeCssVariables.spacing[12]} 0 0)`:" inset(0 0 0 0)",ce=()=>({isLoading:s,hasIcon:o})=>s?`translateX(${o?e.themeCssVariables.spacing[3]:e.themeCssVariables.spacing[7]})`:"none",ie=()=>({isLoading:s})=>s?"0ms":`${y/4}ms`,be=c.styled("div")({name:"StyledText",class:"s16uexlw",propsAsIs:!1,vars:{"s16uexlw-0":[le()],"s16uexlw-1":[ce()],"s16uexlw-2":[ie()]}}),me=({hasIcon:s=!1,isLoading:o,title:a})=>l.jsxRuntimeExports.jsxs(ne,{children:[l.jsxRuntimeExports.jsx(be,{isLoading:o,hasIcon:s,children:a}),l.jsxRuntimeExports.jsx(oe,{isLoading:o,children:"..."})]}),he=(s,o,a,t,n,i)=>{const r={background:"transparent",borderColor:"transparent",borderWidthOverride:"",boxShadow:"none",color:e.themeCssVariables.font.color.secondary,hoverBackground:"transparent",activeBackground:"transparent"};switch(s){case"primary":switch(o){case"default":r.background=a?e.themeCssVariables.background.primary:e.themeCssVariables.background.secondary,r.borderColor=a?e.themeCssVariables.background.transparent.light:!t&&n?e.themeCssVariables.color.blue:e.themeCssVariables.background.transparent.light,r.borderWidthOverride="1px 1px 1px 1px",r.boxShadow=!t&&n?`0 0 0 3px ${a?e.themeCssVariables.background.transparent.medium:e.themeCssVariables.accent.tertiary}`:"none",r.color=a?e.themeCssVariables.font.color.secondary:t?e.themeCssVariables.font.color.extraLight:e.themeCssVariables.font.color.secondary,t?(r.hoverBackground=r.background,r.activeBackground=r.background):(r.hoverBackground=a?e.themeCssVariables.background.secondary:e.themeCssVariables.background.tertiary,r.activeBackground=a?e.themeCssVariables.background.tertiary:e.themeCssVariables.background.quaternary);break;case"blue":r.background=a?e.themeCssVariables.background.primary:t?e.themeCssVariables.accent.accent4060:e.themeCssVariables.color.blue,r.borderColor=a?e.themeCssVariables.background.transparent.light:n?e.themeCssVariables.color.blue:e.themeCssVariables.background.transparent.light,r.borderWidthOverride="1px 1px 1px 1px",r.boxShadow=!t&&n?`0 0 0 3px ${a?e.themeCssVariables.background.transparent.medium:e.themeCssVariables.accent.tertiary}`:"none",r.color=a?e.themeCssVariables.color.blue:b.GRAY_SCALE_LIGHT.gray1,t?(r.hoverBackground=r.background,r.activeBackground=r.background):(r.hoverBackground=a?e.themeCssVariables.background.secondary:e.themeCssVariables.color.blue10,r.activeBackground=a?e.themeCssVariables.background.tertiary:e.themeCssVariables.color.blue12);break;case"danger":r.background=a?e.themeCssVariables.background.primary:e.themeCssVariables.color.red,r.borderColor=a?e.themeCssVariables.background.transparent.light:n?e.themeCssVariables.color.red:e.themeCssVariables.background.transparent.light,r.borderWidthOverride="1px 1px",r.boxShadow=!t&&n?`0 0 0 3px ${a?e.themeCssVariables.background.transparent.medium:e.themeCssVariables.color.red3}`:"none",r.color=a?e.themeCssVariables.color.red:e.themeCssVariables.background.primary,t?(r.hoverBackground=r.background,r.activeBackground=r.background):(r.hoverBackground=a?e.themeCssVariables.background.secondary:e.themeCssVariables.color.red8,r.activeBackground=a?e.themeCssVariables.background.tertiary:e.themeCssVariables.color.red10);break}break;case"secondary":case"tertiary":switch(o){case"default":r.borderColor=a?s==="secondary"?n||t?b.GRAY_SCALE_LIGHT.gray1:e.themeCssVariables.background.transparent.primary:n?b.GRAY_SCALE_LIGHT.gray1:"transparent":s==="secondary"?!t&&n?e.themeCssVariables.color.blue:e.themeCssVariables.background.transparent.medium:n?e.themeCssVariables.color.blue:"transparent",r.borderWidthOverride="1px 1px 1px 1px",r.boxShadow=!t&&n?`0 0 0 3px ${a?e.themeCssVariables.background.transparent.medium:e.themeCssVariables.accent.tertiary}`:"none",r.color=a?e.themeCssVariables.font.color.inverted:t?e.themeCssVariables.font.color.extraLight:e.themeCssVariables.font.color.secondary,r.hoverBackground=a?e.themeCssVariables.background.transparent.light:t?"transparent":e.themeCssVariables.background.transparent.light,r.activeBackground=a?e.themeCssVariables.background.transparent.medium:t?"transparent":e.themeCssVariables.background.transparent.light;break;case"blue":r.borderColor=a?s==="secondary"?n||t?b.GRAY_SCALE_LIGHT.gray1:e.themeCssVariables.background.transparent.primary:n?b.GRAY_SCALE_LIGHT.gray1:"transparent":s==="secondary"?n?e.themeCssVariables.color.blue:e.themeCssVariables.accent.primary:n?e.themeCssVariables.color.blue:"transparent",r.borderWidthOverride="1px 1px 1px 1px",r.boxShadow=!t&&n?`0 0 0 3px ${a?e.themeCssVariables.background.transparent.medium:e.themeCssVariables.accent.tertiary}`:"none",r.color=a?e.themeCssVariables.font.color.inverted:t?e.themeCssVariables.accent.accent4060:e.themeCssVariables.color.blue,r.hoverBackground=a?e.themeCssVariables.background.transparent.light:t?"transparent":e.themeCssVariables.accent.tertiary,r.activeBackground=a?e.themeCssVariables.background.transparent.medium:t?"transparent":e.themeCssVariables.accent.secondary;break;case"danger":r.borderColor=a?s==="secondary"?n||t?b.GRAY_SCALE_LIGHT.gray1:e.themeCssVariables.background.transparent.primary:n?b.GRAY_SCALE_LIGHT.gray1:"transparent":s==="secondary"?n?e.themeCssVariables.color.red:e.themeCssVariables.border.color.danger:n?e.themeCssVariables.color.red:"transparent",r.borderWidthOverride="1px 1px 1px 1px",r.boxShadow=!t&&n?`0 0 0 3px ${a?e.themeCssVariables.background.transparent.medium:e.themeCssVariables.color.red3}`:"none",r.color=a?e.themeCssVariables.font.color.inverted:t?e.themeCssVariables.color.red5:e.themeCssVariables.font.color.danger,r.hoverBackground=a?e.themeCssVariables.background.transparent.light:t?"transparent":e.themeCssVariables.background.danger,r.activeBackground=a?e.themeCssVariables.background.transparent.medium:t?"transparent":e.themeCssVariables.background.danger;break}break}if(r.borderWidthOverride!==""&&i!=="standalone")switch(i){case"left":r.borderWidthOverride="1px 0px 1px 1px";break;case"middle":r.borderWidthOverride="1px 0px 1px 0px";break;case"right":r.borderWidthOverride="1px 1px 1px 0px";break}return r},ue=()=>({position:s})=>{switch(s){case"left":return`${e.themeCssVariables.border.radius.sm} 0px 0px ${e.themeCssVariables.border.radius.sm}`;case"right":return`0px ${e.themeCssVariables.border.radius.sm} ${e.themeCssVariables.border.radius.sm} 0px`;case"middle":return"0px";case"standalone":return e.themeCssVariables.border.radius.sm}return""},de=()=>({disabled:s})=>s?"not-allowed":"pointer",pe=()=>({size:s})=>s==="small"?"24px":"32px",xe=()=>({justify:s})=>s??"",Ce=()=>({fullWidth:s})=>s?"100%":"auto",ge=c.styled("button")({name:"StyledButton",class:"s12e8o4d",propsAsIs:!1,vars:{"s12e8o4d-0":[ue()],"s12e8o4d-1":[de()],"s12e8o4d-2":[pe()],"s12e8o4d-3":[xe()],"s12e8o4d-4":[Ce()]}}),Ve=()=>({isLoading:s})=>s?`calc(100% - ${e.themeCssVariables.spacing[8]})`:"none",ye=()=>({fullWidth:s})=>s?"100%":"auto",ke=c.styled("div")({name:"StyledButtonWrapper",class:"s1h34fqo",propsAsIs:!1,vars:{"s1h34fqo-0":[Ve()],"s1h34fqo-1":[ye()]}}),Se=(s,o,a,t)=>{switch(s){case"primary":switch(o){case"default":return a?e.themeCssVariables.font.color.secondary:t?e.themeCssVariables.font.color.extraLight:e.themeCssVariables.font.color.secondary;case"blue":return a?e.themeCssVariables.color.blue:b.GRAY_SCALE_LIGHT.gray1;case"danger":return a?e.themeCssVariables.color.red:e.themeCssVariables.background.primary}break;case"secondary":case"tertiary":switch(o){case"default":return a?e.themeCssVariables.font.color.inverted:t?e.themeCssVariables.font.color.extraLight:e.themeCssVariables.font.color.secondary;case"blue":return a?e.themeCssVariables.font.color.inverted:t?e.themeCssVariables.accent.accent4060:e.themeCssVariables.color.blue;case"danger":return a?e.themeCssVariables.font.color.inverted:t?e.themeCssVariables.color.red5:e.themeCssVariables.font.color.danger}break}return e.themeCssVariables.font.color.secondary},je=({className:s,Icon:o,title:a,id:t,fullWidth:n=!1,variant:i="primary",inverted:r=!1,size:x="medium",accent:h="default",position:u="standalone",soon:k=!1,disabled:E=!1,justify:$="flex-start",focus:w=!1,onClick:I,to:S,target:A,dataTestId:L,dataClickOutsideId:q,dataGloballyPreventClickOutside:T,hotkeys:j,ariaLabel:v,type:W,isLoading:d=!1})=>{const G=B.useIsMobile(),[g,f]=p.useState(w),C=k||E,_=p.useMemo(()=>{const m=he(i,h,r,C,g,u);return{"--btn-bg":m.background,"--btn-border-color":m.borderColor,"--btn-border-width":m.borderWidthOverride||void 0,"--btn-box-shadow":m.boxShadow,"--btn-color":m.color,"--btn-hover-bg":m.hoverBackground,"--btn-active-bg":m.activeBackground,"--tw-button-color":Se(i,h,r,C)}},[i,h,r,C,g,u]);return l.jsxRuntimeExports.jsx(ke,{isLoading:!!d,fullWidth:n,style:_,children:l.jsxRuntimeExports.jsxs(ge,{id:t,fullWidth:n,position:u,disabled:C,hasIcon:!!o,focus:g,justify:$,className:s,onClick:I,to:S,as:S?H.Link:"button",target:A,"data-testid":L,"data-click-outside-id":q,"data-globally-prevent-click-outside":T,"aria-label":v,type:W,isLoading:d,onFocus:()=>f(!0),onBlur:()=>f(!1),size:x,style:_,children:[(d||o)&&l.jsxRuntimeExports.jsx(se,{Icon:o,isLoading:!!d}),M.o(a)&&l.jsxRuntimeExports.jsx(me,{hasIcon:!!o,title:a,isLoading:d}),j&&!G&&l.jsxRuntimeExports.jsx(J,{hotkeys:j,variant:i,accent:h,size:x}),k&&l.jsxRuntimeExports.jsx(ae,{})]})})};const fe=[["path",{d:"M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227",key:"svg-0"}]],_e=R.createReactComponent("outline","filter","Filter",fe);const Be=[["path",{d:"M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0",key:"svg-0"}],["path",{d:"M21 21l-6 -6",key:"svg-1"}]],Re=R.createReactComponent("outline","search","Search",Be),Ee=()=>({focus:s})=>s?`1px solid ${e.themeCssVariables.color.blue}`:"none",$e=()=>({focus:s})=>s?`0 0 0 3px  ${e.themeCssVariables.color.blue3}`:"none",we=()=>({accent:s,active:o,disabled:a,focus:t})=>{switch(s){case"secondary":return o||t?e.themeCssVariables.color.blue:a?e.themeCssVariables.font.color.extraLight:e.themeCssVariables.font.color.secondary;case"tertiary":return o||t?e.themeCssVariables.color.blue:a?e.themeCssVariables.font.color.extraLight:e.themeCssVariables.font.color.tertiary}return""},Ie=()=>({disabled:s})=>s?"not-allowed":"pointer",Ae=()=>({disabled:s})=>s?"transparent":e.themeCssVariables.background.transparent.light,Le=()=>({disabled:s})=>s?"transparent":e.themeCssVariables.background.transparent.medium,qe=c.styled("button")({name:"StyledButton",class:"sqrzk4i",propsAsIs:!1,vars:{"sqrzk4i-0":[Ee()],"sqrzk4i-1":[$e()],"sqrzk4i-2":[we()],"sqrzk4i-3":[Ie()],"sqrzk4i-4":[Ae()],"sqrzk4i-5":[Le()]}}),Te=({className:s,Icon:o,title:a,active:t=!1,accent:n="secondary",disabled:i=!1,focus:r=!1,type:x="button",onClick:h})=>{const{theme:u}=p.useContext(V.ThemeContext);return l.jsxRuntimeExports.jsxs(qe,{onClick:h,disabled:i,focus:r&&!i,type:x,accent:n,className:s,active:t,children:[!!o&&l.jsxRuntimeExports.jsx(o,{size:u.icon.size.md}),a]})},ve=c.styled("div")({name:"StyledContainer",class:"s1xyvrd6",propsAsIs:!1}),We=({className:s})=>{const{theme:o}=p.useContext(V.ThemeContext);return l.jsxRuntimeExports.jsx(ve,{className:s,children:l.jsxRuntimeExports.jsx(Y.IconCheck,{color:o.grayScale.gray1,size:14})})};exports.Button=je;exports.Checkmark=We;exports.IconFilter=_e;exports.IconSearch=Re;exports.LightButton=Te;exports.baseTransitionTiming=y;

package/dist/Checkmark-nXZm8BnM.js

@@ -0,0 +1,377 @@
+import { j as c } from "./jsx-runtime-R4VT8aVc.js";
+import { styled as l } from "@linaria/react";
+import { t as r } from "./themeCssVariables-CBmoYPJ3.js";
+import { g as M, u as E } from "./useIsMobile-CVMKHNZ4.js";
+import { L as P } from "./Loader-CVqckhmU.js";
+import { T as k } from "./ThemeProvider-CpY05Gd2.js";
+import { useContext as y, useState as G, useMemo as R } from "react";
+import { P as D } from "./Pill-CzxYmDQR.js";
+import { G as p } from "./MainColorNames-syigy4-h.js";
+import { Link as H } from "react-router-dom";
+import { o as N } from "./utils-BsFkjDy5.js";
+import { c as j } from "./createReactComponent-Cb6Pzf10.js";
+import { a as V } from "./ColorSample-tgmSZ-F7.js";
+const X = () => ({
+  accent: o
+}) => {
+  switch (o) {
+    case "blue":
+      return r.buttons.secondaryTextColor;
+    case "danger":
+      return r.border.color.danger;
+    default:
+      return r.font.color.light;
+  }
+}, Y = () => ({
+  buttonSize: o
+}) => o === "small" ? r.spacing[2] : r.spacing[4], J = /* @__PURE__ */ l("div")({
+  name: "StyledSeparator",
+  class: "sllpu36",
+  propsAsIs: !1,
+  vars: {
+    "sllpu36-0": [X()],
+    "sllpu36-1": [Y()]
+  }
+}), K = () => ({
+  variant: o,
+  accent: n
+}) => {
+  switch (n) {
+    case "blue":
+      return r.buttons.secondaryTextColor;
+    case "danger":
+      return o === "primary" ? r.border.color.danger : r.color.red8;
+    default:
+      return r.font.color.light;
+  }
+}, Q = /* @__PURE__ */ l("div")({
+  name: "StyledShortcutLabel",
+  class: "s1nucchm",
+  propsAsIs: !1,
+  vars: {
+    "s1nucchm-0": [K()]
+  }
+}), U = ({
+  size: o,
+  accent: n,
+  variant: a,
+  hotkeys: t
+}) => /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+  /* @__PURE__ */ c.jsx(J, { buttonSize: o, accent: n }),
+  /* @__PURE__ */ c.jsx(Q, { variant: a, accent: n, children: t.join(M()) })
+] }), _ = 300, Z = () => ({
+  isLoading: o
+}) => o ? 0 : 1, rr = () => ({
+  isLoading: o
+}) => o ? "0ms" : `${_ / 2}ms`, or = /* @__PURE__ */ l("div")({
+  name: "StyledIcon",
+  class: "sajaw6e",
+  propsAsIs: !1,
+  vars: {
+    "sajaw6e-0": [Z()],
+    "sajaw6e-1": [rr()]
+  }
+}), er = /* @__PURE__ */ l("div")({
+  name: "StyledIconWrapper",
+  class: "sl5708k",
+  propsAsIs: !1
+}), ar = /* @__PURE__ */ l("div")({
+  name: "StyledLoader",
+  class: "smqlhbz",
+  propsAsIs: !1
+}), tr = ({
+  Icon: o,
+  isLoading: n
+}) => {
+  const {
+    theme: a
+  } = y(k);
+  return /* @__PURE__ */ c.jsxs(er, { children: [
+    n && /* @__PURE__ */ c.jsx(ar, { children: /* @__PURE__ */ c.jsx(P, {}) }),
+    o && /* @__PURE__ */ c.jsx(or, { isLoading: !!n, children: /* @__PURE__ */ c.jsx(o, { size: a.icon.size.sm }) })
+  ] });
+}, nr = /* @__PURE__ */ l("span")({
+  name: "StyledSoonPillContainer",
+  class: "sqfkmy5",
+  propsAsIs: !1
+}), sr = ({
+  label: o = "Soon"
+}) => /* @__PURE__ */ c.jsx(nr, { children: /* @__PURE__ */ c.jsx(D, { label: o }) }), cr = () => ({
+  isLoading: o
+}) => o ? "inset(0 0 0 0)" : `inset(0 0 0 ${r.spacing[6]})`, lr = /* @__PURE__ */ l("div")({
+  name: "StyledEllipsis",
+  class: "steh8bd",
+  propsAsIs: !1,
+  vars: {
+    "steh8bd-0": [cr()]
+  }
+}), dr = /* @__PURE__ */ l("div")({
+  name: "StyledTextWrapper",
+  class: "s18cc27",
+  propsAsIs: !1
+}), pr = () => ({
+  isLoading: o,
+  hasIcon: n
+}) => o ? ` inset(0 ${n ? r.spacing[6] : r.spacing[12]} 0 0)` : " inset(0 0 0 0)", ur = () => ({
+  isLoading: o,
+  hasIcon: n
+}) => o ? `translateX(${n ? r.spacing[3] : r.spacing[7]})` : "none", ir = () => ({
+  isLoading: o
+}) => o ? "0ms" : `${_ / 4}ms`, gr = /* @__PURE__ */ l("div")({
+  name: "StyledText",
+  class: "s16uexlw",
+  propsAsIs: !1,
+  vars: {
+    "s16uexlw-0": [pr()],
+    "s16uexlw-1": [ur()],
+    "s16uexlw-2": [ir()]
+  }
+}), br = ({
+  hasIcon: o = !1,
+  isLoading: n,
+  title: a
+}) => /* @__PURE__ */ c.jsxs(dr, { children: [
+  /* @__PURE__ */ c.jsx(gr, { isLoading: n, hasIcon: o, children: a }),
+  /* @__PURE__ */ c.jsx(lr, { isLoading: n, children: "..." })
+] }), xr = (o, n, a, t, s, d) => {
+  const e = {
+    background: "transparent",
+    borderColor: "transparent",
+    borderWidthOverride: "",
+    boxShadow: "none",
+    color: r.font.color.secondary,
+    hoverBackground: "transparent",
+    activeBackground: "transparent"
+  };
+  switch (o) {
+    case "primary":
+      switch (n) {
+        case "default":
+          e.background = a ? r.background.primary : r.background.secondary, e.borderColor = a ? r.background.transparent.light : !t && s ? r.color.blue : r.background.transparent.light, e.borderWidthOverride = "1px 1px 1px 1px", e.boxShadow = !t && s ? `0 0 0 3px ${a ? r.background.transparent.medium : r.accent.tertiary}` : "none", e.color = a ? r.font.color.secondary : t ? r.font.color.extraLight : r.font.color.secondary, t ? (e.hoverBackground = e.background, e.activeBackground = e.background) : (e.hoverBackground = a ? r.background.secondary : r.background.tertiary, e.activeBackground = a ? r.background.tertiary : r.background.quaternary);
+          break;
+        case "blue":
+          e.background = a ? r.background.primary : t ? r.accent.accent4060 : r.color.blue, e.borderColor = a ? r.background.transparent.light : s ? r.color.blue : r.background.transparent.light, e.borderWidthOverride = "1px 1px 1px 1px", e.boxShadow = !t && s ? `0 0 0 3px ${a ? r.background.transparent.medium : r.accent.tertiary}` : "none", e.color = a ? r.color.blue : p.gray1, t ? (e.hoverBackground = e.background, e.activeBackground = e.background) : (e.hoverBackground = a ? r.background.secondary : r.color.blue10, e.activeBackground = a ? r.background.tertiary : r.color.blue12);
+          break;
+        case "danger":
+          e.background = a ? r.background.primary : r.color.red, e.borderColor = a ? r.background.transparent.light : s ? r.color.red : r.background.transparent.light, e.borderWidthOverride = "1px 1px", e.boxShadow = !t && s ? `0 0 0 3px ${a ? r.background.transparent.medium : r.color.red3}` : "none", e.color = a ? r.color.red : r.background.primary, t ? (e.hoverBackground = e.background, e.activeBackground = e.background) : (e.hoverBackground = a ? r.background.secondary : r.color.red8, e.activeBackground = a ? r.background.tertiary : r.color.red10);
+          break;
+      }
+      break;
+    case "secondary":
+    case "tertiary":
+      switch (n) {
+        case "default":
+          e.borderColor = a ? o === "secondary" ? s || t ? p.gray1 : r.background.transparent.primary : s ? p.gray1 : "transparent" : o === "secondary" ? !t && s ? r.color.blue : r.background.transparent.medium : s ? r.color.blue : "transparent", e.borderWidthOverride = "1px 1px 1px 1px", e.boxShadow = !t && s ? `0 0 0 3px ${a ? r.background.transparent.medium : r.accent.tertiary}` : "none", e.color = a ? r.font.color.inverted : t ? r.font.color.extraLight : r.font.color.secondary, e.hoverBackground = a ? r.background.transparent.light : t ? "transparent" : r.background.transparent.light, e.activeBackground = a ? r.background.transparent.medium : t ? "transparent" : r.background.transparent.light;
+          break;
+        case "blue":
+          e.borderColor = a ? o === "secondary" ? s || t ? p.gray1 : r.background.transparent.primary : s ? p.gray1 : "transparent" : o === "secondary" ? s ? r.color.blue : r.accent.primary : s ? r.color.blue : "transparent", e.borderWidthOverride = "1px 1px 1px 1px", e.boxShadow = !t && s ? `0 0 0 3px ${a ? r.background.transparent.medium : r.accent.tertiary}` : "none", e.color = a ? r.font.color.inverted : t ? r.accent.accent4060 : r.color.blue, e.hoverBackground = a ? r.background.transparent.light : t ? "transparent" : r.accent.tertiary, e.activeBackground = a ? r.background.transparent.medium : t ? "transparent" : r.accent.secondary;
+          break;
+        case "danger":
+          e.borderColor = a ? o === "secondary" ? s || t ? p.gray1 : r.background.transparent.primary : s ? p.gray1 : "transparent" : o === "secondary" ? s ? r.color.red : r.border.color.danger : s ? r.color.red : "transparent", e.borderWidthOverride = "1px 1px 1px 1px", e.boxShadow = !t && s ? `0 0 0 3px ${a ? r.background.transparent.medium : r.color.red3}` : "none", e.color = a ? r.font.color.inverted : t ? r.color.red5 : r.font.color.danger, e.hoverBackground = a ? r.background.transparent.light : t ? "transparent" : r.background.danger, e.activeBackground = a ? r.background.transparent.medium : t ? "transparent" : r.background.danger;
+          break;
+      }
+      break;
+  }
+  if (e.borderWidthOverride !== "" && d !== "standalone")
+    switch (d) {
+      case "left":
+        e.borderWidthOverride = "1px 0px 1px 1px";
+        break;
+      case "middle":
+        e.borderWidthOverride = "1px 0px 1px 0px";
+        break;
+      case "right":
+        e.borderWidthOverride = "1px 1px 1px 0px";
+        break;
+    }
+  return e;
+}, mr = () => ({
+  position: o
+}) => {
+  switch (o) {
+    case "left":
+      return `${r.border.radius.sm} 0px 0px ${r.border.radius.sm}`;
+    case "right":
+      return `0px ${r.border.radius.sm} ${r.border.radius.sm} 0px`;
+    case "middle":
+      return "0px";
+    case "standalone":
+      return r.border.radius.sm;
+  }
+  return "";
+}, hr = () => ({
+  disabled: o
+}) => o ? "not-allowed" : "pointer", kr = () => ({
+  size: o
+}) => o === "small" ? "24px" : "32px", yr = () => ({
+  justify: o
+}) => o ?? "", fr = () => ({
+  fullWidth: o
+}) => o ? "100%" : "auto", Sr = /* @__PURE__ */ l("button")({
+  name: "StyledButton",
+  class: "s12e8o4d",
+  propsAsIs: !1,
+  vars: {
+    "s12e8o4d-0": [mr()],
+    "s12e8o4d-1": [hr()],
+    "s12e8o4d-2": [kr()],
+    "s12e8o4d-3": [yr()],
+    "s12e8o4d-4": [fr()]
+  }
+}), Br = () => ({
+  isLoading: o
+}) => o ? `calc(100% - ${r.spacing[8]})` : "none", $r = () => ({
+  fullWidth: o
+}) => o ? "100%" : "auto", wr = /* @__PURE__ */ l("div")({
+  name: "StyledButtonWrapper",
+  class: "s1h34fqo",
+  propsAsIs: !1,
+  vars: {
+    "s1h34fqo-0": [Br()],
+    "s1h34fqo-1": [$r()]
+  }
+}), jr = (o, n, a, t) => {
+  switch (o) {
+    case "primary":
+      switch (n) {
+        case "default":
+          return a ? r.font.color.secondary : t ? r.font.color.extraLight : r.font.color.secondary;
+        case "blue":
+          return a ? r.color.blue : p.gray1;
+        case "danger":
+          return a ? r.color.red : r.background.primary;
+      }
+      break;
+    case "secondary":
+    case "tertiary":
+      switch (n) {
+        case "default":
+          return a ? r.font.color.inverted : t ? r.font.color.extraLight : r.font.color.secondary;
+        case "blue":
+          return a ? r.font.color.inverted : t ? r.accent.accent4060 : r.color.blue;
+        case "danger":
+          return a ? r.font.color.inverted : t ? r.color.red5 : r.font.color.danger;
+      }
+      break;
+  }
+  return r.font.color.secondary;
+}, Jr = ({
+  className: o,
+  Icon: n,
+  title: a,
+  id: t,
+  fullWidth: s = !1,
+  variant: d = "primary",
+  inverted: e = !1,
+  size: x = "medium",
+  accent: i = "default",
+  position: g = "standalone",
+  soon: f = !1,
+  disabled: C = !1,
+  justify: I = "flex-start",
+  focus: v = !1,
+  onClick: W,
+  to: S,
+  target: A,
+  dataTestId: L,
+  dataClickOutsideId: q,
+  dataGloballyPreventClickOutside: z,
+  hotkeys: B,
+  ariaLabel: O,
+  type: T,
+  isLoading: b = !1
+}) => {
+  const F = E(), [h, $] = G(v), m = f || C, w = R(() => {
+    const u = xr(d, i, e, m, h, g);
+    return {
+      "--btn-bg": u.background,
+      "--btn-border-color": u.borderColor,
+      "--btn-border-width": u.borderWidthOverride || void 0,
+      "--btn-box-shadow": u.boxShadow,
+      "--btn-color": u.color,
+      "--btn-hover-bg": u.hoverBackground,
+      "--btn-active-bg": u.activeBackground,
+      "--tw-button-color": jr(d, i, e, m)
+    };
+  }, [d, i, e, m, h, g]);
+  return /* @__PURE__ */ c.jsx(wr, { isLoading: !!b, fullWidth: s, style: w, children: /* @__PURE__ */ c.jsxs(Sr, { id: t, fullWidth: s, position: g, disabled: m, hasIcon: !!n, focus: h, justify: I, className: o, onClick: W, to: S, as: S ? H : "button", target: A, "data-testid": L, "data-click-outside-id": q, "data-globally-prevent-click-outside": z, "aria-label": O, type: T, isLoading: b, onFocus: () => $(!0), onBlur: () => $(!1), size: x, style: w, children: [
+    (b || n) && /* @__PURE__ */ c.jsx(tr, { Icon: n, isLoading: !!b }),
+    N(a) && /* @__PURE__ */ c.jsx(br, { hasIcon: !!n, title: a, isLoading: b }),
+    B && !F && /* @__PURE__ */ c.jsx(U, { hotkeys: B, variant: d, accent: i, size: x }),
+    f && /* @__PURE__ */ c.jsx(sr, {})
+  ] }) });
+};
+const _r = [["path", { d: "M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227", key: "svg-0" }]], Kr = j("outline", "filter", "Filter", _r);
+const Cr = [["path", { d: "M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0", key: "svg-0" }], ["path", { d: "M21 21l-6 -6", key: "svg-1" }]], Qr = j("outline", "search", "Search", Cr), Ir = () => ({
+  focus: o
+}) => o ? `1px solid ${r.color.blue}` : "none", vr = () => ({
+  focus: o
+}) => o ? `0 0 0 3px  ${r.color.blue3}` : "none", Wr = () => ({
+  accent: o,
+  active: n,
+  disabled: a,
+  focus: t
+}) => {
+  switch (o) {
+    case "secondary":
+      return n || t ? r.color.blue : a ? r.font.color.extraLight : r.font.color.secondary;
+    case "tertiary":
+      return n || t ? r.color.blue : a ? r.font.color.extraLight : r.font.color.tertiary;
+  }
+  return "";
+}, Ar = () => ({
+  disabled: o
+}) => o ? "not-allowed" : "pointer", Lr = () => ({
+  disabled: o
+}) => o ? "transparent" : r.background.transparent.light, qr = () => ({
+  disabled: o
+}) => o ? "transparent" : r.background.transparent.medium, zr = /* @__PURE__ */ l("button")({
+  name: "StyledButton",
+  class: "sqrzk4i",
+  propsAsIs: !1,
+  vars: {
+    "sqrzk4i-0": [Ir()],
+    "sqrzk4i-1": [vr()],
+    "sqrzk4i-2": [Wr()],
+    "sqrzk4i-3": [Ar()],
+    "sqrzk4i-4": [Lr()],
+    "sqrzk4i-5": [qr()]
+  }
+}), Ur = ({
+  className: o,
+  Icon: n,
+  title: a,
+  active: t = !1,
+  accent: s = "secondary",
+  disabled: d = !1,
+  focus: e = !1,
+  type: x = "button",
+  onClick: i
+}) => {
+  const {
+    theme: g
+  } = y(k);
+  return /* @__PURE__ */ c.jsxs(zr, { onClick: i, disabled: d, focus: e && !d, type: x, accent: s, className: o, active: t, children: [
+    !!n && /* @__PURE__ */ c.jsx(n, { size: g.icon.size.md }),
+    a
+  ] });
+}, Or = /* @__PURE__ */ l("div")({
+  name: "StyledContainer",
+  class: "s1xyvrd6",
+  propsAsIs: !1
+}), Zr = ({
+  className: o
+}) => {
+  const {
+    theme: n
+  } = y(k);
+  return /* @__PURE__ */ c.jsx(Or, { className: o, children: /* @__PURE__ */ c.jsx(V, { color: n.grayScale.gray1, size: 14 }) });
+};
+export {
+  Jr as B,
+  Zr as C,
+  Qr as I,
+  Ur as L,
+  Kr as a,
+  _ as b
+};

package/dist/ColorSample-BWfzelYk.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("./createReactComponent-w5VMPsZQ.cjs"),r=require("./jsx-runtime-CycUbF8Y.cjs"),p=require("@linaria/react"),t=require("./themeCssVariables-DswYV7vR.cjs"),d=require("./ThemeProvider-CLAfdrfV.cjs"),z=require("react"),_=require("./utils-DOUsOuwI.cjs");const g=[["path",{d:"M5 12l5 5l10 -10",key:"svg-0"}]],V=l.createReactComponent("outline","check","Check",g);const j=[["path",{d:"M5 12l14 0",key:"svg-0"}]],y=l.createReactComponent("outline","minus","Minus",j),f=()=>({disabled:e,focus:s})=>!e&&s?`1px solid ${t.themeCssVariables.color.blue}`:"none",k=()=>({disabled:e,focus:s})=>!e&&s?`0 0 0 3px ${t.themeCssVariables.color.blue3}`:"none",$=()=>({accent:e,active:s,disabled:n,focus:o})=>{switch(e){case"secondary":return s||o?t.themeCssVariables.color.blue:n?t.themeCssVariables.font.color.extraLight:t.themeCssVariables.font.color.secondary;case"tertiary":return s||o?t.themeCssVariables.color.blue:n?t.themeCssVariables.font.color.extraLight:t.themeCssVariables.font.color.tertiary}return""},R=()=>({disabled:e})=>e?"not-allowed":"pointer",S=()=>({size:e})=>e==="small"?t.themeCssVariables.spacing[6]:t.themeCssVariables.spacing[8],q=()=>({disabled:e})=>e?"transparent":t.themeCssVariables.background.transparent.light,I=()=>({disabled:e})=>e?"transparent":t.themeCssVariables.background.transparent.medium,v=p.styled("button")({name:"StyledButton",class:"s14cjsu4",propsAsIs:!1,vars:{"s14cjsu4-0":[f()],"s14cjsu4-1":[k()],"s14cjsu4-2":[$()],"s14cjsu4-3":[R()],"s14cjsu4-4":[S()],"s14cjsu4-5":[q()],"s14cjsu4-6":[I()]}}),B=({"aria-label":e,className:s,testId:n,Icon:o,active:m=!1,size:a="small",accent:b="secondary",disabled:c=!1,focus:x=!1,onClick:h,title:C})=>{const{theme:i}=z.useContext(d.ThemeContext);return r.jsxRuntimeExports.jsx(v,{"data-testid":n,"aria-label":e,onClick:h,disabled:c,focus:x&&!c,accent:b,className:s,size:a,active:m,title:C,children:o&&r.jsxRuntimeExports.jsx(o,{size:a==="medium"?i.icon.size.md:i.icon.size.sm})})},u=(e,s)=>_.o(s)?s:t.themeCssVariables.tag.background[e],M=e=>t.themeCssVariables.tag.text[e],L=()=>({colorName:e,color:s})=>u(e,s),E=()=>({variant:e,colorName:s})=>e==="pipeline"?"0":`1px solid ${M(s)}`,w=()=>({variant:e})=>e==="circle"?"50%":"60px",A=()=>({variant:e})=>e==="circle"?t.themeCssVariables.spacing[4]:t.themeCssVariables.spacing[3],N=()=>({variant:e})=>e==="pipeline"?"flex":"block",T=()=>({variant:e})=>e==="pipeline"?"center":"initial",P=()=>({colorName:e,color:s,variant:n})=>n==="pipeline"?u(e,s):"transparent",D=()=>({variant:e})=>e==="pipeline"?t.themeCssVariables.border.radius.rounded:"0",F=()=>({variant:e})=>e==="pipeline"?"''":"none",G=()=>({variant:e})=>e==="pipeline"?"block":"none",H=()=>({variant:e})=>e==="pipeline"?t.themeCssVariables.spacing[1]:"0",J=p.styled("div")({name:"StyledColorSample",class:"sz09bsz",propsAsIs:!1,vars:{"sz09bsz-0":[L()],"sz09bsz-1":[E()],"sz09bsz-2":[w()],"sz09bsz-3":[A()],"sz09bsz-4":[T()],"sz09bsz-5":[N()],"sz09bsz-6":[P()],"sz09bsz-7":[D()],"sz09bsz-8":[F()],"sz09bsz-9":[G()],"sz09bsz-10":[H()]}}),K=({colorName:e,color:s,variant:n,className:o})=>r.jsxRuntimeExports.jsx(J,{colorName:e,color:s,variant:n,className:o});exports.ColorSample=K;exports.IconCheck=V;exports.IconMinus=y;exports.LightIconButton=B;