@liner-fe/design-token-primitive 0.1.0

package/dist/constants/padding/index.d.ts

@@ -0,0 +1,23 @@
+export declare const padding: {
+    readonly 'lp-sys-padding-component-50': "2px";
+    readonly 'lp-sys-padding-component-100': "4px";
+    readonly 'lp-sys-padding-component-150': "6px";
+    readonly 'lp-sys-padding-component-200': "8px";
+    readonly 'lp-sys-padding-component-300': "12px";
+    readonly 'lp-sys-padding-component-400': "16px";
+    readonly 'lp-sys-padding-component-500': "20px";
+    readonly 'lp-sys-padding-component-600': "24px";
+    readonly 'lp-sys-padding-component-700': "32px";
+    readonly 'lp-sys-padding-component-800': "40px";
+    readonly 'lp-sys-padding-component-900': "48px";
+    readonly 'lp-sys-padding-section-50': "20px";
+    readonly 'lp-sys-padding-section-100': "24px";
+    readonly 'lp-sys-padding-section-200': "32px";
+    readonly 'lp-sys-padding-section-300': "40px";
+    readonly 'lp-sys-padding-section-400': "48px";
+    readonly 'lp-sys-padding-section-500': "56px";
+    readonly 'lp-sys-padding-section-600': "64px";
+    readonly 'lp-sys-padding-section-700': "80px";
+    readonly 'lp-sys-padding-section-800': "100px";
+    readonly 'lp-sys-padding-section-900': "120px";
+};

package/dist/constants/padding/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.padding = void 0;
+const type_1 = require("../size/type");
+exports.padding = {
+    'lp-sys-padding-component-50': type_1.ISize['lp-pri-size-2'],
+    'lp-sys-padding-component-100': type_1.ISize['lp-pri-size-4'],
+    'lp-sys-padding-component-150': type_1.ISize['lp-pri-size-6'],
+    'lp-sys-padding-component-200': type_1.ISize['lp-pri-size-8'],
+    'lp-sys-padding-component-300': type_1.ISize['lp-pri-size-12'],
+    'lp-sys-padding-component-400': type_1.ISize['lp-pri-size-16'],
+    'lp-sys-padding-component-500': type_1.ISize['lp-pri-size-20'],
+    'lp-sys-padding-component-600': type_1.ISize['lp-pri-size-24'],
+    'lp-sys-padding-component-700': type_1.ISize['lp-pri-size-32'],
+    'lp-sys-padding-component-800': type_1.ISize['lp-pri-size-40'],
+    'lp-sys-padding-component-900': type_1.ISize['lp-pri-size-48'],
+    'lp-sys-padding-section-50': type_1.ISize['lp-pri-size-20'],
+    'lp-sys-padding-section-100': type_1.ISize['lp-pri-size-24'],
+    'lp-sys-padding-section-200': type_1.ISize['lp-pri-size-32'],
+    'lp-sys-padding-section-300': type_1.ISize['lp-pri-size-40'],
+    'lp-sys-padding-section-400': type_1.ISize['lp-pri-size-48'],
+    'lp-sys-padding-section-500': type_1.ISize['lp-pri-size-56'],
+    'lp-sys-padding-section-600': type_1.ISize['lp-pri-size-64'],
+    'lp-sys-padding-section-700': type_1.ISize['lp-pri-size-80'],
+    'lp-sys-padding-section-800': type_1.ISize['lp-pri-size-100'],
+    'lp-sys-padding-section-900': type_1.ISize['lp-pri-size-120'],
+};

package/dist/constants/radius/index.d.ts

@@ -0,0 +1,2 @@
+import { IRadius } from './type';
+export declare const radius: IRadius;

package/dist/constants/radius/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.radius = void 0;
+const type_1 = require("../size/type");
+exports.radius = {
+    'lp-sys-radius-xxs': type_1.ISize['lp-pri-size-2'],
+    'lp-sys-radius-xs': type_1.ISize['lp-pri-size-4'],
+    'lp-sys-radius-s': type_1.ISize['lp-pri-size-6'],
+    'lp-sys-radius-m': type_1.ISize['lp-pri-size-8'],
+    'lp-sys-radius-l': type_1.ISize['lp-pri-size-10'],
+    'lp-sys-radius-xl': type_1.ISize['lp-pri-size-12'],
+    'lp-sys-radius-xxl': type_1.ISize['lp-pri-size-200'],
+};

package/dist/constants/radius/type.d.ts

@@ -0,0 +1,10 @@
+import { ISize } from '../size/type';
+export interface IRadius {
+    'lp-sys-radius-xxs': (typeof ISize)['lp-pri-size-2'];
+    'lp-sys-radius-xs': (typeof ISize)['lp-pri-size-4'];
+    'lp-sys-radius-s': (typeof ISize)['lp-pri-size-6'];
+    'lp-sys-radius-m': (typeof ISize)['lp-pri-size-8'];
+    'lp-sys-radius-l': (typeof ISize)['lp-pri-size-10'];
+    'lp-sys-radius-xl': (typeof ISize)['lp-pri-size-12'];
+    'lp-sys-radius-xxl': (typeof ISize)['lp-pri-size-200'];
+}

package/dist/constants/radius/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/constants/shadow/index.d.ts

@@ -0,0 +1,2 @@
+export declare const SHADOW_KEYS: readonly ["lp-sys-shadow-normal", "lp-sys-shadow-strong", "lp-sys-shadow-heavy"];
+export declare const shadow: Record<(typeof SHADOW_KEYS)[number], [string, string]>;

package/dist/constants/shadow/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shadow = exports.SHADOW_KEYS = void 0;
+exports.SHADOW_KEYS = [
+    'lp-sys-shadow-normal',
+    'lp-sys-shadow-strong',
+    'lp-sys-shadow-heavy',
+];
+exports.shadow = {
+    'lp-sys-shadow-normal': [
+        '0px 2px 12px 0px rgba(0, 0, 0, 0.08), 0px 1px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)',
+        '0px 2px 12px 0px rgba(0, 0, 0, 0.24), 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 0px 1px 0px rgba(0, 0, 0, 0.2)',
+    ],
+    'lp-sys-shadow-strong': [
+        '0px 6px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)',
+        '0px 6px 16px 0px rgba(0, 0, 0, 0.36), 0px 4px 12px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)',
+    ],
+    'lp-sys-shadow-heavy': [
+        '0px 16px 20px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)',
+        '0px 16px 20px 0px rgba(0, 0, 0, 0.36), 0px 8px 16px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)',
+    ],
+};

package/dist/constants/size/index.d.ts

@@ -0,0 +1,2 @@
+import { ISize } from './type';
+export declare const size: Record<keyof typeof ISize, (typeof ISize)[keyof typeof ISize]>;

package/dist/constants/size/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.size = void 0;
+const type_1 = require("./type");
+exports.size = {
+    ['lp-pri-size-minus6']: type_1.ISize['lp-pri-size-minus6'],
+    ['lp-pri-size-minus4']: type_1.ISize['lp-pri-size-minus4'],
+    ['lp-pri-size-minus2']: type_1.ISize['lp-pri-size-minus2'],
+    ['lp-pri-size-0']: type_1.ISize['lp-pri-size-0'],
+    ['lp-pri-size-1']: type_1.ISize['lp-pri-size-1'],
+    ['lp-pri-size-2']: type_1.ISize['lp-pri-size-2'],
+    ['lp-pri-size-3']: type_1.ISize['lp-pri-size-3'],
+    ['lp-pri-size-4']: type_1.ISize['lp-pri-size-4'],
+    ['lp-pri-size-6']: type_1.ISize['lp-pri-size-6'],
+    ['lp-pri-size-8']: type_1.ISize['lp-pri-size-8'],
+    ['lp-pri-size-10']: type_1.ISize['lp-pri-size-10'],
+    ['lp-pri-size-12']: type_1.ISize['lp-pri-size-12'],
+    ['lp-pri-size-14']: type_1.ISize['lp-pri-size-14'],
+    ['lp-pri-size-16']: type_1.ISize['lp-pri-size-16'],
+    ['lp-pri-size-18']: type_1.ISize['lp-pri-size-18'],
+    ['lp-pri-size-20']: type_1.ISize['lp-pri-size-20'],
+    ['lp-pri-size-24']: type_1.ISize['lp-pri-size-24'],
+    ['lp-pri-size-32']: type_1.ISize['lp-pri-size-32'],
+    ['lp-pri-size-40']: type_1.ISize['lp-pri-size-40'],
+    ['lp-pri-size-48']: type_1.ISize['lp-pri-size-48'],
+    ['lp-pri-size-56']: type_1.ISize['lp-pri-size-56'],
+    ['lp-pri-size-64']: type_1.ISize['lp-pri-size-64'],
+    ['lp-pri-size-80']: type_1.ISize['lp-pri-size-80'],
+    ['lp-pri-size-100']: type_1.ISize['lp-pri-size-100'],
+    ['lp-pri-size-120']: type_1.ISize['lp-pri-size-120'],
+    ['lp-pri-size-140']: type_1.ISize['lp-pri-size-140'],
+    ['lp-pri-size-160']: type_1.ISize['lp-pri-size-160'],
+    ['lp-pri-size-180']: type_1.ISize['lp-pri-size-180'],
+    ['lp-pri-size-200']: type_1.ISize['lp-pri-size-200'],
+};

package/dist/constants/size/type.d.ts

@@ -0,0 +1,31 @@
+export declare const ISize: {
+    readonly 'lp-pri-size-minus6': "-6px";
+    readonly 'lp-pri-size-minus4': "-4px";
+    readonly 'lp-pri-size-minus2': "-2px";
+    readonly 'lp-pri-size-0': "0px";
+    readonly 'lp-pri-size-1': "1px";
+    readonly 'lp-pri-size-2': "2px";
+    readonly 'lp-pri-size-3': "3px";
+    readonly 'lp-pri-size-4': "4px";
+    readonly 'lp-pri-size-6': "6px";
+    readonly 'lp-pri-size-8': "8px";
+    readonly 'lp-pri-size-10': "10px";
+    readonly 'lp-pri-size-12': "12px";
+    readonly 'lp-pri-size-14': "14px";
+    readonly 'lp-pri-size-16': "16px";
+    readonly 'lp-pri-size-18': "18px";
+    readonly 'lp-pri-size-20': "20px";
+    readonly 'lp-pri-size-24': "24px";
+    readonly 'lp-pri-size-32': "32px";
+    readonly 'lp-pri-size-40': "40px";
+    readonly 'lp-pri-size-48': "48px";
+    readonly 'lp-pri-size-56': "56px";
+    readonly 'lp-pri-size-64': "64px";
+    readonly 'lp-pri-size-80': "80px";
+    readonly 'lp-pri-size-100': "100px";
+    readonly 'lp-pri-size-120': "120px";
+    readonly 'lp-pri-size-140': "140px";
+    readonly 'lp-pri-size-160': "160px";
+    readonly 'lp-pri-size-180': "180px";
+    readonly 'lp-pri-size-200': "200px";
+};

package/dist/constants/size/type.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ISize = void 0;
+exports.ISize = {
+    'lp-pri-size-minus6': '-6px',
+    'lp-pri-size-minus4': '-4px',
+    'lp-pri-size-minus2': '-2px',
+    'lp-pri-size-0': '0px',
+    'lp-pri-size-1': '1px',
+    'lp-pri-size-2': '2px',
+    'lp-pri-size-3': '3px',
+    'lp-pri-size-4': '4px',
+    'lp-pri-size-6': '6px',
+    'lp-pri-size-8': '8px',
+    'lp-pri-size-10': '10px',
+    'lp-pri-size-12': '12px',
+    'lp-pri-size-14': '14px',
+    'lp-pri-size-16': '16px',
+    'lp-pri-size-18': '18px',
+    'lp-pri-size-20': '20px',
+    'lp-pri-size-24': '24px',
+    'lp-pri-size-32': '32px',
+    'lp-pri-size-40': '40px',
+    'lp-pri-size-48': '48px',
+    'lp-pri-size-56': '56px',
+    'lp-pri-size-64': '64px',
+    'lp-pri-size-80': '80px',
+    'lp-pri-size-100': '100px',
+    'lp-pri-size-120': '120px',
+    'lp-pri-size-140': '140px',
+    'lp-pri-size-160': '160px',
+    'lp-pri-size-180': '180px',
+    'lp-pri-size-200': '200px',
+};

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

@@ -0,0 +1,14 @@
+import { font } from './primitive';
+import { TypographyKeys } from './types';
+export type FontFamily = 'lp-pri-font-family-variables-pretendard' | 'lp-pri-font-family-variables-pretendard-jp' | 'lp-pri-font-family-merriweather' | 'lp-pri-font-family-flare';
+interface TypographyValues {
+    family: Exclude<FontFamily, 'lp-pri-font-family-variables-pretendard-jp'>;
+    weight: keyof typeof font.weight;
+    lineHeight: keyof typeof font.lineHeight;
+    size: keyof typeof font.size;
+    letterSpacing?: keyof typeof font.letterSpacing;
+}
+export declare const typography: Record<TypographyKeys, TypographyValues>;
+export declare const typographyClassName: Partial<Record<"lp-sys-typo-title1-accent-bold" | "lp-sys-typo-title2-accent-bold" | "lp-sys-typo-title3-accent-bold" | "lp-sys-typo-title4-accent-bold" | "lp-sys-typo-title1-normal-bold" | "lp-sys-typo-title2-normal-bold" | "lp-sys-typo-title3-normal-bold" | "lp-sys-typo-title4-normal-bold" | "lp-sys-typo-title1-normal-medium" | "lp-sys-typo-title2-normal-medium" | "lp-sys-typo-title3-normal-medium" | "lp-sys-typo-title4-normal-medium" | "lp-sys-typo-heading1-answer" | "lp-sys-typo-heading2-answer" | "lp-sys-typo-heading3-answer" | "lp-sys-typo-heading4-answer" | "lp-sys-typo-heading5-answer" | "lp-sys-typo-heading6-answer" | "lp-sys-typo-paragraph1-normal-bold" | "lp-sys-typo-paragraph2-normal-bold" | "lp-sys-typo-paragraph3-normal-bold" | "lp-sys-typo-paragraph4-normal-bold" | "lp-sys-typo-paragraph1-normal-medium" | "lp-sys-typo-paragraph2-normal-medium" | "lp-sys-typo-paragraph3-normal-medium" | "lp-sys-typo-paragraph4-normal-medium" | "lp-sys-typo-paragraph1-normal-regular" | "lp-sys-typo-paragraph2-normal-regular" | "lp-sys-typo-paragraph3-normal-regular" | "lp-sys-typo-paragraph4-normal-regular" | "lp-sys-typo-paragraph1-post-regular" | "lp-sys-typo-paragraph3-post-regular" | "lp-sys-typo-paragraph1-answer-bold" | "lp-sys-typo-paragraph1-answer-regular" | "lp-sys-typo-caption1-normal-bold" | "lp-sys-typo-caption2-normal-bold" | "lp-sys-typo-caption3-normal-bold" | "lp-sys-typo-caption1-normal-medium" | "lp-sys-typo-caption2-normal-medium" | "lp-sys-typo-caption3-normal-medium" | "lp-sys-typo-caption1-normal-regular" | "lp-sys-typo-caption2-normal-regular" | "lp-sys-typo-caption3-normal-regular", "lp-sys-typo-title1-accent-bold" | "lp-sys-typo-title2-accent-bold" | "lp-sys-typo-title3-accent-bold" | "lp-sys-typo-title4-accent-bold" | "lp-sys-typo-title1-normal-bold" | "lp-sys-typo-title2-normal-bold" | "lp-sys-typo-title3-normal-bold" | "lp-sys-typo-title4-normal-bold" | "lp-sys-typo-title1-normal-medium" | "lp-sys-typo-title2-normal-medium" | "lp-sys-typo-title3-normal-medium" | "lp-sys-typo-title4-normal-medium" | "lp-sys-typo-heading1-answer" | "lp-sys-typo-heading2-answer" | "lp-sys-typo-heading3-answer" | "lp-sys-typo-heading4-answer" | "lp-sys-typo-heading5-answer" | "lp-sys-typo-heading6-answer" | "lp-sys-typo-paragraph1-normal-bold" | "lp-sys-typo-paragraph2-normal-bold" | "lp-sys-typo-paragraph3-normal-bold" | "lp-sys-typo-paragraph4-normal-bold" | "lp-sys-typo-paragraph1-normal-medium" | "lp-sys-typo-paragraph2-normal-medium" | "lp-sys-typo-paragraph3-normal-medium" | "lp-sys-typo-paragraph4-normal-medium" | "lp-sys-typo-paragraph1-normal-regular" | "lp-sys-typo-paragraph2-normal-regular" | "lp-sys-typo-paragraph3-normal-regular" | "lp-sys-typo-paragraph4-normal-regular" | "lp-sys-typo-paragraph1-post-regular" | "lp-sys-typo-paragraph3-post-regular" | "lp-sys-typo-paragraph1-answer-bold" | "lp-sys-typo-paragraph1-answer-regular" | "lp-sys-typo-caption1-normal-bold" | "lp-sys-typo-caption2-normal-bold" | "lp-sys-typo-caption3-normal-bold" | "lp-sys-typo-caption1-normal-medium" | "lp-sys-typo-caption2-normal-medium" | "lp-sys-typo-caption3-normal-medium" | "lp-sys-typo-caption1-normal-regular" | "lp-sys-typo-caption2-normal-regular" | "lp-sys-typo-caption3-normal-regular">>;
+export declare const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>>;
+export {};

package/dist/constants/typography/index.js

@@ -0,0 +1,309 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typographyEnglish = exports.typographyClassName = exports.typography = void 0;
+exports.typography = {
+    'lp-sys-typo-heading1-answer': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-180',
+        size: 'lp-pri-font-size-28',
+    },
+    'lp-sys-typo-heading2-answer': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-180',
+        size: 'lp-pri-font-size-24',
+    },
+    'lp-sys-typo-heading3-answer': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-180',
+        size: 'lp-pri-font-size-20',
+    },
+    'lp-sys-typo-heading4-answer': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-180',
+        size: 'lp-pri-font-size-17',
+    },
+    'lp-sys-typo-heading5-answer': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-180',
+        size: 'lp-pri-font-size-17',
+    },
+    'lp-sys-typo-heading6-answer': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-180',
+        size: 'lp-pri-font-size-17',
+    },
+    'lp-sys-typo-title1-accent-bold': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-32',
+        weight: 'lp-pri-font-weight-600',
+    },
+    'lp-sys-typo-title2-accent-bold': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-600',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-28',
+    },
+    'lp-sys-typo-title3-accent-bold': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-600',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-24',
+    },
+    'lp-sys-typo-title4-accent-bold': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-600',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-20',
+    },
+    'lp-sys-typo-title1-normal-bold': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-32',
+    },
+    'lp-sys-typo-title2-normal-bold': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-28',
+    },
+    'lp-sys-typo-title3-normal-bold': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-24',
+    },
+    'lp-sys-typo-title4-normal-bold': {
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-20',
+        family: 'lp-pri-font-family-variables-pretendard',
+    },
+    'lp-sys-typo-title1-normal-medium': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-500',
+        size: 'lp-pri-font-size-32',
+        lineHeight: 'lp-pri-font-lineheight-130',
+    },
+    'lp-sys-typo-title2-normal-medium': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-500',
+        size: 'lp-pri-font-size-28',
+        lineHeight: 'lp-pri-font-lineheight-130',
+    },
+    'lp-sys-typo-title3-normal-medium': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-500',
+        size: 'lp-pri-font-size-24',
+        lineHeight: 'lp-pri-font-lineheight-130',
+    },
+    'lp-sys-typo-title4-normal-medium': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-500',
+        size: 'lp-pri-font-size-20',
+        lineHeight: 'lp-pri-font-lineheight-130',
+    },
+    'lp-sys-typo-paragraph1-normal-bold': {
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-17',
+        family: 'lp-pri-font-family-variables-pretendard',
+    },
+    'lp-sys-typo-paragraph2-normal-bold': {
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-16',
+        family: 'lp-pri-font-family-variables-pretendard',
+    },
+    'lp-sys-typo-paragraph3-normal-bold': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-15',
+    },
+    'lp-sys-typo-paragraph4-normal-bold': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-14',
+    },
+    'lp-sys-typo-paragraph1-normal-medium': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-500',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-17',
+    },
+    'lp-sys-typo-paragraph2-normal-medium': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-500',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-16',
+    },
+    'lp-sys-typo-paragraph3-normal-medium': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-500',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-15',
+    },
+    'lp-sys-typo-paragraph4-normal-medium': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-500',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-14',
+    },
+    'lp-sys-typo-paragraph1-normal-regular': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-350',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-17',
+    },
+    'lp-sys-typo-paragraph2-normal-regular': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-350',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-16',
+    },
+    'lp-sys-typo-paragraph3-normal-regular': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-350',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-15',
+    },
+    'lp-sys-typo-paragraph4-normal-regular': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-350',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-14',
+    },
+    'lp-sys-typo-paragraph1-post-regular': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-350',
+        lineHeight: 'lp-pri-font-lineheight-150',
+        size: 'lp-pri-font-size-17',
+    },
+    'lp-sys-typo-paragraph3-post-regular': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-350',
+        lineHeight: 'lp-pri-font-lineheight-150',
+        size: 'lp-pri-font-size-15',
+    },
+    'lp-sys-typo-paragraph1-answer-bold': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-800',
+        lineHeight: 'lp-pri-font-lineheight-180',
+        size: 'lp-pri-font-size-16',
+    },
+    'lp-sys-typo-paragraph1-answer-regular': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-350',
+        lineHeight: 'lp-pri-font-lineheight-180',
+        size: 'lp-pri-font-size-16',
+    },
+    'lp-sys-typo-caption1-normal-bold': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-13',
+    },
+    'lp-sys-typo-caption2-normal-bold': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-12',
+    },
+    'lp-sys-typo-caption3-normal-bold': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-700',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-11',
+    },
+    'lp-sys-typo-caption1-normal-medium': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-500',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-13',
+    },
+    'lp-sys-typo-caption2-normal-medium': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-500',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-12',
+    },
+    'lp-sys-typo-caption3-normal-medium': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-500',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-11',
+    },
+    'lp-sys-typo-caption1-normal-regular': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-350',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-13',
+    },
+    'lp-sys-typo-caption2-normal-regular': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-350',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-12',
+    },
+    'lp-sys-typo-caption3-normal-regular': {
+        family: 'lp-pri-font-family-variables-pretendard',
+        weight: 'lp-pri-font-weight-350',
+        lineHeight: 'lp-pri-font-lineheight-130',
+        size: 'lp-pri-font-size-11',
+    },
+};
+exports.typographyClassName = (() => {
+    const result = {};
+    for (const key in exports.typography) {
+        const typedKey = key;
+        result[typedKey] = typedKey;
+    }
+    return result;
+})();
+exports.typographyEnglish = {
+    'lp-sys-typo-title1-accent-bold': {
+        ...exports.typography['lp-sys-typo-title1-accent-bold'],
+        family: 'lp-pri-font-family-flare',
+        size: 'lp-pri-font-size-34',
+        lineHeight: 'lp-pri-font-lineheight-120',
+        letterSpacing: 'lp-pri-font-letterspacing-tight',
+    },
+    'lp-sys-typo-title2-accent-bold': {
+        ...exports.typography['lp-sys-typo-title2-accent-bold'],
+        family: 'lp-pri-font-family-flare',
+        lineHeight: 'lp-pri-font-lineheight-120',
+        size: 'lp-pri-font-size-30',
+        letterSpacing: 'lp-pri-font-letterspacing-tight',
+    },
+    'lp-sys-typo-title3-accent-bold': {
+        ...exports.typography['lp-sys-typo-title3-accent-bold'],
+        family: 'lp-pri-font-family-flare',
+        lineHeight: 'lp-pri-font-lineheight-120',
+        size: 'lp-pri-font-size-26',
+        letterSpacing: 'lp-pri-font-letterspacing-tight',
+    },
+    'lp-sys-typo-title4-accent-bold': {
+        ...exports.typography['lp-sys-typo-title4-accent-bold'],
+        family: 'lp-pri-font-family-flare',
+        lineHeight: 'lp-pri-font-lineheight-120',
+        size: 'lp-pri-font-size-22',
+        letterSpacing: 'lp-pri-font-letterspacing-tight',
+    },
+    'lp-sys-typo-paragraph1-answer-bold': {
+        ...exports.typography['lp-sys-typo-paragraph1-answer-bold'],
+        family: 'lp-pri-font-family-merriweather',
+    },
+    'lp-sys-typo-paragraph1-answer-regular': {
+        ...exports.typography['lp-sys-typo-paragraph1-answer-regular'],
+        family: 'lp-pri-font-family-merriweather',
+    },
+};

package/dist/constants/typography/primitive.d.ts

@@ -0,0 +1,43 @@
+export declare const font: {
+    weight: {
+        readonly 'lp-pri-font-weight-300': 300;
+        readonly 'lp-pri-font-weight-350': 350;
+        readonly 'lp-pri-font-weight-400': 400;
+        readonly 'lp-pri-font-weight-500': 500;
+        readonly 'lp-pri-font-weight-600': 600;
+        readonly 'lp-pri-font-weight-700': 700;
+        readonly 'lp-pri-font-weight-800': 800;
+        readonly 'lp-pri-font-weight-900': 900;
+    };
+    lineHeight: {
+        readonly 'lp-pri-font-lineheight-120': "120%";
+        readonly 'lp-pri-font-lineheight-130': "130%";
+        readonly 'lp-pri-font-lineheight-150': "150%";
+        readonly 'lp-pri-font-lineheight-180': "180%";
+    };
+    size: {
+        readonly 'lp-pri-font-size-8': 8;
+        readonly 'lp-pri-font-size-11': 11;
+        readonly 'lp-pri-font-size-12': 12;
+        readonly 'lp-pri-font-size-13': 13;
+        readonly 'lp-pri-font-size-14': 14;
+        readonly 'lp-pri-font-size-15': 15;
+        readonly 'lp-pri-font-size-16': 16;
+        readonly 'lp-pri-font-size-17': 17;
+        readonly 'lp-pri-font-size-20': 20;
+        readonly 'lp-pri-font-size-22': 22;
+        readonly 'lp-pri-font-size-24': 24;
+        readonly 'lp-pri-font-size-26': 26;
+        readonly 'lp-pri-font-size-28': 28;
+        readonly 'lp-pri-font-size-30': 30;
+        readonly 'lp-pri-font-size-32': 32;
+        readonly 'lp-pri-font-size-34': 34;
+        readonly 'lp-pri-font-size-40': 40;
+        readonly 'lp-pri-font-size-56': 56;
+        readonly 'lp-pri-font-size-64': 64;
+        readonly 'lp-pri-font-size-72': 72;
+    };
+    letterSpacing: {
+        readonly 'lp-pri-font-letterspacing-tight': -2.5;
+    };
+};

package/dist/constants/typography/primitive.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.font = void 0;
+const lineHeight = {
+    'lp-pri-font-lineheight-120': '120%',
+    'lp-pri-font-lineheight-130': '130%',
+    'lp-pri-font-lineheight-150': '150%',
+    'lp-pri-font-lineheight-180': '180%',
+};
+const size = {
+    'lp-pri-font-size-8': 8,
+    'lp-pri-font-size-11': 11,
+    'lp-pri-font-size-12': 12,
+    'lp-pri-font-size-13': 13,
+    'lp-pri-font-size-14': 14,
+    'lp-pri-font-size-15': 15,
+    'lp-pri-font-size-16': 16,
+    'lp-pri-font-size-17': 17,
+    'lp-pri-font-size-20': 20,
+    'lp-pri-font-size-22': 22,
+    'lp-pri-font-size-24': 24,
+    'lp-pri-font-size-26': 26,
+    'lp-pri-font-size-28': 28,
+    'lp-pri-font-size-30': 30,
+    'lp-pri-font-size-32': 32,
+    'lp-pri-font-size-34': 34,
+    'lp-pri-font-size-40': 40,
+    'lp-pri-font-size-56': 56,
+    'lp-pri-font-size-64': 64,
+    'lp-pri-font-size-72': 72,
+};
+const weight = {
+    'lp-pri-font-weight-300': 300,
+    'lp-pri-font-weight-350': 350,
+    'lp-pri-font-weight-400': 400,
+    'lp-pri-font-weight-500': 500,
+    'lp-pri-font-weight-600': 600,
+    'lp-pri-font-weight-700': 700,
+    'lp-pri-font-weight-800': 800,
+    'lp-pri-font-weight-900': 900,
+};
+const letterSpacing = {
+    'lp-pri-font-letterspacing-tight': -2.5,
+};
+exports.font = { weight, lineHeight, size, letterSpacing };