@nurihaus/web-design-system 2.0.9 → 3.0.0

package/dist/tokens/generated/colors.d.ts

@@ -0,0 +1,106 @@
+/** @deprecated `primitive` 를 쓴다. 2.x 호환으로 남겨둔 평평한 색상 맵. */
+export declare const colors: {
+    readonly transparent: "transparent";
+    readonly "purple-50": "#F4EFFA";
+    readonly "purple-100": "#E9E0F5";
+    readonly "purple-200": "#DDD1F0";
+    readonly "purple-300": "#C3B4DD";
+    readonly "purple-400": "#A894C7";
+    readonly "purple-500": "#957EB4";
+    readonly "purple-600": "#6F56A3";
+    readonly "purple-700": "#4C277C";
+    readonly "purple-800": "#4C1D88";
+    readonly "purple-900": "#391D5D";
+    readonly "grey-scale-50": "#FAFAFA";
+    readonly "grey-scale-100": "#F4F4F5";
+    readonly "grey-scale-200": "#E4E4E7";
+    readonly "grey-scale-300": "#D4D4D8";
+    readonly "grey-scale-400": "#A1A1AA";
+    readonly "grey-scale-500": "#71717A";
+    readonly "grey-scale-600": "#52525B";
+    readonly "grey-scale-700": "#3F3F46";
+    readonly "grey-scale-800": "#27272A";
+    readonly "grey-scale-900": "#18181B";
+    readonly "accent-red-50": "#FFF5F6";
+    readonly "accent-red-100": "#FFE8E9";
+    readonly "accent-red-200": "#FBCFD2";
+    readonly "accent-red-300": "#F39AA0";
+    readonly "accent-red-400": "#E86F77";
+    readonly "accent-red-500": "#DF535C";
+    readonly "accent-red-600": "#C94751";
+    readonly "accent-red-700": "#B02E4C";
+    readonly "accent-red-800": "#8F243A";
+    readonly "accent-red-900": "#6E1A2C";
+    readonly "accent-pink-50": "#FFF1F6";
+    readonly "accent-pink-100": "#FFE4EE";
+    readonly "accent-pink-200": "#FECFE3";
+    readonly "accent-pink-300": "#FDA4CC";
+    readonly "accent-pink-400": "#F472B6";
+    readonly "accent-pink-500": "#EC6FAE";
+    readonly "accent-pink-600": "#D95D9A";
+    readonly "accent-pink-700": "#B94A7E";
+    readonly "accent-pink-800": "#93385F";
+    readonly "accent-pink-900": "#6E2644";
+    readonly "accent-magenta-50": "#FEF0FF";
+    readonly "accent-magenta-100": "#FEF0FF";
+    readonly "accent-magenta-200": "#F8C6FF";
+    readonly "accent-magenta-300": "#F29BFF";
+    readonly "accent-magenta-400": "#EC5CEF";
+    readonly "accent-magenta-500": "#E13BE7";
+    readonly "accent-magenta-600": "#C82FCC";
+    readonly "accent-magenta-700": "#A923A8";
+    readonly "accent-magenta-800": "#831C83";
+    readonly "accent-magenta-900": "#5E145E";
+    readonly "accent-blue-50": "#F1F4FF";
+    readonly "accent-blue-100": "#E3E8FF";
+    readonly "accent-blue-200": "#C7D2FE";
+    readonly "accent-blue-300": "#A5B4FC";
+    readonly "accent-blue-400": "#818CF8";
+    readonly "accent-blue-500": "#2563EB";
+    readonly "accent-blue-600": "#1F52C9";
+    readonly "accent-blue-700": "#1E40AF";
+    readonly "accent-blue-800": "#1C348A";
+    readonly "accent-blue-900": "#162763";
+    readonly "accent-mint-50": "#ECFEFD";
+    readonly "accent-mint-100": "#D1FAF7";
+    readonly "accent-mint-200": "#A7F3EE";
+    readonly "accent-mint-300": "#6EE7E0";
+    readonly "accent-mint-400": "#2DD4CB";
+    readonly "accent-mint-500": "#01ECE1";
+    readonly "accent-mint-600": "#0BC5BC";
+    readonly "accent-mint-700": "#0F9F99";
+    readonly "accent-mint-800": "#117D78";
+    readonly "accent-mint-900": "#135C58";
+    readonly "accent-green-50": "#ECFDF3";
+    readonly "accent-green-100": "#D1FAE1";
+    readonly "accent-green-200": "#A7F3C8";
+    readonly "accent-green-300": "#6EE7A3";
+    readonly "accent-green-400": "#41E176";
+    readonly "accent-green-500": "#22C55E";
+    readonly "accent-green-600": "#16A34A";
+    readonly "accent-green-700": "#289A3A";
+    readonly "accent-green-800": "#166534";
+    readonly "accent-green-900": "#14532D";
+    readonly "accent-yellow-50": "#FFFBEB";
+    readonly "accent-yellow-100": "#FEF3C7";
+    readonly "accent-yellow-200": "#FDE68A";
+    readonly "accent-yellow-300": "#FCD34D";
+    readonly "accent-yellow-400": "#FBBF24";
+    readonly "accent-yellow-500": "#FFB800";
+    readonly "accent-yellow-600": "#E0A106";
+    readonly "accent-yellow-700": "#B58105";
+    readonly "accent-yellow-800": "#8A6404";
+    readonly "accent-yellow-900": "#5F4703";
+    readonly "accent-orange-50": "#FFF7ED";
+    readonly "accent-orange-100": "#FFEDD5";
+    readonly "accent-orange-200": "#FED7AA";
+    readonly "accent-orange-300": "#FDBA74";
+    readonly "accent-orange-400": "#FB923C";
+    readonly "accent-orange-500": "#F97316";
+    readonly "accent-orange-600": "#EA580C";
+    readonly "accent-orange-700": "#C2410C";
+    readonly "accent-orange-800": "#9A3412";
+    readonly "accent-orange-900": "#7C2D12";
+    readonly black: "#000000";
+    readonly white: "#FFFFFF";
+};

package/dist/tokens/generated/index.d.ts

@@ -0,0 +1,4 @@
+export { primitive, type PrimitiveTokens } from './primitive';
+export { semanticApp, type SemanticAppTokens } from './semantic-app';
+export { semanticAdmin, type SemanticAdminTokens } from './semantic-admin';
+export { colors } from './colors';

package/dist/tokens/generated/primitive.d.ts

@@ -0,0 +1,184 @@
+export declare const primitive: {
+    readonly purple: {
+        readonly "50": "#F4EFFA";
+        readonly "100": "#E9E0F5";
+        readonly "200": "#DDD1F0";
+        readonly "300": "#C3B4DD";
+        readonly "400": "#A894C7";
+        readonly "500": "#957EB4";
+        readonly "600": "#6F56A3";
+        readonly "700": "#4C277C";
+        readonly "800": "#4C1D88";
+        readonly "900": "#391D5D";
+    };
+    readonly "grey-scale": {
+        readonly "50": "#FAFAFA";
+        readonly "100": "#F4F4F5";
+        readonly "200": "#E4E4E7";
+        readonly "300": "#D4D4D8";
+        readonly "400": "#A1A1AA";
+        readonly "500": "#71717A";
+        readonly "600": "#52525B";
+        readonly "700": "#3F3F46";
+        readonly "800": "#27272A";
+        readonly "900": "#18181B";
+    };
+    readonly accent: {
+        readonly red: {
+            readonly "50": "#FFF5F6";
+            readonly "100": "#FFE8E9";
+            readonly "200": "#FBCFD2";
+            readonly "300": "#F39AA0";
+            readonly "400": "#E86F77";
+            readonly "500": "#DF535C";
+            readonly "600": "#C94751";
+            readonly "700": "#B02E4C";
+            readonly "800": "#8F243A";
+            readonly "900": "#6E1A2C";
+        };
+        readonly pink: {
+            readonly "50": "#FFF1F6";
+            readonly "100": "#FFE4EE";
+            readonly "200": "#FECFE3";
+            readonly "300": "#FDA4CC";
+            readonly "400": "#F472B6";
+            readonly "500": "#EC6FAE";
+            readonly "600": "#D95D9A";
+            readonly "700": "#B94A7E";
+            readonly "800": "#93385F";
+            readonly "900": "#6E2644";
+        };
+        readonly magenta: {
+            readonly "50": "#FEF0FF";
+            readonly "100": "#FEF0FF";
+            readonly "200": "#F8C6FF";
+            readonly "300": "#F29BFF";
+            readonly "400": "#EC5CEF";
+            readonly "500": "#E13BE7";
+            readonly "600": "#C82FCC";
+            readonly "700": "#A923A8";
+            readonly "800": "#831C83";
+            readonly "900": "#5E145E";
+        };
+        readonly blue: {
+            readonly "50": "#F1F4FF";
+            readonly "100": "#E3E8FF";
+            readonly "200": "#C7D2FE";
+            readonly "300": "#A5B4FC";
+            readonly "400": "#818CF8";
+            readonly "500": "#2563EB";
+            readonly "600": "#1F52C9";
+            readonly "700": "#1E40AF";
+            readonly "800": "#1C348A";
+            readonly "900": "#162763";
+        };
+        readonly mint: {
+            readonly "50": "#ECFEFD";
+            readonly "100": "#D1FAF7";
+            readonly "200": "#A7F3EE";
+            readonly "300": "#6EE7E0";
+            readonly "400": "#2DD4CB";
+            readonly "500": "#01ECE1";
+            readonly "600": "#0BC5BC";
+            readonly "700": "#0F9F99";
+            readonly "800": "#117D78";
+            readonly "900": "#135C58";
+        };
+        readonly green: {
+            readonly "50": "#ECFDF3";
+            readonly "100": "#D1FAE1";
+            readonly "200": "#A7F3C8";
+            readonly "300": "#6EE7A3";
+            readonly "400": "#41E176";
+            readonly "500": "#22C55E";
+            readonly "600": "#16A34A";
+            readonly "700": "#289A3A";
+            readonly "800": "#166534";
+            readonly "900": "#14532D";
+        };
+        readonly yellow: {
+            readonly "50": "#FFFBEB";
+            readonly "100": "#FEF3C7";
+            readonly "200": "#FDE68A";
+            readonly "300": "#FCD34D";
+            readonly "400": "#FBBF24";
+            readonly "500": "#FFB800";
+            readonly "600": "#E0A106";
+            readonly "700": "#B58105";
+            readonly "800": "#8A6404";
+            readonly "900": "#5F4703";
+        };
+        readonly orange: {
+            readonly "50": "#FFF7ED";
+            readonly "100": "#FFEDD5";
+            readonly "200": "#FED7AA";
+            readonly "300": "#FDBA74";
+            readonly "400": "#FB923C";
+            readonly "500": "#F97316";
+            readonly "600": "#EA580C";
+            readonly "700": "#C2410C";
+            readonly "800": "#9A3412";
+            readonly "900": "#7C2D12";
+        };
+    };
+    readonly primary: "Pretendard";
+    readonly "font-weight": {
+        readonly rg: 400;
+        readonly md: 500;
+        readonly sb: 600;
+        readonly b: 700;
+        readonly eb: 800;
+    };
+    readonly "font-size": {
+        readonly xsm: 12;
+        readonly sm: 14;
+        readonly base: 16;
+        readonly lg: 18;
+        readonly xl: 20;
+        readonly "2xl": 24;
+        readonly "3xl": 30;
+        readonly "4xl": 36;
+        readonly "5xl": 48;
+        readonly "6xl": 60;
+    };
+    readonly "line-height": {
+        readonly "18": 18;
+        readonly "22": 22;
+        readonly "24": 24;
+        readonly "28": 28;
+        readonly "32": 32;
+        readonly "36": 36;
+        readonly "43": 43;
+        readonly "66": 66;
+        readonly "82": 82;
+    };
+    readonly spacing: {
+        readonly "2": 2;
+        readonly "4": 4;
+        readonly "6": 6;
+        readonly "8": 8;
+        readonly "10": 10;
+        readonly "12": 12;
+        readonly "14": 14;
+        readonly "16": 16;
+        readonly "18": 18;
+        readonly "20": 20;
+        readonly "22": 22;
+        readonly "24": 24;
+        readonly "26": 26;
+        readonly "28": 28;
+        readonly "30": 30;
+    };
+    readonly "border-radius": {
+        readonly "4": 4;
+        readonly "6": 6;
+        readonly "16": 16;
+        readonly "20": 20;
+        readonly full: 9999;
+    };
+    readonly base: {
+        readonly black: "#000000";
+        readonly white: "#FFFFFF";
+    };
+};
+export type PrimitiveTokens = typeof primitive;

package/dist/tokens/generated/semantic-admin.d.ts

@@ -0,0 +1,110 @@
+export declare const semanticAdmin: {
+    readonly button: {
+        readonly variant: {
+            readonly primary: {
+                readonly border: "#391D5D";
+                readonly text: "#FFFFFF";
+                readonly hover: {
+                    readonly background: "#391D5D";
+                    readonly border: "#391D5D";
+                    readonly text: "#FFFFFF";
+                };
+            };
+            readonly ghost: {
+                readonly background: "#FFFFFF";
+                readonly border: "#D4D4D8";
+                readonly text: "#391D5D";
+                readonly hover: {
+                    readonly background: "#FFFFFF";
+                    readonly border: "#391D5D";
+                    readonly text: "#391D5D";
+                };
+            };
+            readonly secondary: {
+                readonly background: "#F4EFFA";
+                readonly border: "#F4EFFA";
+                readonly text: "#391D5D";
+                readonly hover: {
+                    readonly background: "#E9E0F5";
+                    readonly border: "#E9E0F5";
+                    readonly text: "#391D5D";
+                };
+            };
+            readonly disabled: {
+                readonly background: "#E4E4E7";
+                readonly border: "#E4E4E7";
+                readonly text: "#FFFFFF";
+            };
+            readonly outlined: {
+                readonly background: "#FFFFFF";
+                readonly border: "#B02E4C";
+                readonly text: "#B02E4C";
+            };
+            readonly neutral: {
+                readonly background: "#FFFFFF";
+                readonly border: "#FFFFFF";
+                readonly text: "#391D5D";
+                readonly hover: {
+                    readonly background: "#F4F4F5";
+                    readonly border: "#F4F4F5";
+                    readonly text: "#391D5D";
+                };
+            };
+            readonly confirm: {
+                readonly background: "#DF535C";
+                readonly border: "#DF535C";
+                readonly text: "#FFFFFF";
+                readonly hover: {
+                    readonly background: "#B02E4C";
+                    readonly border: "#B02E4C";
+                    readonly text: "#FFFFFF";
+                };
+            };
+        };
+        readonly xl: {
+            readonly fontFamily: "{primary}";
+            readonly fontWeight: "{font-weight.b}";
+            readonly fontSize: "{font-size.lg}";
+            readonly lineHeight: "{line-height.24}";
+        };
+        readonly l: {
+            readonly fontFamily: "{primary}";
+            readonly fontWeight: "{font-weight.b}";
+            readonly fontSize: "{font-size.base}";
+            readonly lineHeight: "{line-height.22}";
+        };
+        readonly sb: {
+            readonly fontFamily: "{primary}";
+            readonly fontWeight: "{font-weight.sb}";
+            readonly fontSize: "{font-size.sm}";
+            readonly lineHeight: "{line-height.18}";
+        };
+        readonly r: {
+            readonly fontFamily: "{primary}";
+            readonly fontWeight: "{font-weight.sb}";
+            readonly fontSize: "{font-size.sm}";
+            readonly lineHeight: "{line-height.18}";
+        };
+        readonly s: {
+            readonly fontFamily: "{primary}";
+            readonly fontWeight: "{font-weight.sb}";
+            readonly fontSize: "{font-size.xsm}";
+            readonly lineHeight: "{line-height.18}";
+        };
+        readonly xs: {
+            readonly fontFamily: "{primary}";
+            readonly fontWeight: "{font-weight.sb}";
+            readonly fontSize: "{font-size.xsm}";
+            readonly lineHeight: "{line-height.18}";
+        };
+        readonly size: {
+            readonly xs: 30;
+            readonly s: 40;
+            readonly r: 48;
+            readonly m: 50;
+            readonly l: 54;
+            readonly xl: 60;
+        };
+    };
+};
+export type SemanticAdminTokens = typeof semanticAdmin;

package/dist/tokens/generated/semantic-app.d.ts

@@ -0,0 +1,75 @@
+export declare const semanticApp: {
+    readonly button: {
+        readonly variant: {
+            readonly primary: {
+                readonly background: "#391D5D";
+                readonly border: "#391D5D";
+                readonly text: "#FFFFFF";
+            };
+            readonly ghost: {
+                readonly background: "#FFFFFF";
+                readonly border: "#D4D4D8";
+                readonly text: "#391D5D";
+            };
+            readonly secondary: {
+                readonly background: "#F4EFFA";
+                readonly border: "#F4EFFA";
+                readonly text: "#391D5D";
+            };
+            readonly neutral: {
+                readonly background: "#FFFFFF";
+                readonly border: "#FFFFFF";
+                readonly text: "#391D5D";
+            };
+            readonly disabled: {
+                readonly background: "#E4E4E7";
+                readonly border: "#E4E4E7";
+                readonly text: "#FFFFFF";
+            };
+            readonly outlined: {
+                readonly background: "#FFFFFF";
+                readonly border: "#B02E4C";
+                readonly text: "#B02E4C";
+            };
+        };
+        readonly size: {
+            readonly xl: {
+                readonly fontFamily: "{primary}";
+                readonly fontWeight: "{font-weight.b}";
+                readonly fontSize: "{font-size.lg}";
+                readonly lineHeight: "{line-height.24}";
+            };
+            readonly lg: {
+                readonly fontFamily: "{primary}";
+                readonly fontWeight: "{font-weight.b}";
+                readonly fontSize: "{font-size.base}";
+                readonly lineHeight: "{line-height.22}";
+            };
+            readonly md: {
+                readonly fontFamily: "{primary}";
+                readonly fontWeight: "{font-weight.sb}";
+                readonly fontSize: "{font-size.sm}";
+                readonly lineHeight: "{line-height.18}";
+            };
+            readonly rg: {
+                readonly fontFamily: "{primary}";
+                readonly fontWeight: "{font-weight.sb}";
+                readonly fontSize: "{font-size.sm}";
+                readonly lineHeight: "{line-height.18}";
+            };
+            readonly sm: {
+                readonly fontFamily: "{primary}";
+                readonly fontWeight: "{font-weight.sb}";
+                readonly fontSize: "{font-size.xsm}";
+                readonly lineHeight: "{line-height.18}";
+            };
+            readonly xs: {
+                readonly fontFamily: "{primary}";
+                readonly fontWeight: "{font-weight.sb}";
+                readonly fontSize: "{font-size.xsm}";
+                readonly lineHeight: "{line-height.18}";
+            };
+        };
+    };
+};
+export type SemanticAppTokens = typeof semanticApp;