https://1wqdhu.life/resources/v1/app/assets/button-RNidVG78.js

1import{defineComponent as c,toRef as g,openBlock as n,createElementBlock as z,normalizeClass as i,renderSlot as b,createCommentVNode as d,h as u,createBlock as v,unref as _,useCssModule as k,computed as r,resolveDynamicComponent as p,withCtx as f,createElementVNode as m,createVNode as D}from"vue";import{I as $}from"./test-manager-DesYLJOQ.js";import{Z as y,b1 as Z}from"./logger-B4OCWT-4.js";const O=c({__name:"dot",props:{size:{default:"xs"},state:{default:"default"}},setup(e){const t=e,s=g(()=>t.size!=="xs");return(a,l)=>(n(),z("div",{class:i([a.$style.dot,a.$style[`size-${t.size}`],a.$style[`state-${t.state}`]])},[s.value?b(a.$slots,"default",{key:0}):d("",!0)],2))}}),B="dot_dot-uQ6cl",h={dot:B,"size-xs":"dot_size-xs-uQ6cl","size-s":"dot_size-s-uQ6cl","size-m":"dot_size-m-uQ6cl","state-default":"dot_state-default-uQ6cl","state-negative":"dot_state-negative-uQ6cl","state-warning":"dot_state-warning-uQ6cl","state-positive":"dot_state-positive-uQ6cl","state-informative":"dot_state-informative-uQ6cl","state-attractive":"dot_state-attractive-uQ6cl"},I={$style:h},L=y(O,[["__cssModules",I]]),Q={render:(e,t)=>u($,{...t.attrs,initialWidth:16,initialHeight:16,"data-icon":"loader",innerHTML:'<path d="M8 0a8 8 0 1 1-8 8h2a6 6 0 1 0 6-6z"/>'})},x=c({__name:"loader",props:{size:{default:"m"}},setup(e){return(t,s)=>(n(),v(_(Q),{class:i(t.$style.root),size:e.size},null,8,["class","size"]))}}),M="loader_root-z3LxP",W="loader_spin-z3LxP",w={root:M,spin:W},C={$style:w},P=y(x,[["__cssModules",C]]),S=c({__name:"base",props:{testId:{},tag:{},size:{default:"m"},variant:{default:"primary"},isLoading:{type:Boolean},isIcon:{type:Boolean},isBadge:{type:Boolean},isWide:{type:Boolean},rounded:{type:Boolean}},setup(e){const t=e,s=k(),a=r(()=>t.size==="xl"?"m":"s"),l=r(()=>[s.root,s[`size-${t.size}`],s[`variant-${t.variant}`],t.isIcon&&s.isIcon,t.isWide&&s.isWide,t.isLoading&&s.loading,t.rounded&&s.rounded]);return(o,K)=>(n(),v(p(e.tag),{class:i(l.value),"data-testid":e.testId},{default:f(()=>[m("div",{class:i(o.$style.view)},[m("div",{class:i(o.$style.content)},[b(o.$slots,"default",{iconSize:a.value})],2),e.isLoading?(n(),z("div",{key:0,class:i(o.$style.loader)},[D(_(P),{size:a.value},null,8,["size"])],2)):d("",!0)],2),e.isBadge?(n(),v(_(L),{key:0,class:i(o.$style.badge)},null,8,["class"])):d("",!0)]),_:3},8,["class","data-testid"]))}}),V="base_content-ZOkD4",N="base_root-ZOkD4",E="base_rounded-ZOkD4",H="base_loading-ZOkD4",R="base_view-ZOkD4",A="base_loader-ZOkD4",T="base_isIcon-ZOkD4",j="base_badge-ZOkD4",q="base_isWide-ZOkD4",F={content:V,root:N,rounded:E,loading:H,view:R,loader:A,"size-s":"base_size-s-ZOkD4",isIcon:T,"size-m":"base_size-m-ZOkD4","size-xl":"base_size-xl-ZOkD4","size-xxl":"base_size-xxl-ZOkD4","variant-primary":"base_variant-primary-ZOkD4","variant-accent":"base_variant-accent-ZOkD4","variant-neutral":"base_variant-neutral-ZOkD4","variant-staticPrimary":"base_variant-staticPrimary-ZOkD4","variant-staticSecondary":"base_variant-staticSecondary-ZOkD4","variant-negative":"base_variant-negative-ZOkD4","variant-staticBlackPrimary":"base_variant-staticBlackPrimary-ZOkD4","variant-staticBlackSecondary":"base_variant-staticBlackSecondary-ZOkD4","variant-ghost":"base_variant-ghost-ZOkD4",badge:j,isWide:q},G={$style:F},J=y(S,[["__cssModules",G]]),tt=c((e,{slots:t})=>{const s=r(()=>e.tag||"button"),a=r(()=>!e.tag||e.tag==="button"?e.type||"button":void 0),l=r(()=>Z(e,s.value==="RouterLink"?["href"]:[]));return()=>u(J,{...l.value,type:a.value,tag:s.value},{default:o=>u("div",{style:{display:"contents"}},t.default?.(o))})},{props:["testId","tag","size","variant","isLoading","isIcon","isBadge","rounded","disabled","type","href","target","to","isWide"]});export{tt as B,L as D,P as L};
2(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('.dot_dot-uQ6cl{width:fit-content;min-width:var(--dot__size);min-height:var(--dot__size);padding:0 var(--spacing-4);border-radius:var(--dot-rounding);color:var(--dot-default-fg);justify-content:center;align-items:center;display:flex}.dot_size-xs-uQ6cl{--dot__size:8px}.dot_size-s-uQ6cl{--dot__size:16px;font-family:var(--font-caption-font-family);font-size:var(--font-caption-xs-font-size);font-weight:var(--font-caption-xs-semibold-font-weight);letter-spacing:var(--font-caption-xs-letter-spacing);line-height:var(--font-caption-xs-line-height)}.dot_size-m-uQ6cl{--dot__size:20px;font-family:var(--font-caption-font-family);font-size:var(--font-caption-s-semibold-font-size);font-weight:var(--font-caption-s-semibold-font-weight);letter-spacing:var(--font-caption-s-semibold-letter-spacing);line-height:var(--font-caption-s-semibold-line-height)}.dot_state-default-uQ6cl{background:var(--dot-default-bg)}.dot_state-negative-uQ6cl{background:var(--dot-negative-bg)}.dot_state-warning-uQ6cl{background:var(--dot-warning-bg)}.dot_state-positive-uQ6cl{background:var(--dot-positive-bg)}.dot_state-informative-uQ6cl{background:var(--dot-informative-bg)}.dot_state-attractive-uQ6cl{background:var(--dot-attractive-bg);box-shadow:0 0 0 var(--border-m) var(--dot-attractive-border)}.loader_root-z3LxP{color:var(--color-content-base-primary);animation:.6s linear infinite loader_spin-z3LxP}@keyframes loader_spin-z3LxP{to{transform:rotate(1turn)}}.base_content-ZOkD4{justify-content:center;align-items:center;gap:var(--spacing-8);white-space:nowrap;height:100%;display:flex}.base_content-ZOkD4:focus-visible{outline:none}@supports not (width:1lh){.base_content-ZOkD4:focus-visible{box-shadow:0 0 0 unset unset}}@supports (width:1lh){.base_content-ZOkD4:focus-visible{outline:unset solid unset;outline-offset:unset}}@supports not selector(:focus-visible){.base_content-ZOkD4:focus{outline:none}@supports not (width:1lh){.base_content-ZOkD4:focus{box-shadow:0 0 0 unset unset}}@supports (width:1lh){.base_content-ZOkD4:focus{outline:unset solid unset;outline-offset:unset}}}.base_root-ZOkD4{--outline-color:var(--color-solid-brand-primary-alfa-68);border-radius:var(--button-radius);background-color:unset;color:var(--color-content-base-static-white);cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;padding:0;transition:opacity .1s;display:inline-block;position:relative}.base_root-ZOkD4.base_rounded-ZOkD4{--button-radius:var(--rounding-max)}.base_root-ZOkD4:active{opacity:var(--opacity-item-active)}.base_root-ZOkD4[disabled]:not([disabled=false]){opacity:var(--opacity-item-disabled);pointer-events:none}.base_root-ZOkD4.base_loading-ZOkD4{pointer-events:none}.base_root-ZOkD4.base_loading-ZOkD4 .base_content-ZOkD4{opacity:0}

2.base_root-ZOkD4:focus-visible{outline:none}@supports not (width:1lh){.base_root-ZOkD4:focus-visible{box-shadow:0 0 0 var(--spacing-2) var(--focus-border)}}@supports (width:1lh){.base_root-ZOkD4:focus-visible{outline:var(--spacing-2) solid var(--focus-border);outline-offset:var(--spacing-2)}}@supports not selector(:focus-visible){.base_root-ZOkD4:focus{outline:none}@supports not (width:1lh){.base_root-ZOkD4:focus{box-shadow:0 0 0 var(--spacing-2) var(--focus-border)}}@supports (width:1lh){.base_root-ZOkD4:focus{outline:var(--spacing-2) solid var(--focus-border);outline-offset:var(--spacing-2)}}}.base_root-ZOkD4{font-family:var(--font-body-font-family);font-size:var(--font-body-semibold-font-size);font-weight:var(--font-body-semibold-font-weight);letter-spacing:var(--font-body-semibold-letter-spacing);line-height:var(--font-body-semibold-line-height)}.base_view-ZOkD4{width:var(--button-width);height:var(--button-height);padding:0 var(--button-padding);border-radius:var(--button-radius);background:var(--background);transition:background .1s;position:relative}@media (hover:hover) and (pointer:fine){.base_view-ZOkD4:hover{background:var(--background-hover)}}.base_view-ZOkD4:focus-visible{outline:none}@supports not (width:1lh){.base_view-ZOkD4:focus-visible{box-shadow:0 0 0 unset unset}}@supports (width:1lh){.base_view-ZOkD4:focus-visible{outline:unset solid unset;outline-offset:unset}}@supports not selector(:focus-visible){.base_view-ZOkD4:focus{outline:none}@supports not (width:1lh){.base_view-ZOkD4:focus{box-shadow:0 0 0 unset unset}}@supports (width:1lh){.base_view-ZOkD4:focus{outline:unset solid unset;outline-offset:unset}}}.base_view-ZOkD4:after{border-style:solid;border-width:1px;border-color:var(--border-color);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}@supports (-webkit-mask-composite:xor) or (mask-composite:exclude){.base_view-ZOkD4:after{background:var(--border-color-grad,var(--border-color));-webkit-mask-composite:xor;border:none;padding:1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}}.base_loader-ZOkD4{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.base_size-s-ZOkD4{--button-height:var(--size-control-s);--button-padding:var(--spacing-12);--button-radius:var(--button-rounding-s)}.base_size-s-ZOkD4.base_isIcon-ZOkD4{--button-width:var(--size-control-s);--button-padding:var(--spacing-0)}.base_size-m-ZOkD4{--button-height:var(--size-control-m);--button-padding:var(--spacing-16);--button-radius:var(--button-rounding-m)}.base_size-m-ZOkD4.base_isIcon-ZOkD4{--button-width:var(--size-control-m);--button-padding:var(--spacing-0)}.base_size-xl-ZOkD4{--button-height:var(--size-control-xl);--button-padding:var(--spacing-20);--button-radius:var(--button-rounding-l)}.base_size-xl-ZOkD4.base_isIcon-ZOkD4{--button-width:var(--size-control-xl);--button-padding:var(--spacing-0)}.base_size-xxl-ZOkD4{--button-height:var(--size-control-xxl);--button-padding:var(--spacing-24);--button-radius:var(--button-rounding-xl)}.base_size-xxl-ZOkD4.base_isIcon-ZOkD4{--button-width:var(--size-control-xxl);--button-padding:var(--spacing-0)}.base_variant-primary-ZOkD4{--background:var(--button-color-primary-bg-default-grad,var(--button-color-primary-bg-default));--background-hover:var(--button-color-primary-bg-hover-grad,var(--button-color-primary-bg-hover));--border-color:var(--button-color-primary-bg-border);--border-color-grad:var(--button-color-primary-bg-border-grad);color:var(--button-color-primary-fg-default)}.base_variant-primary-ZOkD4 .base_loader-ZOkD4 svg{color:var(--button-color-primary-fg-default)}.base_variant-accent-ZOkD4{--background:var(--button-color-accent-bg-default-grad,var(--button-color-accent-bg-default));--background-hover:var(--button-color-accent-bg-hover-grad,var(--button-color-accent-bg-hover));--border-color:var(--button-color-accent-bg-border);--border-color-grad:var(--button-color-accent-bg-border-grad);color:var(--button-color-accent-fg-default)}.base_variant-accent-ZOkD4 .base_loader-ZOkD4 svg{color:var(--color-content-base-on-accent)}.base_variant-neutral-ZOkD4{--background:var(--button-color-neutral-bg-default);--background-hover:var(--button-color-neutral-bg-hover);--border-color:var(--button-color-neutral-bg-border);--border-color-grad:var(--button-color-neutral-bg-border-grad);color:var(--color-content-base-primary)}.base_variant-staticPrimary-ZOkD4{--background:var(--color-background-base-static-white);--background-hover:var(--color-background-base-alfa-static-white-96);color:var(--color-content-base-static-black)}.base_variant-staticPrimary-ZOkD4 .base_loader-ZOkD4 svg{color:var(--color-content-base-static-black)}.base_variant-staticSecondary-ZOkD4{--background:var(--color-background-base-alfa-static-white-20);--background-hover:var(--color-background-base-alfa-static-white-32);--border-color:var(--button-color-static-secondary-bg-border)}.base_variant-negative-ZOkD4{--background:var(--color-solid-sentiment-negative-alfa-12);--background-hover:var(--color-solid-sentiment-negative-alfa-16);color:var(--color-solid-sentiment-negative-default)}.base_variant-negative-ZOkD4 .base_loader-ZOkD4 svg{color:var(--color-solid-sentiment-negative-default)}.base_variant-staticBlackPrimary-ZOkD4{--background:var(--color-background-base-static-black);--background-hover:var(--color-background-base-alfa-static-black-96)}.base_variant-staticBlackPrimary-ZOkD4 .base_loader-ZOkD4 svg{color:var(--color-content-base-static-white)}.base_variant-staticBlackSecondary-ZOkD4{--background:var(--color-background-base-alfa-static-black-40);--background-hover:var(--color-background-base-alfa-static-black-48)}.base_variant-staticBlackSecondary-ZOkD4 .base_loader-ZOkD4 svg{color:var(--color-content-base-static-white)}.base_variant-ghost-ZOkD4{--background:var(--color-background-base-none);--background-hover:var(--color-background-base-alfa-neutral-8);color:var(--color-content-base-tertiary)}.base_variant-ghost-ZOkD4 .base_loader-ZOkD4 svg{color:var(--color-content-base-tertiary)}@media (hover:hover) and (pointer:fine){.base_variant-ghost-ZOkD4:hover{color:var(--color-content-base-secondary)}}.base_badge-ZOkD4{--radius:min(var(--button-radius), var(--button-height) / 2);--offset:calc(var(--radius)*.29289 - var(--dot__size)/2);position:absolute;inset-block-start:var(--offset);inset-inline-end:var(--offset)}.base_isWide-ZOkD4{width:100%}.base_isWide-ZOkD4.base_isIcon-ZOkD4{--button-width:100%}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();