@tripie-pyotato/design-system 0.0.0

package/dist/button.d.ts

@@ -0,0 +1,7 @@
+import { ButtonHTMLAttributes, ReactNode } from "react";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    appName: string;
+}
+export declare const Button: ({ children, className, appName, ...others }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=button.d.ts.map

package/dist/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,gDAKhB,WAAW,4CAUb,CAAC"}

package/dist/button.js

@@ -0,0 +1,9 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Button = ({ children, className, appName, ...others }) => {
+    return ((0, jsx_runtime_1.jsx)("button", { className: className, ...others, onClick: () => alert(`Hello from your ${appName} app!`), children: children }));
+};
+exports.Button = Button;

package/dist/common.d.ts

@@ -0,0 +1,12 @@
+import * as CSS from "csstype";
+export type MarginPadding = Partial<Record<"top" | "right" | "bottom" | "left", CSS.Property.Margin<string | number>>>;
+declare enum GlobalColorSet {
+    blue = "54, 143, 255",
+    gray = "58, 58, 58",
+    white = "255, 255, 255",
+    red = "255, 33, 60"
+}
+export type GlobalColors = "blue" | "gray" | "white" | "red";
+export declare function GetGlobalColor(colorString: GlobalColors | string): GlobalColorSet;
+export {};
+//# sourceMappingURL=common.d.ts.map

package/dist/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../src/common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,OAAO,CACjC,MAAM,CACJ,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EACnC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,CACrC,CACF,CAAC;AAEF,aAAK,cAAc;IACjB,IAAI,iBAAiB;IACrB,IAAI,eAAe;IACnB,KAAK,kBAAkB;IACvB,GAAG,gBAAgB;CACpB;AAED,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAE7D,wBAAgB,cAAc,CAAC,WAAW,EAAE,YAAY,GAAG,MAAM,kBAEhE"}

package/dist/common.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GetGlobalColor = void 0;
+var GlobalColorSet;
+(function (GlobalColorSet) {
+    GlobalColorSet["blue"] = "54, 143, 255";
+    GlobalColorSet["gray"] = "58, 58, 58";
+    GlobalColorSet["white"] = "255, 255, 255";
+    GlobalColorSet["red"] = "255, 33, 60";
+})(GlobalColorSet || (GlobalColorSet = {}));
+function GetGlobalColor(colorString) {
+    return GlobalColorSet[colorString] || colorString;
+}
+exports.GetGlobalColor = GetGlobalColor;

package/dist/components/body/_body.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes, ReactNode } from "react";
+import "./_body.scss";
+export interface BodyProps extends HTMLAttributes<HTMLElement> {
+    children: ReactNode;
+}
+declare const Body: ({ children, className, ...props }: BodyProps) => import("react/jsx-runtime").JSX.Element;
+export default Body;
+//# sourceMappingURL=_body.d.ts.map

package/dist/components/body/_body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_body.d.ts","sourceRoot":"","sources":["../../../src/components/body/_body.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC5D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAWD,QAAA,MAAM,IAAI,sCAAuC,SAAS,4CAezD,CAAC;AACF,eAAe,IAAI,CAAC"}

package/dist/components/body/_body.js

@@ -0,0 +1,24 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const local_1 = __importDefault(require("next/font/local"));
+const hooks_1 = require("../../hooks");
+require("./_body.scss");
+const maruBuri = (0, local_1.default)({
+    src: [
+        {
+            path: "../../static/fonts/MaruBuri-Regular.woff",
+            style: "normal",
+        },
+    ],
+});
+const Body = ({ children, className, ...props }) => {
+    const { mode } = (0, hooks_1.useAppTheme)();
+    return ((0, jsx_runtime_1.jsxs)("section", { className: (0, classnames_1.default)(className, mode, maruBuri.className), ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: "background-container", children: [(0, jsx_runtime_1.jsx)("div", { className: "stars" }), (0, jsx_runtime_1.jsx)("div", { className: "twinkling" })] }), (0, jsx_runtime_1.jsx)("div", { className: "layout-wrap", children: children })] }));
+};
+exports.default = Body;

package/dist/components/body/_body.stories.d.ts

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

package/dist/components/body/_body.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_body.stories.d.ts","sourceRoot":"","sources":["../../../src/components/body/_body.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAkB3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

package/dist/components/body/_body.stories.js

@@ -0,0 +1,36 @@
+"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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("../../hooks");
+const _body_1 = __importDefault(require("./_body"));
+const meta = {
+    title: "tripie-ui/Body",
+    tags: ["autodocs"],
+    component: _body_1.default,
+    decorators: [
+        (story, context) => {
+            const { mode, setMode, setControl } = (0, hooks_1.useAppTheme)();
+            const selectedTheme = context.globals.theme || mode;
+            (0, react_1.useEffect)(() => {
+                setMode(selectedTheme);
+                setControl("user");
+            }, [selectedTheme]);
+            return (0, jsx_runtime_1.jsx)("div", { className: `${context.globals.theme}`, children: story() });
+        },
+    ],
+};
+exports.default = meta;
+exports.Default = {
+    name: "Default",
+    args: {
+        children: "default theme",
+        style: {
+            width: "100%",
+        },
+    },
+};

package/dist/components/body/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./_body";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/body/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/body/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/body/index.js

@@ -0,0 +1,8 @@
+"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;
+var _body_1 = require("./_body");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(_body_1).default; } });

package/dist/components/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Body } from "./body";
+export { default as MyButton } from "./myButton";
+export { default as Headers } from "./typography";
+export { default as Text } from "./typography/text";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = exports.Headers = exports.MyButton = exports.Body = void 0;
+var body_1 = require("./body");
+Object.defineProperty(exports, "Body", { enumerable: true, get: function () { return __importDefault(body_1).default; } });
+var myButton_1 = require("./myButton");
+Object.defineProperty(exports, "MyButton", { enumerable: true, get: function () { return __importDefault(myButton_1).default; } });
+var typography_1 = require("./typography");
+Object.defineProperty(exports, "Headers", { enumerable: true, get: function () { return __importDefault(typography_1).default; } });
+var text_1 = require("./typography/text");
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return __importDefault(text_1).default; } });

package/dist/components/myButton/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./myButton";
+export { default } from "./myButton";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/myButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/myButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/myButton/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./myButton"), exports);
+var myButton_1 = require("./myButton");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(myButton_1).default; } });

package/dist/components/myButton/my-button.d.ts

@@ -0,0 +1,4 @@
+export declare const MyButton: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=my-button.d.ts.map

package/dist/components/myButton/my-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"my-button.d.ts","sourceRoot":"","sources":["../../../src/components/myButton/my-button.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;cAA8B,MAAM,SAAS;6CAOjE,CAAC"}

package/dist/components/myButton/my-button.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MyButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MyButton = ({ children }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { children: "MyButton Component" }), children] }));
+};
+exports.MyButton = MyButton;

package/dist/components/myButton/myButton.d.ts

@@ -0,0 +1,7 @@
+import { ButtonHTMLAttributes, ReactNode } from "react";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+}
+declare const MyButton: ({ children, className, ...others }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default MyButton;
+//# sourceMappingURL=myButton.d.ts.map

package/dist/components/myButton/myButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"myButton.d.ts","sourceRoot":"","sources":["../../../src/components/myButton/myButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAIlE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,QAAQ,uCAAwC,WAAW,4CAWhE,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/dist/components/myButton/myButton.js

@@ -0,0 +1,16 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bind_1 = __importDefault(require("classnames/bind"));
+const react_1 = require("react");
+const mybutton_module_scss_1 = __importDefault(require("./mybutton.module.scss"));
+const style = bind_1.default.bind(mybutton_module_scss_1.default);
+const MyButton = ({ children, className, ...others }) => {
+    const [clicked, setClicked] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsx)("button", { className: style(className, "button", clicked && "clicked"), onClick: () => setClicked(!clicked), ...others, children: children }));
+};
+exports.default = MyButton;

package/dist/components/myButton/myButton.stories.d.ts

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

package/dist/components/myButton/myButton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"myButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/myButton/myButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAU/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC"}

package/dist/components/myButton/myButton.stories.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const myButton_1 = __importDefault(require("./myButton"));
+const meta = {
+    title: "Example/MyButton",
+    component: myButton_1.default,
+    tags: ["autodocs"],
+    argTypes: {
+        type: {
+            control: { type: "radio" },
+            options: ["button", "submit", "reset"],
+        },
+    },
+};
+exports.default = meta;
+exports.Primary = {
+    name: "Button",
+    args: {
+        children: "primary button",
+        type: "button",
+        style: {
+        // color: "blue",
+        // border: "1px solid gray",
+        // padding: 10,
+        // borderRadius: 10,
+        },
+    },
+};

package/dist/components/typography/_typography.d.ts

@@ -0,0 +1,23 @@
+import { TextProps } from "./text/_text";
+interface HeadingProps extends TextProps {
+    emphasize?: boolean;
+    headline?: string[] | null | string;
+}
+declare const Heading: {
+    ({ children, headline, emphasize, bold, isTitle, size, }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+    H0: ({ children }: {
+        children: string[] | string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    H1: ({ children, headline }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+    H2: ({ children }: {
+        children: string[] | string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    H3: ({ children }: {
+        children: string[] | string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    H4: ({ children }: {
+        children: string[] | string;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default Heading;
+//# sourceMappingURL=_typography.d.ts.map

package/dist/components/typography/_typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/_typography.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,UAAU,YAAa,SAAQ,SAAS;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,MAAM,CAAC;CACrC;AAID,QAAA,MAAM,OAAO;8DAOV,YAAY;;kBA0DuB,MAAM,EAAE,GAAG,MAAM;;iCA9BnB,YAAY;;kBAsCV,MAAM,EAAE,GAAG,MAAM;;;kBAIjB,MAAM,EAAE,GAAG,MAAM;;;kBAIjB,MAAM,EAAE,GAAG,MAAM;;CAhDtD,CAAC;AA0DF,eAAe,OAAO,CAAC"}

package/dist/components/typography/_typography.js

@@ -0,0 +1,35 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bind_1 = __importDefault(require("classnames/bind"));
+const text_1 = __importDefault(require("./text"));
+const _text_module_scss_1 = __importDefault(require("./text/_text.module.scss"));
+const style = bind_1.default.bind(_text_module_scss_1.default);
+const Heading = ({ children, headline = null, emphasize, bold, isTitle = true, size = "h1", }) => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [headline && ((0, jsx_runtime_1.jsx)(text_1.default, { size: "default", color: "secondary", dim: true, bold: true, hasHeadline: true, children: headline })), (0, jsx_runtime_1.jsx)(text_1.default, { color: "primary", hasHeadline: true, size: size, bold: bold, isTitle: isTitle, emphasize: emphasize, children: children })] }));
+};
+const H1 = ({ children, headline }) => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [headline && ((0, jsx_runtime_1.jsx)(text_1.default, { size: "default", color: "secondary", dim: true, bold: true, hasHeadline: true, children: headline })), (0, jsx_runtime_1.jsx)("h1", { className: style("primary", "h1", "bold", "hasHeadline", "title", "emphasize"), children: children })] }));
+};
+const H0 = ({ children }) => {
+    return ((0, jsx_runtime_1.jsx)(Heading, { color: "gray", size: "h0", children: children }));
+};
+const H2 = ({ children }) => {
+    return (0, jsx_runtime_1.jsx)("h3", { className: style("title", "gray", "h2"), children: children });
+};
+const H3 = ({ children }) => {
+    return (0, jsx_runtime_1.jsx)("h3", { className: style("title", "bold", "gray", "h3"), children: children });
+};
+const H4 = ({ children }) => {
+    return (0, jsx_runtime_1.jsx)("h4", { className: style("title", "bold", "secondary"), children: children });
+};
+Heading.H0 = H0;
+Heading.H1 = H1;
+Heading.H2 = H2;
+Heading.H3 = H3;
+Heading.H4 = H4;
+exports.default = Heading;

package/dist/components/typography/_typography.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Heading from "./_typography";
+declare const meta: Meta<typeof Heading>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const H1Emphasized: Story;
+export declare const H0: Story;
+export declare const H1WithHeadline: Story;
+export declare const H2: Story;
+export declare const H3: Story;
+export declare const H4: Story;
+//# sourceMappingURL=_typography.stories.d.ts.map

package/dist/components/typography/_typography.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_typography.stories.d.ts","sourceRoot":"","sources":["../../../src/components/typography/_typography.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,OAAO,MAAM,eAAe,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAiB9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,KAShB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,KAShB,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,KAShB,CAAC;AACF,eAAO,MAAM,EAAE,EAAE,KAShB,CAAC"}

package/dist/components/typography/_typography.stories.js

@@ -0,0 +1,89 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.H4 = exports.H3 = exports.H2 = exports.H1WithHeadline = exports.H0 = exports.H1Emphasized = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("../../hooks");
+const _typography_1 = __importDefault(require("./_typography"));
+const meta = {
+    title: "tripie-ui/Typography/Headings",
+    tags: ["autodocs"],
+    component: _typography_1.default,
+    decorators: [
+        (story, context) => {
+            const { mode, setMode, setControl } = (0, hooks_1.useAppTheme)();
+            const selectedTheme = context.globals.theme || mode;
+            (0, react_1.useEffect)(() => {
+                setMode(selectedTheme);
+                setControl("user");
+            }, [selectedTheme]);
+            return (0, jsx_runtime_1.jsx)("div", { className: `${context.globals.theme}`, children: story() });
+        },
+    ],
+};
+exports.default = meta;
+exports.Default = {
+    name: "Default",
+    args: {
+        children: "default 기본",
+        emphasize: false,
+        headline: null,
+    },
+};
+exports.H1Emphasized = {
+    name: "H1Emphasized",
+    args: {
+        children: "Lorem ipsum dolor sit",
+        emphasize: true,
+    },
+};
+exports.H0 = {
+    name: "H0",
+    decorators: [
+        (story) => {
+            return story().type.H0({
+                children: "Lorem ipsum dolor sit",
+            });
+        },
+    ],
+};
+exports.H1WithHeadline = {
+    name: "H1WithHeadline",
+    args: {
+        children: "Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n Nihil ea libero itaque sunt corrupti, nulla asperiores nesciunt distinctio sint ad harum quia minus soluta eveniet eius vero ducimus? Eum, quae? orem ipsum dolor sit amet, consectetur adipisicing elit. Nihil ea libero itaque sunt corrupti, nulla asperiores nesciunt distinctio sint ad harum quia minus soluta eveniet eius vero ducimus? Eum, quae? \n\n orem ipsum dolor sit amet, consectetur adipisicing elit. Nihil ea libero itaque sunt corrupti, nulla asperiores nesciunt distinctio sint ad harum quia minus soluta eveniet eius vero ducimus? Eum, quae? \n orem ipsum dolor sit amet, consectetur adipisicing elit. Nihil ea libero itaque sunt corrupti, nulla asperiores nesciunt distinctio sint ad harum quia minus soluta eveniet eius vero ducimus? Eum, quae? orem ipsum dolor sit amet, consectetur adipisicing elit. Nihil ea libero itaque sunt corrupti, nulla asperiores nesciunt distinctio sint ad harum quia minus soluta eveniet eius vero ducimus? Eum, quae? orem ipsum dolor sit amet, consectetur adipisicing elit. Nihil ea libero itaque sunt corrupti, nulla asperiores nesciunt distinctio sint ad harum quia minus soluta eveniet eius vero ducimus? Eum, quae? orem ipsum dolor sit amet, consectetur adipisicing elit. Nihil ea libero itaque sunt corrupti, nulla asperiores nesciunt distinctio sint ad harum quia minus soluta eveniet eius vero ducimus? Eum, quae? orem ipsum dolor sit amet, consectetur adipisicing elit. Nihil ea libero itaque sunt corrupti, nulla asperiores nesciunt distinctio sint ad harum quia minus soluta eveniet eius vero ducimus? Eum, quae?",
+        headline: "Lorem ipsum dolor sit amet",
+    },
+};
+exports.H2 = {
+    name: "H2",
+    decorators: [
+        (story) => {
+            return story().type.H2({
+                children: "Lorem ipsum dolor sit",
+            });
+        },
+    ],
+};
+exports.H3 = {
+    name: "H3",
+    decorators: [
+        (story) => {
+            return story().type.H3({
+                children: "Lorem ipsum dolor sit",
+            });
+        },
+    ],
+};
+exports.H4 = {
+    name: "H4",
+    decorators: [
+        (story) => {
+            return story().type.H4({
+                children: "Lorem ipsum dolor sit",
+            });
+        },
+    ],
+};

package/dist/components/typography/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./_typography";
+export { default } from "./_typography";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/typography/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./_typography"), exports);
+var _typography_1 = require("./_typography");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(_typography_1).default; } });

package/dist/components/typography/text/_text.d.ts

@@ -0,0 +1,19 @@
+export interface TextProps {
+    children: string[] | string;
+    preLine?: boolean;
+    dim?: boolean;
+    isTitle?: boolean;
+    size?: "default" | "h0" | "h1" | "h2" | "h3" | "h4" | "text" | "small" | "tiny";
+    color?: "primary" | "secondary" | "danger" | "warning" | "gray";
+    hasHeadline?: boolean;
+    emphasize?: boolean;
+    bold?: boolean;
+}
+declare const Text: {
+    ({ children, preLine, dim, color, isTitle, size, emphasize, bold, hasHeadline, }: TextProps): import("react/jsx-runtime").JSX.Element;
+    Paragraph: ({ children }: {
+        children: string[] | string;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default Text;
+//# sourceMappingURL=_text.d.ts.map

package/dist/components/typography/text/_text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/text/_text.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EACD,SAAS,GACT,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,OAAO,GACP,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,QAAA,MAAM,IAAI;sFAUP,SAAS;;kBAmBiC,MAAM,EAAE,GAAG,MAAM;;CAF7D,CAAC;AAQF,eAAe,IAAI,CAAC"}

package/dist/components/typography/text/_text.js

@@ -0,0 +1,18 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bind_1 = __importDefault(require("classnames/bind"));
+const _text_module_scss_1 = __importDefault(require("./_text.module.scss"));
+const style = bind_1.default.bind(_text_module_scss_1.default);
+const Text = ({ children, preLine = true, dim = false, color = "primary", isTitle = false, size = "text", emphasize = false, bold = false, hasHeadline = false, }) => {
+    return ((0, jsx_runtime_1.jsx)("p", { className: style(size, color, isTitle ? "title" : "text", preLine ?? "full", dim && "dim", bold ? "bold" : null, emphasize && "emphasize", hasHeadline && "has-headline"), children: children }));
+};
+const Paragraph = ({ children }) => {
+    return (0, jsx_runtime_1.jsx)("p", { className: style("text", "full"), children: children });
+};
+Text.Paragraph = Paragraph;
+exports.default = Text;

package/dist/components/typography/text/_text.stories.d.ts

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

package/dist/components/typography/text/_text.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_text.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/text/_text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAiB3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KActC,CAAC"}