@liner-fe/design-token 2.3.1 → 2.3.3

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 CHANGED
@@ -773,6 +773,8 @@
773
773
  --function-container-negative: var(--lp-pri-rainbow-red-500);
774
774
  --function-container-negative-hover: var(--lp-pri-rainbow-red-600);
775
775
  --function-container-caution: var(--lp-pri-rainbow-orange-500);
776
+ --function-container-highlight: var(--lp-pri-rainbow-yellow-100);
777
+ --function-container-selection: var(--lp-pri-brand-variation-100);
776
778
  --function-label-positive: var(--lp-pri-rainbow-green-600);
777
779
  --function-label-negative: var(--lp-pri-rainbow-red-500);
778
780
  --function-label-caution: var(--lp-pri-rainbow-orange-500);
@@ -864,6 +866,8 @@
864
866
  --function-container-negative: var(--lp-pri-rainbow-red-500);
865
867
  --function-container-negative-hover: var(--lp-pri-rainbow-red-400);
866
868
  --function-container-caution: var(--lp-pri-rainbow-orange-500);
869
+ --function-container-highlight: var(--lp-pri-rainbow-yellow-900);
870
+ --function-container-selection: var(--lp-pri-brand-variation-950);
867
871
  --function-label-positive: var(--lp-pri-rainbow-green-500);
868
872
  --function-label-negative: var(--lp-pri-rainbow-red-500);
869
873
  --function-label-caution: var(--lp-pri-rainbow-orange-500);
@@ -73,6 +73,8 @@ export declare const vars: {
73
73
  "function-container-negative": string;
74
74
  "function-container-negative-hover": string;
75
75
  "function-container-caution": string;
76
+ "function-container-highlight": string;
77
+ "function-container-selection": string;
76
78
  "function-label-positive": string;
77
79
  "function-label-negative": string;
78
80
  "function-label-caution": string;
package/lib/index.cjs CHANGED
@@ -114,7 +114,7 @@ var DesignSystemHead = /* @__PURE__ */ __name(() => {
114
114
  }, "DesignSystemHead");
115
115
 
116
116
  // src/generated/vars.ts
117
- 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": { "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)", "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)", "negative-700": "var(--lp-sys-gap-negative-700)", "negative-800": "var(--lp-sys-gap-negative-800)", "negative-900": "var(--lp-sys-gap-negative-900)" }, "shadow": { "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)" } };
117
+ 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-container-highlight": "var(--function-container-highlight)", "function-container-selection": "var(--function-container-selection)", "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": { "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)", "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)", "negative-700": "var(--lp-sys-gap-negative-700)", "negative-800": "var(--lp-sys-gap-negative-800)", "negative-900": "var(--lp-sys-gap-negative-900)" }, "shadow": { "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)" } };
118
118
 
119
119
  // src/generated/classNames.ts
120
120
  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" } };
package/lib/index.cjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/index.ts", "../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts", "../src/components/Head.tsx", "../src/generated/vars.ts", "../src/generated/classNames.ts", "../src/scripts/create-css/constants/typography/index.ts", "../src/helpers/getTypoStyle.ts", "../src/helpers/setDarkModeScript.tsx", "../src/components/ThemeProvider.tsx"],
4
- "sourcesContent": ["export * from './hooks/useDarkTheme';\nexport * from './hooks/useLanguage';\nexport * from './components/Head';\nexport * from './generated/vars';\nexport * from './generated/classNames';\nexport * from './helpers/getTypoStyle';\nexport * from './helpers/setDarkModeScript';\nexport * from './components/ThemeProvider';\n\n// \uC218\uC815 \uD544\uC694\nexport * from './types/color';\n", "import { useEffect, useState } from 'react';\nimport { atom, useRecoilState, useSetRecoilState } from 'recoil';\n\nexport const theme = atom({\n key: 'dark-theme',\n default: false,\n});\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useRecoilState(theme);\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\n localStorage.setItem('theme', 'dark');\n setIsDarkMode(true);\n };\n\n const setLightTheme = () => {\n document.documentElement.setAttribute('color-theme', 'light');\n localStorage.setItem('theme', 'light');\n setIsDarkMode(false);\n };\n\n const setPreferTheme = () => {\n const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n localStorage.removeItem('theme');\n document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n setIsDarkMode(isOsColorThemeDark);\n };\n\n return {\n setDarkTheme,\n setLightTheme,\n setPreferTheme,\n isDarkMode,\n };\n};\n", "export const useLanguage = () => {};\n", "import React from 'react';\n\nexport const DesignSystemHead = () => {\n return (\n <>\n {/* Pretendard JP Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css\"\n />\n {/* Pretendard Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css\"\n />\n {/* \"Poppins\", sans-serif; */}\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n rel=\"stylesheet\"\n />\n {/* font-family: \"Merriweather\", serif; */}\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n rel=\"stylesheet\"\n />\n </>\n );\n};\n", "export const 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\":{\"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)\",\"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)\",\"negative-700\":\"var(--lp-sys-gap-negative-700)\",\"negative-800\":\"var(--lp-sys-gap-negative-800)\",\"negative-900\":\"var(--lp-sys-gap-negative-900)\"},\"shadow\":{\"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)\"}}", "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-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\"}}", "import { font } from './primitive';\nimport { TypographyKeys } from './types';\n\nexport type FontFamily =\n | 'lp-pri-font-family-poppins'\n | 'lp-pri-font-family-variables-pretendard'\n | 'lp-pri-font-family-variables-pretendard-jp'\n | 'lp-pri-font-family-merriweather';\n\ninterface TypographyValues {\n family: Exclude<FontFamily, 'lp-pri-font-family-variables-pretendard-jp'>;\n weight: keyof typeof font.weight;\n lineHeight: keyof typeof font.lineHeight;\n size: keyof typeof font.size;\n}\n\nexport const typography: Record<TypographyKeys, TypographyValues> = {\n 'lp-sys-typo-display2-accent-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-64',\n },\n 'lp-sys-typo-display3-accent-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-40',\n },\n 'lp-sys-typo-display2-normal-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-56',\n },\n 'lp-sys-typo-display3-normal-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-40',\n },\n 'lp-sys-typo-heading1-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-28',\n },\n 'lp-sys-typo-heading2-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-24',\n },\n 'lp-sys-typo-heading3-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-20',\n },\n 'lp-sys-typo-heading4-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-heading5-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-heading6-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-title1-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-32',\n },\n 'lp-sys-typo-title2-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-28',\n },\n 'lp-sys-typo-title3-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-24',\n },\n 'lp-sys-typo-title4-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-20',\n },\n 'lp-sys-typo-title1-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-32',\n },\n 'lp-sys-typo-title2-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-28',\n },\n 'lp-sys-typo-title3-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-24',\n },\n 'lp-sys-typo-title4-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-20',\n },\n 'lp-sys-typo-title1-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-32',\n },\n 'lp-sys-typo-title2-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-28',\n },\n 'lp-sys-typo-title3-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-24',\n },\n 'lp-sys-typo-title4-normal-bold': {\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-20',\n family: 'lp-pri-font-family-variables-pretendard',\n },\n 'lp-sys-typo-title1-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n size: 'lp-pri-font-size-32',\n lineHeight: 'lp-pri-font-lineheight-130',\n },\n 'lp-sys-typo-title2-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n size: 'lp-pri-font-size-28',\n lineHeight: 'lp-pri-font-lineheight-130',\n },\n 'lp-sys-typo-title3-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n size: 'lp-pri-font-size-24',\n lineHeight: 'lp-pri-font-lineheight-130',\n },\n 'lp-sys-typo-title4-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n size: 'lp-pri-font-size-20',\n lineHeight: 'lp-pri-font-lineheight-130',\n },\n 'lp-sys-typo-paragraph1-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-accent-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-accent-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-accent-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-normal-bold': {\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n family: 'lp-pri-font-family-variables-pretendard',\n },\n 'lp-sys-typo-paragraph2-normal-bold': {\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n family: 'lp-pri-font-family-variables-pretendard',\n },\n 'lp-sys-typo-paragraph3-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph4-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-14',\n },\n 'lp-sys-typo-paragraph1-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph4-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-14',\n },\n 'lp-sys-typo-paragraph1-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph4-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-14',\n },\n 'lp-sys-typo-paragraph1-post-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-150',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph3-post-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-150',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-answer-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph1-answer-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-caption1-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-13',\n },\n 'lp-sys-typo-caption2-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-12',\n },\n 'lp-sys-typo-caption3-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-11',\n },\n 'lp-sys-typo-caption1-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-13',\n },\n 'lp-sys-typo-caption2-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-12',\n },\n 'lp-sys-typo-caption3-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-11',\n },\n 'lp-sys-typo-caption1-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-13',\n },\n 'lp-sys-typo-caption2-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-12',\n },\n 'lp-sys-typo-caption3-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-11',\n },\n};\n\nexport const typographyClassName = (() => {\n const result: Partial<Record<TypographyKeys, TypographyKeys>> = {};\n\n for (const key in typography) {\n const typedKey = key as TypographyKeys;\n\n result[typedKey] = typedKey;\n }\n\n return result;\n})();\n\nexport const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-display2-accent-black': {\n ...typography['lp-sys-typo-display2-accent-black'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-900',\n },\n 'lp-sys-typo-display3-accent-black': {\n ...typography['lp-sys-typo-display3-accent-black'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-900',\n },\n 'lp-sys-typo-title1-accent-bold': {\n ...typography['lp-sys-typo-title1-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title2-accent-bold': {\n ...typography['lp-sys-typo-title2-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title3-accent-bold': {\n ...typography['lp-sys-typo-title3-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title4-accent-bold': {\n ...typography['lp-sys-typo-title4-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title1-accent-medium': {\n ...typography['lp-sys-typo-title1-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title2-accent-medium': {\n ...typography['lp-sys-typo-title2-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title3-accent-medium': {\n ...typography['lp-sys-typo-title3-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title4-accent-medium': {\n ...typography['lp-sys-typo-title4-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-paragraph1-accent-bold': {\n ...typography['lp-sys-typo-paragraph1-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-700',\n },\n 'lp-sys-typo-paragraph2-accent-bold': {\n ...typography['lp-sys-typo-paragraph2-accent-bold'],\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n },\n 'lp-sys-typo-paragraph3-accent-bold': {\n ...typography['lp-sys-typo-paragraph3-accent-bold'],\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n },\n 'lp-sys-typo-paragraph1-accent-medium': {\n ...typography['lp-sys-typo-paragraph1-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-500',\n },\n 'lp-sys-typo-paragraph2-accent-medium': {\n ...typography['lp-sys-typo-paragraph2-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-500',\n },\n 'lp-sys-typo-paragraph3-accent-medium': {\n ...typography['lp-sys-typo-paragraph3-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-500',\n },\n 'lp-sys-typo-paragraph1-accent-regular': {\n ...typography['lp-sys-typo-paragraph1-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-paragraph2-accent-regular': {\n ...typography['lp-sys-typo-paragraph2-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-paragraph3-accent-regular': {\n ...typography['lp-sys-typo-paragraph3-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-display2-normal-black': {\n ...typography['lp-sys-typo-display2-normal-black'],\n family: 'lp-pri-font-family-variables-pretendard',\n },\n 'lp-sys-typo-paragraph1-answer-bold': {\n ...typography['lp-sys-typo-paragraph1-answer-bold'],\n family: 'lp-pri-font-family-merriweather',\n // size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-answer-regular': {\n ...typography['lp-sys-typo-paragraph1-answer-regular'],\n family: 'lp-pri-font-family-merriweather',\n // size: 'lp-pri-font-size-15',\n },\n};\n", "import { FontFamily, typography, typographyEnglish } from '../scripts/create-css/constants/typography';\nimport { font } from '../scripts/create-css/constants/typography/primitive';\nimport { TypographyKeys } from '../scripts/create-css/constants/typography/types';\n\nconst transformCSS = (\n family: FontFamily,\n size: keyof typeof font.size,\n weight: keyof typeof font.weight,\n lineHeight: keyof typeof font.lineHeight\n) => `\n 'font-family': ${family},\n 'font-size': ${size},\n 'font-weight': ${weight},\n 'line-height': ${lineHeight},\n `;\n\nexport const getTypoStyle = (key: TypographyKeys) => {\n const locale = document.documentElement.getAttribute('lang');\n const { family, size, weight, lineHeight } = typography[key];\n\n if (locale === 'en') {\n if (typographyEnglish[key]) {\n const { family, size, weight, lineHeight } = typographyEnglish[key];\n return transformCSS(family, size, weight, lineHeight);\n }\n\n return transformCSS(family, size, weight, lineHeight);\n }\n\n if (locale === 'ja') {\n return transformCSS('lp-pri-font-family-variables-pretendard-jp', size, weight, lineHeight);\n }\n\n return transformCSS(family, size, weight, lineHeight);\n};\n", "import React from 'react';\n\nexport const SetDarkModeScript = () => {\n const darkThemeScript = `(\n function (){\n const localStorageTheme = window.localStorage.getItem(\"theme\")\n document.documentElement.setAttribute(\"color-theme\", localStorageTheme || (window.matchMedia('(prefers-color-scheme: dark)').matches ? \"dark\" : \"light\"))\n })()`;\n\n return <script dangerouslySetInnerHTML={{ __html: darkThemeScript }} />;\n};\n", "import React, { ReactNode, useLayoutEffect } from 'react';\nimport { useSetRecoilState } from 'recoil';\nimport { theme } from '../hooks/useDarkTheme';\n\ninterface IProps {\n children: ReactNode;\n}\n\nexport const ThemeProvider = ({ children }: IProps) => {\n const setIsDarkMode = useSetRecoilState(theme);\n\n useLayoutEffect(() => {\n setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');\n }, []);\n\n return <div>{children}</div>;\n};\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["export * from './hooks/useDarkTheme';\nexport * from './hooks/useLanguage';\nexport * from './components/Head';\nexport * from './generated/vars';\nexport * from './generated/classNames';\nexport * from './helpers/getTypoStyle';\nexport * from './helpers/setDarkModeScript';\nexport * from './components/ThemeProvider';\n\n// \uC218\uC815 \uD544\uC694\nexport * from './types/color';\n", "import { useEffect, useState } from 'react';\nimport { atom, useRecoilState, useSetRecoilState } from 'recoil';\n\nexport const theme = atom({\n key: 'dark-theme',\n default: false,\n});\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useRecoilState(theme);\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\n localStorage.setItem('theme', 'dark');\n setIsDarkMode(true);\n };\n\n const setLightTheme = () => {\n document.documentElement.setAttribute('color-theme', 'light');\n localStorage.setItem('theme', 'light');\n setIsDarkMode(false);\n };\n\n const setPreferTheme = () => {\n const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n localStorage.removeItem('theme');\n document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n setIsDarkMode(isOsColorThemeDark);\n };\n\n return {\n setDarkTheme,\n setLightTheme,\n setPreferTheme,\n isDarkMode,\n };\n};\n", "export const useLanguage = () => {};\n", "import React from 'react';\n\nexport const DesignSystemHead = () => {\n return (\n <>\n {/* Pretendard JP Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css\"\n />\n {/* Pretendard Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css\"\n />\n {/* \"Poppins\", sans-serif; */}\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n rel=\"stylesheet\"\n />\n {/* font-family: \"Merriweather\", serif; */}\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n rel=\"stylesheet\"\n />\n </>\n );\n};\n", "export const 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-container-highlight\":\"var(--function-container-highlight)\",\"function-container-selection\":\"var(--function-container-selection)\",\"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\":{\"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)\",\"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)\",\"negative-700\":\"var(--lp-sys-gap-negative-700)\",\"negative-800\":\"var(--lp-sys-gap-negative-800)\",\"negative-900\":\"var(--lp-sys-gap-negative-900)\"},\"shadow\":{\"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)\"}}", "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-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\"}}", "import { font } from './primitive';\nimport { TypographyKeys } from './types';\n\nexport type FontFamily =\n | 'lp-pri-font-family-variables-pretendard'\n | 'lp-pri-font-family-variables-pretendard-jp'\n | 'lp-pri-font-family-merriweather';\n\ninterface TypographyValues {\n family: Exclude<FontFamily, 'lp-pri-font-family-variables-pretendard-jp'>;\n weight: keyof typeof font.weight;\n lineHeight: keyof typeof font.lineHeight;\n size: keyof typeof font.size;\n}\n\nexport const typography: Record<TypographyKeys, TypographyValues> = {\n 'lp-sys-typo-display2-accent-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-64',\n },\n 'lp-sys-typo-display3-accent-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-40',\n },\n 'lp-sys-typo-display2-normal-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-56',\n },\n 'lp-sys-typo-display3-normal-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-40',\n },\n 'lp-sys-typo-heading1-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-28',\n },\n 'lp-sys-typo-heading2-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-24',\n },\n 'lp-sys-typo-heading3-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-20',\n },\n 'lp-sys-typo-heading4-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-heading5-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-heading6-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-title1-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-32',\n },\n 'lp-sys-typo-title2-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-28',\n },\n 'lp-sys-typo-title3-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-24',\n },\n 'lp-sys-typo-title4-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-20',\n },\n 'lp-sys-typo-title1-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-32',\n },\n 'lp-sys-typo-title2-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-28',\n },\n 'lp-sys-typo-title3-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-24',\n },\n 'lp-sys-typo-title4-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-20',\n },\n 'lp-sys-typo-title1-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-32',\n },\n 'lp-sys-typo-title2-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-28',\n },\n 'lp-sys-typo-title3-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-24',\n },\n 'lp-sys-typo-title4-normal-bold': {\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-20',\n family: 'lp-pri-font-family-variables-pretendard',\n },\n 'lp-sys-typo-title1-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n size: 'lp-pri-font-size-32',\n lineHeight: 'lp-pri-font-lineheight-130',\n },\n 'lp-sys-typo-title2-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n size: 'lp-pri-font-size-28',\n lineHeight: 'lp-pri-font-lineheight-130',\n },\n 'lp-sys-typo-title3-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n size: 'lp-pri-font-size-24',\n lineHeight: 'lp-pri-font-lineheight-130',\n },\n 'lp-sys-typo-title4-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n size: 'lp-pri-font-size-20',\n lineHeight: 'lp-pri-font-lineheight-130',\n },\n 'lp-sys-typo-paragraph1-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-accent-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-accent-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-accent-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-normal-bold': {\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n family: 'lp-pri-font-family-variables-pretendard',\n },\n 'lp-sys-typo-paragraph2-normal-bold': {\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n family: 'lp-pri-font-family-variables-pretendard',\n },\n 'lp-sys-typo-paragraph3-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph4-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-14',\n },\n 'lp-sys-typo-paragraph1-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph4-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-14',\n },\n 'lp-sys-typo-paragraph1-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph4-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-14',\n },\n 'lp-sys-typo-paragraph1-post-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-150',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph3-post-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-150',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-answer-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph1-answer-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-caption1-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-13',\n },\n 'lp-sys-typo-caption2-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-12',\n },\n 'lp-sys-typo-caption3-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-11',\n },\n 'lp-sys-typo-caption1-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-13',\n },\n 'lp-sys-typo-caption2-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-12',\n },\n 'lp-sys-typo-caption3-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-11',\n },\n 'lp-sys-typo-caption1-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-13',\n },\n 'lp-sys-typo-caption2-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-12',\n },\n 'lp-sys-typo-caption3-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-11',\n },\n};\n\nexport const typographyClassName = (() => {\n const result: Partial<Record<TypographyKeys, TypographyKeys>> = {};\n\n for (const key in typography) {\n const typedKey = key as TypographyKeys;\n\n result[typedKey] = typedKey;\n }\n\n return result;\n})();\n\nexport const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-display2-accent-black': {\n ...typography['lp-sys-typo-display2-accent-black'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-900',\n },\n 'lp-sys-typo-display3-accent-black': {\n ...typography['lp-sys-typo-display3-accent-black'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-900',\n },\n 'lp-sys-typo-title1-accent-bold': {\n ...typography['lp-sys-typo-title1-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title2-accent-bold': {\n ...typography['lp-sys-typo-title2-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title3-accent-bold': {\n ...typography['lp-sys-typo-title3-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title4-accent-bold': {\n ...typography['lp-sys-typo-title4-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title1-accent-medium': {\n ...typography['lp-sys-typo-title1-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title2-accent-medium': {\n ...typography['lp-sys-typo-title2-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title3-accent-medium': {\n ...typography['lp-sys-typo-title3-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title4-accent-medium': {\n ...typography['lp-sys-typo-title4-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-paragraph1-accent-bold': {\n ...typography['lp-sys-typo-paragraph1-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-700',\n },\n 'lp-sys-typo-paragraph2-accent-bold': {\n ...typography['lp-sys-typo-paragraph2-accent-bold'],\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n },\n 'lp-sys-typo-paragraph3-accent-bold': {\n ...typography['lp-sys-typo-paragraph3-accent-bold'],\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n },\n 'lp-sys-typo-paragraph1-accent-medium': {\n ...typography['lp-sys-typo-paragraph1-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-500',\n },\n 'lp-sys-typo-paragraph2-accent-medium': {\n ...typography['lp-sys-typo-paragraph2-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-500',\n },\n 'lp-sys-typo-paragraph3-accent-medium': {\n ...typography['lp-sys-typo-paragraph3-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-500',\n },\n 'lp-sys-typo-paragraph1-accent-regular': {\n ...typography['lp-sys-typo-paragraph1-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-paragraph2-accent-regular': {\n ...typography['lp-sys-typo-paragraph2-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-paragraph3-accent-regular': {\n ...typography['lp-sys-typo-paragraph3-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-display2-normal-black': {\n ...typography['lp-sys-typo-display2-normal-black'],\n family: 'lp-pri-font-family-variables-pretendard',\n },\n 'lp-sys-typo-paragraph1-answer-bold': {\n ...typography['lp-sys-typo-paragraph1-answer-bold'],\n family: 'lp-pri-font-family-merriweather',\n // size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-answer-regular': {\n ...typography['lp-sys-typo-paragraph1-answer-regular'],\n family: 'lp-pri-font-family-merriweather',\n // size: 'lp-pri-font-size-15',\n },\n};\n", "import { FontFamily, typography, typographyEnglish } from '../scripts/create-css/constants/typography';\nimport { font } from '../scripts/create-css/constants/typography/primitive';\nimport { TypographyKeys } from '../scripts/create-css/constants/typography/types';\n\nconst transformCSS = (\n family: FontFamily,\n size: keyof typeof font.size,\n weight: keyof typeof font.weight,\n lineHeight: keyof typeof font.lineHeight\n) => `\n 'font-family': ${family},\n 'font-size': ${size},\n 'font-weight': ${weight},\n 'line-height': ${lineHeight},\n `;\n\nexport const getTypoStyle = (key: TypographyKeys) => {\n const locale = document.documentElement.getAttribute('lang');\n const { family, size, weight, lineHeight } = typography[key];\n\n if (locale === 'en') {\n if (typographyEnglish[key]) {\n const { family, size, weight, lineHeight } = typographyEnglish[key];\n return transformCSS(family, size, weight, lineHeight);\n }\n\n return transformCSS(family, size, weight, lineHeight);\n }\n\n if (locale === 'ja') {\n return transformCSS('lp-pri-font-family-variables-pretendard-jp', size, weight, lineHeight);\n }\n\n return transformCSS(family, size, weight, lineHeight);\n};\n", "import React from 'react';\n\nexport const SetDarkModeScript = () => {\n const darkThemeScript = `(\n function (){\n const localStorageTheme = window.localStorage.getItem(\"theme\")\n document.documentElement.setAttribute(\"color-theme\", localStorageTheme || (window.matchMedia('(prefers-color-scheme: dark)').matches ? \"dark\" : \"light\"))\n })()`;\n\n return <script dangerouslySetInnerHTML={{ __html: darkThemeScript }} />;\n};\n", "import React, { ReactNode, useLayoutEffect } from 'react';\nimport { useSetRecoilState } from 'recoil';\nimport { theme } from '../hooks/useDarkTheme';\n\ninterface IProps {\n children: ReactNode;\n}\n\nexport const ThemeProvider = ({ children }: IProps) => {\n const setIsDarkMode = useSetRecoilState(theme);\n\n useLayoutEffect(() => {\n setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');\n }, []);\n\n return <div>{children}</div>;\n};\n"],
5
+ "mappings": "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",
6
6
  "names": ["React", "family", "size", "weight", "lineHeight", "import_react", "React", "import_react", "import_recoil", "React"]
7
7
  }
package/lib/index.mjs CHANGED
@@ -72,7 +72,7 @@ var DesignSystemHead = /* @__PURE__ */ __name(() => {
72
72
  }, "DesignSystemHead");
73
73
 
74
74
  // src/generated/vars.ts
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": { "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)", "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)", "negative-700": "var(--lp-sys-gap-negative-700)", "negative-800": "var(--lp-sys-gap-negative-800)", "negative-900": "var(--lp-sys-gap-negative-900)" }, "shadow": { "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)" } };
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-container-highlight": "var(--function-container-highlight)", "function-container-selection": "var(--function-container-selection)", "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": { "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)", "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)", "negative-700": "var(--lp-sys-gap-negative-700)", "negative-800": "var(--lp-sys-gap-negative-800)", "negative-900": "var(--lp-sys-gap-negative-900)" }, "shadow": { "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)" } };
76
76
 
77
77
  // src/generated/classNames.ts
78
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" } };
package/lib/index.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts", "../src/components/Head.tsx", "../src/generated/vars.ts", "../src/generated/classNames.ts", "../src/scripts/create-css/constants/typography/index.ts", "../src/helpers/getTypoStyle.ts", "../src/helpers/setDarkModeScript.tsx", "../src/components/ThemeProvider.tsx"],
4
- "sourcesContent": ["import { useEffect, useState } from 'react';\nimport { atom, useRecoilState, useSetRecoilState } from 'recoil';\n\nexport const theme = atom({\n key: 'dark-theme',\n default: false,\n});\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useRecoilState(theme);\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\n localStorage.setItem('theme', 'dark');\n setIsDarkMode(true);\n };\n\n const setLightTheme = () => {\n document.documentElement.setAttribute('color-theme', 'light');\n localStorage.setItem('theme', 'light');\n setIsDarkMode(false);\n };\n\n const setPreferTheme = () => {\n const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n localStorage.removeItem('theme');\n document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n setIsDarkMode(isOsColorThemeDark);\n };\n\n return {\n setDarkTheme,\n setLightTheme,\n setPreferTheme,\n isDarkMode,\n };\n};\n", "export const useLanguage = () => {};\n", "import React from 'react';\n\nexport const DesignSystemHead = () => {\n return (\n <>\n {/* Pretendard JP Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css\"\n />\n {/* Pretendard Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css\"\n />\n {/* \"Poppins\", sans-serif; */}\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n rel=\"stylesheet\"\n />\n {/* font-family: \"Merriweather\", serif; */}\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n rel=\"stylesheet\"\n />\n </>\n );\n};\n", "export const 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\":{\"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)\",\"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)\",\"negative-700\":\"var(--lp-sys-gap-negative-700)\",\"negative-800\":\"var(--lp-sys-gap-negative-800)\",\"negative-900\":\"var(--lp-sys-gap-negative-900)\"},\"shadow\":{\"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)\"}}", "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-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\"}}", "import { font } from './primitive';\nimport { TypographyKeys } from './types';\n\nexport type FontFamily =\n | 'lp-pri-font-family-poppins'\n | 'lp-pri-font-family-variables-pretendard'\n | 'lp-pri-font-family-variables-pretendard-jp'\n | 'lp-pri-font-family-merriweather';\n\ninterface TypographyValues {\n family: Exclude<FontFamily, 'lp-pri-font-family-variables-pretendard-jp'>;\n weight: keyof typeof font.weight;\n lineHeight: keyof typeof font.lineHeight;\n size: keyof typeof font.size;\n}\n\nexport const typography: Record<TypographyKeys, TypographyValues> = {\n 'lp-sys-typo-display2-accent-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-64',\n },\n 'lp-sys-typo-display3-accent-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-40',\n },\n 'lp-sys-typo-display2-normal-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-56',\n },\n 'lp-sys-typo-display3-normal-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-40',\n },\n 'lp-sys-typo-heading1-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-28',\n },\n 'lp-sys-typo-heading2-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-24',\n },\n 'lp-sys-typo-heading3-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-20',\n },\n 'lp-sys-typo-heading4-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-heading5-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-heading6-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-title1-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-32',\n },\n 'lp-sys-typo-title2-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-28',\n },\n 'lp-sys-typo-title3-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-24',\n },\n 'lp-sys-typo-title4-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-20',\n },\n 'lp-sys-typo-title1-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-32',\n },\n 'lp-sys-typo-title2-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-28',\n },\n 'lp-sys-typo-title3-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-24',\n },\n 'lp-sys-typo-title4-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-20',\n },\n 'lp-sys-typo-title1-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-32',\n },\n 'lp-sys-typo-title2-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-28',\n },\n 'lp-sys-typo-title3-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-24',\n },\n 'lp-sys-typo-title4-normal-bold': {\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-20',\n family: 'lp-pri-font-family-variables-pretendard',\n },\n 'lp-sys-typo-title1-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n size: 'lp-pri-font-size-32',\n lineHeight: 'lp-pri-font-lineheight-130',\n },\n 'lp-sys-typo-title2-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n size: 'lp-pri-font-size-28',\n lineHeight: 'lp-pri-font-lineheight-130',\n },\n 'lp-sys-typo-title3-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n size: 'lp-pri-font-size-24',\n lineHeight: 'lp-pri-font-lineheight-130',\n },\n 'lp-sys-typo-title4-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n size: 'lp-pri-font-size-20',\n lineHeight: 'lp-pri-font-lineheight-130',\n },\n 'lp-sys-typo-paragraph1-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-accent-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-accent-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-accent-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-normal-bold': {\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n family: 'lp-pri-font-family-variables-pretendard',\n },\n 'lp-sys-typo-paragraph2-normal-bold': {\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n family: 'lp-pri-font-family-variables-pretendard',\n },\n 'lp-sys-typo-paragraph3-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph4-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-14',\n },\n 'lp-sys-typo-paragraph1-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph4-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-14',\n },\n 'lp-sys-typo-paragraph1-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph4-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-14',\n },\n 'lp-sys-typo-paragraph1-post-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-150',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph3-post-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-150',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-answer-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph1-answer-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-caption1-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-13',\n },\n 'lp-sys-typo-caption2-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-12',\n },\n 'lp-sys-typo-caption3-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-11',\n },\n 'lp-sys-typo-caption1-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-13',\n },\n 'lp-sys-typo-caption2-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-12',\n },\n 'lp-sys-typo-caption3-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-11',\n },\n 'lp-sys-typo-caption1-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-13',\n },\n 'lp-sys-typo-caption2-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-12',\n },\n 'lp-sys-typo-caption3-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-11',\n },\n};\n\nexport const typographyClassName = (() => {\n const result: Partial<Record<TypographyKeys, TypographyKeys>> = {};\n\n for (const key in typography) {\n const typedKey = key as TypographyKeys;\n\n result[typedKey] = typedKey;\n }\n\n return result;\n})();\n\nexport const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-display2-accent-black': {\n ...typography['lp-sys-typo-display2-accent-black'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-900',\n },\n 'lp-sys-typo-display3-accent-black': {\n ...typography['lp-sys-typo-display3-accent-black'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-900',\n },\n 'lp-sys-typo-title1-accent-bold': {\n ...typography['lp-sys-typo-title1-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title2-accent-bold': {\n ...typography['lp-sys-typo-title2-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title3-accent-bold': {\n ...typography['lp-sys-typo-title3-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title4-accent-bold': {\n ...typography['lp-sys-typo-title4-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title1-accent-medium': {\n ...typography['lp-sys-typo-title1-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title2-accent-medium': {\n ...typography['lp-sys-typo-title2-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title3-accent-medium': {\n ...typography['lp-sys-typo-title3-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title4-accent-medium': {\n ...typography['lp-sys-typo-title4-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-paragraph1-accent-bold': {\n ...typography['lp-sys-typo-paragraph1-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-700',\n },\n 'lp-sys-typo-paragraph2-accent-bold': {\n ...typography['lp-sys-typo-paragraph2-accent-bold'],\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n },\n 'lp-sys-typo-paragraph3-accent-bold': {\n ...typography['lp-sys-typo-paragraph3-accent-bold'],\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n },\n 'lp-sys-typo-paragraph1-accent-medium': {\n ...typography['lp-sys-typo-paragraph1-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-500',\n },\n 'lp-sys-typo-paragraph2-accent-medium': {\n ...typography['lp-sys-typo-paragraph2-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-500',\n },\n 'lp-sys-typo-paragraph3-accent-medium': {\n ...typography['lp-sys-typo-paragraph3-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-500',\n },\n 'lp-sys-typo-paragraph1-accent-regular': {\n ...typography['lp-sys-typo-paragraph1-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-paragraph2-accent-regular': {\n ...typography['lp-sys-typo-paragraph2-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-paragraph3-accent-regular': {\n ...typography['lp-sys-typo-paragraph3-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-display2-normal-black': {\n ...typography['lp-sys-typo-display2-normal-black'],\n family: 'lp-pri-font-family-variables-pretendard',\n },\n 'lp-sys-typo-paragraph1-answer-bold': {\n ...typography['lp-sys-typo-paragraph1-answer-bold'],\n family: 'lp-pri-font-family-merriweather',\n // size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-answer-regular': {\n ...typography['lp-sys-typo-paragraph1-answer-regular'],\n family: 'lp-pri-font-family-merriweather',\n // size: 'lp-pri-font-size-15',\n },\n};\n", "import { FontFamily, typography, typographyEnglish } from '../scripts/create-css/constants/typography';\nimport { font } from '../scripts/create-css/constants/typography/primitive';\nimport { TypographyKeys } from '../scripts/create-css/constants/typography/types';\n\nconst transformCSS = (\n family: FontFamily,\n size: keyof typeof font.size,\n weight: keyof typeof font.weight,\n lineHeight: keyof typeof font.lineHeight\n) => `\n 'font-family': ${family},\n 'font-size': ${size},\n 'font-weight': ${weight},\n 'line-height': ${lineHeight},\n `;\n\nexport const getTypoStyle = (key: TypographyKeys) => {\n const locale = document.documentElement.getAttribute('lang');\n const { family, size, weight, lineHeight } = typography[key];\n\n if (locale === 'en') {\n if (typographyEnglish[key]) {\n const { family, size, weight, lineHeight } = typographyEnglish[key];\n return transformCSS(family, size, weight, lineHeight);\n }\n\n return transformCSS(family, size, weight, lineHeight);\n }\n\n if (locale === 'ja') {\n return transformCSS('lp-pri-font-family-variables-pretendard-jp', size, weight, lineHeight);\n }\n\n return transformCSS(family, size, weight, lineHeight);\n};\n", "import React from 'react';\n\nexport const SetDarkModeScript = () => {\n const darkThemeScript = `(\n function (){\n const localStorageTheme = window.localStorage.getItem(\"theme\")\n document.documentElement.setAttribute(\"color-theme\", localStorageTheme || (window.matchMedia('(prefers-color-scheme: dark)').matches ? \"dark\" : \"light\"))\n })()`;\n\n return <script dangerouslySetInnerHTML={{ __html: darkThemeScript }} />;\n};\n", "import React, { ReactNode, useLayoutEffect } from 'react';\nimport { useSetRecoilState } from 'recoil';\nimport { theme } from '../hooks/useDarkTheme';\n\ninterface IProps {\n children: ReactNode;\n}\n\nexport const ThemeProvider = ({ children }: IProps) => {\n const setIsDarkMode = useSetRecoilState(theme);\n\n useLayoutEffect(() => {\n setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');\n }, []);\n\n return <div>{children}</div>;\n};\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["import { useEffect, useState } from 'react';\nimport { atom, useRecoilState, useSetRecoilState } from 'recoil';\n\nexport const theme = atom({\n key: 'dark-theme',\n default: false,\n});\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useRecoilState(theme);\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\n localStorage.setItem('theme', 'dark');\n setIsDarkMode(true);\n };\n\n const setLightTheme = () => {\n document.documentElement.setAttribute('color-theme', 'light');\n localStorage.setItem('theme', 'light');\n setIsDarkMode(false);\n };\n\n const setPreferTheme = () => {\n const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n localStorage.removeItem('theme');\n document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n setIsDarkMode(isOsColorThemeDark);\n };\n\n return {\n setDarkTheme,\n setLightTheme,\n setPreferTheme,\n isDarkMode,\n };\n};\n", "export const useLanguage = () => {};\n", "import React from 'react';\n\nexport const DesignSystemHead = () => {\n return (\n <>\n {/* Pretendard JP Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css\"\n />\n {/* Pretendard Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css\"\n />\n {/* \"Poppins\", sans-serif; */}\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n rel=\"stylesheet\"\n />\n {/* font-family: \"Merriweather\", serif; */}\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n rel=\"stylesheet\"\n />\n </>\n );\n};\n", "export const 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-container-highlight\":\"var(--function-container-highlight)\",\"function-container-selection\":\"var(--function-container-selection)\",\"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\":{\"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)\",\"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)\",\"negative-700\":\"var(--lp-sys-gap-negative-700)\",\"negative-800\":\"var(--lp-sys-gap-negative-800)\",\"negative-900\":\"var(--lp-sys-gap-negative-900)\"},\"shadow\":{\"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)\"}}", "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-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\"}}", "import { font } from './primitive';\nimport { TypographyKeys } from './types';\n\nexport type FontFamily =\n | 'lp-pri-font-family-variables-pretendard'\n | 'lp-pri-font-family-variables-pretendard-jp'\n | 'lp-pri-font-family-merriweather';\n\ninterface TypographyValues {\n family: Exclude<FontFamily, 'lp-pri-font-family-variables-pretendard-jp'>;\n weight: keyof typeof font.weight;\n lineHeight: keyof typeof font.lineHeight;\n size: keyof typeof font.size;\n}\n\nexport const typography: Record<TypographyKeys, TypographyValues> = {\n 'lp-sys-typo-display2-accent-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-64',\n },\n 'lp-sys-typo-display3-accent-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-40',\n },\n 'lp-sys-typo-display2-normal-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-56',\n },\n 'lp-sys-typo-display3-normal-black': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-40',\n },\n 'lp-sys-typo-heading1-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-28',\n },\n 'lp-sys-typo-heading2-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-24',\n },\n 'lp-sys-typo-heading3-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-20',\n },\n 'lp-sys-typo-heading4-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-heading5-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-heading6-answer': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-title1-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-32',\n },\n 'lp-sys-typo-title2-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-28',\n },\n 'lp-sys-typo-title3-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-24',\n },\n 'lp-sys-typo-title4-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-20',\n },\n 'lp-sys-typo-title1-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-32',\n },\n 'lp-sys-typo-title2-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-28',\n },\n 'lp-sys-typo-title3-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-24',\n },\n 'lp-sys-typo-title4-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-20',\n },\n 'lp-sys-typo-title1-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-32',\n },\n 'lp-sys-typo-title2-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-28',\n },\n 'lp-sys-typo-title3-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-24',\n },\n 'lp-sys-typo-title4-normal-bold': {\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-20',\n family: 'lp-pri-font-family-variables-pretendard',\n },\n 'lp-sys-typo-title1-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n size: 'lp-pri-font-size-32',\n lineHeight: 'lp-pri-font-lineheight-130',\n },\n 'lp-sys-typo-title2-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n size: 'lp-pri-font-size-28',\n lineHeight: 'lp-pri-font-lineheight-130',\n },\n 'lp-sys-typo-title3-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n size: 'lp-pri-font-size-24',\n lineHeight: 'lp-pri-font-lineheight-130',\n },\n 'lp-sys-typo-title4-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n size: 'lp-pri-font-size-20',\n lineHeight: 'lp-pri-font-lineheight-130',\n },\n 'lp-sys-typo-paragraph1-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-accent-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-accent-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-accent-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-accent-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-accent-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-normal-bold': {\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n family: 'lp-pri-font-family-variables-pretendard',\n },\n 'lp-sys-typo-paragraph2-normal-bold': {\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n family: 'lp-pri-font-family-variables-pretendard',\n },\n 'lp-sys-typo-paragraph3-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph4-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-14',\n },\n 'lp-sys-typo-paragraph1-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph4-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-14',\n },\n 'lp-sys-typo-paragraph1-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph2-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph3-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph4-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-14',\n },\n 'lp-sys-typo-paragraph1-post-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-150',\n size: 'lp-pri-font-size-17',\n },\n 'lp-sys-typo-paragraph3-post-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-150',\n size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-answer-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-paragraph1-answer-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-16',\n },\n 'lp-sys-typo-caption1-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-13',\n },\n 'lp-sys-typo-caption2-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-12',\n },\n 'lp-sys-typo-caption3-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-11',\n },\n 'lp-sys-typo-caption1-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-13',\n },\n 'lp-sys-typo-caption2-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-12',\n },\n 'lp-sys-typo-caption3-normal-medium': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-500',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-11',\n },\n 'lp-sys-typo-caption1-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-13',\n },\n 'lp-sys-typo-caption2-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-12',\n },\n 'lp-sys-typo-caption3-normal-regular': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-350',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-11',\n },\n};\n\nexport const typographyClassName = (() => {\n const result: Partial<Record<TypographyKeys, TypographyKeys>> = {};\n\n for (const key in typography) {\n const typedKey = key as TypographyKeys;\n\n result[typedKey] = typedKey;\n }\n\n return result;\n})();\n\nexport const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-display2-accent-black': {\n ...typography['lp-sys-typo-display2-accent-black'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-900',\n },\n 'lp-sys-typo-display3-accent-black': {\n ...typography['lp-sys-typo-display3-accent-black'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-900',\n },\n 'lp-sys-typo-title1-accent-bold': {\n ...typography['lp-sys-typo-title1-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title2-accent-bold': {\n ...typography['lp-sys-typo-title2-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title3-accent-bold': {\n ...typography['lp-sys-typo-title3-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title4-accent-bold': {\n ...typography['lp-sys-typo-title4-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title1-accent-medium': {\n ...typography['lp-sys-typo-title1-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title2-accent-medium': {\n ...typography['lp-sys-typo-title2-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title3-accent-medium': {\n ...typography['lp-sys-typo-title3-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-title4-accent-medium': {\n ...typography['lp-sys-typo-title4-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-paragraph1-accent-bold': {\n ...typography['lp-sys-typo-paragraph1-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-700',\n },\n 'lp-sys-typo-paragraph2-accent-bold': {\n ...typography['lp-sys-typo-paragraph2-accent-bold'],\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n },\n 'lp-sys-typo-paragraph3-accent-bold': {\n ...typography['lp-sys-typo-paragraph3-accent-bold'],\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-700',\n },\n 'lp-sys-typo-paragraph1-accent-medium': {\n ...typography['lp-sys-typo-paragraph1-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-500',\n },\n 'lp-sys-typo-paragraph2-accent-medium': {\n ...typography['lp-sys-typo-paragraph2-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-500',\n },\n 'lp-sys-typo-paragraph3-accent-medium': {\n ...typography['lp-sys-typo-paragraph3-accent-medium'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-500',\n },\n 'lp-sys-typo-paragraph1-accent-regular': {\n ...typography['lp-sys-typo-paragraph1-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-paragraph2-accent-regular': {\n ...typography['lp-sys-typo-paragraph2-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-paragraph3-accent-regular': {\n ...typography['lp-sys-typo-paragraph3-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-merriweather',\n },\n 'lp-sys-typo-display2-normal-black': {\n ...typography['lp-sys-typo-display2-normal-black'],\n family: 'lp-pri-font-family-variables-pretendard',\n },\n 'lp-sys-typo-paragraph1-answer-bold': {\n ...typography['lp-sys-typo-paragraph1-answer-bold'],\n family: 'lp-pri-font-family-merriweather',\n // size: 'lp-pri-font-size-15',\n },\n 'lp-sys-typo-paragraph1-answer-regular': {\n ...typography['lp-sys-typo-paragraph1-answer-regular'],\n family: 'lp-pri-font-family-merriweather',\n // size: 'lp-pri-font-size-15',\n },\n};\n", "import { FontFamily, typography, typographyEnglish } from '../scripts/create-css/constants/typography';\nimport { font } from '../scripts/create-css/constants/typography/primitive';\nimport { TypographyKeys } from '../scripts/create-css/constants/typography/types';\n\nconst transformCSS = (\n family: FontFamily,\n size: keyof typeof font.size,\n weight: keyof typeof font.weight,\n lineHeight: keyof typeof font.lineHeight\n) => `\n 'font-family': ${family},\n 'font-size': ${size},\n 'font-weight': ${weight},\n 'line-height': ${lineHeight},\n `;\n\nexport const getTypoStyle = (key: TypographyKeys) => {\n const locale = document.documentElement.getAttribute('lang');\n const { family, size, weight, lineHeight } = typography[key];\n\n if (locale === 'en') {\n if (typographyEnglish[key]) {\n const { family, size, weight, lineHeight } = typographyEnglish[key];\n return transformCSS(family, size, weight, lineHeight);\n }\n\n return transformCSS(family, size, weight, lineHeight);\n }\n\n if (locale === 'ja') {\n return transformCSS('lp-pri-font-family-variables-pretendard-jp', size, weight, lineHeight);\n }\n\n return transformCSS(family, size, weight, lineHeight);\n};\n", "import React from 'react';\n\nexport const SetDarkModeScript = () => {\n const darkThemeScript = `(\n function (){\n const localStorageTheme = window.localStorage.getItem(\"theme\")\n document.documentElement.setAttribute(\"color-theme\", localStorageTheme || (window.matchMedia('(prefers-color-scheme: dark)').matches ? \"dark\" : \"light\"))\n })()`;\n\n return <script dangerouslySetInnerHTML={{ __html: darkThemeScript }} />;\n};\n", "import React, { ReactNode, useLayoutEffect } from 'react';\nimport { useSetRecoilState } from 'recoil';\nimport { theme } from '../hooks/useDarkTheme';\n\ninterface IProps {\n children: ReactNode;\n}\n\nexport const ThemeProvider = ({ children }: IProps) => {\n const setIsDarkMode = useSetRecoilState(theme);\n\n useLayoutEffect(() => {\n setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');\n }, []);\n\n return <div>{children}</div>;\n};\n"],
5
+ "mappings": "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",
6
6
  "names": ["family", "size", "weight", "lineHeight", "React", "React", "React", "useSetRecoilState", "useSetRecoilState", "React"]
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import { font } from './primitive';
2
2
  import { TypographyKeys } from './types';
3
- export type FontFamily = 'lp-pri-font-family-poppins' | 'lp-pri-font-family-variables-pretendard' | 'lp-pri-font-family-variables-pretendard-jp' | 'lp-pri-font-family-merriweather';
3
+ export type FontFamily = 'lp-pri-font-family-variables-pretendard' | 'lp-pri-font-family-variables-pretendard-jp' | 'lp-pri-font-family-merriweather';
4
4
  interface TypographyValues {
5
5
  family: Exclude<FontFamily, 'lp-pri-font-family-variables-pretendard-jp'>;
6
6
  weight: keyof typeof font.weight;
@@ -1 +1 @@
1
- export type SystemKeys = 'neutral-container-lowest-hover' | 'neutral-container-lowest' | 'neutral-container-low' | 'neutral-container-low-hover' | 'neutral-container-mid' | 'neutral-container-mid-hover' | 'neutral-container-high' | 'neutral-container-high-hover' | 'neutral-container-highest' | 'neutral-container-static-lowest' | 'neutral-container-static-lowest-hover' | 'neutral-fill-lowest' | 'neutral-fill-lowest-hover' | 'neutral-fill-low' | 'neutral-fill-low-hover' | 'neutral-fill-mid' | 'neutral-fill-mid-hover' | 'neutral-fill-high' | 'neutral-fill-high-hover' | 'neutral-fill-highest' | 'neutral-label-primary' | 'neutral-label-secondary' | 'neutral-label-tertiary' | 'neutral-label-quaternary' | 'neutral-label-static-primary' | 'neutral-label-static-secondary' | 'neutral-border-overlay-strong' | 'neutral-border-overlay-normal' | 'neutral-border-overlay-subtle' | 'neutral-border-opaque-strong' | 'neutral-border-opaque-normal' | 'neutral-border-opaque-subtle' | 'inverse-container-lowest' | 'inverse-container-lowest-hover' | 'inverse-container-low' | 'inverse-container-low-hover' | 'inverse-container-mid' | 'inverse-container-mid-hover' | 'inverse-container-high' | 'inverse-container-high-hover' | 'inverse-container-static-high' | 'inverse-container-static-high-hover' | 'inverse-fill-mid' | 'inverse-fill-mid-hover' | 'inverse-label-primary' | 'inverse-label-static-primary' | 'inverse-label-static-secondary' | 'inverse-label-secondary' | 'inverse-label-tertiary' | 'inverse-label-quaternary' | 'inverse-border-overlay-strong' | 'inverse-border-overlay-normal' | 'inverse-border-overlay-subtle' | 'inverse-border-opaque-strong' | 'inverse-border-opaque-normal' | 'inverse-border-opaque-subtle' | 'brand-container-mid' | 'brand-container-mid-hover' | 'brand-container-high' | 'brand-label-primary' | 'brand-label-secondary' | 'brand-border-overlay-normal' | 'brand-border-opaque-normal' | 'accent-yellow' | 'accent-mint' | 'accent-cyan' | 'accent-purple' | 'accent-pink' | 'function-container-positive' | 'function-container-negative' | 'function-container-negative-hover' | 'function-container-caution' | 'function-label-positive' | 'function-label-negative' | 'function-label-caution' | 'inverse-container-highest' | 'cover-dim-page';
1
+ export type SystemKeys = 'neutral-container-lowest-hover' | 'neutral-container-lowest' | 'neutral-container-low' | 'neutral-container-low-hover' | 'neutral-container-mid' | 'neutral-container-mid-hover' | 'neutral-container-high' | 'neutral-container-high-hover' | 'neutral-container-highest' | 'neutral-container-static-lowest' | 'neutral-container-static-lowest-hover' | 'neutral-fill-lowest' | 'neutral-fill-lowest-hover' | 'neutral-fill-low' | 'neutral-fill-low-hover' | 'neutral-fill-mid' | 'neutral-fill-mid-hover' | 'neutral-fill-high' | 'neutral-fill-high-hover' | 'neutral-fill-highest' | 'neutral-label-primary' | 'neutral-label-secondary' | 'neutral-label-tertiary' | 'neutral-label-quaternary' | 'neutral-label-static-primary' | 'neutral-label-static-secondary' | 'neutral-border-overlay-strong' | 'neutral-border-overlay-normal' | 'neutral-border-overlay-subtle' | 'neutral-border-opaque-strong' | 'neutral-border-opaque-normal' | 'neutral-border-opaque-subtle' | 'inverse-container-lowest' | 'inverse-container-lowest-hover' | 'inverse-container-low' | 'inverse-container-low-hover' | 'inverse-container-mid' | 'inverse-container-mid-hover' | 'inverse-container-high' | 'inverse-container-high-hover' | 'inverse-container-static-high' | 'inverse-container-static-high-hover' | 'inverse-fill-mid' | 'inverse-fill-mid-hover' | 'inverse-label-primary' | 'inverse-label-static-primary' | 'inverse-label-static-secondary' | 'inverse-label-secondary' | 'inverse-label-tertiary' | 'inverse-label-quaternary' | 'inverse-border-overlay-strong' | 'inverse-border-overlay-normal' | 'inverse-border-overlay-subtle' | 'inverse-border-opaque-strong' | 'inverse-border-opaque-normal' | 'inverse-border-opaque-subtle' | 'brand-container-mid' | 'brand-container-mid-hover' | 'brand-container-high' | 'brand-label-primary' | 'brand-label-secondary' | 'brand-border-overlay-normal' | 'brand-border-opaque-normal' | 'accent-yellow' | 'accent-mint' | 'accent-cyan' | 'accent-purple' | 'accent-pink' | 'function-container-positive' | 'function-container-negative' | 'function-container-negative-hover' | 'function-container-caution' | 'function-container-highlight' | 'function-container-selection' | 'function-label-positive' | 'function-label-negative' | 'function-label-caution' | 'inverse-container-highest' | 'cover-dim-page';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/design-token",
3
- "version": "2.3.1",
3
+ "version": "2.3.3",
4
4
  "packageManager": "yarn@3.6.0",
5
5
  "devDependencies": {
6
6
  "@types/react": "^18.2.48",
Binary file
Binary file
Binary file
@@ -1 +1 @@
1
- export const 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":{"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)","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)","negative-700":"var(--lp-sys-gap-negative-700)","negative-800":"var(--lp-sys-gap-negative-800)","negative-900":"var(--lp-sys-gap-negative-900)"},"shadow":{"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)"}}
1
+ export const 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-container-highlight":"var(--function-container-highlight)","function-container-selection":"var(--function-container-selection)","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":{"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)","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)","negative-700":"var(--lp-sys-gap-negative-700)","negative-800":"var(--lp-sys-gap-negative-800)","negative-900":"var(--lp-sys-gap-negative-900)"},"shadow":{"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)"}}
@@ -3,6 +3,7 @@ import { hexToRgba } from '../../utils/hexToRGBA';
3
3
  import { SystemKeys } from '../../../../types/color';
4
4
 
5
5
  const system: Record<SystemKeys, [keyof IPrimitiveWithAlpha, keyof IPrimitiveWithAlpha]> = {
6
+ // neutral / container
6
7
  'neutral-container-lowest': ['lp-pri-achromatic-white', 'lp-pri-gray-cool-100'],
7
8
  'neutral-container-lowest-hover': ['lp-pri-gray-cool-970', 'lp-pri-gray-cool-200'],
8
9
  'neutral-container-low': ['lp-pri-gray-cool-980', 'lp-pri-gray-cool-200'],
@@ -14,6 +15,8 @@ const system: Record<SystemKeys, [keyof IPrimitiveWithAlpha, keyof IPrimitiveWit
14
15
  'neutral-container-highest': ['lp-pri-gray-cool-920', 'lp-pri-gray-cool-300'],
15
16
  'neutral-container-static-lowest': ['lp-pri-achromatic-white', 'lp-pri-achromatic-white'],
16
17
  'neutral-container-static-lowest-hover': ['lp-pri-gray-cool-970', 'lp-pri-gray-cool-900'],
18
+
19
+ // neutral / fill
17
20
  'neutral-fill-lowest': ['lp-pri-gray-cool-dark-alpha-0', 'lp-pri-gray-cool-dark-alpha-0'],
18
21
  'neutral-fill-lowest-hover': ['lp-pri-gray-cool-dark-alpha-6', 'lp-pri-gray-cool-dark-alpha-12'],
19
22
  'neutral-fill-low': ['lp-pri-gray-cool-dark-alpha-8', 'lp-pri-gray-cool-dark-alpha-20'],
@@ -23,14 +26,16 @@ const system: Record<SystemKeys, [keyof IPrimitiveWithAlpha, keyof IPrimitiveWit
23
26
  'neutral-fill-high': ['lp-pri-gray-cool-dark-alpha-20', 'lp-pri-gray-cool-dark-alpha-32'],
24
27
  'neutral-fill-high-hover': ['lp-pri-gray-cool-dark-alpha-28', 'lp-pri-gray-cool-dark-alpha-44'],
25
28
  'neutral-fill-highest': ['lp-pri-gray-cool-dark-alpha-72', 'lp-pri-gray-cool-dark-alpha-72'],
26
- //
29
+
30
+ // neutral / label
27
31
  'neutral-label-primary': ['lp-pri-gray-cool-100', 'lp-pri-achromatic-white'],
28
32
  'neutral-label-secondary': ['lp-pri-gray-cool-dark-alpha-80', 'lp-pri-gray-cool-light-alpha-64'],
29
33
  'neutral-label-tertiary': ['lp-pri-gray-cool-dark-alpha-48', 'lp-pri-gray-cool-light-alpha-32'],
30
34
  'neutral-label-quaternary': ['lp-pri-gray-cool-dark-alpha-24', 'lp-pri-gray-cool-light-alpha-20'],
31
35
  'neutral-label-static-primary': ['lp-pri-gray-cool-100', 'lp-pri-gray-cool-100'],
32
36
  'neutral-label-static-secondary': ['lp-pri-gray-cool-dark-alpha-80', 'lp-pri-gray-cool-dark-alpha-80'],
33
- //
37
+
38
+ // neutral / border
34
39
  'neutral-border-overlay-strong': ['lp-pri-gray-cool-dark-alpha-64', 'lp-pri-gray-cool-light-alpha-64'],
35
40
  'neutral-border-overlay-normal': ['lp-pri-gray-cool-dark-alpha-24', 'lp-pri-gray-cool-light-alpha-28'],
36
41
  'neutral-border-overlay-subtle': ['lp-pri-gray-cool-dark-alpha-16', 'lp-pri-gray-cool-light-alpha-20'],
@@ -38,6 +43,7 @@ const system: Record<SystemKeys, [keyof IPrimitiveWithAlpha, keyof IPrimitiveWit
38
43
  'neutral-border-opaque-normal': ['lp-pri-gray-cool-850', 'lp-pri-gray-cool-350'],
39
44
  'neutral-border-opaque-subtle': ['lp-pri-gray-cool-920', 'lp-pri-gray-cool-250'],
40
45
 
46
+ // inverse / container
41
47
  'inverse-container-lowest': ['lp-pri-gray-cool-100', 'lp-pri-achromatic-white'],
42
48
  'inverse-container-lowest-hover': ['lp-pri-gray-cool-200', 'lp-pri-gray-cool-970'],
43
49
  'inverse-container-low': ['lp-pri-gray-cool-200', 'lp-pri-gray-cool-980'],
@@ -49,49 +55,61 @@ const system: Record<SystemKeys, [keyof IPrimitiveWithAlpha, keyof IPrimitiveWit
49
55
  'inverse-container-static-high': ['lp-pri-gray-cool-250', 'lp-pri-gray-cool-250'],
50
56
  'inverse-container-static-high-hover': ['lp-pri-gray-cool-350', 'lp-pri-gray-cool-350'],
51
57
  'inverse-container-highest': ['lp-pri-gray-cool-300', 'lp-pri-gray-cool-920'],
52
- //
58
+
59
+ // inverse / fill
53
60
  'inverse-fill-mid': ['lp-pri-achromatic-white', 'lp-pri-gray-cool-light-alpha-24'],
54
61
  'inverse-fill-mid-hover': ['lp-pri-gray-cool-970', 'lp-pri-gray-cool-light-alpha-0'],
55
- //
62
+
63
+ // inverse / label
56
64
  'inverse-label-primary': ['lp-pri-achromatic-white', 'lp-pri-gray-cool-100'],
57
65
  'inverse-label-secondary': ['lp-pri-gray-cool-light-alpha-64', 'lp-pri-gray-cool-dark-alpha-80'],
58
66
  'inverse-label-tertiary': ['lp-pri-gray-cool-light-alpha-32', 'lp-pri-gray-cool-dark-alpha-48'],
59
67
  'inverse-label-quaternary': ['lp-pri-gray-cool-light-alpha-20', 'lp-pri-gray-cool-dark-alpha-24'],
60
68
  'inverse-label-static-primary': ['lp-pri-achromatic-white', 'lp-pri-achromatic-white'],
61
69
  'inverse-label-static-secondary': ['lp-pri-gray-cool-light-alpha-64', 'lp-pri-gray-cool-light-alpha-64'],
62
- //
70
+
71
+ // inverse / border
63
72
  'inverse-border-overlay-strong': ['lp-pri-gray-cool-light-alpha-64', 'lp-pri-gray-cool-dark-alpha-64'],
64
73
  'inverse-border-overlay-normal': ['lp-pri-gray-cool-light-alpha-28', 'lp-pri-gray-cool-dark-alpha-24'],
65
74
  'inverse-border-overlay-subtle': ['lp-pri-gray-cool-light-alpha-20', 'lp-pri-gray-cool-dark-alpha-16'],
66
75
  'inverse-border-opaque-strong': ['lp-pri-achromatic-white', 'lp-pri-gray-cool-100'],
67
76
  'inverse-border-opaque-normal': ['lp-pri-gray-cool-350', 'lp-pri-gray-cool-850'],
68
77
  'inverse-border-opaque-subtle': ['lp-pri-gray-cool-250', 'lp-pri-gray-cool-920'],
69
- //
78
+
79
+ // brand / container
70
80
  'brand-container-mid': ['lp-pri-brand-original-500', 'lp-pri-brand-original-500'],
71
81
  'brand-container-mid-hover': ['lp-pri-brand-original-400', 'lp-pri-brand-original-600'],
72
82
  'brand-container-high': ['lp-pri-brand-original-400', 'lp-pri-brand-original-400'],
73
- //
83
+
84
+ // brand / label
74
85
  'brand-label-primary': ['lp-pri-brand-original-500', 'lp-pri-brand-variation-500'],
75
86
  'brand-label-secondary': ['lp-pri-brand-original-alpha-80', 'lp-pri-brand-original-alpha-80'],
76
- //
87
+
88
+ // brand / border
77
89
  'brand-border-opaque-normal': ['lp-pri-brand-original-500', 'lp-pri-brand-original-500'],
78
90
  'brand-border-overlay-normal': ['lp-pri-brand-original-alpha-20', 'lp-pri-brand-original-alpha-20'],
79
- //
91
+
92
+ // accent
80
93
  'accent-yellow': ['lp-pri-rainbow-yellow-500', 'lp-pri-rainbow-yellow-600'],
81
94
  'accent-mint': ['lp-pri-rainbow-mint-500', 'lp-pri-rainbow-mint-600'],
82
95
  'accent-cyan': ['lp-pri-rainbow-cyan-500', 'lp-pri-rainbow-cyan-600'],
83
96
  'accent-purple': ['lp-pri-rainbow-purple-500', 'lp-pri-rainbow-purple-600'],
84
97
  'accent-pink': ['lp-pri-rainbow-pink-500', 'lp-pri-rainbow-pink-600'],
85
- //
98
+
99
+ // function / container
86
100
  'function-container-positive': ['lp-pri-rainbow-green-500', 'lp-pri-rainbow-green-600'],
87
101
  'function-container-negative': ['lp-pri-rainbow-red-500', 'lp-pri-rainbow-red-500'],
88
102
  'function-container-negative-hover': ['lp-pri-rainbow-red-400', 'lp-pri-rainbow-red-600'],
89
103
  'function-container-caution': ['lp-pri-rainbow-orange-500', 'lp-pri-rainbow-orange-500'],
90
- //
104
+ 'function-container-highlight': ['lp-pri-rainbow-yellow-900', 'lp-pri-rainbow-yellow-100'],
105
+ 'function-container-selection': ['lp-pri-brand-variation-950', 'lp-pri-brand-variation-100'],
106
+
107
+ // function / label
91
108
  'function-label-positive': ['lp-pri-rainbow-green-500', 'lp-pri-rainbow-green-600'],
92
109
  'function-label-negative': ['lp-pri-rainbow-red-500', 'lp-pri-rainbow-red-500'],
93
110
  'function-label-caution': ['lp-pri-rainbow-orange-500', 'lp-pri-rainbow-orange-500'],
94
111
 
112
+ // cover
95
113
  'cover-dim-page': ['lp-pri-achromatic-black-alpha-56', 'lp-pri-achromatic-black-alpha-56'],
96
114
  };
97
115
 
@@ -0,0 +1,54 @@
1
+ /* Pretendard Variable */
2
+ @font-face {
3
+ font-family: 'Pretendard Variable';
4
+ font-weight: 45 920;
5
+ font-style: normal;
6
+ font-display: swap;
7
+ src: url('./src/fonts/PretendardVariable.woff2') format('woff2-variations');
8
+ }
9
+
10
+ /* Pretendard JP */
11
+ @font-face {
12
+ font-family: 'Pretendard JP Variable';
13
+ font-weight: 45 920;
14
+ font-style: normal;
15
+ font-display: swap;
16
+ src: url('./src/fonts/PretendardJPVariable.woff2') format('woff2-variations');
17
+ }
18
+
19
+ /* Merryweather */
20
+ @font-face {
21
+ font-family: 'Merriweather';
22
+ font-weight: 900;
23
+ font-display: swap;
24
+ src:
25
+ local('Merriweather Black'),
26
+ url('./src/fonts/Merriweather-Black.ttf') format('woff2');
27
+ }
28
+
29
+ @font-face {
30
+ font-family: 'Merriweather';
31
+ font-weight: 700;
32
+ font-display: swap;
33
+ src:
34
+ local('Merriweather Bold'),
35
+ url('./src/fonts/Merriweather-Bold.ttf') format('woff2');
36
+ }
37
+
38
+ @font-face {
39
+ font-family: 'Merriweather';
40
+ font-weight: 400;
41
+ font-display: swap;
42
+ src:
43
+ local('Merriweather Regular'),
44
+ url('./src/fonts/Merriweather-Regular.ttf') format('woff2');
45
+ }
46
+
47
+ @font-face {
48
+ font-family: 'Merriweather';
49
+ font-weight: 300;
50
+ font-display: swap;
51
+ src:
52
+ local('Merriweather Light'),
53
+ url('./src/fonts/Merriweather-Light.ttf') format('woff2');
54
+ }
@@ -2,7 +2,6 @@ import { font } from './primitive';
2
2
  import { TypographyKeys } from './types';
3
3
 
4
4
  export type FontFamily =
5
- | 'lp-pri-font-family-poppins'
6
5
  | 'lp-pri-font-family-variables-pretendard'
7
6
  | 'lp-pri-font-family-variables-pretendard-jp'
8
7
  | 'lp-pri-font-family-merriweather';
@@ -14,12 +14,15 @@ import { createFile } from './utils/createFile';
14
14
  import { generateTokenMap } from './utils/generateTokenMap';
15
15
  import { gap, iconSize, opacity, padding, radius, shadow, size, typographyClassName } from './constants';
16
16
 
17
- const cssFile = [primitiveRoot, themeDark, themeLight, languageEnglish].join('\n');
18
- const cssFileStorybook = [primitiveRoot, themeDarkStorybook, themeLightStorybook, languageEnglish].join('\n');
19
17
  const tokens = [{ radius }, { opacity }, { padding }, { size }, { gap }, { shadow }, { iconSize }];
20
18
 
21
- const start = () => {
19
+ const start = async () => {
22
20
  try {
21
+ // TODO: 폰트 파일을 번들링하는 번들러 로더 설정이 필요해 작업 후 반영 예정
22
+ // const fontCss = await fileToString('../constants/font/font.css');
23
+ const cssFile = [primitiveRoot, themeDark, themeLight, languageEnglish].join('\n');
24
+ const cssFileStorybook = [primitiveRoot, themeDarkStorybook, themeLightStorybook, languageEnglish].join('\n');
25
+
23
26
  createFile('./global.css', cssFile);
24
27
  createFile('./globalStorybook.css', cssFileStorybook);
25
28
 
@@ -1,9 +1,7 @@
1
1
  import { FontFamily } from '../constants/typography';
2
2
 
3
3
  export const convertFontFamily = (value: FontFamily) => {
4
- if (value === 'lp-pri-font-family-poppins') {
5
- return '"Poppins", sans-serif';
6
- } else if (value === 'lp-pri-font-family-variables-pretendard-jp') {
4
+ if (value === 'lp-pri-font-family-variables-pretendard-jp') {
7
5
  return '"Pretendard JP Variable"';
8
6
  } else if (value === 'lp-pri-font-family-merriweather') {
9
7
  return '"Merriweather", serif';
@@ -0,0 +1,9 @@
1
+ import fs from 'fs';
2
+ import path from 'path';
3
+
4
+ export const fileToString = async (url: string) => {
5
+ const filePath = path.join(__dirname, url);
6
+ const result = await fs.readFileSync(filePath, 'utf8');
7
+
8
+ return result;
9
+ };
@@ -71,6 +71,8 @@ export type SystemKeys =
71
71
  | 'function-container-negative'
72
72
  | 'function-container-negative-hover'
73
73
  | 'function-container-caution'
74
+ | 'function-container-highlight'
75
+ | 'function-container-selection'
74
76
  | 'function-label-positive'
75
77
  | 'function-label-negative'
76
78
  | 'function-label-caution'