@liner-fe/design-token 2.3.4 → 2.3.6
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/lib/components/ThemeProvider.d.ts +2 -2
- package/lib/helpers/setDarkModeScript.d.ts +1 -2
- package/lib/index.css +1 -0
- package/lib/index.d.ts +3 -1
- package/lib/index.js +293 -0
- package/lib/scripts/create-css/constants/PATH.d.ts +3 -0
- package/lib/scripts/create-css/constants/breakpoint/index.d.ts +9 -0
- package/lib/scripts/create-css/constants/color/index.d.ts +8 -0
- package/lib/scripts/create-css/constants/color/types.d.ts +132 -0
- package/lib/scripts/create-css/constants/gap/index.d.ts +16 -0
- package/lib/scripts/create-css/constants/icon/index.d.ts +7 -0
- package/lib/scripts/create-css/constants/index.d.ts +10 -0
- package/lib/scripts/create-css/constants/opacity/index.d.ts +21 -0
- package/lib/scripts/create-css/constants/padding/index.d.ts +23 -0
- package/lib/scripts/create-css/constants/primitiveRoot.d.ts +1 -0
- package/lib/scripts/create-css/constants/radius/index.d.ts +2 -0
- package/lib/scripts/create-css/constants/radius/type.d.ts +10 -0
- package/lib/scripts/create-css/constants/rootScheme.d.ts +4 -0
- package/lib/scripts/create-css/constants/shadow/index.d.ts +2 -0
- package/lib/scripts/create-css/constants/size/index.d.ts +2 -0
- package/lib/scripts/create-css/constants/size/type.d.ts +31 -0
- package/lib/scripts/create-css/constants/typography/types.d.ts +1 -0
- package/lib/scripts/create-css/index.d.ts +1 -0
- package/lib/scripts/create-css/utils/convertFontFamily.d.ts +2 -0
- package/lib/scripts/create-css/utils/convertObjectToCSSVariables.d.ts +1 -0
- package/lib/scripts/create-css/utils/createFile.d.ts +2 -0
- package/lib/scripts/create-css/utils/fileToString.d.ts +1 -0
- package/lib/scripts/create-css/utils/generateTokenMap.d.ts +1 -0
- package/lib/scripts/create-css/utils/hexToRGBA.d.ts +1 -0
- package/lib/scripts/create-css/utils/makeDir.d.ts +1 -0
- package/lib/scripts/create-css/utils/removeTokenPrefix.d.ts +1 -0
- package/lib/scripts/create-css/utils/replaceValuesWithKeys.d.ts +1 -0
- package/lib/style/index.d.ts +1 -0
- package/package.json +9 -9
- package/src/assets/Merriweather-Black.ttf +0 -0
- package/src/assets/Merriweather-Bold.ttf +0 -0
- package/src/assets/Merriweather-Light.ttf +0 -0
- package/src/assets/Merriweather-Regular.ttf +0 -0
- package/src/assets/PretendardJPVariable.woff2 +0 -0
- package/src/assets/PretendardVariable.woff2 +0 -0
- package/src/index.ts +3 -3
- package/src/scripts/create-css/constants/font/font.css +6 -14
- package/src/scripts/create-css/constants/index.ts +1 -0
- package/src/scripts/create-css/constants/rootScheme.ts +4 -20
- package/src/scripts/create-css/constants/typography/types.ts +7 -0
- package/src/scripts/create-css/index.ts +5 -14
- package/src/style/global.css +908 -0
- package/src/style/index.ts +1 -0
- package/global.css +0 -1160
- package/lib/components/Head.d.ts +0 -2
- package/lib/index.cjs +0 -642
- package/lib/index.cjs.map +0 -7
- package/lib/index.mjs +0 -611
- package/lib/index.mjs.map +0 -7
- package/src/components/Head.tsx +0 -36
- /package/{src/fonts/Merriweather-Black.ttf → lib/assets/Merriweather-Black-26IFHXBP.ttf} +0 -0
- /package/{src/fonts/Merriweather-Bold.ttf → lib/assets/Merriweather-Bold-OJOZX5RF.ttf} +0 -0
- /package/{src/fonts/Merriweather-Light.ttf → lib/assets/Merriweather-Light-CFMS753Z.ttf} +0 -0
- /package/{src/fonts/Merriweather-Regular.ttf → lib/assets/Merriweather-Regular-NACAIEN3.ttf} +0 -0
- /package/{src/fonts/PretendardJPVariable.woff2 → lib/assets/PretendardJPVariable-7Y3M4KVC.woff2} +0 -0
- /package/{src/fonts/PretendardVariable.woff2 → lib/assets/PretendardVariable-76CAZ7V7.woff2} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
interface IProps {
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
}
|
|
5
|
-
export declare const ThemeProvider: ({ children }: IProps) =>
|
|
5
|
+
export declare const ThemeProvider: ({ children }: IProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const SetDarkModeScript: () => React.JSX.Element;
|
|
1
|
+
export declare const SetDarkModeScript: () => import("react/jsx-runtime").JSX.Element;
|
package/lib/index.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url("./assets/PretendardVariable-76CAZ7V7.woff2") format("woff2-variations")}@font-face{font-family:Pretendard JP Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url("./assets/PretendardJPVariable-7Y3M4KVC.woff2") format("woff2-variations")}@font-face{font-family:Merriweather;font-weight:900;font-display:swap;src:local("Merriweather Black"),url("./assets/Merriweather-Black-26IFHXBP.ttf") format("woff2")}@font-face{font-family:Merriweather;font-weight:700;font-display:swap;src:local("Merriweather Bold"),url("./assets/Merriweather-Bold-OJOZX5RF.ttf") format("woff2")}@font-face{font-family:Merriweather;font-weight:400;font-display:swap;src:local("Merriweather Regular"),url("./assets/Merriweather-Regular-NACAIEN3.ttf") format("woff2")}@font-face{font-family:Merriweather;font-weight:300;font-display:swap;src:local("Merriweather Light"),url("./assets/Merriweather-Light-CFMS753Z.ttf") format("woff2")}:root{--lp-pri-achromatic-white: #ffffff;--lp-pri-achromatic-black: #000000;--lp-pri-gray-cool-980: #F9F9FA;--lp-pri-gray-cool-970: #F6F6F7;--lp-pri-gray-cool-940: #EDEEF0;--lp-pri-gray-cool-920: #E9E9EB;--lp-pri-gray-cool-900: #E3E3E6;--lp-pri-gray-cool-850: #D7D7D9;--lp-pri-gray-cool-750: #BEBFC2;--lp-pri-gray-cool-600: #939499;--lp-pri-gray-cool-450: #6D6D70;--lp-pri-gray-cool-350: #58595C;--lp-pri-gray-cool-300: #4A4A4D;--lp-pri-gray-cool-250: #3B3B3D;--lp-pri-gray-cool-200: #313133;--lp-pri-gray-cool-100: #1E1E1F;--lp-pri-brand-original-950: #FAFBFF;--lp-pri-brand-original-900: #F4F5FF;--lp-pri-brand-original-800: #D9DEFF;--lp-pri-brand-original-700: #B7C1FF;--lp-pri-brand-original-600: #6B7FFF;--lp-pri-brand-original-500: #4058FF;--lp-pri-brand-original-400: #273FD9;--lp-pri-brand-original-200: #152AB3;--lp-pri-brand-original-100: #071780;--lp-pri-brand-original-50: #041166;--lp-pri-brand-variation-950: #FAFBFF;--lp-pri-brand-variation-900: #F4F7FF;--lp-pri-brand-variation-800: #D9E4FF;--lp-pri-brand-variation-700: #B7CDFF;--lp-pri-brand-variation-600: #759EFF;--lp-pri-brand-variation-500: #5487FF;--lp-pri-brand-variation-400: #4E70BF;--lp-pri-brand-variation-200: #4A6299;--lp-pri-brand-variation-100: #384666;--lp-pri-brand-variation-50: #2C364D;--lp-pri-rainbow-red-950: #FFF5F5;--lp-pri-rainbow-red-900: #FFE7E7;--lp-pri-rainbow-red-800: #FFC3C3;--lp-pri-rainbow-red-700: #FF9090;--lp-pri-rainbow-red-600: #FF6060;--lp-pri-rainbow-red-500: #FF3333;--lp-pri-rainbow-red-400: #DB2323;--lp-pri-rainbow-red-300: #B81616;--lp-pri-rainbow-red-200: #710808;--lp-pri-rainbow-red-100: #410404;--lp-pri-rainbow-orange-950: #FFFBF4;--lp-pri-rainbow-orange-900: #FFF4E3;--lp-pri-rainbow-orange-800: #FFE1B4;--lp-pri-rainbow-orange-700: #FFC875;--lp-pri-rainbow-orange-600: #FFB039;--lp-pri-rainbow-orange-500: #FF9900;--lp-pri-rainbow-orange-400: #DB8503;--lp-pri-rainbow-orange-300: #B87005;--lp-pri-rainbow-orange-200: #714605;--lp-pri-rainbow-orange-100: #412803;--lp-pri-rainbow-yellow-950: #FFFDF4;--lp-pri-rainbow-yellow-900: #FFF9E3;--lp-pri-rainbow-yellow-800: #FFF0B4;--lp-pri-rainbow-yellow-700: #FFE375;--lp-pri-rainbow-yellow-600: #FFD739;--lp-pri-rainbow-yellow-500: #FFCC00;--lp-pri-rainbow-yellow-400: #DBB003;--lp-pri-rainbow-yellow-300: #B89405;--lp-pri-rainbow-yellow-200: #715B05;--lp-pri-rainbow-yellow-100: #413503;--lp-pri-rainbow-green-950: #F5FEF7;--lp-pri-rainbow-green-900: #E6FCEA;--lp-pri-rainbow-green-800: #BFF5C8;--lp-pri-rainbow-green-700: #8CEC9C;--lp-pri-rainbow-green-600: #5DDF73;--lp-pri-rainbow-green-500: #30BF48;--lp-pri-rainbow-green-400: #20A536;--lp-pri-rainbow-green-300: #148B28;--lp-pri-rainbow-green-200: #075714;--lp-pri-rainbow-green-100: #03350B;--lp-pri-rainbow-mint-950: #F3FEFE;--lp-pri-rainbow-mint-900: #AFF7F7;--lp-pri-rainbow-mint-800: #6EF0F0;--lp-pri-rainbow-mint-700: #33E6E6;--lp-pri-rainbow-mint-600: #00CCCC;--lp-pri-rainbow-mint-500: #02B0B0;--lp-pri-rainbow-mint-400: #02B0B0;--lp-pri-rainbow-mint-300: #049494;--lp-pri-rainbow-mint-200: #045C5C;--lp-pri-rainbow-mint-100: #033737;--lp-pri-rainbow-cyan-950: #F6FBFF;--lp-pri-rainbow-cyan-900: #E8F6FF;--lp-pri-rainbow-cyan-800: #C6E8FF;--lp-pri-rainbow-cyan-700: #97D5FF;--lp-pri-rainbow-cyan-600: #6AC4FF;--lp-pri-rainbow-cyan-500: #40B3FF;--lp-pri-rainbow-cyan-400: #2B95DB;--lp-pri-rainbow-cyan-300: #1A79B8;--lp-pri-rainbow-cyan-200: #094771;--lp-pri-rainbow-cyan-100: #042941;--lp-pri-rainbow-purple-950: #FCF6FF;--lp-pri-rainbow-purple-900: #F7EAFE;--lp-pri-rainbow-purple-800: #EBCAFB;--lp-pri-rainbow-purple-700: #DAA0F7;--lp-pri-rainbow-purple-600: #C978F2;--lp-pri-rainbow-purple-500: #B450E6;--lp-pri-rainbow-purple-400: #9535C6;--lp-pri-rainbow-purple-300: #7920A6;--lp-pri-rainbow-purple-200: #480A67;--lp-pri-rainbow-purple-100: #29043C;--lp-pri-rainbow-pink-950: #FFF5F8;--lp-pri-rainbow-pink-900: #FFE7EF;--lp-pri-rainbow-pink-800: #FFC3D7;--lp-pri-rainbow-pink-700: #FF90B5;--lp-pri-rainbow-pink-600: #FF6095;--lp-pri-rainbow-pink-500: #FF3377;--lp-pri-rainbow-pink-400: #DB2360;--lp-pri-rainbow-pink-300: #B8164C;--lp-pri-rainbow-pink-200: #71082B;--lp-pri-rainbow-pink-100: #120107;--lp-pri-achromatic-white-alpha-80: rgba(255, 255, 255, .8);--lp-pri-achromatic-white-alpha-72: rgba(255, 255, 255, .72);--lp-pri-achromatic-white-alpha-64: rgba(255, 255, 255, .64);--lp-pri-achromatic-white-alpha-56: rgba(255, 255, 255, .56);--lp-pri-achromatic-white-alpha-50: rgba(255, 255, 255, .5);--lp-pri-achromatic-white-alpha-48: rgba(255, 255, 255, .48);--lp-pri-achromatic-white-alpha-44: rgba(255, 255, 255, .44);--lp-pri-achromatic-white-alpha-40: rgba(255, 255, 255, .4);--lp-pri-achromatic-white-alpha-36: rgba(255, 255, 255, .36);--lp-pri-achromatic-white-alpha-32: rgba(255, 255, 255, .32);--lp-pri-achromatic-white-alpha-28: rgba(255, 255, 255, .28);--lp-pri-achromatic-white-alpha-24: rgba(255, 255, 255, .24);--lp-pri-achromatic-white-alpha-20: rgba(255, 255, 255, .2);--lp-pri-achromatic-white-alpha-16: rgba(255, 255, 255, .16);--lp-pri-achromatic-white-alpha-12: rgba(255, 255, 255, .12);--lp-pri-achromatic-white-alpha-8: rgba(255, 255, 255, .08);--lp-pri-achromatic-white-alpha-6: rgba(255, 255, 255, .06);--lp-pri-achromatic-white-alpha-4: rgba(255, 255, 255, .04);--lp-pri-achromatic-white-alpha-1: rgba(255, 255, 255, .01);--lp-pri-achromatic-white-alpha-0: rgba(255, 255, 255, 0);--lp-pri-gray-cool-dark-alpha-80: rgba(109, 109, 112, .8);--lp-pri-gray-cool-dark-alpha-72: rgba(109, 109, 112, .72);--lp-pri-gray-cool-dark-alpha-64: rgba(109, 109, 112, .64);--lp-pri-gray-cool-dark-alpha-56: rgba(109, 109, 112, .56);--lp-pri-gray-cool-dark-alpha-50: rgba(109, 109, 112, .5);--lp-pri-gray-cool-dark-alpha-48: rgba(109, 109, 112, .48);--lp-pri-gray-cool-dark-alpha-44: rgba(109, 109, 112, .44);--lp-pri-gray-cool-dark-alpha-40: rgba(109, 109, 112, .4);--lp-pri-gray-cool-dark-alpha-36: rgba(109, 109, 112, .36);--lp-pri-gray-cool-dark-alpha-32: rgba(109, 109, 112, .32);--lp-pri-gray-cool-dark-alpha-28: rgba(109, 109, 112, .28);--lp-pri-gray-cool-dark-alpha-24: rgba(109, 109, 112, .24);--lp-pri-gray-cool-dark-alpha-20: rgba(109, 109, 112, .2);--lp-pri-gray-cool-dark-alpha-16: rgba(109, 109, 112, .16);--lp-pri-gray-cool-dark-alpha-12: rgba(109, 109, 112, .12);--lp-pri-gray-cool-dark-alpha-8: rgba(109, 109, 112, .08);--lp-pri-gray-cool-dark-alpha-6: rgba(109, 109, 112, .06);--lp-pri-gray-cool-dark-alpha-4: rgba(109, 109, 112, .04);--lp-pri-gray-cool-dark-alpha-1: rgba(109, 109, 112, .01);--lp-pri-gray-cool-dark-alpha-0: rgba(109, 109, 112, 0);--lp-pri-gray-cool-light-alpha-80: rgba(233, 233, 235, .8);--lp-pri-gray-cool-light-alpha-72: rgba(233, 233, 235, .72);--lp-pri-gray-cool-light-alpha-64: rgba(233, 233, 235, .64);--lp-pri-gray-cool-light-alpha-56: rgba(233, 233, 235, .56);--lp-pri-gray-cool-light-alpha-50: rgba(233, 233, 235, .5);--lp-pri-gray-cool-light-alpha-48: rgba(233, 233, 235, .48);--lp-pri-gray-cool-light-alpha-44: rgba(233, 233, 235, .44);--lp-pri-gray-cool-light-alpha-40: rgba(233, 233, 235, .4);--lp-pri-gray-cool-light-alpha-36: rgba(233, 233, 235, .36);--lp-pri-gray-cool-light-alpha-32: rgba(233, 233, 235, .32);--lp-pri-gray-cool-light-alpha-28: rgba(233, 233, 235, .28);--lp-pri-gray-cool-light-alpha-24: rgba(233, 233, 235, .24);--lp-pri-gray-cool-light-alpha-20: rgba(233, 233, 235, .2);--lp-pri-gray-cool-light-alpha-16: rgba(233, 233, 235, .16);--lp-pri-gray-cool-light-alpha-12: rgba(233, 233, 235, .12);--lp-pri-gray-cool-light-alpha-8: rgba(233, 233, 235, .08);--lp-pri-gray-cool-light-alpha-6: rgba(233, 233, 235, .06);--lp-pri-gray-cool-light-alpha-4: rgba(233, 233, 235, .04);--lp-pri-gray-cool-light-alpha-1: rgba(233, 233, 235, .01);--lp-pri-gray-cool-light-alpha-0: rgba(233, 233, 235, 0);--lp-pri-brand-original-alpha-80: rgba(4, 17, 102, .8);--lp-pri-brand-original-alpha-72: rgba(4, 17, 102, .72);--lp-pri-brand-original-alpha-64: rgba(4, 17, 102, .64);--lp-pri-brand-original-alpha-56: rgba(4, 17, 102, .56);--lp-pri-brand-original-alpha-50: rgba(4, 17, 102, .5);--lp-pri-brand-original-alpha-48: rgba(4, 17, 102, .48);--lp-pri-brand-original-alpha-44: rgba(4, 17, 102, .44);--lp-pri-brand-original-alpha-40: rgba(4, 17, 102, .4);--lp-pri-brand-original-alpha-36: rgba(4, 17, 102, .36);--lp-pri-brand-original-alpha-32: rgba(4, 17, 102, .32);--lp-pri-brand-original-alpha-28: rgba(4, 17, 102, .28);--lp-pri-brand-original-alpha-24: rgba(4, 17, 102, .24);--lp-pri-brand-original-alpha-20: rgba(4, 17, 102, .2);--lp-pri-brand-original-alpha-16: rgba(4, 17, 102, .16);--lp-pri-brand-original-alpha-12: rgba(4, 17, 102, .12);--lp-pri-brand-original-alpha-8: rgba(4, 17, 102, .08);--lp-pri-brand-original-alpha-6: rgba(4, 17, 102, .06);--lp-pri-brand-original-alpha-4: rgba(4, 17, 102, .04);--lp-pri-brand-original-alpha-1: rgba(4, 17, 102, .01);--lp-pri-brand-original-alpha-0: rgba(4, 17, 102, 0);--lp-pri-achromatic-black-alpha-80: rgba(0, 0, 0, .8);--lp-pri-achromatic-black-alpha-72: rgba(0, 0, 0, .72);--lp-pri-achromatic-black-alpha-64: rgba(0, 0, 0, .64);--lp-pri-achromatic-black-alpha-56: rgba(0, 0, 0, .56);--lp-pri-achromatic-black-alpha-50: rgba(0, 0, 0, .5);--lp-pri-achromatic-black-alpha-48: rgba(0, 0, 0, .48);--lp-pri-achromatic-black-alpha-44: rgba(0, 0, 0, .44);--lp-pri-achromatic-black-alpha-40: rgba(0, 0, 0, .4);--lp-pri-achromatic-black-alpha-36: rgba(0, 0, 0, .36);--lp-pri-achromatic-black-alpha-32: rgba(0, 0, 0, .32);--lp-pri-achromatic-black-alpha-28: rgba(0, 0, 0, .28);--lp-pri-achromatic-black-alpha-24: rgba(0, 0, 0, .24);--lp-pri-achromatic-black-alpha-20: rgba(0, 0, 0, .2);--lp-pri-achromatic-black-alpha-16: rgba(0, 0, 0, .16);--lp-pri-achromatic-black-alpha-12: rgba(0, 0, 0, .12);--lp-pri-achromatic-black-alpha-8: rgba(0, 0, 0, .08);--lp-pri-achromatic-black-alpha-6: rgba(0, 0, 0, .06);--lp-pri-achromatic-black-alpha-4: rgba(0, 0, 0, .04);--lp-pri-achromatic-black-alpha-1: rgba(0, 0, 0, .01);--lp-pri-achromatic-black-alpha-0: rgba(0, 0, 0, 0);--lp-sys-radius-xxs: 2px;--lp-sys-radius-xs: 4px;--lp-sys-radius-s: 6px;--lp-sys-radius-m: 8px;--lp-sys-radius-l: 10px;--lp-sys-radius-xl: 12px;--lp-sys-radius-xxl: 200px;--lp-pri-size-minus6: -6px;--lp-pri-size-minus4: -4px;--lp-pri-size-minus2: -2px;--lp-pri-size-0: 0px;--lp-pri-size-1: 1px;--lp-pri-size-2: 2px;--lp-pri-size-3: 3px;--lp-pri-size-4: 4px;--lp-pri-size-6: 6px;--lp-pri-size-8: 8px;--lp-pri-size-10: 10px;--lp-pri-size-12: 12px;--lp-pri-size-14: 14px;--lp-pri-size-16: 16px;--lp-pri-size-18: 18px;--lp-pri-size-20: 20px;--lp-pri-size-24: 24px;--lp-pri-size-32: 32px;--lp-pri-size-40: 40px;--lp-pri-size-48: 48px;--lp-pri-size-56: 56px;--lp-pri-size-64: 64px;--lp-pri-size-80: 80px;--lp-pri-size-100: 100px;--lp-pri-size-120: 120px;--lp-pri-size-140: 140px;--lp-pri-size-160: 160px;--lp-pri-size-180: 180px;--lp-pri-size-200: 200px;--lp-pri-opacity-80: 80%;--lp-pri-opacity-72: 72%;--lp-pri-opacity-64: 64%;--lp-pri-opacity-56: 56%;--lp-pri-opacity-50: 50%;--lp-pri-opacity-48: 48%;--lp-pri-opacity-44: 44%;--lp-pri-opacity-40: 40%;--lp-pri-opacity-36: 36%;--lp-pri-opacity-32: 32%;--lp-pri-opacity-28: 28%;--lp-pri-opacity-24: 24%;--lp-pri-opacity-20: 20%;--lp-pri-opacity-16: 16%;--lp-pri-opacity-12: 12%;--lp-pri-opacity-8: 8%;--lp-pri-opacity-4: 4%;--lp-pri-opacity-1: 1%;--lp-pri-opacity-0: 0%;--lp-sys-padding-component-50: 2px;--lp-sys-padding-component-100: 4px;--lp-sys-padding-component-150: 6px;--lp-sys-padding-component-200: 8px;--lp-sys-padding-component-300: 12px;--lp-sys-padding-component-400: 16px;--lp-sys-padding-component-500: 20px;--lp-sys-padding-component-600: 24px;--lp-sys-padding-component-700: 32px;--lp-sys-padding-component-800: 40px;--lp-sys-padding-component-900: 48px;--lp-sys-padding-section-50: 20px;--lp-sys-padding-section-100: 24px;--lp-sys-padding-section-200: 32px;--lp-sys-padding-section-300: 40px;--lp-sys-padding-section-400: 48px;--lp-sys-padding-section-500: 56px;--lp-sys-padding-section-600: 64px;--lp-sys-padding-section-700: 80px;--lp-sys-padding-section-800: 100px;--lp-sys-padding-section-900: 120px;--lp-sys-gap-positive-50: 2px;--lp-sys-gap-positive-100: 4px;--lp-sys-gap-positive-150: 6px;--lp-sys-gap-positive-200: 8px;--lp-sys-gap-positive-300: 12px;--lp-sys-gap-positive-400: 16px;--lp-sys-gap-positive-500: 20px;--lp-sys-gap-positive-600: 24px;--lp-sys-gap-positive-700: 32px;--lp-sys-gap-positive-800: 40px;--lp-sys-gap-positive-900: 48px;--lp-sys-gap-negative-700: -2px;--lp-sys-gap-negative-800: -4px;--lp-sys-gap-negative-900: -6px;--lp-pri-font-size-8: 8px;--lp-pri-font-size-11: 11px;--lp-pri-font-size-12: 12px;--lp-pri-font-size-13: 13px;--lp-pri-font-size-14: 14px;--lp-pri-font-size-15: 15px;--lp-pri-font-size-16: 16px;--lp-pri-font-size-17: 17px;--lp-pri-font-size-20: 20px;--lp-pri-font-size-24: 24px;--lp-pri-font-size-28: 28px;--lp-pri-font-size-32: 32px;--lp-pri-font-size-40: 40px;--lp-pri-font-size-56: 56px;--lp-pri-font-size-64: 64px;--lp-pri-font-size-72: 72px;--lp-pri-font-lineheight-120: 120%;--lp-pri-font-lineheight-130: 130%;--lp-pri-font-lineheight-150: 150%;--lp-pri-font-lineheight-180: 180%;--lp-pri-font-weight-300: 300;--lp-pri-font-weight-350: 350;--lp-pri-font-weight-400: 400;--lp-pri-font-weight-500: 500;--lp-pri-font-weight-700: 700;--lp-pri-font-weight-800: 800;--lp-pri-font-weight-900: 900;--lp-sys-icon-size-xs: 16px;--lp-sys-icon-size-s: 20px;--lp-sys-icon-size-m: 24px;--lp-sys-icon-size-l: 32px;--lp-sys-icon-size-xl: 40px;--lp-pri-breakpoint-xs: 0px;--lp-pri-breakpoint-s: 600px;--lp-pri-breakpoint-m: 1024px;--lp-pri-breakpoint-l: 1366px;--lp-pri-breakpoint-xl: 1536px;--lp-pri-breakpoint-xxl: 1920px;--lp-pri-breakpoint-xxxl: 2560px;.lp-sys-typo-display2-accent-black{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-64);font-weight:var(--lp-pri-font-weight-800);line-height:var(--lp-pri-font-lineheight-120)}.lp-sys-typo-display3-accent-black{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-40);font-weight:var(--lp-pri-font-weight-800);line-height:var(--lp-pri-font-lineheight-120)}.lp-sys-typo-display2-normal-black{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-56);font-weight:var(--lp-pri-font-weight-800);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-display3-normal-black{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-40);font-weight:var(--lp-pri-font-weight-800);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-heading1-answer{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-28);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-180)}.lp-sys-typo-heading2-answer{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-24);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-180)}.lp-sys-typo-heading3-answer{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-20);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-180)}.lp-sys-typo-heading4-answer,.lp-sys-typo-heading5-answer,.lp-sys-typo-heading6-answer{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-17);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-180)}.lp-sys-typo-title1-accent-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-32);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title2-accent-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-28);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title3-accent-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-24);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title4-accent-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-20);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title1-accent-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-32);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title2-accent-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-28);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title3-accent-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-24);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title4-accent-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-20);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title1-normal-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-32);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title2-normal-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-28);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title3-normal-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-24);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title4-normal-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-20);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title1-normal-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-32);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title2-normal-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-28);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title3-normal-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-24);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title4-normal-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-20);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph1-accent-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-17);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph2-accent-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph3-accent-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-15);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph1-accent-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-17);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph2-accent-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph3-accent-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-15);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph1-accent-regular{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-17);font-weight:var(--lp-pri-font-weight-350);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph2-accent-regular{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-350);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph3-accent-regular{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-15);font-weight:var(--lp-pri-font-weight-350);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph1-normal-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-17);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph2-normal-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph3-normal-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-15);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph4-normal-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-14);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph1-normal-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-17);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph2-normal-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph3-normal-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-15);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph4-normal-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-14);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph1-normal-regular{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-17);font-weight:var(--lp-pri-font-weight-350);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph2-normal-regular{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-350);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph3-normal-regular{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-15);font-weight:var(--lp-pri-font-weight-350);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph4-normal-regular{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-14);font-weight:var(--lp-pri-font-weight-350);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph1-post-regular{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-17);font-weight:var(--lp-pri-font-weight-350);line-height:var(--lp-pri-font-lineheight-150)}.lp-sys-typo-paragraph3-post-regular{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-15);font-weight:var(--lp-pri-font-weight-350);line-height:var(--lp-pri-font-lineheight-150)}.lp-sys-typo-paragraph1-answer-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-800);line-height:var(--lp-pri-font-lineheight-180)}.lp-sys-typo-paragraph1-answer-regular{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-350);line-height:var(--lp-pri-font-lineheight-180)}.lp-sys-typo-caption1-normal-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-13);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-caption2-normal-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-12);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-caption3-normal-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-11);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-caption1-normal-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-13);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-caption2-normal-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-12);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-caption3-normal-medium{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-11);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-caption1-normal-regular{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-13);font-weight:var(--lp-pri-font-weight-350);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-caption2-normal-regular{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-12);font-weight:var(--lp-pri-font-weight-350);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-caption3-normal-regular{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-11);font-weight:var(--lp-pri-font-weight-350);line-height:var(--lp-pri-font-lineheight-130)}}:root[color-theme=dark],:root[class=dark]{--neutral-container-lowest: var(--lp-pri-gray-cool-100);--neutral-container-lowest-hover: var(--lp-pri-gray-cool-200);--neutral-container-low: var(--lp-pri-gray-cool-200);--neutral-container-low-hover: var(--lp-pri-gray-cool-250);--neutral-container-mid: var(--lp-pri-gray-cool-250);--neutral-container-mid-hover: var(--lp-pri-gray-cool-300);--neutral-container-high: var(--lp-pri-gray-cool-250);--neutral-container-high-hover: var(--lp-pri-gray-cool-300);--neutral-container-highest: var(--lp-pri-gray-cool-300);--neutral-container-static-lowest: var(--lp-pri-achromatic-white);--neutral-container-static-lowest-hover: var(--lp-pri-gray-cool-900);--neutral-fill-lowest: var(--lp-pri-gray-cool-dark-alpha-0);--neutral-fill-lowest-hover: var(--lp-pri-gray-cool-dark-alpha-12);--neutral-fill-low: var(--lp-pri-gray-cool-dark-alpha-20);--neutral-fill-low-hover: var(--lp-pri-gray-cool-dark-alpha-8);--neutral-fill-mid: var(--lp-pri-gray-cool-dark-alpha-16);--neutral-fill-mid-hover: var(--lp-pri-gray-cool-dark-alpha-32);--neutral-fill-high: var(--lp-pri-gray-cool-dark-alpha-32);--neutral-fill-high-hover: var(--lp-pri-gray-cool-dark-alpha-44);--neutral-fill-highest: var(--lp-pri-gray-cool-dark-alpha-72);--neutral-label-primary: var(--lp-pri-achromatic-white);--neutral-label-secondary: var(--lp-pri-gray-cool-light-alpha-64);--neutral-label-tertiary: var(--lp-pri-gray-cool-light-alpha-32);--neutral-label-quaternary: var(--lp-pri-gray-cool-light-alpha-20);--neutral-label-static-primary: var(--lp-pri-gray-cool-100);--neutral-label-static-secondary: var(--lp-pri-gray-cool-dark-alpha-80);--neutral-border-overlay-strong: var(--lp-pri-gray-cool-light-alpha-64);--neutral-border-overlay-normal: var(--lp-pri-gray-cool-light-alpha-28);--neutral-border-overlay-subtle: var(--lp-pri-gray-cool-light-alpha-20);--neutral-border-opaque-strong: var(--lp-pri-achromatic-white);--neutral-border-opaque-normal: var(--lp-pri-gray-cool-350);--neutral-border-opaque-subtle: var(--lp-pri-gray-cool-250);--inverse-container-lowest: var(--lp-pri-achromatic-white);--inverse-container-lowest-hover: var(--lp-pri-gray-cool-970);--inverse-container-low: var(--lp-pri-gray-cool-980);--inverse-container-low-hover: var(--lp-pri-gray-cool-970);--inverse-container-mid: var(--lp-pri-gray-cool-970);--inverse-container-mid-hover: var(--lp-pri-gray-cool-940);--inverse-container-high: var(--lp-pri-gray-cool-940);--inverse-container-high-hover: var(--lp-pri-gray-cool-900);--inverse-container-static-high: var(--lp-pri-gray-cool-250);--inverse-container-static-high-hover: var(--lp-pri-gray-cool-350);--inverse-container-highest: var(--lp-pri-gray-cool-920);--inverse-fill-mid: var(--lp-pri-gray-cool-light-alpha-24);--inverse-fill-mid-hover: var(--lp-pri-gray-cool-light-alpha-0);--inverse-label-primary: var(--lp-pri-gray-cool-100);--inverse-label-secondary: var(--lp-pri-gray-cool-dark-alpha-80);--inverse-label-tertiary: var(--lp-pri-gray-cool-dark-alpha-48);--inverse-label-quaternary: var(--lp-pri-gray-cool-dark-alpha-24);--inverse-label-static-primary: var(--lp-pri-achromatic-white);--inverse-label-static-secondary: var(--lp-pri-gray-cool-light-alpha-64);--inverse-border-overlay-strong: var(--lp-pri-gray-cool-dark-alpha-64);--inverse-border-overlay-normal: var(--lp-pri-gray-cool-dark-alpha-24);--inverse-border-overlay-subtle: var(--lp-pri-gray-cool-dark-alpha-16);--inverse-border-opaque-strong: var(--lp-pri-gray-cool-100);--inverse-border-opaque-normal: var(--lp-pri-gray-cool-850);--inverse-border-opaque-subtle: var(--lp-pri-gray-cool-920);--brand-container-mid: var(--lp-pri-brand-original-500);--brand-container-mid-hover: var(--lp-pri-brand-original-600);--brand-container-high: var(--lp-pri-brand-original-400);--brand-label-primary: var(--lp-pri-brand-variation-500);--brand-label-secondary: var(--lp-pri-brand-original-alpha-80);--brand-border-opaque-normal: var(--lp-pri-brand-original-500);--brand-border-overlay-normal: var(--lp-pri-brand-original-alpha-20);--accent-yellow: var(--lp-pri-rainbow-yellow-600);--accent-mint: var(--lp-pri-rainbow-mint-600);--accent-cyan: var(--lp-pri-rainbow-cyan-600);--accent-purple: var(--lp-pri-rainbow-purple-600);--accent-pink: var(--lp-pri-rainbow-pink-600);--function-container-positive: var(--lp-pri-rainbow-green-600);--function-container-negative: var(--lp-pri-rainbow-red-500);--function-container-negative-hover: var(--lp-pri-rainbow-red-600);--function-container-caution: var(--lp-pri-rainbow-orange-500);--function-container-highlight: var(--lp-pri-rainbow-yellow-100);--function-container-selection: var(--lp-pri-brand-variation-100);--function-label-positive: var(--lp-pri-rainbow-green-600);--function-label-negative: var(--lp-pri-rainbow-red-500);--function-label-caution: var(--lp-pri-rainbow-orange-500);--cover-dim-page: var(--lp-pri-achromatic-black-alpha-56);--lp-sys-shadow-normal: 0px 2px 12px 0px rgba(0, 0, 0, .24), 0px 1px 8px 0px rgba(0, 0, 0, .2), 0px 0px 1px 0px rgba(0, 0, 0, .2);--lp-sys-shadow-strong: 0px 6px 16px 0px rgba(0, 0, 0, .36), 0px 4px 12px 0px rgba(0, 0, 0, .24), 0px 0px 8px 0px rgba(0, 0, 0, .24);--lp-sys-shadow-heavy: 0px 16px 20px 0px rgba(0, 0, 0, .36), 0px 8px 16px 0px rgba(0, 0, 0, .24), 0px 0px 8px 0px rgba(0, 0, 0, .24)}:root[color-theme=light],:root[class=light]{--neutral-container-lowest: var(--lp-pri-achromatic-white);--neutral-container-lowest-hover: var(--lp-pri-gray-cool-970);--neutral-container-low: var(--lp-pri-gray-cool-980);--neutral-container-low-hover: var(--lp-pri-gray-cool-970);--neutral-container-mid: var(--lp-pri-gray-cool-970);--neutral-container-mid-hover: var(--lp-pri-gray-cool-940);--neutral-container-high: var(--lp-pri-gray-cool-940);--neutral-container-high-hover: var(--lp-pri-gray-cool-900);--neutral-container-highest: var(--lp-pri-gray-cool-920);--neutral-container-static-lowest: var(--lp-pri-achromatic-white);--neutral-container-static-lowest-hover: var(--lp-pri-gray-cool-970);--neutral-fill-lowest: var(--lp-pri-gray-cool-dark-alpha-0);--neutral-fill-lowest-hover: var(--lp-pri-gray-cool-dark-alpha-6);--neutral-fill-low: var(--lp-pri-gray-cool-dark-alpha-8);--neutral-fill-low-hover: var(--lp-pri-gray-cool-dark-alpha-4);--neutral-fill-mid: var(--lp-pri-gray-cool-dark-alpha-8);--neutral-fill-mid-hover: var(--lp-pri-gray-cool-dark-alpha-16);--neutral-fill-high: var(--lp-pri-gray-cool-dark-alpha-20);--neutral-fill-high-hover: var(--lp-pri-gray-cool-dark-alpha-28);--neutral-fill-highest: var(--lp-pri-gray-cool-dark-alpha-72);--neutral-label-primary: var(--lp-pri-gray-cool-100);--neutral-label-secondary: var(--lp-pri-gray-cool-dark-alpha-80);--neutral-label-tertiary: var(--lp-pri-gray-cool-dark-alpha-48);--neutral-label-quaternary: var(--lp-pri-gray-cool-dark-alpha-24);--neutral-label-static-primary: var(--lp-pri-gray-cool-100);--neutral-label-static-secondary: var(--lp-pri-gray-cool-dark-alpha-80);--neutral-border-overlay-strong: var(--lp-pri-gray-cool-dark-alpha-64);--neutral-border-overlay-normal: var(--lp-pri-gray-cool-dark-alpha-24);--neutral-border-overlay-subtle: var(--lp-pri-gray-cool-dark-alpha-16);--neutral-border-opaque-strong: var(--lp-pri-gray-cool-100);--neutral-border-opaque-normal: var(--lp-pri-gray-cool-850);--neutral-border-opaque-subtle: var(--lp-pri-gray-cool-920);--inverse-container-lowest: var(--lp-pri-gray-cool-100);--inverse-container-lowest-hover: var(--lp-pri-gray-cool-200);--inverse-container-low: var(--lp-pri-gray-cool-200);--inverse-container-low-hover: var(--lp-pri-gray-cool-250);--inverse-container-mid: var(--lp-pri-gray-cool-200);--inverse-container-mid-hover: var(--lp-pri-gray-cool-300);--inverse-container-high: var(--lp-pri-gray-cool-250);--inverse-container-high-hover: var(--lp-pri-gray-cool-300);--inverse-container-static-high: var(--lp-pri-gray-cool-250);--inverse-container-static-high-hover: var(--lp-pri-gray-cool-350);--inverse-container-highest: var(--lp-pri-gray-cool-300);--inverse-fill-mid: var(--lp-pri-achromatic-white);--inverse-fill-mid-hover: var(--lp-pri-gray-cool-970);--inverse-label-primary: var(--lp-pri-achromatic-white);--inverse-label-secondary: var(--lp-pri-gray-cool-light-alpha-64);--inverse-label-tertiary: var(--lp-pri-gray-cool-light-alpha-32);--inverse-label-quaternary: var(--lp-pri-gray-cool-light-alpha-20);--inverse-label-static-primary: var(--lp-pri-achromatic-white);--inverse-label-static-secondary: var(--lp-pri-gray-cool-light-alpha-64);--inverse-border-overlay-strong: var(--lp-pri-gray-cool-light-alpha-64);--inverse-border-overlay-normal: var(--lp-pri-gray-cool-light-alpha-28);--inverse-border-overlay-subtle: var(--lp-pri-gray-cool-light-alpha-20);--inverse-border-opaque-strong: var(--lp-pri-achromatic-white);--inverse-border-opaque-normal: var(--lp-pri-gray-cool-350);--inverse-border-opaque-subtle: var(--lp-pri-gray-cool-250);--brand-container-mid: var(--lp-pri-brand-original-500);--brand-container-mid-hover: var(--lp-pri-brand-original-400);--brand-container-high: var(--lp-pri-brand-original-400);--brand-label-primary: var(--lp-pri-brand-original-500);--brand-label-secondary: var(--lp-pri-brand-original-alpha-80);--brand-border-opaque-normal: var(--lp-pri-brand-original-500);--brand-border-overlay-normal: var(--lp-pri-brand-original-alpha-20);--accent-yellow: var(--lp-pri-rainbow-yellow-500);--accent-mint: var(--lp-pri-rainbow-mint-500);--accent-cyan: var(--lp-pri-rainbow-cyan-500);--accent-purple: var(--lp-pri-rainbow-purple-500);--accent-pink: var(--lp-pri-rainbow-pink-500);--function-container-positive: var(--lp-pri-rainbow-green-500);--function-container-negative: var(--lp-pri-rainbow-red-500);--function-container-negative-hover: var(--lp-pri-rainbow-red-400);--function-container-caution: var(--lp-pri-rainbow-orange-500);--function-container-highlight: var(--lp-pri-rainbow-yellow-900);--function-container-selection: var(--lp-pri-brand-variation-950);--function-label-positive: var(--lp-pri-rainbow-green-500);--function-label-negative: var(--lp-pri-rainbow-red-500);--function-label-caution: var(--lp-pri-rainbow-orange-500);--cover-dim-page: var(--lp-pri-achromatic-black-alpha-56);--lp-sys-shadow-normal: 0px 2px 12px 0px rgba(0, 0, 0, .08), 0px 1px 8px 0px rgba(0, 0, 0, .06), 0px 0px 1px 0px rgba(0, 0, 0, .06);--lp-sys-shadow-strong: 0px 6px 16px 0px rgba(0, 0, 0, .12), 0px 4px 12px 0px rgba(0, 0, 0, .08), 0px 0px 8px 0px rgba(0, 0, 0, .08);--lp-sys-shadow-heavy: 0px 16px 20px 0px rgba(0, 0, 0, .12), 0px 8px 16px 0px rgba(0, 0, 0, .08), 0px 0px 8px 0px rgba(0, 0, 0, .08)}:root[lang=en]{.lp-sys-typo-display2-accent-black{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-64);font-weight:var(--lp-pri-font-weight-900);line-height:var(--lp-pri-font-lineheight-120)}.lp-sys-typo-display3-accent-black{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-40);font-weight:var(--lp-pri-font-weight-900);line-height:var(--lp-pri-font-lineheight-120)}.lp-sys-typo-title1-accent-bold{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-32);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title2-accent-bold{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-28);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title3-accent-bold{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-24);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title4-accent-bold{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-20);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title1-accent-medium{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-32);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title2-accent-medium{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-28);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title3-accent-medium{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-24);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title4-accent-medium{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-20);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph1-accent-bold{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-17);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph2-accent-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph3-accent-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-15);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph1-accent-medium{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-17);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph2-accent-medium{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph3-accent-medium{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-15);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph1-accent-regular{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-17);font-weight:var(--lp-pri-font-weight-300);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph2-accent-regular{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-300);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph3-accent-regular{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-15);font-weight:var(--lp-pri-font-weight-300);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-display2-normal-black{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-56);font-weight:var(--lp-pri-font-weight-800);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph1-answer-bold{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-800);line-height:var(--lp-pri-font-lineheight-180)}.lp-sys-typo-paragraph1-answer-regular{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-350);line-height:var(--lp-pri-font-lineheight-180)}}:root[lang=default]{.lp-sys-typo-display2-accent-black{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-64);font-weight:var(--lp-pri-font-weight-900);line-height:var(--lp-pri-font-lineheight-120)}.lp-sys-typo-display3-accent-black{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-40);font-weight:var(--lp-pri-font-weight-900);line-height:var(--lp-pri-font-lineheight-120)}.lp-sys-typo-title1-accent-bold{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-32);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title2-accent-bold{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-28);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title3-accent-bold{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-24);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title4-accent-bold{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-20);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title1-accent-medium{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-32);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title2-accent-medium{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-28);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title3-accent-medium{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-24);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-title4-accent-medium{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-20);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph1-accent-bold{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-17);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph2-accent-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph3-accent-bold{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-15);font-weight:var(--lp-pri-font-weight-700);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph1-accent-medium{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-17);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph2-accent-medium{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph3-accent-medium{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-15);font-weight:var(--lp-pri-font-weight-500);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph1-accent-regular{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-17);font-weight:var(--lp-pri-font-weight-300);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph2-accent-regular{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-300);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph3-accent-regular{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-15);font-weight:var(--lp-pri-font-weight-300);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-display2-normal-black{font-family:Pretendard Variable;font-size:var(--lp-pri-font-size-56);font-weight:var(--lp-pri-font-weight-800);line-height:var(--lp-pri-font-lineheight-130)}.lp-sys-typo-paragraph1-answer-bold{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-800);line-height:var(--lp-pri-font-lineheight-180)}.lp-sys-typo-paragraph1-answer-regular{font-family:Merriweather,serif;font-size:var(--lp-pri-font-size-16);font-weight:var(--lp-pri-font-weight-350);line-height:var(--lp-pri-font-lineheight-180)}}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
export * from './hooks/useDarkTheme';
|
|
2
2
|
export * from './hooks/useLanguage';
|
|
3
|
-
export * from './components/Head';
|
|
4
3
|
export * from './generated/vars';
|
|
5
4
|
export * from './generated/classNames';
|
|
6
5
|
export * from './helpers/getTypoStyle';
|
|
7
6
|
export * from './helpers/setDarkModeScript';
|
|
8
7
|
export * from './components/ThemeProvider';
|
|
8
|
+
export * from './scripts/create-css/constants/typography/types';
|
|
9
|
+
export * from './scripts/create-css/constants/breakpoint/index';
|
|
9
10
|
export * from './types/color';
|
|
11
|
+
export * from './style/index';
|