UNPKG

tsm-ui

Version:

### Welcome to TSM-UI: Your Design System for Modern Web Development

2 lines (1 loc) 2.31 kB
import{s as r}from"./index.f31275f4.js";const o=r("button",{all:"unset",borderRadius:"$full",fontSize:"$sm",fontWeight:"$medium",fontFamily:"$default",textAlign:"center",minWidth:120,boxSizing:"border-box",padding:"0 $4",display:"flex",alignItems:"center",justifyContent:"center",gap:"$4",cursor:"pointer",svg:{width:"$4",height:"$4"},"&:disabled":{cursor:"not-allowed"},"&:focus":{boxShadow:"0 0 0 2px $colorGreatAreaGo"},variants:{buttonType:{primary:{color:"$colorMainWhite",background:"$colorSecondaryBlack",transition:"background-color 0.2s ease-in-out","&:not(:disabled):hover":{background:"$colorPrimaryBlack"},"&:disabled":{color:"$colorMain030",backgroundColor:"$colorMain010"}},secondary:{color:"$colorMainWhite",border:"2px solid $colorPrimaryBlack",transition:"background-color 0.2s ease-in-out","&:not(:disabled):hover":{background:"$colorGreatAreaPed",color:"$colorMainWhite"},"&:disabled":{color:"$colorMain030",backgroundColor:"$colorSecondary050"}},tertiary:{color:"$colorPrimary050",transition:"background-color 0.2s ease-in-out","&:not(:disabled):hover":{color:"$colorMainWhite"},"&:disabled":{color:"$colorMain070"}}},size:{sm:{height:38},md:{height:46}}},defaultVariants:{buttonType:"primary",size:"md"}});o.displayName="Button";try{o.displayName="Button",o.__docgenInfo={description:"",displayName:"Button",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<HTMLButtonElement>"}},buttonType:{defaultValue:null,description:"",name:"buttonType",required:!1,type:{name:'"primary" | "secondary" | "tertiary" | ({ "@initial"?: "primary" | "secondary" | "tertiary"; } & { [x: string]: "primary" | "secondary" | "tertiary"; })'}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:'"sm" | "md" | ({ "@initial"?: "sm" | "md"; } & { [x: string]: "sm" | "md"; })'}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"never"}},css:{defaultValue:null,description:"",name:"css",required:!1,type:{name:"CSS<{}, { colors: { colorMainBlack: string; colorMain090: string; colorMain070: string; colorMain050: string; colorMain030: string; colorMain020: string; colorMain010: string; colorMainWhite: string; ... 48 more ...; colorPurple010: string; }; ... 5 more ...; space: { ...; }; }, { ...; }, {}>"}}}}}catch{}export{o as B};