@adam-milo/ui 1.0.119 → 1.0.120
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/index3.cjs +1 -1
- package/dist/index3.js +2 -2
- package/dist/index62.cjs +1 -1
- package/dist/index62.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.map +1 -1
- package/dist/src/components/core/button/Button.types.d.ts +2 -2
- package/dist/src/components/core/button/Button.types.d.ts.map +1 -1
- package/package.json +1 -1
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"),n=require("./index58.cjs"),i=require("./index62.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),n=require("./index58.cjs"),i=require("./index62.cjs"),s=t.forwardRef(({variant:t,fullWidth:s=!1,icon:r,iconPosition:a="left",className:l,children:c,disabled:o,"data-testid":d,"data-cy":u,...f},x)=>{const y="unstyled"===t?n.cn(s&&"w-full",l):n.cn("no-underline hover:enabled:opacity-90 transition-opacity duration-200",t&&i.baseStyles,t&&i.variantStyles[t],s&&"w-full",l);return e.jsxs("button",{ref:x,disabled:o,className:y,"data-testid":d||(t?`button-${t}`:"button"),"data-cy":u||(t?`button-${t}`:"button"),...f,children:[r&&"left"===a&&e.jsx("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:r}),c,r&&"right"===a&&e.jsx("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:r})]})});s.displayName="Button",exports.Button=s;
|
package/dist/index3.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as
|
|
2
|
-
return t("button",{ref:p,disabled:
|
|
1
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as n}from"react";import{cn as i}from"./index58.js";import{variantStyles as a,baseStyles as r}from"./index62.js";const s=n(({variant:n,fullWidth:s=!1,icon:l,iconPosition:o="left",className:c,children:d,disabled:f,"data-testid":m,"data-cy":u,...h},p)=>{const b="unstyled"===n?i(s&&"w-full",c):i("no-underline hover:enabled:opacity-90 transition-opacity duration-200",n&&r,n&&a[n],s&&"w-full",c);/* @__PURE__ */
|
|
2
|
+
return t("button",{ref:p,disabled:f,className:b,"data-testid":m||(n?`button-${n}`:"button"),"data-cy":u||(n?`button-${n}`:"button"),...h,children:[l&&"left"===o&&/* @__PURE__ */e("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:l}),d,l&&"right"===o&&/* @__PURE__ */e("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:l})]})});s.displayName="Button";export{s as Button};
|
package/dist/index62.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["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-lg 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:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color: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:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color: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:enabled:bg-[var(--color-overlay-orange-15)]","active:enabled: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:enabled:bg-[var(--color-overlay-blue-15)]","active:enabled: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","hover:enabled:underline hover:enabled:decoration-skip-ink-none","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","hover:enabled:underline hover:enabled:decoration-skip-ink-none","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" ")};exports.baseStyles=e,exports.variantStyles=o;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["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-lg 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:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color: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:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color: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:enabled:bg-[var(--color-overlay-orange-15)]","active:enabled: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:enabled:bg-[var(--color-overlay-blue-15)]","active:enabled: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","hover:enabled:underline hover:enabled:decoration-skip-ink-none","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","hover:enabled:underline hover:enabled:decoration-skip-ink-none","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),unstyled:""};exports.baseStyles=e,exports.variantStyles=o;
|
package/dist/index62.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=["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-lg 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:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color: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:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color: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:enabled:bg-[var(--color-overlay-orange-15)]","active:enabled: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:enabled:bg-[var(--color-overlay-blue-15)]","active:enabled: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","hover:enabled:underline hover:enabled:decoration-skip-ink-none","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","hover:enabled:underline hover:enabled:decoration-skip-ink-none","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" ")};export{e as baseStyles,o as variantStyles};
|
|
1
|
+
const e=["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-lg 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:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color: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:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color: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:enabled:bg-[var(--color-overlay-orange-15)]","active:enabled: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:enabled:bg-[var(--color-overlay-blue-15)]","active:enabled: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","hover:enabled:underline hover:enabled:decoration-skip-ink-none","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","hover:enabled:underline hover:enabled:decoration-skip-ink-none","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),unstyled:""};export{e as baseStyles,o 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;AAGlD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,
|
|
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;AAGlD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,2GAkDlB,CAAC"}
|
|
@@ -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;AAElD,eAAO,MAAM,UAAU,QAYZ,CAAC;AAEZ,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,
|
|
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;AAElD,eAAO,MAAM,UAAU,QAYZ,CAAC;AAEZ,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CA2D7E,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
|
|
3
|
-
export interface ButtonProps extends
|
|
4
|
-
variant?: 'main-orange' | 'main-blue' | 'secondary-orange' | 'secondary-blue' | 'link' | 'no-stroke';
|
|
3
|
+
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
variant?: 'main-orange' | 'main-blue' | 'secondary-orange' | 'secondary-blue' | 'link' | 'no-stroke' | 'unstyled';
|
|
5
5
|
icon?: ReactNode;
|
|
6
6
|
iconPosition?: 'left' | 'right';
|
|
7
7
|
fullWidth?: boolean;
|
|
@@ -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,
|
|
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"}
|