@metamask-previews/design-system-react 0.0.0-preview.6fee845 → 0.0.0-preview.7df341a

package/dist/Text.d.mts

@@ -1,19 +0,0 @@
-import React from "react";
-export declare enum TextVariant {
-    DisplayMd = "display-md",
-    HeadingLg = "heading-lg",
-    HeadingMd = "heading-md",
-    HeadingSm = "heading-sm",
-    BodyLg = "body-lg",
-    BodyMd = "body-md",
-    BodySm = "body-sm",
-    BodyXs = "body-xs"
-}
-interface TextProps {
-    variant: TextVariant;
-    children: React.ReactNode;
-    className?: string;
-}
-export declare const Text: React.FC<TextProps>;
-export {};
-//# sourceMappingURL=Text.d.mts.map

package/dist/Text.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAE1B,oBAAY,WAAW;IAErB,SAAS,eAAe;IAGxB,SAAS,eAAe;IACxB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB;AAED,UAAU,SAAS;IACjB,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuBD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAKpC,CAAC"}

package/dist/Text.mjs

@@ -1,39 +0,0 @@
-function $importDefault(module) {
-    if (module?.__esModule) {
-        return module.default;
-    }
-    return module;
-}
-import $React from "react";
-const React = $importDefault($React);
-export var TextVariant;
-(function (TextVariant) {
-    // Display Sizes
-    TextVariant["DisplayMd"] = "display-md";
-    // Heading Sizes
-    TextVariant["HeadingLg"] = "heading-lg";
-    TextVariant["HeadingMd"] = "heading-md";
-    TextVariant["HeadingSm"] = "heading-sm";
-    // Font Sizes
-    TextVariant["BodyLg"] = "body-lg";
-    TextVariant["BodyMd"] = "body-md";
-    TextVariant["BodySm"] = "body-sm";
-    TextVariant["BodyXs"] = "body-xs";
-})(TextVariant || (TextVariant = {}));
-// Create a mapping from TextVariant to Tailwind class names
-const typographyClassMap = {
-    [TextVariant.DisplayMd]: 'text-s-display-md font-s-display-md leading-s-display-md tracking-s-display-md lg:text-l-display-md lg:font-l-display-md lg:leading-l-display-md lg:tracking-l-display-md',
-    [TextVariant.HeadingLg]: 'text-s-heading-lg font-s-heading-lg leading-s-heading-lg tracking-s-heading-lg lg:text-l-heading-lg lg:font-l-heading-lg lg:leading-l-heading-lg lg:tracking-l-heading-lg',
-    [TextVariant.HeadingMd]: 'text-s-heading-md font-s-heading-md leading-s-heading-md tracking-s-heading-md lg:text-l-heading-md lg:font-l-heading-md lg:leading-l-heading-md lg:tracking-l-heading-md',
-    [TextVariant.HeadingSm]: 'text-s-heading-sm font-s-heading-sm leading-s-heading-sm tracking-s-heading-sm lg:text-l-heading-sm lg:font-l-heading-sm lg:leading-l-heading-sm lg:tracking-l-heading-sm',
-    [TextVariant.BodyLg]: 'text-s-body-lg-medium font-s-body-lg-medium leading-s-body-lg-medium tracking-s-body-lg-medium lg:text-l-body-lg-medium lg:font-l-body-lg-medium lg:leading-l-body-lg-medium lg:tracking-l-body-lg-medium',
-    [TextVariant.BodyMd]: 'text-s-body-md font-s-body-md leading-s-body-md tracking-s-body-md lg:text-l-body-md lg:font-l-body-md lg:leading-l-body-md lg:tracking-l-body-md',
-    [TextVariant.BodySm]: 'text-s-body-sm font-s-body-sm leading-s-body-sm tracking-s-body-sm lg:text-l-body-sm lg:font-l-body-sm lg:leading-l-body-sm lg:tracking-l-body-sm',
-    [TextVariant.BodyXs]: 'text-s-body-xs font-s-body-xs leading-s-body-xs tracking-s-body-xs lg:text-l-body-xs lg:font-l-body-xs lg:leading-l-body-xs lg:tracking-l-body-xs',
-};
-// Update the Text component to use the TextVariant enum
-export const Text = ({ variant, children, className }) => {
-    // Map the TextVariant to corresponding class names from typography.ts
-    const variantClass = typographyClassMap[variant];
-    return React.createElement("p", { className: `${variantClass} ${className}` }, children);
-};

package/dist/Text.stories.cjs

@@ -1,29 +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.Default = void 0;
-const react_1 = __importDefault(require("react"));
-const Text_1 = require("./Text.cjs");
-const meta = {
-    title: 'Components/Text',
-    component: Text_1.Text,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-const variants = [
-    { name: 'DisplayMd', variant: Text_1.TextVariant.DisplayMd },
-    { name: 'HeadingLg', variant: Text_1.TextVariant.HeadingLg },
-    { name: 'HeadingMd', variant: Text_1.TextVariant.HeadingMd },
-    { name: 'HeadingSm', variant: Text_1.TextVariant.HeadingSm },
-    { name: 'BodyLg', variant: Text_1.TextVariant.BodyLg },
-    { name: 'BodyMd', variant: Text_1.TextVariant.BodyMd },
-    { name: 'BodySm', variant: Text_1.TextVariant.BodySm },
-    { name: 'BodyXs', variant: Text_1.TextVariant.BodyXs },
-];
-// Update the AllTypography story to use the CSF3.0 Story format
-exports.Default = {
-    render: () => (react_1.default.createElement("div", { className: "space-y-4 p-4" }, variants.map(({ name, variant }) => (react_1.default.createElement("div", { key: variant },
-        react_1.default.createElement(Text_1.Text, { className: "text-default", variant: variant }, name)))))),
-};

package/dist/Text.stories.d.cts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Text } from "./Text.cjs";
-declare const meta: Meta<typeof Text>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-//# sourceMappingURL=Text.stories.d.cts.map

package/dist/Text.stories.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.stories.d.cts","sourceRoot":"","sources":["../src/Text.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,yBAAyB;AACvD,OAAO,EAAE,IAAI,EAAe,mBAAe;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAI3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAcnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC"}

package/dist/Text.stories.d.mts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Text } from "./Text.mjs";
-declare const meta: Meta<typeof Text>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-//# sourceMappingURL=Text.stories.d.mts.map

package/dist/Text.stories.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.stories.d.mts","sourceRoot":"","sources":["../src/Text.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,yBAAyB;AACvD,OAAO,EAAE,IAAI,EAAe,mBAAe;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAI3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAcnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC"}

package/dist/Text.stories.mjs

@@ -1,30 +0,0 @@
-function $importDefault(module) {
-    if (module?.__esModule) {
-        return module.default;
-    }
-    return module;
-}
-import $React from "react";
-const React = $importDefault($React);
-import { Text, TextVariant } from "./Text.mjs";
-const meta = {
-    title: 'Components/Text',
-    component: Text,
-    tags: ['autodocs'],
-};
-export default meta;
-const variants = [
-    { name: 'DisplayMd', variant: TextVariant.DisplayMd },
-    { name: 'HeadingLg', variant: TextVariant.HeadingLg },
-    { name: 'HeadingMd', variant: TextVariant.HeadingMd },
-    { name: 'HeadingSm', variant: TextVariant.HeadingSm },
-    { name: 'BodyLg', variant: TextVariant.BodyLg },
-    { name: 'BodyMd', variant: TextVariant.BodyMd },
-    { name: 'BodySm', variant: TextVariant.BodySm },
-    { name: 'BodyXs', variant: TextVariant.BodyXs },
-];
-// Update the AllTypography story to use the CSF3.0 Story format
-export const Default = {
-    render: () => (React.createElement("div", { className: "space-y-4 p-4" }, variants.map(({ name, variant }) => (React.createElement("div", { key: variant },
-        React.createElement(Text, { className: "text-default", variant: variant }, name)))))),
-};

package/dist/Text.test.cjs

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const Text_1 = require("./Text.cjs");
-describe('Text Component', () => {
-    it('renders children correctly', () => {
-        (0, react_2.render)(react_1.default.createElement(Text_1.Text, { variant: Text_1.TextVariant.BodyMd }, "Hello, World!"));
-        expect(react_2.screen.getByText('Hello, World!')).toBeInTheDocument();
-    });
-    it('applies the correct variant classes', () => {
-        const { container } = (0, react_2.render)(react_1.default.createElement(Text_1.Text, { variant: Text_1.TextVariant.HeadingLg }, "Heading"));
-        expect(container.firstChild).toHaveClass('text-s-heading-lg font-s-heading-lg leading-s-heading-lg tracking-s-heading-lg lg:text-l-heading-lg lg:font-l-heading-lg lg:leading-l-heading-lg lg:tracking-l-heading-lg');
-    });
-    it('merges additional class names', () => {
-        const { container } = (0, react_2.render)(react_1.default.createElement(Text_1.Text, { variant: Text_1.TextVariant.BodySm, className: "custom-class" }, "Custom Class"));
-        expect(container.firstChild).toHaveClass('text-s-body-sm font-s-body-sm leading-s-body-sm tracking-s-body-sm lg:text-l-body-sm lg:font-l-body-sm lg:leading-l-body-sm lg:tracking-l-body-sm custom-class');
-    });
-});

package/dist/Text.test.d.cts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Text.test.d.cts.map

package/dist/Text.test.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.test.d.cts","sourceRoot":"","sources":["../src/Text.test.tsx"],"names":[],"mappings":""}

package/dist/Text.test.d.mts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Text.test.d.mts.map

package/dist/Text.test.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.test.d.mts","sourceRoot":"","sources":["../src/Text.test.tsx"],"names":[],"mappings":""}

package/dist/Text.test.mjs

@@ -1,25 +0,0 @@
-function $importDefault(module) {
-    if (module?.__esModule) {
-        return module.default;
-    }
-    return module;
-}
-import $React from "react";
-const React = $importDefault($React);
-import $testinglibraryreact from "@testing-library/react";
-const { render, screen } = $testinglibraryreact;
-import { Text, TextVariant } from "./Text.mjs";
-describe('Text Component', () => {
-    it('renders children correctly', () => {
-        render(React.createElement(Text, { variant: TextVariant.BodyMd }, "Hello, World!"));
-        expect(screen.getByText('Hello, World!')).toBeInTheDocument();
-    });
-    it('applies the correct variant classes', () => {
-        const { container } = render(React.createElement(Text, { variant: TextVariant.HeadingLg }, "Heading"));
-        expect(container.firstChild).toHaveClass('text-s-heading-lg font-s-heading-lg leading-s-heading-lg tracking-s-heading-lg lg:text-l-heading-lg lg:font-l-heading-lg lg:leading-l-heading-lg lg:tracking-l-heading-lg');
-    });
-    it('merges additional class names', () => {
-        const { container } = render(React.createElement(Text, { variant: TextVariant.BodySm, className: "custom-class" }, "Custom Class"));
-        expect(container.firstChild).toHaveClass('text-s-body-sm font-s-body-sm leading-s-body-sm tracking-s-body-sm lg:text-l-body-sm lg:font-l-body-sm lg:leading-l-body-sm lg:tracking-l-body-sm custom-class');
-    });
-});

package/dist/index.test.cjs

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const _1 = require("./index.cjs");
-describe('Design System React Index', () => {
-    it('should export Button component', () => {
-        expect(_1.Button).toBeDefined();
-    });
-    it('should export Text component', () => {
-        expect(_1.Text).toBeDefined();
-    });
-});

package/dist/index.test.d.cts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.test.d.cts.map

package/dist/index.test.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.test.d.cts","sourceRoot":"","sources":["../src/index.test.ts"],"names":[],"mappings":""}

package/dist/index.test.d.mts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.test.d.mts.map

package/dist/index.test.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.test.d.mts","sourceRoot":"","sources":["../src/index.test.ts"],"names":[],"mappings":""}

package/dist/index.test.mjs

@@ -1,9 +0,0 @@
-import { Button, Text } from "./index.mjs";
-describe('Design System React Index', () => {
-    it('should export Button component', () => {
-        expect(Button).toBeDefined();
-    });
-    it('should export Text component', () => {
-        expect(Text).toBeDefined();
-    });
-});