@lunit/design-system 2.1.0 → 2.2.3

package/dist/foundation/Typography/index.js

@@ -1,10 +1,10 @@
-import { fontVariants, cssVariables } from "./tokens";
+import { fontVariants, cssVariables } from './tokens';
 const fontFamily = [
-    "Pretendard",
-    "-apple-system",
-    "BlinkMacSystemFont",
-    "system-ui",
-    "Roboto",
+    'Pretendard',
+    '-apple-system',
+    'BlinkMacSystemFont',
+    'system-ui',
+    'Roboto',
     '"Helvetica Neue"',
     '"Segoe UI"',
     '"Apple SD Gothic Neo"',
@@ -13,8 +13,8 @@ const fontFamily = [
     '"Apple Color Emoji"',
     '"Segoe UI Emoji"',
     '"Segoe UI Symbol"',
-    "sans-serif",
-].join(",");
+    'sans-serif',
+].join(',');
 const typographyOptions = {
     fontFamily,
     ...{
@@ -33,45 +33,45 @@ const typographyOptions = {
 };
 export const typographyDefaultProps = {
     variantMapping: {
-        headline1: "h1",
-        headline2: "h2",
-        headline3: "h3",
-        headline4: "h4",
-        headline5: "h6",
-        body1_16_semibold: "p",
-        body1_16_regular: "p",
-        body2_14_bold: "p",
-        body2_14_medium: "p",
-        body2_14_regular: "p",
-        body3_12_semibold: "p",
-        body3_12_regular: "p",
-        body_m2: "p",
-        body_reg6: "p",
-        body_reg8: "p",
-        small_body_sb1: "p",
-        small_body_m2: "p",
+        headline1: 'h1',
+        headline2: 'h2',
+        headline3: 'h3',
+        headline4: 'h4',
+        headline5: 'h6',
+        body1_16_semibold: 'p',
+        body1_16_regular: 'p',
+        body2_14_bold: 'p',
+        body2_14_medium: 'p',
+        body2_14_regular: 'p',
+        body3_12_semibold: 'p',
+        body3_12_regular: 'p',
+        body_m2: 'p',
+        body_reg6: 'p',
+        body_reg8: 'p',
+        small_body_sb1: 'p',
+        small_body_m2: 'p',
     },
 };
 export const createTypographyCssBaseline = () => {
     return {
-        "*, *:before, *:after": {
+        '*, *:before, *:after': {
             // @font-face: font-feature-settings로 대체 가능하나, 브라우저 지원이 부족함 https://caniuse.com/mdn-css_at-rules_font-face_font-feature-settings
             fontFeatureSettings: `'tnum', 'ss01', 'ss02', 'ss08'`,
         },
-        ":root": {
+        ':root': {
             ...cssVariables,
         },
-        ".light1": {
-            color: "var(--text_normal)",
+        '.light1': {
+            color: 'var(--text_normal)',
         },
-        ".light2": {
-            color: "var(--text_normal)",
+        '.light2': {
+            color: 'var(--text_normal)',
         },
-        ".dark1": {
-            color: "var(--text_normal)",
+        '.dark1': {
+            color: 'var(--text_normal)',
         },
-        ".dark2": {
-            color: "var(--text_normal)",
+        '.dark2': {
+            color: 'var(--text_normal)',
         },
     };
 };

package/dist/foundation/Typography/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/foundation/Typography/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAgCtD,MAAM,UAAU,GAAG;IACjB,YAAY;IACZ,eAAe;IACf,oBAAoB;IACpB,WAAW;IACX,QAAQ;IACR,kBAAkB;IAClB,YAAY;IACZ,uBAAuB;IACvB,gBAAgB;IAChB,iBAAiB;IACjB,qBAAqB;IACrB,kBAAkB;IAClB,mBAAmB;IACnB,YAAY;CACb,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,iBAAiB,GAAsB;IAC3C,UAAU;IACV,GAAG;QACD,GAAG,YAAY;QACf,gCAAgC;QAChC,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,KAAK,EAAE,YAAY,CAAC,gBAAgB;QACpC,KAAK,EAAE,YAAY,CAAC,gBAAgB;QACpC,MAAM,EAAE,YAAY,CAAC,OAAO;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,cAAc,EAAE;QACd,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,iBAAiB,EAAE,GAAG;QACtB,gBAAgB,EAAE,GAAG;QACrB,aAAa,EAAE,GAAG;QAClB,eAAe,EAAE,GAAG;QACpB,gBAAgB,EAAE,GAAG;QACrB,iBAAiB,EAAE,GAAG;QACtB,gBAAgB,EAAE,GAAG;QACrB,OAAO,EAAE,GAAG;QACZ,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,GAAG;QACd,cAAc,EAAE,GAAG;QACnB,aAAa,EAAE,GAAG;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,OAAO;QACL,sBAAsB,EAAE;YACtB,gIAAgI;YAChI,mBAAmB,EAAE,gCAAgC;SACtD;QACD,OAAO,EAAE;YACP,GAAG,YAAY;SAChB;QACD,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;SAC5B;QACD,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAoB;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAoB;SAC5B;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/foundation/Typography/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAgCtD,MAAM,UAAU,GAAG;IACjB,YAAY;IACZ,eAAe;IACf,oBAAoB;IACpB,WAAW;IACX,QAAQ;IACR,kBAAkB;IAClB,YAAY;IACZ,uBAAuB;IACvB,gBAAgB;IAChB,iBAAiB;IACjB,qBAAqB;IACrB,kBAAkB;IAClB,mBAAmB;IACnB,YAAY;CACb,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,iBAAiB,GAA8B;IACnD,UAAU;IACV,GAAG;QACD,GAAG,YAAY;QACf,gCAAgC;QAChC,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,KAAK,EAAE,YAAY,CAAC,gBAAgB;QACpC,KAAK,EAAE,YAAY,CAAC,gBAAgB;QACpC,MAAM,EAAE,YAAY,CAAC,OAAO;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,cAAc,EAAE;QACd,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,iBAAiB,EAAE,GAAG;QACtB,gBAAgB,EAAE,GAAG;QACrB,aAAa,EAAE,GAAG;QAClB,eAAe,EAAE,GAAG;QACpB,gBAAgB,EAAE,GAAG;QACrB,iBAAiB,EAAE,GAAG;QACtB,gBAAgB,EAAE,GAAG;QACrB,OAAO,EAAE,GAAG;QACZ,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,GAAG;QACd,cAAc,EAAE,GAAG;QACnB,aAAa,EAAE,GAAG;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,OAAO;QACL,sBAAsB,EAAE;YACtB,gIAAgI;YAChI,mBAAmB,EAAE,gCAAgC;SACtD;QACD,OAAO,EAAE;YACP,GAAG,YAAY;SAChB;QACD,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;SAC5B;QACD,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAoB;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAoB;SAC5B;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/foundation/Typography/tokens.js

@@ -1,191 +1,191 @@
 const fontWeights = {
-    "--font-weight-bold": 700,
-    "--font-weight-semibold": 600,
-    "--font-weight-medium": 500,
-    "--font-weight-regular": 400,
+    '--font-weight-bold': 700,
+    '--font-weight-semibold': 600,
+    '--font-weight-medium': 500,
+    '--font-weight-regular': 400,
 };
 const headline = {
-    "--headline1-font-weight": "var(--font-weight-semibold)",
-    "--headline1-font-size": "52px",
-    "--headline1-line-height": "68px",
-    "--headline2-font-weight": "var(--font-weight-bold)",
-    "--headline2-font-size": "38px",
-    "--headline2-line-height": "65px",
-    "--headline3-font-weight": "var(--font-weight-semibold)",
-    "--headline3-font-size": "24px",
-    "--headline3-line-height": "29px",
-    "--headline4-font-weight": "var(--font-weight-semibold)",
-    "--headline4-font-size": "20px",
-    "--headline4-line-height": "28px",
-    "--headline5-font-weight": "var(--font-weight-semibold)",
-    "--headline5-font-size": "16px",
-    "--headline5-line-height": "24px",
+    '--headline1-font-weight': 'var(--font-weight-semibold)',
+    '--headline1-font-size': '52px',
+    '--headline1-line-height': '68px',
+    '--headline2-font-weight': 'var(--font-weight-bold)',
+    '--headline2-font-size': '38px',
+    '--headline2-line-height': '65px',
+    '--headline3-font-weight': 'var(--font-weight-semibold)',
+    '--headline3-font-size': '24px',
+    '--headline3-line-height': '29px',
+    '--headline4-font-weight': 'var(--font-weight-semibold)',
+    '--headline4-font-size': '20px',
+    '--headline4-line-height': '28px',
+    '--headline5-font-weight': 'var(--font-weight-semibold)',
+    '--headline5-font-size': '16px',
+    '--headline5-line-height': '24px',
 };
 const body = {
-    "--body1-16-semibold-font-weight": "var(--font-weight-semibold)",
-    "--body1-16-semibold-font-size": "16px",
-    "--body1-16-semibold-line-height": "24px",
-    "--body1-16-regular-font-weight": "var(--font-weight-regular)",
-    "--body1-16-regular-font-size": "16px",
-    "--body1-16-regular-line-height": "24px",
-    "--body2-14-bold-font-weight": "var(--font-weight-bold)",
-    "--body2-14-bold-font-size": "14px",
-    "--body2-14-bold-line-height": "20px",
-    "--body2-14-medium-font-weight": "var(--font-weight-medium)",
-    "--body2-14-medium-font-size": "14px",
-    "--body2-14-medium-line-height": "20px",
-    "--body2-14-regular-font-weight": "var(--font-weight-regular)",
-    "--body2-14-regular-font-size": "14px",
-    "--body2-14-regular-line-height": "20px",
-    "--body3-12-semibold-font-weight": "var(--font-weight-semibold)",
-    "--body3-12-semibold-font-size": "12.4px",
-    "--body3-12-semibold-line-height": "16px",
-    "--body3-12-regular-font-weight": "var(--font-weight-regular)",
-    "--body3-12-regular-font-size": "12.4px",
-    "--body3-12-regular-line-height": "16px",
-    "--body_m2-font-weight": "var(--font-weight-medium)",
-    "--body_m2-font-size": "13px",
-    "--body_m2-line-height": "18px",
-    "--body_reg6-font-weight": "var(--font-weight-regular)",
-    "--body_reg6-font-size": "13px",
-    "--body_reg6-line-height": "18px",
-    "--body_reg8-font-weight": "var(--font-weight-regular)",
-    "--body_reg8-font-size": "12px",
-    "--body_reg8-line-height": "16px",
+    '--body1-16-semibold-font-weight': 'var(--font-weight-semibold)',
+    '--body1-16-semibold-font-size': '16px',
+    '--body1-16-semibold-line-height': '24px',
+    '--body1-16-regular-font-weight': 'var(--font-weight-regular)',
+    '--body1-16-regular-font-size': '16px',
+    '--body1-16-regular-line-height': '24px',
+    '--body2-14-bold-font-weight': 'var(--font-weight-bold)',
+    '--body2-14-bold-font-size': '14px',
+    '--body2-14-bold-line-height': '20px',
+    '--body2-14-medium-font-weight': 'var(--font-weight-medium)',
+    '--body2-14-medium-font-size': '14px',
+    '--body2-14-medium-line-height': '20px',
+    '--body2-14-regular-font-weight': 'var(--font-weight-regular)',
+    '--body2-14-regular-font-size': '14px',
+    '--body2-14-regular-line-height': '20px',
+    '--body3-12-semibold-font-weight': 'var(--font-weight-semibold)',
+    '--body3-12-semibold-font-size': '12.4px',
+    '--body3-12-semibold-line-height': '16px',
+    '--body3-12-regular-font-weight': 'var(--font-weight-regular)',
+    '--body3-12-regular-font-size': '12.4px',
+    '--body3-12-regular-line-height': '16px',
+    '--body_m2-font-weight': 'var(--font-weight-medium)',
+    '--body_m2-font-size': '13px',
+    '--body_m2-line-height': '18px',
+    '--body_reg6-font-weight': 'var(--font-weight-regular)',
+    '--body_reg6-font-size': '13px',
+    '--body_reg6-line-height': '18px',
+    '--body_reg8-font-weight': 'var(--font-weight-regular)',
+    '--body_reg8-font-size': '12px',
+    '--body_reg8-line-height': '16px',
 };
 const smallBody = {
-    "--small_body_sb1-font-weight": "var(--font-weight-semibold)",
-    "--small_body_sb1-font-size": "12px",
-    "--small_body_sb1-line-height": "16px",
-    "--small_body_m2-font-weight": "var(--font-weight-medium)",
-    "--small_body_m2-font-size": "12px",
-    "--small_body_m2-line-height": "20px",
+    '--small_body_sb1-font-weight': 'var(--font-weight-semibold)',
+    '--small_body_sb1-font-size': '12px',
+    '--small_body_sb1-line-height': '16px',
+    '--small_body_m2-font-weight': 'var(--font-weight-medium)',
+    '--small_body_m2-font-size': '12px',
+    '--small_body_m2-line-height': '20px',
 };
 const etc = {
-    "--overline-font-weight": "var(--font-weight-medium)",
-    "--overline-font-size": "14px",
-    "--overline-line-height": "20px",
-    "--button1-font-weight": "var(--font-weight-medium)",
-    "--button1-font-size": "16px",
-    "--button1-line-height": "22px",
-    "--button2-font-weight": "var(--font-weight-medium)",
-    "--button2-font-size": "14px",
-    "--button2-line-height": "20px",
-    "--caption-font-weight": "var(--font-weight-medium)",
-    "--caption-font-size": "12px",
-    "--caption-line-height": "16px",
+    '--overline-font-weight': 'var(--font-weight-medium)',
+    '--overline-font-size': '14px',
+    '--overline-line-height': '20px',
+    '--button1-font-weight': 'var(--font-weight-medium)',
+    '--button1-font-size': '16px',
+    '--button1-line-height': '22px',
+    '--button2-font-weight': 'var(--font-weight-medium)',
+    '--button2-font-size': '14px',
+    '--button2-line-height': '20px',
+    '--caption-font-weight': 'var(--font-weight-medium)',
+    '--caption-font-size': '12px',
+    '--caption-line-height': '16px',
 };
 const fontVariants = {
     headline1: {
-        fontWeight: "var(--headline1-font-weight)",
-        fontSize: "var(--headline1-font-size)",
-        lineHeight: "var(--headline1-line-height)",
+        fontWeight: 'var(--headline1-font-weight)',
+        fontSize: 'var(--headline1-font-size)',
+        lineHeight: 'var(--headline1-line-height)',
     },
     headline2: {
-        fontWeight: "var(--headline2-font-weight)",
-        fontSize: "var(--headline2-font-size)",
-        lineHeight: "var(--headline2-line-height)",
+        fontWeight: 'var(--headline2-font-weight)',
+        fontSize: 'var(--headline2-font-size)',
+        lineHeight: 'var(--headline2-line-height)',
     },
     headline3: {
-        fontWeight: "var(--headline3-font-weight)",
-        fontSize: "var(--headline3-font-size)",
-        lineHeight: "var(--headline3-line-height)",
+        fontWeight: 'var(--headline3-font-weight)',
+        fontSize: 'var(--headline3-font-size)',
+        lineHeight: 'var(--headline3-line-height)',
     },
     headline4: {
-        fontWeight: "var(--headline4-font-weight)",
-        fontSize: "var(--headline4-font-size)",
-        lineHeight: "var(--headline4-line-height)",
+        fontWeight: 'var(--headline4-font-weight)',
+        fontSize: 'var(--headline4-font-size)',
+        lineHeight: 'var(--headline4-line-height)',
     },
     headline5: {
-        fontWeight: "var(--headline5-font-weight)",
-        fontSize: "var(--headline5-font-size)",
-        lineHeight: "var(--headline5-line-height)",
+        fontWeight: 'var(--headline5-font-weight)',
+        fontSize: 'var(--headline5-font-size)',
+        lineHeight: 'var(--headline5-line-height)',
     },
     body1_16_semibold: {
-        fontWeight: "var(--body1-16-semibold-font-weight)",
-        fontSize: "var(--body1-16-semibold-font-size)",
-        lineHeight: "var(--body1-16-semibold-line-height)",
+        fontWeight: 'var(--body1-16-semibold-font-weight)',
+        fontSize: 'var(--body1-16-semibold-font-size)',
+        lineHeight: 'var(--body1-16-semibold-line-height)',
     },
     body1_16_regular: {
-        fontWeight: "var(--body1-16-regular-font-weight)",
-        fontSize: "var(--body1-16-regular-font-size)",
-        lineHeight: "var(--body1-16-regular-line-height)",
+        fontWeight: 'var(--body1-16-regular-font-weight)',
+        fontSize: 'var(--body1-16-regular-font-size)',
+        lineHeight: 'var(--body1-16-regular-line-height)',
     },
     body2_14_bold: {
-        fontWeight: "var(--body2-14-bold-font-weight)",
-        fontSize: "var(--body2-14-bold-font-size)",
-        lineHeight: "var(--body2-14-bold-line-height)",
+        fontWeight: 'var(--body2-14-bold-font-weight)',
+        fontSize: 'var(--body2-14-bold-font-size)',
+        lineHeight: 'var(--body2-14-bold-line-height)',
     },
     body2_14_medium: {
-        fontWeight: "var(--body2-14-medium-font-weight)",
-        fontSize: "var(--body2-14-medium-font-size)",
-        lineHeight: "var(--body2-14-medium-line-height)",
+        fontWeight: 'var(--body2-14-medium-font-weight)',
+        fontSize: 'var(--body2-14-medium-font-size)',
+        lineHeight: 'var(--body2-14-medium-line-height)',
     },
     body2_14_regular: {
-        fontWeight: "var(--body2-14-regular-font-weight)",
-        fontSize: "var(--body2-14-regular-font-size)",
-        lineHeight: "var(--body2-14-regular-line-height)",
+        fontWeight: 'var(--body2-14-regular-font-weight)',
+        fontSize: 'var(--body2-14-regular-font-size)',
+        lineHeight: 'var(--body2-14-regular-line-height)',
     },
     body3_12_semibold: {
-        fontWeight: "var(--body3-12-semibold-font-weight)",
-        fontSize: "var(--body3-12-semibold-font-size)",
-        lineHeight: "var(--body3-12-semibold-line-height)",
+        fontWeight: 'var(--body3-12-semibold-font-weight)',
+        fontSize: 'var(--body3-12-semibold-font-size)',
+        lineHeight: 'var(--body3-12-semibold-line-height)',
     },
     body3_12_regular: {
-        fontWeight: "var(--body3-12-regular-font-weight)",
-        fontSize: "var(--body3-12-regular-font-size)",
-        lineHeight: "var(--body3-12-regular-line-height)",
+        fontWeight: 'var(--body3-12-regular-font-weight)',
+        fontSize: 'var(--body3-12-regular-font-size)',
+        lineHeight: 'var(--body3-12-regular-line-height)',
     },
     body_m2: {
-        fontWeight: "var(--body_m2-font-weight)",
-        fontSize: "var(--body_m2-font-size)",
-        lineHeight: "var(--body_m2-line-height)",
-        letterSpacing: "0.2px",
+        fontWeight: 'var(--body_m2-font-weight)',
+        fontSize: 'var(--body_m2-font-size)',
+        lineHeight: 'var(--body_m2-line-height)',
+        letterSpacing: '0.2px',
     },
     body_reg6: {
-        fontWeight: "var(--body_reg6-font-weight)",
-        fontSize: "var(--body_reg6-font-size)",
-        lineHeight: "var(--body_reg6-line-height)",
+        fontWeight: 'var(--body_reg6-font-weight)',
+        fontSize: 'var(--body_reg6-font-size)',
+        lineHeight: 'var(--body_reg6-line-height)',
     },
     body_reg8: {
-        fontWeight: "var(--body_reg8-font-weight)",
-        fontSize: "var(--body_reg8-font-size)",
-        lineHeight: "var(--body_reg8-line-height)",
+        fontWeight: 'var(--body_reg8-font-weight)',
+        fontSize: 'var(--body_reg8-font-size)',
+        lineHeight: 'var(--body_reg8-line-height)',
     },
     small_body_sb1: {
-        fontWeight: "var(--small_body_sb1-font-weight)",
-        fontSize: "var(--small_body_sb1-font-size)",
-        lineHeight: "var(--small_body_sb1-line-height)",
+        fontWeight: 'var(--small_body_sb1-font-weight)',
+        fontSize: 'var(--small_body_sb1-font-size)',
+        lineHeight: 'var(--small_body_sb1-line-height)',
     },
     small_body_m2: {
-        fontWeight: "var(--small_body_m2-font-weight)",
-        fontSize: "var(--small_body_m2-font-size)",
-        lineHeight: "var(--small_body_m2-line-height)",
+        fontWeight: 'var(--small_body_m2-font-weight)',
+        fontSize: 'var(--small_body_m2-font-size)',
+        lineHeight: 'var(--small_body_m2-line-height)',
     },
     overline: {
-        fontWeight: "var(--overline-font-weight)",
-        fontSize: "var(--overline-font-size)",
-        lineHeight: "var(--overline-line-height)",
-        letterSpacing: "1px",
-        textTransform: "uppercase",
+        fontWeight: 'var(--overline-font-weight)',
+        fontSize: 'var(--overline-font-size)',
+        lineHeight: 'var(--overline-line-height)',
+        letterSpacing: '1px',
+        textTransform: 'uppercase',
     },
     button1: {
-        fontWeight: "var(--button1-font-weight)",
-        fontSize: "var(--button1-font-size)",
-        lineHeight: "var(--button1-line-height)",
-        textTransform: "capitalize",
+        fontWeight: 'var(--button1-font-weight)',
+        fontSize: 'var(--button1-font-size)',
+        lineHeight: 'var(--button1-line-height)',
+        textTransform: 'capitalize',
     },
     button2: {
-        fontWeight: "var(--button2-font-weight)",
-        fontSize: "var(--button2-font-size)",
-        lineHeight: "var(--button2-line-height)",
-        letterSpacing: "0.2px",
-        textTransform: "capitalize",
+        fontWeight: 'var(--button2-font-weight)',
+        fontSize: 'var(--button2-font-size)',
+        lineHeight: 'var(--button2-line-height)',
+        letterSpacing: '0.2px',
+        textTransform: 'capitalize',
     },
     caption: {
-        fontWeight: "var(--caption-font-weight)",
-        fontSize: "var(--caption-font-size)",
-        lineHeight: "var(--caption-line-height)",
+        fontWeight: 'var(--caption-font-weight)',
+        fontSize: 'var(--caption-font-size)',
+        lineHeight: 'var(--caption-line-height)',
     },
 };
 export const cssVariables = {

package/dist/foundation/Typography/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/foundation/Typography/tokens.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/foundation/Typography/tokens.ts"],"names":[],"mappings":"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"}

package/dist/foundation/colors/base/blue.js

@@ -1,16 +1,16 @@
-import { grey } from "./grey";
+import { grey } from './grey';
 export const blue = {
-    5: "#EDF6FE",
-    10: "#D9E9FD",
-    15: "#BFD9FC",
-    20: "#A5C8FC",
-    30: "#71A9FA",
-    40: "#3D88FA",
-    50: "#0D68F2",
-    60: "#0E51BA",
-    70: "#0C3F8F",
-    80: "#032765",
-    90: "#03183F",
+    5: '#EDF6FE',
+    10: '#D9E9FD',
+    15: '#BFD9FC',
+    20: '#A5C8FC',
+    30: '#71A9FA',
+    40: '#3D88FA',
+    50: '#0D68F2',
+    60: '#0E51BA',
+    70: '#0C3F8F',
+    80: '#032765',
+    90: '#03183F',
 };
 export const blueText = {
     5: grey[95],

package/dist/foundation/colors/base/green.js

@@ -1,16 +1,16 @@
-import { grey } from "./grey";
+import { grey } from './grey';
 export const green = {
-    5: "#E6FDEB",
-    10: "#C4F5D1",
-    15: "#A0E5B3",
-    20: "#6FDC8C",
-    30: "#44BE67",
-    40: "#1A9F3F",
-    50: "#138231",
-    60: "#0D6222",
-    70: "#0B4F1A",
-    80: "#01380F",
-    90: "#082209",
+    5: '#E6FDEB',
+    10: '#C4F5D1',
+    15: '#A0E5B3',
+    20: '#6FDC8C',
+    30: '#44BE67',
+    40: '#1A9F3F',
+    50: '#138231',
+    60: '#0D6222',
+    70: '#0B4F1A',
+    80: '#01380F',
+    90: '#082209',
 };
 export const greenText = {
     5: grey[95],

package/dist/foundation/colors/base/grey.js

@@ -1,28 +1,28 @@
 export const grey = {
-    0: "#FFFFFF",
-    5: "#F5F5F6",
-    10: "#EAEAEC",
-    15: "#DFDFE1",
-    20: "#D5D5D7",
-    25: "#C8C8CA",
-    30: "#BCBCBE",
-    35: "#B1B1B4",
-    40: "#A4A4A8",
-    45: "#9A9A9D",
-    50: "#8D8D90",
-    55: "#808084",
-    60: "#747479",
-    65: "#68686C",
-    70: "#59595D",
-    75: "#4A4A4E",
-    80: "#3B3B3F",
-    82: "#343438",
-    85: "#2E2E32",
-    88: "#27272B",
-    90: "#1F1F23",
-    93: "#16161A",
-    95: "#0F0F12",
-    100: "#000000",
+    0: '#FFFFFF',
+    5: '#F5F5F6',
+    10: '#EAEAEC',
+    15: '#DFDFE1',
+    20: '#D5D5D7',
+    25: '#C8C8CA',
+    30: '#BCBCBE',
+    35: '#B1B1B4',
+    40: '#A4A4A8',
+    45: '#9A9A9D',
+    50: '#8D8D90',
+    55: '#808084',
+    60: '#747479',
+    65: '#68686C',
+    70: '#59595D',
+    75: '#4A4A4E',
+    80: '#3B3B3F',
+    82: '#343438',
+    85: '#2E2E32',
+    88: '#27272B',
+    90: '#1F1F23',
+    93: '#16161A',
+    95: '#0F0F12',
+    100: '#000000',
 };
 export const greyText = {
     0: grey[95],
@@ -61,9 +61,9 @@ export const greyForMUI = {
     700: grey[70],
     800: grey[80],
     900: grey[90],
-    A100: "#F3F3F3",
-    A200: "#C7C7C7",
-    A400: "#9A9A9A",
-    A700: "#4F4F4F",
+    A100: '#F3F3F3',
+    A200: '#C7C7C7',
+    A400: '#9A9A9A',
+    A700: '#4F4F4F',
 };
 //# sourceMappingURL=grey.js.map

package/dist/foundation/colors/base/index.js

@@ -1,12 +1,12 @@
-export * from "./blue";
-export * from "./green";
-export * from "./grey";
-export * from "./lunitGreen";
-export * from "./lunitTeal";
-export * from "./magenta";
-export * from "./orange";
-export * from "./red";
-export * from "./yellow";
-export * from "./purple";
-export * from "./opacity";
+export * from './blue';
+export * from './green';
+export * from './grey';
+export * from './lunitGreen';
+export * from './lunitTeal';
+export * from './magenta';
+export * from './orange';
+export * from './red';
+export * from './yellow';
+export * from './purple';
+export * from './opacity';
 //# sourceMappingURL=index.js.map