ddingdong-design-system 0.1.0

package/dist/shared/ui/Typography/Typography.d.ts

@@ -0,0 +1,39 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+type TypographyVariant = 'Title1' | 'Title2' | 'Title3' | 'Body1' | 'Body2' | 'Body3' | 'Caption1';
+type FontWeight = 'normal' | 'medium' | 'semibold' | 'bold';
+type AllowedTag = 'p' | 'div' | 'label' | 'span';
+type TypographyProps<T extends AllowedTag> = {
+    /**
+     * The HTML element to use for the typography component.
+     */
+    as?: T;
+    /**
+     * The variant of the typography component.
+     * @default 'Body1'
+     */
+    variant?: TypographyVariant;
+    /**
+     * The font weight of the typography component.
+     *  @default 'medium'
+     */
+    weight?: FontWeight;
+    /**
+     * Additional CSS classes to apply to the typography component.
+     */
+    className?: string;
+    /**
+     * The content of the typography component.
+     */
+    children?: ReactNode;
+} & Omit<ComponentPropsWithoutRef<T>, 'as' | 'className' | 'children'>;
+export declare function Typography<T extends AllowedTag = 'p'>({ as, weight, className, children, ...props }: TypographyProps<T>): import('react').ReactElement<{
+    className: string;
+} & Omit<TypographyProps<T>, "className" | "children" | "as" | "weight">, string | import('react').JSXElementConstructor<any>>;
+export declare const Title1: <T extends AllowedTag = "p">(props: Omit<TypographyProps<T>, "variant">) => import("react/jsx-runtime").JSX.Element;
+export declare const Title2: <T extends AllowedTag = "p">(props: Omit<TypographyProps<T>, "variant">) => import("react/jsx-runtime").JSX.Element;
+export declare const Title3: <T extends AllowedTag = "p">(props: Omit<TypographyProps<T>, "variant">) => import("react/jsx-runtime").JSX.Element;
+export declare const Body1: <T extends AllowedTag = "p">(props: Omit<TypographyProps<T>, "variant">) => import("react/jsx-runtime").JSX.Element;
+export declare const Body2: <T extends AllowedTag = "p">(props: Omit<TypographyProps<T>, "variant">) => import("react/jsx-runtime").JSX.Element;
+export declare const Body3: <T extends AllowedTag = "p">(props: Omit<TypographyProps<T>, "variant">) => import("react/jsx-runtime").JSX.Element;
+export declare const Caption1: <T extends AllowedTag = "p">(props: Omit<TypographyProps<T>, "variant">) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/Typography/index.d.ts

@@ -0,0 +1 @@
+export { Title1, Title2, Title3, Caption1, Body1, Body2, Body3 } from './Typography';

package/dist/shared/ui/assets/index.d.ts

@@ -0,0 +1,22 @@
+export declare const Icons: {
+    add: string;
+    arrowDown: string;
+    arrowUp: string;
+    arrowLeft: string;
+    arrowRight: string;
+    check: string;
+    close: string;
+    download: string;
+    etc: string;
+    list: string;
+    navbarArrow: string;
+    new: string;
+    pin: string;
+    trash: string;
+    write: string;
+    loading: string;
+    instagram: string;
+    youtube: string;
+};
+export type IconName = keyof typeof Icons;
+export declare const iconNames: IconName[];

package/package.json

@@ -0,0 +1,111 @@
+{
+  "name": "ddingdong-design-system",
+  "version": "0.1.0",
+  "type": "module",
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "design-system"
+  ],
+  "author": "ddingdong-fe",
+  "license": "MIT",
+  "homepage": "https://github.com/COW-dev/ddingdong2.0#readme",
+  "main": "./dist/ddingdong-design-system.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/ddingdong-design-system.es.js",
+      "require": "./dist/ddingdong-design-system.umd.js"
+    },
+    "./styles.css": "./dist/ddingdong-design-system.css"
+  },
+  "scripts": {
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepare": "husky && husky install"
+  },
+  "dependencies": {
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^2.6.0"
+  },
+  "peerDependencies": {
+    "@radix-ui/react-accordion": "^1.0.0",
+    "@radix-ui/react-switch": "^1.0.0",
+    "framer-motion": "^11.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.1.12"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.3",
+    "@eslint/eslintrc": "^3.2.0",
+    "@radix-ui/react-accordion": "^1.2.2",
+    "@radix-ui/react-switch": "^1.1.2",
+    "@storybook/addon-a11y": "^8.6.14",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-onboarding": "^8.6.14",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@storybook/test": "^8.6.14",
+    "@svgr/webpack": "^8.1.0",
+    "@tailwindcss/postcss": "^4.1.12",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@typescript-eslint/eslint-plugin": "^8.19.0",
+    "@typescript-eslint/parser": "^8.19.0",
+    "@vitejs/plugin-react-swc": "^3.11.0",
+    "autoprefixer": "^10.4.20",
+    "chromatic": "^11.22.0",
+    "eslint": "^8.57.1",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^3.7.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.3",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "^0.11.2",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-vitest-globals": "^1.5.0",
+    "framer-motion": "^11.18.2",
+    "husky": "^9.1.7",
+    "lint-staged": "^15.3.0",
+    "postcss": "^8.5.6",
+    "prettier": "^3.4.2",
+    "prettier-plugin-tailwindcss": "^0.6.9",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "storybook": "^8.6.14",
+    "typescript": "^5",
+    "vite": "^6.3.5",
+    "vite-plugin-svgr": "^4.3.0",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "lint-staged": {
+    "src/**/*.{js,jsx,ts,tsx}": [
+      "eslint --ext .tsx --ext .ts src/",
+      "prettier --write"
+    ],
+    "*.js": "eslint --cache --fix"
+  }
+}