@apple-pie/slice 0.0.6 → 0.0.7

package/dist/esm/theme/colors.mjs

@@ -0,0 +1,373 @@
+const coreColors = {
+    "brand-grey-50": "#f4f7fa",
+    "brand-grey-100": "#e5ecf3",
+    "brand-grey-200": "#d5e0ea",
+    "brand-grey-300": "#98acbf",
+    "brand-grey-400": "#7f96a9",
+    "brand-grey-500": "#657d91",
+    "brand-grey-600": "#4c6273",
+    "brand-grey-700": "#405261",
+    "brand-grey-800": "#37434e",
+    "brand-grey-900": "#2d353d",
+    "brand-grey-950": "#1f262d",
+    "brand-sea-50": "#e8f1ff",
+    "brand-sea-100": "#c7defe",
+    "brand-sea-200": "#a5c9ff",
+    "brand-sea-300": "#7ab3ff",
+    "brand-sea-400": "#4084ff",
+    "brand-sea-500": "#2f45ff",
+    "brand-sea-600": "#2d2fff",
+    "brand-sea-700": "#0000ff",
+    "brand-sea-800": "#0609cd",
+    "brand-sea-900": "#001699",
+    "brand-sea-950": "#0a0b5c",
+    "brand-sky-50": "#eafffe",
+    "brand-sky-100": "#cdfffb",
+    "brand-sky-200": "#a3f8ff",
+    "brand-sky-300": "#6af5ff",
+    "brand-sky-400": "#00edff",
+    "brand-sky-500": "#00c8e0",
+    "brand-sky-600": "#00a6c0",
+    "brand-sky-700": "#03839b",
+    "brand-sky-800": "#0d697d",
+    "brand-sky-900": "#105669",
+    "brand-sky-950": "#033949",
+    "brand-land-50": "#f4ffe5",
+    "brand-land-100": "#e0ffb7",
+    "brand-land-200": "#caff95",
+    "brand-land-300": "#b7fe59",
+    "brand-land-400": "#9cf820",
+    "brand-land-500": "#71e618",
+    "brand-land-600": "#56c900",
+    "brand-land-700": "#2d8c00",
+    "brand-land-800": "#31690b",
+    "brand-land-900": "#2a580f",
+    "brand-land-950": "#123201",
+    "brand-orange-50": "#fff8ec",
+    "brand-orange-100": "#ffebd7",
+    "brand-orange-200": "#ffe3c6",
+    "brand-orange-300": "#ffc182",
+    "brand-orange-400": "#ff972e",
+    "brand-orange-500": "#ff800a",
+    "brand-orange-600": "#ff6700",
+    "brand-orange-700": "#ff3700",
+    "brand-orange-800": "#a02b0b",
+    "brand-orange-900": "#80250b",
+    "brand-orange-950": "#461604",
+    "brand-yellow-50": "#ffffea",
+    "brand-yellow-100": "#fffdca",
+    "brand-yellow-200": "#fff2a0",
+    "brand-yellow-300": "#ffeb72",
+    "brand-yellow-400": "#ffd333",
+    "brand-yellow-500": "#ffc200",
+    "brand-yellow-600": "#ffad00",
+    "brand-yellow-700": "#c68601",
+    "brand-yellow-800": "#8f6307",
+    "brand-yellow-900": "#5f430a",
+    "brand-yellow-950": "#442e00",
+    "brand-purple-50": "#faf0ff",
+    "brand-purple-100": "#f4ddff",
+    "brand-purple-200": "#e5cdff",
+    "brand-purple-300": "#ccafff",
+    "brand-purple-400": "#b891ff",
+    "brand-purple-500": "#7d48ff",
+    "brand-purple-600": "#6a14ff",
+    "brand-purple-700": "#5600f1",
+    "brand-purple-800": "#4d01d6",
+    "brand-purple-900": "#4003af",
+    "brand-purple-950": "#1e007c",
+    "brand-magenta-50": "#fef1fc",
+    "brand-magenta-100": "#ffdcef",
+    "brand-magenta-200": "#ffcae6",
+    "brand-magenta-300": "#ff90cb",
+    "brand-magenta-400": "#ff61ca",
+    "brand-magenta-500": "#ff3ac2",
+    "brand-magenta-600": "#f012aa",
+    "brand-magenta-700": "#df059b",
+    "brand-magenta-800": "#9b0069",
+    "brand-magenta-900": "#790a55",
+    "brand-magenta-950": "#58003a",
+    "brand-white-0": "#ffffff",
+    "product-red-400": "#ff474a",
+    "product-red-500": "#df0529",
+    "core-drop-shadow-light": "#0339491a",
+    "core-drop-shadow-dark": "#0000007a",
+    "core-surface-coverup-translucent-light": "#1f262d52",
+    "core-surface-coverup-translucent-dark": "#0000007a",
+    "core-surface-overlay-translucent-light": "#ffffffcc",
+    "core-surface-overlay-translucent-dark": "#1f262dcc",
+    "scroll-bar-light": "#e3e8ef",
+    "scroll-bar-dark": "rgba(255, 255, 255, 0.1)",
+    "scroll-bar-hover-light": "#cdd5df",
+    "scroll-bar-hover-dark": "rgba(255, 255, 255, 0.15)",
+    "surface-shadow-soft-light": "0px 4px 24px #0339491a",
+    "surface-shadow-soft-dark": "0px 4px 24px #0000007a",
+    "surface-shadow-strong-light": "0px 4px 64px #0339491a",
+    "surface-shadow-strong-dark": "0px 4px 64px #0000007a"
+}, light = {
+    "array-land": coreColors["brand-land-100"],
+    "array-land-label": coreColors["brand-land-600"],
+    "array-magenta": coreColors["brand-magenta-100"],
+    "array-magenta-label": coreColors["brand-magenta-600"],
+    "array-orange": coreColors["brand-orange-100"],
+    "array-orange-label": coreColors["brand-orange-600"],
+    "array-purple": coreColors["brand-purple-100"],
+    "array-purple-label": coreColors["brand-purple-600"],
+    "array-sea": coreColors["brand-sea-100"],
+    "array-sea-label": coreColors["brand-sea-600"],
+    "array-sky": coreColors["brand-sky-100"],
+    "array-sky-label": coreColors["brand-sky-600"],
+    "array-yellow": coreColors["brand-yellow-100"],
+    "array-yellow-label": coreColors["brand-yellow-600"],
+    "core-badge-primary": coreColors["brand-sea-500"],
+    "core-badge-secondary": coreColors["brand-grey-100"],
+    "core-button-disabled": coreColors["brand-grey-50"],
+    "core-button-primary": coreColors["brand-sea-500"],
+    "core-drop-shadow": coreColors["core-drop-shadow-light"],
+    "core-gp-logo-primary": coreColors["brand-sea-700"],
+    "core-gp-logo-secondary": coreColors["brand-grey-950"],
+    "core-icon-dark": coreColors["brand-grey-950"],
+    "core-icon-disabled": coreColors["brand-grey-300"],
+    "core-icon-error": coreColors["product-red-500"],
+    "core-icon-light": coreColors["brand-white-0"],
+    "core-icon-primary": coreColors["brand-grey-950"],
+    "core-icon-secondary": coreColors["brand-grey-700"],
+    "core-icon-tertiary": coreColors["brand-sea-500"],
+    "core-outline-secondary": coreColors["brand-grey-700"],
+    "core-outline-primary": coreColors["brand-grey-100"],
+    "core-outline-special": coreColors["brand-sea-100"],
+    "core-outline-tertiary": coreColors["brand-sea-500"],
+    "core-surface-coverup-translucent": coreColors["core-surface-coverup-translucent-light"],
+    "core-surface-overlay-translucent": coreColors["core-surface-overlay-translucent-light"],
+    "core-surface-primary": coreColors["brand-white-0"],
+    "core-surface-secondary": coreColors["brand-grey-50"],
+    "core-surface-special": coreColors["brand-sea-50"],
+    "core-text-dark": coreColors["brand-grey-950"],
+    "core-text-disabled": coreColors["brand-grey-300"],
+    "core-text-error": coreColors["product-red-500"],
+    "core-text-light": coreColors["brand-white-0"],
+    "core-text-primary": coreColors["brand-grey-950"],
+    "core-text-secondary": coreColors["brand-grey-700"],
+    "core-text-tertiary": coreColors["brand-grey-600"],
+    "core-text-special": coreColors["brand-sea-500"],
+    "core-link-primary": coreColors["brand-sea-700"],
+    "eor-tag-employee": coreColors["brand-sky-700"],
+    "eor-tag-overdue": coreColors["product-red-500"],
+    "eor-tag-paid": coreColors["brand-land-700"],
+    "eor-tag-pending": coreColors["brand-orange-500"],
+    "eor-tag-professional": coreColors["brand-sea-500"],
+    "feedback-attention": coreColors["brand-yellow-500"],
+    "feedback-informative": coreColors["brand-sky-700"],
+    "feedback-positive": coreColors["brand-land-700"],
+    "feedback-urgency": coreColors["brand-orange-500"],
+    "feedback-warning": coreColors["product-red-500"],
+    "gia-tag-risk-high": coreColors["product-red-500"],
+    "gia-tag-risk-low": coreColors["brand-sky-700"],
+    "gia-tag-risk-moderate": coreColors["brand-orange-500"],
+    "gia-text-excerpt-highlight": coreColors["brand-orange-100"],
+    "gia-text-selection": coreColors["brand-sea-100"],
+    "scroll-bar": coreColors["scroll-bar-light"],
+    "scroll-bar-hover": coreColors["scroll-bar-hover-light"],
+    "surface-shadow-soft": coreColors["surface-shadow-soft-light"],
+    "surface-shadow-strong": coreColors["surface-shadow-strong-light"]
+}, dark = {
+    "array-land": coreColors["brand-land-100"],
+    "array-land-label": coreColors["brand-land-600"],
+    "array-magenta": coreColors["brand-magenta-100"],
+    "array-magenta-label": coreColors["brand-magenta-600"],
+    "array-orange": coreColors["brand-orange-100"],
+    "array-orange-label": coreColors["brand-orange-600"],
+    "array-purple": coreColors["brand-purple-100"],
+    "array-purple-label": coreColors["brand-purple-600"],
+    "array-sea": coreColors["brand-sea-100"],
+    "array-sea-label": coreColors["brand-sea-600"],
+    "array-sky": coreColors["brand-sky-100"],
+    "array-sky-label": coreColors["brand-sky-600"],
+    "array-yellow": coreColors["brand-yellow-100"],
+    "array-yellow-label": coreColors["brand-yellow-600"],
+    "core-badge-primary": coreColors["brand-sea-500"],
+    "core-badge-secondary": coreColors["brand-grey-700"],
+    "core-button-disabled": coreColors["brand-grey-900"],
+    "core-button-primary": coreColors["brand-sea-500"],
+    "core-drop-shadow": coreColors["core-drop-shadow-dark"],
+    "core-gp-logo-primary": coreColors["brand-sea-500"],
+    "core-gp-logo-secondary": coreColors["brand-white-0"],
+    "core-icon-dark": coreColors["brand-grey-950"],
+    "core-icon-disabled": coreColors["brand-grey-500"],
+    "core-icon-error": coreColors["product-red-400"],
+    "core-icon-light": coreColors["brand-white-0"],
+    "core-icon-primary": coreColors["brand-white-0"],
+    "core-icon-secondary": coreColors["brand-grey-200"],
+    "core-icon-tertiary": coreColors["brand-sky-300"],
+    "core-outline-secondary": coreColors["brand-grey-100"],
+    "core-outline-primary": coreColors["brand-grey-700"],
+    "core-outline-special": coreColors["brand-sky-900"],
+    "core-outline-tertiary": coreColors["brand-sky-300"],
+    "core-surface-coverup-translucent": coreColors["core-surface-coverup-translucent-dark"],
+    "core-surface-overlay-translucent": coreColors["core-surface-overlay-translucent-dark"],
+    "core-surface-primary": coreColors["brand-grey-950"],
+    "core-surface-secondary": coreColors["brand-grey-900"],
+    "core-surface-special": coreColors["brand-sky-950"],
+    "core-text-dark": coreColors["brand-grey-950"],
+    "core-text-disabled": coreColors["brand-grey-500"],
+    "core-text-error": coreColors["product-red-400"],
+    "core-text-light": coreColors["brand-white-0"],
+    "core-text-primary": coreColors["brand-white-0"],
+    "core-text-secondary": coreColors["brand-grey-200"],
+    "core-text-tertiary": coreColors["brand-grey-400"],
+    "core-text-special": coreColors["brand-sky-300"],
+    "core-link-primary": coreColors["brand-sky-300"],
+    "eor-tag-employee": coreColors["brand-sky-700"],
+    "eor-tag-overdue": coreColors["product-red-400"],
+    "eor-tag-paid": coreColors["brand-land-700"],
+    "eor-tag-pending": coreColors["brand-orange-500"],
+    "eor-tag-professional": coreColors["brand-sea-500"],
+    "feedback-attention": coreColors["brand-yellow-400"],
+    "feedback-informative": coreColors["brand-sky-600"],
+    "feedback-positive": coreColors["brand-land-700"],
+    "feedback-urgency": coreColors["brand-orange-500"],
+    "feedback-warning": coreColors["product-red-400"],
+    "gia-tag-risk-high": coreColors["product-red-400"],
+    "gia-tag-risk-low": coreColors["brand-sky-600"],
+    "gia-tag-risk-moderate": coreColors["brand-orange-500"],
+    "gia-text-excerpt-highlight": coreColors["brand-orange-100"],
+    "gia-text-selection": coreColors["brand-sea-900"],
+    "scroll-bar": coreColors["scroll-bar-dark"],
+    "scroll-bar-hover": coreColors["scroll-bar-hover-dark"],
+    "surface-shadow-soft": coreColors["surface-shadow-soft-dark"],
+    "surface-shadow-strong": coreColors["surface-shadow-strong-dark"]
+}, colorCssVars = {
+    "array-land": "var(--array-land)",
+    "array-land-label": "var(--array-land-label)",
+    "array-magenta": "var(--array-magenta)",
+    "array-magenta-label": "var(--array-magenta-label)",
+    "array-orange": "var(--array-orange)",
+    "array-orange-label": "var(--array-orange-label)",
+    "array-purple": "var(--array-purple)",
+    "array-purple-label": "var(--array-purple-label)",
+    "array-sea": "var(--array-sea)",
+    "array-sea-label": "var(--array-sea-label)",
+    "array-sky": "var(--array-sky)",
+    "array-sky-label": "var(--array-sky-label)",
+    "array-yellow": "var(--array-yellow)",
+    "array-yellow-label": "var(--array-yellow-label)",
+    "core-badge-primary": "var(--core-badge-primary)",
+    "core-badge-secondary": "var(--core-badge-secondary)",
+    "core-button-disabled": "var(--core-button-disabled)",
+    "core-button-primary": "var(--core-button-primary)",
+    "core-drop-shadow": "var(--core-drop-shadow)",
+    "core-gp-logo-primary": "var(--core-gp-logo-primary)",
+    "core-gp-logo-secondary": "var(--core-gp-logo-secondary)",
+    "core-icon-dark": "var(--core-icon-dark)",
+    "core-icon-disabled": "var(--core-icon-disabled)",
+    "core-icon-error": "var(--core-icon-error)",
+    "core-icon-light": "var(--core-icon-light)",
+    "core-icon-primary": "var(--core-icon-primary)",
+    "core-icon-secondary": "var(--core-icon-secondary)",
+    "core-icon-tertiary": "var(--core-icon-tertiary)",
+    "core-outline-secondary": "var(--core-outline-secondary)",
+    "core-outline-primary": "var(--core-outline-primary)",
+    "core-outline-special": "var(--core-outline-special)",
+    "core-outline-tertiary": "var(--core-outline-tertiary)",
+    "core-surface-coverup-translucent": "var(--core-surface-coverup-translucent)",
+    "core-surface-overlay-translucent": "var(--core-surface-overlay-translucent)",
+    "core-surface-primary": "var(--core-surface-primary)",
+    "core-surface-secondary": "var(--core-surface-secondary)",
+    "core-surface-special": "var(--core-surface-special)",
+    "core-text-dark": "var(--core-text-dark)",
+    "core-text-disabled": "var(--core-text-disabled)",
+    "core-text-error": "var(--core-text-error)",
+    "core-text-light": "var(--core-text-light)",
+    "core-text-primary": "var(--core-text-primary)",
+    "core-text-secondary": "var(--core-text-secondary)",
+    "core-text-special": "var(--core-text-special)",
+    "core-text-tertiary": "var(--core-text-tertiary)",
+    "core-link-primary": "var(--core-link-primary)",
+    "eor-tag-employee": "var(--eor-tag-employee)",
+    "eor-tag-overdue": "var(--eor-tag-overdue)",
+    "eor-tag-paid": "var(--eor-tag-paid)",
+    "eor-tag-pending": "var(--eor-tag-pending)",
+    "eor-tag-professional": "var(--eor-tag-professional)",
+    "feedback-attention": "var(--feedback-attention)",
+    "feedback-informative": "var(--feedback-informative)",
+    "feedback-positive": "var(--feedback-positive)",
+    "feedback-urgency": "var(--feedback-urgency)",
+    "feedback-warning": "var(--feedback-warning)",
+    "gia-tag-risk-high": "var(--gia-tag-risk-high)",
+    "gia-tag-risk-low": "var(--gia-tag-risk-low)",
+    "gia-tag-risk-moderate": "var(--gia-tag-risk-moderate)",
+    "gia-text-excerpt-highlight": "var(--gia-text-excerpt-highlight)",
+    "gia-text-selection": "var(--gia-text-selection)",
+    "scroll-bar": "var(--scroll-bar)",
+    "scroll-bar-hover": "var(--scroll-bar-hover)",
+    "surface-shadow-soft": "var(--surface-shadow-soft)",
+    "surface-shadow-strong": "var(--surface-shadow-strong)"
+}, colorClass = {
+    "array-land": "array-land",
+    "array-land-label": "array-land-label",
+    "array-magenta": "array-magenta",
+    "array-magenta-label": "array-magenta-label",
+    "array-orange": "array-orange",
+    "array-orange-label": "array-orange-label",
+    "array-purple": "array-purple",
+    "array-purple-label": "array-purple-label",
+    "array-sea": "array-sea",
+    "array-sea-label": "array-sea-label",
+    "array-sky": "array-sky",
+    "array-sky-label": "array-sky-label",
+    "array-yellow": "array-yellow",
+    "array-yellow-label": "array-yellow-label",
+    "core-badge-primary": "core-badge-primary",
+    "core-badge-secondary": "core-badge-secondary",
+    "core-button-disabled": "core-button-disabled",
+    "core-button-primary": "core-button-primary",
+    "core-drop-shadow": "core-drop-shadow",
+    "core-gp-logo-primary": "core-gp-logo-primary",
+    "core-gp-logo-secondary": "core-gp-logo-secondary",
+    "core-icon-dark": "core-icon-dark",
+    "core-icon-disabled": "core-icon-disabled",
+    "core-icon-error": "core-icon-error",
+    "core-icon-light": "core-icon-light",
+    "core-icon-primary": "core-icon-primary",
+    "core-icon-secondary": "core-icon-secondary",
+    "core-icon-tertiary": "core-icon-tertiary",
+    "core-outline-secondary": "core-outline-secondary",
+    "core-outline-primary": "core-outline-primary",
+    "core-outline-special": "core-outline-special",
+    "core-outline-tertiary": "core-outline-tertiary",
+    "core-surface-coverup-translucent": "core-surface-coverup-translucent",
+    "core-surface-overlay-translucent": "core-surface-overlay-translucent",
+    "core-surface-primary": "core-surface-primary",
+    "core-surface-secondary": "core-surface-secondary",
+    "core-surface-special": "core-surface-special",
+    "core-text-dark": "core-text-dark",
+    "core-text-disabled": "core-text-disabled",
+    "core-text-error": "core-text-error",
+    "core-text-light": "core-text-light",
+    "core-text-primary": "core-text-primary",
+    "core-text-secondary": "core-text-secondary",
+    "core-text-special": "core-text-special",
+    "core-text-tertiary": "core-text-tertiary",
+    "core-link-primary": "core-link-primary",
+    "eor-tag-employee": "eor-tag-employee",
+    "eor-tag-overdue": "eor-tag-overdue",
+    "eor-tag-paid": "eor-tag-paid",
+    "eor-tag-pending": "eor-tag-pending",
+    "eor-tag-professional": "eor-tag-professional",
+    "feedback-attention": "feedback-attention",
+    "feedback-informative": "feedback-informative",
+    "feedback-positive": "feedback-positive",
+    "feedback-urgency": "feedback-urgency",
+    "feedback-warning": "feedback-warning",
+    "gia-tag-risk-high": "gia-tag-risk-high",
+    "gia-tag-risk-low": "gia-tag-risk-low",
+    "gia-tag-risk-moderate": "gia-tag-risk-moderate",
+    "gia-text-excerpt-highlight": "gia-text-excerpt-highlight",
+    "gia-text-selection": "gia-text-selection",
+    "scroll-bar": "scroll-bar",
+    "scroll-bar-hover": "scroll-bar-hover",
+    "surface-shadow-soft": "surface-shadow-soft",
+    "surface-shadow-strong": "surface-shadow-strong"
+};
+
+export { colorClass, colorCssVars, coreColors, dark, light };

package/dist/esm/theme/corners.mjs

@@ -0,0 +1,12 @@
+const corners = {
+    "corner-0": 0,
+    "corner-4": 4,
+    "corner-6": 6,
+    "corner-8": 8,
+    "corner-12": 12,
+    "corner-16": 16,
+    "corner-24": 24,
+    "corner-full": 1e3
+};
+
+export { corners };

package/dist/esm/theme/elevations.mjs

@@ -0,0 +1,15 @@
+/**
+ * Elevation levels for UI component types
+ */
+const elevations = {
+    "elevation-below-surface": -100,
+    "elevation-surface": 0,
+    "elevation-float": 100,
+    "elevation-describe": 200,
+    "elevation-status": 300,
+    "elevation-notify": 400,
+    "elevation-overlay": 500,
+    "elevation-confirm": 600
+};
+
+export { elevations };

package/dist/esm/theme/themes.mjs

@@ -0,0 +1,25 @@
+import { dark, coreColors, light } from "./colors.mjs";
+
+import { corners } from "./corners.mjs";
+
+import { elevations } from "./elevations.mjs";
+
+import { type } from "./type.mjs";
+
+const lightTheme = {
+    name: "lightMode",
+    coreColors: coreColors,
+    colors: light,
+    type: type,
+    corners: corners,
+    elevations: elevations
+}, darkTheme = {
+    name: "darkMode",
+    coreColors: coreColors,
+    colors: dark,
+    type: type,
+    corners: corners,
+    elevations: elevations
+};
+
+export { darkTheme, lightTheme };

package/dist/esm/theme/type.mjs

@@ -0,0 +1,236 @@
+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`
+}, 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"
+}, 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_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": {
+        fontFamily: `${fontFamily}`,
+        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": {
+        fontFamily: `${fontFamily}`,
+        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": {
+        fontFamily: `${fontFamily}`,
+        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": {
+        fontFamily: `${fontFamily}`,
+        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"
+    }
+};
+
+export { type, typeCssClasses, typeStyles };