npm - @fremtind/jokul - Versions diffs - 5.0.0-next.0 → 5.0.0-next.10 - Mend

@fremtind/jokul 5.0.0-next.0 → 5.0.0-next.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (739) hide show

package/styles/core/jkl/legacy/_tokens.scss DELETED Viewed

@@ -1,742 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-$border-width-1: 0.0625rem !default;
-$border-width-2: 0.125rem !default;
-$border-width-3: 0.1875rem !default;
-$border-radius-none: 0 !default;
-$border-radius-xs: 0.25rem !default;
-$border-radius-s: 0.5rem !default;
-$border-radius-m: 0.75rem !default;
-$border-radius-l: 1rem !default;
-$border-radius-full: 9999px !default;
-$breakpoint-small: 0 !default;
-$breakpoint-medium: 680px !default;
-$breakpoint-large: 1200px !default;
-$breakpoint-xl: 1600px !default;
-$color-brand-snohvit: #F9F9F9 !default;
-$color-brand-varde: #E0DBD4 !default;
-$color-brand-granitt: #1B1917 !default;
-$color-brand-hvit: #FFFFFF !default;
-$color-brand-svart: #000000 !default;
-$color-brand-skifer: #313030 !default;
-$color-brand-fjellgra: #444141 !default;
-$color-brand-stein: #636060 !default;
-$color-brand-svaberg: #C8C5C3 !default;
-$color-brand-dis: #ECE9E5 !default;
-$color-brand-sand: #F4F2EF !default;
-$color-functional-info: #D3D3F6 !default;
-$color-functional-info-dark: #A9A9CA !default;
-$color-functional-success: #ACD3B5 !default;
-$color-functional-success-dark: #94B79B !default;
-$color-functional-warning: #EFDD9E !default;
-$color-functional-warning-dark: #DECC8D !default;
-$color-functional-error: #F6B3B3 !default;
-$color-functional-error-dark: #DE9E9E !default;
-$color-svart: #000 !default;
-$color-granitt: #1b1917 !default;
-$color-skifer: #313030 !default;
-$color-fjellgra: #444141 !default;
-$color-stein: #636060 !default;
-$color-svaberg: #c8c5c3 !default;
-$color-varde: #e0dbd4 !default;
-$color-dis: #ece9e5 !default;
-$color-sand: #f4f2ef !default;
-$color-snohvit: #f9f9f9 !default;
-$color-hvit: #fff !default;
-$color-suksess: #acd3b5 !default;
-$color-suksess-dark: #94b79b !default;
-$color-feil: #f6b3b3 !default;
-$color-feil-dark: #de9e9e !default;
-$color-info: #d3d3f6 !default;
-$color-info-dark: #a9a9ca !default;
-$color-advarsel: #efdd9e !default;
-$color-advarsel-dark: #decc8d !default;
-$motion-timing-energetic: 75ms !default;
-$motion-timing-snappy: 100ms !default;
-$motion-timing-productive: 150ms !default;
-$motion-timing-expressive: 250ms !default;
-$motion-timing-lazy: 400ms !default;
-$motion-easing-standard: ease !default;
-$motion-easing-entrance: ease-out !default;
-$motion-easing-exit: ease-in !default;
-$motion-easing-ease-in-bounce-out: cubic-bezier(0, 0, 0.375, 1.17) !default;
-$motion-easing-focus: cubic-bezier(0.6, 0.2, 0.35, 1) !default;
-$spacing-0: 0rem !default;
-$spacing-2: 0.125rem !default;
-$spacing-4: 0.25rem !default;
-$spacing-8: 0.5rem !default;
-$spacing-12: 0.75rem !default;
-$spacing-16: 1rem !default;
-$spacing-24: 1.5rem !default;
-$spacing-32: 2rem !default;
-$spacing-40: 2.5rem !default;
-$spacing-64: 4rem !default;
-$spacing-104: 6.5rem !default;
-$spacing-168: 10.5rem !default;
-$semantic-spacing-none: 0 !default;
-$semantic-spacing-2xs: 0.25rem !default;
-$semantic-spacing-xs: 0.5rem !default;
-$semantic-spacing-s: 1rem !default;
-$semantic-spacing-m: 1.5rem !default;
-$semantic-spacing-l: 2.5rem !default;
-$semantic-spacing-xl: 4rem !default;
-$semantic-spacing-2xl: 6.5rem !default;
-$icon-weight-normal: 300 !default;
-$icon-weight-bold: 400 !default;
-$typography-weight-normal: 400 !default;
-$typography-weight-bold: 700 !default;
-$typography-font-weight-normal: 400 !default;
-$typography-font-weight-bold: 700 !default;
-$typography-font-size-1: var(--jkl-font-size-1) !default;
-$typography-font-size-2: var(--jkl-font-size-2) !default;
-$typography-font-size-3: var(--jkl-font-size-3) !default;
-$typography-font-size-4: var(--jkl-font-size-4) !default;
-$typography-font-size-5: var(--jkl-font-size-5) !default;
-$typography-font-size-6: var(--jkl-font-size-6) !default;
-$typography-font-size-7: var(--jkl-font-size-7) !default;
-$typography-font-size-8: var(--jkl-font-size-8) !default;
-$typography-font-size-9: var(--jkl-font-size-9) !default;
-$typography-font-size-10: var(--jkl-font-size-10) !default;
-$typography-font-size-16: 1rem !default;
-$typography-font-size-18: 1.125rem !default;
-$typography-font-size-20: 1.25rem !default;
-$typography-font-size-21: 1.3125rem !default;
-$typography-font-size-23: 1.4375rem !default;
-$typography-font-size-25: 1.5625rem !default;
-$typography-font-size-26: 1.625rem !default;
-$typography-font-size-28: 1.75rem !default;
-$typography-font-size-30: 1.875rem !default;
-$typography-font-size-36: 2.25rem !default;
-$typography-font-size-44: 2.75rem !default;
-$typography-font-size-56: 3.5rem !default;
-$typography-line-height-24: 1.5rem !default;
-$typography-line-height-28: 1.75rem !default;
-$typography-line-height-32: 2rem !default;
-$typography-line-height-36: 2.25rem !default;
-$typography-line-height-40: 2.5rem !default;
-$typography-line-height-44: 2.75rem !default;
-$typography-line-height-52: 3.25rem !default;
-$typography-line-height-64: 4rem !default;
-$typography-line-height-flush: var(--jkl-line-height-flush) !default;
-$typography-line-height-tight: var(--jkl-line-height-tight) !default;
-$typography-line-height-relaxed: var(--jkl-line-height-relaxed) !default;
-$typography-style-title-small-font-size: var(--jkl-font-size-8) !default;
-$typography-style-title-small-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-title-small-font-weight: 400 !default;
-$typography-style-title-base-font-size: var(--jkl-font-size-8) !default;
-$typography-style-title-base-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-title-base-font-weight: 400 !default;
-$typography-style-title-small-small-font-size: var(--jkl-font-size-7) !default;
-$typography-style-title-small-small-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-title-small-small-font-weight: 400 !default;
-$typography-style-title-small-base-font-size: var(--jkl-font-size-7) !default;
-$typography-style-title-small-base-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-title-small-base-font-weight: 400 !default;
-$typography-style-heading-1-small-font-size: var(--jkl-font-size-8) !default;
-$typography-style-heading-1-small-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-heading-1-small-font-weight: 400 !default;
-$typography-style-heading-1-base-font-size: var(--jkl-font-size-8) !default;
-$typography-style-heading-1-base-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-heading-1-base-font-weight: 400 !default;
-$typography-style-heading-2-small-font-size: var(--jkl-font-size-7) !default;
-$typography-style-heading-2-small-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-heading-2-small-font-weight: 400 !default;
-$typography-style-heading-2-base-font-size: var(--jkl-font-size-7) !default;
-$typography-style-heading-2-base-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-heading-2-base-font-weight: 400 !default;
-$typography-style-heading-3-small-font-size: var(--jkl-font-size-6) !default;
-$typography-style-heading-3-small-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-heading-3-small-font-weight: 700 !default;
-$typography-style-heading-3-base-font-size: var(--jkl-font-size-6) !default;
-$typography-style-heading-3-base-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-heading-3-base-font-weight: 700 !default;
-$typography-style-heading-4-small-font-size: var(--jkl-font-size-5) !default;
-$typography-style-heading-4-small-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-heading-4-small-font-weight: 700 !default;
-$typography-style-heading-4-base-font-size: var(--jkl-font-size-5) !default;
-$typography-style-heading-4-base-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-heading-4-base-font-weight: 700 !default;
-$typography-style-heading-5-small-font-size: var(--jkl-font-size-4) !default;
-$typography-style-heading-5-small-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-heading-5-small-font-weight: 700 !default;
-$typography-style-heading-5-base-font-size: var(--jkl-font-size-4) !default;
-$typography-style-heading-5-base-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-heading-5-base-font-weight: 700 !default;
-$typography-style-paragraph-large-small-font-size: var(--jkl-font-size-5) !default;
-$typography-style-paragraph-large-small-line-height: var(--jkl-line-height-relaxed) !default;
-$typography-style-paragraph-large-small-font-weight: 400 !default;
-$typography-style-paragraph-large-base-font-size: var(--jkl-font-size-5) !default;
-$typography-style-paragraph-large-base-line-height: var(--jkl-line-height-relaxed) !default;
-$typography-style-paragraph-large-base-font-weight: 400 !default;
-$typography-style-paragraph-medium-small-font-size: var(--jkl-font-size-3) !default;
-$typography-style-paragraph-medium-small-line-height: var(--jkl-line-height-relaxed) !default;
-$typography-style-paragraph-medium-small-font-weight: 400 !default;
-$typography-style-paragraph-medium-base-font-size: var(--jkl-font-size-3) !default;
-$typography-style-paragraph-medium-base-line-height: var(--jkl-line-height-relaxed) !default;
-$typography-style-paragraph-medium-base-font-weight: 400 !default;
-$typography-style-paragraph-small-small-font-size: var(--jkl-font-size-2) !default;
-$typography-style-paragraph-small-small-line-height: var(--jkl-line-height-relaxed) !default;
-$typography-style-paragraph-small-small-font-weight: 400 !default;
-$typography-style-paragraph-small-base-font-size: var(--jkl-font-size-2) !default;
-$typography-style-paragraph-small-base-line-height: var(--jkl-line-height-relaxed) !default;
-$typography-style-paragraph-small-base-font-weight: 400 !default;
-$typography-style-text-large-small-font-size: var(--jkl-font-size-5) !default;
-$typography-style-text-large-small-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-text-large-small-font-weight: 400 !default;
-$typography-style-text-large-base-font-size: var(--jkl-font-size-5) !default;
-$typography-style-text-large-base-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-text-large-base-font-weight: 400 !default;
-$typography-style-text-medium-small-font-size: var(--jkl-font-size-3) !default;
-$typography-style-text-medium-small-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-text-medium-small-font-weight: 400 !default;
-$typography-style-text-medium-base-font-size: var(--jkl-font-size-3) !default;
-$typography-style-text-medium-base-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-text-medium-base-font-weight: 400 !default;
-$typography-style-text-small-small-font-size: var(--jkl-font-size-2) !default;
-$typography-style-text-small-small-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-text-small-small-font-weight: 400 !default;
-$typography-style-text-small-base-font-size: var(--jkl-font-size-2) !default;
-$typography-style-text-small-base-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-text-small-base-font-weight: 400 !default;
-$typography-style-text-micro-small-font-size: var(--jkl-font-size-1) !default;
-$typography-style-text-micro-small-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-text-micro-small-font-weight: 400 !default;
-$typography-style-text-micro-base-font-size: var(--jkl-font-size-1) !default;
-$typography-style-text-micro-base-line-height: var(--jkl-line-height-tight) !default;
-$typography-style-text-micro-base-font-weight: 400 !default;
-$typography-style-body-small-font-size: 1.125rem !default;
-$typography-style-body-small-line-height: 1.75rem !default;
-$typography-style-body-small-font-weight: 400 !default;
-$typography-style-body-base-font-size: 1.25rem !default;
-$typography-style-body-base-line-height: 2rem !default;
-$typography-style-body-base-font-weight: 400 !default;
-$typography-style-small-small-font-size: 1rem !default;
-$typography-style-small-small-line-height: 1.5rem !default;
-$typography-style-small-small-font-weight: 400 !default;
-$typography-style-small-base-font-size: 1rem !default;
-$typography-style-small-base-line-height: 1.5rem !default;
-$typography-style-small-base-font-weight: 400 !default;
-$typography-title-small-font-size: 2.25rem !default;
-$typography-title-small-line-height: 2.75rem !default;
-$typography-title-small-font-weight: 400 !default;
-$typography-title-base-font-size: 3.5rem !default;
-$typography-title-base-line-height: 4rem !default;
-$typography-title-base-font-weight: 400 !default;
-$typography-title-small-small-font-size: 1.875rem !default;
-$typography-title-small-small-line-height: 2.25rem !default;
-$typography-title-small-small-font-weight: 400 !default;
-$typography-title-small-base-font-size: 2.75rem !default;
-$typography-title-small-base-line-height: 3.25rem !default;
-$typography-title-small-base-font-weight: 400 !default;
-$typography-heading-1-small-font-size: 1.625rem !default;
-$typography-heading-1-small-line-height: 2rem !default;
-$typography-heading-1-small-font-weight: 400 !default;
-$typography-heading-1-base-font-size: 2.25rem !default;
-$typography-heading-1-base-line-height: 2.75rem !default;
-$typography-heading-1-base-font-weight: 400 !default;
-$typography-heading-2-small-font-size: 1.4375rem !default;
-$typography-heading-2-small-line-height: 2rem !default;
-$typography-heading-2-small-font-weight: 400 !default;
-$typography-heading-2-base-font-size: 1.75rem !default;
-$typography-heading-2-base-line-height: 2.5rem !default;
-$typography-heading-2-base-font-weight: 400 !default;
-$typography-heading-3-small-font-size: 1.3125rem !default;
-$typography-heading-3-small-line-height: 1.75rem !default;
-$typography-heading-3-small-font-weight: 700 !default;
-$typography-heading-3-base-font-size: 1.5625rem !default;
-$typography-heading-3-base-line-height: 2rem !default;
-$typography-heading-3-base-font-weight: 700 !default;
-$typography-heading-4-small-font-size: 1.125rem !default;
-$typography-heading-4-small-line-height: 1.5rem !default;
-$typography-heading-4-small-font-weight: 700 !default;
-$typography-heading-4-base-font-size: 1.3125rem !default;
-$typography-heading-4-base-line-height: 1.75rem !default;
-$typography-heading-4-base-font-weight: 700 !default;
-$typography-heading-5-small-font-size: 1rem !default;
-$typography-heading-5-small-line-height: 1.5rem !default;
-$typography-heading-5-small-font-weight: 700 !default;
-$typography-heading-5-base-font-size: 1rem !default;
-$typography-heading-5-base-line-height: 1.5rem !default;
-$typography-heading-5-base-font-weight: 700 !default;
-$typography-body-small-font-size: 1.125rem !default;
-$typography-body-small-line-height: 1.75rem !default;
-$typography-body-small-font-weight: 400 !default;
-$typography-body-base-font-size: 1.25rem !default;
-$typography-body-base-line-height: 2rem !default;
-$typography-body-base-font-weight: 400 !default;
-$typography-small-small-font-size: 1rem !default;
-$typography-small-small-line-height: 1.5rem !default;
-$typography-small-small-font-weight: 400 !default;
-$typography-small-base-font-size: 1rem !default;
-$typography-small-base-line-height: 1.5rem !default;
-$typography-small-base-font-weight: 400 !default;
-$tokens: (
-  'border': (
-    'width': (
-      '1': $border-width-1,
-      '2': $border-width-2,
-      '3': $border-width-3
-    ),
-    'radius': (
-      'none': $border-radius-none,
-      'xs': $border-radius-xs,
-      's': $border-radius-s,
-      'm': $border-radius-m,
-      'l': $border-radius-l,
-      'full': $border-radius-full
-    )
-  ),
-  'breakpoint': (
-    'small': $breakpoint-small,
-    'medium': $breakpoint-medium,
-    'large': $breakpoint-large,
-    'xl': $breakpoint-xl
-  ),
-  'color': (
-    'brand': (
-      'snohvit': $color-brand-snohvit,
-      'varde': $color-brand-varde,
-      'granitt': $color-brand-granitt,
-      'hvit': $color-brand-hvit,
-      'svart': $color-brand-svart,
-      'skifer': $color-brand-skifer,
-      'fjellgra': $color-brand-fjellgra,
-      'stein': $color-brand-stein,
-      'svaberg': $color-brand-svaberg,
-      'dis': $color-brand-dis,
-      'sand': $color-brand-sand
-    ),
-    'functional': (
-      'info': $color-functional-info,
-      'info-dark': $color-functional-info-dark,
-      'success': $color-functional-success,
-      'success-dark': $color-functional-success-dark,
-      'warning': $color-functional-warning,
-      'warning-dark': $color-functional-warning-dark,
-      'error': $color-functional-error,
-      'error-dark': $color-functional-error-dark
-    ),
-    'svart': $color-svart,
-    'granitt': $color-granitt,
-    'skifer': $color-skifer,
-    'fjellgra': $color-fjellgra,
-    'stein': $color-stein,
-    'svaberg': $color-svaberg,
-    'varde': $color-varde,
-    'dis': $color-dis,
-    'sand': $color-sand,
-    'snohvit': $color-snohvit,
-    'hvit': $color-hvit,
-    'suksess': $color-suksess,
-    'suksess-dark': $color-suksess-dark,
-    'feil': $color-feil,
-    'feil-dark': $color-feil-dark,
-    'info': $color-info,
-    'info-dark': $color-info-dark,
-    'advarsel': $color-advarsel,
-    'advarsel-dark': $color-advarsel-dark
-  ),
-  'motion': (
-    'timing': (
-      'energetic': $motion-timing-energetic,
-      'snappy': $motion-timing-snappy,
-      'productive': $motion-timing-productive,
-      'expressive': $motion-timing-expressive,
-      'lazy': $motion-timing-lazy
-    ),
-    'easing': (
-      'standard': $motion-easing-standard,
-      'entrance': $motion-easing-entrance,
-      'exit': $motion-easing-exit,
-      'easeInBounceOut': $motion-easing-ease-in-bounce-out,
-      'focus': $motion-easing-focus
-    )
-  ),
-  'spacing': (
-    '0': $spacing-0,
-    '2': $spacing-2,
-    '4': $spacing-4,
-    '8': $spacing-8,
-    '12': $spacing-12,
-    '16': $spacing-16,
-    '24': $spacing-24,
-    '32': $spacing-32,
-    '40': $spacing-40,
-    '64': $spacing-64,
-    '104': $spacing-104,
-    '168': $spacing-168
-  ),
-  'semantic-spacing': (
-    'none': $semantic-spacing-none,
-    '2xs': $semantic-spacing-2xs,
-    'xs': $semantic-spacing-xs,
-    's': $semantic-spacing-s,
-    'm': $semantic-spacing-m,
-    'l': $semantic-spacing-l,
-    'xl': $semantic-spacing-xl,
-    '2xl': $semantic-spacing-2xl
-  ),
-  'icon': (
-    'weight': (
-      'normal': $icon-weight-normal,
-      'bold': $icon-weight-bold
-    )
-  ),
-  'typography': (
-    'weight': (
-      'normal': $typography-weight-normal,
-      'bold': $typography-weight-bold
-    ),
-    'font': (
-      'weight': (
-        'normal': $typography-font-weight-normal,
-        'bold': $typography-font-weight-bold
-      ),
-      'size': (
-        '1': $typography-font-size-1,
-        '2': $typography-font-size-2,
-        '3': $typography-font-size-3,
-        '4': $typography-font-size-4,
-        '5': $typography-font-size-5,
-        '6': $typography-font-size-6,
-        '7': $typography-font-size-7,
-        '8': $typography-font-size-8,
-        '9': $typography-font-size-9,
-        '10': $typography-font-size-10,
-        '16': $typography-font-size-16,
-        '18': $typography-font-size-18,
-        '20': $typography-font-size-20,
-        '21': $typography-font-size-21,
-        '23': $typography-font-size-23,
-        '25': $typography-font-size-25,
-        '26': $typography-font-size-26,
-        '28': $typography-font-size-28,
-        '30': $typography-font-size-30,
-        '36': $typography-font-size-36,
-        '44': $typography-font-size-44,
-        '56': $typography-font-size-56
-      )
-    ),
-    'line': (
-      'height': (
-        '24': $typography-line-height-24,
-        '28': $typography-line-height-28,
-        '32': $typography-line-height-32,
-        '36': $typography-line-height-36,
-        '40': $typography-line-height-40,
-        '44': $typography-line-height-44,
-        '52': $typography-line-height-52,
-        '64': $typography-line-height-64,
-        'flush': $typography-line-height-flush,
-        'tight': $typography-line-height-tight,
-        'relaxed': $typography-line-height-relaxed
-      )
-    ),
-    'style': (
-      'title': (
-        'small': (
-          'fontSize': $typography-style-title-small-font-size,
-          'lineHeight': $typography-style-title-small-line-height,
-          'fontWeight': $typography-style-title-small-font-weight
-        ),
-        'base': (
-          'fontSize': $typography-style-title-base-font-size,
-          'lineHeight': $typography-style-title-base-line-height,
-          'fontWeight': $typography-style-title-base-font-weight
-        )
-      ),
-      'title-small': (
-        'small': (
-          'fontSize': $typography-style-title-small-small-font-size,
-          'lineHeight': $typography-style-title-small-small-line-height,
-          'fontWeight': $typography-style-title-small-small-font-weight
-        ),
-        'base': (
-          'fontSize': $typography-style-title-small-base-font-size,
-          'lineHeight': $typography-style-title-small-base-line-height,
-          'fontWeight': $typography-style-title-small-base-font-weight
-        )
-      ),
-      'heading-1': (
-        'small': (
-          'fontSize': $typography-style-heading-1-small-font-size,
-          'lineHeight': $typography-style-heading-1-small-line-height,
-          'fontWeight': $typography-style-heading-1-small-font-weight
-        ),
-        'base': (
-          'fontSize': $typography-style-heading-1-base-font-size,
-          'lineHeight': $typography-style-heading-1-base-line-height,
-          'fontWeight': $typography-style-heading-1-base-font-weight
-        )
-      ),
-      'heading-2': (
-        'small': (
-          'fontSize': $typography-style-heading-2-small-font-size,
-          'lineHeight': $typography-style-heading-2-small-line-height,
-          'fontWeight': $typography-style-heading-2-small-font-weight
-        ),
-        'base': (
-          'fontSize': $typography-style-heading-2-base-font-size,
-          'lineHeight': $typography-style-heading-2-base-line-height,
-          'fontWeight': $typography-style-heading-2-base-font-weight
-        )
-      ),
-      'heading-3': (
-        'small': (
-          'fontSize': $typography-style-heading-3-small-font-size,
-          'lineHeight': $typography-style-heading-3-small-line-height,
-          'fontWeight': $typography-style-heading-3-small-font-weight
-        ),
-        'base': (
-          'fontSize': $typography-style-heading-3-base-font-size,
-          'lineHeight': $typography-style-heading-3-base-line-height,
-          'fontWeight': $typography-style-heading-3-base-font-weight
-        )
-      ),
-      'heading-4': (
-        'small': (
-          'fontSize': $typography-style-heading-4-small-font-size,
-          'lineHeight': $typography-style-heading-4-small-line-height,
-          'fontWeight': $typography-style-heading-4-small-font-weight
-        ),
-        'base': (
-          'fontSize': $typography-style-heading-4-base-font-size,
-          'lineHeight': $typography-style-heading-4-base-line-height,
-          'fontWeight': $typography-style-heading-4-base-font-weight
-        )
-      ),
-      'heading-5': (
-        'small': (
-          'fontSize': $typography-style-heading-5-small-font-size,
-          'lineHeight': $typography-style-heading-5-small-line-height,
-          'fontWeight': $typography-style-heading-5-small-font-weight
-        ),
-        'base': (
-          'fontSize': $typography-style-heading-5-base-font-size,
-          'lineHeight': $typography-style-heading-5-base-line-height,
-          'fontWeight': $typography-style-heading-5-base-font-weight
-        )
-      ),
-      'paragraph-large': (
-        'small': (
-          'fontSize': $typography-style-paragraph-large-small-font-size,
-          'lineHeight': $typography-style-paragraph-large-small-line-height,
-          'fontWeight': $typography-style-paragraph-large-small-font-weight
-        ),
-        'base': (
-          'fontSize': $typography-style-paragraph-large-base-font-size,
-          'lineHeight': $typography-style-paragraph-large-base-line-height,
-          'fontWeight': $typography-style-paragraph-large-base-font-weight
-        )
-      ),
-      'paragraph-medium': (
-        'small': (
-          'fontSize': $typography-style-paragraph-medium-small-font-size,
-          'lineHeight': $typography-style-paragraph-medium-small-line-height,
-          'fontWeight': $typography-style-paragraph-medium-small-font-weight
-        ),
-        'base': (
-          'fontSize': $typography-style-paragraph-medium-base-font-size,
-          'lineHeight': $typography-style-paragraph-medium-base-line-height,
-          'fontWeight': $typography-style-paragraph-medium-base-font-weight
-        )
-      ),
-      'paragraph-small': (
-        'small': (
-          'fontSize': $typography-style-paragraph-small-small-font-size,
-          'lineHeight': $typography-style-paragraph-small-small-line-height,
-          'fontWeight': $typography-style-paragraph-small-small-font-weight
-        ),
-        'base': (
-          'fontSize': $typography-style-paragraph-small-base-font-size,
-          'lineHeight': $typography-style-paragraph-small-base-line-height,
-          'fontWeight': $typography-style-paragraph-small-base-font-weight
-        )
-      ),
-      'text-large': (
-        'small': (
-          'fontSize': $typography-style-text-large-small-font-size,
-          'lineHeight': $typography-style-text-large-small-line-height,
-          'fontWeight': $typography-style-text-large-small-font-weight
-        ),
-        'base': (
-          'fontSize': $typography-style-text-large-base-font-size,
-          'lineHeight': $typography-style-text-large-base-line-height,
-          'fontWeight': $typography-style-text-large-base-font-weight
-        )
-      ),
-      'text-medium': (
-        'small': (
-          'fontSize': $typography-style-text-medium-small-font-size,
-          'lineHeight': $typography-style-text-medium-small-line-height,
-          'fontWeight': $typography-style-text-medium-small-font-weight
-        ),
-        'base': (
-          'fontSize': $typography-style-text-medium-base-font-size,
-          'lineHeight': $typography-style-text-medium-base-line-height,
-          'fontWeight': $typography-style-text-medium-base-font-weight
-        )
-      ),
-      'text-small': (
-        'small': (
-          'fontSize': $typography-style-text-small-small-font-size,
-          'lineHeight': $typography-style-text-small-small-line-height,
-          'fontWeight': $typography-style-text-small-small-font-weight
-        ),
-        'base': (
-          'fontSize': $typography-style-text-small-base-font-size,
-          'lineHeight': $typography-style-text-small-base-line-height,
-          'fontWeight': $typography-style-text-small-base-font-weight
-        )
-      ),
-      'text-micro': (
-        'small': (
-          'fontSize': $typography-style-text-micro-small-font-size,
-          'lineHeight': $typography-style-text-micro-small-line-height,
-          'fontWeight': $typography-style-text-micro-small-font-weight
-        ),
-        'base': (
-          'fontSize': $typography-style-text-micro-base-font-size,
-          'lineHeight': $typography-style-text-micro-base-line-height,
-          'fontWeight': $typography-style-text-micro-base-font-weight
-        )
-      ),
-      'body': (
-        'small': (
-          'fontSize': $typography-style-body-small-font-size,
-          'lineHeight': $typography-style-body-small-line-height,
-          'fontWeight': $typography-style-body-small-font-weight
-        ),
-        'base': (
-          'fontSize': $typography-style-body-base-font-size,
-          'lineHeight': $typography-style-body-base-line-height,
-          'fontWeight': $typography-style-body-base-font-weight
-        )
-      ),
-      'small': (
-        'small': (
-          'fontSize': $typography-style-small-small-font-size,
-          'lineHeight': $typography-style-small-small-line-height,
-          'fontWeight': $typography-style-small-small-font-weight
-        ),
-        'base': (
-          'fontSize': $typography-style-small-base-font-size,
-          'lineHeight': $typography-style-small-base-line-height,
-          'fontWeight': $typography-style-small-base-font-weight
-        )
-      )
-    ),
-    'title': (
-      'small': (
-        'fontSize': $typography-title-small-font-size,
-        'lineHeight': $typography-title-small-line-height,
-        'fontWeight': $typography-title-small-font-weight
-      ),
-      'base': (
-        'fontSize': $typography-title-base-font-size,
-        'lineHeight': $typography-title-base-line-height,
-        'fontWeight': $typography-title-base-font-weight
-      )
-    ),
-    'titleSmall': (
-      'small': (
-        'fontSize': $typography-title-small-small-font-size,
-        'lineHeight': $typography-title-small-small-line-height,
-        'fontWeight': $typography-title-small-small-font-weight
-      ),
-      'base': (
-        'fontSize': $typography-title-small-base-font-size,
-        'lineHeight': $typography-title-small-base-line-height,
-        'fontWeight': $typography-title-small-base-font-weight
-      )
-    ),
-    'heading-1': (
-      'small': (
-        'fontSize': $typography-heading-1-small-font-size,
-        'lineHeight': $typography-heading-1-small-line-height,
-        'fontWeight': $typography-heading-1-small-font-weight
-      ),
-      'base': (
-        'fontSize': $typography-heading-1-base-font-size,
-        'lineHeight': $typography-heading-1-base-line-height,
-        'fontWeight': $typography-heading-1-base-font-weight
-      )
-    ),
-    'heading-2': (
-      'small': (
-        'fontSize': $typography-heading-2-small-font-size,
-        'lineHeight': $typography-heading-2-small-line-height,
-        'fontWeight': $typography-heading-2-small-font-weight
-      ),
-      'base': (
-        'fontSize': $typography-heading-2-base-font-size,
-        'lineHeight': $typography-heading-2-base-line-height,
-        'fontWeight': $typography-heading-2-base-font-weight
-      )
-    ),
-    'heading-3': (
-      'small': (
-        'fontSize': $typography-heading-3-small-font-size,
-        'lineHeight': $typography-heading-3-small-line-height,
-        'fontWeight': $typography-heading-3-small-font-weight
-      ),
-      'base': (
-        'fontSize': $typography-heading-3-base-font-size,
-        'lineHeight': $typography-heading-3-base-line-height,
-        'fontWeight': $typography-heading-3-base-font-weight
-      )
-    ),
-    'heading-4': (
-      'small': (
-        'fontSize': $typography-heading-4-small-font-size,
-        'lineHeight': $typography-heading-4-small-line-height,
-        'fontWeight': $typography-heading-4-small-font-weight
-      ),
-      'base': (
-        'fontSize': $typography-heading-4-base-font-size,
-        'lineHeight': $typography-heading-4-base-line-height,
-        'fontWeight': $typography-heading-4-base-font-weight
-      )
-    ),
-    'heading-5': (
-      'small': (
-        'fontSize': $typography-heading-5-small-font-size,
-        'lineHeight': $typography-heading-5-small-line-height,
-        'fontWeight': $typography-heading-5-small-font-weight
-      ),
-      'base': (
-        'fontSize': $typography-heading-5-base-font-size,
-        'lineHeight': $typography-heading-5-base-line-height,
-        'fontWeight': $typography-heading-5-base-font-weight
-      )
-    ),
-    'body': (
-      'small': (
-        'fontSize': $typography-body-small-font-size,
-        'lineHeight': $typography-body-small-line-height,
-        'fontWeight': $typography-body-small-font-weight
-      ),
-      'base': (
-        'fontSize': $typography-body-base-font-size,
-        'lineHeight': $typography-body-base-line-height,
-        'fontWeight': $typography-body-base-font-weight
-      )
-    ),
-    'small': (
-      'small': (
-        'fontSize': $typography-small-small-font-size,
-        'lineHeight': $typography-small-small-line-height,
-        'fontWeight': $typography-small-small-font-weight
-      ),
-      'base': (
-        'fontSize': $typography-small-base-font-size,
-        'lineHeight': $typography-small-base-line-height,
-        'fontWeight': $typography-small-base-font-weight
-      )
-    )
-  )
-);