UNPKG

tsm-ui

Version:

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

8 lines (7 loc) 3.77 kB
import{B as e}from"./index.9d7ba1c1.js";import{j as t,a as W}from"./jsx-runtime.e41c3930.js";import{P as j,A as R}from"./PlusCircle.esm.983a02f0.js";import"./index.f31275f4.js";import"./index.d591fb27.js";import"./_commonjsHelpers.712cc82f.js";import"./index.8dde8ec8.js";import"./IconBase.esm.b270398d.js";const H={title:"Components/Buttons",component:e,argTypes:{label:{description:"The label for the button",control:{type:"text"}},variant:{description:"The visual style of the button",options:["primary","secondary","tertiary"],control:{type:"radio"}},size:{description:"The size of the button",options:["sm","md"],control:{type:"inline-radio"}},disabled:{description:"Disables the button from user interaction",control:{type:"boolean"}}}},a=r=>t(e,{...r,children:"Submit"});a.args={variant:"primary",size:"md",disabled:!1,description:"The default primary button"};const s=r=>t(e,{...r,children:"Cancel"});s.args={variant:"secondary",size:"md",disabled:!1,description:"A secondary button used for canceling actions"};const o=r=>t(e,{...r,children:"Delete"});o.args={variant:"tertiary",size:"md",disabled:!1,description:"A tertiary button used for deleting items"};const i=r=>t(e,{...r,children:"Submit"});i.args={variant:"primary",size:"sm",disabled:!1,description:"A smaller version of the default primary button"};const n=r=>W(e,{...r,children:[t(j,{weight:"bold",size:100}),"Submit"]});n.args={variant:"primary",size:"md",disabled:!1,description:"The default primary button with an arrow icon"};const c=r=>W(e,{...r,children:["Submit ",t(R,{weight:"bold",size:"9xl"})]});c.args={variant:"primary",size:"md",disabled:!1,description:"The default primary button with an arrow icon on the left"};const d=r=>t(e,{...r,children:"Disabled"});d.args={variant:"primary",size:"md",disabled:!0,description:"The default primary button in a disabled state"};var l,m,u;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Button {...args}>Submit</Button>",...(u=(m=a.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};var p,b,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:"args => <Button {...args}>Cancel</Button>",...(g=(b=s.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};var h,f,y;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:"args => <Button {...args}>Delete</Button>",...(y=(f=o.parameters)==null?void 0:f.docs)==null?void 0:y.source}}};var B,S,z;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:"args => <Button {...args}>Submit</Button>",...(z=(S=i.parameters)==null?void 0:S.docs)==null?void 0:z.source}}};var w,v,D;n.parameters={...n.parameters,docs:{...(w=n.parameters)==null?void 0:w.docs,source:{originalSource:`args => <Button {...args}> {/* <ArrowRight weight="bold" /> */} <PlusCircle weight="bold" size={100} /> Submit </Button>`,...(D=(v=n.parameters)==null?void 0:v.docs)==null?void 0:D.source}}};var T,x,A;c.parameters={...c.parameters,docs:{...(T=c.parameters)==null?void 0:T.docs,source:{originalSource:`args => <Button {...args}> Submit <ArrowRight weight="bold" size="9xl" /> </Button>`,...(A=(x=c.parameters)==null?void 0:x.docs)==null?void 0:A.source}}};var C,P,I;d.parameters={...d.parameters,docs:{...(C=d.parameters)==null?void 0:C.docs,source:{originalSource:"args => <Button {...args}>Disabled</Button>",...(I=(P=d.parameters)==null?void 0:P.docs)==null?void 0:I.source}}};const J=["Primary","Cancel","Delete","Small","WithIcon","WithIconLeft","Disabled"];export{s as Cancel,o as Delete,d as Disabled,a as Primary,i as Small,n as WithIcon,c as WithIconLeft,J as __namedExportsOrder,H as default};