@liner-fe/design-token 2.1.21 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/global.css +139 -87
- package/lib/generated/classNames.d.ts +1 -2
- package/lib/index.cjs +78 -60
- package/lib/index.cjs.map +2 -2
- package/lib/index.mjs +78 -60
- package/lib/index.mjs.map +2 -2
- package/lib/scripts/create-css/constants/typography/index.d.ts +1 -1
- package/lib/scripts/create-css/constants/typography/primitive.d.ts +2 -4
- package/lib/scripts/create-css/constants/typography/types.d.ts +2 -2
- package/package.json +1 -1
- package/src/generated/classNames.ts +1 -1
- package/src/scripts/create-css/constants/color/index.ts +1 -1
- package/src/scripts/create-css/constants/typography/index.ts +77 -59
- package/src/scripts/create-css/constants/typography/primitive.ts +2 -4
- package/src/scripts/create-css/constants/typography/types.ts +2 -7
package/lib/index.mjs
CHANGED
|
@@ -75,16 +75,10 @@ var DesignSystemHead = /* @__PURE__ */ __name(() => {
|
|
|
75
75
|
var vars = { "color": { "neutral-container-lowest": "var(--neutral-container-lowest)", "neutral-container-lowest-hover": "var(--neutral-container-lowest-hover)", "neutral-container-low": "var(--neutral-container-low)", "neutral-container-low-hover": "var(--neutral-container-low-hover)", "neutral-container-mid": "var(--neutral-container-mid)", "neutral-container-mid-hover": "var(--neutral-container-mid-hover)", "neutral-container-high": "var(--neutral-container-high)", "neutral-container-high-hover": "var(--neutral-container-high-hover)", "neutral-container-highest": "var(--neutral-container-highest)", "neutral-container-static-lowest": "var(--neutral-container-static-lowest)", "neutral-container-static-lowest-hover": "var(--neutral-container-static-lowest-hover)", "neutral-fill-lowest": "var(--neutral-fill-lowest)", "neutral-fill-lowest-hover": "var(--neutral-fill-lowest-hover)", "neutral-fill-low": "var(--neutral-fill-low)", "neutral-fill-low-hover": "var(--neutral-fill-low-hover)", "neutral-fill-mid": "var(--neutral-fill-mid)", "neutral-fill-mid-hover": "var(--neutral-fill-mid-hover)", "neutral-fill-high": "var(--neutral-fill-high)", "neutral-fill-high-hover": "var(--neutral-fill-high-hover)", "neutral-fill-highest": "var(--neutral-fill-highest)", "neutral-label-primary": "var(--neutral-label-primary)", "neutral-label-secondary": "var(--neutral-label-secondary)", "neutral-label-tertiary": "var(--neutral-label-tertiary)", "neutral-label-quaternary": "var(--neutral-label-quaternary)", "neutral-label-static-primary": "var(--neutral-label-static-primary)", "neutral-label-static-secondary": "var(--neutral-label-static-secondary)", "neutral-border-overlay-strong": "var(--neutral-border-overlay-strong)", "neutral-border-overlay-normal": "var(--neutral-border-overlay-normal)", "neutral-border-overlay-subtle": "var(--neutral-border-overlay-subtle)", "neutral-border-opaque-strong": "var(--neutral-border-opaque-strong)", "neutral-border-opaque-normal": "var(--neutral-border-opaque-normal)", "neutral-border-opaque-subtle": "var(--neutral-border-opaque-subtle)", "inverse-container-lowest": "var(--inverse-container-lowest)", "inverse-container-lowest-hover": "var(--inverse-container-lowest-hover)", "inverse-container-low": "var(--inverse-container-low)", "inverse-container-low-hover": "var(--inverse-container-low-hover)", "inverse-container-mid": "var(--inverse-container-mid)", "inverse-container-mid-hover": "var(--inverse-container-mid-hover)", "inverse-container-high": "var(--inverse-container-high)", "inverse-container-high-hover": "var(--inverse-container-high-hover)", "inverse-container-static-high": "var(--inverse-container-static-high)", "inverse-container-static-high-hover": "var(--inverse-container-static-high-hover)", "inverse-container-highest": "var(--inverse-container-highest)", "inverse-fill-mid": "var(--inverse-fill-mid)", "inverse-fill-mid-hover": "var(--inverse-fill-mid-hover)", "inverse-label-primary": "var(--inverse-label-primary)", "inverse-label-secondary": "var(--inverse-label-secondary)", "inverse-label-tertiary": "var(--inverse-label-tertiary)", "inverse-label-quaternary": "var(--inverse-label-quaternary)", "inverse-label-static-primary": "var(--inverse-label-static-primary)", "inverse-label-static-secondary": "var(--inverse-label-static-secondary)", "inverse-border-overlay-strong": "var(--inverse-border-overlay-strong)", "inverse-border-overlay-normal": "var(--inverse-border-overlay-normal)", "inverse-border-overlay-subtle": "var(--inverse-border-overlay-subtle)", "inverse-border-opaque-strong": "var(--inverse-border-opaque-strong)", "inverse-border-opaque-normal": "var(--inverse-border-opaque-normal)", "inverse-border-opaque-subtle": "var(--inverse-border-opaque-subtle)", "brand-container-mid": "var(--brand-container-mid)", "brand-container-mid-hover": "var(--brand-container-mid-hover)", "brand-container-high": "var(--brand-container-high)", "brand-label-primary": "var(--brand-label-primary)", "brand-label-secondary": "var(--brand-label-secondary)", "brand-border-opaque-normal": "var(--brand-border-opaque-normal)", "brand-border-overlay-normal": "var(--brand-border-overlay-normal)", "accent-yellow": "var(--accent-yellow)", "accent-mint": "var(--accent-mint)", "accent-cyan": "var(--accent-cyan)", "accent-purple": "var(--accent-purple)", "accent-pink": "var(--accent-pink)", "function-container-positive": "var(--function-container-positive)", "function-container-negative": "var(--function-container-negative)", "function-container-negative-hover": "var(--function-container-negative-hover)", "function-container-caution": "var(--function-container-caution)", "function-label-positive": "var(--function-label-positive)", "function-label-negative": "var(--function-label-negative)", "function-label-caution": "var(--function-label-caution)", "cover-dim-page": "var(--cover-dim-page)" }, "radius": { "lp-sys-radius-xxs": "var(--lp-sys-radius-xxs)", "lp-sys-radius-xs": "var(--lp-sys-radius-xs)", "lp-sys-radius-s": "var(--lp-sys-radius-s)", "lp-sys-radius-m": "var(--lp-sys-radius-m)", "lp-sys-radius-l": "var(--lp-sys-radius-l)", "lp-sys-radius-xl": "var(--lp-sys-radius-xl)", "lp-sys-radius-xxl": "var(--lp-sys-radius-xxl)" }, "opacity": { "lp-pri-color-opacity-80": "var(--lp-pri-color-opacity-80)", "lp-pri-color-opacity-72": "var(--lp-pri-color-opacity-72)", "lp-pri-color-opacity-64": "var(--lp-pri-color-opacity-64)", "lp-pri-color-opacity-56": "var(--lp-pri-color-opacity-56)", "lp-pri-color-opacity-50": "var(--lp-pri-color-opacity-50)", "lp-pri-color-opacity-48": "var(--lp-pri-color-opacity-48)", "lp-pri-color-opacity-44": "var(--lp-pri-color-opacity-44)", "lp-pri-color-opacity-40": "var(--lp-pri-color-opacity-40)", "lp-pri-color-opacity-36": "var(--lp-pri-color-opacity-36)", "lp-pri-color-opacity-32": "var(--lp-pri-color-opacity-32)", "lp-pri-color-opacity-28": "var(--lp-pri-color-opacity-28)", "lp-pri-color-opacity-24": "var(--lp-pri-color-opacity-24)", "lp-pri-color-opacity-20": "var(--lp-pri-color-opacity-20)", "lp-pri-color-opacity-16": "var(--lp-pri-color-opacity-16)", "lp-pri-color-opacity-12": "var(--lp-pri-color-opacity-12)", "lp-pri-color-opacity-8": "var(--lp-pri-color-opacity-8)", "lp-pri-color-opacity-4": "var(--lp-pri-color-opacity-4)", "lp-pri-color-opacity-1": "var(--lp-pri-color-opacity-1)", "lp-pri-color-opacity-0": "var(--lp-pri-color-opacity-0)" }, "padding": { "lp-sys-padding-component-50": "var(--lp-sys-padding-component-50)", "lp-sys-padding-component-100": "var(--lp-sys-padding-component-100)", "lp-sys-padding-component-150": "var(--lp-sys-padding-component-150)", "lp-sys-padding-component-200": "var(--lp-sys-padding-component-200)", "lp-sys-padding-component-300": "var(--lp-sys-padding-component-300)", "lp-sys-padding-component-400": "var(--lp-sys-padding-component-400)", "lp-sys-padding-component-500": "var(--lp-sys-padding-component-500)", "lp-sys-padding-component-600": "var(--lp-sys-padding-component-600)", "lp-sys-padding-component-700": "var(--lp-sys-padding-component-700)", "lp-sys-padding-component-800": "var(--lp-sys-padding-component-800)", "lp-sys-padding-component-900": "var(--lp-sys-padding-component-900)", "lp-sys-padding-section-50": "var(--lp-sys-padding-section-50)", "lp-sys-padding-section-100": "var(--lp-sys-padding-section-100)", "lp-sys-padding-section-200": "var(--lp-sys-padding-section-200)", "lp-sys-padding-section-300": "var(--lp-sys-padding-section-300)", "lp-sys-padding-section-400": "var(--lp-sys-padding-section-400)", "lp-sys-padding-section-500": "var(--lp-sys-padding-section-500)", "lp-sys-padding-section-600": "var(--lp-sys-padding-section-600)", "lp-sys-padding-section-700": "var(--lp-sys-padding-section-700)", "lp-sys-padding-section-800": "var(--lp-sys-padding-section-800)", "lp-sys-padding-section-900": "var(--lp-sys-padding-section-900)" }, "size": { "lp-pri-size-minus6": "var(--lp-pri-size-minus6)", "lp-pri-size-minus4": "var(--lp-pri-size-minus4)", "lp-pri-size-minus2": "var(--lp-pri-size-minus2)", "lp-pri-size-0": "var(--lp-pri-size-0)", "lp-pri-size-1": "var(--lp-pri-size-1)", "lp-pri-size-2": "var(--lp-pri-size-2)", "lp-pri-size-3": "var(--lp-pri-size-3)", "lp-pri-size-4": "var(--lp-pri-size-4)", "lp-pri-size-6": "var(--lp-pri-size-6)", "lp-pri-size-8": "var(--lp-pri-size-8)", "lp-pri-size-10": "var(--lp-pri-size-10)", "lp-pri-size-12": "var(--lp-pri-size-12)", "lp-pri-size-14": "var(--lp-pri-size-14)", "lp-pri-size-16": "var(--lp-pri-size-16)", "lp-pri-size-18": "var(--lp-pri-size-18)", "lp-pri-size-20": "var(--lp-pri-size-20)", "lp-pri-size-24": "var(--lp-pri-size-24)", "lp-pri-size-32": "var(--lp-pri-size-32)", "lp-pri-size-40": "var(--lp-pri-size-40)", "lp-pri-size-48": "var(--lp-pri-size-48)", "lp-pri-size-56": "var(--lp-pri-size-56)", "lp-pri-size-64": "var(--lp-pri-size-64)", "lp-pri-size-80": "var(--lp-pri-size-80)", "lp-pri-size-100": "var(--lp-pri-size-100)", "lp-pri-size-120": "var(--lp-pri-size-120)", "lp-pri-size-140": "var(--lp-pri-size-140)", "lp-pri-size-160": "var(--lp-pri-size-160)", "lp-pri-size-180": "var(--lp-pri-size-180)", "lp-pri-size-200": "var(--lp-pri-size-200)" }, "gap": { "lp-sys-gap-positive-50": "var(--lp-sys-gap-positive-50)", "lp-sys-gap-positive-100": "var(--lp-sys-gap-positive-100)", "lp-sys-gap-positive-150": "var(--lp-sys-gap-positive-150)", "lp-sys-gap-positive-200": "var(--lp-sys-gap-positive-200)", "lp-sys-gap-positive-300": "var(--lp-sys-gap-positive-300)", "lp-sys-gap-positive-400": "var(--lp-sys-gap-positive-400)", "lp-sys-gap-positive-500": "var(--lp-sys-gap-positive-500)", "lp-sys-gap-positive-600": "var(--lp-sys-gap-positive-600)", "lp-sys-gap-positive-700": "var(--lp-sys-gap-positive-700)", "lp-sys-gap-positive-800": "var(--lp-sys-gap-positive-800)", "lp-sys-gap-positive-900": "var(--lp-sys-gap-positive-900)", "lp-sys-gap-negative-700": "var(--lp-sys-gap-negative-700)", "lp-sys-gap-negative-800": "var(--lp-sys-gap-negative-800)", "lp-sys-gap-negative-900": "var(--lp-sys-gap-negative-900)" }, "shadow": { "lp-sys-shadow-normal": "var(--lp-sys-shadow-normal)", "lp-sys-shadow-strong": "var(--lp-sys-shadow-strong)", "lp-sys-shadow-heavy": "var(--lp-sys-shadow-heavy)" }, "iconSize": { "lp-sys-icon-size-xs": "var(--lp-sys-icon-size-xs)", "lp-sys-icon-size-s": "var(--lp-sys-icon-size-s)", "lp-sys-icon-size-m": "var(--lp-sys-icon-size-m)", "lp-sys-icon-size-l": "var(--lp-sys-icon-size-l)", "lp-sys-icon-size-xl": "var(--lp-sys-icon-size-xl)" } };
|
|
76
76
|
|
|
77
77
|
// src/generated/classNames.ts
|
|
78
|
-
var classNames = { "typography": { "lp-sys-typo-
|
|
78
|
+
var classNames = { "typography": { "lp-sys-typo-display2-accent-black": "lp-sys-typo-display2-accent-black", "lp-sys-typo-display3-accent-black": "lp-sys-typo-display3-accent-black", "lp-sys-typo-display2-normal-black": "lp-sys-typo-display2-normal-black", "lp-sys-typo-display3-normal-black": "lp-sys-typo-display3-normal-black", "lp-sys-typo-heading1-answer": "lp-sys-typo-heading1-answer", "lp-sys-typo-heading2-answer": "lp-sys-typo-heading2-answer", "lp-sys-typo-heading3-answer": "lp-sys-typo-heading3-answer", "lp-sys-typo-heading4-answer": "lp-sys-typo-heading4-answer", "lp-sys-typo-heading5-answer": "lp-sys-typo-heading5-answer", "lp-sys-typo-heading6-answer": "lp-sys-typo-heading6-answer", "lp-sys-typo-title1-accent-bold": "lp-sys-typo-title1-accent-bold", "lp-sys-typo-title2-accent-bold": "lp-sys-typo-title2-accent-bold", "lp-sys-typo-title3-accent-bold": "lp-sys-typo-title3-accent-bold", "lp-sys-typo-title4-accent-bold": "lp-sys-typo-title4-accent-bold", "lp-sys-typo-title1-accent-medium": "lp-sys-typo-title1-accent-medium", "lp-sys-typo-title2-accent-medium": "lp-sys-typo-title2-accent-medium", "lp-sys-typo-title3-accent-medium": "lp-sys-typo-title3-accent-medium", "lp-sys-typo-title4-accent-medium": "lp-sys-typo-title4-accent-medium", "lp-sys-typo-title1-normal-bold": "lp-sys-typo-title1-normal-bold", "lp-sys-typo-title2-normal-bold": "lp-sys-typo-title2-normal-bold", "lp-sys-typo-title3-normal-bold": "lp-sys-typo-title3-normal-bold", "lp-sys-typo-title4-normal-bold": "lp-sys-typo-title4-normal-bold", "lp-sys-typo-title1-normal-medium": "lp-sys-typo-title1-normal-medium", "lp-sys-typo-title2-normal-medium": "lp-sys-typo-title2-normal-medium", "lp-sys-typo-title3-normal-medium": "lp-sys-typo-title3-normal-medium", "lp-sys-typo-title4-normal-medium": "lp-sys-typo-title4-normal-medium", "lp-sys-typo-paragraph1-accent-bold": "lp-sys-typo-paragraph1-accent-bold", "lp-sys-typo-paragraph2-accent-bold": "lp-sys-typo-paragraph2-accent-bold", "lp-sys-typo-paragraph3-accent-bold": "lp-sys-typo-paragraph3-accent-bold", "lp-sys-typo-paragraph1-accent-medium": "lp-sys-typo-paragraph1-accent-medium", "lp-sys-typo-paragraph2-accent-medium": "lp-sys-typo-paragraph2-accent-medium", "lp-sys-typo-paragraph3-accent-medium": "lp-sys-typo-paragraph3-accent-medium", "lp-sys-typo-paragraph1-accent-regular": "lp-sys-typo-paragraph1-accent-regular", "lp-sys-typo-paragraph2-accent-regular": "lp-sys-typo-paragraph2-accent-regular", "lp-sys-typo-paragraph3-accent-regular": "lp-sys-typo-paragraph3-accent-regular", "lp-sys-typo-paragraph1-normal-bold": "lp-sys-typo-paragraph1-normal-bold", "lp-sys-typo-paragraph2-normal-bold": "lp-sys-typo-paragraph2-normal-bold", "lp-sys-typo-paragraph3-normal-bold": "lp-sys-typo-paragraph3-normal-bold", "lp-sys-typo-paragraph4-normal-bold": "lp-sys-typo-paragraph4-normal-bold", "lp-sys-typo-paragraph1-normal-medium": "lp-sys-typo-paragraph1-normal-medium", "lp-sys-typo-paragraph2-normal-medium": "lp-sys-typo-paragraph2-normal-medium", "lp-sys-typo-paragraph3-normal-medium": "lp-sys-typo-paragraph3-normal-medium", "lp-sys-typo-paragraph4-normal-medium": "lp-sys-typo-paragraph4-normal-medium", "lp-sys-typo-paragraph1-normal-regular": "lp-sys-typo-paragraph1-normal-regular", "lp-sys-typo-paragraph2-normal-regular": "lp-sys-typo-paragraph2-normal-regular", "lp-sys-typo-paragraph3-normal-regular": "lp-sys-typo-paragraph3-normal-regular", "lp-sys-typo-paragraph4-normal-regular": "lp-sys-typo-paragraph4-normal-regular", "lp-sys-typo-paragraph1-post-regular": "lp-sys-typo-paragraph1-post-regular", "lp-sys-typo-paragraph3-post-regular": "lp-sys-typo-paragraph3-post-regular", "lp-sys-typo-paragraph1-answer-bold": "lp-sys-typo-paragraph1-answer-bold", "lp-sys-typo-paragraph1-answer-regular": "lp-sys-typo-paragraph1-answer-regular", "lp-sys-typo-caption1-normal-bold": "lp-sys-typo-caption1-normal-bold", "lp-sys-typo-caption2-normal-bold": "lp-sys-typo-caption2-normal-bold", "lp-sys-typo-caption3-normal-bold": "lp-sys-typo-caption3-normal-bold", "lp-sys-typo-caption1-normal-medium": "lp-sys-typo-caption1-normal-medium", "lp-sys-typo-caption2-normal-medium": "lp-sys-typo-caption2-normal-medium", "lp-sys-typo-caption3-normal-medium": "lp-sys-typo-caption3-normal-medium", "lp-sys-typo-caption1-normal-regular": "lp-sys-typo-caption1-normal-regular", "lp-sys-typo-caption2-normal-regular": "lp-sys-typo-caption2-normal-regular", "lp-sys-typo-caption3-normal-regular": "lp-sys-typo-caption3-normal-regular" } };
|
|
79
79
|
|
|
80
80
|
// src/scripts/create-css/constants/typography/index.ts
|
|
81
81
|
var typography = {
|
|
82
|
-
"lp-sys-typo-display1-accent-black": {
|
|
83
|
-
family: "lp-pri-font-family-variables-pretendard",
|
|
84
|
-
weight: "lp-pri-font-weight-800",
|
|
85
|
-
lineHeight: "lp-pri-font-lineheight-120",
|
|
86
|
-
size: "lp-pri-font-size-72"
|
|
87
|
-
},
|
|
88
82
|
"lp-sys-typo-display2-accent-black": {
|
|
89
83
|
family: "lp-pri-font-family-variables-pretendard",
|
|
90
84
|
weight: "lp-pri-font-weight-800",
|
|
@@ -97,22 +91,16 @@ var typography = {
|
|
|
97
91
|
lineHeight: "lp-pri-font-lineheight-120",
|
|
98
92
|
size: "lp-pri-font-size-40"
|
|
99
93
|
},
|
|
100
|
-
"lp-sys-typo-display1-normal-black": {
|
|
101
|
-
family: "lp-pri-font-family-variables-pretendard",
|
|
102
|
-
weight: "lp-pri-font-weight-800",
|
|
103
|
-
lineHeight: "lp-pri-font-lineheight-120",
|
|
104
|
-
size: "lp-pri-font-size-72"
|
|
105
|
-
},
|
|
106
94
|
"lp-sys-typo-display2-normal-black": {
|
|
107
95
|
family: "lp-pri-font-family-variables-pretendard",
|
|
108
96
|
weight: "lp-pri-font-weight-800",
|
|
109
|
-
lineHeight: "lp-pri-font-lineheight-
|
|
110
|
-
size: "lp-pri-font-size-
|
|
97
|
+
lineHeight: "lp-pri-font-lineheight-130",
|
|
98
|
+
size: "lp-pri-font-size-56"
|
|
111
99
|
},
|
|
112
100
|
"lp-sys-typo-display3-normal-black": {
|
|
113
101
|
family: "lp-pri-font-family-variables-pretendard",
|
|
114
102
|
weight: "lp-pri-font-weight-800",
|
|
115
|
-
lineHeight: "lp-pri-font-lineheight-
|
|
103
|
+
lineHeight: "lp-pri-font-lineheight-130",
|
|
116
104
|
size: "lp-pri-font-size-40"
|
|
117
105
|
},
|
|
118
106
|
"lp-sys-typo-heading1-answer": {
|
|
@@ -130,26 +118,26 @@ var typography = {
|
|
|
130
118
|
"lp-sys-typo-heading3-answer": {
|
|
131
119
|
family: "lp-pri-font-family-variables-pretendard",
|
|
132
120
|
weight: "lp-pri-font-weight-700",
|
|
133
|
-
lineHeight: "lp-pri-font-lineheight-
|
|
134
|
-
size: "lp-pri-font-size-
|
|
121
|
+
lineHeight: "lp-pri-font-lineheight-180",
|
|
122
|
+
size: "lp-pri-font-size-20"
|
|
135
123
|
},
|
|
136
124
|
"lp-sys-typo-heading4-answer": {
|
|
137
125
|
family: "lp-pri-font-family-variables-pretendard",
|
|
138
|
-
weight: "lp-pri-font-weight-
|
|
139
|
-
lineHeight: "lp-pri-font-lineheight-
|
|
140
|
-
size: "lp-pri-font-size-
|
|
126
|
+
weight: "lp-pri-font-weight-700",
|
|
127
|
+
lineHeight: "lp-pri-font-lineheight-180",
|
|
128
|
+
size: "lp-pri-font-size-17"
|
|
141
129
|
},
|
|
142
130
|
"lp-sys-typo-heading5-answer": {
|
|
143
131
|
family: "lp-pri-font-family-variables-pretendard",
|
|
144
|
-
weight: "lp-pri-font-weight-
|
|
145
|
-
lineHeight: "lp-pri-font-lineheight-
|
|
146
|
-
size: "lp-pri-font-size-
|
|
132
|
+
weight: "lp-pri-font-weight-700",
|
|
133
|
+
lineHeight: "lp-pri-font-lineheight-180",
|
|
134
|
+
size: "lp-pri-font-size-17"
|
|
147
135
|
},
|
|
148
136
|
"lp-sys-typo-heading6-answer": {
|
|
149
137
|
family: "lp-pri-font-family-variables-pretendard",
|
|
150
|
-
weight: "lp-pri-font-weight-
|
|
151
|
-
lineHeight: "lp-pri-font-lineheight-
|
|
152
|
-
size: "lp-pri-font-size-
|
|
138
|
+
weight: "lp-pri-font-weight-700",
|
|
139
|
+
lineHeight: "lp-pri-font-lineheight-180",
|
|
140
|
+
size: "lp-pri-font-size-17"
|
|
153
141
|
},
|
|
154
142
|
"lp-sys-typo-title1-accent-bold": {
|
|
155
143
|
family: "lp-pri-font-family-variables-pretendard",
|
|
@@ -165,37 +153,37 @@ var typography = {
|
|
|
165
153
|
},
|
|
166
154
|
"lp-sys-typo-title3-accent-bold": {
|
|
167
155
|
family: "lp-pri-font-family-variables-pretendard",
|
|
168
|
-
weight: "lp-pri-font-weight-
|
|
156
|
+
weight: "lp-pri-font-weight-700",
|
|
169
157
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
170
158
|
size: "lp-pri-font-size-24"
|
|
171
159
|
},
|
|
172
160
|
"lp-sys-typo-title4-accent-bold": {
|
|
173
161
|
family: "lp-pri-font-family-variables-pretendard",
|
|
174
|
-
weight: "lp-pri-font-weight-
|
|
162
|
+
weight: "lp-pri-font-weight-700",
|
|
175
163
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
176
164
|
size: "lp-pri-font-size-20"
|
|
177
165
|
},
|
|
178
166
|
"lp-sys-typo-title1-accent-medium": {
|
|
179
167
|
family: "lp-pri-font-family-variables-pretendard",
|
|
180
|
-
weight: "lp-pri-font-weight-
|
|
168
|
+
weight: "lp-pri-font-weight-500",
|
|
181
169
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
182
170
|
size: "lp-pri-font-size-32"
|
|
183
171
|
},
|
|
184
172
|
"lp-sys-typo-title2-accent-medium": {
|
|
185
173
|
family: "lp-pri-font-family-variables-pretendard",
|
|
186
|
-
weight: "lp-pri-font-weight-
|
|
174
|
+
weight: "lp-pri-font-weight-500",
|
|
187
175
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
188
176
|
size: "lp-pri-font-size-28"
|
|
189
177
|
},
|
|
190
178
|
"lp-sys-typo-title3-accent-medium": {
|
|
191
179
|
family: "lp-pri-font-family-variables-pretendard",
|
|
192
|
-
weight: "lp-pri-font-weight-
|
|
180
|
+
weight: "lp-pri-font-weight-500",
|
|
193
181
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
194
182
|
size: "lp-pri-font-size-24"
|
|
195
183
|
},
|
|
196
184
|
"lp-sys-typo-title4-accent-medium": {
|
|
197
185
|
family: "lp-pri-font-family-variables-pretendard",
|
|
198
|
-
weight: "lp-pri-font-weight-
|
|
186
|
+
weight: "lp-pri-font-weight-500",
|
|
199
187
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
200
188
|
size: "lp-pri-font-size-20"
|
|
201
189
|
},
|
|
@@ -213,12 +201,12 @@ var typography = {
|
|
|
213
201
|
},
|
|
214
202
|
"lp-sys-typo-title3-normal-bold": {
|
|
215
203
|
family: "lp-pri-font-family-variables-pretendard",
|
|
216
|
-
weight: "lp-pri-font-weight-
|
|
204
|
+
weight: "lp-pri-font-weight-700",
|
|
217
205
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
218
206
|
size: "lp-pri-font-size-24"
|
|
219
207
|
},
|
|
220
208
|
"lp-sys-typo-title4-normal-bold": {
|
|
221
|
-
weight: "lp-pri-font-weight-
|
|
209
|
+
weight: "lp-pri-font-weight-700",
|
|
222
210
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
223
211
|
size: "lp-pri-font-size-20",
|
|
224
212
|
family: "lp-pri-font-family-variables-pretendard"
|
|
@@ -267,19 +255,19 @@ var typography = {
|
|
|
267
255
|
},
|
|
268
256
|
"lp-sys-typo-paragraph1-accent-medium": {
|
|
269
257
|
family: "lp-pri-font-family-variables-pretendard",
|
|
270
|
-
weight: "lp-pri-font-weight-
|
|
258
|
+
weight: "lp-pri-font-weight-500",
|
|
271
259
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
272
260
|
size: "lp-pri-font-size-17"
|
|
273
261
|
},
|
|
274
262
|
"lp-sys-typo-paragraph2-accent-medium": {
|
|
275
263
|
family: "lp-pri-font-family-variables-pretendard",
|
|
276
|
-
weight: "lp-pri-font-weight-
|
|
264
|
+
weight: "lp-pri-font-weight-500",
|
|
277
265
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
278
266
|
size: "lp-pri-font-size-16"
|
|
279
267
|
},
|
|
280
268
|
"lp-sys-typo-paragraph3-accent-medium": {
|
|
281
269
|
family: "lp-pri-font-family-variables-pretendard",
|
|
282
|
-
weight: "lp-pri-font-weight-
|
|
270
|
+
weight: "lp-pri-font-weight-500",
|
|
283
271
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
284
272
|
size: "lp-pri-font-size-15"
|
|
285
273
|
},
|
|
@@ -302,26 +290,26 @@ var typography = {
|
|
|
302
290
|
size: "lp-pri-font-size-15"
|
|
303
291
|
},
|
|
304
292
|
"lp-sys-typo-paragraph1-normal-bold": {
|
|
305
|
-
weight: "lp-pri-font-weight-
|
|
293
|
+
weight: "lp-pri-font-weight-700",
|
|
306
294
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
307
295
|
size: "lp-pri-font-size-17",
|
|
308
296
|
family: "lp-pri-font-family-variables-pretendard"
|
|
309
297
|
},
|
|
310
298
|
"lp-sys-typo-paragraph2-normal-bold": {
|
|
311
|
-
weight: "lp-pri-font-weight-
|
|
299
|
+
weight: "lp-pri-font-weight-700",
|
|
312
300
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
313
301
|
size: "lp-pri-font-size-16",
|
|
314
302
|
family: "lp-pri-font-family-variables-pretendard"
|
|
315
303
|
},
|
|
316
304
|
"lp-sys-typo-paragraph3-normal-bold": {
|
|
317
305
|
family: "lp-pri-font-family-variables-pretendard",
|
|
318
|
-
weight: "lp-pri-font-weight-
|
|
306
|
+
weight: "lp-pri-font-weight-700",
|
|
319
307
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
320
308
|
size: "lp-pri-font-size-15"
|
|
321
309
|
},
|
|
322
310
|
"lp-sys-typo-paragraph4-normal-bold": {
|
|
323
311
|
family: "lp-pri-font-family-variables-pretendard",
|
|
324
|
-
weight: "lp-pri-font-weight-
|
|
312
|
+
weight: "lp-pri-font-weight-700",
|
|
325
313
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
326
314
|
size: "lp-pri-font-size-14"
|
|
327
315
|
},
|
|
@@ -387,37 +375,37 @@ var typography = {
|
|
|
387
375
|
},
|
|
388
376
|
"lp-sys-typo-paragraph1-answer-bold": {
|
|
389
377
|
family: "lp-pri-font-family-variables-pretendard",
|
|
390
|
-
weight: "lp-pri-font-weight-
|
|
378
|
+
weight: "lp-pri-font-weight-800",
|
|
391
379
|
lineHeight: "lp-pri-font-lineheight-180",
|
|
392
|
-
size: "lp-pri-font-size-
|
|
380
|
+
size: "lp-pri-font-size-16"
|
|
393
381
|
},
|
|
394
382
|
"lp-sys-typo-paragraph1-answer-regular": {
|
|
395
383
|
family: "lp-pri-font-family-variables-pretendard",
|
|
396
384
|
weight: "lp-pri-font-weight-350",
|
|
397
385
|
lineHeight: "lp-pri-font-lineheight-180",
|
|
398
|
-
size: "lp-pri-font-size-
|
|
386
|
+
size: "lp-pri-font-size-16"
|
|
399
387
|
},
|
|
400
388
|
"lp-sys-typo-caption1-normal-bold": {
|
|
401
389
|
family: "lp-pri-font-family-variables-pretendard",
|
|
402
|
-
weight: "lp-pri-font-weight-
|
|
390
|
+
weight: "lp-pri-font-weight-700",
|
|
403
391
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
404
392
|
size: "lp-pri-font-size-13"
|
|
405
393
|
},
|
|
406
394
|
"lp-sys-typo-caption2-normal-bold": {
|
|
407
395
|
family: "lp-pri-font-family-variables-pretendard",
|
|
408
|
-
weight: "lp-pri-font-weight-
|
|
396
|
+
weight: "lp-pri-font-weight-700",
|
|
409
397
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
410
398
|
size: "lp-pri-font-size-12"
|
|
411
399
|
},
|
|
412
400
|
"lp-sys-typo-caption3-normal-bold": {
|
|
413
401
|
family: "lp-pri-font-family-variables-pretendard",
|
|
414
|
-
weight: "lp-pri-font-weight-
|
|
402
|
+
weight: "lp-pri-font-weight-700",
|
|
415
403
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
416
404
|
size: "lp-pri-font-size-11"
|
|
417
405
|
},
|
|
418
406
|
"lp-sys-typo-caption1-normal-medium": {
|
|
419
407
|
family: "lp-pri-font-family-variables-pretendard",
|
|
420
|
-
weight: "lp-pri-font-weight-
|
|
408
|
+
weight: "lp-pri-font-weight-500",
|
|
421
409
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
422
410
|
size: "lp-pri-font-size-13"
|
|
423
411
|
},
|
|
@@ -427,6 +415,12 @@ var typography = {
|
|
|
427
415
|
lineHeight: "lp-pri-font-lineheight-130",
|
|
428
416
|
size: "lp-pri-font-size-12"
|
|
429
417
|
},
|
|
418
|
+
"lp-sys-typo-caption3-normal-medium": {
|
|
419
|
+
family: "lp-pri-font-family-variables-pretendard",
|
|
420
|
+
weight: "lp-pri-font-weight-500",
|
|
421
|
+
lineHeight: "lp-pri-font-lineheight-130",
|
|
422
|
+
size: "lp-pri-font-size-11"
|
|
423
|
+
},
|
|
430
424
|
"lp-sys-typo-caption1-normal-regular": {
|
|
431
425
|
family: "lp-pri-font-family-variables-pretendard",
|
|
432
426
|
weight: "lp-pri-font-weight-350",
|
|
@@ -455,6 +449,16 @@ var typographyClassName = (() => {
|
|
|
455
449
|
return result;
|
|
456
450
|
})();
|
|
457
451
|
var typographyEnglish = {
|
|
452
|
+
"lp-sys-typo-display2-accent-black": {
|
|
453
|
+
...typography["lp-sys-typo-display2-accent-black"],
|
|
454
|
+
family: "lp-pri-font-family-merriweather",
|
|
455
|
+
weight: "lp-pri-font-weight-900"
|
|
456
|
+
},
|
|
457
|
+
"lp-sys-typo-display3-accent-black": {
|
|
458
|
+
...typography["lp-sys-typo-display3-accent-black"],
|
|
459
|
+
family: "lp-pri-font-family-merriweather",
|
|
460
|
+
weight: "lp-pri-font-weight-900"
|
|
461
|
+
},
|
|
458
462
|
"lp-sys-typo-title1-accent-bold": {
|
|
459
463
|
...typography["lp-sys-typo-title1-accent-bold"],
|
|
460
464
|
family: "lp-pri-font-family-merriweather"
|
|
@@ -490,47 +494,61 @@ var typographyEnglish = {
|
|
|
490
494
|
"lp-sys-typo-paragraph1-accent-bold": {
|
|
491
495
|
...typography["lp-sys-typo-paragraph1-accent-bold"],
|
|
492
496
|
family: "lp-pri-font-family-merriweather",
|
|
493
|
-
weight: "lp-pri-font-weight-
|
|
497
|
+
weight: "lp-pri-font-weight-700"
|
|
494
498
|
},
|
|
495
499
|
"lp-sys-typo-paragraph2-accent-bold": {
|
|
496
500
|
...typography["lp-sys-typo-paragraph2-accent-bold"],
|
|
497
501
|
family: "lp-pri-font-family-variables-pretendard",
|
|
498
|
-
weight: "lp-pri-font-weight-
|
|
502
|
+
weight: "lp-pri-font-weight-700"
|
|
499
503
|
},
|
|
500
504
|
"lp-sys-typo-paragraph3-accent-bold": {
|
|
501
505
|
...typography["lp-sys-typo-paragraph3-accent-bold"],
|
|
502
506
|
family: "lp-pri-font-family-variables-pretendard",
|
|
503
|
-
weight: "lp-pri-font-weight-
|
|
507
|
+
weight: "lp-pri-font-weight-700"
|
|
504
508
|
},
|
|
505
509
|
"lp-sys-typo-paragraph1-accent-medium": {
|
|
506
510
|
...typography["lp-sys-typo-paragraph1-accent-medium"],
|
|
507
|
-
family: "lp-pri-font-family-
|
|
511
|
+
family: "lp-pri-font-family-merriweather",
|
|
508
512
|
weight: "lp-pri-font-weight-500"
|
|
509
513
|
},
|
|
510
514
|
"lp-sys-typo-paragraph2-accent-medium": {
|
|
511
515
|
...typography["lp-sys-typo-paragraph2-accent-medium"],
|
|
512
|
-
family: "lp-pri-font-family-
|
|
516
|
+
family: "lp-pri-font-family-merriweather",
|
|
513
517
|
weight: "lp-pri-font-weight-500"
|
|
514
518
|
},
|
|
515
519
|
"lp-sys-typo-paragraph3-accent-medium": {
|
|
516
520
|
...typography["lp-sys-typo-paragraph3-accent-medium"],
|
|
517
|
-
family: "lp-pri-font-family-
|
|
521
|
+
family: "lp-pri-font-family-merriweather",
|
|
518
522
|
weight: "lp-pri-font-weight-500"
|
|
519
523
|
},
|
|
520
524
|
"lp-sys-typo-paragraph1-accent-regular": {
|
|
521
|
-
...typography["lp-sys-typo-
|
|
525
|
+
...typography["lp-sys-typo-paragraph1-accent-regular"],
|
|
522
526
|
weight: "lp-pri-font-weight-300",
|
|
523
|
-
family: "lp-pri-font-family-
|
|
527
|
+
family: "lp-pri-font-family-merriweather"
|
|
524
528
|
},
|
|
525
529
|
"lp-sys-typo-paragraph2-accent-regular": {
|
|
526
|
-
...typography["lp-sys-typo-
|
|
530
|
+
...typography["lp-sys-typo-paragraph2-accent-regular"],
|
|
527
531
|
weight: "lp-pri-font-weight-300",
|
|
528
|
-
family: "lp-pri-font-family-
|
|
532
|
+
family: "lp-pri-font-family-merriweather"
|
|
529
533
|
},
|
|
530
534
|
"lp-sys-typo-paragraph3-accent-regular": {
|
|
531
535
|
...typography["lp-sys-typo-paragraph3-accent-regular"],
|
|
532
536
|
weight: "lp-pri-font-weight-300",
|
|
533
|
-
family: "lp-pri-font-family-
|
|
537
|
+
family: "lp-pri-font-family-merriweather"
|
|
538
|
+
},
|
|
539
|
+
"lp-sys-typo-display2-normal-black": {
|
|
540
|
+
...typography["lp-sys-typo-display2-normal-black"],
|
|
541
|
+
family: "lp-pri-font-family-variables-pretendard"
|
|
542
|
+
},
|
|
543
|
+
"lp-sys-typo-paragraph1-answer-bold": {
|
|
544
|
+
...typography["lp-sys-typo-paragraph1-answer-bold"],
|
|
545
|
+
family: "lp-pri-font-family-merriweather",
|
|
546
|
+
size: "lp-pri-font-size-15"
|
|
547
|
+
},
|
|
548
|
+
"lp-sys-typo-paragraph1-answer-regular": {
|
|
549
|
+
...typography["lp-sys-typo-paragraph1-answer-regular"],
|
|
550
|
+
family: "lp-pri-font-family-merriweather",
|
|
551
|
+
size: "lp-pri-font-size-15"
|
|
534
552
|
}
|
|
535
553
|
};
|
|
536
554
|
|