@equinor/eds-core-react 0.14.2 → 0.15.0-dev.20211118

package/dist/types/components/Typography/Typography.tokens.d.ts

@@ -1,453 +1,453 @@
-import { ComponentToken } from '@equinor/eds-tokens';
-import type { TypographyTokens } from '@equinor/eds-tokens';
-declare const typography: {
-    heading: {
-        h1_bold: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        h1: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        h2: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        h3: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        h4: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        h5: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            letterSpacing: string;
-            lineHeight: string;
-            textAlign: string;
-        };
-        h6: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            letterSpacing: string;
-            lineHeight: string;
-            textAlign: string;
-        };
-    };
-    navigation: {
-        menu_title: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            letterSpacing: string;
-            lineHeight: string;
-            textAlign: string;
-        };
-        menu_tabs: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            letterSpacing: string;
-            lineHeight: string;
-            textAlign: string;
-        };
-        label: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        drawer_active: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            letterSpacing: string;
-            lineHeight: string;
-            textAlign: string;
-        };
-        drawer_inactive: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            letterSpacing: string;
-            lineHeight: string;
-            textAlign: string;
-        };
-        button: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        breadcrumb: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        breadcrumb_hover: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textDecoration: string;
-            textAlign: string;
-        };
-        menu_title_hover: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            letterSpacing: string;
-            lineHeight: string;
-            textAlign: string;
-        };
-    };
-    input: {
-        label: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        text: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            letterSpacing: string;
-            lineHeight: string;
-            textAlign: string;
-        };
-        text_monospaced: {
-            fontFeature: string;
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            letterSpacing: string;
-            lineHeight: string;
-            textAlign: string;
-        };
-        helper: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            letterSpacing: string;
-            lineHeight: string;
-            textAlign: string;
-        };
-    };
-    paragraph: {
-        body_short_italic: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            fontStyle: string;
-            textAlign: string;
-        };
-        caption: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        meta: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        body_short: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        body_short_bold_italic: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            fontStyle: string;
-            textAlign: string;
-        };
-        body_short_bold: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        body_short_link: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textDecoration: string;
-            textAlign: string;
-        };
-        overline: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            letterSpacing: string;
-            lineHeight: string;
-            textTransform: string;
-            textAlign: string;
-        };
-        ingress: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        body_long: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        body_long_link: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textDecoration: string;
-            textAlign: string;
-        };
-        body_long_italic: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            fontStyle: string;
-            textAlign: string;
-        };
-        body_long_bold: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        body_long_bold_italic: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            fontStyle: string;
-            textAlign: string;
-        };
-    };
-    table: {
-        cell_header: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        cell_text: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        cell_text_bold: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        cell_text_link: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textDecoration: string;
-            textAlign: string;
-        };
-        cell_numeric_monospaced: {
-            fontFeature: string;
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-    };
-    _modes: {
-        compact: {
-            table: {
-                cell_header: {
-                    color: string;
-                    fontFamily: string;
-                    fontSize: string;
-                    fontWeight: number;
-                    lineHeight: string;
-                    textAlign: string;
-                };
-                cell_text: {
-                    color: string;
-                    fontFamily: string;
-                    fontSize: string;
-                    fontWeight: number;
-                    lineHeight: string;
-                    textAlign: string;
-                };
-                cell_text_bold: {
-                    color: string;
-                    fontFamily: string;
-                    fontSize: string;
-                    fontWeight: number;
-                    lineHeight: string;
-                    textAlign: string;
-                };
-                cell_text_link: {
-                    color: string;
-                    fontFamily: string;
-                    fontSize: string;
-                    fontWeight: number;
-                    lineHeight: string;
-                    textDecoration: string;
-                    textAlign: string;
-                };
-                cell_numeric_monospaced: {
-                    fontFeature: string;
-                    color: string;
-                    fontFamily: string;
-                    fontSize: string;
-                    fontWeight: number;
-                    lineHeight: string;
-                    textAlign: string;
-                };
-            };
-        };
-    };
-    ui: {
-        tooltip: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        snackbar: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        accordion_header: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        chip__badge: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-        chart: {
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-        };
-    };
-};
-declare const colors: {
-    primary: string;
-    secondary: string;
-    danger: string;
-    warning: string;
-    success: string;
-    disabled: string;
-};
-export declare type QuickTypographyVariants = TypographyTokens['heading'] | TypographyTokens['paragraph'];
-declare const quickVariants: QuickTypographyVariants;
-declare type TypographyVariants = keyof TypographyTokens['heading'] | keyof TypographyTokens['paragraph'] | keyof TypographyTokens['navigation'] | keyof TypographyTokens['input'] | keyof TypographyTokens['ui'] | keyof TypographyTokens['table'];
-declare type ColorVariants = 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'disabled';
-declare type TypographyGroups = keyof typeof typography;
-declare const link: ComponentToken;
-export { typography, colors, quickVariants, TypographyVariants, ColorVariants, TypographyGroups, link, };
+import { ComponentToken } from '@equinor/eds-tokens';
+import type { TypographyTokens } from '@equinor/eds-tokens';
+declare const typography: {
+    heading: {
+        h1_bold: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        h1: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        h2: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        h3: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        h4: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        h5: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            letterSpacing: string;
+            lineHeight: string;
+            textAlign: string;
+        };
+        h6: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            letterSpacing: string;
+            lineHeight: string;
+            textAlign: string;
+        };
+    };
+    navigation: {
+        menu_title: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            letterSpacing: string;
+            lineHeight: string;
+            textAlign: string;
+        };
+        menu_tabs: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            letterSpacing: string;
+            lineHeight: string;
+            textAlign: string;
+        };
+        label: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        drawer_active: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            letterSpacing: string;
+            lineHeight: string;
+            textAlign: string;
+        };
+        drawer_inactive: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            letterSpacing: string;
+            lineHeight: string;
+            textAlign: string;
+        };
+        button: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        breadcrumb: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        breadcrumb_hover: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textDecoration: string;
+            textAlign: string;
+        };
+        menu_title_hover: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            letterSpacing: string;
+            lineHeight: string;
+            textAlign: string;
+        };
+    };
+    input: {
+        label: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        text: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            letterSpacing: string;
+            lineHeight: string;
+            textAlign: string;
+        };
+        text_monospaced: {
+            fontFeature: string;
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            letterSpacing: string;
+            lineHeight: string;
+            textAlign: string;
+        };
+        helper: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            letterSpacing: string;
+            lineHeight: string;
+            textAlign: string;
+        };
+    };
+    paragraph: {
+        body_short_italic: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            fontStyle: string;
+            textAlign: string;
+        };
+        caption: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        meta: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        body_short: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        body_short_bold_italic: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            fontStyle: string;
+            textAlign: string;
+        };
+        body_short_bold: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        body_short_link: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textDecoration: string;
+            textAlign: string;
+        };
+        overline: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            letterSpacing: string;
+            lineHeight: string;
+            textTransform: string;
+            textAlign: string;
+        };
+        ingress: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        body_long: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        body_long_link: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textDecoration: string;
+            textAlign: string;
+        };
+        body_long_italic: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            fontStyle: string;
+            textAlign: string;
+        };
+        body_long_bold: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        body_long_bold_italic: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            fontStyle: string;
+            textAlign: string;
+        };
+    };
+    table: {
+        cell_header: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        cell_text: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        cell_text_bold: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        cell_text_link: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textDecoration: string;
+            textAlign: string;
+        };
+        cell_numeric_monospaced: {
+            fontFeature: string;
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+    };
+    _modes: {
+        compact: {
+            table: {
+                cell_header: {
+                    color: string;
+                    fontFamily: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    textAlign: string;
+                };
+                cell_text: {
+                    color: string;
+                    fontFamily: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    textAlign: string;
+                };
+                cell_text_bold: {
+                    color: string;
+                    fontFamily: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    textAlign: string;
+                };
+                cell_text_link: {
+                    color: string;
+                    fontFamily: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    textDecoration: string;
+                    textAlign: string;
+                };
+                cell_numeric_monospaced: {
+                    fontFeature: string;
+                    color: string;
+                    fontFamily: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    textAlign: string;
+                };
+            };
+        };
+    };
+    ui: {
+        tooltip: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        snackbar: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        accordion_header: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        chip__badge: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+        chart: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+        };
+    };
+};
+declare const colors: {
+    primary: string;
+    secondary: string;
+    danger: string;
+    warning: string;
+    success: string;
+    disabled: string;
+};
+export declare type QuickTypographyVariants = TypographyTokens['heading'] | TypographyTokens['paragraph'];
+declare const quickVariants: QuickTypographyVariants;
+declare type TypographyVariants = keyof TypographyTokens['heading'] | keyof TypographyTokens['paragraph'] | keyof TypographyTokens['navigation'] | keyof TypographyTokens['input'] | keyof TypographyTokens['ui'] | keyof TypographyTokens['table'];
+declare type ColorVariants = 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'disabled';
+declare type TypographyGroups = keyof typeof typography;
+declare const link: ComponentToken;
+export { typography, colors, quickVariants, TypographyVariants, ColorVariants, TypographyGroups, link, };