@preply/ds-docs 2.2.2 → 2.4.0

package/dist/assets/SelectField.stories-pGSDbpvG.js

@@ -1,182 +0,0 @@
-import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as u}from"./index-Cb9e4tly.js";import{a as c}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{e as k,u as Ce,w as Re}from"./index-BVDq5o4N.js";import{F as Le}from"./TokyoUILanguage-CLpo5Vdq.js";import{B as P}from"./Button-Ua3wdhT5.js";import{I as W}from"./Icon-CsccYTZ-.js";import{g as Be}from"./index-DdzHuZ-Y.js";import{w as o}from"./componentNames-Y1T_IIlY.js";import{u as De,I as Oe,s as Pe,F as We}from"./FieldLayoutBase-F3pRKFiA.js";import{m as _e,a as b,b as f}from"./classNames-BUL1Zq7e.js";import{u as Ke}from"./useForcedRef--iGFM41p.js";import{u as Me}from"./useSelectField-DdxM1zlV.js";import{T as Je}from"./Text-QKoyPmSP.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D0ZIVzRq.js";import"./Spinner-B2C3RkCF.js";import"./defaults-B1rzzf6M.js";import"./useMergeRefs-SFH7Mw4x.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./text-accent-DZDDtpIt.js";import"./FieldAdditionalText-Du1TBs7a.js";import"./constants-DL6gdbsq.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./text-centered-CznToR0o.js";const p=({...e})=>a.jsx("option",{...e,...Be(void 0,{preplyDsComponent:o.SelectFieldOption})});try{p.displayName="SelectFieldOption",p.__docgenInfo={description:"Use this as a child of `SelectField` to render a `select` option.",displayName:"SelectFieldOption",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}const Xe=({onChange:e,onValueChange:n,children:t,placeholder:l,...i},m)=>{const v=_e(Pe,o.Select),r=De(N=>N.target.value,e,n),{required:d}=i,s=typeof l<"u"?a.jsx("option",{value:"",disabled:d,"aria-hidden":!0,children:l}):null,T=a.jsxs(a.Fragment,{children:[s,t]});return a.jsx(Oe,{...i,ref:m,type:"select",className:v.join(" "),onChange:r,preplyDsComponent:o.Select,children:T})},B=u.forwardRef(Xe);try{B.displayName="Select",B.__docgenInfo={description:"",displayName:"Select",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
-@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
-@see aria-hidden
-@see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
-@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const S={"SelectFieldLayout--input":"SelectFieldLayout--input__ogrEq","SelectFieldLayout--icon":"SelectFieldLayout--icon__ggHbN","SelectFieldLayout--dropdown-indicator":"SelectFieldLayout--dropdown-indicator__-xFg9","SelectFieldLayout--has-value":"SelectFieldLayout--has-value__Touz2","SelectFieldLayout--has-icon":"SelectFieldLayout--has-icon__Ned1T","SelectFieldLayout--has-error":"SelectFieldLayout--has-error__O7se1","SelectFieldLayout--is-focused":"SelectFieldLayout--is-focused__RaJEM","SelectFieldLayout--is-disabled":"SelectFieldLayout--is-disabled__s-zOz"},Ae=({title:e,titleId:n,...t},l)=>u.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:l,"aria-labelledby":n,...t},e?u.createElement("title",{id:n},e):null,u.createElement("path",{fillRule:"evenodd",d:"m12 16-6-5.61L7.487 9 12 13.22 16.513 9 18 10.39 12 16Z",clipRule:"evenodd"})),Ue=u.forwardRef(Ae),ze=({id:e,className:n,input:t,icon:l,disabled:i,isFocused:m,hasError:v,inputHandle:r,onClick:d,hasValue:s,...T},N)=>{const h=u.useRef(null);u.useImperativeHandle(N,()=>({setFocus:()=>r==null?void 0:r.setFocus(),scrollIntoView:()=>{var g;return(g=h==null?void 0:h.current)==null?void 0:g.scrollIntoView()}}));const K=b(S,o.SelectFieldLayout,[f("is-disabled",void 0,i),f("is-focused",void 0,m),f("has-error",void 0,v),f("has-icon",void 0,!!l),f("has-value",void 0,s)]),je=n?[n,...K]:K,He=b(S,o.SelectFieldLayout,["input"]),ke=b(S,o.SelectFieldLayout,["icon"]),Te=b(S,o.SelectFieldLayout,["dropdown-indicator"]),Ne=g=>{r==null||r.setFocus(),d==null||d(g)};return a.jsx(We,{id:e,className:je.join(" "),disabled:i,isFocused:m,hasError:v,hasValue:s,...T,preplyDsComponent:o.SelectFieldLayout,ref:h,children:a.jsxs("div",{className:He.join(" "),onClick:Ne,children:[l&&a.jsx("span",{style:{lineHeight:"initial"},className:ke.join(" "),children:l}),t,a.jsx("span",{style:{lineHeight:"initial"},className:Te.join(" "),children:a.jsx(W,{svg:Ue})})]})})},D=u.forwardRef(ze);try{D.displayName="SelectFieldLayout",D.__docgenInfo={description:"",displayName:"SelectFieldLayout",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},isFocused:{defaultValue:null,description:"",name:"isFocused",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isTouched:{defaultValue:null,description:"",name:"isTouched",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isChanged:{defaultValue:null,description:"",name:"isChanged",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasValue:{defaultValue:null,description:"",name:"hasValue",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},input:{defaultValue:null,description:"An `<input>` element.",name:"input",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},inputHandle:{defaultValue:null,description:"A ref handle to the `<input>` element, used to manage focus when\nclicking on elements within the layout, such as the button and icon.",name:"inputHandle",required:!0,type:{name:"enum",value:[{value:"null"},{value:"InputImperativeHandle"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<IconProps, string | JSXElementConstructor<any>>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<FieldButtonProps, string | JSXElementConstructor<any>>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const Ye="SelectField__3gpGp",$e={SelectField:Ye},Ge=({id:e,...n},t)=>{const l=u.useRef(null),i=Ke();u.useImperativeHandle(t,()=>({setFocus:()=>{var s;return(s=l==null?void 0:l.current)==null?void 0:s.setFocus()},scrollIntoView:()=>{var s;return(s=l==null?void 0:l.current)==null?void 0:s.scrollIntoView()}}));const{layoutProps:m,inputProps:v}=Me({id:e,...n},o.SelectField),r=_e($e,o.SelectField),d=a.jsx(B,{...v,ref:i});return a.jsx(D,{...m,className:r.join(" "),input:d,inputHandle:i.current,ref:l})},y=u.forwardRef(Ge);try{y.displayName="SelectField",y.__docgenInfo={description:"Use this with `SelectFieldOption`s to render a `select` dropdown.\n\nBy default, this field acts as a controlled field and expects the parent\ncomponent to manage the state, by reacting to user input via the `onChange` or\n`onValueChange` props, and providing the latest state via the `value` prop.\n\nAlternatively, you can use it as an uncontrolled field using the\n`defaultValue` prop instead of the `value` prop.",displayName:"SelectField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<IconProps, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const _a={title:"components/SelectField",component:y,subcomponents:{SelectFieldOption:p},args:{label:"Language",placeholder:"Select a language",defaultValue:"",inputDataset:{testid:"input"},onChange:c("onChange"),onBlur:c("onBlur"),onFocus:c("onFocus"),onClick:c("onClick"),onCopy:c("onCopy"),onKeyDown:c("onKeyDown"),onKeyUp:c("onKeyUp"),onPaste:c("onPaste"),onValueChange:c("onValueChange")},render:function(n){const t=u.useRef(null);return n.ref=t,a.jsxs(y,{...n,children:[a.jsx(p,{value:"english",children:"English"}),a.jsx(p,{value:"spanish",children:"Spanish"}),a.jsx(p,{value:"french",children:"French"})]})}},V={parameters:{docs:{description:{story:"An empty field with a `label` and a `placeholder`."}}}},q={args:{defaultValue:"english"},play:async({canvas:e})=>{const n=e.getByTestId("input");return await k(n).toHaveValue("english"),await Ce.selectOptions(n,"spanish"),k(n).toHaveValue("spanish")}},x={args:{icon:a.jsx(W,{svg:Le})}},E={args:{additionalText:"This is additional text"}},w={args:{required:!0}},F={args:{required:!0,requiredLabel:a.jsx(Je,{accent:"critical",variant:"m-bold",children:"Needed"})}},I={args:{hideLabel:!0}},C={args:{hasError:!0}},R={args:{hasError:!0,errorMessage:"This is an error message"}},L={args:{disabled:!0}},_={decorators:[(e,{args:n})=>a.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[a.jsxs("p",{children:["You can"," ",a.jsx(P,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var t,l;return(l=(t=n.ref)==null?void 0:t.current)==null?void 0:l.setFocus()},children:"Focus"})," ","the input imperatively."]}),a.jsx(e,{})]})],play:async({args:e,canvas:n})=>{if(!O(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const t=n.getByTestId("input");await Ce.click(n.getByTestId("focus-button")),await Re(()=>k(t).toHaveFocus())}},j={decorators:[(e,{args:n})=>a.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[a.jsxs("p",{children:["You can"," ",a.jsx(P,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!O(n.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");n.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),a.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:a.jsx(e,{})})]})],play:async({args:e,canvas:n})=>{if(!O(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const t=n.getByTestId("input");e.ref.current.scrollIntoView(),await Re(()=>k(t).toBeVisible())}};function O(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}const H={tags:["!test"],parameters:{docs:{description:{story:'\nThe following code renders a `SelectField` with the `required` flag,\n`placeholder` and some `additionalText`.\n\nWhen you click the "Submit" button, and the input `value` is empty, it:\n\n- Displays feedback via the `errorMessage` prop;\n- Brings the focus back to the field.\n'}},chromatic:{disableSnapshot:!0}},render:function(n){const[t,l]=u.useState(void 0),[i,m]=u.useState(!1),v=i&&!t&&"Please select an option",r=u.useRef(null),d=()=>{var s;m(!0),t||(s=r==null?void 0:r.current)==null||s.setFocus()};return a.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[a.jsxs(y,{...n,value:t,required:!0,icon:a.jsx(W,{svg:Le,label:"Student with a hat"}),placeholder:"Select a subject",additionalText:"We will use this to get a personalized choice of tutors",onValueChange:l,errorMessage:v,ref:r,children:[a.jsx(p,{value:"english",children:"English"}),a.jsx(p,{value:"spanish",children:"Spanish"}),a.jsx(p,{value:"french",children:"French"})]}),a.jsx(P,{onClick:()=>d(),children:"Submit"})]})}};var M,J,X;V.parameters={...V.parameters,docs:{...(M=V.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: \`An empty field with a \\\`label\\\` and a \\\`placeholder\\\`.\`
-      }
-    }
-  }
-}`,...(X=(J=V.parameters)==null?void 0:J.docs)==null?void 0:X.source}}};var A,U,z;q.parameters={...q.parameters,docs:{...(A=q.parameters)==null?void 0:A.docs,source:{originalSource:`{
-  args: {
-    defaultValue: 'english'
-  },
-  play: async ({
-    canvas
-  }) => {
-    const input = canvas.getByTestId('input');
-    await expect(input).toHaveValue('english');
-    await userEvent.selectOptions(input, 'spanish');
-    return expect(input).toHaveValue('spanish');
-  }
-}`,...(z=(U=q.parameters)==null?void 0:U.docs)==null?void 0:z.source}}};var Y,$,G;x.parameters={...x.parameters,docs:{...(Y=x.parameters)==null?void 0:Y.docs,source:{originalSource:`{
-  args: {
-    icon: <Icon svg={LanguageSvg} />
-  }
-}`,...(G=($=x.parameters)==null?void 0:$.docs)==null?void 0:G.source}}};var Z,Q,ee;E.parameters={...E.parameters,docs:{...(Z=E.parameters)==null?void 0:Z.docs,source:{originalSource:`{
-  args: {
-    additionalText: 'This is additional text'
-  }
-}`,...(ee=(Q=E.parameters)==null?void 0:Q.docs)==null?void 0:ee.source}}};var ae,ne,le;w.parameters={...w.parameters,docs:{...(ae=w.parameters)==null?void 0:ae.docs,source:{originalSource:`{
-  args: {
-    required: true
-  }
-}`,...(le=(ne=w.parameters)==null?void 0:ne.docs)==null?void 0:le.source}}};var te,re,ue;F.parameters={...F.parameters,docs:{...(te=F.parameters)==null?void 0:te.docs,source:{originalSource:`{
-  args: {
-    required: true,
-    requiredLabel: <Text accent="critical" variant="m-bold">
-                Needed
-            </Text>
-  }
-}`,...(ue=(re=F.parameters)==null?void 0:re.docs)==null?void 0:ue.source}}};var se,ie,oe;I.parameters={...I.parameters,docs:{...(se=I.parameters)==null?void 0:se.docs,source:{originalSource:`{
-  args: {
-    hideLabel: true
-  }
-}`,...(oe=(ie=I.parameters)==null?void 0:ie.docs)==null?void 0:oe.source}}};var de,ce,pe;C.parameters={...C.parameters,docs:{...(de=C.parameters)==null?void 0:de.docs,source:{originalSource:`{
-  args: {
-    hasError: true
-  }
-}`,...(pe=(ce=C.parameters)==null?void 0:ce.docs)==null?void 0:pe.source}}};var me,ve,fe;R.parameters={...R.parameters,docs:{...(me=R.parameters)==null?void 0:me.docs,source:{originalSource:`{
-  args: {
-    hasError: true,
-    errorMessage: 'This is an error message'
-  }
-}`,...(fe=(ve=R.parameters)==null?void 0:ve.docs)==null?void 0:fe.source}}};var ye,he,ge;L.parameters={...L.parameters,docs:{...(ye=L.parameters)==null?void 0:ye.docs,source:{originalSource:`{
-  args: {
-    disabled: true
-  }
-}`,...(ge=(he=L.parameters)==null?void 0:he.docs)==null?void 0:ge.source}}};var be,Se,Ve;_.parameters={..._.parameters,docs:{...(be=_.parameters)==null?void 0:be.docs,source:{originalSource:`{
-  decorators: [(Story, {
-    args
-  }) => <div style={{
-    padding: '8px',
-    margin: '8px'
-  }}>
-                <p>
-                    You can{' '}
-                    <Button variant="secondary" dataset={{
-        testid: 'focus-button'
-      }} onClick={() =>
-      // @ts-expect-error - This will fail gracefully,
-      // and the \`play\` function will assert it properly
-      args.ref?.current?.setFocus()}>
-                        Focus
-                    </Button>{' '}
-                    the input imperatively.
-                </p>
-                <Story />
-            </div>],
-  play: async ({
-    args,
-    canvas
-  }) => {
-    if (!isImperativeHandleRef(args.ref)) {
-      throw new Error('Expected ref.current to be an InputImperativeHandle');
-    }
-    const input = canvas.getByTestId('input');
-    await userEvent.click(canvas.getByTestId('focus-button'));
-    await waitFor(() => expect(input).toHaveFocus());
-  }
-}`,...(Ve=(Se=_.parameters)==null?void 0:Se.docs)==null?void 0:Ve.source}}};var qe,xe,Ee;j.parameters={...j.parameters,docs:{...(qe=j.parameters)==null?void 0:qe.docs,source:{originalSource:`{
-  decorators: [(Story, {
-    args
-  }) => <div style={{
-    height: '300px',
-    overflow: 'scroll',
-    padding: '8px',
-    margin: '8px'
-  }}>
-                <p>
-                    You can{' '}
-                    <Button variant="secondary" dataset={{
-        testid: 'scroll-button'
-      }} onClick={() => {
-        if (!isImperativeHandleRef(args.ref)) {
-          throw new Error('Expected ref.current to be an InputImperativeHandle');
-        }
-        args.ref.current.scrollIntoView();
-      }}>
-                        Scroll
-                    </Button>{' '}
-                    the input into view imperatively.
-                </p>
-                <div style={{
-      height: '1000px',
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'end',
-      border: '2px dashed lightgray',
-      padding: '16px'
-    }}>
-                    <Story />
-                </div>
-            </div>],
-  play: async ({
-    args,
-    canvas
-  }) => {
-    if (!isImperativeHandleRef(args.ref)) {
-      throw new Error('Expected ref.current to be an InputImperativeHandle');
-    }
-    const input = canvas.getByTestId('input');
-    args.ref.current.scrollIntoView();
-    await waitFor(() => expect(input).toBeVisible());
-  }
-}`,...(Ee=(xe=j.parameters)==null?void 0:xe.docs)==null?void 0:Ee.source}}};var we,Fe,Ie;H.parameters={...H.parameters,docs:{...(we=H.parameters)==null?void 0:we.docs,source:{originalSource:`{
-  tags: ['!test'],
-  parameters: {
-    docs: {
-      description: {
-        story: \`
-The following code renders a \\\`SelectField\\\` with the \\\`required\\\` flag,
-\\\`placeholder\\\` and some \\\`additionalText\\\`.
-
-When you click the "Submit" button, and the input \\\`value\\\` is empty, it:
-
-- Displays feedback via the \\\`errorMessage\\\` prop;
-- Brings the focus back to the field.
-\`
-      }
-    },
-    chromatic: {
-      disableSnapshot: true
-    }
-  },
-  render: function Story(args) {
-    const [value, setValue] = useState<string | undefined>(undefined);
-    const [submited, setSubmitted] = useState(false);
-    const errorMessage = submited && !value && 'Please select an option';
-    const fieldRef = useRef<InputImperativeHandle>(null);
-    const handleClick = () => {
-      setSubmitted(true);
-      if (!value) {
-        fieldRef?.current?.setFocus();
-      }
-    };
-    return <div style={{
-      maxWidth: '500px',
-      display: 'flex',
-      flexDirection: 'column'
-    }}>
-                <SelectField {...args} value={value} required icon={<Icon svg={LanguageSvg} label="Student with a hat" />} placeholder="Select a subject" additionalText="We will use this to get a personalized choice of tutors" onValueChange={setValue} errorMessage={errorMessage} ref={fieldRef}>
-                    <SelectFieldOption value="english">English</SelectFieldOption>
-                    <SelectFieldOption value="spanish">Spanish</SelectFieldOption>
-                    <SelectFieldOption value="french">French</SelectFieldOption>
-                </SelectField>
-                <Button onClick={() => handleClick()}>Submit</Button>
-            </div>;
-  }
-}`,...(Ie=(Fe=H.parameters)==null?void 0:Fe.docs)==null?void 0:Ie.source}}};const ja=["Basic","WithValue","WithIcon","WithAdditionalText","Required","RequiredWithCustomLabel","WithHiddenLabel","HasError","HasErrorWithMessage","Disabled","ImperativeSetFocus","ImperativeScrollIntoView","Example"];export{V as Basic,L as Disabled,H as Example,C as HasError,R as HasErrorWithMessage,j as ImperativeScrollIntoView,_ as ImperativeSetFocus,w as Required,F as RequiredWithCustomLabel,E as WithAdditionalText,I as WithHiddenLabel,x as WithIcon,q as WithValue,ja as __namedExportsOrder,_a as default};

package/dist/assets/Text-D7kiVARi.js

@@ -1 +0,0 @@
-import{T as z}from"./constants-BgBLeZzp.js";import{a as k}from"./useTheme-DpAUb62T.js";import{u as E}from"./useColorScheme-CS0Fs4Yl.js";import{j as h}from"./jsx-runtime-BTJTZTIL.js";import{r as y}from"./index-Cb9e4tly.js";import{g as I,a as D}from"./text-accent-CZD2Hmtq.js";import{g as W}from"./text-centered-Bk7GkK8R.js";import{f as q}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as A,s as d,b as S}from"./classNames-BUL1Zq7e.js";import{b as X,T as j}from"./defaults-B1rzzf6M.js";import{w as n}from"./componentNames-Y1T_IIlY.js";import{g as K}from"./index-DdzHuZ-Y.js";const x='Illegal "token" argument provided to getToken(). Are you using indexes? Example: "tokens.action.size[size]". Make sure it resolves to a token.',L=(t,i,a)=>{if(!a)throw new Error(`No token provided. ${x}`);if(!Array.isArray(a))throw new Error(`Value provided is not a token. ${x}`);const e=t.getToken(a,i),l=a[z];if(e===void 0)throw new Error(`Token ${l} not found`);return e};function ta(t){const{theme:i}=k(),{colorScheme:a}=E();if(!i)throw new Error("useToken() must be used within a ThemeProvider");return L(i,a,t)}const V="Text__uVacy",Z={Text:V,"Text--variant-caption-regular":"Text--variant-caption-regular__Qv2Ax","Text--variant-caption-semibold":"Text--variant-caption-semibold__qycaB","Text--variant-small-regular":"Text--variant-small-regular__YFauL","Text--variant-small-regular-italic":"Text--variant-small-regular-italic__sGPGa","Text--variant-small-semibold":"Text--variant-small-semibold__wY3fp","Text--variant-small-semibold-italic":"Text--variant-small-semibold-italic__ydWgK","Text--variant-default-regular":"Text--variant-default-regular__d6Rfb","Text--variant-default-regular-italic":"Text--variant-default-regular-italic__adOeM","Text--variant-default-semibold":"Text--variant-default-semibold__UlmHo","Text--variant-default-semibold-italic":"Text--variant-default-semibold-italic__9WbJJ","Text--variant-large-regular":"Text--variant-large-regular__zzp2H","Text--variant-large-regular-italic":"Text--variant-large-regular-italic__gGcEV","Text--variant-large-semibold":"Text--variant-large-semibold__4S-U4","Text--variant-large-semibold-italic":"Text--variant-large-semibold-italic__ZrpZw","Text--variant-xs":"Text--variant-xs__c1jMc","Text--variant-xs-medium":"Text--variant-xs-medium__00mnR","Text--variant-s":"Text--variant-s__WOyj2","Text--variant-s-italic":"Text--variant-s-italic__Nt5K-","Text--variant-s-medium":"Text--variant-s-medium__X7lyi","Text--variant-s-medium-italic":"Text--variant-s-medium-italic__zXBH3","Text--variant-s-bold":"Text--variant-s-bold__UwkM8","Text--variant-s-bold-italic":"Text--variant-s-bold-italic__rqDd2","Text--variant-m":"Text--variant-m__4cplh","Text--variant-m-italic":"Text--variant-m-italic__yY9z-","Text--variant-m-medium":"Text--variant-m-medium__L8ied","Text--variant-m-medium-italic":"Text--variant-m-medium-italic__8SqNK","Text--variant-m-bold":"Text--variant-m-bold__0ymNQ","Text--variant-m-bold-italic":"Text--variant-m-bold-italic__zWw0M","Text--variant-l":"Text--variant-l__S83xd","Text--variant-l-italic":"Text--variant-l-italic__7r0vJ","Text--variant-l-medium":"Text--variant-l-medium__OVrkZ","Text--variant-l-medium-italic":"Text--variant-l-medium-italic__VlgDO","Text--variant-xl":"Text--variant-xl__XYwxx","Text--variant-xl-italic":"Text--variant-xl-italic__u-O7T","Text--variant-xl-medium":"Text--variant-xl-medium__t1mK-","Text--variant-xl-medium-italic":"Text--variant-xl-medium-italic__UiH8b","Text--narrow-l--variant-caption-regular":"Text--narrow-l--variant-caption-regular__62qXj","Text--narrow-l--variant-caption-semibold":"Text--narrow-l--variant-caption-semibold__niLxy","Text--narrow-l--variant-small-regular":"Text--narrow-l--variant-small-regular__JI9Mz","Text--narrow-l--variant-small-regular-italic":"Text--narrow-l--variant-small-regular-italic__h38Hy","Text--narrow-l--variant-small-semibold":"Text--narrow-l--variant-small-semibold__jqUJO","Text--narrow-l--variant-small-semibold-italic":"Text--narrow-l--variant-small-semibold-italic__XCXW6","Text--narrow-l--variant-default-regular":"Text--narrow-l--variant-default-regular__nCPnt","Text--narrow-l--variant-default-regular-italic":"Text--narrow-l--variant-default-regular-italic__dKZEJ","Text--narrow-l--variant-default-semibold":"Text--narrow-l--variant-default-semibold__6VGIy","Text--narrow-l--variant-default-semibold-italic":"Text--narrow-l--variant-default-semibold-italic__giyrw","Text--narrow-l--variant-large-regular":"Text--narrow-l--variant-large-regular__7uObP","Text--narrow-l--variant-large-regular-italic":"Text--narrow-l--variant-large-regular-italic__iW3Nb","Text--narrow-l--variant-large-semibold":"Text--narrow-l--variant-large-semibold__-R2qZ","Text--narrow-l--variant-large-semibold-italic":"Text--narrow-l--variant-large-semibold-italic__VISYL","Text--narrow-l--variant-xs":"Text--narrow-l--variant-xs__CLx0S","Text--narrow-l--variant-xs-medium":"Text--narrow-l--variant-xs-medium__VaaYS","Text--narrow-l--variant-s":"Text--narrow-l--variant-s__cdIX-","Text--narrow-l--variant-s-italic":"Text--narrow-l--variant-s-italic__iiPSr","Text--narrow-l--variant-s-medium":"Text--narrow-l--variant-s-medium__pk7I8","Text--narrow-l--variant-s-medium-italic":"Text--narrow-l--variant-s-medium-italic__9Gr6f","Text--narrow-l--variant-s-bold":"Text--narrow-l--variant-s-bold__KgT3N","Text--narrow-l--variant-s-bold-italic":"Text--narrow-l--variant-s-bold-italic__94h9E","Text--narrow-l--variant-m":"Text--narrow-l--variant-m__Kx4fZ","Text--narrow-l--variant-m-italic":"Text--narrow-l--variant-m-italic__4gaDs","Text--narrow-l--variant-m-medium":"Text--narrow-l--variant-m-medium__Ah1Q-","Text--narrow-l--variant-m-medium-italic":"Text--narrow-l--variant-m-medium-italic__IAQAp","Text--narrow-l--variant-m-bold":"Text--narrow-l--variant-m-bold__oIY3u","Text--narrow-l--variant-m-bold-italic":"Text--narrow-l--variant-m-bold-italic__sKaTp","Text--narrow-l--variant-l":"Text--narrow-l--variant-l__df3w7","Text--narrow-l--variant-l-italic":"Text--narrow-l--variant-l-italic__63G6v","Text--narrow-l--variant-l-medium":"Text--narrow-l--variant-l-medium__AXib0","Text--narrow-l--variant-l-medium-italic":"Text--narrow-l--variant-l-medium-italic__-W2Fo","Text--narrow-l--variant-xl":"Text--narrow-l--variant-xl__xOWG6","Text--narrow-l--variant-xl-italic":"Text--narrow-l--variant-xl-italic__5jls9","Text--narrow-l--variant-xl-medium":"Text--narrow-l--variant-xl-medium__ZlIDh","Text--narrow-l--variant-xl-medium-italic":"Text--narrow-l--variant-xl-medium-italic__YI-z-","Text--medium-s--variant-caption-regular":"Text--medium-s--variant-caption-regular__XEVQe","Text--medium-s--variant-caption-semibold":"Text--medium-s--variant-caption-semibold__f0rdW","Text--medium-s--variant-small-regular":"Text--medium-s--variant-small-regular__2dml2","Text--medium-s--variant-small-regular-italic":"Text--medium-s--variant-small-regular-italic__GUOiJ","Text--medium-s--variant-small-semibold":"Text--medium-s--variant-small-semibold__uQZGO","Text--medium-s--variant-small-semibold-italic":"Text--medium-s--variant-small-semibold-italic__5Jqrk","Text--medium-s--variant-default-regular":"Text--medium-s--variant-default-regular__jLGVH","Text--medium-s--variant-default-regular-italic":"Text--medium-s--variant-default-regular-italic__meFSk","Text--medium-s--variant-default-semibold":"Text--medium-s--variant-default-semibold__V4BoL","Text--medium-s--variant-default-semibold-italic":"Text--medium-s--variant-default-semibold-italic__wNC52","Text--medium-s--variant-large-regular":"Text--medium-s--variant-large-regular__0WQ9H","Text--medium-s--variant-large-regular-italic":"Text--medium-s--variant-large-regular-italic__-lOJl","Text--medium-s--variant-large-semibold":"Text--medium-s--variant-large-semibold__qbJdo","Text--medium-s--variant-large-semibold-italic":"Text--medium-s--variant-large-semibold-italic__OwChG","Text--medium-s--variant-xs":"Text--medium-s--variant-xs__bSR5J","Text--medium-s--variant-xs-medium":"Text--medium-s--variant-xs-medium__45YkZ","Text--medium-s--variant-s":"Text--medium-s--variant-s__qJRBN","Text--medium-s--variant-s-italic":"Text--medium-s--variant-s-italic__POfqu","Text--medium-s--variant-s-medium":"Text--medium-s--variant-s-medium__WNKvS","Text--medium-s--variant-s-medium-italic":"Text--medium-s--variant-s-medium-italic__UL2YU","Text--medium-s--variant-s-bold":"Text--medium-s--variant-s-bold__8Nl3-","Text--medium-s--variant-s-bold-italic":"Text--medium-s--variant-s-bold-italic__wKpUs","Text--medium-s--variant-m":"Text--medium-s--variant-m__5vPWB","Text--medium-s--variant-m-italic":"Text--medium-s--variant-m-italic__PFA3r","Text--medium-s--variant-m-medium":"Text--medium-s--variant-m-medium__6kDXZ","Text--medium-s--variant-m-medium-italic":"Text--medium-s--variant-m-medium-italic__-26j4","Text--medium-s--variant-m-bold":"Text--medium-s--variant-m-bold__NB66k","Text--medium-s--variant-m-bold-italic":"Text--medium-s--variant-m-bold-italic__xp5P-","Text--medium-s--variant-l":"Text--medium-s--variant-l__a6Tqk","Text--medium-s--variant-l-italic":"Text--medium-s--variant-l-italic__Y-3Mw","Text--medium-s--variant-l-medium":"Text--medium-s--variant-l-medium__mB4cK","Text--medium-s--variant-l-medium-italic":"Text--medium-s--variant-l-medium-italic__w0OzN","Text--medium-s--variant-xl":"Text--medium-s--variant-xl__titkD","Text--medium-s--variant-xl-italic":"Text--medium-s--variant-xl-italic__EIci1","Text--medium-s--variant-xl-medium":"Text--medium-s--variant-xl-medium__ZdONE","Text--medium-s--variant-xl-medium-italic":"Text--medium-s--variant-xl-medium-italic__px-z1","Text--medium-l--variant-caption-regular":"Text--medium-l--variant-caption-regular__mT3--","Text--medium-l--variant-caption-semibold":"Text--medium-l--variant-caption-semibold__8-hkD","Text--medium-l--variant-small-regular":"Text--medium-l--variant-small-regular__HO15d","Text--medium-l--variant-small-regular-italic":"Text--medium-l--variant-small-regular-italic__i92C6","Text--medium-l--variant-small-semibold":"Text--medium-l--variant-small-semibold__CjiKc","Text--medium-l--variant-small-semibold-italic":"Text--medium-l--variant-small-semibold-italic__PJHhp","Text--medium-l--variant-default-regular":"Text--medium-l--variant-default-regular__bWryq","Text--medium-l--variant-default-regular-italic":"Text--medium-l--variant-default-regular-italic__eWPQy","Text--medium-l--variant-default-semibold":"Text--medium-l--variant-default-semibold__DlFqw","Text--medium-l--variant-default-semibold-italic":"Text--medium-l--variant-default-semibold-italic__1UrvG","Text--medium-l--variant-large-regular":"Text--medium-l--variant-large-regular__Ur-1P","Text--medium-l--variant-large-regular-italic":"Text--medium-l--variant-large-regular-italic__sZ7If","Text--medium-l--variant-large-semibold":"Text--medium-l--variant-large-semibold__BPxlV","Text--medium-l--variant-large-semibold-italic":"Text--medium-l--variant-large-semibold-italic__vTWZt","Text--medium-l--variant-xs":"Text--medium-l--variant-xs__9D5QN","Text--medium-l--variant-xs-medium":"Text--medium-l--variant-xs-medium__Ny1FH","Text--medium-l--variant-s":"Text--medium-l--variant-s__8rZ-3","Text--medium-l--variant-s-italic":"Text--medium-l--variant-s-italic__InjTL","Text--medium-l--variant-s-medium":"Text--medium-l--variant-s-medium__B3CTp","Text--medium-l--variant-s-medium-italic":"Text--medium-l--variant-s-medium-italic__UR1v-","Text--medium-l--variant-s-bold":"Text--medium-l--variant-s-bold__dOybB","Text--medium-l--variant-s-bold-italic":"Text--medium-l--variant-s-bold-italic__9lmMM","Text--medium-l--variant-m":"Text--medium-l--variant-m__S79rn","Text--medium-l--variant-m-italic":"Text--medium-l--variant-m-italic__CfQh3","Text--medium-l--variant-m-medium":"Text--medium-l--variant-m-medium__5jzSI","Text--medium-l--variant-m-medium-italic":"Text--medium-l--variant-m-medium-italic__fSq8f","Text--medium-l--variant-m-bold":"Text--medium-l--variant-m-bold__YME4U","Text--medium-l--variant-m-bold-italic":"Text--medium-l--variant-m-bold-italic__Wlvfm","Text--medium-l--variant-l":"Text--medium-l--variant-l__K3O2j","Text--medium-l--variant-l-italic":"Text--medium-l--variant-l-italic__RlXus","Text--medium-l--variant-l-medium":"Text--medium-l--variant-l-medium__nVdnP","Text--medium-l--variant-l-medium-italic":"Text--medium-l--variant-l-medium-italic__64VRQ","Text--medium-l--variant-xl":"Text--medium-l--variant-xl__h8boX","Text--medium-l--variant-xl-italic":"Text--medium-l--variant-xl-italic__9tLaR","Text--medium-l--variant-xl-medium":"Text--medium-l--variant-xl-medium__flyfU","Text--medium-l--variant-xl-medium-italic":"Text--medium-l--variant-xl-medium-italic__0WWL1","Text--wide-s--variant-caption-regular":"Text--wide-s--variant-caption-regular__45qL-","Text--wide-s--variant-caption-semibold":"Text--wide-s--variant-caption-semibold__ybSD2","Text--wide-s--variant-small-regular":"Text--wide-s--variant-small-regular__pnI1L","Text--wide-s--variant-small-regular-italic":"Text--wide-s--variant-small-regular-italic__zbEZJ","Text--wide-s--variant-small-semibold":"Text--wide-s--variant-small-semibold__pBKrO","Text--wide-s--variant-small-semibold-italic":"Text--wide-s--variant-small-semibold-italic__5xaMk","Text--wide-s--variant-default-regular":"Text--wide-s--variant-default-regular__DEbnG","Text--wide-s--variant-default-regular-italic":"Text--wide-s--variant-default-regular-italic__QPvW9","Text--wide-s--variant-default-semibold":"Text--wide-s--variant-default-semibold__eOf2n","Text--wide-s--variant-default-semibold-italic":"Text--wide-s--variant-default-semibold-italic__52kF0","Text--wide-s--variant-large-regular":"Text--wide-s--variant-large-regular__nkIe1","Text--wide-s--variant-large-regular-italic":"Text--wide-s--variant-large-regular-italic__Z9BlJ","Text--wide-s--variant-large-semibold":"Text--wide-s--variant-large-semibold__hnlmr","Text--wide-s--variant-large-semibold-italic":"Text--wide-s--variant-large-semibold-italic__-E52C","Text--wide-s--variant-xs":"Text--wide-s--variant-xs__qdHJp","Text--wide-s--variant-xs-medium":"Text--wide-s--variant-xs-medium__2KnLH","Text--wide-s--variant-s":"Text--wide-s--variant-s__uchkB","Text--wide-s--variant-s-italic":"Text--wide-s--variant-s-italic__rojYZ","Text--wide-s--variant-s-medium":"Text--wide-s--variant-s-medium__uWz69","Text--wide-s--variant-s-medium-italic":"Text--wide-s--variant-s-medium-italic__OO-6-","Text--wide-s--variant-s-bold":"Text--wide-s--variant-s-bold__wtVVc","Text--wide-s--variant-s-bold-italic":"Text--wide-s--variant-s-bold-italic__Wy81n","Text--wide-s--variant-m":"Text--wide-s--variant-m__22h9H","Text--wide-s--variant-m-italic":"Text--wide-s--variant-m-italic__0zUU4","Text--wide-s--variant-m-medium":"Text--wide-s--variant-m-medium__yEC6K","Text--wide-s--variant-m-medium-italic":"Text--wide-s--variant-m-medium-italic__XbG-I","Text--wide-s--variant-m-bold":"Text--wide-s--variant-m-bold__-E6sG","Text--wide-s--variant-m-bold-italic":"Text--wide-s--variant-m-bold-italic__TOqGZ","Text--wide-s--variant-l":"Text--wide-s--variant-l__4POl2","Text--wide-s--variant-l-italic":"Text--wide-s--variant-l-italic__-JXlt","Text--wide-s--variant-l-medium":"Text--wide-s--variant-l-medium__QfBKZ","Text--wide-s--variant-l-medium-italic":"Text--wide-s--variant-l-medium-italic__U-BNW","Text--wide-s--variant-xl":"Text--wide-s--variant-xl__k3nuJ","Text--wide-s--variant-xl-italic":"Text--wide-s--variant-xl-italic__5ZUpT","Text--wide-s--variant-xl-medium":"Text--wide-s--variant-xl-medium__BSJjg","Text--wide-s--variant-xl-medium-italic":"Text--wide-s--variant-xl-medium-italic__0i59X","Text--wide-l--variant-caption-regular":"Text--wide-l--variant-caption-regular__A-258","Text--wide-l--variant-caption-semibold":"Text--wide-l--variant-caption-semibold__Fkrc2","Text--wide-l--variant-small-regular":"Text--wide-l--variant-small-regular__jxxVQ","Text--wide-l--variant-small-regular-italic":"Text--wide-l--variant-small-regular-italic__m4Blo","Text--wide-l--variant-small-semibold":"Text--wide-l--variant-small-semibold__xpw7Q","Text--wide-l--variant-small-semibold-italic":"Text--wide-l--variant-small-semibold-italic__AYnvO","Text--wide-l--variant-default-regular":"Text--wide-l--variant-default-regular__ZB6T-","Text--wide-l--variant-default-regular-italic":"Text--wide-l--variant-default-regular-italic__-kppq","Text--wide-l--variant-default-semibold":"Text--wide-l--variant-default-semibold__-4aqX","Text--wide-l--variant-default-semibold-italic":"Text--wide-l--variant-default-semibold-italic__aju5z","Text--wide-l--variant-large-regular":"Text--wide-l--variant-large-regular__2LL-6","Text--wide-l--variant-large-regular-italic":"Text--wide-l--variant-large-regular-italic__TIX-D","Text--wide-l--variant-large-semibold":"Text--wide-l--variant-large-semibold__taO1N","Text--wide-l--variant-large-semibold-italic":"Text--wide-l--variant-large-semibold-italic__7iaxB","Text--wide-l--variant-xs":"Text--wide-l--variant-xs__KA6dL","Text--wide-l--variant-xs-medium":"Text--wide-l--variant-xs-medium__XLeCc","Text--wide-l--variant-s":"Text--wide-l--variant-s__k4IbX","Text--wide-l--variant-s-italic":"Text--wide-l--variant-s-italic__VQHTP","Text--wide-l--variant-s-medium":"Text--wide-l--variant-s-medium__xT-ol","Text--wide-l--variant-s-medium-italic":"Text--wide-l--variant-s-medium-italic__2B16C","Text--wide-l--variant-s-bold":"Text--wide-l--variant-s-bold__-XKrV","Text--wide-l--variant-s-bold-italic":"Text--wide-l--variant-s-bold-italic__R8YMD","Text--wide-l--variant-m":"Text--wide-l--variant-m__Rj0gO","Text--wide-l--variant-m-italic":"Text--wide-l--variant-m-italic__hr4Sk","Text--wide-l--variant-m-medium":"Text--wide-l--variant-m-medium__YIng1","Text--wide-l--variant-m-medium-italic":"Text--wide-l--variant-m-medium-italic__OOeZa","Text--wide-l--variant-m-bold":"Text--wide-l--variant-m-bold__ror8x","Text--wide-l--variant-m-bold-italic":"Text--wide-l--variant-m-bold-italic__DRWgM","Text--wide-l--variant-l":"Text--wide-l--variant-l__F8Wzj","Text--wide-l--variant-l-italic":"Text--wide-l--variant-l-italic__gbDnu","Text--wide-l--variant-l-medium":"Text--wide-l--variant-l-medium__w-gJq","Text--wide-l--variant-l-medium-italic":"Text--wide-l--variant-l-medium-italic__exM86","Text--wide-l--variant-xl":"Text--wide-l--variant-xl__REACb","Text--wide-l--variant-xl-italic":"Text--wide-l--variant-xl-italic__sefuq","Text--wide-l--variant-xl-medium":"Text--wide-l--variant-xl-medium__Jt4wO","Text--wide-l--variant-xl-medium-italic":"Text--wide-l--variant-xl-medium-italic__XNOdD","Text--strong":"Text--strong__SiU3Y","Text--size-2xs":"Text--size-2xs__-NdKt","Text--size-xs":"Text--size-xs__RrH9I","Text--size-s":"Text--size-s__s5ts0","Text--size-m":"Text--size-m__99BrT","Text--size-l":"Text--size-l__-K9Pp","Text--size-xl":"Text--size-xl__xcjqs"},B=y.forwardRef(function({children:i,variant:a,tag:e=j,size:l,accent:r,color:s,strong:T,centered:_,dataset:v,...u},o){const c=a||(l?void 0:X),w=a?void 0:l,g=a?void 0:T,b=A(Z,n.Text,[d("variant",c),d("size",w),S("strong",void 0,g)]),m=r?void 0:s,f=I(!m,r),p=D(m),N=W(_),O=[...b,...f,...p,...N],C={...q(u),ref:o,className:O.join(" "),...K(v,{preplyDsComponent:n.Text})};return h.jsx(e,{...C,children:i})});B.__docgenInfo={description:"",methods:[],displayName:"Text",props:{tag:{defaultValue:{value:"'p'",computed:!1},required:!1}}};export{B as T,L as g,ta as u};

package/dist/assets/Text-QKoyPmSP.js

@@ -1 +0,0 @@
-import{j as z}from"./jsx-runtime-BTJTZTIL.js";import{r as A}from"./index-Cb9e4tly.js";import{g as E,a as h}from"./text-accent-DZDDtpIt.js";import{g as U}from"./text-centered-CznToR0o.js";import{f as N}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as W,s as l,b as j}from"./classNames-BUL1Zq7e.js";import{w as r}from"./componentNames-Y1T_IIlY.js";import{g as C}from"./index-DdzHuZ-Y.js";import{T as G,b as L}from"./defaults-B1rzzf6M.js";const F="Text__BD7-C",k={Text:F,"Text--variant-caption-regular":"Text--variant-caption-regular__-ndGs","Text--variant-caption-semibold":"Text--variant-caption-semibold__-q81F","Text--variant-small-regular":"Text--variant-small-regular__V98UM","Text--variant-small-regular-italic":"Text--variant-small-regular-italic__Ii9YT","Text--variant-small-semibold":"Text--variant-small-semibold__mTXWU","Text--variant-small-semibold-italic":"Text--variant-small-semibold-italic__N2bGq","Text--variant-default-regular":"Text--variant-default-regular__GBkvP","Text--variant-default-regular-italic":"Text--variant-default-regular-italic__h8iGC","Text--variant-default-semibold":"Text--variant-default-semibold__BREV0","Text--variant-default-semibold-italic":"Text--variant-default-semibold-italic__0qH9S","Text--variant-large-regular":"Text--variant-large-regular__IFXFs","Text--variant-large-regular-italic":"Text--variant-large-regular-italic__PBExC","Text--variant-large-semibold":"Text--variant-large-semibold__iyV1O","Text--variant-large-semibold-italic":"Text--variant-large-semibold-italic__wKF6g","Text--variant-xs":"Text--variant-xs__-oA5D","Text--variant-xs-medium":"Text--variant-xs-medium__lJfcR","Text--variant-s":"Text--variant-s__xqH0U","Text--variant-s-italic":"Text--variant-s-italic__jUEl1","Text--variant-s-medium":"Text--variant-s-medium__waMrn","Text--variant-s-medium-italic":"Text--variant-s-medium-italic__sLhV3","Text--variant-s-bold":"Text--variant-s-bold__tq4bK","Text--variant-s-bold-italic":"Text--variant-s-bold-italic__GG7kG","Text--variant-m":"Text--variant-m__y2H-S","Text--variant-m-italic":"Text--variant-m-italic__Sslhm","Text--variant-m-medium":"Text--variant-m-medium__6RBW8","Text--variant-m-medium-italic":"Text--variant-m-medium-italic__dWABZ","Text--variant-m-bold":"Text--variant-m-bold__5ZSGo","Text--variant-m-bold-italic":"Text--variant-m-bold-italic__EA7SO","Text--variant-l":"Text--variant-l__kMF37","Text--variant-l-italic":"Text--variant-l-italic__O9IYe","Text--variant-l-medium":"Text--variant-l-medium__mlaL6","Text--variant-l-medium-italic":"Text--variant-l-medium-italic__c-aUW","Text--variant-xl":"Text--variant-xl__mVHo2","Text--variant-xl-italic":"Text--variant-xl-italic__E-mAM","Text--variant-xl-medium":"Text--variant-xl-medium__oom4K","Text--variant-xl-medium-italic":"Text--variant-xl-medium-italic__TE3Jt","Text--narrow-l--variant-caption-regular":"Text--narrow-l--variant-caption-regular__nznL0","Text--narrow-l--variant-caption-semibold":"Text--narrow-l--variant-caption-semibold__l0VQQ","Text--narrow-l--variant-small-regular":"Text--narrow-l--variant-small-regular__VMmD6","Text--narrow-l--variant-small-regular-italic":"Text--narrow-l--variant-small-regular-italic__nGADF","Text--narrow-l--variant-small-semibold":"Text--narrow-l--variant-small-semibold__BQ1W4","Text--narrow-l--variant-small-semibold-italic":"Text--narrow-l--variant-small-semibold-italic__7UUeq","Text--narrow-l--variant-default-regular":"Text--narrow-l--variant-default-regular__pVzcT","Text--narrow-l--variant-default-regular-italic":"Text--narrow-l--variant-default-regular-italic__RPEsW","Text--narrow-l--variant-default-semibold":"Text--narrow-l--variant-default-semibold__AHeOG","Text--narrow-l--variant-default-semibold-italic":"Text--narrow-l--variant-default-semibold-italic__Dhmq4","Text--narrow-l--variant-large-regular":"Text--narrow-l--variant-large-regular__vY6mg","Text--narrow-l--variant-large-regular-italic":"Text--narrow-l--variant-large-regular-italic__Jypdh","Text--narrow-l--variant-large-semibold":"Text--narrow-l--variant-large-semibold__XaN0f","Text--narrow-l--variant-large-semibold-italic":"Text--narrow-l--variant-large-semibold-italic__5DrpP","Text--narrow-l--variant-xs":"Text--narrow-l--variant-xs__4uGu2","Text--narrow-l--variant-xs-medium":"Text--narrow-l--variant-xs-medium__-CtgL","Text--narrow-l--variant-s":"Text--narrow-l--variant-s__KqYpy","Text--narrow-l--variant-s-italic":"Text--narrow-l--variant-s-italic__-gELi","Text--narrow-l--variant-s-medium":"Text--narrow-l--variant-s-medium__utaTA","Text--narrow-l--variant-s-medium-italic":"Text--narrow-l--variant-s-medium-italic__zkpxW","Text--narrow-l--variant-s-bold":"Text--narrow-l--variant-s-bold__my0rm","Text--narrow-l--variant-s-bold-italic":"Text--narrow-l--variant-s-bold-italic__-j36-","Text--narrow-l--variant-m":"Text--narrow-l--variant-m__qcvbO","Text--narrow-l--variant-m-italic":"Text--narrow-l--variant-m-italic__2guYD","Text--narrow-l--variant-m-medium":"Text--narrow-l--variant-m-medium__R0Zn5","Text--narrow-l--variant-m-medium-italic":"Text--narrow-l--variant-m-medium-italic__dbTJX","Text--narrow-l--variant-m-bold":"Text--narrow-l--variant-m-bold__qG4uf","Text--narrow-l--variant-m-bold-italic":"Text--narrow-l--variant-m-bold-italic__zQtJz","Text--narrow-l--variant-l":"Text--narrow-l--variant-l__AXq1c","Text--narrow-l--variant-l-italic":"Text--narrow-l--variant-l-italic__HGq6U","Text--narrow-l--variant-l-medium":"Text--narrow-l--variant-l-medium__YwkyG","Text--narrow-l--variant-l-medium-italic":"Text--narrow-l--variant-l-medium-italic__yFA2S","Text--narrow-l--variant-xl":"Text--narrow-l--variant-xl__oBX0z","Text--narrow-l--variant-xl-italic":"Text--narrow-l--variant-xl-italic__-zpWI","Text--narrow-l--variant-xl-medium":"Text--narrow-l--variant-xl-medium__83EfM","Text--narrow-l--variant-xl-medium-italic":"Text--narrow-l--variant-xl-medium-italic__XFZLh","Text--medium-s--variant-caption-regular":"Text--medium-s--variant-caption-regular__QIFIm","Text--medium-s--variant-caption-semibold":"Text--medium-s--variant-caption-semibold__qA3XV","Text--medium-s--variant-small-regular":"Text--medium-s--variant-small-regular__Fujae","Text--medium-s--variant-small-regular-italic":"Text--medium-s--variant-small-regular-italic__jaDXd","Text--medium-s--variant-small-semibold":"Text--medium-s--variant-small-semibold__9pYQr","Text--medium-s--variant-small-semibold-italic":"Text--medium-s--variant-small-semibold-italic__-ac-Q","Text--medium-s--variant-default-regular":"Text--medium-s--variant-default-regular__jyyg6","Text--medium-s--variant-default-regular-italic":"Text--medium-s--variant-default-regular-italic__FzmWH","Text--medium-s--variant-default-semibold":"Text--medium-s--variant-default-semibold__zfein","Text--medium-s--variant-default-semibold-italic":"Text--medium-s--variant-default-semibold-italic__pwAKv","Text--medium-s--variant-large-regular":"Text--medium-s--variant-large-regular__UQstF","Text--medium-s--variant-large-regular-italic":"Text--medium-s--variant-large-regular-italic__BGPjz","Text--medium-s--variant-large-semibold":"Text--medium-s--variant-large-semibold__ZTsh3","Text--medium-s--variant-large-semibold-italic":"Text--medium-s--variant-large-semibold-italic__QsDHO","Text--medium-s--variant-xs":"Text--medium-s--variant-xs__z3jXb","Text--medium-s--variant-xs-medium":"Text--medium-s--variant-xs-medium__W652v","Text--medium-s--variant-s":"Text--medium-s--variant-s__7VRn-","Text--medium-s--variant-s-italic":"Text--medium-s--variant-s-italic__BwgAM","Text--medium-s--variant-s-medium":"Text--medium-s--variant-s-medium__GvQp3","Text--medium-s--variant-s-medium-italic":"Text--medium-s--variant-s-medium-italic__FyNWz","Text--medium-s--variant-s-bold":"Text--medium-s--variant-s-bold__21d9F","Text--medium-s--variant-s-bold-italic":"Text--medium-s--variant-s-bold-italic__IGU-J","Text--medium-s--variant-m":"Text--medium-s--variant-m__Dn8L6","Text--medium-s--variant-m-italic":"Text--medium-s--variant-m-italic__W45ct","Text--medium-s--variant-m-medium":"Text--medium-s--variant-m-medium__l502U","Text--medium-s--variant-m-medium-italic":"Text--medium-s--variant-m-medium-italic__Mn2Xv","Text--medium-s--variant-m-bold":"Text--medium-s--variant-m-bold__udL4N","Text--medium-s--variant-m-bold-italic":"Text--medium-s--variant-m-bold-italic__-JwlV","Text--medium-s--variant-l":"Text--medium-s--variant-l__enEs7","Text--medium-s--variant-l-italic":"Text--medium-s--variant-l-italic__GWybE","Text--medium-s--variant-l-medium":"Text--medium-s--variant-l-medium__OiUBT","Text--medium-s--variant-l-medium-italic":"Text--medium-s--variant-l-medium-italic__E5PLY","Text--medium-s--variant-xl":"Text--medium-s--variant-xl__WhyWE","Text--medium-s--variant-xl-italic":"Text--medium-s--variant-xl-italic__quV4P","Text--medium-s--variant-xl-medium":"Text--medium-s--variant-xl-medium__5w8u0","Text--medium-s--variant-xl-medium-italic":"Text--medium-s--variant-xl-medium-italic__ZrCSq","Text--medium-l--variant-caption-regular":"Text--medium-l--variant-caption-regular__neFtF","Text--medium-l--variant-caption-semibold":"Text--medium-l--variant-caption-semibold__96Bxj","Text--medium-l--variant-small-regular":"Text--medium-l--variant-small-regular__q832t","Text--medium-l--variant-small-regular-italic":"Text--medium-l--variant-small-regular-italic__rh-C-","Text--medium-l--variant-small-semibold":"Text--medium-l--variant-small-semibold__NyQYA","Text--medium-l--variant-small-semibold-italic":"Text--medium-l--variant-small-semibold-italic__D8qtH","Text--medium-l--variant-default-regular":"Text--medium-l--variant-default-regular__AZhpM","Text--medium-l--variant-default-regular-italic":"Text--medium-l--variant-default-regular-italic__zLCku","Text--medium-l--variant-default-semibold":"Text--medium-l--variant-default-semibold__3FVwk","Text--medium-l--variant-default-semibold-italic":"Text--medium-l--variant-default-semibold-italic__dmKNV","Text--medium-l--variant-large-regular":"Text--medium-l--variant-large-regular__4JxNh","Text--medium-l--variant-large-regular-italic":"Text--medium-l--variant-large-regular-italic__wwnsG","Text--medium-l--variant-large-semibold":"Text--medium-l--variant-large-semibold__WR7vo","Text--medium-l--variant-large-semibold-italic":"Text--medium-l--variant-large-semibold-italic__lLaF0","Text--medium-l--variant-xs":"Text--medium-l--variant-xs__Y6JFw","Text--medium-l--variant-xs-medium":"Text--medium-l--variant-xs-medium__El12O","Text--medium-l--variant-s":"Text--medium-l--variant-s__FlmNU","Text--medium-l--variant-s-italic":"Text--medium-l--variant-s-italic__5jiqZ","Text--medium-l--variant-s-medium":"Text--medium-l--variant-s-medium__EAkmj","Text--medium-l--variant-s-medium-italic":"Text--medium-l--variant-s-medium-italic__ucwOq","Text--medium-l--variant-s-bold":"Text--medium-l--variant-s-bold__bgLyZ","Text--medium-l--variant-s-bold-italic":"Text--medium-l--variant-s-bold-italic__1ov1K","Text--medium-l--variant-m":"Text--medium-l--variant-m__0iJWf","Text--medium-l--variant-m-italic":"Text--medium-l--variant-m-italic__3Qg3q","Text--medium-l--variant-m-medium":"Text--medium-l--variant-m-medium__KJ9Be","Text--medium-l--variant-m-medium-italic":"Text--medium-l--variant-m-medium-italic__E11Pt","Text--medium-l--variant-m-bold":"Text--medium-l--variant-m-bold__9zNb6","Text--medium-l--variant-m-bold-italic":"Text--medium-l--variant-m-bold-italic__Uhd8V","Text--medium-l--variant-l":"Text--medium-l--variant-l__sB-Yg","Text--medium-l--variant-l-italic":"Text--medium-l--variant-l-italic__VFqnw","Text--medium-l--variant-l-medium":"Text--medium-l--variant-l-medium__zrQ83","Text--medium-l--variant-l-medium-italic":"Text--medium-l--variant-l-medium-italic__sdI6v","Text--medium-l--variant-xl":"Text--medium-l--variant-xl__Y3-cI","Text--medium-l--variant-xl-italic":"Text--medium-l--variant-xl-italic__SPEru","Text--medium-l--variant-xl-medium":"Text--medium-l--variant-xl-medium__WoUQ5","Text--medium-l--variant-xl-medium-italic":"Text--medium-l--variant-xl-medium-italic__WffJn","Text--wide-s--variant-caption-regular":"Text--wide-s--variant-caption-regular__tfrra","Text--wide-s--variant-caption-semibold":"Text--wide-s--variant-caption-semibold__pcHWg","Text--wide-s--variant-small-regular":"Text--wide-s--variant-small-regular__qVuSz","Text--wide-s--variant-small-regular-italic":"Text--wide-s--variant-small-regular-italic__paUwS","Text--wide-s--variant-small-semibold":"Text--wide-s--variant-small-semibold__--T3V","Text--wide-s--variant-small-semibold-italic":"Text--wide-s--variant-small-semibold-italic__YLx3p","Text--wide-s--variant-default-regular":"Text--wide-s--variant-default-regular__7nbdM","Text--wide-s--variant-default-regular-italic":"Text--wide-s--variant-default-regular-italic__ohsSu","Text--wide-s--variant-default-semibold":"Text--wide-s--variant-default-semibold__-Q2Gu","Text--wide-s--variant-default-semibold-italic":"Text--wide-s--variant-default-semibold-italic__v6oao","Text--wide-s--variant-large-regular":"Text--wide-s--variant-large-regular__lrWEc","Text--wide-s--variant-large-regular-italic":"Text--wide-s--variant-large-regular-italic__v55x9","Text--wide-s--variant-large-semibold":"Text--wide-s--variant-large-semibold__FV1hE","Text--wide-s--variant-large-semibold-italic":"Text--wide-s--variant-large-semibold-italic__8Xjhy","Text--wide-s--variant-xs":"Text--wide-s--variant-xs__eeBxV","Text--wide-s--variant-xs-medium":"Text--wide-s--variant-xs-medium__AENwl","Text--wide-s--variant-s":"Text--wide-s--variant-s__ZWFJx","Text--wide-s--variant-s-italic":"Text--wide-s--variant-s-italic__IJH0P","Text--wide-s--variant-s-medium":"Text--wide-s--variant-s-medium__w9kPs","Text--wide-s--variant-s-medium-italic":"Text--wide-s--variant-s-medium-italic__mLEAh","Text--wide-s--variant-s-bold":"Text--wide-s--variant-s-bold__mvwUE","Text--wide-s--variant-s-bold-italic":"Text--wide-s--variant-s-bold-italic__X2TdA","Text--wide-s--variant-m":"Text--wide-s--variant-m__2VmLl","Text--wide-s--variant-m-italic":"Text--wide-s--variant-m-italic__-cijk","Text--wide-s--variant-m-medium":"Text--wide-s--variant-m-medium__1M-am","Text--wide-s--variant-m-medium-italic":"Text--wide-s--variant-m-medium-italic__7mmlc","Text--wide-s--variant-m-bold":"Text--wide-s--variant-m-bold__AiN1T","Text--wide-s--variant-m-bold-italic":"Text--wide-s--variant-m-bold-italic__IeqkZ","Text--wide-s--variant-l":"Text--wide-s--variant-l__3OwLa","Text--wide-s--variant-l-italic":"Text--wide-s--variant-l-italic__kOKA0","Text--wide-s--variant-l-medium":"Text--wide-s--variant-l-medium__fexUj","Text--wide-s--variant-l-medium-italic":"Text--wide-s--variant-l-medium-italic__nljBU","Text--wide-s--variant-xl":"Text--wide-s--variant-xl__U-I9z","Text--wide-s--variant-xl-italic":"Text--wide-s--variant-xl-italic__Ezp9P","Text--wide-s--variant-xl-medium":"Text--wide-s--variant-xl-medium__bm-qs","Text--wide-s--variant-xl-medium-italic":"Text--wide-s--variant-xl-medium-italic__gd-Un","Text--wide-l--variant-caption-regular":"Text--wide-l--variant-caption-regular__RmVMU","Text--wide-l--variant-caption-semibold":"Text--wide-l--variant-caption-semibold__nWA4i","Text--wide-l--variant-small-regular":"Text--wide-l--variant-small-regular__jofJW","Text--wide-l--variant-small-regular-italic":"Text--wide-l--variant-small-regular-italic__vt9vP","Text--wide-l--variant-small-semibold":"Text--wide-l--variant-small-semibold__jSimt","Text--wide-l--variant-small-semibold-italic":"Text--wide-l--variant-small-semibold-italic__CPy01","Text--wide-l--variant-default-regular":"Text--wide-l--variant-default-regular__zGDH3","Text--wide-l--variant-default-regular-italic":"Text--wide-l--variant-default-regular-italic__pj89w","Text--wide-l--variant-default-semibold":"Text--wide-l--variant-default-semibold__AzL9L","Text--wide-l--variant-default-semibold-italic":"Text--wide-l--variant-default-semibold-italic__4AXL6","Text--wide-l--variant-large-regular":"Text--wide-l--variant-large-regular__iIUQK","Text--wide-l--variant-large-regular-italic":"Text--wide-l--variant-large-regular-italic__OtyLZ","Text--wide-l--variant-large-semibold":"Text--wide-l--variant-large-semibold__ZTrU9","Text--wide-l--variant-large-semibold-italic":"Text--wide-l--variant-large-semibold-italic__UNwvX","Text--wide-l--variant-xs":"Text--wide-l--variant-xs__jktTZ","Text--wide-l--variant-xs-medium":"Text--wide-l--variant-xs-medium__Snw-d","Text--wide-l--variant-s":"Text--wide-l--variant-s__yhpAB","Text--wide-l--variant-s-italic":"Text--wide-l--variant-s-italic__JEQga","Text--wide-l--variant-s-medium":"Text--wide-l--variant-s-medium__t2Vrb","Text--wide-l--variant-s-medium-italic":"Text--wide-l--variant-s-medium-italic__b4sif","Text--wide-l--variant-s-bold":"Text--wide-l--variant-s-bold__a2thi","Text--wide-l--variant-s-bold-italic":"Text--wide-l--variant-s-bold-italic__dKJ86","Text--wide-l--variant-m":"Text--wide-l--variant-m__kv0Xt","Text--wide-l--variant-m-italic":"Text--wide-l--variant-m-italic__drCVx","Text--wide-l--variant-m-medium":"Text--wide-l--variant-m-medium__Nklnx","Text--wide-l--variant-m-medium-italic":"Text--wide-l--variant-m-medium-italic__dyKE3","Text--wide-l--variant-m-bold":"Text--wide-l--variant-m-bold__nGadW","Text--wide-l--variant-m-bold-italic":"Text--wide-l--variant-m-bold-italic__Qyayk","Text--wide-l--variant-l":"Text--wide-l--variant-l__X0Wqt","Text--wide-l--variant-l-italic":"Text--wide-l--variant-l-italic__N9AMu","Text--wide-l--variant-l-medium":"Text--wide-l--variant-l-medium__sUOBO","Text--wide-l--variant-l-medium-italic":"Text--wide-l--variant-l-medium-italic__LYJjd","Text--wide-l--variant-xl":"Text--wide-l--variant-xl__0XyZB","Text--wide-l--variant-xl-italic":"Text--wide-l--variant-xl-italic__fIE0o","Text--wide-l--variant-xl-medium":"Text--wide-l--variant-xl-medium__P1SBX","Text--wide-l--variant-xl-medium-italic":"Text--wide-l--variant-xl-medium-italic__wNV3Q","Text--strong":"Text--strong__ig9qo","Text--size-2xs":"Text--size-2xs__YlUqj","Text--size-xs":"Text--size-xs__GSGix","Text--size-s":"Text--size-s__WrxO0","Text--size-m":"Text--size-m__p4phq","Text--size-l":"Text--size-l__GI6Vj","Text--size-xl":"Text--size-xl__es-C8"},m=A.forwardRef(function({children:d,variant:a,tag:u=G,size:e,accent:i,color:v,strong:s,centered:x,dataset:T,..._},o){const c=a||(e?void 0:L),w=a?void 0:e,g=a?void 0:s,b=W(k,r.Text,[l("variant",c),l("size",w),j("strong",void 0,g)]),t=i?void 0:v,f=E(!t,i),p=h(t),y=U(x),V=[...b,...f,...p,...y],q={...N(_),ref:o,className:V.join(" "),...C(T,{preplyDsComponent:r.Text})};return z.jsx(u,{...q,children:d})});try{m.displayName="Text",m.__docgenInfo={description:"",displayName:"Text",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"caption-regular"'},{value:'"caption-semibold"'},{value:'"small-regular"'},{value:'"small-regular-italic"'},{value:'"small-semibold"'},{value:'"small-semibold-italic"'},{value:'"default-regular"'},{value:'"default-regular-italic"'},{value:'"default-semibold"'},{value:'"default-semibold-italic"'},{value:'"large-regular"'},{value:'"large-regular-italic"'},{value:'"large-semibold"'},{value:'"large-semibold-italic"'},{value:'"xs-medium"'},{value:'"s-italic"'},{value:'"s-medium"'},{value:'"s-medium-italic"'},{value:'"s-bold"'},{value:'"s-bold-italic"'},{value:'"m-italic"'},{value:'"m-medium"'},{value:'"m-medium-italic"'},{value:'"m-bold"'},{value:'"m-bold-italic"'},{value:'"l-italic"'},{value:'"l-medium"'},{value:'"l-medium-italic"'},{value:'"xl-italic"'},{value:'"xl-medium"'},{value:'"xl-medium-italic"'},{value:"ResponsiveProp<TextVariant>"}]}},size:{defaultValue:null,description:"@deprecated Use variant instead.",name:"size",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"inverted"'},{value:'"disabled"'},{value:'"selected"'},{value:'"accent"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"branded"'},{value:'"error"'}]}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},strong:{defaultValue:null,description:"@deprecated Text automatically sets the appropriate `font-weight` per variant",name:"strong",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLParagraphElement | null) => void"},{value:"RefObject<HTMLParagraphElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{m as T};

package/dist/assets/TextField.stories-CNsyGMQ7.js

@@ -1,178 +0,0 @@
-import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as s}from"./index-Cb9e4tly.js";import{a as n}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{e as q,u as be,w as we}from"./index-BVDq5o4N.js";import{F as Ve,a as Fe}from"./TokyoUITextShort-B-mpUykT.js";import{B as R}from"./Button-Ua3wdhT5.js";import{F as qe}from"./FieldButton-CCz9-7Bu.js";import{I as Ee}from"./Icon-CsccYTZ-.js";import{F as Se}from"./FieldLayout-BTyC7lWj.js";import{I as Ce}from"./InputText-D9JhNXoc.js";import{u as He}from"./useForcedRef--iGFM41p.js";import{u as Re}from"./useTextField-CErcB8j4.js";import{m as ke}from"./classNames-BUL1Zq7e.js";import{w as C}from"./componentNames-Y1T_IIlY.js";import{F as Be}from"./constants-DL6gdbsq.js";import{T as je}from"./Text-QKoyPmSP.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D0ZIVzRq.js";import"./Spinner-B2C3RkCF.js";import"./defaults-B1rzzf6M.js";import"./useMergeRefs-SFH7Mw4x.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./text-accent-DZDDtpIt.js";import"./FieldLayoutBase-F3pRKFiA.js";import"./FieldAdditionalText-Du1TBs7a.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./constants-BaXVdZRV.js";import"./text-centered-CznToR0o.js";const De="TextField__0TQjD",Le={TextField:De},We=({id:e,type:a=Be,...r},u)=>{const o=s.useRef(null),l=He();s.useImperativeHandle(u,()=>({setFocus:()=>{var d;return(d=l==null?void 0:l.current)==null?void 0:d.setFocus()},scrollIntoView:()=>{var d;return(d=o==null?void 0:o.current)==null?void 0:d.scrollIntoView()}}));const i=Re({id:e,type:a,...r},C.TextField),{layoutProps:S,inputProps:p}=i,Ie=ke(Le,C.TextField),Te=t.jsx(Ce,{...p,ref:l});return t.jsx(Se,{...S,className:Ie.join(" "),input:Te,inputHandle:l.current,ref:o,preplyDsComponent:C.TextField})},c=s.forwardRef(We);try{c.displayName="TextField",c.__docgenInfo={description:"",displayName:"TextField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"search"'},{value:'"text"'},{value:'"email"'},{value:'"tel"'}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<IconProps, string | JSXElementConstructor<any>>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<FieldButtonProps, string | JSXElementConstructor<any>>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"name"'},{value:'"off"'},{value:'"on"'},{value:'"email"'},{value:'"username"'},{value:'"language"'},{value:'"tel"'},{value:'"new-password"'},{value:'"current-password"'}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const wa={title:"components/TextField",component:c,args:{label:"Text",defaultValue:"",placeholder:"Enter a text",inputDataset:{testid:"input"},onChange:n("onChange"),onBlur:n("onBlur"),onFocus:n("onFocus"),onClick:n("onClick"),onCopy:n("onCopy"),onKeyDown:n("onKeyDown"),onKeyUp:n("onKeyUp"),onPaste:n("onPaste"),onValueChange:n("onValueChange")},render:function(a){const r=s.useRef(null);return a.ref=r,t.jsx(c,{...a})}},m={parameters:{docs:{description:{story:"An empty field with a `label` and a `placeholder`."}}}},v={args:{defaultValue:"Hey, you!"},play:async({canvas:e})=>{const a=e.getByTestId("input");return await q(a).toHaveValue("Hey, you!"),await be.type(a," How's it going?"),q(a).toHaveValue("Hey, you! How's it going?")}},f={args:{icon:t.jsx(Ee,{svg:Ve})}},y={args:{additionalText:"This is additional text"}},g={args:{required:!0}},h={args:{required:!0,requiredLabel:t.jsx(je,{accent:"critical",variant:"m-bold",children:"Needed"})}},x={args:{hideLabel:!0}},b={args:{hasError:!0}},w={args:{hasError:!0,errorMessage:"This is an error message"}},V={args:{disabled:!0}},E={args:{readOnly:!0}},I={decorators:[(e,{args:a})=>t.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[t.jsxs("p",{children:["You can"," ",t.jsx(R,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var r,u;return(u=(r=a.ref)==null?void 0:r.current)==null?void 0:u.setFocus()},children:"Focus"})," ","the input imperatively."]}),t.jsx(e,{})]})],play:async({args:e,canvas:a})=>{if(!H(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const r=a.getByTestId("input");await be.click(a.getByTestId("focus-button")),await we(()=>q(r).toHaveFocus())}},T={decorators:[(e,{args:a})=>t.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[t.jsxs("p",{children:["You can"," ",t.jsx(R,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!H(a.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");a.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),t.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:t.jsx(e,{})})]})],play:async({args:e,canvas:a})=>{if(!H(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const r=a.getByTestId("input");e.ref.current.scrollIntoView(),await we(()=>q(r).toBeVisible())}};function H(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}const F={tags:["!test"],parameters:{docs:{description:{story:'\nThe following code renders a `TextField` with the `required` flag, an\n`icon`, `button`, `placeholder` and some `additionalText`.\n\nWhen you click the "Submit" button, and the input `value` is empty:\n\n- Displays feedback via the `errorMessage` prop;\n- Brings the focus back to the field.\n'}},chromatic:{disableSnapshot:!0}},render:function(){const[a,r]=s.useState(""),[u,o]=s.useState(!1),l=u&&!a&&"Please provide your full name",i=s.useRef(null),S=()=>{var p;o(!0),a||(p=i==null?void 0:i.current)==null||p.setFocus()};return t.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[t.jsx(c,{value:a,label:"Full name",required:!0,icon:t.jsx(Ee,{svg:Ve,label:"The hat"}),placeholder:"e.g.: Mary Williams",button:t.jsx(qe,{svg:Fe,assistiveText:"Do the thing",onClick:n("field button clicked")}),additionalText:"Will be shown in your profile",onValueChange:r,errorMessage:l,ref:i}),t.jsx(R,{onClick:S,children:"Submit"})]})}};var k,B,j;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: \`An empty field with a \\\`label\\\` and a \\\`placeholder\\\`.\`
-      }
-    }
-  }
-}`,...(j=(B=m.parameters)==null?void 0:B.docs)==null?void 0:j.source}}};var D,L,W;v.parameters={...v.parameters,docs:{...(D=v.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  args: {
-    defaultValue: 'Hey, you!'
-  },
-  play: async ({
-    canvas
-  }) => {
-    const input = canvas.getByTestId('input');
-    await expect(input).toHaveValue('Hey, you!');
-    await userEvent.type(input, " How's it going?");
-    return expect(input).toHaveValue("Hey, you! How's it going?");
-  }
-}`,...(W=(L=v.parameters)==null?void 0:L.docs)==null?void 0:W.source}}};var M,P,_;f.parameters={...f.parameters,docs:{...(M=f.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  args: {
-    icon: <Icon svg={TextSvg} />
-  }
-}`,...(_=(P=f.parameters)==null?void 0:P.docs)==null?void 0:_.source}}};var N,K,O;y.parameters={...y.parameters,docs:{...(N=y.parameters)==null?void 0:N.docs,source:{originalSource:`{
-  args: {
-    additionalText: 'This is additional text'
-  }
-}`,...(O=(K=y.parameters)==null?void 0:K.docs)==null?void 0:O.source}}};var A,J,U;g.parameters={...g.parameters,docs:{...(A=g.parameters)==null?void 0:A.docs,source:{originalSource:`{
-  args: {
-    required: true
-  }
-}`,...(U=(J=g.parameters)==null?void 0:J.docs)==null?void 0:U.source}}};var X,Y,$;h.parameters={...h.parameters,docs:{...(X=h.parameters)==null?void 0:X.docs,source:{originalSource:`{
-  args: {
-    required: true,
-    requiredLabel: <Text accent="critical" variant="m-bold">
-                Needed
-            </Text>
-  }
-}`,...($=(Y=h.parameters)==null?void 0:Y.docs)==null?void 0:$.source}}};var Q,z,G;x.parameters={...x.parameters,docs:{...(Q=x.parameters)==null?void 0:Q.docs,source:{originalSource:`{
-  args: {
-    hideLabel: true
-  }
-}`,...(G=(z=x.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};var Z,ee,ae;b.parameters={...b.parameters,docs:{...(Z=b.parameters)==null?void 0:Z.docs,source:{originalSource:`{
-  args: {
-    hasError: true
-  }
-}`,...(ae=(ee=b.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};var te,re,ne;w.parameters={...w.parameters,docs:{...(te=w.parameters)==null?void 0:te.docs,source:{originalSource:`{
-  args: {
-    hasError: true,
-    errorMessage: 'This is an error message'
-  }
-}`,...(ne=(re=w.parameters)==null?void 0:re.docs)==null?void 0:ne.source}}};var le,se,ue;V.parameters={...V.parameters,docs:{...(le=V.parameters)==null?void 0:le.docs,source:{originalSource:`{
-  args: {
-    disabled: true
-  }
-}`,...(ue=(se=V.parameters)==null?void 0:se.docs)==null?void 0:ue.source}}};var oe,ie,de;E.parameters={...E.parameters,docs:{...(oe=E.parameters)==null?void 0:oe.docs,source:{originalSource:`{
-  args: {
-    readOnly: true
-  }
-}`,...(de=(ie=E.parameters)==null?void 0:ie.docs)==null?void 0:de.source}}};var ce,pe,me;I.parameters={...I.parameters,docs:{...(ce=I.parameters)==null?void 0:ce.docs,source:{originalSource:`{
-  decorators: [(Story, {
-    args
-  }) => <div style={{
-    padding: '8px',
-    margin: '8px'
-  }}>
-                <p>
-                    You can{' '}
-                    <Button variant="secondary" dataset={{
-        testid: 'focus-button'
-      }} onClick={() =>
-      // @ts-expect-error - This will fail gracefully,
-      // and the \`play\` function will assert it properly
-      args.ref?.current?.setFocus()}>
-                        Focus
-                    </Button>{' '}
-                    the input imperatively.
-                </p>
-                <Story />
-            </div>],
-  play: async ({
-    args,
-    canvas
-  }) => {
-    if (!isImperativeHandleRef(args.ref)) {
-      throw new Error('Expected ref.current to be an InputImperativeHandle');
-    }
-    const input = canvas.getByTestId('input');
-    await userEvent.click(canvas.getByTestId('focus-button'));
-    await waitFor(() => expect(input).toHaveFocus());
-  }
-}`,...(me=(pe=I.parameters)==null?void 0:pe.docs)==null?void 0:me.source}}};var ve,fe,ye;T.parameters={...T.parameters,docs:{...(ve=T.parameters)==null?void 0:ve.docs,source:{originalSource:`{
-  decorators: [(Story, {
-    args
-  }) => <div style={{
-    height: '300px',
-    overflow: 'scroll',
-    padding: '8px',
-    margin: '8px'
-  }}>
-                <p>
-                    You can{' '}
-                    <Button variant="secondary" dataset={{
-        testid: 'scroll-button'
-      }} onClick={() => {
-        if (!isImperativeHandleRef(args.ref)) {
-          throw new Error('Expected ref.current to be an InputImperativeHandle');
-        }
-        args.ref.current.scrollIntoView();
-      }}>
-                        Scroll
-                    </Button>{' '}
-                    the input into view imperatively.
-                </p>
-                <div style={{
-      height: '1000px',
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'end',
-      border: '2px dashed lightgray',
-      padding: '16px'
-    }}>
-                    <Story />
-                </div>
-            </div>],
-  play: async ({
-    args,
-    canvas
-  }) => {
-    if (!isImperativeHandleRef(args.ref)) {
-      throw new Error('Expected ref.current to be an InputImperativeHandle');
-    }
-    const input = canvas.getByTestId('input');
-    args.ref.current.scrollIntoView();
-    await waitFor(() => expect(input).toBeVisible());
-  }
-}`,...(ye=(fe=T.parameters)==null?void 0:fe.docs)==null?void 0:ye.source}}};var ge,he,xe;F.parameters={...F.parameters,docs:{...(ge=F.parameters)==null?void 0:ge.docs,source:{originalSource:`{
-  tags: ['!test'],
-  parameters: {
-    docs: {
-      description: {
-        story: \`
-The following code renders a \\\`TextField\\\` with the \\\`required\\\` flag, an
-\\\`icon\\\`, \\\`button\\\`, \\\`placeholder\\\` and some \\\`additionalText\\\`.
-
-When you click the "Submit" button, and the input \\\`value\\\` is empty:
-
-- Displays feedback via the \\\`errorMessage\\\` prop;
-- Brings the focus back to the field.
-\`
-      }
-    },
-    chromatic: {
-      disableSnapshot: true
-    }
-  },
-  render: function Story() {
-    const [value, setValue] = useState('');
-    const [submited, setSubmitted] = useState(false);
-    const errorMessage = submited && !value && 'Please provide your full name';
-    const fieldRef = useRef<InputImperativeHandle>(null);
-    const handleClick = () => {
-      setSubmitted(true);
-      if (!value) {
-        fieldRef?.current?.setFocus();
-      }
-    };
-    return <div style={{
-      maxWidth: '500px',
-      display: 'flex',
-      flexDirection: 'column'
-    }}>
-                <TextField value={value} label="Full name" required icon={<Icon svg={TextSvg} label="The hat" />} placeholder="e.g.: Mary Williams" button={<FieldButton svg={ErrorSvg} assistiveText="Do the thing" onClick={action('field button clicked')} />} additionalText="Will be shown in your profile" onValueChange={setValue} errorMessage={errorMessage} ref={fieldRef} />
-                <Button onClick={handleClick}>Submit</Button>
-            </div>;
-  }
-}`,...(xe=(he=F.parameters)==null?void 0:he.docs)==null?void 0:xe.source}}};const Va=["Basic","WithValue","WithIcon","WithAdditionalText","Required","RequiredWithCustomLabel","WithHiddenLabel","HasError","HasErrorWithMessage","Disabled","ReadOnly","ImperativeSetFocus","ImperativeScrollIntoView","Example"];export{m as Basic,V as Disabled,F as Example,b as HasError,w as HasErrorWithMessage,T as ImperativeScrollIntoView,I as ImperativeSetFocus,E as ReadOnly,g as Required,h as RequiredWithCustomLabel,y as WithAdditionalText,x as WithHiddenLabel,f as WithIcon,v as WithValue,Va as __namedExportsOrder,wa as default};

package/dist/assets/TextHighlighted-DMdISSz2.js

@@ -1 +0,0 @@
-import{c as d,d as n}from"./constants-BgBLeZzp.js";import{r as e}from"./index-Cb9e4tly.js";import{T as m}from"./useTheme-DpAUb62T.js";import{j as x}from"./jsx-runtime-BTJTZTIL.js";import{f as p}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as H,s as _}from"./classNames-BUL1Zq7e.js";import{i as c,h as f}from"./defaults-B1rzzf6M.js";import{w as i}from"./componentNames-Y1T_IIlY.js";import{g as u}from"./index-DdzHuZ-Y.js";const V=t=>Array.isArray(t)&&t.length===3&&d.includes(t[n]),Y=()=>{const{setTheme:t}=e.useContext(m);return{setTheme:t}},E="TextHighlighted__ehLpO",y={TextHighlighted:E,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__a1Ymf","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__QQm6L","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__n35-d","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__YEj6c","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__uDEFk","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__JrA2s","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__tfVNZ","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__W1sMI","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__dzj54","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__V3-1S"},N=e.forwardRef(function({children:h,highlight:g=c,tag:l=f,dataset:s,...r},o){const a=H(y,i.TextHighlighted,[_("highlight",g)]),T={...p(r),ref:o,className:a.join(" "),...u(s,{preplyDsComponent:i.TextHighlighted})};return x.jsx(l,{...T,children:h})});N.__docgenInfo={description:"",methods:[],displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"'green'",computed:!1},required:!1},tag:{defaultValue:{value:"'span'",computed:!1},required:!1}}};export{N as T,V as i,Y as u};

package/dist/assets/TextHighlighted.stories-CbkTjtVw.js

@@ -1,32 +0,0 @@
-import{j as i}from"./jsx-runtime-BTJTZTIL.js";import{r as j}from"./index-Cb9e4tly.js";import{f as L}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as E,s as w}from"./classNames-BUL1Zq7e.js";import{w as h}from"./componentNames-Y1T_IIlY.js";import{g as I}from"./index-DdzHuZ-Y.js";import{h as N,i as S}from"./defaults-B1rzzf6M.js";import{T as D}from"./Text-QKoyPmSP.js";import{a as O}from"./options-Dn0Ts6qK.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";const q="TextHighlighted__ErxU-",G={TextHighlighted:q,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__3H-tS","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__PXiKm","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__cKWhc","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__24A04","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__gkbLj","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__DsZKF","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__Tag8x","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__Qqv0l","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__--U9g","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__D9jbb"},a=j.forwardRef(function({children:T,highlight:x=S,tag:H=N,dataset:f,..._},v){const y=E(G,h.TextHighlighted,[w("highlight",x)]),b={...L(_),ref:v,className:y.join(" "),...I(f,{preplyDsComponent:h.TextHighlighted})};return i.jsx(H,{...b,children:T})});try{a.displayName="TextHighlighted",a.__docgenInfo={description:"",displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"green"},description:"",name:"highlight",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"accent"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"blue"'},{value:'"green"'}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const W={title:"components/TextHighlighted",component:a},t=()=>i.jsx(a,{children:"Lorem ipsum"});t.tags=["!test"];t.parameters={chromatic:{disableSnapshot:!0}};const r=()=>i.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem",width:"fit-content"},children:O.map(({id:e})=>i.jsx(a,{highlight:e,children:e},e))}),l={parameters:{chromatic:{disableSnapshot:!0}},render:e=>i.jsxs(D,{children:["Lorem ipsum ",i.jsx(a,{...e})]}),args:{children:"dolor sit amet",dataset:{qaid:"text-highlighted"}},argTypes:{dataset:{control:"object"}}};var n,g,s;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"() => <TextHighlighted>Lorem ipsum</TextHighlighted>",...(s=(g=t.parameters)==null?void 0:g.docs)==null?void 0:s.source}}};var o,d,c;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`() => <div style={{
-  display: 'flex',
-  flexDirection: 'column',
-  gap: '0.25rem',
-  width: 'fit-content'
-}}>
-        {TEXT_HIGHLIGHT_OPTIONS.map(({
-    id
-  }) => <TextHighlighted key={id} highlight={id}>
-                {id}
-            </TextHighlighted>)}
-    </div>`,...(c=(d=r.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};var m,u,p;l.parameters={...l.parameters,docs:{...(m=l.parameters)==null?void 0:m.docs,source:{originalSource:`{
-  parameters: {
-    chromatic: {
-      disableSnapshot: true
-    }
-  },
-  render: args => <Text>
-            Lorem ipsum <TextHighlighted {...args} />
-        </Text>,
-  args: {
-    children: 'dolor sit amet',
-    dataset: {
-      qaid: 'text-highlighted'
-    }
-  },
-  argTypes: {
-    dataset: {
-      control: 'object'
-    }
-  }
-}`,...(p=(u=l.parameters)==null?void 0:u.docs)==null?void 0:p.source}}};const Z=["Base","Options","Playground"];export{t as Base,r as Options,l as Playground,Z as __namedExportsOrder,W as default};