tsm-ui/storybook-static/assets/TextInput.stories.b93c2dd2.js

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

import{r as b}from"./index.d591fb27.js";import{s as n}from"./index.f31275f4.js";import{a as x,j as t}from"./jsx-runtime.e41c3930.js";import{B as $}from"./index.bf78a962.js";import{T as M}from"./index.655ecc4d.js";import"./_commonjsHelpers.712cc82f.js";import"./index.8dde8ec8.js";const T=n("div",{backgroundColor:"$colorSecondary050",borderRadius:"$sm",boxSizing:"border-box",border:"2px solid $gray900",display:"flex",alignItems:"center",variants:{size:{sm:{padding:"$2 $3"},md:{padding:"$3 $4"}}},"&:has(input:focus)":{borderColor:"$colorMainBlack"},"&:has(input:disabled)":{opacity:.5,cursor:"not-allowed"},defaultVariants:{size:"md"}}),_=n("span",{fontFamily:"$default",fontSize:"$sm",color:"$colorGreatAreaPrev",fontWeight:"regular"}),I=n("input",{fontFamily:"$default",fontSize:"$sm",color:"$colorMain070",fontWeight:"regular",background:"transparent",border:0,width:"100%","&:focus":{outline:0},"&:disabled":{cursor:"not-allowed"},"&::placeholder":{color:"$colorMain030"}}),s=b.exports.forwardRef(({prefix:r,...y},h)=>x(T,{children:[!!r&&t(_,{children:r}),t(I,{ref:h,...y})]}));s.displayName="TextInput";try{s.displayName="TextInput",s.__docgenInfo={description:"",displayName:"TextInput",props:{prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},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{}const B={title:"Components/Text Input",component:s,args:{},decorators:[r=>x($,{as:"label",css:{display:"flex",flexDirection:"column",gap:"$2"},children:[t(M,{size:"sm",children:"Email address"}),r()]})]},e={args:{placeholder:"Type your name"}},o={args:{disabled:!0}},a={args:{prefix:"tsm.com/",placeholder:"your-username"}};var i,l,c;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{
  args: {
    placeholder: 'Type your name'
  }
}`,...(c=(l=e.parameters)==null?void 0:l.docs)==null?void 0:c.source}}};var d,p,m;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`{
  args: {
    disabled: true
  }
}`,...(m=(p=o.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};var u,g,f;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{
  args: {
    prefix: 'tsm.com/',
    placeholder: 'your-username'
  }
}`,...(f=(g=a.parameters)==null?void 0:g.docs)==null?void 0:f.source}}};const j=["Primary","Disabled","WithPrefix"];export{o as Disabled,e as Primary,a as WithPrefix,j as __namedExportsOrder,B as default};