maru_design2 2.31.1 → 3.0.2

package/dist/types/color.d.ts

@@ -0,0 +1,4 @@
+import { COLOR_TOKEN_VALUES } from '../constants/color';
+import type { TColor } from '../enums/color';
+export type TColorToken = keyof typeof COLOR_TOKEN_VALUES;
+export type TColorValue = TColor | TColorToken | 'inherit' | (string & {});

package/dist/types/input.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface TInputTag {
+    /** 태그를 식별하는 고유 값 */
+    value: string;
+    /** 화면에 표시할 태그 이름 */
+    label: React.ReactNode;
+}

package/dist/types/radio.d.ts

@@ -0,0 +1,12 @@
+export declare const TRadioGap: {
+    readonly EightPx: "8px";
+    readonly SixPx: "6px";
+    readonly FourPx: "4px";
+    readonly TwoPx: "2px";
+};
+export type TRadioGap = (typeof TRadioGap)[keyof typeof TRadioGap];
+export declare const TRadioSize: {
+    readonly Md: "md";
+    readonly Sm: "sm";
+};
+export type TRadioSize = (typeof TRadioSize)[keyof typeof TRadioSize];

package/dist/types/tabs.d.ts

@@ -0,0 +1,12 @@
+export interface TabsContextValue {
+    selectedValue: string;
+    focusableValue: string | undefined;
+    onChange: (value: string) => void;
+}
+export interface TabsIndicatorMetrics {
+    offsetLeft: number;
+    width: number;
+    isVisible: boolean;
+    isDisabled: boolean;
+    isPositioned: boolean;
+}

package/dist/types/toast.d.ts

@@ -0,0 +1,29 @@
+import { TToastVariant } from '../enums/variant';
+export declare const TToastLayout: {
+    readonly INLINE: "inline";
+    readonly STACKED: "stacked";
+};
+export type TToastLayout = (typeof TToastLayout)[keyof typeof TToastLayout];
+export interface IToastDetailItem {
+    summary: string;
+    subDetails: string[];
+}
+export interface IToast {
+    variant: TToastVariant;
+    content: string;
+    layout?: TToastLayout;
+    title?: {
+        main: string;
+        sub?: string;
+    };
+    closeButton?: {
+        content: string;
+        onClick: () => void;
+    };
+    revert?: {
+        label: string;
+        onRevert: () => void;
+    };
+    details?: IToastDetailItem[];
+    disableAutoOff?: boolean;
+}

package/dist/types/toggle.d.ts

@@ -0,0 +1,5 @@
+export declare const TToggleSize: {
+    readonly Md: "md";
+    readonly Sm: "sm";
+};
+export type TToggleSize = (typeof TToggleSize)[keyof typeof TToggleSize];

package/package.json

@@ -1,7 +1,26 @@
 {
   "name": "maru_design2",
-  "version": "2.31.1",
+  "version": "3.0.2",
+  "type": "module",
   "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./fonts": {
+      "types": "./dist/fontProvider/index.d.ts",
+      "import": "./dist/fonts.js",
+      "default": "./dist/fonts.js"
+    },
+    "./dist/*": "./dist/*"
+  },
   "author": "zena-42maru",
   "license": "MIT",
   "peerDependencies": {
@@ -29,9 +48,10 @@
     "@storybook/react": "^8.0.9",
     "@storybook/react-webpack5": "^8.0.9",
     "@storybook/test": "^8.0.9",
-    "@types/react": "^17.0.11",
+    "@storybook/test-runner": "~0.17.0",
+    "@types/react": "^18.3.3",
     "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^17.0.8",
+    "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^5.31.0",
     "@typescript-eslint/parser": "^5.31.0",
     "chromatic": "^11.3.0",
@@ -50,6 +70,8 @@
     "postcss": "^8.4.16",
     "postcss-url": "^10.1.3",
     "prettier": "^3.2.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "rollup": "^2.77.3",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
@@ -60,15 +82,21 @@
     "typescript": "^4.7.4"
   },
   "dependencies": {
-    "react": "^17.0.2",
-    "react-datepicker": "^6.9.0",
-    "react-dom": "^17.0.2"
+    "react-datepicker": "^6.9.0"
+  },
+  "resolutions": {
+    "@storybook/core-common": "8.0.9",
+    "@storybook/csf-tools": "8.0.9",
+    "@storybook/preview-api": "8.0.9"
   },
   "scripts": {
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "build": "rollup -c",
-    "release": "rm -rf dist && yarn build && mv README.md temp.md && yarn publish && mv temp.md README.md",
+    "check:colors": "node ./scripts/check-legacy-colors.mjs",
+    "check:package": "node ./scripts/check-package.mjs",
+    "release": "node ./scripts/release.mjs",
+    "test-storybook": "test-storybook --index-json",
     "svg": "node ./scripts/svg-parser.mjs"
   }
 }

package/mise.toml

@@ -1,3 +0,0 @@
-[tools]
-node = "20.12.1"
-yarn = "1.22.22"