@liner-fe/design-token 2.4.29 → 2.4.31

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.
Files changed (6) hide show
  1. package/lib/index.css +70 -20
  2. package/lib/index.d.ts +5 -0
  3. package/lib/index.js +1 -1
  4. package/package.json +1 -1
  5. package/src/generated/classNames.ts +1 -1
  6. package/src/style/global.css +65 -20
package/lib/index.css CHANGED
@@ -182,26 +182,46 @@
182
182
  --lp-pri-gray-cool-light-alpha-4: rgba(233,233,235,0.04);
183
183
  --lp-pri-gray-cool-light-alpha-1: rgba(233,233,235,0.01);
184
184
  --lp-pri-gray-cool-light-alpha-0: rgba(233,233,235,0);
185
- --lp-pri-brand-original-alpha-80: rgba(4,17,102,0.8);
186
- --lp-pri-brand-original-alpha-72: rgba(4,17,102,0.72);
187
- --lp-pri-brand-original-alpha-64: rgba(4,17,102,0.64);
188
- --lp-pri-brand-original-alpha-56: rgba(4,17,102,0.56);
189
- --lp-pri-brand-original-alpha-50: rgba(4,17,102,0.5);
190
- --lp-pri-brand-original-alpha-48: rgba(4,17,102,0.48);
191
- --lp-pri-brand-original-alpha-44: rgba(4,17,102,0.44);
192
- --lp-pri-brand-original-alpha-40: rgba(4,17,102,0.4);
193
- --lp-pri-brand-original-alpha-36: rgba(4,17,102,0.36);
194
- --lp-pri-brand-original-alpha-32: rgba(4,17,102,0.32);
195
- --lp-pri-brand-original-alpha-28: rgba(4,17,102,0.28);
196
- --lp-pri-brand-original-alpha-24: rgba(4,17,102,0.24);
197
- --lp-pri-brand-original-alpha-20: rgba(4,17,102,0.2);
198
- --lp-pri-brand-original-alpha-16: rgba(4,17,102,0.16);
199
- --lp-pri-brand-original-alpha-12: rgba(4,17,102,0.12);
200
- --lp-pri-brand-original-alpha-8: rgba(4,17,102,0.08);
201
- --lp-pri-brand-original-alpha-6: rgba(4,17,102,0.06);
202
- --lp-pri-brand-original-alpha-4: rgba(4,17,102,0.04);
203
- --lp-pri-brand-original-alpha-1: rgba(4,17,102,0.01);
204
- --lp-pri-brand-original-alpha-0: rgba(4,17,102,0);
185
+ --lp-pri-brand-original-alpha-80: rgba(20,55,27,0.8);
186
+ --lp-pri-brand-original-alpha-72: rgba(20,55,27,0.72);
187
+ --lp-pri-brand-original-alpha-64: rgba(20,55,27,0.64);
188
+ --lp-pri-brand-original-alpha-56: rgba(20,55,27,0.56);
189
+ --lp-pri-brand-original-alpha-50: rgba(20,55,27,0.5);
190
+ --lp-pri-brand-original-alpha-48: rgba(20,55,27,0.48);
191
+ --lp-pri-brand-original-alpha-44: rgba(20,55,27,0.44);
192
+ --lp-pri-brand-original-alpha-40: rgba(20,55,27,0.4);
193
+ --lp-pri-brand-original-alpha-36: rgba(20,55,27,0.36);
194
+ --lp-pri-brand-original-alpha-32: rgba(20,55,27,0.32);
195
+ --lp-pri-brand-original-alpha-28: rgba(20,55,27,0.28);
196
+ --lp-pri-brand-original-alpha-24: rgba(20,55,27,0.24);
197
+ --lp-pri-brand-original-alpha-20: rgba(20,55,27,0.2);
198
+ --lp-pri-brand-original-alpha-16: rgba(20,55,27,0.16);
199
+ --lp-pri-brand-original-alpha-12: rgba(20,55,27,0.12);
200
+ --lp-pri-brand-original-alpha-8: rgba(20,55,27,0.08);
201
+ --lp-pri-brand-original-alpha-6: rgba(20,55,27,0.06);
202
+ --lp-pri-brand-original-alpha-4: rgba(20,55,27,0.04);
203
+ --lp-pri-brand-original-alpha-1: rgba(20,55,27,0.01);
204
+ --lp-pri-brand-original-alpha-0: rgba(20,55,27,0);
205
+ --lp-pri-brand-variation-alpha-80: rgba(35,102,56,0.8);
206
+ --lp-pri-brand-variation-alpha-72: rgba(35,102,56,0.72);
207
+ --lp-pri-brand-variation-alpha-64: rgba(35,102,56,0.64);
208
+ --lp-pri-brand-variation-alpha-56: rgba(35,102,56,0.56);
209
+ --lp-pri-brand-variation-alpha-50: rgba(35,102,56,0.5);
210
+ --lp-pri-brand-variation-alpha-48: rgba(35,102,56,0.48);
211
+ --lp-pri-brand-variation-alpha-44: rgba(35,102,56,0.44);
212
+ --lp-pri-brand-variation-alpha-40: rgba(35,102,56,0.4);
213
+ --lp-pri-brand-variation-alpha-36: rgba(35,102,56,0.36);
214
+ --lp-pri-brand-variation-alpha-32: rgba(35,102,56,0.32);
215
+ --lp-pri-brand-variation-alpha-28: rgba(35,102,56,0.28);
216
+ --lp-pri-brand-variation-alpha-24: rgba(35,102,56,0.24);
217
+ --lp-pri-brand-variation-alpha-20: rgba(35,102,56,0.2);
218
+ --lp-pri-brand-variation-alpha-16: rgba(35,102,56,0.16);
219
+ --lp-pri-brand-variation-alpha-12: rgba(35,102,56,0.12);
220
+ --lp-pri-brand-variation-alpha-8: rgba(35,102,56,0.08);
221
+ --lp-pri-brand-variation-alpha-6: rgba(35,102,56,0.06);
222
+ --lp-pri-brand-variation-alpha-4: rgba(35,102,56,0.04);
223
+ --lp-pri-brand-variation-alpha-1: rgba(35,102,56,0.01);
224
+ --lp-pri-brand-variation-alpha-0: rgba(35,102,56,0);
205
225
  --lp-pri-achromatic-black-alpha-80: rgba(0,0,0,0.8);
206
226
  --lp-pri-achromatic-black-alpha-72: rgba(0,0,0,0.72);
207
227
  --lp-pri-achromatic-black-alpha-64: rgba(0,0,0,0.64);
@@ -436,6 +456,36 @@
436
456
  font-weight: var(--lp-pri-font-weight-600);
437
457
  line-height: var(--lp-pri-font-lineheight-130);
438
458
  }
459
+ .lp-sys-typo-title1-normal-bold {
460
+ font-family: "Pretendard Variable";
461
+ font-size: var(--lp-pri-font-size-32);
462
+ font-weight: var(--lp-pri-font-weight-600);
463
+ line-height: var(--lp-pri-font-lineheight-130);
464
+ }
465
+ .lp-sys-typo-title2-normal-bold {
466
+ font-family: "Pretendard Variable";
467
+ font-size: var(--lp-pri-font-size-28);
468
+ font-weight: var(--lp-pri-font-weight-600);
469
+ line-height: var(--lp-pri-font-lineheight-130);
470
+ }
471
+ .lp-sys-typo-title3-normal-bold {
472
+ font-family: "Pretendard Variable";
473
+ font-size: var(--lp-pri-font-size-24);
474
+ font-weight: var(--lp-pri-font-weight-600);
475
+ line-height: var(--lp-pri-font-lineheight-130);
476
+ }
477
+ .lp-sys-typo-title4-normal-bold {
478
+ font-family: "Pretendard Variable";
479
+ font-size: var(--lp-pri-font-size-20);
480
+ font-weight: var(--lp-pri-font-weight-600);
481
+ line-height: var(--lp-pri-font-lineheight-130);
482
+ }
483
+ .lp-sys-typo-title5-normal-bold {
484
+ font-family: "Pretendard Variable";
485
+ font-size: var(--lp-pri-font-size-17);
486
+ font-weight: var(--lp-pri-font-weight-600);
487
+ line-height: var(--lp-pri-font-lineheight-130);
488
+ }
439
489
  .lp-sys-typo-paragraph1-normal-bold {
440
490
  font-family: "Pretendard Variable";
441
491
  font-size: var(--lp-pri-font-size-17);
package/lib/index.d.ts CHANGED
@@ -249,6 +249,11 @@ declare const classNames: {
249
249
  "lp-sys-typo-title3-accent-bold": string;
250
250
  "lp-sys-typo-title4-accent-bold": string;
251
251
  "lp-sys-typo-title5-accent-bold": string;
252
+ "lp-sys-typo-title1-normal-bold": string;
253
+ "lp-sys-typo-title2-normal-bold": string;
254
+ "lp-sys-typo-title3-normal-bold": string;
255
+ "lp-sys-typo-title4-normal-bold": string;
256
+ "lp-sys-typo-title5-normal-bold": string;
252
257
  "lp-sys-typo-paragraph1-normal-bold": string;
253
258
  "lp-sys-typo-paragraph2-normal-bold": string;
254
259
  "lp-sys-typo-paragraph3-normal-bold": string;
package/lib/index.js CHANGED
@@ -66,7 +66,7 @@ var useDarkTheme = /* @__PURE__ */ __name(() => {
66
66
  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-container-variation-lowest": "var(--neutral-container-variation-lowest)", "neutral-fill-overlay-lowest": "var(--neutral-fill-overlay-lowest)", "neutral-fill-overlay-lowest-hover": "var(--neutral-fill-overlay-lowest-hover)", "neutral-fill-overlay-low": "var(--neutral-fill-overlay-low)", "neutral-fill-overlay-low-hover": "var(--neutral-fill-overlay-low-hover)", "neutral-fill-overlay-mid": "var(--neutral-fill-overlay-mid)", "neutral-fill-overlay-mid-hover": "var(--neutral-fill-overlay-mid-hover)", "neutral-fill-overlay-high": "var(--neutral-fill-overlay-high)", "neutral-fill-overlay-high-hover": "var(--neutral-fill-overlay-high-hover)", "neutral-fill-overlay-highest": "var(--neutral-fill-overlay-highest)", "neutral-fill-opaque-lowest": "var(--neutral-fill-opaque-lowest)", "neutral-fill-opaque-lowest-hover": "var(--neutral-fill-opaque-lowest-hover)", "neutral-fill-opaque-low": "var(--neutral-fill-opaque-low)", "neutral-fill-opaque-low-hover": "var(--neutral-fill-opaque-low-hover)", "neutral-fill-opaque-static-lowest": "var(--neutral-fill-opaque-static-lowest)", "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-overlay-hint": "var(--neutral-border-overlay-hint)", "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-opaque-lowest": "var(--inverse-fill-opaque-lowest)", "inverse-fill-opaque-lowest-hover": "var(--inverse-fill-opaque-lowest-hover)", "inverse-fill-opaque-low": "var(--inverse-fill-opaque-low)", "inverse-fill-opaque-low-hover": "var(--inverse-fill-opaque-low-hover)", "inverse-fill-opaque-mid": "var(--inverse-fill-opaque-mid)", "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-overlay-hint": "var(--inverse-border-overlay-hint)", "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-fill-mid": "var(--brand-fill-mid)", "brand-fill-mid-hover": "var(--brand-fill-mid-hover)", "brand-fill-low": "var(--brand-fill-low)", "brand-fill-low-hover": "var(--brand-fill-low-hover)", "brand-label-primary": "var(--brand-label-primary)", "brand-label-secondary": "var(--brand-label-secondary)", "brand-label-variation-secondary": "var(--brand-label-variation-secondary)", "brand-border-opaque-normal": "var(--brand-border-opaque-normal)", "brand-border-opaque-strong": "var(--brand-border-opaque-strong)", "brandinverse-label-primary": "var(--brandinverse-label-primary)", "brandinverse-label-secondary": "var(--brandinverse-label-secondary)", "brandinverse-label-static-primary": "var(--brandinverse-label-static-primary)", "accent-label-primary": "var(--accent-label-primary)", "accent-label-yellow": "var(--accent-label-yellow)", "accent-label-mint": "var(--accent-label-mint)", "accent-label-cyan": "var(--accent-label-cyan)", "accent-label-purple": "var(--accent-label-purple)", "accent-label-pink": "var(--accent-label-pink)", "accent-fill-primary": "var(--accent-fill-primary)", "function-fill-positive-mid": "var(--function-fill-positive-mid)", "function-fill-negative-mid": "var(--function-fill-negative-mid)", "function-fill-negative-mid-hover": "var(--function-fill-negative-mid-hover)", "function-fill-caution": "var(--function-fill-caution)", "function-fill-highlight": "var(--function-fill-highlight)", "function-fill-selection": "var(--function-fill-selection)", "function-fill-drag": "var(--function-fill-drag)", "function-fill-positive-low": "var(--function-fill-positive-low)", "function-fill-negative-low": "var(--function-fill-negative-low)", "function-label-positive": "var(--function-label-positive)", "function-label-negative": "var(--function-label-negative)", "function-label-caution": "var(--function-label-caution)", "function-label-link": "var(--function-label-link)", "cover-dim-page": "var(--cover-dim-page)" }, "radius": { "xxs": "var(--lp-sys-radius-xxs)", "xs": "var(--lp-sys-radius-xs)", "s": "var(--lp-sys-radius-s)", "m": "var(--lp-sys-radius-m)", "l": "var(--lp-sys-radius-l)", "xl": "var(--lp-sys-radius-xl)", "xxl": "var(--lp-sys-radius-xxl)" }, "opacity": { "0": "var(--lp-pri-opacity-0)", "1": "var(--lp-pri-opacity-1)", "4": "var(--lp-pri-opacity-4)", "8": "var(--lp-pri-opacity-8)", "12": "var(--lp-pri-opacity-12)", "16": "var(--lp-pri-opacity-16)", "20": "var(--lp-pri-opacity-20)", "24": "var(--lp-pri-opacity-24)", "28": "var(--lp-pri-opacity-28)", "32": "var(--lp-pri-opacity-32)", "36": "var(--lp-pri-opacity-36)", "40": "var(--lp-pri-opacity-40)", "44": "var(--lp-pri-opacity-44)", "48": "var(--lp-pri-opacity-48)", "50": "var(--lp-pri-opacity-50)", "56": "var(--lp-pri-opacity-56)", "64": "var(--lp-pri-opacity-64)", "72": "var(--lp-pri-opacity-72)", "80": "var(--lp-pri-opacity-80)" }, "padding": { "component-50": "var(--lp-sys-padding-component-50)", "component-100": "var(--lp-sys-padding-component-100)", "component-150": "var(--lp-sys-padding-component-150)", "component-200": "var(--lp-sys-padding-component-200)", "component-300": "var(--lp-sys-padding-component-300)", "component-400": "var(--lp-sys-padding-component-400)", "component-500": "var(--lp-sys-padding-component-500)", "component-600": "var(--lp-sys-padding-component-600)", "component-700": "var(--lp-sys-padding-component-700)", "component-800": "var(--lp-sys-padding-component-800)", "component-900": "var(--lp-sys-padding-component-900)", "component-1000": "var(--lp-sys-padding-component-1000)", "component-1100": "var(--lp-sys-padding-component-1100)", "component-1300": "var(--lp-sys-padding-component-1300)", "component-1500": "var(--lp-sys-padding-component-1500)", "component-1700": "var(--lp-sys-padding-component-1700)", "section-50": "var(--lp-sys-padding-section-50)", "section-100": "var(--lp-sys-padding-section-100)", "section-200": "var(--lp-sys-padding-section-200)", "section-300": "var(--lp-sys-padding-section-300)", "section-400": "var(--lp-sys-padding-section-400)", "section-500": "var(--lp-sys-padding-section-500)", "section-600": "var(--lp-sys-padding-section-600)", "section-700": "var(--lp-sys-padding-section-700)", "section-800": "var(--lp-sys-padding-section-800)", "section-900": "var(--lp-sys-padding-section-900)" }, "size": { "0": "var(--lp-pri-size-0)", "1": "var(--lp-pri-size-1)", "2": "var(--lp-pri-size-2)", "3": "var(--lp-pri-size-3)", "4": "var(--lp-pri-size-4)", "6": "var(--lp-pri-size-6)", "8": "var(--lp-pri-size-8)", "10": "var(--lp-pri-size-10)", "12": "var(--lp-pri-size-12)", "14": "var(--lp-pri-size-14)", "16": "var(--lp-pri-size-16)", "18": "var(--lp-pri-size-18)", "20": "var(--lp-pri-size-20)", "24": "var(--lp-pri-size-24)", "32": "var(--lp-pri-size-32)", "40": "var(--lp-pri-size-40)", "48": "var(--lp-pri-size-48)", "56": "var(--lp-pri-size-56)", "64": "var(--lp-pri-size-64)", "80": "var(--lp-pri-size-80)", "100": "var(--lp-pri-size-100)", "120": "var(--lp-pri-size-120)", "140": "var(--lp-pri-size-140)", "160": "var(--lp-pri-size-160)", "180": "var(--lp-pri-size-180)", "200": "var(--lp-pri-size-200)", "minus6": "var(--lp-pri-size-minus6)", "minus4": "var(--lp-pri-size-minus4)", "minus2": "var(--lp-pri-size-minus2)" }, "gap": { "positive-50": "var(--lp-sys-gap-positive-50)", "positive-100": "var(--lp-sys-gap-positive-100)", "positive-150": "var(--lp-sys-gap-positive-150)", "positive-200": "var(--lp-sys-gap-positive-200)", "positive-300": "var(--lp-sys-gap-positive-300)", "positive-400": "var(--lp-sys-gap-positive-400)", "positive-500": "var(--lp-sys-gap-positive-500)", "positive-600": "var(--lp-sys-gap-positive-600)", "positive-700": "var(--lp-sys-gap-positive-700)", "positive-800": "var(--lp-sys-gap-positive-800)", "positive-900": "var(--lp-sys-gap-positive-900)" }, "shadow": { "soft": "var(--lp-sys-shadow-soft)", "normal": "var(--lp-sys-shadow-normal)", "strong": "var(--lp-sys-shadow-strong)", "heavy": "var(--lp-sys-shadow-heavy)" }, "iconSize": { "xs": "var(--lp-sys-icon-size-xs)", "s": "var(--lp-sys-icon-size-s)", "m": "var(--lp-sys-icon-size-m)", "l": "var(--lp-sys-icon-size-l)", "xl": "var(--lp-sys-icon-size-xl)" } };
67
67
 
68
68
  // src/generated/classNames.ts
69
- 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-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-title5-accent-bold": "lp-sys-typo-title5-accent-bold", "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-paragraph2-post-regular": "lp-sys-typo-paragraph2-post-regular", "lp-sys-typo-paragraph3-post-regular": "lp-sys-typo-paragraph3-post-regular", "lp-sys-typo-paragraph4-post-regular": "lp-sys-typo-paragraph4-post-regular", "lp-sys-typo-paragraph2-answer-bold": "lp-sys-typo-paragraph2-answer-bold", "lp-sys-typo-paragraph2-answer-regular": "lp-sys-typo-paragraph2-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" } };
69
+ 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-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-title5-accent-bold": "lp-sys-typo-title5-accent-bold", "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-title5-normal-bold": "lp-sys-typo-title5-normal-bold", "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-paragraph2-post-regular": "lp-sys-typo-paragraph2-post-regular", "lp-sys-typo-paragraph3-post-regular": "lp-sys-typo-paragraph3-post-regular", "lp-sys-typo-paragraph4-post-regular": "lp-sys-typo-paragraph4-post-regular", "lp-sys-typo-paragraph2-answer-bold": "lp-sys-typo-paragraph2-answer-bold", "lp-sys-typo-paragraph2-answer-regular": "lp-sys-typo-paragraph2-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" } };
70
70
 
71
71
  // src/breakpoint/index.ts
72
72
  var breakpointOrigin = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/design-token",
3
- "version": "2.4.29",
3
+ "version": "2.4.31",
4
4
  "devDependencies": {
5
5
  "@eslint/js": "^9.22.0",
6
6
  "@liner-fe/design-token-primitive": "workspace:^",
package/src/generated/classNames.ts CHANGED
@@ -1 +1 @@
1
- export const 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-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-title5-accent-bold":"lp-sys-typo-title5-accent-bold","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-paragraph2-post-regular":"lp-sys-typo-paragraph2-post-regular","lp-sys-typo-paragraph3-post-regular":"lp-sys-typo-paragraph3-post-regular","lp-sys-typo-paragraph4-post-regular":"lp-sys-typo-paragraph4-post-regular","lp-sys-typo-paragraph2-answer-bold":"lp-sys-typo-paragraph2-answer-bold","lp-sys-typo-paragraph2-answer-regular":"lp-sys-typo-paragraph2-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"}}
1
+ export const 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-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-title5-accent-bold":"lp-sys-typo-title5-accent-bold","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-title5-normal-bold":"lp-sys-typo-title5-normal-bold","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-paragraph2-post-regular":"lp-sys-typo-paragraph2-post-regular","lp-sys-typo-paragraph3-post-regular":"lp-sys-typo-paragraph3-post-regular","lp-sys-typo-paragraph4-post-regular":"lp-sys-typo-paragraph4-post-regular","lp-sys-typo-paragraph2-answer-bold":"lp-sys-typo-paragraph2-answer-bold","lp-sys-typo-paragraph2-answer-regular":"lp-sys-typo-paragraph2-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"}}
package/src/style/global.css CHANGED
@@ -182,26 +182,46 @@
182
182
  --lp-pri-gray-cool-light-alpha-4: rgba(233,233,235,0.04);
183
183
  --lp-pri-gray-cool-light-alpha-1: rgba(233,233,235,0.01);
184
184
  --lp-pri-gray-cool-light-alpha-0: rgba(233,233,235,0);
185
- --lp-pri-brand-original-alpha-80: rgba(4,17,102,0.8);
186
- --lp-pri-brand-original-alpha-72: rgba(4,17,102,0.72);
187
- --lp-pri-brand-original-alpha-64: rgba(4,17,102,0.64);
188
- --lp-pri-brand-original-alpha-56: rgba(4,17,102,0.56);
189
- --lp-pri-brand-original-alpha-50: rgba(4,17,102,0.5);
190
- --lp-pri-brand-original-alpha-48: rgba(4,17,102,0.48);
191
- --lp-pri-brand-original-alpha-44: rgba(4,17,102,0.44);
192
- --lp-pri-brand-original-alpha-40: rgba(4,17,102,0.4);
193
- --lp-pri-brand-original-alpha-36: rgba(4,17,102,0.36);
194
- --lp-pri-brand-original-alpha-32: rgba(4,17,102,0.32);
195
- --lp-pri-brand-original-alpha-28: rgba(4,17,102,0.28);
196
- --lp-pri-brand-original-alpha-24: rgba(4,17,102,0.24);
197
- --lp-pri-brand-original-alpha-20: rgba(4,17,102,0.2);
198
- --lp-pri-brand-original-alpha-16: rgba(4,17,102,0.16);
199
- --lp-pri-brand-original-alpha-12: rgba(4,17,102,0.12);
200
- --lp-pri-brand-original-alpha-8: rgba(4,17,102,0.08);
201
- --lp-pri-brand-original-alpha-6: rgba(4,17,102,0.06);
202
- --lp-pri-brand-original-alpha-4: rgba(4,17,102,0.04);
203
- --lp-pri-brand-original-alpha-1: rgba(4,17,102,0.01);
204
- --lp-pri-brand-original-alpha-0: rgba(4,17,102,0);
185
+ --lp-pri-brand-original-alpha-80: rgba(20,55,27,0.8);
186
+ --lp-pri-brand-original-alpha-72: rgba(20,55,27,0.72);
187
+ --lp-pri-brand-original-alpha-64: rgba(20,55,27,0.64);
188
+ --lp-pri-brand-original-alpha-56: rgba(20,55,27,0.56);
189
+ --lp-pri-brand-original-alpha-50: rgba(20,55,27,0.5);
190
+ --lp-pri-brand-original-alpha-48: rgba(20,55,27,0.48);
191
+ --lp-pri-brand-original-alpha-44: rgba(20,55,27,0.44);
192
+ --lp-pri-brand-original-alpha-40: rgba(20,55,27,0.4);
193
+ --lp-pri-brand-original-alpha-36: rgba(20,55,27,0.36);
194
+ --lp-pri-brand-original-alpha-32: rgba(20,55,27,0.32);
195
+ --lp-pri-brand-original-alpha-28: rgba(20,55,27,0.28);
196
+ --lp-pri-brand-original-alpha-24: rgba(20,55,27,0.24);
197
+ --lp-pri-brand-original-alpha-20: rgba(20,55,27,0.2);
198
+ --lp-pri-brand-original-alpha-16: rgba(20,55,27,0.16);
199
+ --lp-pri-brand-original-alpha-12: rgba(20,55,27,0.12);
200
+ --lp-pri-brand-original-alpha-8: rgba(20,55,27,0.08);
201
+ --lp-pri-brand-original-alpha-6: rgba(20,55,27,0.06);
202
+ --lp-pri-brand-original-alpha-4: rgba(20,55,27,0.04);
203
+ --lp-pri-brand-original-alpha-1: rgba(20,55,27,0.01);
204
+ --lp-pri-brand-original-alpha-0: rgba(20,55,27,0);
205
+ --lp-pri-brand-variation-alpha-80: rgba(35,102,56,0.8);
206
+ --lp-pri-brand-variation-alpha-72: rgba(35,102,56,0.72);
207
+ --lp-pri-brand-variation-alpha-64: rgba(35,102,56,0.64);
208
+ --lp-pri-brand-variation-alpha-56: rgba(35,102,56,0.56);
209
+ --lp-pri-brand-variation-alpha-50: rgba(35,102,56,0.5);
210
+ --lp-pri-brand-variation-alpha-48: rgba(35,102,56,0.48);
211
+ --lp-pri-brand-variation-alpha-44: rgba(35,102,56,0.44);
212
+ --lp-pri-brand-variation-alpha-40: rgba(35,102,56,0.4);
213
+ --lp-pri-brand-variation-alpha-36: rgba(35,102,56,0.36);
214
+ --lp-pri-brand-variation-alpha-32: rgba(35,102,56,0.32);
215
+ --lp-pri-brand-variation-alpha-28: rgba(35,102,56,0.28);
216
+ --lp-pri-brand-variation-alpha-24: rgba(35,102,56,0.24);
217
+ --lp-pri-brand-variation-alpha-20: rgba(35,102,56,0.2);
218
+ --lp-pri-brand-variation-alpha-16: rgba(35,102,56,0.16);
219
+ --lp-pri-brand-variation-alpha-12: rgba(35,102,56,0.12);
220
+ --lp-pri-brand-variation-alpha-8: rgba(35,102,56,0.08);
221
+ --lp-pri-brand-variation-alpha-6: rgba(35,102,56,0.06);
222
+ --lp-pri-brand-variation-alpha-4: rgba(35,102,56,0.04);
223
+ --lp-pri-brand-variation-alpha-1: rgba(35,102,56,0.01);
224
+ --lp-pri-brand-variation-alpha-0: rgba(35,102,56,0);
205
225
  --lp-pri-achromatic-black-alpha-80: rgba(0,0,0,0.8);
206
226
  --lp-pri-achromatic-black-alpha-72: rgba(0,0,0,0.72);
207
227
  --lp-pri-achromatic-black-alpha-64: rgba(0,0,0,0.64);
@@ -425,6 +445,31 @@
425
445
  font-weight: var(--lp-pri-font-weight-600);
426
446
  line-height: var(--lp-pri-font-lineheight-130);
427
447
 
448
+ }.lp-sys-typo-title1-normal-bold { font-family: "Pretendard Variable";
449
+ font-size: var(--lp-pri-font-size-32);
450
+ font-weight: var(--lp-pri-font-weight-600);
451
+ line-height: var(--lp-pri-font-lineheight-130);
452
+
453
+ }.lp-sys-typo-title2-normal-bold { font-family: "Pretendard Variable";
454
+ font-size: var(--lp-pri-font-size-28);
455
+ font-weight: var(--lp-pri-font-weight-600);
456
+ line-height: var(--lp-pri-font-lineheight-130);
457
+
458
+ }.lp-sys-typo-title3-normal-bold { font-family: "Pretendard Variable";
459
+ font-size: var(--lp-pri-font-size-24);
460
+ font-weight: var(--lp-pri-font-weight-600);
461
+ line-height: var(--lp-pri-font-lineheight-130);
462
+
463
+ }.lp-sys-typo-title4-normal-bold { font-family: "Pretendard Variable";
464
+ font-size: var(--lp-pri-font-size-20);
465
+ font-weight: var(--lp-pri-font-weight-600);
466
+ line-height: var(--lp-pri-font-lineheight-130);
467
+
468
+ }.lp-sys-typo-title5-normal-bold { font-family: "Pretendard Variable";
469
+ font-size: var(--lp-pri-font-size-17);
470
+ font-weight: var(--lp-pri-font-weight-600);
471
+ line-height: var(--lp-pri-font-lineheight-130);
472
+
428
473
  }.lp-sys-typo-paragraph1-normal-bold { font-family: "Pretendard Variable";
429
474
  font-size: var(--lp-pri-font-size-17);
430
475
  font-weight: var(--lp-pri-font-weight-600);