@seed-design/migration-index 0.0.1-rc.0

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @seed-design/migration-index
+
+## 0.0.1-rc.0
+
+### Patch Changes
+
+- f83bbf8: migration index, codemod (vars, tailwind)

package/color.d.ts

@@ -0,0 +1,6 @@
+import type { FoundationTokenMapping } from "./index";
+
+export declare const semanticColorMappings: FoundationTokenMapping[];
+export declare const scaleColorMappings: FoundationTokenMapping[];
+export declare const staticColorMappings: FoundationTokenMapping[];
+export declare const colorMappings: FoundationTokenMapping[];

package/color.mjs

@@ -0,0 +1,664 @@
+export const semanticColorMappings = [
+  {
+    previous: "$semantic.color.on-primary",
+    next: ["$color.palette.static-white"],
+  },
+  {
+    previous: "$semantic.color.primary",
+    next: ["$color.bg.brand-solid", "$color.fg.brand"],
+    alternative: ["$color.palette.carrot-600"],
+  },
+  {
+    previous: "$semantic.color.primary-low",
+    next: ["$color.palette.carrot-100"],
+  },
+  {
+    previous: "$semantic.color.secondary",
+    next: ["$color.palette.gray-900"],
+  },
+  {
+    previous: "$semantic.color.secondary-low",
+    next: ["$color.bg.neutral-weak"],
+    alternative: ["$color.palette.gray-200"],
+  },
+  {
+    previous: "$semantic.color.success",
+    next: ["$color.bg.positive-solid", "$color.fg.positive"],
+    alternative: ["$color.fg.positive-contrast", "$color.palette.green-700"],
+  },
+  {
+    previous: "$semantic.color.success-low",
+    next: ["$color.bg.positive-weak"],
+    alternative: ["$color.palette.green-100"],
+  },
+  {
+    previous: "$semantic.color.warning",
+    next: ["$color.bg.warning-solid"],
+    alternative: ["$color.fg.warning-contrast", "$color.palette.yellow-500"],
+  },
+  {
+    previous: "$semantic.color.warning-low",
+    next: ["$color.bg.warning-weak"],
+    alternative: ["$color.palette.yellow-100"],
+  },
+  {
+    previous: "$semantic.color.danger",
+    next: ["$color.bg.critical-solid", "$color.fg.critical"],
+    alternative: ["$color.fg.critical-contrast", "$color.palette.red-700"],
+  },
+  {
+    previous: "$semantic.color.danger-low",
+    next: ["$color.bg.critical-weak"],
+    alternative: ["$color.palette.red-100"],
+  },
+  {
+    previous: "$semantic.color.overlay-dim",
+    next: ["$color.bg.overlay"],
+    alternative: ["$color.palette.static-black-alpha-500"],
+  },
+  {
+    previous: "$semantic.color.overlay-low",
+    next: ["$color.bg.overlay-muted"],
+    alternative: ["$color.palette.static-black-alpha-200"],
+  },
+  {
+    previous: "$semantic.color.paper-sheet",
+    next: ["$color.bg.layer-floating"],
+    alternative: ["$color.palette.gray-00"],
+  },
+  {
+    previous: "$semantic.color.paper-dialog",
+    next: ["$color.bg.layer-floating"],
+    alternative: ["$color.palette.gray-00"],
+  },
+  {
+    previous: "$semantic.color.paper-floating",
+    next: ["$color.bg.layer-floating"],
+    alternative: ["$color.palette.gray-00"],
+  },
+  {
+    previous: "$semantic.color.paper-contents",
+    next: ["$color.bg.layer-fill"],
+    alternative: ["$color.palette.gray-100"],
+  },
+  {
+    previous: "$semantic.color.paper-default",
+    next: ["$color.bg.layer-default"],
+    alternative: ["$color.palette.gray-00"],
+  },
+  {
+    previous: "$semantic.color.paper-background",
+    next: ["$color.bg.layer-basement"],
+    alternative: ["$color.palette.gray-200"],
+  },
+  {
+    previous: "$semantic.color.paper-accent",
+    next: ["$color.palette.carrot-100"],
+  },
+  {
+    previous: "$semantic.color.primary-hover",
+    next: ["$color.bg.brand-solid-pressed"],
+    alternative: ["$color.palette.carrot-700"],
+  },
+  {
+    previous: "$semantic.color.primary-pressed",
+    next: ["$color.bg.brand-solid-pressed"],
+    alternative: ["$color.palette.carrot-700"],
+  },
+  {
+    previous: "$semantic.color.primary-low-hover",
+    next: ["$color.palette.carrot-200"],
+  },
+  {
+    previous: "$semantic.color.primary-low-active",
+    next: ["$color.palette.carrot-100"],
+  },
+  {
+    previous: "$semantic.color.primary-low-pressed",
+    next: ["$color.palette.carrot-200"],
+  },
+  {
+    previous: "$semantic.color.gray-hover",
+    next: ["$color.bg.neutral-weak-pressed"],
+    alternative: ["$color.palette.gray-300"],
+  },
+  {
+    previous: "$semantic.color.gray-pressed",
+    next: ["$color.bg.neutral-weak-pressed"],
+    alternative: ["$color.palette.gray-300"],
+  },
+  {
+    previous: "$semantic.color.on-primary-overlay-50",
+    next: [],
+    description: "TBD",
+  },
+  {
+    previous: "$semantic.color.on-primary-overlay-200",
+    next: [],
+    description: "TBD",
+  },
+  {
+    previous: "$semantic.color.on-primary-low-overlay-50",
+    next: [],
+    description: "TBD",
+  },
+  {
+    previous: "$semantic.color.on-primary-low-overlay-100",
+    next: [],
+    description: "TBD",
+  },
+  {
+    previous: "$semantic.color.on-primary-low-overlay-200",
+    next: [],
+    description: "TBD",
+  },
+  {
+    previous: "$semantic.color.on-gray-overlay-50",
+    next: [],
+    description: "TBD",
+  },
+  {
+    previous: "$semantic.color.on-gray-overlay-100",
+    next: [],
+    description: "TBD",
+  },
+  {
+    previous: "$semantic.color.divider-1",
+    next: ["$color.stroke.on-image"],
+    alternative: ["$color.palette.static-black-alpha-50"],
+  },
+  {
+    previous: "$semantic.color.divider-2",
+    next: ["$color.stroke.neutral"],
+    alternative: ["$color.palette.gray-300"],
+  },
+  {
+    previous: "$semantic.color.divider-3",
+    next: ["$color.palette.gray-400"],
+  },
+  {
+    previous: "$semantic.color.accent",
+    next: ["$color.bg.informative-solid", "$color.fg.informative"],
+    alternative: ["$color.fg.informative-contrast", "$color.palette.blue-700"],
+  },
+  {
+    previous: "$semantic.color.ink-text",
+    next: ["$color.fg.neutral"],
+    alternative: ["$color.palette.gray-1000"],
+  },
+  {
+    previous: "$semantic.color.ink-text-low",
+    next: ["$color.fg.neutral-subtle"],
+    alternative: ["$color.palette.gray-700"],
+  },
+  {
+    previous: "$semantic.color.gray-active",
+    next: ["$color.fg.neutral-muted"],
+    alternative: ["$color.palette.gray-800"],
+  },
+];
+
+export const scaleColorMappings = [
+  {
+    previous: "$scale.color.gray-00",
+    next: ["$color.palette.gray-00"],
+  },
+  {
+    previous: "$scale.color.gray-50",
+    next: ["$color.palette.gray-100"],
+  },
+  {
+    previous: "$scale.color.gray-100",
+    next: ["$color.palette.gray-200"],
+  },
+  {
+    previous: "$scale.color.gray-200",
+    next: ["$color.palette.gray-300"],
+  },
+  {
+    previous: "$scale.color.gray-300",
+    next: ["$color.palette.gray-400"],
+  },
+  {
+    previous: "$scale.color.gray-400",
+    next: ["$color.palette.gray-500"],
+  },
+  {
+    previous: "$scale.color.gray-500",
+    next: ["$color.palette.gray-600"],
+  },
+  {
+    previous: "$scale.color.gray-600",
+    next: ["$color.palette.gray-700"],
+  },
+  {
+    previous: "$scale.color.gray-700",
+    next: ["$color.palette.gray-800"],
+  },
+  {
+    previous: "$scale.color.gray-800",
+    next: ["$color.palette.gray-900"],
+  },
+  {
+    previous: "$scale.color.gray-900",
+    next: ["$color.palette.gray-1000"],
+  },
+  {
+    previous: "$scale.color.gray-alpha-50",
+    next: ["$color.palette.gray-200", "$color.stroke.on-image"],
+  },
+  {
+    previous: "$scale.color.gray-alpha-100",
+    next: ["$color.palette.gray-300"],
+  },
+  {
+    previous: "$scale.color.gray-alpha-200",
+    next: ["$color.palette.gray-500"],
+  },
+  {
+    previous: "$scale.color.gray-alpha-500",
+    next: ["$color.palette.gray-700"],
+  },
+  {
+    previous: "$scale.color.carrot-50",
+    next: ["$color.palette.carrot-100"],
+  },
+  {
+    previous: "$scale.color.carrot-100",
+    next: ["$color.palette.carrot-200"],
+  },
+  {
+    previous: "$scale.color.carrot-200",
+    next: ["$color.palette.carrot-300"],
+  },
+  {
+    previous: "$scale.color.carrot-300",
+    next: ["$color.palette.carrot-400"],
+  },
+  {
+    previous: "$scale.color.carrot-400",
+    next: ["$color.palette.carrot-500"],
+  },
+  {
+    previous: "$scale.color.carrot-500",
+    next: ["$color.palette.carrot-600"],
+  },
+  {
+    previous: "$scale.color.carrot-600",
+    next: ["$color.palette.carrot-600"],
+  },
+  {
+    previous: "$scale.color.carrot-700",
+    next: ["$color.palette.carrot-700"],
+  },
+  {
+    previous: "$scale.color.carrot-800",
+    next: ["$color.palette.carrot-700"],
+  },
+  {
+    previous: "$scale.color.carrot-900",
+    next: ["$color.palette.carrot-800"],
+  },
+  {
+    previous: "$scale.color.carrot-950",
+    next: ["$color.palette.carrot-800"],
+  },
+  {
+    previous: "$scale.color.carrot-alpha-50",
+    next: ["$color.palette.carrot-100"],
+  },
+  {
+    previous: "$scale.color.carrot-alpha-100",
+    next: ["$color.palette.carrot-200"],
+  },
+  {
+    previous: "$scale.color.carrot-alpha-200",
+    next: ["$color.palette.carrot-200"],
+  },
+  {
+    previous: "$scale.color.blue-50",
+    next: ["$color.palette.blue-100"],
+  },
+  {
+    previous: "$scale.color.blue-100",
+    next: ["$color.palette.blue-200"],
+  },
+  {
+    previous: "$scale.color.blue-200",
+    next: ["$color.palette.blue-300"],
+  },
+  {
+    previous: "$scale.color.blue-300",
+    next: ["$color.palette.blue-400"],
+  },
+  {
+    previous: "$scale.color.blue-400",
+    next: ["$color.palette.blue-400"],
+  },
+  {
+    previous: "$scale.color.blue-500",
+    next: ["$color.palette.blue-600"],
+  },
+  {
+    previous: "$scale.color.blue-600",
+    next: ["$color.palette.blue-600"],
+  },
+  {
+    previous: "$scale.color.blue-700",
+    next: ["$color.palette.blue-800"],
+  },
+  {
+    previous: "$scale.color.blue-800",
+    next: ["$color.palette.blue-900"],
+  },
+  {
+    previous: "$scale.color.blue-900",
+    next: ["$color.palette.blue-900"],
+  },
+  {
+    previous: "$scale.color.blue-950",
+    next: ["$color.palette.blue-1000"],
+  },
+  {
+    previous: "$scale.color.blue-alpha-50",
+    next: ["$color.palette.blue-100"],
+  },
+  {
+    previous: "$scale.color.blue-alpha-100",
+    next: ["$color.palette.blue-100"],
+  },
+  {
+    previous: "$scale.color.blue-alpha-200",
+    next: ["$color.palette.blue-200"],
+  },
+  {
+    previous: "$scale.color.red-50",
+    next: ["$color.palette.red-100"],
+  },
+  {
+    previous: "$scale.color.red-100",
+    next: ["$color.palette.red-200"],
+  },
+  {
+    previous: "$scale.color.red-200",
+    next: ["$color.palette.red-300"],
+  },
+  {
+    previous: "$scale.color.red-300",
+    next: ["$color.palette.red-400"],
+  },
+  {
+    previous: "$scale.color.red-400",
+    next: ["$color.palette.red-600"],
+  },
+  {
+    previous: "$scale.color.red-500",
+    next: ["$color.palette.red-700"],
+  },
+  {
+    previous: "$scale.color.red-600",
+    next: ["$color.palette.red-700"],
+  },
+  {
+    previous: "$scale.color.red-700",
+    next: ["$color.palette.red-800"],
+  },
+  {
+    previous: "$scale.color.red-800",
+    next: ["$color.palette.red-900"],
+  },
+  {
+    previous: "$scale.color.red-900",
+    next: ["$color.palette.red-900"],
+  },
+  {
+    previous: "$scale.color.red-950",
+    next: ["$color.palette.red-900"],
+  },
+  {
+    previous: "$scale.color.red-alpha-50",
+    next: ["$color.palette.red-100"],
+  },
+  {
+    previous: "$scale.color.red-alpha-100",
+    next: ["$color.palette.red-200"],
+  },
+  {
+    previous: "$scale.color.red-alpha-200",
+    next: ["$color.palette.red-300"],
+  },
+  {
+    previous: "$scale.color.green-50",
+    next: ["$color.palette.green-100"],
+  },
+  {
+    previous: "$scale.color.green-100",
+    next: ["$color.palette.green-200"],
+  },
+  {
+    previous: "$scale.color.green-200",
+    next: ["$color.palette.green-300"],
+  },
+  {
+    previous: "$scale.color.green-300",
+    next: ["$color.palette.green-400"],
+  },
+  {
+    previous: "$scale.color.green-400",
+    next: ["$color.palette.green-500"],
+  },
+  {
+    previous: "$scale.color.green-500",
+    next: ["$color.palette.green-600"],
+  },
+  {
+    previous: "$scale.color.green-600",
+    next: ["$color.palette.green-700"],
+  },
+  {
+    previous: "$scale.color.green-700",
+    next: ["$color.palette.green-800"],
+  },
+  {
+    previous: "$scale.color.green-800",
+    next: ["$color.palette.green-900"],
+  },
+  {
+    previous: "$scale.color.green-900",
+    next: ["$color.palette.green-900"],
+  },
+  {
+    previous: "$scale.color.green-950",
+    next: ["$color.palette.green-900"],
+  },
+  {
+    previous: "$scale.color.green-alpha-50",
+    next: ["$color.palette.green-100"],
+  },
+  {
+    previous: "$scale.color.green-alpha-100",
+    next: ["$color.palette.green-200"],
+  },
+  {
+    previous: "$scale.color.green-alpha-200",
+    next: ["$color.palette.green-200"],
+  },
+  {
+    previous: "$scale.color.yellow-50",
+    next: ["$color.palette.yellow-100"],
+  },
+  {
+    previous: "$scale.color.yellow-100",
+    next: ["$color.palette.yellow-200"],
+  },
+  {
+    previous: "$scale.color.yellow-200",
+    next: ["$color.palette.yellow-300"],
+  },
+  {
+    previous: "$scale.color.yellow-300",
+    next: ["$color.palette.yellow-400"],
+  },
+  {
+    previous: "$scale.color.yellow-400",
+    next: ["$color.palette.yellow-500"],
+  },
+  {
+    previous: "$scale.color.yellow-500",
+    next: ["$color.palette.yellow-700"],
+  },
+  {
+    previous: "$scale.color.yellow-600",
+    next: ["$color.palette.yellow-700"],
+  },
+  {
+    previous: "$scale.color.yellow-700",
+    next: ["$color.palette.yellow-800"],
+  },
+  {
+    previous: "$scale.color.yellow-800",
+    next: ["$color.palette.yellow-800"],
+  },
+  {
+    previous: "$scale.color.yellow-900",
+    next: ["$color.palette.yellow-900"],
+  },
+  {
+    previous: "$scale.color.yellow-950",
+    next: ["$color.palette.yellow-900"],
+  },
+  {
+    previous: "$scale.color.yellow-alpha-50",
+    next: ["$color.palette.yellow-100"],
+  },
+  {
+    previous: "$scale.color.yellow-alpha-100",
+    next: ["$color.palette.yellow-100"],
+  },
+  {
+    previous: "$scale.color.yellow-alpha-200",
+    next: ["$color.palette.yellow-100"],
+  },
+  {
+    previous: "$scale.color.purple-50",
+    next: ["$color.palette.purple-100"],
+  },
+  {
+    previous: "$scale.color.purple-100",
+    next: ["$color.palette.purple-300"],
+  },
+  {
+    previous: "$scale.color.purple-200",
+    next: ["$color.palette.purple-400"],
+  },
+  {
+    previous: "$scale.color.purple-300",
+    next: ["$color.palette.purple-400"],
+  },
+  {
+    previous: "$scale.color.purple-400",
+    next: ["$color.palette.purple-500"],
+  },
+  {
+    previous: "$scale.color.purple-500",
+    next: ["$color.palette.purple-600"],
+  },
+  {
+    previous: "$scale.color.purple-600",
+    next: ["$color.palette.purple-700"],
+  },
+  {
+    previous: "$scale.color.purple-700",
+    next: ["$color.palette.purple-800"],
+  },
+  {
+    previous: "$scale.color.purple-800",
+    next: ["$color.palette.purple-900"],
+  },
+  {
+    previous: "$scale.color.purple-900",
+    next: ["$color.palette.purple-900"],
+  },
+  {
+    previous: "$scale.color.purple-950",
+    next: ["$color.palette.purple-1000"],
+  },
+];
+
+export const staticColorMappings = [
+  {
+    previous: "$static.color.static-black",
+    next: ["$color.palette.static-black"],
+  },
+  {
+    previous: "$static.color.static-white",
+    next: ["$color.palette.static-white"],
+  },
+  {
+    previous: "$static.color.static-gray-900",
+    next: ["$color.palette.gray-1000"],
+  },
+  {
+    previous: "$static.color.static-carrot-50",
+    next: ["$color.palette.carrot-100"],
+  },
+  {
+    previous: "$static.color.static-carrot-800",
+    next: ["$color.palette.carrot-700"],
+  },
+  {
+    previous: "$static.color.static-green-50",
+    next: ["$color.palette.green-100"],
+  },
+  {
+    previous: "$static.color.static-green-800",
+    next: ["$color.palette.green-700"],
+  },
+  {
+    previous: "$static.color.static-yellow-50",
+    next: ["$color.palette.yellow-100"],
+  },
+  {
+    previous: "$static.color.static-yellow-800",
+    next: ["$color.palette.yellow-800"],
+  },
+  {
+    previous: "$static.color.static-red-50",
+    next: ["$color.palette.red-100"],
+  },
+  {
+    previous: "$static.color.static-red-800",
+    next: ["$color.palette.red-700"],
+  },
+  {
+    previous: "$static.color.static-blue-50",
+    next: ["$color.palette.blue-100"],
+  },
+  {
+    previous: "$static.color.static-blue-800",
+    next: ["$color.palette.blue-700"],
+  },
+  {
+    previous: "$static.color.static-black-alpha-200",
+    next: ["$color.palette.static-black-alpha-200"],
+  },
+  {
+    previous: "$static.color.static-black-alpha-500",
+    next: ["$color.palette.static-black-alpha-500"],
+  },
+  {
+    previous: "$static.color.static-white-alpha-50",
+    next: [],
+    description: "deleted",
+  },
+  {
+    previous: "$static.color.static-white-alpha-200",
+    next: ["$color.palette.static-white-alpha-200"],
+  },
+];
+
+export const colorMappings = [
+  ...semanticColorMappings,
+  ...scaleColorMappings,
+  ...staticColorMappings,
+];

package/index.d.ts

@@ -0,0 +1,6 @@
+export interface FoundationTokenMapping {
+  previous: string;
+  next: string[];
+  description?: string;
+  alternative?: string[];
+}

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@seed-design/migration-index",
+  "version": "0.0.1-rc.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/daangn/seed-design.git",
+    "directory": "packages/migration-index"
+  },
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "files": [
+    "*"
+  ],
+  "exports": {
+    ".": {
+      "types": "./index.d.ts"
+    },
+    "./color": {
+      "types": "./color.d.ts",
+      "import": "./color.mjs"
+    },
+    "./typography": {
+      "types": "./typography.d.ts",
+      "import": "./typography.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/typography.d.ts

@@ -0,0 +1,3 @@
+import type { FoundationTokenMapping } from "./index";
+
+export declare const typographyMappings: FoundationTokenMapping[];

package/typography.mjs

@@ -0,0 +1,186 @@
+export const typographyMappings = [
+  {
+    previous: "$semantic.typography.h1",
+    next: [],
+    description: "Deprecated",
+  },
+  {
+    previous: "$semantic.typography.h2",
+    next: [],
+    description: "Deprecated",
+  },
+  {
+    previous: "$semantic.typography.h3",
+    next: [],
+    description: "Deprecated",
+  },
+  {
+    previous: "$semantic.typography.h4",
+    next: ["t10Bold"],
+    description: "줄간격 -0.1px",
+  },
+  {
+    previous: "$semantic.typography.title1Bold",
+    next: ["t9Bold"],
+    description: "줄간격 -0.4px",
+  },
+  {
+    previous: "$semantic.typography.title1Regular",
+    next: [],
+  },
+  {
+    previous: "$semantic.typography.title2Bold",
+    next: ["t7Bold"],
+  },
+  {
+    previous: "$semantic.typography.title2Regular",
+    next: [],
+  },
+  {
+    previous: "$semantic.typography.title3Bold",
+    next: ["t6Bold"],
+    description: "줄간격 -0.3px",
+  },
+  {
+    previous: "$semantic.typography.title3Regular",
+    next: [],
+  },
+  {
+    previous: "$semantic.typography.subtitle1Bold",
+    next: ["t5Bold"],
+    description: "줄간격 +0.4px",
+  },
+  {
+    previous: "$semantic.typography.subtitle1Regular",
+    next: ["t5Regular"],
+    description: "줄간격 +0.4px",
+  },
+  {
+    previous: "$semantic.typography.subtitle2Bold",
+    next: ["t4Bold"],
+    description: "줄간격 +0.1px",
+  },
+  {
+    previous: "$semantic.typography.subtitle2Regular",
+    next: ["t4Regular"],
+    description: "줄간격 +0.1px",
+  },
+  {
+    previous: "$semantic.typography.bodyL1Bold",
+    next: ["t5Bold"],
+    description: "줄간격 -2px",
+  },
+  {
+    previous: "$semantic.typography.bodyL1Regular",
+    next: ["articleBody"],
+  },
+  {
+    previous: "$semantic.typography.bodyL2Bold",
+    next: ["t4Bold"],
+    description: "줄간격 -2px",
+  },
+  {
+    previous: "$semantic.typography.bodyL2Regular",
+    next: [],
+    description: "TBD",
+  },
+  {
+    previous: "$semantic.typography.bodyM1Bold",
+    next: ["t5Bold"],
+    description: "줄간격 +0.4px",
+  },
+  {
+    previous: "$semantic.typography.bodyM1Regular",
+    next: ["t5Regular"],
+    description: "줄간격 +0.4px",
+  },
+  {
+    previous: "$semantic.typography.bodyM2Bold",
+    next: ["t4Bold"],
+    description: "줄간격 +0.1px",
+  },
+  {
+    previous: "$semantic.typography.bodyM2Regular",
+    next: ["t4Regular"],
+    description: "줄간격 +0.1px",
+  },
+  {
+    previous: "$semantic.typography.caption1Bold",
+    next: ["t3Bold"],
+    description: "줄간격 -1.5px",
+  },
+  {
+    previous: "$semantic.typography.caption1Regular",
+    next: ["t3Regular"],
+    description: "줄간격 -1.5px",
+  },
+  {
+    previous: "$semantic.typography.caption2Bold",
+    next: ["t2Bold"],
+    description: "줄간격 -0.2px",
+  },
+  {
+    previous: "$semantic.typography.caption2Regular",
+    next: ["t2Regular"],
+    description: "줄간격 -0.2px",
+  },
+  {
+    previous: "$semantic.typography.label1Bold",
+    next: ["t6Bold"],
+    description: "줄간격 -0.3px",
+  },
+  {
+    previous: "$semantic.typography.label1Regular",
+    next: [],
+  },
+  {
+    previous: "$semantic.typography.label2Bold",
+    next: ["t5Bold"],
+    description: "줄간격 +0.4px",
+  },
+  {
+    previous: "$semantic.typography.label2Regular",
+    next: ["t5Regular"],
+    description: "줄간격 +0.4px",
+  },
+  {
+    previous: "$semantic.typography.label3Bold",
+    next: ["t4Bold"],
+    description: "줄간격 +0.1px",
+  },
+  {
+    previous: "$semantic.typography.label3Regular",
+    next: ["t4Regular"],
+    description: "줄간격 +0.1px",
+  },
+  {
+    previous: "$semantic.typography.label4Bold",
+    next: ["t2Bold"],
+    description: "줄간격 -0.2px",
+  },
+  {
+    previous: "$semantic.typography.label4Regular",
+    next: ["t2Regular"],
+    description: "줄간격 -0.2px",
+  },
+  {
+    previous: "$semantic.typography.label5Bold",
+    next: ["t1Bold"],
+    description: "줄간격 +0.1px",
+  },
+  {
+    previous: "$semantic.typography.label5Regular",
+    next: ["t1Regular"],
+    description: "줄간격 +0.1px",
+  },
+  {
+    previous: "$semantic.typography.label6Bold",
+    next: [],
+    description: "Deprecated",
+  },
+  {
+    previous: "$semantic.typography.label6Regular",
+    next: [],
+    description: "Deprecated",
+  },
+];