@norges-domstoler/dds-components 5.4.1 → 6.0.0

package/dist/components/Typography/Typography.tokens.js

@@ -1,495 +1,367 @@
 import { ddsBaseTokens, ddsReferenceTokens } from '@norges-domstoler/dds-design-tokens';
-import { focusVisibleLink } from '../../helpers/styling/focusVisible.js';
 
-var Colors = ddsBaseTokens.colors,
-    FontPackages = ddsBaseTokens.fontPackages,
-    Spacing = ddsBaseTokens.spacing;
+var colors = ddsBaseTokens.colors,
+    fontPackages = ddsBaseTokens.fontPackages,
+    spacing = ddsBaseTokens.spacing;
 var textDefault = ddsReferenceTokens.textDefault;
-var textColors = {
-  interactive: Colors.DdsColorInteractiveBase,
-  primary: Colors.DdsColorPrimaryBase,
-  danger: Colors.DdsColorDangerBase,
-  success: Colors.DdsColorSuccessBase,
-  warning: Colors.DdsColorWarningBase,
-  onLight: textDefault.textColor,
-  onDark: Colors.DdsColorNeutralsWhite,
-  gray1: Colors.DdsColorNeutralsGray1,
-  gray2: Colors.DdsColorNeutralsGray2,
-  gray3: Colors.DdsColorNeutralsGray3,
-  gray4: Colors.DdsColorNeutralsGray4,
-  gray5: Colors.DdsColorNeutralsGray5,
-  gray6: Colors.DdsColorNeutralsGray6,
-  gray7: Colors.DdsColorNeutralsGray7,
-  gray8: Colors.DdsColorNeutralsGray8,
-  gray9: Colors.DdsColorNeutralsGray9
-};
-var textColorsArray = ['interactive', 'primary', 'danger', 'success', 'warning', 'onLight', 'onDark', 'gray1', 'gray2', 'gray3', 'gray4', 'gray5', 'gray6', 'gray7', 'gray8', 'gray9'];
-var aBase = {
-  color: Colors.DdsColorInteractiveBase,
-  font: 'inherit',
-  textDecoration: 'underline',
-  width: 'fit-content'
-};
-var aMarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.body_sans_02.paragraph.paragraphSpacing
-};
-var aHoverBase = {
-  color: Colors.DdsColorInteractiveDark
-};
-var aFocusBase = Object.assign({}, focusVisibleLink);
-var aBoldBase = Object.assign(Object.assign({}, FontPackages.body_sans_02), {
-  fontWeight: 600
-});
-var boldBase = {
+var a = {
+  base: {
+    color: colors.DdsColorInteractiveBase,
+    gap: spacing.SizesDdsSpacingLocalX0125
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.body_sans_02.paragraph.paragraphSpacing
+  },
+  hover: {
+    color: colors.DdsColorInteractiveDark
+  }
+};
+var bold = {
   fontWeight: 600
 };
-var underlineBase = {
-  textDecoration: 'underline'
-};
-var italicBase = {
-  fontStyle: 'italic'
-};
-var headingSans01Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.heading_sans_01.base);
-var headingSans01MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.heading_sans_01.paragraph.paragraphSpacing,
-  paddingTop: Spacing.SpacingDdsSpacingPaddingTopHeadingSans01Top
-};
-var headingSans02Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.heading_sans_02.base);
-var headingSans02MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.heading_sans_02.paragraph.paragraphSpacing,
-  paddingTop: Spacing.SpacingDdsSpacingPaddingTopHeadingSans02Top
-};
-var headingSans03Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.heading_sans_03.base);
-var headingSans03MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.heading_sans_03.paragraph.paragraphSpacing,
-  paddingTop: Spacing.SpacingDdsSpacingPaddingTopHeadingSans03Top
-};
-var headingSans04Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.heading_sans_04.base);
-var headingSans04MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.heading_sans_04.paragraph.paragraphSpacing,
-  paddingTop: Spacing.SpacingDdsSpacingPaddingTopHeadingSans04Top
-};
-var headingSans05Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.heading_sans_05.base);
-var headingSans05MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.heading_sans_05.paragraph.paragraphSpacing,
-  paddingTop: Spacing.SpacingDdsSpacingPaddingTopHeadingSans05Top
-};
-var headingSans06Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.heading_sans_06.base);
-var headingSans06MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.heading_sans_06.paragraph.paragraphSpacing,
-  paddingTop: Spacing.SpacingDdsSpacingPaddingTopHeadingSans06Top
-};
-var headingSans07Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.heading_sans_07.base);
-var headingSans07MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.heading_sans_07.paragraph.paragraphSpacing,
-  paddingTop: Spacing.SpacingDdsSpacingPaddingTopHeadingSans07Top
-};
-var headingSans08Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.heading_sans_08.base);
-var headingSans08MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.heading_sans_08.paragraph.paragraphSpacing,
-  paddingTop: Spacing.SpacingDdsSpacingPaddingTopHeadingSans08Top
-};
-var bodySans01Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.body_sans_01.base);
-var bodySans01MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.body_sans_01.paragraph.paragraphSpacing
-};
-var bodySans02Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.body_sans_02.base);
-var bodySans02MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.body_sans_02.paragraph.paragraphSpacing
-};
-var bodySans03Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.body_sans_03.base);
-var bodySans03MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.body_sans_03.paragraph.paragraphSpacing
-};
-var bodySans04Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.body_sans_04.base);
-var bodySans04MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.body_sans_04.paragraph.paragraphSpacing
-};
-var bodySerif01Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.body_serif_01.base);
-var bodySerif01MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.body_serif_01.paragraph.paragraphSpacing
-};
-var bodySerif02Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.body_serif_02.base);
-var bodySerif02MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.body_serif_02.paragraph.paragraphSpacing
-};
-var bodySerif03Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.body_serif_03.base);
-var bodySerif03MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.body_serif_03.paragraph.paragraphSpacing
-};
-var bodySerif04Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.body_serif_04.base);
-var bodySerif04MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.body_serif_04.paragraph.paragraphSpacing
-};
-var leadSans01Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.lead_sans_01.base);
-var leadSans01MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.lead_sans_01.paragraph.paragraphSpacing
-};
-var leadSans02Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.lead_sans_02.base);
-var leadSans02MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.lead_sans_02.paragraph.paragraphSpacing
-};
-var leadSans03Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.lead_sans_03.base);
-var leadSans03MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.lead_sans_03.paragraph.paragraphSpacing
-};
-var leadSans04Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.lead_sans_04.base);
-var leadSans04MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.lead_sans_04.paragraph.paragraphSpacing
-};
-var leadSans05Base = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.lead_sans_05.base);
-var leadSans05MarginsBase = {
-  marginTop: 0,
-  marginBottom: FontPackages.lead_sans_05.paragraph.paragraphSpacing
-};
-var supportingStyleLabel01Base = Object.assign(Object.assign({
-  color: Colors.DdsColorNeutralsGray7
-}, FontPackages.supportingStyle_label_01.base), {
-  margin: 0
-});
-var supportingStyleLabel01MarginsBase = {
-  marginTop: FontPackages.supportingStyle_label_01.paragraph.paragraphSpacing,
-  marginBottom: FontPackages.supportingStyle_label_01.paragraph.paragraphSpacing
-};
-var supportingStyleHelperText01Base = Object.assign(Object.assign({
-  color: Colors.DdsColorNeutralsGray6
-}, FontPackages.supportingStyle_helpertext_01.base), {
-  margin: 0
-});
-var supportingStyleHelperText01MarginsBase = {
-  marginTop: FontPackages.supportingStyle_helpertext_01.paragraph.paragraphSpacing,
-  marginBottom: FontPackages.supportingStyle_helpertext_01.paragraph.paragraphSpacing
-};
-var supportingStyleInputText01Base = Object.assign(Object.assign({
-  color: textDefault.textColor
-}, FontPackages.supportingStyle_inputtext_01.base), {
-  margin: 0
-});
-var supportingStyleInputText01MarginsBase = {
-  marginTop: FontPackages.supportingStyle_inputtext_01.paragraph.paragraphSpacing,
-  marginBottom: FontPackages.supportingStyle_inputtext_01.paragraph.paragraphSpacing
-};
-var supportingStyleInputText02Base = Object.assign(Object.assign({
-  color: textDefault.textColor
-}, FontPackages.supportingStyle_inputtext_02.base), {
-  margin: 0
-});
-var supportingStyleInputText02MarginsBase = {
-  marginTop: FontPackages.supportingStyle_inputtext_02.paragraph.paragraphSpacing,
-  marginBottom: FontPackages.supportingStyle_inputtext_02.paragraph.paragraphSpacing
-};
-var supportingStyleInputText03Base = Object.assign(Object.assign({
-  color: textDefault.textColor
-}, FontPackages.supportingStyle_inputtext_03.base), {
-  margin: 0
-});
-var supportingStyleInputText03MarginsBase = {
-  marginTop: FontPackages.supportingStyle_inputtext_03.paragraph.paragraphSpacing,
-  marginBottom: FontPackages.supportingStyle_inputtext_03.paragraph.paragraphSpacing
-};
-var supportingStylePlaceholderText01Base = Object.assign(Object.assign({
-  color: Colors.DdsColorNeutralsGray6
-}, FontPackages.supportingStyle_placeholdertext_01.base), {
-  margin: 0
-});
-var supportingStylePlaceholderText01MarginsBase = {
-  marginTop: FontPackages.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing,
-  marginBottom: FontPackages.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing
-};
-var supportingStyleTiny01Base = Object.assign(Object.assign({
-  color: textDefault.textColor
-}, FontPackages.supportingStyle_tiny_01.base), {
-  margin: 0
-});
-var supportingStyleTiny01MarginsBase = {
-  marginTop: FontPackages.supportingStyle_tiny_01.paragraph.paragraphSpacing,
-  marginBottom: FontPackages.supportingStyle_tiny_01.paragraph.paragraphSpacing
-};
-var supportingStyleTiny02Base = Object.assign(Object.assign({
-  color: textDefault.textColor
-}, FontPackages.supportingStyle_tiny_02.base), {
-  margin: 0
-});
-var supportingStyleTiny02MarginsBase = {
-  marginTop: FontPackages.supportingStyle_tiny_02.paragraph.paragraphSpacing,
-  marginBottom: FontPackages.supportingStyle_tiny_02.paragraph.paragraphSpacing
-};
-var selectionBase = {
-  color: textDefault.textColor,
-  backgroundColor: Colors.DdsColorTertiaryLightest
+var headingSans01 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.heading_sans_01.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.heading_sans_01.paragraph.paragraphSpacing,
+    paddingTop: spacing.SpacingDdsSpacingPaddingTopHeadingSans01Top
+  }
+};
+var headingSans02 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.heading_sans_02.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.heading_sans_02.paragraph.paragraphSpacing,
+    paddingTop: spacing.SpacingDdsSpacingPaddingTopHeadingSans02Top
+  }
 };
-var typographyTokens = {
-  selection: {
-    base: selectionBase
+var headingSans03 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.heading_sans_03.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.heading_sans_03.paragraph.paragraphSpacing,
+    paddingTop: spacing.SpacingDdsSpacingPaddingTopHeadingSans03Top
+  }
+};
+var headingSans04 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.heading_sans_04.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.heading_sans_04.paragraph.paragraphSpacing,
+    paddingTop: spacing.SpacingDdsSpacingPaddingTopHeadingSans04Top
+  }
+};
+var headingSans05 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.heading_sans_05.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.heading_sans_05.paragraph.paragraphSpacing,
+    paddingTop: spacing.SpacingDdsSpacingPaddingTopHeadingSans05Top
+  }
+};
+var headingSans06 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.heading_sans_06.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.heading_sans_06.paragraph.paragraphSpacing,
+    paddingTop: spacing.SpacingDdsSpacingPaddingTopHeadingSans06Top
+  }
+};
+var headingSans07 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.heading_sans_07.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.heading_sans_07.paragraph.paragraphSpacing,
+    paddingTop: spacing.SpacingDdsSpacingPaddingTopHeadingSans07Top
+  }
+};
+var headingSans08 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.heading_sans_08.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.heading_sans_08.paragraph.paragraphSpacing,
+    paddingTop: spacing.SpacingDdsSpacingPaddingTopHeadingSans08Top
+  }
+};
+var bodySans01 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.body_sans_01.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.body_sans_01.paragraph.paragraphSpacing
+  }
+};
+var bodySans02 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.body_sans_02.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.body_sans_02.paragraph.paragraphSpacing
+  }
+};
+var bodySans03 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.body_sans_03.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.body_sans_03.paragraph.paragraphSpacing
+  }
+};
+var bodySans04 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.body_sans_04.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.body_sans_04.paragraph.paragraphSpacing
+  }
+};
+var bodySerif01 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.body_serif_01.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.body_serif_01.paragraph.paragraphSpacing
+  }
+};
+var bodySerif02 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.body_serif_02.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.body_serif_02.paragraph.paragraphSpacing
+  }
+};
+var bodySerif03 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.body_serif_03.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.body_serif_03.paragraph.paragraphSpacing
+  }
+};
+var bodySerif04 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.body_serif_04.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.body_serif_04.paragraph.paragraphSpacing
+  }
+};
+var leadSans01 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.lead_sans_01.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.lead_sans_01.paragraph.paragraphSpacing
+  }
+};
+var leadSans02 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.lead_sans_02.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.lead_sans_02.paragraph.paragraphSpacing
+  }
+};
+var leadSans03 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.lead_sans_03.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.lead_sans_03.paragraph.paragraphSpacing
+  }
+};
+var leadSans04 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.lead_sans_04.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.lead_sans_04.paragraph.paragraphSpacing
+  }
+};
+var leadSans05 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.lead_sans_05.base
+  },
+  margins: {
+    marginTop: 0,
+    marginBottom: fontPackages.lead_sans_05.paragraph.paragraphSpacing
+  }
+};
+var supportingStyleLabel01 = {
+  base: {
+    color: colors.DdsColorNeutralsGray7,
+    font: fontPackages.supportingStyle_label_01.base,
+    margin: 0
+  },
+  margins: {
+    marginTop: fontPackages.supportingStyle_label_01.paragraph.paragraphSpacing,
+    marginBottom: fontPackages.supportingStyle_label_01.paragraph.paragraphSpacing
+  }
+};
+var supportingStyleHelperText01 = {
+  base: {
+    color: colors.DdsColorNeutralsGray6,
+    font: fontPackages.supportingStyle_helpertext_01.base,
+    margin: 0
+  },
+  margins: {
+    marginTop: fontPackages.supportingStyle_helpertext_01.paragraph.paragraphSpacing,
+    marginBottom: fontPackages.supportingStyle_helpertext_01.paragraph.paragraphSpacing
+  }
+};
+var supportingStyleInputText01 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.supportingStyle_inputtext_01.base,
+    margin: 0
+  },
+  margins: {
+    marginTop: fontPackages.supportingStyle_inputtext_01.paragraph.paragraphSpacing,
+    marginBottom: fontPackages.supportingStyle_inputtext_01.paragraph.paragraphSpacing
+  }
+};
+var supportingStyleInputText02 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.supportingStyle_inputtext_02.base,
+    margin: 0
+  },
+  margins: {
+    marginTop: fontPackages.supportingStyle_inputtext_02.paragraph.paragraphSpacing,
+    marginBottom: fontPackages.supportingStyle_inputtext_02.paragraph.paragraphSpacing
+  }
+};
+var supportingStyleInputText03 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.supportingStyle_inputtext_03.base,
+    margin: 0
   },
+  margins: {
+    marginTop: fontPackages.supportingStyle_inputtext_03.paragraph.paragraphSpacing,
+    marginBottom: fontPackages.supportingStyle_inputtext_03.paragraph.paragraphSpacing
+  }
+};
+var supportingStylePlaceholderText01 = {
+  base: {
+    color: colors.DdsColorNeutralsGray6,
+    font: fontPackages.supportingStyle_placeholdertext_01.base,
+    margin: 0
+  },
+  margins: {
+    marginTop: fontPackages.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing,
+    marginBottom: fontPackages.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing
+  }
+};
+var supportingStyleTiny01 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.supportingStyle_tiny_01.base,
+    margin: 0
+  },
+  margins: {
+    marginTop: fontPackages.supportingStyle_tiny_01.paragraph.paragraphSpacing,
+    marginBottom: fontPackages.supportingStyle_tiny_01.paragraph.paragraphSpacing
+  }
+};
+var supportingStyleTiny02 = {
+  base: {
+    color: textDefault.textColor,
+    font: fontPackages.supportingStyle_tiny_02.base,
+    margin: 0
+  },
+  margins: {
+    marginTop: fontPackages.supportingStyle_tiny_02.paragraph.paragraphSpacing,
+    marginBottom: fontPackages.supportingStyle_tiny_02.paragraph.paragraphSpacing
+  }
+};
+var typographyTokens = {
   typographyType: {
-    a: {
-      base: aBase,
-      hover: {
-        base: aHoverBase
-      },
-      margins: {
-        base: aMarginsBase
-      },
-      focus: {
-        base: aFocusBase
-      },
-      bold: {
-        base: aBoldBase
-      },
-      icon: {
-        marginLeft: Spacing.SizesDdsSpacingLocalX0125
-      }
-    },
-    headingSans01: {
-      base: headingSans01Base,
-      margins: {
-        base: headingSans01MarginsBase
-      }
-    },
-    headingSans02: {
-      base: headingSans02Base,
-      margins: {
-        base: headingSans02MarginsBase
-      }
-    },
-    headingSans03: {
-      base: headingSans03Base,
-      margins: {
-        base: headingSans03MarginsBase
-      }
-    },
-    headingSans04: {
-      base: headingSans04Base,
-      margins: {
-        base: headingSans04MarginsBase
-      }
-    },
-    headingSans05: {
-      base: headingSans05Base,
-      margins: {
-        base: headingSans05MarginsBase
-      }
-    },
-    headingSans06: {
-      base: headingSans06Base,
-      margins: {
-        base: headingSans06MarginsBase
-      }
-    },
-    headingSans07: {
-      base: headingSans07Base,
-      margins: {
-        base: headingSans07MarginsBase
-      }
-    },
-    headingSans08: {
-      base: headingSans08Base,
-      margins: {
-        base: headingSans08MarginsBase
-      }
-    },
-    bodySans01: {
-      base: bodySans01Base,
-      margins: {
-        base: bodySans01MarginsBase
-      }
-    },
-    bodySans02: {
-      base: bodySans02Base,
-      margins: {
-        base: bodySans02MarginsBase
-      }
-    },
-    bodySans03: {
-      base: bodySans03Base,
-      margins: {
-        base: bodySans03MarginsBase
-      }
-    },
-    bodySans04: {
-      base: bodySans04Base,
-      margins: {
-        base: bodySans04MarginsBase
-      }
-    },
-    bodySerif01: {
-      base: bodySerif01Base,
-      margins: {
-        base: bodySerif01MarginsBase
-      }
-    },
-    bodySerif02: {
-      base: bodySerif02Base,
-      margins: {
-        base: bodySerif02MarginsBase
-      }
-    },
-    bodySerif03: {
-      base: bodySerif03Base,
-      margins: {
-        base: bodySerif03MarginsBase
-      }
-    },
-    bodySerif04: {
-      base: bodySerif04Base,
-      margins: {
-        base: bodySerif04MarginsBase
-      }
-    },
-    leadSans01: {
-      base: leadSans01Base,
-      margins: {
-        base: leadSans01MarginsBase
-      }
-    },
-    leadSans02: {
-      base: leadSans02Base,
-      margins: {
-        base: leadSans02MarginsBase
-      }
-    },
-    leadSans03: {
-      base: leadSans03Base,
-      margins: {
-        base: leadSans03MarginsBase
-      }
-    },
-    leadSans04: {
-      base: leadSans04Base,
-      margins: {
-        base: leadSans04MarginsBase
-      }
-    },
-    leadSans05: {
-      base: leadSans05Base,
-      margins: {
-        base: leadSans05MarginsBase
-      }
-    },
-    supportingStyleLabel01: {
-      base: supportingStyleLabel01Base,
-      margins: {
-        base: supportingStyleLabel01MarginsBase
-      }
-    },
-    supportingStyleHelperText01: {
-      base: supportingStyleHelperText01Base,
-      margins: {
-        base: supportingStyleHelperText01MarginsBase
-      }
-    },
-    supportingStyleInputText01: {
-      base: supportingStyleInputText01Base,
-      margins: {
-        base: supportingStyleInputText01MarginsBase
-      }
-    },
-    supportingStyleInputText02: {
-      base: supportingStyleInputText02Base,
-      margins: {
-        base: supportingStyleInputText02MarginsBase
-      }
-    },
-    supportingStyleInputText03: {
-      base: supportingStyleInputText03Base,
-      margins: {
-        base: supportingStyleInputText03MarginsBase
-      }
-    },
-    supportingStylePlaceholderText01: {
-      base: supportingStylePlaceholderText01Base,
-      margins: {
-        base: supportingStylePlaceholderText01MarginsBase
-      }
-    },
-    supportingStyleTiny01: {
-      base: supportingStyleTiny01Base,
-      margins: {
-        base: supportingStyleTiny01MarginsBase
-      }
-    },
-    supportingStyleTiny02: {
-      base: supportingStyleTiny02Base,
-      margins: {
-        base: supportingStyleTiny02MarginsBase
-      }
-    }
+    a: a,
+    headingSans01: headingSans01,
+    headingSans02: headingSans02,
+    headingSans03: headingSans03,
+    headingSans04: headingSans04,
+    headingSans05: headingSans05,
+    headingSans06: headingSans06,
+    headingSans07: headingSans07,
+    headingSans08: headingSans08,
+    bodySans01: bodySans01,
+    bodySans02: bodySans02,
+    bodySans03: bodySans03,
+    bodySans04: bodySans04,
+    bodySerif01: bodySerif01,
+    bodySerif02: bodySerif02,
+    bodySerif03: bodySerif03,
+    bodySerif04: bodySerif04,
+    leadSans01: leadSans01,
+    leadSans02: leadSans02,
+    leadSans03: leadSans03,
+    leadSans04: leadSans04,
+    leadSans05: leadSans05,
+    supportingStyleLabel01: supportingStyleLabel01,
+    supportingStyleHelperText01: supportingStyleHelperText01,
+    supportingStyleInputText01: supportingStyleInputText01,
+    supportingStyleInputText02: supportingStyleInputText02,
+    supportingStyleInputText03: supportingStyleInputText03,
+    supportingStylePlaceholderText01: supportingStylePlaceholderText01,
+    supportingStyleTiny01: supportingStyleTiny01,
+    supportingStyleTiny02: supportingStyleTiny02
   },
   style: {
-    bold: {
-      base: boldBase
-    },
-    italic: {
-      base: italicBase
-    },
-    underline: {
-      base: underlineBase
-    }
+    bold: bold
   }
 };
 
-export { textColors, textColorsArray, typographyTokens };
+export { typographyTokens };