@liner-fe/design-token 2.1.8 → 2.1.10
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 +99 -9
- package/lib/index.cjs +19 -1
- package/lib/index.cjs.map +2 -2
- package/lib/index.mjs +19 -1
- package/lib/index.mjs.map +2 -2
- package/lib/scripts/create-css/constants/typography/index.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/Head.tsx +7 -0
- package/src/scripts/create-css/constants/color/types.ts +1 -1
- package/src/scripts/create-css/constants/rootScheme.ts +4 -1
- package/src/scripts/create-css/constants/typography/index.ts +15 -2
- package/src/scripts/create-css/utils/convertFontFamily.ts +4 -2
package/global.css
CHANGED
|
@@ -881,56 +881,146 @@
|
|
|
881
881
|
0px 8px 16px 0px rgba(0, 0, 0, 0.08),
|
|
882
882
|
0px 0px 8px 0px rgba(0, 0, 0, 0.08);
|
|
883
883
|
}
|
|
884
|
+
:root[lang=en] .lp-sys-typo-title1-accent-bold {
|
|
885
|
+
font-family: "Merriweather", serif;
|
|
886
|
+
font-size: var(--lp-pri-font-size-32);
|
|
887
|
+
font-weight: var(--lp-pri-font-weight-700);
|
|
888
|
+
line-height: var(--lp-pri-font-lineheight-130);
|
|
889
|
+
}
|
|
890
|
+
:root[lang=en] .lp-sys-typo-title3-accent-bold {
|
|
891
|
+
font-family: "Merriweather", serif;
|
|
892
|
+
font-size: var(--lp-pri-font-size-24);
|
|
893
|
+
font-weight: var(--lp-pri-font-weight-650);
|
|
894
|
+
line-height: var(--lp-pri-font-lineheight-130);
|
|
895
|
+
}
|
|
896
|
+
:root[lang=en] .lp-sys-typo-title4-accent-bold {
|
|
897
|
+
font-family: "Merriweather", serif;
|
|
898
|
+
font-size: var(--lp-pri-font-size-20);
|
|
899
|
+
font-weight: var(--lp-pri-font-weight-650);
|
|
900
|
+
line-height: var(--lp-pri-font-lineheight-130);
|
|
901
|
+
}
|
|
884
902
|
:root[lang=en] .lp-sys-typo-paragraph1-accent-bold {
|
|
885
|
-
font-family:
|
|
903
|
+
font-family: "Merriweather", serif;
|
|
886
904
|
font-size: var(--lp-pri-font-size-17);
|
|
887
905
|
font-weight: var(--lp-pri-font-weight-600);
|
|
888
906
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
889
907
|
}
|
|
890
908
|
:root[lang=en] .lp-sys-typo-paragraph2-accent-bold {
|
|
891
|
-
font-family:
|
|
909
|
+
font-family: "Pretendard Variable";
|
|
892
910
|
font-size: var(--lp-pri-font-size-16);
|
|
893
911
|
font-weight: var(--lp-pri-font-weight-600);
|
|
894
912
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
895
913
|
}
|
|
896
914
|
:root[lang=en] .lp-sys-typo-paragraph3-accent-bold {
|
|
897
|
-
font-family:
|
|
915
|
+
font-family: "Pretendard Variable";
|
|
898
916
|
font-size: var(--lp-pri-font-size-15);
|
|
899
917
|
font-weight: var(--lp-pri-font-weight-600);
|
|
900
918
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
901
919
|
}
|
|
902
920
|
:root[lang=en] .lp-sys-typo-paragraph1-accent-medium {
|
|
903
|
-
font-family:
|
|
921
|
+
font-family: "Poppins", sans-serif;
|
|
904
922
|
font-size: var(--lp-pri-font-size-17);
|
|
905
923
|
font-weight: var(--lp-pri-font-weight-500);
|
|
906
924
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
907
925
|
}
|
|
908
926
|
:root[lang=en] .lp-sys-typo-paragraph2-accent-medium {
|
|
909
|
-
font-family:
|
|
927
|
+
font-family: "Poppins", sans-serif;
|
|
910
928
|
font-size: var(--lp-pri-font-size-16);
|
|
911
929
|
font-weight: var(--lp-pri-font-weight-500);
|
|
912
930
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
913
931
|
}
|
|
914
932
|
:root[lang=en] .lp-sys-typo-paragraph3-accent-medium {
|
|
915
|
-
font-family:
|
|
933
|
+
font-family: "Poppins", sans-serif;
|
|
916
934
|
font-size: var(--lp-pri-font-size-15);
|
|
917
935
|
font-weight: var(--lp-pri-font-weight-500);
|
|
918
936
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
919
937
|
}
|
|
920
938
|
:root[lang=en] .lp-sys-typo-paragraph1-accent-regular {
|
|
921
|
-
font-family:
|
|
939
|
+
font-family: "Poppins", sans-serif;
|
|
922
940
|
font-size: var(--lp-pri-font-size-15);
|
|
923
941
|
font-weight: var(--lp-pri-font-weight-300);
|
|
924
942
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
925
943
|
}
|
|
926
944
|
:root[lang=en] .lp-sys-typo-paragraph2-accent-regular {
|
|
927
|
-
font-family:
|
|
945
|
+
font-family: "Poppins", sans-serif;
|
|
928
946
|
font-size: var(--lp-pri-font-size-15);
|
|
929
947
|
font-weight: var(--lp-pri-font-weight-300);
|
|
930
948
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
931
949
|
}
|
|
932
950
|
:root[lang=en] .lp-sys-typo-paragraph3-accent-regular {
|
|
933
|
-
font-family:
|
|
951
|
+
font-family: "Poppins", sans-serif;
|
|
952
|
+
font-size: var(--lp-pri-font-size-15);
|
|
953
|
+
font-weight: var(--lp-pri-font-weight-300);
|
|
954
|
+
line-height: var(--lp-pri-font-lineheight-130);
|
|
955
|
+
}
|
|
956
|
+
:root[lang=default] .lp-sys-typo-title1-accent-bold {
|
|
957
|
+
font-family: "Merriweather", serif;
|
|
958
|
+
font-size: var(--lp-pri-font-size-32);
|
|
959
|
+
font-weight: var(--lp-pri-font-weight-700);
|
|
960
|
+
line-height: var(--lp-pri-font-lineheight-130);
|
|
961
|
+
}
|
|
962
|
+
:root[lang=default] .lp-sys-typo-title3-accent-bold {
|
|
963
|
+
font-family: "Merriweather", serif;
|
|
964
|
+
font-size: var(--lp-pri-font-size-24);
|
|
965
|
+
font-weight: var(--lp-pri-font-weight-650);
|
|
966
|
+
line-height: var(--lp-pri-font-lineheight-130);
|
|
967
|
+
}
|
|
968
|
+
:root[lang=default] .lp-sys-typo-title4-accent-bold {
|
|
969
|
+
font-family: "Merriweather", serif;
|
|
970
|
+
font-size: var(--lp-pri-font-size-20);
|
|
971
|
+
font-weight: var(--lp-pri-font-weight-650);
|
|
972
|
+
line-height: var(--lp-pri-font-lineheight-130);
|
|
973
|
+
}
|
|
974
|
+
:root[lang=default] .lp-sys-typo-paragraph1-accent-bold {
|
|
975
|
+
font-family: "Merriweather", serif;
|
|
976
|
+
font-size: var(--lp-pri-font-size-17);
|
|
977
|
+
font-weight: var(--lp-pri-font-weight-600);
|
|
978
|
+
line-height: var(--lp-pri-font-lineheight-130);
|
|
979
|
+
}
|
|
980
|
+
:root[lang=default] .lp-sys-typo-paragraph2-accent-bold {
|
|
981
|
+
font-family: "Pretendard Variable";
|
|
982
|
+
font-size: var(--lp-pri-font-size-16);
|
|
983
|
+
font-weight: var(--lp-pri-font-weight-600);
|
|
984
|
+
line-height: var(--lp-pri-font-lineheight-130);
|
|
985
|
+
}
|
|
986
|
+
:root[lang=default] .lp-sys-typo-paragraph3-accent-bold {
|
|
987
|
+
font-family: "Pretendard Variable";
|
|
988
|
+
font-size: var(--lp-pri-font-size-15);
|
|
989
|
+
font-weight: var(--lp-pri-font-weight-600);
|
|
990
|
+
line-height: var(--lp-pri-font-lineheight-130);
|
|
991
|
+
}
|
|
992
|
+
:root[lang=default] .lp-sys-typo-paragraph1-accent-medium {
|
|
993
|
+
font-family: "Poppins", sans-serif;
|
|
994
|
+
font-size: var(--lp-pri-font-size-17);
|
|
995
|
+
font-weight: var(--lp-pri-font-weight-500);
|
|
996
|
+
line-height: var(--lp-pri-font-lineheight-130);
|
|
997
|
+
}
|
|
998
|
+
:root[lang=default] .lp-sys-typo-paragraph2-accent-medium {
|
|
999
|
+
font-family: "Poppins", sans-serif;
|
|
1000
|
+
font-size: var(--lp-pri-font-size-16);
|
|
1001
|
+
font-weight: var(--lp-pri-font-weight-500);
|
|
1002
|
+
line-height: var(--lp-pri-font-lineheight-130);
|
|
1003
|
+
}
|
|
1004
|
+
:root[lang=default] .lp-sys-typo-paragraph3-accent-medium {
|
|
1005
|
+
font-family: "Poppins", sans-serif;
|
|
1006
|
+
font-size: var(--lp-pri-font-size-15);
|
|
1007
|
+
font-weight: var(--lp-pri-font-weight-500);
|
|
1008
|
+
line-height: var(--lp-pri-font-lineheight-130);
|
|
1009
|
+
}
|
|
1010
|
+
:root[lang=default] .lp-sys-typo-paragraph1-accent-regular {
|
|
1011
|
+
font-family: "Poppins", sans-serif;
|
|
1012
|
+
font-size: var(--lp-pri-font-size-15);
|
|
1013
|
+
font-weight: var(--lp-pri-font-weight-300);
|
|
1014
|
+
line-height: var(--lp-pri-font-lineheight-130);
|
|
1015
|
+
}
|
|
1016
|
+
:root[lang=default] .lp-sys-typo-paragraph2-accent-regular {
|
|
1017
|
+
font-family: "Poppins", sans-serif;
|
|
1018
|
+
font-size: var(--lp-pri-font-size-15);
|
|
1019
|
+
font-weight: var(--lp-pri-font-weight-300);
|
|
1020
|
+
line-height: var(--lp-pri-font-lineheight-130);
|
|
1021
|
+
}
|
|
1022
|
+
:root[lang=default] .lp-sys-typo-paragraph3-accent-regular {
|
|
1023
|
+
font-family: "Poppins", sans-serif;
|
|
934
1024
|
font-size: var(--lp-pri-font-size-15);
|
|
935
1025
|
font-weight: var(--lp-pri-font-weight-300);
|
|
936
1026
|
line-height: var(--lp-pri-font-lineheight-130);
|
package/lib/index.cjs
CHANGED
|
@@ -83,6 +83,12 @@ var DesignSystemHead = /* @__PURE__ */ __name(() => {
|
|
|
83
83
|
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",
|
|
84
84
|
rel: "stylesheet"
|
|
85
85
|
}
|
|
86
|
+
), /* @__PURE__ */ import_react2.default.createElement("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }), /* @__PURE__ */ import_react2.default.createElement("link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous" }), /* @__PURE__ */ import_react2.default.createElement(
|
|
87
|
+
"link",
|
|
88
|
+
{
|
|
89
|
+
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",
|
|
90
|
+
rel: "stylesheet"
|
|
91
|
+
}
|
|
86
92
|
));
|
|
87
93
|
}, "DesignSystemHead");
|
|
88
94
|
|
|
@@ -464,9 +470,21 @@ var typographyClassName = (() => {
|
|
|
464
470
|
return result;
|
|
465
471
|
})();
|
|
466
472
|
var typographyEnglish = {
|
|
473
|
+
"lp-sys-typo-title1-accent-bold": {
|
|
474
|
+
...typography["lp-sys-typo-title1-accent-bold"],
|
|
475
|
+
family: "lp-pri-font-family-merriweather"
|
|
476
|
+
},
|
|
477
|
+
"lp-sys-typo-title3-accent-bold": {
|
|
478
|
+
...typography["lp-sys-typo-title3-accent-bold"],
|
|
479
|
+
family: "lp-pri-font-family-merriweather"
|
|
480
|
+
},
|
|
481
|
+
"lp-sys-typo-title4-accent-bold": {
|
|
482
|
+
...typography["lp-sys-typo-title4-accent-bold"],
|
|
483
|
+
family: "lp-pri-font-family-merriweather"
|
|
484
|
+
},
|
|
467
485
|
"lp-sys-typo-paragraph1-accent-bold": {
|
|
468
486
|
...typography["lp-sys-typo-paragraph1-accent-bold"],
|
|
469
|
-
family: "lp-pri-font-family-
|
|
487
|
+
family: "lp-pri-font-family-merriweather",
|
|
470
488
|
weight: "lp-pri-font-weight-600"
|
|
471
489
|
},
|
|
472
490
|
"lp-sys-typo-paragraph2-accent-bold": {
|
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"],
|
|
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';\n\n// \uC218\uC815 \uD544\uC694\nexport * from './types/color';\n", "import { useEffect, useLayoutEffect, useState } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useState(false);\n\n // const isUserColorTheme = localStorage.getItem('color-theme');\n\n // const setDarkTheme = () => {\n // document.documentElement.setAttribute('color-theme', 'dark');\n // setIsDarkMode(true);\n // };\n\n // const setLightTheme = () => {\n // document.documentElement.setAttribute('color-theme', 'light');\n // };\n\n // const toggleTheme = () => {\n // const willChangeTheme = document.documentElement.getAttribute('color-theme') === 'light' ? 'dark' : 'light';\n\n // document.documentElement.setAttribute('color-theme', willChangeTheme);\n // localStorage.setItem(LOCAL_STORAGE_KEY, willChangeTheme);\n // };\n\n useEffect(() => {\n // const prevTheme = localStorage.getItem(LOCAL_STORAGE_KEY);\n // if (prevTheme) {\n // if (prevTheme === 'dark') {\n // setDarkTheme();\n // } else {\n // setLightTheme();\n // }\n // } else {\n // const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n // document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n // }\n\n setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');\n }, []);\n\n return {\n // setDarkTheme,\n // toggleTheme,\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 </>\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-container-yellow\":\"var(--accent-container-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"function-container-positive\":\"var(--function-container-positive)\",\"function-container-negative\":\"var(--function-container-negative)\",\"function-container-negative-hover\":\"var(--function-container-negative-hover)\",\"function-container-caution\":\"var(--function-container-caution)\",\"function-label-positive\":\"var(--function-label-positive)\",\"function-label-negative\":\"var(--function-label-negative)\",\"function-label-caution\":\"var(--function-label-caution)\",\"cover-dim-page\":\"var(--cover-dim-page)\"},\"radius\":{\"lp-sys-radius-xxs\":\"var(--lp-sys-radius-xxs)\",\"lp-sys-radius-xs\":\"var(--lp-sys-radius-xs)\",\"lp-sys-radius-s\":\"var(--lp-sys-radius-s)\",\"lp-sys-radius-m\":\"var(--lp-sys-radius-m)\",\"lp-sys-radius-l\":\"var(--lp-sys-radius-l)\",\"lp-sys-radius-xl\":\"var(--lp-sys-radius-xl)\",\"lp-sys-radius-xxl\":\"var(--lp-sys-radius-xxl)\"},\"opacity\":{\"lp-pri-color-opacity-80\":\"var(--lp-pri-color-opacity-80)\",\"lp-pri-color-opacity-72\":\"var(--lp-pri-color-opacity-72)\",\"lp-pri-color-opacity-64\":\"var(--lp-pri-color-opacity-64)\",\"lp-pri-color-opacity-56\":\"var(--lp-pri-color-opacity-56)\",\"lp-pri-color-opacity-50\":\"var(--lp-pri-color-opacity-50)\",\"lp-pri-color-opacity-48\":\"var(--lp-pri-color-opacity-48)\",\"lp-pri-color-opacity-44\":\"var(--lp-pri-color-opacity-44)\",\"lp-pri-color-opacity-40\":\"var(--lp-pri-color-opacity-40)\",\"lp-pri-color-opacity-36\":\"var(--lp-pri-color-opacity-36)\",\"lp-pri-color-opacity-32\":\"var(--lp-pri-color-opacity-32)\",\"lp-pri-color-opacity-28\":\"var(--lp-pri-color-opacity-28)\",\"lp-pri-color-opacity-24\":\"var(--lp-pri-color-opacity-24)\",\"lp-pri-color-opacity-20\":\"var(--lp-pri-color-opacity-20)\",\"lp-pri-color-opacity-16\":\"var(--lp-pri-color-opacity-16)\",\"lp-pri-color-opacity-12\":\"var(--lp-pri-color-opacity-12)\",\"lp-pri-color-opacity-8\":\"var(--lp-pri-color-opacity-8)\",\"lp-pri-color-opacity-4\":\"var(--lp-pri-color-opacity-4)\",\"lp-pri-color-opacity-1\":\"var(--lp-pri-color-opacity-1)\",\"lp-pri-color-opacity-0\":\"var(--lp-pri-color-opacity-0)\"},\"padding\":{\"lp-sys-padding-component-100\":\"var(--lp-sys-padding-component-100)\",\"lp-sys-padding-component-150\":\"var(--lp-sys-padding-component-150)\",\"lp-sys-padding-component-200\":\"var(--lp-sys-padding-component-200)\",\"lp-sys-padding-component-300\":\"var(--lp-sys-padding-component-300)\",\"lp-sys-padding-component-400\":\"var(--lp-sys-padding-component-400)\",\"lp-sys-padding-component-500\":\"var(--lp-sys-padding-component-500)\",\"lp-sys-padding-component-600\":\"var(--lp-sys-padding-component-600)\",\"lp-sys-padding-component-700\":\"var(--lp-sys-padding-component-700)\",\"lp-sys-padding-component-800\":\"var(--lp-sys-padding-component-800)\",\"lp-sys-padding-component-900\":\"var(--lp-sys-padding-component-900)\",\"lp-sys-padding-section-100\":\"var(--lp-sys-padding-section-100)\",\"lp-sys-padding-section-200\":\"var(--lp-sys-padding-section-200)\",\"lp-sys-padding-section-300\":\"var(--lp-sys-padding-section-300)\",\"lp-sys-padding-section-400\":\"var(--lp-sys-padding-section-400)\",\"lp-sys-padding-section-500\":\"var(--lp-sys-padding-section-500)\",\"lp-sys-padding-section-600\":\"var(--lp-sys-padding-section-600)\",\"lp-sys-padding-section-700\":\"var(--lp-sys-padding-section-700)\",\"lp-sys-padding-section-800\":\"var(--lp-sys-padding-section-800)\",\"lp-sys-padding-section-900\":\"var(--lp-sys-padding-section-900)\"},\"size\":{\"lp-pri-size-minus6\":\"var(--lp-pri-size-minus6)\",\"lp-pri-size-minus4\":\"var(--lp-pri-size-minus4)\",\"lp-pri-size-minus2\":\"var(--lp-pri-size-minus2)\",\"lp-pri-size-0\":\"var(--lp-pri-size-0)\",\"lp-pri-size-1\":\"var(--lp-pri-size-1)\",\"lp-pri-size-2\":\"var(--lp-pri-size-2)\",\"lp-pri-size-3\":\"var(--lp-pri-size-3)\",\"lp-pri-size-4\":\"var(--lp-pri-size-4)\",\"lp-pri-size-6\":\"var(--lp-pri-size-6)\",\"lp-pri-size-8\":\"var(--lp-pri-size-8)\",\"lp-pri-size-10\":\"var(--lp-pri-size-10)\",\"lp-pri-size-12\":\"var(--lp-pri-size-12)\",\"lp-pri-size-14\":\"var(--lp-pri-size-14)\",\"lp-pri-size-16\":\"var(--lp-pri-size-16)\",\"lp-pri-size-18\":\"var(--lp-pri-size-18)\",\"lp-pri-size-20\":\"var(--lp-pri-size-20)\",\"lp-pri-size-24\":\"var(--lp-pri-size-24)\",\"lp-pri-size-32\":\"var(--lp-pri-size-32)\",\"lp-pri-size-40\":\"var(--lp-pri-size-40)\",\"lp-pri-size-48\":\"var(--lp-pri-size-48)\",\"lp-pri-size-56\":\"var(--lp-pri-size-56)\",\"lp-pri-size-64\":\"var(--lp-pri-size-64)\",\"lp-pri-size-80\":\"var(--lp-pri-size-80)\",\"lp-pri-size-100\":\"var(--lp-pri-size-100)\",\"lp-pri-size-120\":\"var(--lp-pri-size-120)\",\"lp-pri-size-140\":\"var(--lp-pri-size-140)\",\"lp-pri-size-160\":\"var(--lp-pri-size-160)\",\"lp-pri-size-180\":\"var(--lp-pri-size-180)\",\"lp-pri-size-200\":\"var(--lp-pri-size-200)\"},\"gap\":{\"lp-sys-gap-positive-50\":\"var(--lp-sys-gap-positive-50)\",\"lp-sys-gap-positive-100\":\"var(--lp-sys-gap-positive-100)\",\"lp-sys-gap-positive-150\":\"var(--lp-sys-gap-positive-150)\",\"lp-sys-gap-positive-200\":\"var(--lp-sys-gap-positive-200)\",\"lp-sys-gap-positive-300\":\"var(--lp-sys-gap-positive-300)\",\"lp-sys-gap-positive-400\":\"var(--lp-sys-gap-positive-400)\",\"lp-sys-gap-positive-500\":\"var(--lp-sys-gap-positive-500)\",\"lp-sys-gap-positive-600\":\"var(--lp-sys-gap-positive-600)\",\"lp-sys-gap-positive-700\":\"var(--lp-sys-gap-positive-700)\",\"lp-sys-gap-positive-800\":\"var(--lp-sys-gap-positive-800)\",\"lp-sys-gap-positive-900\":\"var(--lp-sys-gap-positive-900)\",\"lp-sys-gap-negative-700\":\"var(--lp-sys-gap-negative-700)\",\"lp-sys-gap-negative-800\":\"var(--lp-sys-gap-negative-800)\",\"lp-sys-gap-negative-900\":\"var(--lp-sys-gap-negative-900)\"},\"shadow\":{\"lp-sys-shadow-normal\":\"var(--lp-sys-shadow-normal)\",\"lp-sys-shadow-strong\":\"var(--lp-sys-shadow-strong)\",\"lp-sys-shadow-heavy\":\"var(--lp-sys-shadow-heavy)\"},\"iconSize\":{\"lp-sys-icon-size-xs\":\"var(--lp-sys-icon-size-xs)\",\"lp-sys-icon-size-s\":\"var(--lp-sys-icon-size-s)\",\"lp-sys-icon-size-m\":\"var(--lp-sys-icon-size-m)\",\"lp-sys-icon-size-l\":\"var(--lp-sys-icon-size-l)\",\"lp-sys-icon-size-xl\":\"var(--lp-sys-icon-size-xl)\"}}", "export const classNames = {\"typography\":{\"lp-sys-typo-display1-accent-black\":\"lp-sys-typo-display1-accent-black\",\"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-display1-normal-black\":\"lp-sys-typo-display1-normal-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-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\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-display1-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-72',\n },\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-display1-normal-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-72',\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-120',\n size: 'lp-pri-font-size-64',\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-120',\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-120',\n size: 'lp-pri-font-size-40',\n },\n 'lp-sys-typo-heading4-answer': {\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-heading5-answer': {\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-heading6-answer': {\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-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-650',\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-650',\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-450',\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-450',\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-420',\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-420',\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-650',\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-650',\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-450',\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-450',\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-450',\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-450',\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-420',\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-420',\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-420',\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-600',\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-600',\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-600',\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-600',\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-420',\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-420',\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-420',\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-420',\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-600',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-17',\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-17',\n },\n 'lp-sys-typo-caption1-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-600',\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-600',\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-600',\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-420',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-13',\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-paragraph1-accent-bold': {\n ...typography['lp-sys-typo-paragraph1-accent-bold'],\n family: 'lp-pri-font-family-poppins',\n weight: 'lp-pri-font-weight-600',\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-600',\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-600',\n },\n 'lp-sys-typo-paragraph1-accent-medium': {\n ...typography['lp-sys-typo-paragraph1-accent-medium'],\n family: 'lp-pri-font-family-poppins',\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-poppins',\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-poppins',\n weight: 'lp-pri-font-weight-500',\n },\n 'lp-sys-typo-paragraph1-accent-regular': {\n ...typography['lp-sys-typo-paragraph3-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-poppins',\n },\n 'lp-sys-typo-paragraph2-accent-regular': {\n ...typography['lp-sys-typo-paragraph3-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-poppins',\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-poppins',\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"],
|
|
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';\n\n// \uC218\uC815 \uD544\uC694\nexport * from './types/color';\n", "import { useEffect, useLayoutEffect, useState } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useState(false);\n\n // const isUserColorTheme = localStorage.getItem('color-theme');\n\n // const setDarkTheme = () => {\n // document.documentElement.setAttribute('color-theme', 'dark');\n // setIsDarkMode(true);\n // };\n\n // const setLightTheme = () => {\n // document.documentElement.setAttribute('color-theme', 'light');\n // };\n\n // const toggleTheme = () => {\n // const willChangeTheme = document.documentElement.getAttribute('color-theme') === 'light' ? 'dark' : 'light';\n\n // document.documentElement.setAttribute('color-theme', willChangeTheme);\n // localStorage.setItem(LOCAL_STORAGE_KEY, willChangeTheme);\n // };\n\n useEffect(() => {\n // const prevTheme = localStorage.getItem(LOCAL_STORAGE_KEY);\n // if (prevTheme) {\n // if (prevTheme === 'dark') {\n // setDarkTheme();\n // } else {\n // setLightTheme();\n // }\n // } else {\n // const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n // document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n // }\n\n setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');\n }, []);\n\n return {\n // setDarkTheme,\n // toggleTheme,\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-container-yellow\":\"var(--accent-container-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"function-container-positive\":\"var(--function-container-positive)\",\"function-container-negative\":\"var(--function-container-negative)\",\"function-container-negative-hover\":\"var(--function-container-negative-hover)\",\"function-container-caution\":\"var(--function-container-caution)\",\"function-label-positive\":\"var(--function-label-positive)\",\"function-label-negative\":\"var(--function-label-negative)\",\"function-label-caution\":\"var(--function-label-caution)\",\"cover-dim-page\":\"var(--cover-dim-page)\"},\"radius\":{\"lp-sys-radius-xxs\":\"var(--lp-sys-radius-xxs)\",\"lp-sys-radius-xs\":\"var(--lp-sys-radius-xs)\",\"lp-sys-radius-s\":\"var(--lp-sys-radius-s)\",\"lp-sys-radius-m\":\"var(--lp-sys-radius-m)\",\"lp-sys-radius-l\":\"var(--lp-sys-radius-l)\",\"lp-sys-radius-xl\":\"var(--lp-sys-radius-xl)\",\"lp-sys-radius-xxl\":\"var(--lp-sys-radius-xxl)\"},\"opacity\":{\"lp-pri-color-opacity-80\":\"var(--lp-pri-color-opacity-80)\",\"lp-pri-color-opacity-72\":\"var(--lp-pri-color-opacity-72)\",\"lp-pri-color-opacity-64\":\"var(--lp-pri-color-opacity-64)\",\"lp-pri-color-opacity-56\":\"var(--lp-pri-color-opacity-56)\",\"lp-pri-color-opacity-50\":\"var(--lp-pri-color-opacity-50)\",\"lp-pri-color-opacity-48\":\"var(--lp-pri-color-opacity-48)\",\"lp-pri-color-opacity-44\":\"var(--lp-pri-color-opacity-44)\",\"lp-pri-color-opacity-40\":\"var(--lp-pri-color-opacity-40)\",\"lp-pri-color-opacity-36\":\"var(--lp-pri-color-opacity-36)\",\"lp-pri-color-opacity-32\":\"var(--lp-pri-color-opacity-32)\",\"lp-pri-color-opacity-28\":\"var(--lp-pri-color-opacity-28)\",\"lp-pri-color-opacity-24\":\"var(--lp-pri-color-opacity-24)\",\"lp-pri-color-opacity-20\":\"var(--lp-pri-color-opacity-20)\",\"lp-pri-color-opacity-16\":\"var(--lp-pri-color-opacity-16)\",\"lp-pri-color-opacity-12\":\"var(--lp-pri-color-opacity-12)\",\"lp-pri-color-opacity-8\":\"var(--lp-pri-color-opacity-8)\",\"lp-pri-color-opacity-4\":\"var(--lp-pri-color-opacity-4)\",\"lp-pri-color-opacity-1\":\"var(--lp-pri-color-opacity-1)\",\"lp-pri-color-opacity-0\":\"var(--lp-pri-color-opacity-0)\"},\"padding\":{\"lp-sys-padding-component-100\":\"var(--lp-sys-padding-component-100)\",\"lp-sys-padding-component-150\":\"var(--lp-sys-padding-component-150)\",\"lp-sys-padding-component-200\":\"var(--lp-sys-padding-component-200)\",\"lp-sys-padding-component-300\":\"var(--lp-sys-padding-component-300)\",\"lp-sys-padding-component-400\":\"var(--lp-sys-padding-component-400)\",\"lp-sys-padding-component-500\":\"var(--lp-sys-padding-component-500)\",\"lp-sys-padding-component-600\":\"var(--lp-sys-padding-component-600)\",\"lp-sys-padding-component-700\":\"var(--lp-sys-padding-component-700)\",\"lp-sys-padding-component-800\":\"var(--lp-sys-padding-component-800)\",\"lp-sys-padding-component-900\":\"var(--lp-sys-padding-component-900)\",\"lp-sys-padding-section-100\":\"var(--lp-sys-padding-section-100)\",\"lp-sys-padding-section-200\":\"var(--lp-sys-padding-section-200)\",\"lp-sys-padding-section-300\":\"var(--lp-sys-padding-section-300)\",\"lp-sys-padding-section-400\":\"var(--lp-sys-padding-section-400)\",\"lp-sys-padding-section-500\":\"var(--lp-sys-padding-section-500)\",\"lp-sys-padding-section-600\":\"var(--lp-sys-padding-section-600)\",\"lp-sys-padding-section-700\":\"var(--lp-sys-padding-section-700)\",\"lp-sys-padding-section-800\":\"var(--lp-sys-padding-section-800)\",\"lp-sys-padding-section-900\":\"var(--lp-sys-padding-section-900)\"},\"size\":{\"lp-pri-size-minus6\":\"var(--lp-pri-size-minus6)\",\"lp-pri-size-minus4\":\"var(--lp-pri-size-minus4)\",\"lp-pri-size-minus2\":\"var(--lp-pri-size-minus2)\",\"lp-pri-size-0\":\"var(--lp-pri-size-0)\",\"lp-pri-size-1\":\"var(--lp-pri-size-1)\",\"lp-pri-size-2\":\"var(--lp-pri-size-2)\",\"lp-pri-size-3\":\"var(--lp-pri-size-3)\",\"lp-pri-size-4\":\"var(--lp-pri-size-4)\",\"lp-pri-size-6\":\"var(--lp-pri-size-6)\",\"lp-pri-size-8\":\"var(--lp-pri-size-8)\",\"lp-pri-size-10\":\"var(--lp-pri-size-10)\",\"lp-pri-size-12\":\"var(--lp-pri-size-12)\",\"lp-pri-size-14\":\"var(--lp-pri-size-14)\",\"lp-pri-size-16\":\"var(--lp-pri-size-16)\",\"lp-pri-size-18\":\"var(--lp-pri-size-18)\",\"lp-pri-size-20\":\"var(--lp-pri-size-20)\",\"lp-pri-size-24\":\"var(--lp-pri-size-24)\",\"lp-pri-size-32\":\"var(--lp-pri-size-32)\",\"lp-pri-size-40\":\"var(--lp-pri-size-40)\",\"lp-pri-size-48\":\"var(--lp-pri-size-48)\",\"lp-pri-size-56\":\"var(--lp-pri-size-56)\",\"lp-pri-size-64\":\"var(--lp-pri-size-64)\",\"lp-pri-size-80\":\"var(--lp-pri-size-80)\",\"lp-pri-size-100\":\"var(--lp-pri-size-100)\",\"lp-pri-size-120\":\"var(--lp-pri-size-120)\",\"lp-pri-size-140\":\"var(--lp-pri-size-140)\",\"lp-pri-size-160\":\"var(--lp-pri-size-160)\",\"lp-pri-size-180\":\"var(--lp-pri-size-180)\",\"lp-pri-size-200\":\"var(--lp-pri-size-200)\"},\"gap\":{\"lp-sys-gap-positive-50\":\"var(--lp-sys-gap-positive-50)\",\"lp-sys-gap-positive-100\":\"var(--lp-sys-gap-positive-100)\",\"lp-sys-gap-positive-150\":\"var(--lp-sys-gap-positive-150)\",\"lp-sys-gap-positive-200\":\"var(--lp-sys-gap-positive-200)\",\"lp-sys-gap-positive-300\":\"var(--lp-sys-gap-positive-300)\",\"lp-sys-gap-positive-400\":\"var(--lp-sys-gap-positive-400)\",\"lp-sys-gap-positive-500\":\"var(--lp-sys-gap-positive-500)\",\"lp-sys-gap-positive-600\":\"var(--lp-sys-gap-positive-600)\",\"lp-sys-gap-positive-700\":\"var(--lp-sys-gap-positive-700)\",\"lp-sys-gap-positive-800\":\"var(--lp-sys-gap-positive-800)\",\"lp-sys-gap-positive-900\":\"var(--lp-sys-gap-positive-900)\",\"lp-sys-gap-negative-700\":\"var(--lp-sys-gap-negative-700)\",\"lp-sys-gap-negative-800\":\"var(--lp-sys-gap-negative-800)\",\"lp-sys-gap-negative-900\":\"var(--lp-sys-gap-negative-900)\"},\"shadow\":{\"lp-sys-shadow-normal\":\"var(--lp-sys-shadow-normal)\",\"lp-sys-shadow-strong\":\"var(--lp-sys-shadow-strong)\",\"lp-sys-shadow-heavy\":\"var(--lp-sys-shadow-heavy)\"},\"iconSize\":{\"lp-sys-icon-size-xs\":\"var(--lp-sys-icon-size-xs)\",\"lp-sys-icon-size-s\":\"var(--lp-sys-icon-size-s)\",\"lp-sys-icon-size-m\":\"var(--lp-sys-icon-size-m)\",\"lp-sys-icon-size-l\":\"var(--lp-sys-icon-size-l)\",\"lp-sys-icon-size-xl\":\"var(--lp-sys-icon-size-xl)\"}}", "export const classNames = {\"typography\":{\"lp-sys-typo-display1-accent-black\":\"lp-sys-typo-display1-accent-black\",\"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-display1-normal-black\":\"lp-sys-typo-display1-normal-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-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-display1-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-72',\n },\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-display1-normal-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-72',\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-120',\n size: 'lp-pri-font-size-64',\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-120',\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-120',\n size: 'lp-pri-font-size-40',\n },\n 'lp-sys-typo-heading4-answer': {\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-heading5-answer': {\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-heading6-answer': {\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-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-650',\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-650',\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-450',\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-450',\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-420',\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-420',\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-650',\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-650',\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-450',\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-450',\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-450',\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-450',\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-420',\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-420',\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-420',\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-600',\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-600',\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-600',\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-600',\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-420',\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-420',\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-420',\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-420',\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-600',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-17',\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-17',\n },\n 'lp-sys-typo-caption1-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-600',\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-600',\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-600',\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-420',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-13',\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-title1-accent-bold': {\n ...typography['lp-sys-typo-title1-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-paragraph1-accent-bold': {\n ...typography['lp-sys-typo-paragraph1-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-600',\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-600',\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-600',\n },\n 'lp-sys-typo-paragraph1-accent-medium': {\n ...typography['lp-sys-typo-paragraph1-accent-medium'],\n family: 'lp-pri-font-family-poppins',\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-poppins',\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-poppins',\n weight: 'lp-pri-font-weight-500',\n },\n 'lp-sys-typo-paragraph1-accent-regular': {\n ...typography['lp-sys-typo-paragraph3-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-poppins',\n },\n 'lp-sys-typo-paragraph2-accent-regular': {\n ...typography['lp-sys-typo-paragraph3-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-poppins',\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-poppins',\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"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["import_react", "React", "family", "size", "weight", "lineHeight"]
|
|
7
7
|
}
|
package/lib/index.mjs
CHANGED
|
@@ -44,6 +44,12 @@ var DesignSystemHead = /* @__PURE__ */ __name(() => {
|
|
|
44
44
|
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",
|
|
45
45
|
rel: "stylesheet"
|
|
46
46
|
}
|
|
47
|
+
), /* @__PURE__ */ React.createElement("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }), /* @__PURE__ */ React.createElement("link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous" }), /* @__PURE__ */ React.createElement(
|
|
48
|
+
"link",
|
|
49
|
+
{
|
|
50
|
+
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",
|
|
51
|
+
rel: "stylesheet"
|
|
52
|
+
}
|
|
47
53
|
));
|
|
48
54
|
}, "DesignSystemHead");
|
|
49
55
|
|
|
@@ -425,9 +431,21 @@ var typographyClassName = (() => {
|
|
|
425
431
|
return result;
|
|
426
432
|
})();
|
|
427
433
|
var typographyEnglish = {
|
|
434
|
+
"lp-sys-typo-title1-accent-bold": {
|
|
435
|
+
...typography["lp-sys-typo-title1-accent-bold"],
|
|
436
|
+
family: "lp-pri-font-family-merriweather"
|
|
437
|
+
},
|
|
438
|
+
"lp-sys-typo-title3-accent-bold": {
|
|
439
|
+
...typography["lp-sys-typo-title3-accent-bold"],
|
|
440
|
+
family: "lp-pri-font-family-merriweather"
|
|
441
|
+
},
|
|
442
|
+
"lp-sys-typo-title4-accent-bold": {
|
|
443
|
+
...typography["lp-sys-typo-title4-accent-bold"],
|
|
444
|
+
family: "lp-pri-font-family-merriweather"
|
|
445
|
+
},
|
|
428
446
|
"lp-sys-typo-paragraph1-accent-bold": {
|
|
429
447
|
...typography["lp-sys-typo-paragraph1-accent-bold"],
|
|
430
|
-
family: "lp-pri-font-family-
|
|
448
|
+
family: "lp-pri-font-family-merriweather",
|
|
431
449
|
weight: "lp-pri-font-weight-600"
|
|
432
450
|
},
|
|
433
451
|
"lp-sys-typo-paragraph2-accent-bold": {
|
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"],
|
|
4
|
-
"sourcesContent": ["import { useEffect, useLayoutEffect, useState } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useState(false);\n\n // const isUserColorTheme = localStorage.getItem('color-theme');\n\n // const setDarkTheme = () => {\n // document.documentElement.setAttribute('color-theme', 'dark');\n // setIsDarkMode(true);\n // };\n\n // const setLightTheme = () => {\n // document.documentElement.setAttribute('color-theme', 'light');\n // };\n\n // const toggleTheme = () => {\n // const willChangeTheme = document.documentElement.getAttribute('color-theme') === 'light' ? 'dark' : 'light';\n\n // document.documentElement.setAttribute('color-theme', willChangeTheme);\n // localStorage.setItem(LOCAL_STORAGE_KEY, willChangeTheme);\n // };\n\n useEffect(() => {\n // const prevTheme = localStorage.getItem(LOCAL_STORAGE_KEY);\n // if (prevTheme) {\n // if (prevTheme === 'dark') {\n // setDarkTheme();\n // } else {\n // setLightTheme();\n // }\n // } else {\n // const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n // document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n // }\n\n setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');\n }, []);\n\n return {\n // setDarkTheme,\n // toggleTheme,\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 </>\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-container-yellow\":\"var(--accent-container-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"function-container-positive\":\"var(--function-container-positive)\",\"function-container-negative\":\"var(--function-container-negative)\",\"function-container-negative-hover\":\"var(--function-container-negative-hover)\",\"function-container-caution\":\"var(--function-container-caution)\",\"function-label-positive\":\"var(--function-label-positive)\",\"function-label-negative\":\"var(--function-label-negative)\",\"function-label-caution\":\"var(--function-label-caution)\",\"cover-dim-page\":\"var(--cover-dim-page)\"},\"radius\":{\"lp-sys-radius-xxs\":\"var(--lp-sys-radius-xxs)\",\"lp-sys-radius-xs\":\"var(--lp-sys-radius-xs)\",\"lp-sys-radius-s\":\"var(--lp-sys-radius-s)\",\"lp-sys-radius-m\":\"var(--lp-sys-radius-m)\",\"lp-sys-radius-l\":\"var(--lp-sys-radius-l)\",\"lp-sys-radius-xl\":\"var(--lp-sys-radius-xl)\",\"lp-sys-radius-xxl\":\"var(--lp-sys-radius-xxl)\"},\"opacity\":{\"lp-pri-color-opacity-80\":\"var(--lp-pri-color-opacity-80)\",\"lp-pri-color-opacity-72\":\"var(--lp-pri-color-opacity-72)\",\"lp-pri-color-opacity-64\":\"var(--lp-pri-color-opacity-64)\",\"lp-pri-color-opacity-56\":\"var(--lp-pri-color-opacity-56)\",\"lp-pri-color-opacity-50\":\"var(--lp-pri-color-opacity-50)\",\"lp-pri-color-opacity-48\":\"var(--lp-pri-color-opacity-48)\",\"lp-pri-color-opacity-44\":\"var(--lp-pri-color-opacity-44)\",\"lp-pri-color-opacity-40\":\"var(--lp-pri-color-opacity-40)\",\"lp-pri-color-opacity-36\":\"var(--lp-pri-color-opacity-36)\",\"lp-pri-color-opacity-32\":\"var(--lp-pri-color-opacity-32)\",\"lp-pri-color-opacity-28\":\"var(--lp-pri-color-opacity-28)\",\"lp-pri-color-opacity-24\":\"var(--lp-pri-color-opacity-24)\",\"lp-pri-color-opacity-20\":\"var(--lp-pri-color-opacity-20)\",\"lp-pri-color-opacity-16\":\"var(--lp-pri-color-opacity-16)\",\"lp-pri-color-opacity-12\":\"var(--lp-pri-color-opacity-12)\",\"lp-pri-color-opacity-8\":\"var(--lp-pri-color-opacity-8)\",\"lp-pri-color-opacity-4\":\"var(--lp-pri-color-opacity-4)\",\"lp-pri-color-opacity-1\":\"var(--lp-pri-color-opacity-1)\",\"lp-pri-color-opacity-0\":\"var(--lp-pri-color-opacity-0)\"},\"padding\":{\"lp-sys-padding-component-100\":\"var(--lp-sys-padding-component-100)\",\"lp-sys-padding-component-150\":\"var(--lp-sys-padding-component-150)\",\"lp-sys-padding-component-200\":\"var(--lp-sys-padding-component-200)\",\"lp-sys-padding-component-300\":\"var(--lp-sys-padding-component-300)\",\"lp-sys-padding-component-400\":\"var(--lp-sys-padding-component-400)\",\"lp-sys-padding-component-500\":\"var(--lp-sys-padding-component-500)\",\"lp-sys-padding-component-600\":\"var(--lp-sys-padding-component-600)\",\"lp-sys-padding-component-700\":\"var(--lp-sys-padding-component-700)\",\"lp-sys-padding-component-800\":\"var(--lp-sys-padding-component-800)\",\"lp-sys-padding-component-900\":\"var(--lp-sys-padding-component-900)\",\"lp-sys-padding-section-100\":\"var(--lp-sys-padding-section-100)\",\"lp-sys-padding-section-200\":\"var(--lp-sys-padding-section-200)\",\"lp-sys-padding-section-300\":\"var(--lp-sys-padding-section-300)\",\"lp-sys-padding-section-400\":\"var(--lp-sys-padding-section-400)\",\"lp-sys-padding-section-500\":\"var(--lp-sys-padding-section-500)\",\"lp-sys-padding-section-600\":\"var(--lp-sys-padding-section-600)\",\"lp-sys-padding-section-700\":\"var(--lp-sys-padding-section-700)\",\"lp-sys-padding-section-800\":\"var(--lp-sys-padding-section-800)\",\"lp-sys-padding-section-900\":\"var(--lp-sys-padding-section-900)\"},\"size\":{\"lp-pri-size-minus6\":\"var(--lp-pri-size-minus6)\",\"lp-pri-size-minus4\":\"var(--lp-pri-size-minus4)\",\"lp-pri-size-minus2\":\"var(--lp-pri-size-minus2)\",\"lp-pri-size-0\":\"var(--lp-pri-size-0)\",\"lp-pri-size-1\":\"var(--lp-pri-size-1)\",\"lp-pri-size-2\":\"var(--lp-pri-size-2)\",\"lp-pri-size-3\":\"var(--lp-pri-size-3)\",\"lp-pri-size-4\":\"var(--lp-pri-size-4)\",\"lp-pri-size-6\":\"var(--lp-pri-size-6)\",\"lp-pri-size-8\":\"var(--lp-pri-size-8)\",\"lp-pri-size-10\":\"var(--lp-pri-size-10)\",\"lp-pri-size-12\":\"var(--lp-pri-size-12)\",\"lp-pri-size-14\":\"var(--lp-pri-size-14)\",\"lp-pri-size-16\":\"var(--lp-pri-size-16)\",\"lp-pri-size-18\":\"var(--lp-pri-size-18)\",\"lp-pri-size-20\":\"var(--lp-pri-size-20)\",\"lp-pri-size-24\":\"var(--lp-pri-size-24)\",\"lp-pri-size-32\":\"var(--lp-pri-size-32)\",\"lp-pri-size-40\":\"var(--lp-pri-size-40)\",\"lp-pri-size-48\":\"var(--lp-pri-size-48)\",\"lp-pri-size-56\":\"var(--lp-pri-size-56)\",\"lp-pri-size-64\":\"var(--lp-pri-size-64)\",\"lp-pri-size-80\":\"var(--lp-pri-size-80)\",\"lp-pri-size-100\":\"var(--lp-pri-size-100)\",\"lp-pri-size-120\":\"var(--lp-pri-size-120)\",\"lp-pri-size-140\":\"var(--lp-pri-size-140)\",\"lp-pri-size-160\":\"var(--lp-pri-size-160)\",\"lp-pri-size-180\":\"var(--lp-pri-size-180)\",\"lp-pri-size-200\":\"var(--lp-pri-size-200)\"},\"gap\":{\"lp-sys-gap-positive-50\":\"var(--lp-sys-gap-positive-50)\",\"lp-sys-gap-positive-100\":\"var(--lp-sys-gap-positive-100)\",\"lp-sys-gap-positive-150\":\"var(--lp-sys-gap-positive-150)\",\"lp-sys-gap-positive-200\":\"var(--lp-sys-gap-positive-200)\",\"lp-sys-gap-positive-300\":\"var(--lp-sys-gap-positive-300)\",\"lp-sys-gap-positive-400\":\"var(--lp-sys-gap-positive-400)\",\"lp-sys-gap-positive-500\":\"var(--lp-sys-gap-positive-500)\",\"lp-sys-gap-positive-600\":\"var(--lp-sys-gap-positive-600)\",\"lp-sys-gap-positive-700\":\"var(--lp-sys-gap-positive-700)\",\"lp-sys-gap-positive-800\":\"var(--lp-sys-gap-positive-800)\",\"lp-sys-gap-positive-900\":\"var(--lp-sys-gap-positive-900)\",\"lp-sys-gap-negative-700\":\"var(--lp-sys-gap-negative-700)\",\"lp-sys-gap-negative-800\":\"var(--lp-sys-gap-negative-800)\",\"lp-sys-gap-negative-900\":\"var(--lp-sys-gap-negative-900)\"},\"shadow\":{\"lp-sys-shadow-normal\":\"var(--lp-sys-shadow-normal)\",\"lp-sys-shadow-strong\":\"var(--lp-sys-shadow-strong)\",\"lp-sys-shadow-heavy\":\"var(--lp-sys-shadow-heavy)\"},\"iconSize\":{\"lp-sys-icon-size-xs\":\"var(--lp-sys-icon-size-xs)\",\"lp-sys-icon-size-s\":\"var(--lp-sys-icon-size-s)\",\"lp-sys-icon-size-m\":\"var(--lp-sys-icon-size-m)\",\"lp-sys-icon-size-l\":\"var(--lp-sys-icon-size-l)\",\"lp-sys-icon-size-xl\":\"var(--lp-sys-icon-size-xl)\"}}", "export const classNames = {\"typography\":{\"lp-sys-typo-display1-accent-black\":\"lp-sys-typo-display1-accent-black\",\"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-display1-normal-black\":\"lp-sys-typo-display1-normal-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-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\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-display1-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-72',\n },\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-display1-normal-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-72',\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-120',\n size: 'lp-pri-font-size-64',\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-120',\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-120',\n size: 'lp-pri-font-size-40',\n },\n 'lp-sys-typo-heading4-answer': {\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-heading5-answer': {\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-heading6-answer': {\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-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-650',\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-650',\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-450',\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-450',\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-420',\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-420',\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-650',\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-650',\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-450',\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-450',\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-450',\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-450',\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-420',\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-420',\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-420',\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-600',\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-600',\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-600',\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-600',\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-420',\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-420',\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-420',\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-420',\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-600',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-17',\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-17',\n },\n 'lp-sys-typo-caption1-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-600',\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-600',\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-600',\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-420',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-13',\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-paragraph1-accent-bold': {\n ...typography['lp-sys-typo-paragraph1-accent-bold'],\n family: 'lp-pri-font-family-poppins',\n weight: 'lp-pri-font-weight-600',\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-600',\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-600',\n },\n 'lp-sys-typo-paragraph1-accent-medium': {\n ...typography['lp-sys-typo-paragraph1-accent-medium'],\n family: 'lp-pri-font-family-poppins',\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-poppins',\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-poppins',\n weight: 'lp-pri-font-weight-500',\n },\n 'lp-sys-typo-paragraph1-accent-regular': {\n ...typography['lp-sys-typo-paragraph3-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-poppins',\n },\n 'lp-sys-typo-paragraph2-accent-regular': {\n ...typography['lp-sys-typo-paragraph3-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-poppins',\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-poppins',\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"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["import { useEffect, useLayoutEffect, useState } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useState(false);\n\n // const isUserColorTheme = localStorage.getItem('color-theme');\n\n // const setDarkTheme = () => {\n // document.documentElement.setAttribute('color-theme', 'dark');\n // setIsDarkMode(true);\n // };\n\n // const setLightTheme = () => {\n // document.documentElement.setAttribute('color-theme', 'light');\n // };\n\n // const toggleTheme = () => {\n // const willChangeTheme = document.documentElement.getAttribute('color-theme') === 'light' ? 'dark' : 'light';\n\n // document.documentElement.setAttribute('color-theme', willChangeTheme);\n // localStorage.setItem(LOCAL_STORAGE_KEY, willChangeTheme);\n // };\n\n useEffect(() => {\n // const prevTheme = localStorage.getItem(LOCAL_STORAGE_KEY);\n // if (prevTheme) {\n // if (prevTheme === 'dark') {\n // setDarkTheme();\n // } else {\n // setLightTheme();\n // }\n // } else {\n // const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n // document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n // }\n\n setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');\n }, []);\n\n return {\n // setDarkTheme,\n // toggleTheme,\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-container-yellow\":\"var(--accent-container-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"function-container-positive\":\"var(--function-container-positive)\",\"function-container-negative\":\"var(--function-container-negative)\",\"function-container-negative-hover\":\"var(--function-container-negative-hover)\",\"function-container-caution\":\"var(--function-container-caution)\",\"function-label-positive\":\"var(--function-label-positive)\",\"function-label-negative\":\"var(--function-label-negative)\",\"function-label-caution\":\"var(--function-label-caution)\",\"cover-dim-page\":\"var(--cover-dim-page)\"},\"radius\":{\"lp-sys-radius-xxs\":\"var(--lp-sys-radius-xxs)\",\"lp-sys-radius-xs\":\"var(--lp-sys-radius-xs)\",\"lp-sys-radius-s\":\"var(--lp-sys-radius-s)\",\"lp-sys-radius-m\":\"var(--lp-sys-radius-m)\",\"lp-sys-radius-l\":\"var(--lp-sys-radius-l)\",\"lp-sys-radius-xl\":\"var(--lp-sys-radius-xl)\",\"lp-sys-radius-xxl\":\"var(--lp-sys-radius-xxl)\"},\"opacity\":{\"lp-pri-color-opacity-80\":\"var(--lp-pri-color-opacity-80)\",\"lp-pri-color-opacity-72\":\"var(--lp-pri-color-opacity-72)\",\"lp-pri-color-opacity-64\":\"var(--lp-pri-color-opacity-64)\",\"lp-pri-color-opacity-56\":\"var(--lp-pri-color-opacity-56)\",\"lp-pri-color-opacity-50\":\"var(--lp-pri-color-opacity-50)\",\"lp-pri-color-opacity-48\":\"var(--lp-pri-color-opacity-48)\",\"lp-pri-color-opacity-44\":\"var(--lp-pri-color-opacity-44)\",\"lp-pri-color-opacity-40\":\"var(--lp-pri-color-opacity-40)\",\"lp-pri-color-opacity-36\":\"var(--lp-pri-color-opacity-36)\",\"lp-pri-color-opacity-32\":\"var(--lp-pri-color-opacity-32)\",\"lp-pri-color-opacity-28\":\"var(--lp-pri-color-opacity-28)\",\"lp-pri-color-opacity-24\":\"var(--lp-pri-color-opacity-24)\",\"lp-pri-color-opacity-20\":\"var(--lp-pri-color-opacity-20)\",\"lp-pri-color-opacity-16\":\"var(--lp-pri-color-opacity-16)\",\"lp-pri-color-opacity-12\":\"var(--lp-pri-color-opacity-12)\",\"lp-pri-color-opacity-8\":\"var(--lp-pri-color-opacity-8)\",\"lp-pri-color-opacity-4\":\"var(--lp-pri-color-opacity-4)\",\"lp-pri-color-opacity-1\":\"var(--lp-pri-color-opacity-1)\",\"lp-pri-color-opacity-0\":\"var(--lp-pri-color-opacity-0)\"},\"padding\":{\"lp-sys-padding-component-100\":\"var(--lp-sys-padding-component-100)\",\"lp-sys-padding-component-150\":\"var(--lp-sys-padding-component-150)\",\"lp-sys-padding-component-200\":\"var(--lp-sys-padding-component-200)\",\"lp-sys-padding-component-300\":\"var(--lp-sys-padding-component-300)\",\"lp-sys-padding-component-400\":\"var(--lp-sys-padding-component-400)\",\"lp-sys-padding-component-500\":\"var(--lp-sys-padding-component-500)\",\"lp-sys-padding-component-600\":\"var(--lp-sys-padding-component-600)\",\"lp-sys-padding-component-700\":\"var(--lp-sys-padding-component-700)\",\"lp-sys-padding-component-800\":\"var(--lp-sys-padding-component-800)\",\"lp-sys-padding-component-900\":\"var(--lp-sys-padding-component-900)\",\"lp-sys-padding-section-100\":\"var(--lp-sys-padding-section-100)\",\"lp-sys-padding-section-200\":\"var(--lp-sys-padding-section-200)\",\"lp-sys-padding-section-300\":\"var(--lp-sys-padding-section-300)\",\"lp-sys-padding-section-400\":\"var(--lp-sys-padding-section-400)\",\"lp-sys-padding-section-500\":\"var(--lp-sys-padding-section-500)\",\"lp-sys-padding-section-600\":\"var(--lp-sys-padding-section-600)\",\"lp-sys-padding-section-700\":\"var(--lp-sys-padding-section-700)\",\"lp-sys-padding-section-800\":\"var(--lp-sys-padding-section-800)\",\"lp-sys-padding-section-900\":\"var(--lp-sys-padding-section-900)\"},\"size\":{\"lp-pri-size-minus6\":\"var(--lp-pri-size-minus6)\",\"lp-pri-size-minus4\":\"var(--lp-pri-size-minus4)\",\"lp-pri-size-minus2\":\"var(--lp-pri-size-minus2)\",\"lp-pri-size-0\":\"var(--lp-pri-size-0)\",\"lp-pri-size-1\":\"var(--lp-pri-size-1)\",\"lp-pri-size-2\":\"var(--lp-pri-size-2)\",\"lp-pri-size-3\":\"var(--lp-pri-size-3)\",\"lp-pri-size-4\":\"var(--lp-pri-size-4)\",\"lp-pri-size-6\":\"var(--lp-pri-size-6)\",\"lp-pri-size-8\":\"var(--lp-pri-size-8)\",\"lp-pri-size-10\":\"var(--lp-pri-size-10)\",\"lp-pri-size-12\":\"var(--lp-pri-size-12)\",\"lp-pri-size-14\":\"var(--lp-pri-size-14)\",\"lp-pri-size-16\":\"var(--lp-pri-size-16)\",\"lp-pri-size-18\":\"var(--lp-pri-size-18)\",\"lp-pri-size-20\":\"var(--lp-pri-size-20)\",\"lp-pri-size-24\":\"var(--lp-pri-size-24)\",\"lp-pri-size-32\":\"var(--lp-pri-size-32)\",\"lp-pri-size-40\":\"var(--lp-pri-size-40)\",\"lp-pri-size-48\":\"var(--lp-pri-size-48)\",\"lp-pri-size-56\":\"var(--lp-pri-size-56)\",\"lp-pri-size-64\":\"var(--lp-pri-size-64)\",\"lp-pri-size-80\":\"var(--lp-pri-size-80)\",\"lp-pri-size-100\":\"var(--lp-pri-size-100)\",\"lp-pri-size-120\":\"var(--lp-pri-size-120)\",\"lp-pri-size-140\":\"var(--lp-pri-size-140)\",\"lp-pri-size-160\":\"var(--lp-pri-size-160)\",\"lp-pri-size-180\":\"var(--lp-pri-size-180)\",\"lp-pri-size-200\":\"var(--lp-pri-size-200)\"},\"gap\":{\"lp-sys-gap-positive-50\":\"var(--lp-sys-gap-positive-50)\",\"lp-sys-gap-positive-100\":\"var(--lp-sys-gap-positive-100)\",\"lp-sys-gap-positive-150\":\"var(--lp-sys-gap-positive-150)\",\"lp-sys-gap-positive-200\":\"var(--lp-sys-gap-positive-200)\",\"lp-sys-gap-positive-300\":\"var(--lp-sys-gap-positive-300)\",\"lp-sys-gap-positive-400\":\"var(--lp-sys-gap-positive-400)\",\"lp-sys-gap-positive-500\":\"var(--lp-sys-gap-positive-500)\",\"lp-sys-gap-positive-600\":\"var(--lp-sys-gap-positive-600)\",\"lp-sys-gap-positive-700\":\"var(--lp-sys-gap-positive-700)\",\"lp-sys-gap-positive-800\":\"var(--lp-sys-gap-positive-800)\",\"lp-sys-gap-positive-900\":\"var(--lp-sys-gap-positive-900)\",\"lp-sys-gap-negative-700\":\"var(--lp-sys-gap-negative-700)\",\"lp-sys-gap-negative-800\":\"var(--lp-sys-gap-negative-800)\",\"lp-sys-gap-negative-900\":\"var(--lp-sys-gap-negative-900)\"},\"shadow\":{\"lp-sys-shadow-normal\":\"var(--lp-sys-shadow-normal)\",\"lp-sys-shadow-strong\":\"var(--lp-sys-shadow-strong)\",\"lp-sys-shadow-heavy\":\"var(--lp-sys-shadow-heavy)\"},\"iconSize\":{\"lp-sys-icon-size-xs\":\"var(--lp-sys-icon-size-xs)\",\"lp-sys-icon-size-s\":\"var(--lp-sys-icon-size-s)\",\"lp-sys-icon-size-m\":\"var(--lp-sys-icon-size-m)\",\"lp-sys-icon-size-l\":\"var(--lp-sys-icon-size-l)\",\"lp-sys-icon-size-xl\":\"var(--lp-sys-icon-size-xl)\"}}", "export const classNames = {\"typography\":{\"lp-sys-typo-display1-accent-black\":\"lp-sys-typo-display1-accent-black\",\"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-display1-normal-black\":\"lp-sys-typo-display1-normal-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-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-display1-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-72',\n },\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-display1-normal-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-72',\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-120',\n size: 'lp-pri-font-size-64',\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-120',\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-120',\n size: 'lp-pri-font-size-40',\n },\n 'lp-sys-typo-heading4-answer': {\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-heading5-answer': {\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-heading6-answer': {\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-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-650',\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-650',\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-450',\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-450',\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-420',\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-420',\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-650',\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-650',\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-450',\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-450',\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-450',\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-450',\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-420',\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-420',\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-420',\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-600',\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-600',\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-600',\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-600',\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-420',\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-420',\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-420',\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-420',\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-600',\n lineHeight: 'lp-pri-font-lineheight-180',\n size: 'lp-pri-font-size-17',\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-17',\n },\n 'lp-sys-typo-caption1-normal-bold': {\n family: 'lp-pri-font-family-variables-pretendard',\n weight: 'lp-pri-font-weight-600',\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-600',\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-600',\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-420',\n lineHeight: 'lp-pri-font-lineheight-130',\n size: 'lp-pri-font-size-13',\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-title1-accent-bold': {\n ...typography['lp-sys-typo-title1-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-paragraph1-accent-bold': {\n ...typography['lp-sys-typo-paragraph1-accent-bold'],\n family: 'lp-pri-font-family-merriweather',\n weight: 'lp-pri-font-weight-600',\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-600',\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-600',\n },\n 'lp-sys-typo-paragraph1-accent-medium': {\n ...typography['lp-sys-typo-paragraph1-accent-medium'],\n family: 'lp-pri-font-family-poppins',\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-poppins',\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-poppins',\n weight: 'lp-pri-font-weight-500',\n },\n 'lp-sys-typo-paragraph1-accent-regular': {\n ...typography['lp-sys-typo-paragraph3-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-poppins',\n },\n 'lp-sys-typo-paragraph2-accent-regular': {\n ...typography['lp-sys-typo-paragraph3-accent-regular'],\n weight: 'lp-pri-font-weight-300',\n family: 'lp-pri-font-family-poppins',\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-poppins',\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"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["family", "size", "weight", "lineHeight"]
|
|
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';
|
|
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';
|
|
4
4
|
interface TypographyValues {
|
|
5
5
|
family: Exclude<FontFamily, 'lp-pri-font-family-variables-pretendard-jp'>;
|
|
6
6
|
weight: keyof typeof font.weight;
|
package/package.json
CHANGED
package/src/components/Head.tsx
CHANGED
|
@@ -24,6 +24,13 @@ export const DesignSystemHead = () => {
|
|
|
24
24
|
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"
|
|
25
25
|
rel="stylesheet"
|
|
26
26
|
/>
|
|
27
|
+
{/* font-family: "Merriweather", serif; */}
|
|
28
|
+
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
29
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin={'anonymous'} />
|
|
30
|
+
<link
|
|
31
|
+
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"
|
|
32
|
+
rel="stylesheet"
|
|
33
|
+
/>
|
|
27
34
|
</>
|
|
28
35
|
);
|
|
29
36
|
};
|
|
@@ -21,7 +21,7 @@ ${japanese}
|
|
|
21
21
|
let english = '';
|
|
22
22
|
|
|
23
23
|
Object.entries(typographyEnglish).map(([key, value]) => {
|
|
24
|
-
english += `.${key} { font-family: ${value.family};
|
|
24
|
+
english += `.${key} { font-family: ${convertFontFamily(value.family)};
|
|
25
25
|
font-size: var(--${value.size});
|
|
26
26
|
font-weight: var(--${value.weight});
|
|
27
27
|
line-height: var(--${value.lineHeight});}`;
|
|
@@ -30,6 +30,9 @@ Object.entries(typographyEnglish).map(([key, value]) => {
|
|
|
30
30
|
export const languageEnglish = `
|
|
31
31
|
:root[lang="en"] {
|
|
32
32
|
${english}
|
|
33
|
+
}
|
|
34
|
+
:root[lang="default"] {
|
|
35
|
+
${english}
|
|
33
36
|
}`;
|
|
34
37
|
|
|
35
38
|
const systemDarkColor: Record<string, any> = {};
|
|
@@ -4,7 +4,8 @@ import { TypographyKeys } from './types';
|
|
|
4
4
|
export type FontFamily =
|
|
5
5
|
| 'lp-pri-font-family-poppins'
|
|
6
6
|
| 'lp-pri-font-family-variables-pretendard'
|
|
7
|
-
| 'lp-pri-font-family-variables-pretendard-jp'
|
|
7
|
+
| 'lp-pri-font-family-variables-pretendard-jp'
|
|
8
|
+
| 'lp-pri-font-family-merriweather';
|
|
8
9
|
|
|
9
10
|
interface TypographyValues {
|
|
10
11
|
family: Exclude<FontFamily, 'lp-pri-font-family-variables-pretendard-jp'>;
|
|
@@ -389,9 +390,21 @@ export const typographyClassName = (() => {
|
|
|
389
390
|
})();
|
|
390
391
|
|
|
391
392
|
export const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {
|
|
393
|
+
'lp-sys-typo-title1-accent-bold': {
|
|
394
|
+
...typography['lp-sys-typo-title1-accent-bold'],
|
|
395
|
+
family: 'lp-pri-font-family-merriweather',
|
|
396
|
+
},
|
|
397
|
+
'lp-sys-typo-title3-accent-bold': {
|
|
398
|
+
...typography['lp-sys-typo-title3-accent-bold'],
|
|
399
|
+
family: 'lp-pri-font-family-merriweather',
|
|
400
|
+
},
|
|
401
|
+
'lp-sys-typo-title4-accent-bold': {
|
|
402
|
+
...typography['lp-sys-typo-title4-accent-bold'],
|
|
403
|
+
family: 'lp-pri-font-family-merriweather',
|
|
404
|
+
},
|
|
392
405
|
'lp-sys-typo-paragraph1-accent-bold': {
|
|
393
406
|
...typography['lp-sys-typo-paragraph1-accent-bold'],
|
|
394
|
-
family: 'lp-pri-font-family-
|
|
407
|
+
family: 'lp-pri-font-family-merriweather',
|
|
395
408
|
weight: 'lp-pri-font-weight-600',
|
|
396
409
|
},
|
|
397
410
|
'lp-sys-typo-paragraph2-accent-bold': {
|
|
@@ -3,9 +3,11 @@ import { FontFamily } from '../constants/typography';
|
|
|
3
3
|
export const convertFontFamily = (value: FontFamily) => {
|
|
4
4
|
if (value === 'lp-pri-font-family-poppins') {
|
|
5
5
|
return '"Poppins", sans-serif';
|
|
6
|
-
} else if (value === 'lp-pri-font-family-variables-pretendard') {
|
|
7
|
-
return '"Pretendard Variable"';
|
|
8
6
|
} else if (value === 'lp-pri-font-family-variables-pretendard-jp') {
|
|
9
7
|
return '"Pretendard JP Variable"';
|
|
8
|
+
} else if (value === 'lp-pri-font-family-merriweather') {
|
|
9
|
+
return '"Merriweather", serif';
|
|
10
10
|
}
|
|
11
|
+
|
|
12
|
+
return '"Pretendard Variable"';
|
|
11
13
|
};
|