@metamask-previews/design-system-react 0.0.0-preview.ad2f94b → 0.0.0-preview.c0b5e45

package/dist/components/button-link/ButtonLink.cjs

@@ -1,32 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonLink = void 0;
-const react_1 = __importDefault(require("react"));
-const tw_merge_1 = require("../../utils/tw-merge.cjs");
-const button_base_1 = require("../button-base/index.cjs");
-exports.ButtonLink = react_1.default.forwardRef(({ className, isDanger, isDisabled, isLoading, ...props }, ref) => {
-    const isInteractive = !(isDisabled ?? isLoading);
-    const mergedClassName = (0, tw_merge_1.twMerge)(
-    // Base styles (always applied)
-    'bg-transparent', 
-    // Text color based on variant
-    isDanger ? 'text-error-default' : 'text-primary-default', 
-    // Interactive styles
-    isInteractive && [
-        'transition-[transform,colors,opacity]',
-        'duration-100',
-        'ease-linear',
-        'hover:bg-hover',
-        'active:bg-pressed',
-        'active:scale-95',
-        'active:ease-[cubic-bezier(0.3,0.8,0.3,1)]',
-    ], 
-    // Disabled/Loading styles
-    !isInteractive && ['opacity-50', 'cursor-not-allowed'], className);
-    return (react_1.default.createElement(button_base_1.ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, ...props }));
-});
-exports.ButtonLink.displayName = 'ButtonLink';
-//# sourceMappingURL=ButtonLink.cjs.map

package/dist/components/button-link/ButtonLink.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.cjs","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAA+C;AAC/C,0DAA4C;AAG/B,QAAA,UAAU,GAAG,eAAK,CAAC,UAAU,CACxC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,+BAA+B;IAC/B,gBAAgB;IAChB,8BAA8B;IAC9B,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB;IACxD,qBAAqB;IACrB,aAAa,IAAI;QACf,uCAAuC;QACvC,cAAc;QACd,aAAa;QACb,gBAAgB;QAChB,mBAAmB;QACnB,iBAAiB;QACjB,2CAA2C;KAC5C;IACD,0BAA0B;IAC1B,CAAC,aAAa,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EACtD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport type { ButtonLinkProps } from './ButtonLink.types';\n\nexport const ButtonLink = React.forwardRef<HTMLButtonElement, ButtonLinkProps>(\n  ({ className, isDanger, isDisabled, isLoading, ...props }, ref) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Base styles (always applied)\n      'bg-transparent',\n      // Text color based on variant\n      isDanger ? 'text-error-default' : 'text-primary-default',\n      // Interactive styles\n      isInteractive && [\n        'transition-[transform,colors,opacity]',\n        'duration-100',\n        'ease-linear',\n        'hover:bg-hover',\n        'active:bg-pressed',\n        'active:scale-95',\n        'active:ease-[cubic-bezier(0.3,0.8,0.3,1)]',\n      ],\n      // Disabled/Loading styles\n      !isInteractive && ['opacity-50', 'cursor-not-allowed'],\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        {...props}\n      />\n    );\n  },\n);\n\nButtonLink.displayName = 'ButtonLink';\n"]}

package/dist/components/button-link/ButtonLink.d.cts

@@ -1,4 +0,0 @@
-import React from "react";
-import type { ButtonLinkProps } from "./ButtonLink.types.cjs";
-export declare const ButtonLink: React.ForwardRefExoticComponent<Omit<ButtonLinkProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=ButtonLink.d.cts.map

package/dist/components/button-link/ButtonLink.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.d.cts","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,wGAkCtB,CAAC"}

package/dist/components/button-link/ButtonLink.d.mts

@@ -1,4 +0,0 @@
-import React from "react";
-import type { ButtonLinkProps } from "./ButtonLink.types.mjs";
-export declare const ButtonLink: React.ForwardRefExoticComponent<Omit<ButtonLinkProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=ButtonLink.d.mts.map

package/dist/components/button-link/ButtonLink.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.d.mts","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,wGAkCtB,CAAC"}

package/dist/components/button-link/ButtonLink.mjs

@@ -1,33 +0,0 @@
-function $importDefault(module) {
-    if (module?.__esModule) {
-        return module.default;
-    }
-    return module;
-}
-import $React from "react";
-const React = $importDefault($React);
-import { twMerge } from "../../utils/tw-merge.mjs";
-import { ButtonBase } from "../button-base/index.mjs";
-export const ButtonLink = React.forwardRef(({ className, isDanger, isDisabled, isLoading, ...props }, ref) => {
-    const isInteractive = !(isDisabled ?? isLoading);
-    const mergedClassName = twMerge(
-    // Base styles (always applied)
-    'bg-transparent', 
-    // Text color based on variant
-    isDanger ? 'text-error-default' : 'text-primary-default', 
-    // Interactive styles
-    isInteractive && [
-        'transition-[transform,colors,opacity]',
-        'duration-100',
-        'ease-linear',
-        'hover:bg-hover',
-        'active:bg-pressed',
-        'active:scale-95',
-        'active:ease-[cubic-bezier(0.3,0.8,0.3,1)]',
-    ], 
-    // Disabled/Loading styles
-    !isInteractive && ['opacity-50', 'cursor-not-allowed'], className);
-    return (React.createElement(ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, ...props }));
-});
-ButtonLink.displayName = 'ButtonLink';
-//# sourceMappingURL=ButtonLink.mjs.map

package/dist/components/button-link/ButtonLink.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.mjs","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,UAAU,EAAE,iCAAuB;AAG5C,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,OAAO;IAC7B,+BAA+B;IAC/B,gBAAgB;IAChB,8BAA8B;IAC9B,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB;IACxD,qBAAqB;IACrB,aAAa,IAAI;QACf,uCAAuC;QACvC,cAAc;QACd,aAAa;QACb,gBAAgB;QAChB,mBAAmB;QACnB,iBAAiB;QACjB,2CAA2C;KAC5C;IACD,0BAA0B;IAC1B,CAAC,aAAa,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EACtD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport type { ButtonLinkProps } from './ButtonLink.types';\n\nexport const ButtonLink = React.forwardRef<HTMLButtonElement, ButtonLinkProps>(\n  ({ className, isDanger, isDisabled, isLoading, ...props }, ref) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Base styles (always applied)\n      'bg-transparent',\n      // Text color based on variant\n      isDanger ? 'text-error-default' : 'text-primary-default',\n      // Interactive styles\n      isInteractive && [\n        'transition-[transform,colors,opacity]',\n        'duration-100',\n        'ease-linear',\n        'hover:bg-hover',\n        'active:bg-pressed',\n        'active:scale-95',\n        'active:ease-[cubic-bezier(0.3,0.8,0.3,1)]',\n      ],\n      // Disabled/Loading styles\n      !isInteractive && ['opacity-50', 'cursor-not-allowed'],\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        {...props}\n      />\n    );\n  },\n);\n\nButtonLink.displayName = 'ButtonLink';\n"]}

package/dist/components/button-link/ButtonLink.types.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.types.cjs","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\n\nexport type ButtonLinkProps = Omit<\n  ButtonBaseProps,\n  'className' | 'isDisabled' | 'isLoading' | 'style'\n> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the ButtonLink component\n   */\n  className?: string;\n  /**\n   * Optional prop that when true, applies error/danger styling to the button\n   * @default false\n   */\n  isDanger?: boolean;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop that when true, shows a loading spinner\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n};\n"]}

package/dist/components/button-link/ButtonLink.types.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.types.d.cts","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AAEtD,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EACf,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CACnD,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/button-link/ButtonLink.types.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.types.d.mts","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AAEtD,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EACf,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CACnD,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/button-link/ButtonLink.types.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ButtonLink.types.mjs.map

package/dist/components/button-link/ButtonLink.types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.types.mjs","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\n\nexport type ButtonLinkProps = Omit<\n  ButtonBaseProps,\n  'className' | 'isDisabled' | 'isLoading' | 'style'\n> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the ButtonLink component\n   */\n  className?: string;\n  /**\n   * Optional prop that when true, applies error/danger styling to the button\n   * @default false\n   */\n  isDanger?: boolean;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop that when true, shows a loading spinner\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n};\n"]}

package/dist/components/button-link/index.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonLinkSize = exports.ButtonLink = void 0;
-var ButtonLink_1 = require("./ButtonLink.cjs");
-Object.defineProperty(exports, "ButtonLink", { enumerable: true, get: function () { return ButtonLink_1.ButtonLink; } });
-var button_base_1 = require("../button-base/index.cjs");
-Object.defineProperty(exports, "ButtonLinkSize", { enumerable: true, get: function () { return button_base_1.ButtonBaseSize; } });
-//# sourceMappingURL=index.cjs.map

package/dist/components/button-link/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/button-link/index.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,wDAAkE;AAAzD,6GAAA,cAAc,OAAkB","sourcesContent":["export { ButtonLink } from './ButtonLink';\nexport type { ButtonLinkProps } from './ButtonLink.types';\nexport { ButtonBaseSize as ButtonLinkSize } from '../button-base';\n"]}

package/dist/components/button-link/index.d.cts

@@ -1,4 +0,0 @@
-export { ButtonLink } from "./ButtonLink.cjs";
-export type { ButtonLinkProps } from "./ButtonLink.types.cjs";
-export { ButtonBaseSize as ButtonLinkSize } from "../button-base/index.cjs";
-//# sourceMappingURL=index.d.cts.map

package/dist/components/button-link/index.d.mts

@@ -1,4 +0,0 @@
-export { ButtonLink } from "./ButtonLink.mjs";
-export type { ButtonLinkProps } from "./ButtonLink.types.mjs";
-export { ButtonBaseSize as ButtonLinkSize } from "../button-base/index.mjs";
-//# sourceMappingURL=index.d.mts.map

package/dist/components/button-link/index.mjs

@@ -1,3 +0,0 @@
-export { ButtonLink } from "./ButtonLink.mjs";
-export { ButtonBaseSize as ButtonLinkSize } from "../button-base/index.mjs";
-//# sourceMappingURL=index.mjs.map

package/dist/components/button-link/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/button-link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAE1C,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,iCAAuB","sourcesContent":["export { ButtonLink } from './ButtonLink';\nexport type { ButtonLinkProps } from './ButtonLink.types';\nexport { ButtonBaseSize as ButtonLinkSize } from '../button-base';\n"]}