@apple-pie/slice 0.0.5 → 0.0.7

package/dist/cjs/theme/type.js

@@ -1,397 +1,238 @@
-'use strict';
+"use strict";
 
-// base family
-const fontFamily = `"Funnel Sans"`;
-// base weights
-const fontWeights = {
-    regular: 360,
-    medium: 420,
-    bold: 480,
-};
-// base sizes
-const fontSizes = {
-    xs: 12,
-    s: 14,
-    m: 15,
-    l: 16,
-    xl: 17,
-};
-// ** new styles aligned to lyra */
-const type = {
-    'body-xs-regular': `
-      font-family: ${fontFamily};
-      font-weight: ${fontWeights.regular};
-      font-size: ${fontSizes.xs}px;
-      line-height: 133.33%;
-      text-decoration: none;
-      letter-spacing: 0.2px`,
-    'body-xs-medium': `
-      font-family: ${fontFamily};
-      font-weight: ${fontWeights.medium};
-      font-size: ${fontSizes.xs}px;
-      line-height: 133.33%;
-      text-decoration: none;
-      letter-spacing: 0.2px`,
-    'body-xs-bold': `
-      font-family: ${fontFamily};
-      font-weight: ${fontWeights.bold};
-      font-size: ${fontSizes.xs}px;
-      line-height: 133.33%;
-      text-decoration: none;
-      letter-spacing: 0.250px`,
-    'body-s-regular': `
-      font-family: ${fontFamily};
-      font-weight: ${fontWeights.regular};
-      font-size: ${fontSizes.s}px;
-      line-height: 142.86%;
-      text-decoration: none;
-      letter-spacing: 0.15px`,
-    'body-s-medium': `
-      font-family: ${fontFamily};
-      font-weight: ${fontWeights.medium};
-      font-size: ${fontSizes.s}px;
-      line-height: 142.86%;
-      text-decoration: none;
-      letter-spacing: 0.15px`,
-    'body-s-bold': `
-      font-family: ${fontFamily};
-      font-weight: ${fontWeights.bold};
-      font-size: ${fontSizes.s}px;
-      line-height: 142.86%;
-      text-decoration: none;
-      letter-spacing: 0.2px`,
-    'body-m-regular': `
-      font-family: ${fontFamily};
-      font-weight: ${fontWeights.regular};
-      font-size: ${fontSizes.m}px;
-      line-height: 140%;
-      text-decoration: none;
-      letter-spacing: 0.15px`,
-    'body-m-medium': `
-      font-family: ${fontFamily};
-      font-weight: ${fontWeights.medium};
-      font-size: ${fontSizes.m}px;
-      line-height: 140%;
-      text-decoration: none;
-      letter-spacing: 0.15px`,
-    'body-m-bold': `
-      font-family: ${fontFamily};
-      font-weight: ${fontWeights.bold};
-      font-size: ${fontSizes.m}px;
-      line-height: 140%;
-      text-decoration: none;
-      letter-spacing: 0.2px`,
-    'body-l-regular': `
-      font-family: ${fontFamily};
-      font-weight: ${fontWeights.regular};
-      font-size: ${fontSizes.l}px;
-      line-height: 162.5%;
-      text-decoration: none;
-      letter-spacing: 0.1px`,
-    'body-l-medium': `
-      font-family: ${fontFamily};
-      font-weight: ${fontWeights.medium};
-      font-size: ${fontSizes.l}px;
-      line-height: 162.5%;
-      text-decoration: none;
-      letter-spacing: 0.1px`,
-    'body-l-bold': `
-      font-family: ${fontFamily};
-      font-weight: ${fontWeights.bold};
-      font-size: ${fontSizes.l}px;
-      line-height: 162.5%;
-      text-decoration: none;
-      letter-spacing: 0.15px`,
-    'body-xl-regular': `
-      font-family: ${fontFamily};
-      font-weight: ${fontWeights.regular};
-      font-size: ${fontSizes.xl}px;
-      line-height: 162.5%;
-      text-decoration: none;
-      letter-spacing: 0.1px`,
-    'body-xl-medium': `
-      font-family: ${fontFamily};
-      font-weight: ${fontWeights.medium};
-      font-size: ${fontSizes.xl}px;
-      line-height: 162.5%;
-      text-decoration: none;
-      letter-spacing: 0.1px`,
-    'body-xl-bold': `
-      font-family: ${fontFamily};
-      font-weight: ${fontWeights.bold};
-      font-size: ${fontSizes.xl}px;
-      line-height: 162.5%;
-      text-decoration: none;
-      letter-spacing: 0.15px`,
-    'heading-s-medium': `
-      font-family: ${fontFamily};
-      font-weight: 500;
-      font-size: 20px; 
-      line-height: 140%;
-      text-decoration: none;
-      letter-spacing: 0.2px`,
-    'heading-s-bold': `
-      font-family: ${fontFamily};
-      font-weight: 600;
-      font-size: 20px; 
-      line-height: 140%;
-      text-decoration: none;
-      letter-spacing: 0.2px`,
-    'heading-m-medium': `
-      font-family: ${fontFamily};
-      font-weight: 500;
-      font-size: 24px; 
-      line-height: 116.67%;
-      text-decoration: none;
-      letter-spacing: 0.2px`,
-    'heading-m-bold': `
-      font-family: ${fontFamily};
-      font-weight: 600;
-      font-size: 24px; 
-      line-height: 116.67%;
-      text-decoration: none;
-      letter-spacing: 0.2px`,
-    'heading-l-medium': `
-      font-family: ${fontFamily};
-      font-weight: 500;
-      font-size: 28px; 
-      line-height: 128.57%;
-      text-decoration: none;
-      letter-spacing: 0.2px`,
-    'heading-l-bold': `
-      font-family: ${fontFamily};
-      font-weight: 600;
-      font-size: 28px; 
-      line-height: 128.57%;
-      text-decoration: none;
-      letter-spacing: 0.2px`,
-    'heading-xl-medium': `
-      font-family: ${fontFamily};
-      font-weight: 500;
-      font-size: 36px; 
-      line-height: 128.57%;
-      text-decoration: none;
-      letter-spacing: 0.2px`,
-    'heading-xl-bold': `
-      font-family: ${fontFamily};
-      font-weight: 600;
-      font-size: 36px; 
-      line-height: 128.57%;
-      text-decoration: none;
-      letter-spacing: 0.2px`,
-};
-const typeCssClasses = {
-    'body-xs-regular': 'body-xs-regular',
-    'body-xs-medium': 'body-xs-medium',
-    'body-xs-bold': 'body-xs-bold',
-    'body-s-regular': 'body-s-regular',
-    'body-s-medium': 'body-s-medium',
-    'body-s-bold': 'body-s-bold',
-    'body-m-regular': 'body-m-regular',
-    'body-m-medium': 'body-m-medium',
-    'body-m-bold': 'body-m-bold',
-    'body-l-regular': 'body-l-regular',
-    'body-l-medium': 'body-l-medium',
-    'body-l-bold': 'body-l-bold',
-    'body-xl-regular': 'body-xl-regular',
-    'body-xl-medium': 'body-xl-medium',
-    'body-xl-bold': 'body-xl-bold',
-    'heading-s-bold': 'heading-s-bold',
-    'heading-s-medium': 'heading-s-medium',
-    'heading-m-medium': 'heading-m-medium',
-    'heading-m-bold': 'heading-m-bold',
-    'heading-l-medium': 'heading-l-medium',
-    'heading-l-bold': 'heading-l-bold',
-    'heading-xl-medium': 'heading-xl-medium',
-    'heading-xl-bold': 'heading-xl-bold',
-};
-const typeStyles = {
-    'body-xs-regular': {
-        fontFamily: `${fontFamily}`,
-        fontWeight: `${fontWeights.regular}`,
-        fontSize: `${fontSizes.xs}px`,
-        lineHeight: '133.33%',
-        textDecoration: 'none',
-        letterSpacing: '0.2px',
-    },
-    'body-xs-medium': {
-        fontFamily: `${fontFamily}`,
-        fontWeight: `${fontWeights.medium}`,
-        fontSize: `${fontSizes.xs}px`,
-        lineHeight: '133.33%',
-        textDecoration: 'none',
-        letterSpacing: '0.2px',
-    },
-    'body-xs-bold': {
-        fontFamily: `${fontFamily}`,
-        fontWeight: `${fontWeights.bold}`,
-        fontSize: `${fontSizes.xs}px`,
-        lineHeight: '133.33%',
-        textDecoration: 'none',
-        letterSpacing: '0.250px',
-    },
-    'body-s-regular': {
-        fontFamily: `${fontFamily}`,
-        fontWeight: `${fontWeights.regular}`,
-        fontSize: `${fontSizes.s}px`,
-        lineHeight: '142.86%',
-        textDecoration: 'none',
-        letterSpacing: '0.15px',
-    },
-    'body-s-medium': {
-        fontFamily: `${fontFamily}`,
-        fontWeight: `${fontWeights.medium}`,
-        fontSize: `${fontSizes.s}px`,
-        lineHeight: '142.86%',
-        textDecoration: 'none',
-        letterSpacing: '0.15px',
-    },
-    'body-s-bold': {
-        fontFamily: `${fontFamily}`,
-        fontWeight: `${fontWeights.bold}`,
-        fontSize: `${fontSizes.s}px`,
-        lineHeight: '142.86%',
-        textDecoration: 'none',
-        letterSpacing: '0.2px',
-    },
-    'body-m-regular': {
-        fontFamily: `${fontFamily}`,
-        fontWeight: `${fontWeights.regular}`,
-        fontSize: `${fontSizes.m}px`,
-        lineHeight: '140%',
-        textDecoration: 'none',
-        letterSpacing: '0.15px',
-    },
-    'body-m-medium': {
-        fontFamily: `${fontFamily}`,
-        fontWeight: `${fontWeights.medium}`,
-        fontSize: `${fontSizes.m}px`,
-        lineHeight: '140%',
-        textDecoration: 'none',
-        letterSpacing: '0.15px',
-    },
-    'body-m-bold': {
+const fontFamily = '"Funnel Sans"', fontWeights_regular = 360, fontWeights_medium = 420, fontWeights_bold = 480, fontSizes_xs = 12, fontSizes_s = 14, fontSizes_m = 15, fontSizes_l = 16, fontSizes_xl = 17, type = {
+    "body-xs-regular": `\n      font-family: ${fontFamily};\n      font-weight: ${fontWeights_regular};\n      font-size: ${fontSizes_xs}px;\n      line-height: 133.33%;\n      text-decoration: none;\n      letter-spacing: 0.2px`,
+    "body-xs-medium": `\n      font-family: ${fontFamily};\n      font-weight: ${fontWeights_medium};\n      font-size: ${fontSizes_xs}px;\n      line-height: 133.33%;\n      text-decoration: none;\n      letter-spacing: 0.2px`,
+    "body-xs-bold": `\n      font-family: ${fontFamily};\n      font-weight: ${fontWeights_bold};\n      font-size: ${fontSizes_xs}px;\n      line-height: 133.33%;\n      text-decoration: none;\n      letter-spacing: 0.250px`,
+    "body-s-regular": `\n      font-family: ${fontFamily};\n      font-weight: ${fontWeights_regular};\n      font-size: ${fontSizes_s}px;\n      line-height: 142.86%;\n      text-decoration: none;\n      letter-spacing: 0.15px`,
+    "body-s-medium": `\n      font-family: ${fontFamily};\n      font-weight: ${fontWeights_medium};\n      font-size: ${fontSizes_s}px;\n      line-height: 142.86%;\n      text-decoration: none;\n      letter-spacing: 0.15px`,
+    "body-s-bold": `\n      font-family: ${fontFamily};\n      font-weight: ${fontWeights_bold};\n      font-size: ${fontSizes_s}px;\n      line-height: 142.86%;\n      text-decoration: none;\n      letter-spacing: 0.2px`,
+    "body-m-regular": `\n      font-family: ${fontFamily};\n      font-weight: ${fontWeights_regular};\n      font-size: ${fontSizes_m}px;\n      line-height: 140%;\n      text-decoration: none;\n      letter-spacing: 0.15px`,
+    "body-m-medium": `\n      font-family: ${fontFamily};\n      font-weight: ${fontWeights_medium};\n      font-size: ${fontSizes_m}px;\n      line-height: 140%;\n      text-decoration: none;\n      letter-spacing: 0.15px`,
+    "body-m-bold": `\n      font-family: ${fontFamily};\n      font-weight: ${fontWeights_bold};\n      font-size: ${fontSizes_m}px;\n      line-height: 140%;\n      text-decoration: none;\n      letter-spacing: 0.2px`,
+    "body-l-regular": `\n      font-family: ${fontFamily};\n      font-weight: ${fontWeights_regular};\n      font-size: ${fontSizes_l}px;\n      line-height: 162.5%;\n      text-decoration: none;\n      letter-spacing: 0.1px`,
+    "body-l-medium": `\n      font-family: ${fontFamily};\n      font-weight: ${fontWeights_medium};\n      font-size: ${fontSizes_l}px;\n      line-height: 162.5%;\n      text-decoration: none;\n      letter-spacing: 0.1px`,
+    "body-l-bold": `\n      font-family: ${fontFamily};\n      font-weight: ${fontWeights_bold};\n      font-size: ${fontSizes_l}px;\n      line-height: 162.5%;\n      text-decoration: none;\n      letter-spacing: 0.15px`,
+    "body-xl-regular": `\n      font-family: ${fontFamily};\n      font-weight: ${fontWeights_regular};\n      font-size: ${fontSizes_xl}px;\n      line-height: 162.5%;\n      text-decoration: none;\n      letter-spacing: 0.1px`,
+    "body-xl-medium": `\n      font-family: ${fontFamily};\n      font-weight: ${fontWeights_medium};\n      font-size: ${fontSizes_xl}px;\n      line-height: 162.5%;\n      text-decoration: none;\n      letter-spacing: 0.1px`,
+    "body-xl-bold": `\n      font-family: ${fontFamily};\n      font-weight: ${fontWeights_bold};\n      font-size: ${fontSizes_xl}px;\n      line-height: 162.5%;\n      text-decoration: none;\n      letter-spacing: 0.15px`,
+    "heading-s-medium": `\n      font-family: ${fontFamily};\n      font-weight: 500;\n      font-size: 20px; \n      line-height: 140%;\n      text-decoration: none;\n      letter-spacing: 0.2px`,
+    "heading-s-bold": `\n      font-family: ${fontFamily};\n      font-weight: 600;\n      font-size: 20px; \n      line-height: 140%;\n      text-decoration: none;\n      letter-spacing: 0.2px`,
+    "heading-m-medium": `\n      font-family: ${fontFamily};\n      font-weight: 500;\n      font-size: 24px; \n      line-height: 116.67%;\n      text-decoration: none;\n      letter-spacing: 0.2px`,
+    "heading-m-bold": `\n      font-family: ${fontFamily};\n      font-weight: 600;\n      font-size: 24px; \n      line-height: 116.67%;\n      text-decoration: none;\n      letter-spacing: 0.2px`,
+    "heading-l-medium": `\n      font-family: ${fontFamily};\n      font-weight: 500;\n      font-size: 28px; \n      line-height: 128.57%;\n      text-decoration: none;\n      letter-spacing: 0.2px`,
+    "heading-l-bold": `\n      font-family: ${fontFamily};\n      font-weight: 600;\n      font-size: 28px; \n      line-height: 128.57%;\n      text-decoration: none;\n      letter-spacing: 0.2px`,
+    "heading-xl-medium": `\n      font-family: ${fontFamily};\n      font-weight: 500;\n      font-size: 36px; \n      line-height: 128.57%;\n      text-decoration: none;\n      letter-spacing: 0.2px`,
+    "heading-xl-bold": `\n      font-family: ${fontFamily};\n      font-weight: 600;\n      font-size: 36px; \n      line-height: 128.57%;\n      text-decoration: none;\n      letter-spacing: 0.2px`
+}, typeStyles = {
+    "body-xs-regular": {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights_regular}`,
+        fontSize: `${fontSizes_xs}px`,
+        lineHeight: "133.33%",
+        textDecoration: "none",
+        letterSpacing: "0.2px"
+    },
+    "body-xs-medium": {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights_medium}`,
+        fontSize: `${fontSizes_xs}px`,
+        lineHeight: "133.33%",
+        textDecoration: "none",
+        letterSpacing: "0.2px"
+    },
+    "body-xs-bold": {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights_bold}`,
+        fontSize: `${fontSizes_xs}px`,
+        lineHeight: "133.33%",
+        textDecoration: "none",
+        letterSpacing: "0.250px"
+    },
+    "body-s-regular": {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights_regular}`,
+        fontSize: `${fontSizes_s}px`,
+        lineHeight: "142.86%",
+        textDecoration: "none",
+        letterSpacing: "0.15px"
+    },
+    "body-s-medium": {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights_medium}`,
+        fontSize: `${fontSizes_s}px`,
+        lineHeight: "142.86%",
+        textDecoration: "none",
+        letterSpacing: "0.15px"
+    },
+    "body-s-bold": {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights_bold}`,
+        fontSize: `${fontSizes_s}px`,
+        lineHeight: "142.86%",
+        textDecoration: "none",
+        letterSpacing: "0.2px"
+    },
+    "body-m-regular": {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights_regular}`,
+        fontSize: `${fontSizes_m}px`,
+        lineHeight: "140%",
+        textDecoration: "none",
+        letterSpacing: "0.15px"
+    },
+    "body-m-medium": {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights_medium}`,
+        fontSize: `${fontSizes_m}px`,
+        lineHeight: "140%",
+        textDecoration: "none",
+        letterSpacing: "0.15px"
+    },
+    "body-m-bold": {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights_bold}`,
+        fontSize: `${fontSizes_m}px`,
+        lineHeight: "140%",
+        textDecoration: "none",
+        letterSpacing: "0.2px"
+    },
+    "body-l-regular": {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights_regular}`,
+        fontSize: `${fontSizes_l}px`,
+        lineHeight: "162.5%",
+        textDecoration: "none",
+        letterSpacing: "0.1px"
+    },
+    "body-l-medium": {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights_medium}`,
+        fontSize: `${fontSizes_l}px`,
+        lineHeight: "162.5%",
+        textDecoration: "none",
+        letterSpacing: "0.1px"
+    },
+    "body-l-bold": {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights_bold}`,
+        fontSize: `${fontSizes_l}px`,
+        lineHeight: "162.5%",
+        textDecoration: "none",
+        letterSpacing: "0.15px"
+    },
+    "body-xl-regular": {
+        fontFamily: `${fontFamily}`,
+        fontWeight: `${fontWeights_regular}`,
+        fontSize: `${fontSizes_xl}px`,
+        lineHeight: "162.5%",
+        textDecoration: "none",
+        letterSpacing: "0.1px"
+    },
+    "body-xl-medium": {
         fontFamily: `${fontFamily}`,
-        fontWeight: `${fontWeights.bold}`,
-        fontSize: `${fontSizes.m}px`,
-        lineHeight: '140%',
-        textDecoration: 'none',
-        letterSpacing: '0.2px',
-    },
-    'body-l-regular': {
-        fontFamily: `${fontFamily}`,
-        fontWeight: `${fontWeights.regular}`,
-        fontSize: `${fontSizes.l}px`,
-        lineHeight: '162.5%',
-        textDecoration: 'none',
-        letterSpacing: '0.1px',
-    },
-    'body-l-medium': {
-        fontFamily: `${fontFamily}`,
-        fontWeight: `${fontWeights.medium}`,
-        fontSize: `${fontSizes.l}px`,
-        lineHeight: '162.5%',
-        textDecoration: 'none',
-        letterSpacing: '0.1px',
-    },
-    'body-l-bold': {
-        fontFamily: `${fontFamily}`,
-        fontWeight: `${fontWeights.bold}`,
-        fontSize: `${fontSizes.l}px`,
-        lineHeight: '162.5%',
-        textDecoration: 'none',
-        letterSpacing: '0.15px',
-    },
-    'body-xl-regular': {
-        fontFamily: `${fontFamily}`,
-        fontWeight: `${fontWeights.regular}`,
-        fontSize: `${fontSizes.xl}px`,
-        lineHeight: '162.5%',
-        textDecoration: 'none',
-        letterSpacing: '0.1px',
-    },
-    'body-xl-medium': {
-        fontFamily: `${fontFamily}`,
-        fontWeight: `${fontWeights.medium}`,
-        fontSize: `${fontSizes.xl}px`,
-        lineHeight: '162.5%',
-        textDecoration: 'none',
-        letterSpacing: '0.1px',
-    },
-    'body-xl-bold': {
+        fontWeight: `${fontWeights_medium}`,
+        fontSize: `${fontSizes_xl}px`,
+        lineHeight: "162.5%",
+        textDecoration: "none",
+        letterSpacing: "0.1px"
+    },
+    "body-xl-bold": {
         fontFamily: `${fontFamily}`,
-        fontWeight: `${fontWeights.bold}`,
-        fontSize: `${fontSizes.xl}px`,
-        lineHeight: '162.5%',
-        textDecoration: 'none',
-        letterSpacing: '0.15px',
-    },
-    'heading-s-medium': {
+        fontWeight: `${fontWeights_bold}`,
+        fontSize: `${fontSizes_xl}px`,
+        lineHeight: "162.5%",
+        textDecoration: "none",
+        letterSpacing: "0.15px"
+    },
+    "heading-s-medium": {
         fontFamily: `${fontFamily}`,
-        fontWeight: '500',
-        fontSize: '20px',
-        lineHeight: '140%',
-        textDecoration: 'none',
-        letterSpacing: '0.2px',
-    },
-    'heading-s-bold': {
+        fontWeight: "500",
+        fontSize: "20px",
+        lineHeight: "140%",
+        textDecoration: "none",
+        letterSpacing: "0.2px"
+    },
+    "heading-s-bold": {
         fontFamily: `${fontFamily}`,
-        fontWeight: '600',
-        fontSize: '20px',
-        lineHeight: '140%',
-        textDecoration: 'none',
-        letterSpacing: '0.2px',
-    },
-    'heading-m-medium': {
+        fontWeight: "600",
+        fontSize: "20px",
+        lineHeight: "140%",
+        textDecoration: "none",
+        letterSpacing: "0.2px"
+    },
+    "heading-m-medium": {
         fontFamily: `${fontFamily}`,
-        fontWeight: '500',
-        fontSize: '24px',
-        lineHeight: '116.67%',
-        textDecoration: 'none',
-        letterSpacing: '0.2px',
-    },
-    'heading-m-bold': {
+        fontWeight: "500",
+        fontSize: "24px",
+        lineHeight: "116.67%",
+        textDecoration: "none",
+        letterSpacing: "0.2px"
+    },
+    "heading-m-bold": {
         fontFamily: `${fontFamily}`,
-        fontWeight: '600',
-        fontSize: '24px',
-        lineHeight: '116.67%',
-        textDecoration: 'none',
-        letterSpacing: '0.2px',
-    },
-    'heading-l-medium': {
+        fontWeight: "600",
+        fontSize: "24px",
+        lineHeight: "116.67%",
+        textDecoration: "none",
+        letterSpacing: "0.2px"
+    },
+    "heading-l-medium": {
         fontFamily: `${fontFamily}`,
-        fontWeight: '500',
-        fontSize: '30px',
-        lineHeight: '128.57%',
-        textDecoration: 'none',
-        letterSpacing: '0.2px',
-    },
-    'heading-l-bold': {
+        fontWeight: "500",
+        fontSize: "30px",
+        lineHeight: "128.57%",
+        textDecoration: "none",
+        letterSpacing: "0.2px"
+    },
+    "heading-l-bold": {
         fontFamily: `${fontFamily}`,
-        fontWeight: '600',
-        fontSize: '30px',
-        lineHeight: '128.57%',
-        textDecoration: 'none',
-        letterSpacing: '0.2px',
-    },
-    'heading-xl-medium': {
+        fontWeight: "600",
+        fontSize: "30px",
+        lineHeight: "128.57%",
+        textDecoration: "none",
+        letterSpacing: "0.2px"
+    },
+    "heading-xl-medium": {
         fontFamily: `${fontFamily}`,
-        fontWeight: '500',
-        fontSize: '36px',
-        lineHeight: '128.57%',
-        textDecoration: 'none',
-        letterSpacing: '0.2px',
-    },
-    'heading-xl-bold': {
+        fontWeight: "500",
+        fontSize: "36px",
+        lineHeight: "128.57%",
+        textDecoration: "none",
+        letterSpacing: "0.2px"
+    },
+    "heading-xl-bold": {
         fontFamily: `${fontFamily}`,
-        fontWeight: '600',
-        fontSize: '36px',
-        lineHeight: '128.57%',
-        textDecoration: 'none',
-        letterSpacing: '0.2px',
-    },
+        fontWeight: "600",
+        fontSize: "36px",
+        lineHeight: "128.57%",
+        textDecoration: "none",
+        letterSpacing: "0.2px"
+    }
 };
 
-exports.type = type;
-exports.typeCssClasses = typeCssClasses;
-exports.typeStyles = typeStyles;
+exports.type = type, exports.typeCssClasses = {
+    "body-xs-regular": "body-xs-regular",
+    "body-xs-medium": "body-xs-medium",
+    "body-xs-bold": "body-xs-bold",
+    "body-s-regular": "body-s-regular",
+    "body-s-medium": "body-s-medium",
+    "body-s-bold": "body-s-bold",
+    "body-m-regular": "body-m-regular",
+    "body-m-medium": "body-m-medium",
+    "body-m-bold": "body-m-bold",
+    "body-l-regular": "body-l-regular",
+    "body-l-medium": "body-l-medium",
+    "body-l-bold": "body-l-bold",
+    "body-xl-regular": "body-xl-regular",
+    "body-xl-medium": "body-xl-medium",
+    "body-xl-bold": "body-xl-bold",
+    "heading-s-bold": "heading-s-bold",
+    "heading-s-medium": "heading-s-medium",
+    "heading-m-medium": "heading-m-medium",
+    "heading-m-bold": "heading-m-bold",
+    "heading-l-medium": "heading-l-medium",
+    "heading-l-bold": "heading-l-bold",
+    "heading-xl-medium": "heading-xl-medium",
+    "heading-xl-bold": "heading-xl-bold"
+}, exports.typeStyles = typeStyles;

package/dist/cjs/theme.js

@@ -1,16 +1,8 @@
-'use strict';
+"use strict";
 
-var theme_themes = require('./theme/themes.js');
-var theme_colors = require('./theme/colors.js');
-var theme_elevations = require('./theme/elevations.js');
-require('./theme/corners.js');
-require('./theme/type.js');
+var theme_themes = require("./theme/themes.js"), theme_colors = require("./theme/colors.js"), theme_elevations = require("./theme/elevations.js");
 
-
-
-exports.darkTheme = theme_themes.darkTheme;
-exports.lightTheme = theme_themes.lightTheme;
-exports.dark = theme_colors.dark;
-exports.light = theme_colors.light;
-exports.Elevation = theme_elevations.elevations;
+require("./theme/corners.js"), require("./theme/type.js"), exports.darkTheme = theme_themes.darkTheme, 
+exports.lightTheme = theme_themes.lightTheme, exports.dark = theme_colors.dark, 
+exports.light = theme_colors.light, exports.Elevation = theme_elevations.elevations, 
 exports.elevations = theme_elevations.elevations;