@adam-milo/ui 1.0.132 → 1.0.134
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/index122.cjs +1 -1
- package/dist/index122.js +1 -1
- package/dist/index3.cjs +1 -1
- package/dist/index3.js +2 -2
- package/dist/index35.cjs +1 -1
- package/dist/index35.js +4 -4
- package/dist/index71.cjs +1 -1
- package/dist/index71.js +1 -1
- package/dist/src/components/core/button/Button.component.d.ts.map +1 -1
- package/dist/src/components/core/button/Button.styles.d.ts +5 -0
- package/dist/src/components/core/button/Button.styles.d.ts.map +1 -1
- package/dist/src/components/core/button/Button.types.d.ts +6 -0
- package/dist/src/components/core/button/Button.types.d.ts.map +1 -1
- package/dist/src/components/feedback/spinner/Spinner.styles.d.ts.map +1 -1
- package/dist/src/components/feedback/spinner/Spinner.types.d.ts +1 -1
- package/dist/src/components/feedback/spinner/Spinner.types.d.ts.map +1 -1
- package/dist/src/components/navigation/tabs/Tabs.component.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index122.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.colorStyles={action:"text-[var(--color-action)]",orange:"text-[var(--color-button-orange)]",white:"text-[var(--color-card)]",text:"text-[var(--color-text)]",teal:"text-[var(--color-dialog-icon-teal)]"},exports.rootStyles="inline-flex items-center justify-center",exports.sizeStyles={sm:"w-4 h-4",md:"w-6 h-6",lg:"w-8 h-8",xl:"w-12 h-12",verify:"w-[7.875rem] h-[7.875rem] shrink-0 aspect-square"},exports.svgStyles="animate-spin w-full h-full";
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.colorStyles={action:"text-[var(--color-action)]",orange:"text-[var(--color-button-orange)]",white:"text-[var(--color-card)]",text:"text-[var(--color-text)]",teal:"text-[var(--color-dialog-icon-teal)]",gray:"text-[var(--color-system-text)]"},exports.rootStyles="inline-flex items-center justify-center",exports.sizeStyles={sm:"w-4 h-4",md:"w-6 h-6",lg:"w-8 h-8",xl:"w-12 h-12",verify:"w-[7.875rem] h-[7.875rem] shrink-0 aspect-square"},exports.svgStyles="animate-spin w-full h-full";
|
package/dist/index122.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const t={sm:"w-4 h-4",md:"w-6 h-6",lg:"w-8 h-8",xl:"w-12 h-12",verify:"w-[7.875rem] h-[7.875rem] shrink-0 aspect-square"},e={action:"text-[var(--color-action)]",orange:"text-[var(--color-button-orange)]",white:"text-[var(--color-card)]",text:"text-[var(--color-text)]",teal:"text-[var(--color-dialog-icon-teal)]"},r="inline-flex items-center justify-center",o="animate-spin w-full h-full";export{e as colorStyles,r as rootStyles,t as sizeStyles,o as svgStyles};
|
|
1
|
+
const t={sm:"w-4 h-4",md:"w-6 h-6",lg:"w-8 h-8",xl:"w-12 h-12",verify:"w-[7.875rem] h-[7.875rem] shrink-0 aspect-square"},e={action:"text-[var(--color-action)]",orange:"text-[var(--color-button-orange)]",white:"text-[var(--color-card)]",text:"text-[var(--color-text)]",teal:"text-[var(--color-dialog-icon-teal)]",gray:"text-[var(--color-system-text)]"},r="inline-flex items-center justify-center",o="animate-spin w-full h-full";export{e as colorStyles,r as rootStyles,t as sizeStyles,o as svgStyles};
|
package/dist/index3.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index67.cjs"),n=require("./index71.cjs"),i=require("./index65.cjs"),s=t.forwardRef(({variant:t,fullWidth:s=!1,icon:o,iconPosition:r="left",loading:l=!1,className:c,children:d,disabled:u,"aria-busy":y,"data-testid":b,"data-cy":p,...f},h)=>{const x="unstyled"===t?a.cn(s&&"w-full",c):a.cn("no-underline hover:enabled:opacity-90 transition-opacity duration-200",t&&n.baseStyles,t&&n.variantStyles[t],s&&"w-full",c),S=t?n.spinnerColorByVariant[t]:"action",j=e.jsx("span",{className:n.iconSlotStyles,children:e.jsx(i.Spinner,{size:"sm",color:S,className:"w-full h-full","aria-hidden":!0,"data-cy":"button-spinner","data-testid":"button-spinner"})}),m=Boolean(o)&&"left"===r&&!l,N=Boolean(o)&&"right"===r&&!l,B=l&&Boolean(o)&&"right"===r,g=l&&!B;return e.jsxs("button",{ref:h,disabled:u||l,"aria-busy":l||y||void 0,className:x,"data-testid":b||(t?`button-${t}`:"button"),"data-cy":p||(t?`button-${t}`:"button"),...f,children:[g&&j,m&&e.jsx("span",{className:n.iconSlotStyles,children:o}),d,N&&e.jsx("span",{className:n.iconSlotStyles,children:o}),B&&j]})});s.displayName="Button",exports.Button=s;
|
package/dist/index3.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as t,jsx as
|
|
2
|
-
return t("button",{ref:
|
|
1
|
+
import{jsxs as t,jsx as a}from"react/jsx-runtime";import{forwardRef as n}from"react";import{cn as i}from"./index67.js";import{iconSlotStyles as o,spinnerColorByVariant as e,variantStyles as s,baseStyles as r}from"./index71.js";import{Spinner as l}from"./index65.js";const d=n(({variant:n,fullWidth:d=!1,icon:c,iconPosition:u="left",loading:m=!1,className:p,children:f,disabled:b,"aria-busy":h,"data-testid":y,"data-cy":N,...x},j)=>{const B="unstyled"===n?i(d&&"w-full",p):i("no-underline hover:enabled:opacity-90 transition-opacity duration-200",n&&r,n&&s[n],d&&"w-full",p),g=n?e[n]:"action",v=/* @__PURE__ */a("span",{className:o,children:/* @__PURE__ */a(l,{size:"sm",color:g,className:"w-full h-full","aria-hidden":!0,"data-cy":"button-spinner","data-testid":"button-spinner"})}),w=Boolean(c)&&"left"===u&&!m,$=Boolean(c)&&"right"===u&&!m,z=m&&Boolean(c)&&"right"===u;/* @__PURE__ */
|
|
2
|
+
return t("button",{ref:j,disabled:b||m,"aria-busy":m||h||void 0,className:B,"data-testid":y||(n?`button-${n}`:"button"),"data-cy":N||(n?`button-${n}`:"button"),...x,children:[m&&!z&&v,w&&/* @__PURE__ */a("span",{className:o,children:c}),f,$&&/* @__PURE__ */a("span",{className:o,children:c}),z&&v]})});d.displayName="Button";export{d as Button};
|
package/dist/index35.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@radix-ui/react-tabs"),r=require("./index67.cjs"),s=require("./index90.cjs");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const a in e)if("default"!==a){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}return t.default=e,Object.freeze(t)}const n=i(a),l=n.Root,o=t.forwardRef(({className:a,fullWidth:i=!1,variant:l="default","data-cy":o,"data-testid":c,...d},u)=>{const b=o||"tabs-list",f=c||"tabs-list",g=t.useRef(null),[y,v]=t.useState({left:0,width:0}),[m,p]=t.useState(!1),w=t.useCallback(()=>{const e=g.current;if(!e)return;const t=e.querySelector('[data-state="active"]');if(!t)return void p(!1);const a=e.getBoundingClientRect(),r=t.getBoundingClientRect();v({left:r.left-a.left+e.scrollLeft,width:r.width}),p(!0)},[]);t.useEffect(()=>{const e=g.current;if(!e)return;const t="undefined"!=typeof ResizeObserver?new ResizeObserver(w):null,a=()=>{t&&(t.disconnect(),t.observe(e),e.querySelectorAll('[role="tab"]').forEach(e=>{t.observe(e)}))};w(),a();const r=new MutationObserver(e=>{e.some(e=>"childList"===e.type)&&a(),w()});return r.observe(e,{attributes:!0,childList:!0,subtree:!0,attributeFilter:["data-state"]}),e.addEventListener("scroll",w,{passive:!0}),window.addEventListener("resize",w),()=>{r.disconnect(),t?.disconnect(),e.removeEventListener("scroll",w),window.removeEventListener("resize",w)}},[w]);const S="default"===l&&m;return e.jsxs(n.List,{ref:e=>{g.current=e,"function"==typeof u?u(e):u&&(u.current=e)},className:r.cn("relative","table"===l?s.listTableStyles:"mobile"===l?s.listMobileStyles:s.listStyles,i&&s.listFullWidthStyles,a),"data-cy":b,"data-testid":f,"data-full-width":i,"data-variant":l,...d,children:[d.children,S&&e.jsx("span",{className:"absolute bottom-0 h-[4px] bg-[var(--color-clickable)] rounded-t-sm transition-all duration-300 ease-in-out pointer-events-none",style:{left:y.left,width:y.width},"aria-hidden":"true"})]})});o.displayName=n.List.displayName;const c=t.forwardRef(({className:t,value:a,variant:i="default","data-cy":l,"data-testid":o,...c},d)=>{const u=l||(a?`tabs-trigger-${a}`:"tabs-trigger"),b=o||(a?`tabs-trigger-${a}`:"tabs-trigger");return e.jsx(n.Trigger,{ref:d,className:r.cn("table"===i?s.triggerTableStyles:"mobile"===i?s.triggerMobileStyles:s.triggerStyles,t),value:a,"data-cy":u,"data-testid":b,...c})});c.displayName=n.Trigger.displayName;const d=t.forwardRef(({className:t,value:a,"data-cy":i,"data-testid":l,...o},c)=>{const d=i||(a?`tabs-content-${a}`:"tabs-content"),u=l||(a?`tabs-content-${a}`:"tabs-content");return e.jsx(n.Content,{ref:c,tabIndex:-1,className:r.cn(s.contentStyles,t),value:a,"data-cy":d,"data-testid":u,...o})});d.displayName=n.Content.displayName,exports.Tabs=l,exports.TabsContent=d,exports.TabsList=o,exports.TabsTrigger=c;
|
package/dist/index35.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a,useRef as r,useState as s,useCallback as i,useEffect as n}from"react";import*as
|
|
2
|
-
return e(
|
|
3
|
-
return t(
|
|
4
|
-
return t(
|
|
1
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a,useRef as r,useState as s,useCallback as i,useEffect as n}from"react";import*as o from"@radix-ui/react-tabs";import{cn as l}from"./index67.js";import{listFullWidthStyles as d,listTableStyles as c,listMobileStyles as u,listStyles as m,triggerTableStyles as b,triggerMobileStyles as f,triggerStyles as v,contentStyles as p}from"./index90.js";const y=o.Root,g=a(({className:a,fullWidth:b=!1,variant:f="default","data-cy":v,"data-testid":p,...y},g)=>{const h=v||"tabs-list",N=p||"tabs-list",w=r(null),[L,x]=s({left:0,width:0}),[E,R]=s(!1),z=i(()=>{const t=w.current;if(!t)return;const e=t.querySelector('[data-state="active"]');if(!e)return void R(!1);const a=t.getBoundingClientRect(),r=e.getBoundingClientRect();x({left:r.left-a.left+t.scrollLeft,width:r.width}),R(!0)},[]);n(()=>{const t=w.current;if(!t)return;const e="undefined"!=typeof ResizeObserver?new ResizeObserver(z):null,a=()=>{e&&(e.disconnect(),e.observe(t),t.querySelectorAll('[role="tab"]').forEach(t=>{e.observe(t)}))};z(),a();const r=new MutationObserver(t=>{t.some(t=>"childList"===t.type)&&a(),z()});return r.observe(t,{attributes:!0,childList:!0,subtree:!0,attributeFilter:["data-state"]}),t.addEventListener("scroll",z,{passive:!0}),window.addEventListener("resize",z),()=>{r.disconnect(),e?.disconnect(),t.removeEventListener("scroll",z),window.removeEventListener("resize",z)}},[z]);const C="default"===f&&E;/* @__PURE__ */
|
|
2
|
+
return e(o.List,{ref:t=>{w.current=t,"function"==typeof g?g(t):g&&(g.current=t)},className:l("relative","table"===f?c:"mobile"===f?u:m,b&&d,a),"data-cy":h,"data-testid":N,"data-full-width":b,"data-variant":f,...y,children:[y.children,C&&/* @__PURE__ */t("span",{className:"absolute bottom-0 h-[4px] bg-[var(--color-clickable)] rounded-t-sm transition-all duration-300 ease-in-out pointer-events-none",style:{left:L.left,width:L.width},"aria-hidden":"true"})]})});g.displayName=o.List.displayName;const h=a(({className:e,value:a,variant:r="default","data-cy":s,"data-testid":i,...n},d)=>{const c=s||(a?`tabs-trigger-${a}`:"tabs-trigger"),u=i||(a?`tabs-trigger-${a}`:"tabs-trigger");/* @__PURE__ */
|
|
3
|
+
return t(o.Trigger,{ref:d,className:l("table"===r?b:"mobile"===r?f:v,e),value:a,"data-cy":c,"data-testid":u,...n})});h.displayName=o.Trigger.displayName;const N=a(({className:e,value:a,"data-cy":r,"data-testid":s,...i},n)=>{const d=r||(a?`tabs-content-${a}`:"tabs-content"),c=s||(a?`tabs-content-${a}`:"tabs-content");/* @__PURE__ */
|
|
4
|
+
return t(o.Content,{ref:n,tabIndex:-1,className:l(p,e),value:a,"data-cy":d,"data-testid":c,...i})});N.displayName=o.Content.displayName;export{y as Tabs,N as TabsContent,g as TabsList,h as TabsTrigger};
|
package/dist/index71.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=["inline-flex items-center justify-center self-stretch","h-[var(--button-height)]","py-[var(--button-padding-y)] px-[var(--button-padding-x)]","gap-[var(--button-gap)]","font-bold text-18 leading-none","text-center whitespace-nowrap","border-none rounded-xl","transition-all duration-200 ease-in-out","cursor-pointer select-none","touch-action-manipulation","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),o={"main-orange":["relative overflow-hidden","bg-[var(--color-button-orange)] text-[var(--color-card)]","border-none","btn-focus-orange","hover:bg-gradient-to-r hover:from-[color-mix(in_srgb,var(--color-text)_10%,transparent)] hover:to-[color-mix(in_srgb,var(--color-text)_10%,transparent)]","hover:bg-[var(--color-button-orange)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"main-blue":["relative overflow-hidden","bg-[var(--color-button-blue)] text-[var(--color-card)]","border-none","btn-focus-blue","hover:bg-gradient-to-r hover:from-[color-mix(in_srgb,var(--color-text)_10%,transparent)] hover:to-[color-mix(in_srgb,var(--color-text)_10%,transparent)]","hover:bg-[var(--color-button-blue)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"secondary-orange":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-orange-border)]","border border-solid border-[var(--color-button-orange-border)]","btn-focus-orange-border","hover:bg-[var(--color-overlay-orange-15)]","active:bg-[var(--color-overlay-orange-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-orange"].join(" "),"secondary-blue":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-blue)]","border border-solid border-[var(--color-button-blue)]","btn-focus-blue","hover:bg-[var(--color-overlay-blue-15)]","active:bg-[var(--color-overlay-blue-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-blue"].join(" "),link:["bg-transparent text-[var(--color-button-blue)]","border-none","h-auto py-0 px-0","font-normal","btn-focus-blue","no-underline","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),"no-stroke":["bg-transparent text-[var(--color-button-orange-border)]","border-none","h-auto py-0 px-0","btn-focus-orange-border","no-underline","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),unstyled:""};exports.baseStyles=r,exports.variantStyles=o;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=["inline-flex items-center justify-center self-stretch","h-[var(--button-height)]","py-[var(--button-padding-y)] px-[var(--button-padding-x)]","gap-[var(--button-gap)]","font-bold text-18 leading-none","text-center whitespace-nowrap","border-none rounded-xl","transition-all duration-200 ease-in-out","cursor-pointer select-none","touch-action-manipulation","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),o={"main-orange":["relative overflow-hidden","bg-[var(--color-button-orange)] text-[var(--color-card)]","border-none","btn-focus-orange","hover:bg-gradient-to-r hover:from-[color-mix(in_srgb,var(--color-text)_10%,transparent)] hover:to-[color-mix(in_srgb,var(--color-text)_10%,transparent)]","hover:bg-[var(--color-button-orange)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"main-blue":["relative overflow-hidden","bg-[var(--color-button-blue)] text-[var(--color-card)]","border-none","btn-focus-blue","hover:bg-gradient-to-r hover:from-[color-mix(in_srgb,var(--color-text)_10%,transparent)] hover:to-[color-mix(in_srgb,var(--color-text)_10%,transparent)]","hover:bg-[var(--color-button-blue)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"secondary-orange":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-orange-border)]","border border-solid border-[var(--color-button-orange-border)]","btn-focus-orange-border","hover:bg-[var(--color-overlay-orange-15)]","active:bg-[var(--color-overlay-orange-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-orange"].join(" "),"secondary-blue":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-blue)]","border border-solid border-[var(--color-button-blue)]","btn-focus-blue","hover:bg-[var(--color-overlay-blue-15)]","active:bg-[var(--color-overlay-blue-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-blue"].join(" "),link:["bg-transparent text-[var(--color-button-blue)]","border-none","h-auto py-0 px-0","font-normal","btn-focus-blue","no-underline","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),"no-stroke":["bg-transparent text-[var(--color-button-orange-border)]","border-none","h-auto py-0 px-0","btn-focus-orange-border","no-underline","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),unstyled:""};exports.baseStyles=r,exports.iconSlotStyles="inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",exports.spinnerColorByVariant={"main-orange":"white","main-blue":"white","secondary-orange":"gray","secondary-blue":"gray",link:"gray","no-stroke":"gray",unstyled:"gray"},exports.variantStyles=o;
|
package/dist/index71.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const r=["inline-flex items-center justify-center self-stretch","h-[var(--button-height)]","py-[var(--button-padding-y)] px-[var(--button-padding-x)]","gap-[var(--button-gap)]","font-bold text-18 leading-none","text-center whitespace-nowrap","border-none rounded-xl","transition-all duration-200 ease-in-out","cursor-pointer select-none","touch-action-manipulation","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),
|
|
1
|
+
const r="inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",o=["inline-flex items-center justify-center self-stretch","h-[var(--button-height)]","py-[var(--button-padding-y)] px-[var(--button-padding-x)]","gap-[var(--button-gap)]","font-bold text-18 leading-none","text-center whitespace-nowrap","border-none rounded-xl","transition-all duration-200 ease-in-out","cursor-pointer select-none","touch-action-manipulation","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),e={"main-orange":["relative overflow-hidden","bg-[var(--color-button-orange)] text-[var(--color-card)]","border-none","btn-focus-orange","hover:bg-gradient-to-r hover:from-[color-mix(in_srgb,var(--color-text)_10%,transparent)] hover:to-[color-mix(in_srgb,var(--color-text)_10%,transparent)]","hover:bg-[var(--color-button-orange)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"main-blue":["relative overflow-hidden","bg-[var(--color-button-blue)] text-[var(--color-card)]","border-none","btn-focus-blue","hover:bg-gradient-to-r hover:from-[color-mix(in_srgb,var(--color-text)_10%,transparent)] hover:to-[color-mix(in_srgb,var(--color-text)_10%,transparent)]","hover:bg-[var(--color-button-blue)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"secondary-orange":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-orange-border)]","border border-solid border-[var(--color-button-orange-border)]","btn-focus-orange-border","hover:bg-[var(--color-overlay-orange-15)]","active:bg-[var(--color-overlay-orange-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-orange"].join(" "),"secondary-blue":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-blue)]","border border-solid border-[var(--color-button-blue)]","btn-focus-blue","hover:bg-[var(--color-overlay-blue-15)]","active:bg-[var(--color-overlay-blue-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-blue"].join(" "),link:["bg-transparent text-[var(--color-button-blue)]","border-none","h-auto py-0 px-0","font-normal","btn-focus-blue","no-underline","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),"no-stroke":["bg-transparent text-[var(--color-button-orange-border)]","border-none","h-auto py-0 px-0","btn-focus-orange-border","no-underline","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),unstyled:""},t={"main-orange":"white","main-blue":"white","secondary-orange":"gray","secondary-blue":"gray",link:"gray","no-stroke":"gray",unstyled:"gray"};export{o as baseStyles,r as iconSlotStyles,t as spinnerColorByVariant,e as variantStyles};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,2GAmElB,CAAC"}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
import { ButtonProps } from './Button.types';
|
|
2
|
+
import { SpinnerColor } from '../../feedback/spinner/Spinner.types';
|
|
2
3
|
|
|
4
|
+
/** Wrapper for the icon (and the loading spinner) so both occupy the same slot size. */
|
|
5
|
+
export declare const iconSlotStyles = "inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0";
|
|
3
6
|
export declare const baseStyles: string;
|
|
4
7
|
export declare const variantStyles: Record<NonNullable<ButtonProps['variant']>, string>;
|
|
8
|
+
/** Spinner color per variant: white on filled buttons for contrast, neutral gray everywhere else. */
|
|
9
|
+
export declare const spinnerColorByVariant: Record<NonNullable<ButtonProps['variant']>, SpinnerColor>;
|
|
5
10
|
//# sourceMappingURL=Button.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEzE,wFAAwF;AACxF,eAAO,MAAM,cAAc,sEAAsE,CAAC;AAElG,eAAO,MAAM,UAAU,QAYZ,CAAC;AAEZ,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CA2D7E,CAAC;AAEF,qGAAqG;AACrG,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAQ3F,CAAC"}
|
|
@@ -5,6 +5,12 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
5
5
|
icon?: ReactNode;
|
|
6
6
|
iconPosition?: 'left' | 'right';
|
|
7
7
|
fullWidth?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* When true, shows a loading state: the button is disabled, `aria-busy` is set,
|
|
10
|
+
* and the label stays visible. If an `icon` is present, its slot is swapped for a
|
|
11
|
+
* spinner in the same `iconPosition`; otherwise a leading spinner is shown before the label.
|
|
12
|
+
*/
|
|
13
|
+
loading?: boolean;
|
|
8
14
|
'data-testid'?: string;
|
|
9
15
|
'data-cy'?: string;
|
|
10
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EACJ,aAAa,GACb,WAAW,GACX,kBAAkB,GAClB,gBAAgB,GAChB,MAAM,GACN,WAAW,GACX,UAAU,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
1
|
+
{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EACJ,aAAa,GACb,WAAW,GACX,kBAAkB,GAClB,gBAAgB,GAChB,MAAM,GACN,WAAW,GACX,UAAU,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/spinner/Spinner.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEjE,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAMlD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Spinner.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/spinner/Spinner.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEjE,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAMlD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAOpD,CAAC;AAEF,eAAO,MAAM,UAAU,4CAA4C,CAAC;AACpE,eAAO,MAAM,SAAS,+BAA+B,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
|
|
3
3
|
export type SpinnerSize = 'sm' | 'md' | 'lg' | 'xl' | 'verify';
|
|
4
|
-
export type SpinnerColor = 'action' | 'orange' | 'white' | 'text' | 'teal';
|
|
4
|
+
export type SpinnerColor = 'action' | 'orange' | 'white' | 'text' | 'teal' | 'gray';
|
|
5
5
|
export type SpinnerVariant = 'default' | 'segmented';
|
|
6
6
|
export interface SpinnerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style'> {
|
|
7
7
|
size?: SpinnerSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,QAAQ,CAAC;AAC/D,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Spinner.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,QAAQ,CAAC;AAC/D,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AACpF,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,CAAC;AAErD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACjF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/tabs/Tabs.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAYtF,eAAO,MAAM,IAAI,oHAAqB,CAAC;AAEvC,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Tabs.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/tabs/Tabs.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAYtF,eAAO,MAAM,IAAI,oHAAqB,CAAC;AAEvC,eAAO,MAAM,QAAQ,0GAoHpB,CAAC;AAGF,eAAO,MAAM,WAAW,gHAiCvB,CAAC;AAGF,eAAO,MAAM,WAAW,6GAiBvB,CAAC;AAGF,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}
|