@adam-milo/ui 1.0.68 → 1.0.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index17.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("./index68.cjs"),a=require("./index52.cjs"),s=require("./index53.cjs"),o=require("./index69.cjs"),l=require("./index61.cjs"),n=require("./index70.cjs"),i=r.forwardRef(({label:i,tooltip:d,error:c,helperText:u,fullWidth:x=!1,autoResize:h=!1,minRows:p=3,maxRows:m,showCharCount:g=!1,maxLength:v,validate:f=s.defaultValidation,onValidationChange:y,customHeader:b,customFooterActions:j,borderVariant:w,className:$,id:S,onChange:N,onBlur:C,required:q,value:M,"data-cy":R,"data-testid":E,...k},T)=>{const[B,F]=r.useState(),[L,I]=r.useState(!1),[V,_]=r.useState(!1),[H,P]=r.useState(0),W=r.useRef(!1),z=r.useRef(null),A=l.useMergedRef(T,z),O=r.useId(),D=S||O,G=`${D}-error`,J=`${D}-helper`,K=R||"textarea",Q=E||"textarea",U=i&&q&&!i.includes("*")?`${i} *`:i,X=r.useCallback(()=>{const e=z.current;if(!e||!h)return;e.style.height="auto";const r=window.getComputedStyle(e),t=parseInt(r.lineHeight)||22,a=parseInt(r.paddingTop)||0,s=parseInt(r.paddingBottom)||0,o=t*p+a+s,l=m?t*m+a+s:1/0,n=Math.min(Math.max(e.scrollHeight,o),l);e.style.height=`${n}px`},[h,p,m]);r.useEffect(()=>{X()},[M,X]);const Y=r.useMemo(()=>n.debounce(e=>{if(f&&W.current){const r=f(e);F(r),y?.(!r)}else null===f&&W.current&&(F(void 0),y?.(!0))},300),[f,y]),Z=r.useRef(Y);r.useEffect(()=>{Z.current=Y},[Y]),r.useEffect(()=>()=>{Z.current.cancel()},[]),r.useEffect(()=>{P((M||"").length)},[M]);const ee=e=>{const r=e.target.value;P(r.length),N?.(e),h&&X(),W.current&&Y(r)},re=e=>{I(!0),k.onFocus?.(e)},te=e=>{if(I(!1),W.current=!0,f){const r=f(e.target.value);F(r),y?.(!r)}C?.(e)},ae=()=>_(!0),se=()=>_(!1),oe=c||B,le=k.disabled?"disabled":oe?"error":L?"focus":V?"hover":"idle",ne=v&&H>v,ie=g||u&&!oe,de=(()=>{if(!w)return"";if("green-accent"===w){return`relative ${L||V?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),ce="green-accent"===w?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:L||V?"2px solid transparent":"1px solid transparent"}:{};return e.jsxs("div",{className:a.cn(o.wrapperStyles,$),"data-cy":`${K}-wrapper`,"data-testid":`${Q}-wrapper`,children:[b?e.jsx("div",{className:"w-full","data-cy":`${K}-custom-header`,children:b}):(i||d)&&e.jsxs("div",{className:o.labelRowStyles,children:[i&&e.jsx("label",{htmlFor:D,className:o.labelStyles,"data-cy":`${K}-label`,"data-testid":`${Q}-label`,children:U}),d&&e.jsx(t.Provider,{delayDuration:200,children:e.jsxs(t.Root,{children:[e.jsx(t.Trigger,{asChild:!0,children:e.jsx("button",{type:"button",className:o.tooltipTriggerStyles,"aria-label":"More information","data-cy":`${K}-tooltip-trigger`,"data-testid":`${Q}-tooltip-trigger`,children:e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(t.Portal,{children:e.jsxs(t.Content,{className:o.tooltipContentStyles,side:"top",sideOffset:4,"data-cy":`${K}-tooltip-content`,"data-testid":`${Q}-tooltip-content`,children:[d,e.jsx(t.Arrow,{className:"fill-text"})]})})]})})]}),j?e.jsxs("div",{className:a.cn("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",de,oe&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:oe?void 0:ce,onMouseEnter:ae,onMouseLeave:se,children:[e.jsx("textarea",{ref:A,id:D,value:M,className:a.cn("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",M?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":le,onChange:ee,onFocus:re,onBlur:te,required:q,maxLength:v,rows:p,...k}),j]}):e.jsx("textarea",{ref:A,id:D,value:M,className:a.cn(o.textareaBaseStyles,oe&&o.textareaErrorStyles,!h&&"overflow-y-auto",de),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":le,onChange:ee,onFocus:re,onBlur:te,onMouseEnter:ae,onMouseLeave:se,required:q,maxLength:v,rows:h?void 0:p,...k}),!j&&e.jsxs(e.Fragment,{children:[oe&&e.jsx("span",{id:G,className:o.errorStyles,role:"alert","data-cy":`${K}-error`,"data-testid":`${Q}-error`,children:oe}),ie&&e.jsxs("div",{className:o.footerStyles,children:[u&&!oe&&e.jsx("span",{id:J,className:o.helperStyles,"data-cy":`${K}-helper`,"data-testid":`${Q}-helper`,children:u}),g&&e.jsxs("span",{className:a.cn(o.charCountStyles,ne&&o.charCountExceededStyles),"data-cy":`${K}-char-count`,"data-testid":`${Q}-char-count`,children:[H,v&&` / ${v}`]})]})]})]})});i.displayName="Textarea",exports.Textarea=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("./index68.cjs"),a=require("./index52.cjs"),s=require("./index53.cjs"),o=require("./index69.cjs"),d=require("./index61.cjs"),l=require("./index70.cjs"),n=r.forwardRef(({label:n,tooltip:i,error:c,helperText:u,fullWidth:x=!1,autoResize:h=!1,minRows:p=3,maxRows:v,showCharCount:g=!1,maxLength:m,validate:y=s.defaultValidation,onValidationChange:f,customHeader:b,customFooterActions:j,borderVariant:w,className:$,id:S,onChange:N,onBlur:C,required:q,value:M,"data-cy":R,"data-testid":E,...B},L)=>{const[k,F]=r.useState(),[T,I]=r.useState(!1),[V,_]=r.useState(!1),[H,P]=r.useState(0),W=r.useRef(!1),z=r.useRef(null),A=d.useMergedRef(L,z),O=r.useId(),D=S||O,G=`${D}-error`,J=`${D}-helper`,K=R||"textarea",Q=E||"textarea",U=n&&q&&!n.includes("*")?`${n} *`:n,X=r.useCallback(()=>{const e=z.current;if(!e||!h)return;e.style.height="auto";const r=window.getComputedStyle(e),t=parseInt(r.lineHeight)||22,a=parseInt(r.paddingTop)||0,s=parseInt(r.paddingBottom)||0,o=t*p+a+s,d=v?t*v+a+s:1/0,l=Math.min(Math.max(e.scrollHeight,o),d);e.style.height=`${l}px`},[h,p,v]);r.useEffect(()=>{X()},[M,X]);const Y=r.useMemo(()=>l.debounce(e=>{if(y&&W.current){const r=y(e);F(r),f?.(!r)}else null===y&&W.current&&(F(void 0),f?.(!0))},300),[y,f]),Z=r.useRef(Y);r.useEffect(()=>{Z.current=Y},[Y]),r.useEffect(()=>()=>{Z.current.cancel()},[]),r.useEffect(()=>{P((M||"").length)},[M]);const ee=e=>{const r=e.target.value;P(r.length),N?.(e),h&&X(),W.current&&Y(r)},re=e=>{I(!0),B.onFocus?.(e)},te=e=>{if(I(!1),W.current=!0,y){const r=y(e.target.value);F(r),f?.(!r)}C?.(e)},ae=()=>_(!0),se=()=>_(!1),oe=c||k,de=B.disabled?"disabled":oe?"error":T?"focus":V?"hover":"idle",le=m&&H>m,ne=g||u&&!oe,ie=(()=>{if(!w)return"";if("green-accent"===w){return`relative ${T||V?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),ce="green-accent"===w?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:T||V?"2px solid transparent":"1px solid transparent"}:{};return e.jsxs("div",{className:a.cn(o.wrapperStyles,$),"data-cy":`${K}-wrapper`,"data-testid":`${Q}-wrapper`,children:[b?e.jsx("div",{className:"w-full","data-cy":`${K}-custom-header`,children:b}):(n||i)&&e.jsxs("div",{className:o.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:D,className:o.labelStyles,"data-cy":`${K}-label`,"data-testid":`${Q}-label`,children:U}),i&&e.jsx(t.Provider,{delayDuration:200,children:e.jsxs(t.Root,{children:[e.jsx(t.Trigger,{asChild:!0,children:e.jsx("button",{type:"button",className:o.tooltipTriggerStyles,"aria-label":"More information","data-cy":`${K}-tooltip-trigger`,"data-testid":`${Q}-tooltip-trigger`,children:e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(t.Portal,{children:e.jsxs(t.Content,{className:o.tooltipContentStyles,side:"top",sideOffset:4,"data-cy":`${K}-tooltip-content`,"data-testid":`${Q}-tooltip-content`,children:[i,e.jsx(t.Arrow,{className:"fill-text"})]})})]})})]}),j?e.jsxs("div",{className:a.cn("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",ie,oe&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:oe?void 0:ce,onMouseEnter:ae,onMouseLeave:se,children:[e.jsx("textarea",{ref:A,id:D,value:M,className:a.cn("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",M?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":de,onChange:ee,onFocus:re,onBlur:te,required:q,maxLength:m,rows:p,...B}),j]}):"green-accent"!==w||oe?e.jsx("textarea",{ref:A,id:D,value:M,className:a.cn(o.textareaBaseStyles,oe&&o.textareaErrorStyles,!h&&"overflow-y-auto",ie),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":de,onChange:ee,onFocus:re,onBlur:te,onMouseEnter:ae,onMouseLeave:se,required:q,maxLength:m,rows:h?void 0:p,...B}):e.jsx("div",{className:a.cn("w-full rounded-[var(--radius-md)] p-[1px]",ie),style:ce,onMouseEnter:ae,onMouseLeave:se,"data-cy":`${K}-gradient-wrapper`,"data-testid":`${Q}-gradient-wrapper`,children:e.jsx("div",{className:o.gradientBorderInnerStyles,children:e.jsx("textarea",{ref:A,id:D,value:M,className:a.cn(o.textareaInsideGradientStyles,!h&&"overflow-y-auto"),"aria-invalid":"false","aria-required":q?"true":void 0,"aria-describedby":u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":de,onChange:ee,onFocus:re,onBlur:te,required:q,maxLength:m,rows:h?void 0:p,...B})})}),!j&&e.jsxs(e.Fragment,{children:[oe&&e.jsx("span",{id:G,className:o.errorStyles,role:"alert","data-cy":`${K}-error`,"data-testid":`${Q}-error`,children:oe}),ne&&e.jsxs("div",{className:o.footerStyles,children:[u&&!oe&&e.jsx("span",{id:J,className:o.helperStyles,"data-cy":`${K}-helper`,"data-testid":`${Q}-helper`,children:u}),g&&e.jsxs("span",{className:a.cn(o.charCountStyles,le&&o.charCountExceededStyles),"data-cy":`${K}-char-count`,"data-testid":`${Q}-char-count`,children:[H,m&&` / ${m}`]})]})]})]})});n.displayName="Textarea",exports.Textarea=n;
package/dist/index17.js CHANGED
@@ -1,9 +1,9 @@
1
- import{jsxs as e,jsx as r,Fragment as t}from"react/jsx-runtime";import{forwardRef as a,useState as o,useRef as i,useId as n,useCallback as d,useEffect as l,useMemo as s}from"react";import{Provider as c,Root as u,Trigger as m,Portal as h,Content as p,Arrow as v}from"./index68.js";import{cn as x}from"./index52.js";import{defaultValidation as g}from"./index53.js";import{labelRowStyles as f,labelStyles as b,tooltipTriggerStyles as y,tooltipContentStyles as w,errorStyles as $,footerStyles as N,helperStyles as C,textareaErrorStyles as M,textareaBaseStyles as j,charCountExceededStyles as k,charCountStyles as L,wrapperStyles as q}from"./index69.js";import{useMergedRef as B}from"./index61.js";import{debounce as F}from"./index70.js";const R=a(({label:a,tooltip:R,error:_,helperText:H,fullWidth:I=!1,autoResize:T=!1,minRows:V=3,maxRows:W,showCharCount:z=!1,maxLength:A,validate:E=g,onValidationChange:D,customHeader:O,customFooterActions:S,borderVariant:G,className:J,id:K,onChange:P,onBlur:Q,required:U,value:X,"data-cy":Y,"data-testid":Z,...ee},re)=>{const[te,ae]=o(),[oe,ie]=o(!1),[ne,de]=o(!1),[le,se]=o(0),ce=i(!1),ue=i(null),me=B(re,ue),he=n(),pe=K||he,ve=`${pe}-error`,xe=`${pe}-helper`,ge=Y||"textarea",fe=Z||"textarea",be=a&&U&&!a.includes("*")?`${a} *`:a,ye=d(()=>{const e=ue.current;if(!e||!T)return;e.style.height="auto";const r=window.getComputedStyle(e),t=parseInt(r.lineHeight)||22,a=parseInt(r.paddingTop)||0,o=parseInt(r.paddingBottom)||0,i=t*V+a+o,n=W?t*W+a+o:1/0,d=Math.min(Math.max(e.scrollHeight,i),n);e.style.height=`${d}px`},[T,V,W]);l(()=>{ye()},[X,ye]);const we=s(()=>F(e=>{if(E&&ce.current){const r=E(e);ae(r),D?.(!r)}else null===E&&ce.current&&(ae(void 0),D?.(!0))},300),[E,D]),$e=i(we);l(()=>{$e.current=we},[we]),l(()=>()=>{$e.current.cancel()},[]),l(()=>{se((X||"").length)},[X]);const Ne=e=>{const r=e.target.value;se(r.length),P?.(e),T&&ye(),ce.current&&we(r)},Ce=e=>{ie(!0),ee.onFocus?.(e)},Me=e=>{if(ie(!1),ce.current=!0,E){const r=E(e.target.value);ae(r),D?.(!r)}Q?.(e)},je=()=>de(!0),ke=()=>de(!1),Le=_||te,qe=ee.disabled?"disabled":Le?"error":oe?"focus":ne?"hover":"idle",Be=A&&le>A,Fe=z||H&&!Le,Re=(()=>{if(!G)return"";if("green-accent"===G){return`relative ${oe||ne?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),_e="green-accent"===G?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:oe||ne?"2px solid transparent":"1px solid transparent"}:{};/* @__PURE__ */
2
- return e("div",{className:x(q,J),"data-cy":`${ge}-wrapper`,"data-testid":`${fe}-wrapper`,children:[O?/* @__PURE__ */r("div",{className:"w-full","data-cy":`${ge}-custom-header`,children:O}):(a||R)&&/* @__PURE__ */e("div",{className:f,children:[a&&/* @__PURE__ */r("label",{htmlFor:pe,className:b,"data-cy":`${ge}-label`,"data-testid":`${fe}-label`,children:be}),R&&/* @__PURE__ */r(c,{delayDuration:200,children:/* @__PURE__ */e(u,{children:[
3
- /* @__PURE__ */r(m,{asChild:!0,children:/* @__PURE__ */r("button",{type:"button",className:y,"aria-label":"More information","data-cy":`${ge}-tooltip-trigger`,"data-testid":`${fe}-tooltip-trigger`,children:/* @__PURE__ */e("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
1
+ import{jsxs as e,jsx as r,Fragment as a}from"react/jsx-runtime";import{forwardRef as t,useState as o,useRef as d,useId as i,useCallback as n,useEffect as l,useMemo as s}from"react";import{Provider as c,Root as u,Trigger as m,Portal as h,Content as p,Arrow as v}from"./index68.js";import{cn as x}from"./index52.js";import{defaultValidation as g}from"./index53.js";import{labelRowStyles as f,labelStyles as y,tooltipTriggerStyles as b,tooltipContentStyles as w,gradientBorderInnerStyles as $,errorStyles as N,footerStyles as C,helperStyles as M,textareaInsideGradientStyles as L,textareaErrorStyles as j,textareaBaseStyles as q,charCountExceededStyles as k,charCountStyles as B,wrapperStyles as F}from"./index69.js";import{useMergedRef as R}from"./index61.js";import{debounce as _}from"./index70.js";const E=t(({label:t,tooltip:E,error:H,helperText:I,fullWidth:T=!1,autoResize:V=!1,minRows:W=3,maxRows:z,showCharCount:A=!1,maxLength:D,validate:O=g,onValidationChange:S,customHeader:G,customFooterActions:J,borderVariant:K,className:P,id:Q,onChange:U,onBlur:X,required:Y,value:Z,"data-cy":ee,"data-testid":re,...ae},te)=>{const[oe,de]=o(),[ie,ne]=o(!1),[le,se]=o(!1),[ce,ue]=o(0),me=d(!1),he=d(null),pe=R(te,he),ve=i(),xe=Q||ve,ge=`${xe}-error`,fe=`${xe}-helper`,ye=ee||"textarea",be=re||"textarea",we=t&&Y&&!t.includes("*")?`${t} *`:t,$e=n(()=>{const e=he.current;if(!e||!V)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,o=parseInt(r.paddingBottom)||0,d=a*W+t+o,i=z?a*z+t+o:1/0,n=Math.min(Math.max(e.scrollHeight,d),i);e.style.height=`${n}px`},[V,W,z]);l(()=>{$e()},[Z,$e]);const Ne=s(()=>_(e=>{if(O&&me.current){const r=O(e);de(r),S?.(!r)}else null===O&&me.current&&(de(void 0),S?.(!0))},300),[O,S]),Ce=d(Ne);l(()=>{Ce.current=Ne},[Ne]),l(()=>()=>{Ce.current.cancel()},[]),l(()=>{ue((Z||"").length)},[Z]);const Me=e=>{const r=e.target.value;ue(r.length),U?.(e),V&&$e(),me.current&&Ne(r)},Le=e=>{ne(!0),ae.onFocus?.(e)},je=e=>{if(ne(!1),me.current=!0,O){const r=O(e.target.value);de(r),S?.(!r)}X?.(e)},qe=()=>se(!0),ke=()=>se(!1),Be=H||oe,Fe=ae.disabled?"disabled":Be?"error":ie?"focus":le?"hover":"idle",Re=D&&ce>D,_e=A||I&&!Be,Ee=(()=>{if(!K)return"";if("green-accent"===K){return`relative ${ie||le?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),He="green-accent"===K?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:ie||le?"2px solid transparent":"1px solid transparent"}:{};/* @__PURE__ */
2
+ return e("div",{className:x(F,P),"data-cy":`${ye}-wrapper`,"data-testid":`${be}-wrapper`,children:[G?/* @__PURE__ */r("div",{className:"w-full","data-cy":`${ye}-custom-header`,children:G}):(t||E)&&/* @__PURE__ */e("div",{className:f,children:[t&&/* @__PURE__ */r("label",{htmlFor:xe,className:y,"data-cy":`${ye}-label`,"data-testid":`${be}-label`,children:we}),E&&/* @__PURE__ */r(c,{delayDuration:200,children:/* @__PURE__ */e(u,{children:[
3
+ /* @__PURE__ */r(m,{asChild:!0,children:/* @__PURE__ */r("button",{type:"button",className:b,"aria-label":"More information","data-cy":`${ye}-tooltip-trigger`,"data-testid":`${be}-tooltip-trigger`,children:/* @__PURE__ */e("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
4
4
  /* @__PURE__ */r("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),
5
5
  /* @__PURE__ */r("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),
6
6
  /* @__PURE__ */r("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),
7
- /* @__PURE__ */r(h,{children:/* @__PURE__ */e(p,{className:w,side:"top",sideOffset:4,"data-cy":`${ge}-tooltip-content`,"data-testid":`${fe}-tooltip-content`,children:[R,
8
- /* @__PURE__ */r(v,{className:"fill-text"})]})})]})})]}),S?/* @__PURE__ */e("div",{className:x("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",Re,Le&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:Le?void 0:_e,onMouseEnter:je,onMouseLeave:ke,children:[
9
- /* @__PURE__ */r("textarea",{ref:me,id:pe,value:X,className:x("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",X?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),"aria-invalid":Le?"true":"false","aria-required":U?"true":void 0,"aria-describedby":Le?ve:H?xe:void 0,"data-cy":ge,"data-testid":fe,"data-state":qe,onChange:Ne,onFocus:Ce,onBlur:Me,required:U,maxLength:A,rows:V,...ee}),S]}):/* @__PURE__ */r("textarea",{ref:me,id:pe,value:X,className:x(j,Le&&M,!T&&"overflow-y-auto",Re),"aria-invalid":Le?"true":"false","aria-required":U?"true":void 0,"aria-describedby":Le?ve:H?xe:void 0,"data-cy":ge,"data-testid":fe,"data-state":qe,onChange:Ne,onFocus:Ce,onBlur:Me,onMouseEnter:je,onMouseLeave:ke,required:U,maxLength:A,rows:T?void 0:V,...ee}),!S&&/* @__PURE__ */e(t,{children:[Le&&/* @__PURE__ */r("span",{id:ve,className:$,role:"alert","data-cy":`${ge}-error`,"data-testid":`${fe}-error`,children:Le}),Fe&&/* @__PURE__ */e("div",{className:N,children:[H&&!Le&&/* @__PURE__ */r("span",{id:xe,className:C,"data-cy":`${ge}-helper`,"data-testid":`${fe}-helper`,children:H}),z&&/* @__PURE__ */e("span",{className:x(L,Be&&k),"data-cy":`${ge}-char-count`,"data-testid":`${fe}-char-count`,children:[le,A&&` / ${A}`]})]})]})]})});R.displayName="Textarea";export{R as Textarea};
7
+ /* @__PURE__ */r(h,{children:/* @__PURE__ */e(p,{className:w,side:"top",sideOffset:4,"data-cy":`${ye}-tooltip-content`,"data-testid":`${be}-tooltip-content`,children:[E,
8
+ /* @__PURE__ */r(v,{className:"fill-text"})]})})]})})]}),J?/* @__PURE__ */e("div",{className:x("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",Ee,Be&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:Be?void 0:He,onMouseEnter:qe,onMouseLeave:ke,children:[
9
+ /* @__PURE__ */r("textarea",{ref:pe,id:xe,value:Z,className:x("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",Z?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),"aria-invalid":Be?"true":"false","aria-required":Y?"true":void 0,"aria-describedby":Be?ge:I?fe:void 0,"data-cy":ye,"data-testid":be,"data-state":Fe,onChange:Me,onFocus:Le,onBlur:je,required:Y,maxLength:D,rows:W,...ae}),J]}):"green-accent"!==K||Be?/* @__PURE__ */r("textarea",{ref:pe,id:xe,value:Z,className:x(q,Be&&j,!V&&"overflow-y-auto",Ee),"aria-invalid":Be?"true":"false","aria-required":Y?"true":void 0,"aria-describedby":Be?ge:I?fe:void 0,"data-cy":ye,"data-testid":be,"data-state":Fe,onChange:Me,onFocus:Le,onBlur:je,onMouseEnter:qe,onMouseLeave:ke,required:Y,maxLength:D,rows:V?void 0:W,...ae}):/* @__PURE__ */r("div",{className:x("w-full rounded-[var(--radius-md)] p-[1px]",Ee),style:He,onMouseEnter:qe,onMouseLeave:ke,"data-cy":`${ye}-gradient-wrapper`,"data-testid":`${be}-gradient-wrapper`,children:/* @__PURE__ */r("div",{className:$,children:/* @__PURE__ */r("textarea",{ref:pe,id:xe,value:Z,className:x(L,!V&&"overflow-y-auto"),"aria-invalid":"false","aria-required":Y?"true":void 0,"aria-describedby":I?fe:void 0,"data-cy":ye,"data-testid":be,"data-state":Fe,onChange:Me,onFocus:Le,onBlur:je,required:Y,maxLength:D,rows:V?void 0:W,...ae})})}),!J&&/* @__PURE__ */e(a,{children:[Be&&/* @__PURE__ */r("span",{id:ge,className:N,role:"alert","data-cy":`${ye}-error`,"data-testid":`${be}-error`,children:Be}),_e&&/* @__PURE__ */e("div",{className:C,children:[I&&!Be&&/* @__PURE__ */r("span",{id:fe,className:M,"data-cy":`${ye}-helper`,"data-testid":`${be}-helper`,children:I}),A&&/* @__PURE__ */e("span",{className:x(B,Re&&k),"data-cy":`${ye}-char-count`,"data-testid":`${be}-char-count`,children:[ce,D&&` / ${D}`]})]})]})]})});E.displayName="Textarea";export{E as Textarea};
package/dist/index31.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index52.cjs"),a=require("./index73.cjs"),l=t.forwardRef(({isCompleted:t=!1,size:l="large","data-cy":r,"data-testid":c},i)=>{const n=r||"stepper-connector",o=c||"stepper-connector";return e.jsx("div",{ref:i,className:s.cn(a.connectorContainerBaseStyles,"small"===l?a.connectorContainerSmallStyles:a.connectorContainerLargeStyles),"data-cy":`${n}-container`,"data-testid":`${o}-container`,children:e.jsx("div",{className:s.cn(a.connectorLineStyles,t?a.connectorActiveStyles:a.connectorInactiveStyles),"data-cy":n,"data-testid":o})})});l.displayName="StepConnector";const r=t.forwardRef(({stepNumber:l,label:r,isActive:c,isCompleted:i,isDisabled:n,isClickable:o,onClick:d,size:p="large","data-cy":y,"data-testid":S},m)=>{const[C,b]=t.useState(!1),u=y||`stepper-step-${l}`,v=S||`stepper-step-${l}`,x=(e=>"small"===e?a.stepCircleSmallStyles:a.stepCircleLargeStyles)(p);return e.jsxs("div",{ref:m,className:s.cn(a.stepItemContainerBaseStyles,"small"===p?a.stepItemContainerSmallStyles:a.stepItemContainerLargeStyles,o&&!n&&"cursor-pointer"),onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),onClick:()=>{o&&!n&&d&&d()},onKeyDown:e=>{!o||n||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),d?.())},role:o?"button":void 0,tabIndex:o&&!n?0:-1,"aria-current":c?"step":void 0,"aria-disabled":n,"data-cy":u,"data-testid":v,children:[e.jsx("div",{className:n?s.cn(a.stepCircleBaseStyles,x,a.stepCircleDisabledStyles):c?C?s.cn(a.stepCircleBaseStyles,x,a.stepCircleSelectedHoverStyles):s.cn(a.stepCircleBaseStyles,x,a.stepCircleSelectedStyles):C&&o?s.cn(a.stepCircleBaseStyles,x,a.stepCircleHoverStyles):i?s.cn(a.stepCircleBaseStyles,x,a.stepCircleCompletedStyles):s.cn(a.stepCircleBaseStyles,x,a.stepCircleRestStyles),"data-cy":`${u}-circle`,"data-testid":`${v}-circle`,children:l}),e.jsx("p",{className:n?s.cn(a.stepLabelBaseStyles,a.stepLabelDisabledStyles):c?s.cn(a.stepLabelBaseStyles,a.stepLabelSelectedStyles):C&&o?s.cn(a.stepLabelBaseStyles,a.stepLabelHoverStyles):i?s.cn(a.stepLabelBaseStyles,a.stepLabelCompletedStyles):s.cn(a.stepLabelBaseStyles,a.stepLabelRestStyles),"data-cy":`${u}-label`,"data-testid":`${v}-label`,children:r})]})});r.displayName="StepItem";const c=t.forwardRef(({steps:c,currentStep:i,onChange:n,allowStepNavigation:o=!0,showConnector:d=!0,size:p="large",className:y,"data-cy":S,"data-testid":m,...C},b)=>{const u=S||"stepper",v=m||"stepper",x=Math.max(0,i-1);return e.jsx("div",{ref:b,className:s.cn(a.containerStyles,y),role:"navigation","aria-label":"Progress indicator","data-cy":u,"data-testid":v,...C,children:c.map((s,a)=>{const i=a===x,y=a<x,S=s.disabled??!1,m=o&&!S&&a!==x;return e.jsxs(t.Fragment,{children:[e.jsx(r,{stepNumber:a+1,label:s.label,isActive:i,isCompleted:y,isDisabled:S,isClickable:m,onClick:()=>((e,t)=>{o&&!t&&e!==x&&n?.(e+1)})(a,S),size:p,"data-cy":`${u}-step-${a+1}`,"data-testid":`${v}-step-${a+1}`}),a<c.length-1&&(d?e.jsx(l,{isCompleted:y,size:p,"data-cy":`${u}-connector-${a+1}`,"data-testid":`${v}-connector-${a+1}`}):e.jsx("div",{className:"flex-1","aria-hidden":"true"}))]},s.id)})})});c.displayName="Stepper",exports.Stepper=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index52.cjs"),a=require("./index73.cjs"),l=t.forwardRef(({isCompleted:t=!1,size:l="large","data-cy":n,"data-testid":r},i)=>{const c=n||"stepper-connector",o=r||"stepper-connector";return e.jsx("div",{ref:i,className:s.cn(a.connectorContainerBaseStyles,"small"===l?a.connectorContainerSmallStyles:a.connectorContainerLargeStyles),"data-cy":`${c}-container`,"data-testid":`${o}-container`,children:e.jsx("div",{className:s.cn(a.connectorLineStyles,t?a.connectorActiveStyles:a.connectorInactiveStyles),"data-cy":c,"data-testid":o})})});l.displayName="StepConnector";const n=t.forwardRef(({stepNumber:l,label:n,isActive:r,isCompleted:i,isDisabled:c,isClickable:o,onClick:d,size:p="large","data-cy":y,"data-testid":m},S)=>{const[C,u]=t.useState(!1),b=y||`stepper-step-${l}`,f=m||`stepper-step-${l}`,v=(e=>"small"===e?a.stepCircleSmallStyles:a.stepCircleLargeStyles)(p);return e.jsxs("div",{ref:S,className:s.cn(a.stepItemContainerBaseStyles,"small"===p?a.stepItemContainerSmallStyles:a.stepItemContainerLargeStyles,o&&!c&&"cursor-pointer"),onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),onClick:()=>{o&&!c&&d&&d()},onKeyDown:e=>{!o||c||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),d?.())},role:o?"button":void 0,tabIndex:o&&!c?0:-1,"aria-current":r?"step":void 0,"aria-disabled":c,"data-cy":b,"data-testid":f,children:[e.jsx("div",{className:c?s.cn(a.stepCircleBaseStyles,v,a.stepCircleDisabledStyles):r?C?s.cn(a.stepCircleBaseStyles,v,a.stepCircleSelectedHoverStyles):s.cn(a.stepCircleBaseStyles,v,a.stepCircleSelectedStyles):C&&o?s.cn(a.stepCircleBaseStyles,v,a.stepCircleHoverStyles):i?s.cn(a.stepCircleBaseStyles,v,a.stepCircleCompletedStyles):s.cn(a.stepCircleBaseStyles,v,a.stepCircleRestStyles),"data-cy":`${b}-circle`,"data-testid":`${f}-circle`,children:l}),e.jsx("p",{className:c?s.cn(a.stepLabelBaseStyles,a.stepLabelDisabledStyles):r?s.cn(a.stepLabelBaseStyles,a.stepLabelSelectedStyles):C&&o?s.cn(a.stepLabelBaseStyles,a.stepLabelHoverStyles):i?s.cn(a.stepLabelBaseStyles,a.stepLabelCompletedStyles):s.cn(a.stepLabelBaseStyles,a.stepLabelRestStyles),"data-cy":`${b}-label`,"data-testid":`${f}-label`,children:n})]})});n.displayName="StepItem";const r="(min-width: 1024px)";const i=t.forwardRef(({steps:i,currentStep:c,onChange:o,allowStepNavigation:d=!0,showConnector:p=!0,size:y,className:m,"data-cy":S,"data-testid":C,...u},b)=>{const f=S||"stepper",v=C||"stepper",h=function(){const[e,s]=t.useState(()=>"undefined"==typeof window||"function"!=typeof window.matchMedia||window.matchMedia(r).matches?"large":"small");return t.useEffect(()=>{if("undefined"==typeof window||"function"!=typeof window.matchMedia)return;const e=window.matchMedia(r),t=e=>s(e.matches?"large":"small");return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),e}(),g=y??h,x=Math.max(0,c-1),w="large"===g?"3.25rem":"2.5rem",L=i.flatMap((e,t)=>t<i.length-1?[w,"minmax(2rem, 1fr)"]:[w]).join(" "),{style:$,...j}=u;return e.jsx("div",{ref:b,className:s.cn(a.containerStyles,m),style:{...$,gridTemplateColumns:L},role:"navigation","aria-label":"Progress indicator","data-cy":f,"data-testid":v,...j,children:i.map((s,a)=>{const r=a===x,c=a<x,y=s.disabled??!1,m=d&&!y&&a!==x;return e.jsxs(t.Fragment,{children:[e.jsx(n,{stepNumber:a+1,label:s.label,isActive:r,isCompleted:c,isDisabled:y,isClickable:m,onClick:()=>((e,t)=>{d&&!t&&e!==x&&o?.(e+1)})(a,y),size:g,"data-cy":`${f}-step-${a+1}`,"data-testid":`${v}-step-${a+1}`}),a<i.length-1&&(p?e.jsx(l,{isCompleted:c,size:g,"data-cy":`${f}-connector-${a+1}`,"data-testid":`${v}-connector-${a+1}`}):e.jsx("div",{className:"flex-1","aria-hidden":"true"}))]},s.id)})})});i.displayName="Stepper",exports.Stepper=i;
package/dist/index31.js CHANGED
@@ -1,8 +1,8 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,Fragment as s,useState as i}from"react";import{cn as r}from"./index52.js";import{stepItemContainerSmallStyles as d,stepItemContainerLargeStyles as l,stepItemContainerBaseStyles as c,connectorActiveStyles as n,connectorInactiveStyles as o,connectorLineStyles as p,connectorContainerSmallStyles as m,connectorContainerLargeStyles as y,connectorContainerBaseStyles as b,stepCircleDisabledStyles as $,stepCircleBaseStyles as u,stepCircleSelectedHoverStyles as v,stepCircleSelectedStyles as N,stepCircleHoverStyles as C,stepCircleCompletedStyles as h,stepCircleRestStyles as f,stepLabelDisabledStyles as g,stepLabelBaseStyles as k,stepLabelSelectedStyles as x,stepLabelHoverStyles as z,stepLabelCompletedStyles as S,stepLabelRestStyles as D,stepCircleSmallStyles as j,stepCircleLargeStyles as w,containerStyles as M}from"./index73.js";const A=a(({isCompleted:t=!1,size:a="large","data-cy":s,"data-testid":i},d)=>{const l=s||"stepper-connector",c=i||"stepper-connector";/* @__PURE__ */
2
- return e("div",{ref:d,className:r(b,"small"===a?m:y),"data-cy":`${l}-container`,"data-testid":`${c}-container`,children:/* @__PURE__ */e("div",{className:r(p,t?n:o),"data-cy":l,"data-testid":c})})});A.displayName="StepConnector";const E=a(({stepNumber:a,label:s,isActive:n,isCompleted:o,isDisabled:p,isClickable:m,onClick:y,size:b="large","data-cy":M,"data-testid":A},E)=>{const[I,K]=i(!1),L=M||`stepper-step-${a}`,P=A||`stepper-step-${a}`,q=(e=>"small"===e?j:w)(b);/* @__PURE__ */
3
- return t("div",{ref:E,className:r(c,"small"===b?d:l,m&&!p&&"cursor-pointer"),onMouseEnter:()=>K(!0),onMouseLeave:()=>K(!1),onClick:()=>{m&&!p&&y&&y()},onKeyDown:e=>{!m||p||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),y?.())},role:m?"button":void 0,tabIndex:m&&!p?0:-1,"aria-current":n?"step":void 0,"aria-disabled":p,"data-cy":L,"data-testid":P,children:[
4
- /* @__PURE__ */e("div",{className:r(u,q,p?$:n?I?v:N:I&&m?C:o?h:f),"data-cy":`${L}-circle`,"data-testid":`${P}-circle`,children:a}),
5
- /* @__PURE__ */e("p",{className:r(k,p?g:n?x:I&&m?z:o?S:D),"data-cy":`${L}-label`,"data-testid":`${P}-label`,children:s})]})});E.displayName="StepItem";const I=a(({steps:a,currentStep:i,onChange:d,allowStepNavigation:l=!0,showConnector:c=!0,size:n="large",className:o,"data-cy":p,"data-testid":m,...y},b)=>{const $=p||"stepper",u=m||"stepper",v=Math.max(0,i-1);/* @__PURE__ */
6
- return e("div",{ref:b,className:r(M,o),role:"navigation","aria-label":"Progress indicator","data-cy":$,"data-testid":u,...y,children:a.map((i,r)=>{const o=r===v,p=r<v,m=i.disabled??!1,y=l&&!m&&r!==v;/* @__PURE__ */
7
- return t(s,{children:[
8
- /* @__PURE__ */e(E,{stepNumber:r+1,label:i.label,isActive:o,isCompleted:p,isDisabled:m,isClickable:y,onClick:()=>((e,t)=>{l&&!t&&e!==v&&d?.(e+1)})(r,m),size:n,"data-cy":`${$}-step-${r+1}`,"data-testid":`${u}-step-${r+1}`}),r<a.length-1&&(c?/* @__PURE__ */e(A,{isCompleted:p,size:n,"data-cy":`${$}-connector-${r+1}`,"data-testid":`${u}-connector-${r+1}`}):/* @__PURE__ */e("div",{className:"flex-1","aria-hidden":"true"}))]},i.id)})})});I.displayName="Stepper";export{I as Stepper};
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,Fragment as i,useState as s,useEffect as n}from"react";import{cn as r}from"./index52.js";import{stepItemContainerSmallStyles as d,stepItemContainerLargeStyles as o,stepItemContainerBaseStyles as c,connectorActiveStyles as l,connectorInactiveStyles as m,connectorLineStyles as p,connectorContainerSmallStyles as u,connectorContainerLargeStyles as y,connectorContainerBaseStyles as f,stepCircleDisabledStyles as h,stepCircleBaseStyles as v,stepCircleSelectedHoverStyles as b,stepCircleSelectedStyles as w,stepCircleHoverStyles as $,stepCircleCompletedStyles as g,stepCircleRestStyles as N,stepLabelDisabledStyles as C,stepLabelBaseStyles as x,stepLabelSelectedStyles as M,stepLabelHoverStyles as k,stepLabelCompletedStyles as z,stepLabelRestStyles as S,stepCircleSmallStyles as j,stepCircleLargeStyles as D,containerStyles as E}from"./index73.js";const L=a(({isCompleted:t=!1,size:a="large","data-cy":i,"data-testid":s},n)=>{const d=i||"stepper-connector",o=s||"stepper-connector";/* @__PURE__ */
2
+ return e("div",{ref:n,className:r(f,"small"===a?u:y),"data-cy":`${d}-container`,"data-testid":`${o}-container`,children:/* @__PURE__ */e("div",{className:r(p,t?l:m),"data-cy":d,"data-testid":o})})});L.displayName="StepConnector";const A=a(({stepNumber:a,label:i,isActive:n,isCompleted:l,isDisabled:m,isClickable:p,onClick:u,size:y="large","data-cy":f,"data-testid":E},L)=>{const[A,I]=s(!1),K=f||`stepper-step-${a}`,P=E||`stepper-step-${a}`,T=(e=>"small"===e?j:D)(y);/* @__PURE__ */
3
+ return t("div",{ref:L,className:r(c,"small"===y?d:o,p&&!m&&"cursor-pointer"),onMouseEnter:()=>I(!0),onMouseLeave:()=>I(!1),onClick:()=>{p&&!m&&u&&u()},onKeyDown:e=>{!p||m||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),u?.())},role:p?"button":void 0,tabIndex:p&&!m?0:-1,"aria-current":n?"step":void 0,"aria-disabled":m,"data-cy":K,"data-testid":P,children:[
4
+ /* @__PURE__ */e("div",{className:r(v,T,m?h:n?A?b:w:A&&p?$:l?g:N),"data-cy":`${K}-circle`,"data-testid":`${P}-circle`,children:a}),
5
+ /* @__PURE__ */e("p",{className:r(x,m?C:n?M:A&&p?k:l?z:S),"data-cy":`${K}-label`,"data-testid":`${P}-label`,children:i})]})});A.displayName="StepItem";const I="(min-width: 1024px)";const K=a(({steps:a,currentStep:d,onChange:o,allowStepNavigation:c=!0,showConnector:l=!0,size:m,className:p,"data-cy":u,"data-testid":y,...f},h)=>{const v=u||"stepper",b=y||"stepper",w=function(){const[e,t]=s(()=>"undefined"==typeof window||"function"!=typeof window.matchMedia||window.matchMedia(I).matches?"large":"small");return n(()=>{if("undefined"==typeof window||"function"!=typeof window.matchMedia)return;const e=window.matchMedia(I),a=e=>t(e.matches?"large":"small");return e.addEventListener("change",a),()=>e.removeEventListener("change",a)},[]),e}(),$=m??w,g=Math.max(0,d-1),N="large"===$?"3.25rem":"2.5rem",C=a.flatMap((e,t)=>t<a.length-1?[N,"minmax(2rem, 1fr)"]:[N]).join(" "),{style:x,...M}=f;/* @__PURE__ */
6
+ return e("div",{ref:h,className:r(E,p),style:{...x,gridTemplateColumns:C},role:"navigation","aria-label":"Progress indicator","data-cy":v,"data-testid":b,...M,children:a.map((s,n)=>{const r=n===g,d=n<g,m=s.disabled??!1,p=c&&!m&&n!==g;/* @__PURE__ */
7
+ return t(i,{children:[
8
+ /* @__PURE__ */e(A,{stepNumber:n+1,label:s.label,isActive:r,isCompleted:d,isDisabled:m,isClickable:p,onClick:()=>((e,t)=>{c&&!t&&e!==g&&o?.(e+1)})(n,m),size:$,"data-cy":`${v}-step-${n+1}`,"data-testid":`${b}-step-${n+1}`}),n<a.length-1&&(l?/* @__PURE__ */e(L,{isCompleted:d,size:$,"data-cy":`${v}-connector-${n+1}`,"data-testid":`${b}-connector-${n+1}`}):/* @__PURE__ */e("div",{className:"flex-1","aria-hidden":"true"}))]},s.id)})})});K.displayName="Stepper";export{K as Stepper};
package/dist/index69.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),r=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),o=["flex items-start w-full","min-h-[6.25rem] p-[0.875rem]","text-base leading-[1.375rem] text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","resize-none","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" ");exports.charCountExceededStyles="text-[var(--color-error)]",exports.charCountStyles="text-xs leading-none text-[var(--color-grey-06)] text-end",exports.errorStyles="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",exports.footerStyles="flex items-center justify-between w-full",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)]",exports.labelRowStyles="flex items-center justify-between h-4 w-full",exports.labelStyles="text-sm font-normal text-[var(--color-grey-07)] leading-none",exports.textareaBaseStyles=o,exports.textareaErrorStyles="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",exports.tooltipContentStyles=r,exports.tooltipTriggerStyles=e,exports.wrapperStyles="flex flex-col justify-center items-start gap-2 w-full";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),r=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),o=["flex items-start w-full","min-h-[6.25rem] p-[0.875rem]","text-base leading-[1.375rem] text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","resize-none","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),t=["block w-full min-h-[6.25rem] p-0","text-base leading-[1.375rem] text-[var(--color-text)] bg-transparent border-none outline-none","resize-none placeholder:text-[var(--color-icon-secondary)]","focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" ");exports.charCountExceededStyles="text-[var(--color-error)]",exports.charCountStyles="text-xs leading-none text-[var(--color-grey-06)] text-end",exports.errorStyles="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",exports.footerStyles="flex items-center justify-between w-full",exports.gradientBorderInnerStyles="rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)]",exports.labelRowStyles="flex items-center justify-between h-4 w-full",exports.labelStyles="text-sm font-normal text-[var(--color-grey-07)] leading-none",exports.textareaBaseStyles=o,exports.textareaErrorStyles="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",exports.textareaInsideGradientStyles=t,exports.tooltipContentStyles=r,exports.tooltipTriggerStyles=e,exports.wrapperStyles="flex flex-col justify-center items-start gap-2 w-full";
package/dist/index69.js CHANGED
@@ -1 +1 @@
1
- const e="flex flex-col justify-center items-start gap-2 w-full",r="flex items-center justify-between h-4 w-full",o="text-sm font-normal text-[var(--color-grey-07)] leading-none",t=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),n=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),l=["flex items-start w-full","min-h-[6.25rem] p-[0.875rem]","text-base leading-[1.375rem] text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","resize-none","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),a="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",c="text-xs leading-none text-[var(--color-grey-07)]",i="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",d="text-xs leading-none text-[var(--color-grey-06)] text-end",s="text-[var(--color-error)]",x="flex items-center justify-between w-full";export{s as charCountExceededStyles,d as charCountStyles,i as errorStyles,x as footerStyles,c as helperStyles,r as labelRowStyles,o as labelStyles,l as textareaBaseStyles,a as textareaErrorStyles,n as tooltipContentStyles,t as tooltipTriggerStyles,e as wrapperStyles};
1
+ const e="flex flex-col justify-center items-start gap-2 w-full",r="flex items-center justify-between h-4 w-full",o="text-sm font-normal text-[var(--color-grey-07)] leading-none",t=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),n=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),l=["flex items-start w-full","min-h-[6.25rem] p-[0.875rem]","text-base leading-[1.375rem] text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","resize-none","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),a="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",c="rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]",d=["block w-full min-h-[6.25rem] p-0","text-base leading-[1.375rem] text-[var(--color-text)] bg-transparent border-none outline-none","resize-none placeholder:text-[var(--color-icon-secondary)]","focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),i="text-xs leading-none text-[var(--color-grey-07)]",s="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",x="text-xs leading-none text-[var(--color-grey-06)] text-end",u="text-[var(--color-error)]",b="flex items-center justify-between w-full";export{u as charCountExceededStyles,x as charCountStyles,s as errorStyles,b as footerStyles,c as gradientBorderInnerStyles,i as helperStyles,r as labelRowStyles,o as labelStyles,l as textareaBaseStyles,a as textareaErrorStyles,d as textareaInsideGradientStyles,n as tooltipContentStyles,t as tooltipTriggerStyles,e as wrapperStyles};
package/dist/index73.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex flex-row items-start justify-start","w-full","gap-0"].join(" "),t=["flex flex-col items-center justify-center","gap-[var(--spacing-4)]","flex-shrink-0"].join(" "),o=["flex items-center justify-center","rounded-[2.5rem]","transition-all duration-200 ease-in-out","font-[var(--font-family-default)]","text-[length:var(--font-size-4)]","leading-normal","select-none","cursor-default"].join(" "),r=["bg-[var(--color-card)]","text-[var(--color-system-text)]","border-none"].join(" "),s=["bg-[var(--color-card)]","text-[var(--color-popup)]","border border-solid border-[var(--color-popup)]","cursor-pointer"].join(" "),l=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none"].join(" "),n=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none","shadow-[inset_0_0_0_100px_var(--color-overlay-black-10)]"].join(" "),a=["bg-[var(--color-card)]","text-[var(--color-system-text)]","opacity-75","cursor-not-allowed"].join(" "),p=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none"].join(" "),i=["text-[length:var(--font-size-7)]","leading-normal","text-center","select-none","transition-colors duration-200 ease-in-out","font-[var(--font-family-default)]"].join(" "),c=["text-[var(--color-system-text)]","font-normal"].join(" "),x=["text-[var(--color-popup)]","font-normal"].join(" "),m=["text-[var(--color-popup)]","font-bold"].join(" "),y=["text-[var(--color-system-text)]","font-normal"].join(" "),d=["text-[var(--color-popup)]","font-normal"].join(" "),v=["flex flex-1 items-center","min-w-0","px-[var(--spacing-6)]"].join(" "),S=["w-full h-px","rounded-[2.677rem]","transition-colors duration-200 ease-in-out"].join(" "),u=["bg-[var(--color-system-text)]"].join(" "),f=["bg-[var(--color-popup)]"].join(" ");exports.connectorActiveStyles=f,exports.connectorContainerBaseStyles=v,exports.connectorContainerLargeStyles="h-[3.25rem]",exports.connectorContainerSmallStyles="h-[2.5rem]",exports.connectorInactiveStyles=u,exports.connectorLineStyles=S,exports.containerStyles=e,exports.stepCircleBaseStyles=o,exports.stepCircleCompletedStyles=p,exports.stepCircleDisabledStyles=a,exports.stepCircleHoverStyles=s,exports.stepCircleLargeStyles="w-[3.25rem] h-[3.25rem]",exports.stepCircleRestStyles=r,exports.stepCircleSelectedHoverStyles=n,exports.stepCircleSelectedStyles=l,exports.stepCircleSmallStyles="w-[2.5rem] h-[2.5rem] p-[0.889rem]",exports.stepItemContainerBaseStyles=t,exports.stepItemContainerLargeStyles="min-w-[3.5rem]",exports.stepItemContainerSmallStyles="min-w-[2.5rem]",exports.stepLabelBaseStyles=i,exports.stepLabelCompletedStyles=d,exports.stepLabelDisabledStyles=y,exports.stepLabelHoverStyles=x,exports.stepLabelRestStyles=c,exports.stepLabelSelectedStyles=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["grid items-start justify-items-start","w-full","gap-0"].join(" "),t=["flex flex-col items-center justify-center","gap-[var(--spacing-4)]","min-w-0"].join(" "),o=["flex items-center justify-center","rounded-[2.5rem]","transition-all duration-200 ease-in-out","font-[var(--font-family-default)]","text-[length:var(--font-size-4)]","leading-normal","select-none","cursor-default"].join(" "),r=["bg-[var(--color-card)]","text-[var(--color-system-text)]","border-none"].join(" "),s=["bg-[var(--color-card)]","text-[var(--color-popup)]","border border-solid border-[var(--color-popup)]","cursor-pointer"].join(" "),l=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none"].join(" "),n=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none","shadow-[inset_0_0_0_100px_var(--color-overlay-black-10)]"].join(" "),a=["bg-[var(--color-card)]","text-[var(--color-system-text)]","opacity-75","cursor-not-allowed"].join(" "),p=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none"].join(" "),i=["text-[0.875rem] lg:text-[1.125rem]","leading-normal","text-center","select-none","whitespace-nowrap","overflow-hidden","text-ellipsis","transition-colors duration-200 ease-in-out","font-[var(--font-family-default)]"].join(" "),c=["text-[var(--color-system-text)]","font-normal"].join(" "),x=["text-[var(--color-popup)]","font-normal"].join(" "),m=["text-[var(--color-popup)]","font-bold"].join(" "),d=["text-[var(--color-system-text)]","font-normal"].join(" "),y=["text-[var(--color-popup)]","font-normal"].join(" "),v=["w-full flex items-center min-w-0","px-[0.5rem] lg:px-[1.5rem]"].join(" "),S=["w-full h-px","rounded-[2.677rem]","transition-colors duration-200 ease-in-out"].join(" "),u=["bg-[var(--color-system-text)]"].join(" "),b=["bg-[var(--color-popup)]"].join(" ");exports.connectorActiveStyles=b,exports.connectorContainerBaseStyles=v,exports.connectorContainerLargeStyles="h-[3.25rem]",exports.connectorContainerSmallStyles="h-[2.5rem]",exports.connectorInactiveStyles=u,exports.connectorLineStyles=S,exports.containerStyles=e,exports.stepCircleBaseStyles=o,exports.stepCircleCompletedStyles=p,exports.stepCircleDisabledStyles=a,exports.stepCircleHoverStyles=s,exports.stepCircleLargeStyles="w-[3.25rem] h-[3.25rem]",exports.stepCircleRestStyles=r,exports.stepCircleSelectedHoverStyles=n,exports.stepCircleSelectedStyles=l,exports.stepCircleSmallStyles="w-[2.5rem] h-[2.5rem] p-[0.889rem]",exports.stepItemContainerBaseStyles=t,exports.stepItemContainerLargeStyles="min-w-[3.25rem] max-w-[3.25rem]",exports.stepItemContainerSmallStyles="min-w-[2.5rem] max-w-[2.5rem]",exports.stepLabelBaseStyles=i,exports.stepLabelCompletedStyles=y,exports.stepLabelDisabledStyles=d,exports.stepLabelHoverStyles=x,exports.stepLabelRestStyles=c,exports.stepLabelSelectedStyles=m;
package/dist/index73.js CHANGED
@@ -1 +1 @@
1
- const o=["flex flex-row items-start justify-start","w-full","gap-0"].join(" "),r=["flex flex-col items-center justify-center","gap-[var(--spacing-4)]","flex-shrink-0"].join(" "),e="min-w-[3.5rem]",t="min-w-[2.5rem]",n=["flex items-center justify-center","rounded-[2.5rem]","transition-all duration-200 ease-in-out","font-[var(--font-family-default)]","text-[length:var(--font-size-4)]","leading-normal","select-none","cursor-default"].join(" "),a="w-[3.25rem] h-[3.25rem]",l="w-[2.5rem] h-[2.5rem] p-[0.889rem]",i=["bg-[var(--color-card)]","text-[var(--color-system-text)]","border-none"].join(" "),c=["bg-[var(--color-card)]","text-[var(--color-popup)]","border border-solid border-[var(--color-popup)]","cursor-pointer"].join(" "),s=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none"].join(" "),p=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none","shadow-[inset_0_0_0_100px_var(--color-overlay-black-10)]"].join(" "),m=["bg-[var(--color-card)]","text-[var(--color-system-text)]","opacity-75","cursor-not-allowed"].join(" "),x=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none"].join(" "),d=["text-[length:var(--font-size-7)]","leading-normal","text-center","select-none","transition-colors duration-200 ease-in-out","font-[var(--font-family-default)]"].join(" "),f=["text-[var(--color-system-text)]","font-normal"].join(" "),u=["text-[var(--color-popup)]","font-normal"].join(" "),v=["text-[var(--color-popup)]","font-bold"].join(" "),j=["text-[var(--color-system-text)]","font-normal"].join(" "),b=["text-[var(--color-popup)]","font-normal"].join(" "),g=["flex flex-1 items-center","min-w-0","px-[var(--spacing-6)]"].join(" "),y="h-[3.25rem]",w="h-[2.5rem]",h=["w-full h-px","rounded-[2.677rem]","transition-colors duration-200 ease-in-out"].join(" "),_=["bg-[var(--color-system-text)]"].join(" "),k=["bg-[var(--color-popup)]"].join(" ");export{k as connectorActiveStyles,g as connectorContainerBaseStyles,y as connectorContainerLargeStyles,w as connectorContainerSmallStyles,_ as connectorInactiveStyles,h as connectorLineStyles,o as containerStyles,n as stepCircleBaseStyles,x as stepCircleCompletedStyles,m as stepCircleDisabledStyles,c as stepCircleHoverStyles,a as stepCircleLargeStyles,i as stepCircleRestStyles,p as stepCircleSelectedHoverStyles,s as stepCircleSelectedStyles,l as stepCircleSmallStyles,r as stepItemContainerBaseStyles,e as stepItemContainerLargeStyles,t as stepItemContainerSmallStyles,d as stepLabelBaseStyles,b as stepLabelCompletedStyles,j as stepLabelDisabledStyles,u as stepLabelHoverStyles,f as stepLabelRestStyles,v as stepLabelSelectedStyles};
1
+ const o=["grid items-start justify-items-start","w-full","gap-0"].join(" "),r=["flex flex-col items-center justify-center","gap-[var(--spacing-4)]","min-w-0"].join(" "),e="min-w-[3.25rem] max-w-[3.25rem]",t="min-w-[2.5rem] max-w-[2.5rem]",n=["flex items-center justify-center","rounded-[2.5rem]","transition-all duration-200 ease-in-out","font-[var(--font-family-default)]","text-[length:var(--font-size-4)]","leading-normal","select-none","cursor-default"].join(" "),a="w-[3.25rem] h-[3.25rem]",l="w-[2.5rem] h-[2.5rem] p-[0.889rem]",i=["bg-[var(--color-card)]","text-[var(--color-system-text)]","border-none"].join(" "),c=["bg-[var(--color-card)]","text-[var(--color-popup)]","border border-solid border-[var(--color-popup)]","cursor-pointer"].join(" "),s=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none"].join(" "),m=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none","shadow-[inset_0_0_0_100px_var(--color-overlay-black-10)]"].join(" "),p=["bg-[var(--color-card)]","text-[var(--color-system-text)]","opacity-75","cursor-not-allowed"].join(" "),d=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none"].join(" "),x=["text-[0.875rem] lg:text-[1.125rem]","leading-normal","text-center","select-none","whitespace-nowrap","overflow-hidden","text-ellipsis","transition-colors duration-200 ease-in-out","font-[var(--font-family-default)]"].join(" "),u=["text-[var(--color-system-text)]","font-normal"].join(" "),v=["text-[var(--color-popup)]","font-normal"].join(" "),f=["text-[var(--color-popup)]","font-bold"].join(" "),j=["text-[var(--color-system-text)]","font-normal"].join(" "),b=["text-[var(--color-popup)]","font-normal"].join(" "),g=["w-full flex items-center min-w-0","px-[0.5rem] lg:px-[1.5rem]"].join(" "),w="h-[3.25rem]",y="h-[2.5rem]",h=["w-full h-px","rounded-[2.677rem]","transition-colors duration-200 ease-in-out"].join(" "),_=["bg-[var(--color-system-text)]"].join(" "),k=["bg-[var(--color-popup)]"].join(" ");export{k as connectorActiveStyles,g as connectorContainerBaseStyles,w as connectorContainerLargeStyles,y as connectorContainerSmallStyles,_ as connectorInactiveStyles,h as connectorLineStyles,o as containerStyles,n as stepCircleBaseStyles,d as stepCircleCompletedStyles,p as stepCircleDisabledStyles,c as stepCircleHoverStyles,a as stepCircleLargeStyles,i as stepCircleRestStyles,m as stepCircleSelectedHoverStyles,s as stepCircleSelectedStyles,l as stepCircleSmallStyles,r as stepItemContainerBaseStyles,e as stepItemContainerLargeStyles,t as stepItemContainerSmallStyles,x as stepLabelBaseStyles,b as stepLabelCompletedStyles,j as stepLabelDisabledStyles,v as stepLabelHoverStyles,u as stepLabelRestStyles,f as stepLabelSelectedStyles};
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/textarea/Textarea.component.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAgBtD,eAAO,MAAM,QAAQ,+GAmXpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"Textarea.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/textarea/Textarea.component.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAkBtD,eAAO,MAAM,QAAQ,+GAkZpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
@@ -5,6 +5,10 @@ export declare const tooltipTriggerStyles: string;
5
5
  export declare const tooltipContentStyles: string;
6
6
  export declare const textareaBaseStyles: string;
7
7
  export declare const textareaErrorStyles = "border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]";
8
+ /** Inner container for gradient border (masks center so gradient shows as border). */
9
+ export declare const gradientBorderInnerStyles = "rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]";
10
+ /** Textarea when inside gradient border wrapper (no border, transparent bg). */
11
+ export declare const textareaInsideGradientStyles: string;
8
12
  export declare const helperStyles = "text-xs leading-none text-[var(--color-grey-07)]";
9
13
  export declare const errorStyles = "text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]";
10
14
  export declare const charCountStyles = "text-xs leading-none text-[var(--color-grey-06)] text-end";
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/textarea/Textarea.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,0DAA0D,CAAC;AACrF,eAAO,MAAM,cAAc,iDAAiD,CAAC;AAC7E,eAAO,MAAM,WAAW,iEAAiE,CAAC;AAE1F,eAAO,MAAM,oBAAoB,QAQtB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,QAKtB,CAAC;AAEZ,eAAO,MAAM,kBAAkB,QAWpB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,4GAC2E,CAAC;AAE5G,eAAO,MAAM,YAAY,qDAAqD,CAAC;AAC/E,eAAO,MAAM,WAAW,uFAC8D,CAAC;AAEvF,eAAO,MAAM,eAAe,8DAA8D,CAAC;AAC3F,eAAO,MAAM,uBAAuB,8BAA8B,CAAC;AAEnE,eAAO,MAAM,YAAY,6CAA6C,CAAC"}
1
+ {"version":3,"file":"Textarea.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/textarea/Textarea.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,0DAA0D,CAAC;AACrF,eAAO,MAAM,cAAc,iDAAiD,CAAC;AAC7E,eAAO,MAAM,WAAW,iEAAiE,CAAC;AAE1F,eAAO,MAAM,oBAAoB,QAQtB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,QAKtB,CAAC;AAEZ,eAAO,MAAM,kBAAkB,QAWpB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,4GAC2E,CAAC;AAE5G,sFAAsF;AACtF,eAAO,MAAM,yBAAyB,oFAC6C,CAAC;AAEpF,gFAAgF;AAChF,eAAO,MAAM,4BAA4B,QAK9B,CAAC;AAEZ,eAAO,MAAM,YAAY,qDAAqD,CAAC;AAC/E,eAAO,MAAM,WAAW,uFAC8D,CAAC;AAEvF,eAAO,MAAM,eAAe,8DAA8D,CAAC;AAC3F,eAAO,MAAM,uBAAuB,8BAA8B,CAAC;AAEnE,eAAO,MAAM,YAAY,6CAA6C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/stepper/Stepper.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAqC,MAAM,iBAAiB,CAAC;AA2KvF,eAAO,MAAM,OAAO,yGA0EnB,CAAC;AAIF,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC"}
1
+ {"version":3,"file":"Stepper.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/stepper/Stepper.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAqC,MAAM,iBAAiB,CAAC;AA4LvF,eAAO,MAAM,OAAO,yGAsFnB,CAAC;AAIF,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC"}
@@ -1,7 +1,9 @@
1
+ /** Grid: step columns (fixed) and connector columns (1fr) so gap from circle to line is fixed. */
1
2
  export declare const containerStyles: string;
2
3
  export declare const stepItemContainerBaseStyles: string;
3
- export declare const stepItemContainerLargeStyles = "min-w-[3.5rem]";
4
- export declare const stepItemContainerSmallStyles = "min-w-[2.5rem]";
4
+ /** Step column width: circle size so space to connector starts from circle. */
5
+ export declare const stepItemContainerLargeStyles = "min-w-[3.25rem] max-w-[3.25rem]";
6
+ export declare const stepItemContainerSmallStyles = "min-w-[2.5rem] max-w-[2.5rem]";
5
7
  export declare const stepCircleBaseStyles: string;
6
8
  /** Large: 52px (3.25rem) circle. */
7
9
  export declare const stepCircleLargeStyles = "w-[3.25rem] h-[3.25rem]";
@@ -19,6 +21,7 @@ export declare const stepLabelHoverStyles: string;
19
21
  export declare const stepLabelSelectedStyles: string;
20
22
  export declare const stepLabelDisabledStyles: string;
21
23
  export declare const stepLabelCompletedStyles: string;
24
+ /** Fill grid cell so the line is visible; gap from circle to line: 8px mobile/tablet, 24px desktop. */
22
25
  export declare const connectorContainerBaseStyles: string;
23
26
  export declare const connectorContainerLargeStyles = "h-[3.25rem]";
24
27
  export declare const connectorContainerSmallStyles = "h-[2.5rem]";
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/stepper/Stepper.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,QAE3B,CAAC;AAEF,eAAO,MAAM,2BAA2B,QAI7B,CAAC;AAEZ,eAAO,MAAM,4BAA4B,mBAAmB,CAAC;AAC7D,eAAO,MAAM,4BAA4B,mBAAmB,CAAC;AAE7D,eAAO,MAAM,oBAAoB,QAStB,CAAC;AAEZ,oCAAoC;AACpC,eAAO,MAAM,qBAAqB,4BAA4B,CAAC;AAE/D,6DAA6D;AAC7D,eAAO,MAAM,qBAAqB,uCAAuC,CAAC;AAE1E,eAAO,MAAM,oBAAoB,QAItB,CAAC;AAEZ,eAAO,MAAM,qBAAqB,QAKvB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAI1B,CAAC;AAEZ,eAAO,MAAM,6BAA6B,QAK/B,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAK1B,CAAC;AAEZ,eAAO,MAAM,yBAAyB,QAI3B,CAAC;AAEZ,eAAO,MAAM,mBAAmB,QAOrB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,QAA+D,CAAC;AAEhG,eAAO,MAAM,oBAAoB,QAAyD,CAAC;AAE3F,eAAO,MAAM,uBAAuB,QAAuD,CAAC;AAE5F,eAAO,MAAM,uBAAuB,QAA+D,CAAC;AAEpG,eAAO,MAAM,wBAAwB,QAAyD,CAAC;AAE/F,eAAO,MAAM,4BAA4B,QAI9B,CAAC;AAEZ,eAAO,MAAM,6BAA6B,gBAAgB,CAAC;AAC3D,eAAO,MAAM,6BAA6B,eAAe,CAAC;AAE1D,eAAO,MAAM,mBAAmB,QAIrB,CAAC;AAEZ,eAAO,MAAM,uBAAuB,QAA8C,CAAC;AAEnF,eAAO,MAAM,qBAAqB,QAAwC,CAAC"}
1
+ {"version":3,"file":"Stepper.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/stepper/Stepper.styles.ts"],"names":[],"mappings":"AAAA,kGAAkG;AAClG,eAAO,MAAM,eAAe,QAE3B,CAAC;AAEF,eAAO,MAAM,2BAA2B,QAI7B,CAAC;AAEZ,+EAA+E;AAC/E,eAAO,MAAM,4BAA4B,oCAAoC,CAAC;AAC9E,eAAO,MAAM,4BAA4B,kCAAkC,CAAC;AAE5E,eAAO,MAAM,oBAAoB,QAStB,CAAC;AAEZ,oCAAoC;AACpC,eAAO,MAAM,qBAAqB,4BAA4B,CAAC;AAE/D,6DAA6D;AAC7D,eAAO,MAAM,qBAAqB,uCAAuC,CAAC;AAE1E,eAAO,MAAM,oBAAoB,QAItB,CAAC;AAEZ,eAAO,MAAM,qBAAqB,QAKvB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAI1B,CAAC;AAEZ,eAAO,MAAM,6BAA6B,QAK/B,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAK1B,CAAC;AAEZ,eAAO,MAAM,yBAAyB,QAI3B,CAAC;AAEZ,eAAO,MAAM,mBAAmB,QAUrB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,QAA+D,CAAC;AAEhG,eAAO,MAAM,oBAAoB,QAAyD,CAAC;AAE3F,eAAO,MAAM,uBAAuB,QAAuD,CAAC;AAE5F,eAAO,MAAM,uBAAuB,QAA+D,CAAC;AAEpG,eAAO,MAAM,wBAAwB,QAAyD,CAAC;AAE/F,uGAAuG;AACvG,eAAO,MAAM,4BAA4B,QAG9B,CAAC;AAEZ,eAAO,MAAM,6BAA6B,gBAAgB,CAAC;AAC3D,eAAO,MAAM,6BAA6B,eAAe,CAAC;AAE1D,eAAO,MAAM,mBAAmB,QAIrB,CAAC;AAEZ,eAAO,MAAM,uBAAuB,QAA8C,CAAC;AAEnF,eAAO,MAAM,qBAAqB,QAAwC,CAAC"}