@granto-umbrella/umbrella-components 3.0.32 → 3.0.34

package/src/styles/tokens/typography.ts

@@ -1,161 +1,161 @@
-export const typographyTokens = {
-  fontFamily: {
-    base: "'Mulish', sans-serif",
-  },
-  fontSizes: {
-    displayXL: '36px',
-    displayL: '32px',
-    displayM: '24px',
-    headingL: '20px',
-    headingM: '18px',
-    headingS: '16px',
-    bodyL: '20px',
-    bodyM: '18px',
-    bodyS: '16px',
-    bodyXS: '14px',
-    labelL: '18px',
-    labelM: '16px',
-    labelS: '14px',
-    captionM: '12px',
-    captionS: '10px',
-  },
-  lineHeights: {
-    displayXL: '44px',
-    displayL: '38px',
-    displayM: '28px',
-    headingL: '26px',
-    headingM: '24px',
-    headingS: '22px',
-    bodyL: '26px',
-    bodyM: '24px',
-    bodyS: '22px',
-    bodyXS: '18.2px',
-    labelL: '24px',
-    labelM: '22px',
-    labelS: '18px',
-    captionM: '16px',
-    captionS: '14px',
-  },
-  fontWeights: {
-    bold: '700',
-    semibold: '600',
-    medium: '500',
-    regular: '400',
-  },
-  letterSpacing: {
-    displayXL: '-3%',
-    displayL: '-2%',
-    default: '0%',
-  },
-};
-
-export const textStyles = {
-  displayXL: {
-    fontSize: typographyTokens.fontSizes.displayXL,
-    lineHeight: typographyTokens.lineHeights.displayXL,
-    fontWeight: typographyTokens.fontWeights.semibold,
-    letterSpacing: typographyTokens.letterSpacing.displayXL,
-  },
-  displayL: {
-    fontSize: typographyTokens.fontSizes.displayL,
-    lineHeight: typographyTokens.lineHeights.displayL,
-    fontWeight: typographyTokens.fontWeights.semibold,
-    letterSpacing: typographyTokens.letterSpacing.displayL,
-  },
-  displayM: {
-    fontSize: typographyTokens.fontSizes.displayM,
-    lineHeight: typographyTokens.lineHeights.displayM,
-    fontWeight: typographyTokens.fontWeights.medium,
-    letterSpacing: typographyTokens.letterSpacing.default,
-  },
-  headingL: {
-    fontSize: typographyTokens.fontSizes.headingL,
-    lineHeight: typographyTokens.lineHeights.headingL,
-    fontWeight: typographyTokens.fontWeights.medium,
-    letterSpacing: typographyTokens.letterSpacing.default,
-  },
-  headingM: {
-    fontSize: typographyTokens.fontSizes.headingM,
-    lineHeight: typographyTokens.lineHeights.headingM,
-    fontWeight: typographyTokens.fontWeights.medium,
-    letterSpacing: typographyTokens.letterSpacing.default,
-  },
-  headingS: {
-    fontSize: typographyTokens.fontSizes.headingS,
-    lineHeight: typographyTokens.lineHeights.headingS,
-    fontWeight: typographyTokens.fontWeights.medium,
-    letterSpacing: typographyTokens.letterSpacing.default,
-  },
-  bodyL: {
-    fontSize: typographyTokens.fontSizes.bodyL,
-    lineHeight: typographyTokens.lineHeights.bodyL,
-    fontWeight: typographyTokens.fontWeights.medium,
-    letterSpacing: typographyTokens.letterSpacing.default,
-  },
-  bodyM: {
-    fontSize: typographyTokens.fontSizes.bodyM,
-    lineHeight: typographyTokens.lineHeights.bodyM,
-    fontWeight: typographyTokens.fontWeights.medium,
-    letterSpacing: typographyTokens.letterSpacing.default,
-  },
-  bodyS: {
-    fontSize: typographyTokens.fontSizes.bodyS,
-    lineHeight: typographyTokens.lineHeights.bodyS,
-    fontWeight: typographyTokens.fontWeights.medium,
-    letterSpacing: typographyTokens.letterSpacing.default,
-  },
-  bodyS_semibold: {
-    fontSize: typographyTokens.fontSizes.bodyS,
-    lineHeight: typographyTokens.lineHeights.bodyS,
-    fontWeight: typographyTokens.fontWeights.semibold,
-    letterSpacing: typographyTokens.letterSpacing.default,
-  },
-  bodyXS: {
-    fontSize: typographyTokens.fontSizes.bodyXS,
-    lineHeight: typographyTokens.lineHeights.bodyXS,
-    fontWeight: typographyTokens.fontWeights.medium,
-    letterSpacing: typographyTokens.letterSpacing.default,
-  },
-  bodyXS_semibold: {
-    fontSize: typographyTokens.fontSizes.bodyXS,
-    lineHeight: typographyTokens.lineHeights.bodyXS,
-    fontWeight: typographyTokens.fontWeights.semibold,
-    letterSpacing: typographyTokens.letterSpacing.default,
-  },
-  labelL: {
-    fontSize: typographyTokens.fontSizes.labelL,
-    lineHeight: typographyTokens.lineHeights.labelL,
-    fontWeight: typographyTokens.fontWeights.semibold,
-    letterSpacing: typographyTokens.letterSpacing.default,
-  },
-  labelM_regular: {
-    fontSize: typographyTokens.fontSizes.labelM,
-    lineHeight: typographyTokens.lineHeights.labelM,
-    fontWeight: typographyTokens.fontWeights.regular,
-    letterSpacing: typographyTokens.letterSpacing.default,
-  },
-  labelM_medium: {
-    fontSize: typographyTokens.fontSizes.labelM,
-    lineHeight: typographyTokens.lineHeights.labelM,
-    fontWeight: typographyTokens.fontWeights.medium,
-    letterSpacing: typographyTokens.letterSpacing.default,
-  },
-  labelS: {
-    fontSize: typographyTokens.fontSizes.labelS,
-    lineHeight: typographyTokens.lineHeights.labelS,
-    fontWeight: typographyTokens.fontWeights.medium,
-    letterSpacing: typographyTokens.letterSpacing.default,
-  },
-  captionM: {
-    fontSize: typographyTokens.fontSizes.captionM,
-    lineHeight: typographyTokens.lineHeights.captionM,
-    fontWeight: typographyTokens.fontWeights.medium,
-    letterSpacing: typographyTokens.letterSpacing.default,
-  },
-  captionS: {
-    fontSize: typographyTokens.fontSizes.captionS,
-    lineHeight: typographyTokens.lineHeights.captionS,
-    fontWeight: typographyTokens.fontWeights.medium,
-    letterSpacing: typographyTokens.letterSpacing.default,
-  },
-};
+export const typographyTokens = {
+  fontFamily: {
+    base: "'Mulish', sans-serif",
+  },
+  fontSizes: {
+    displayXL: '36px',
+    displayL: '32px',
+    displayM: '24px',
+    headingL: '20px',
+    headingM: '18px',
+    headingS: '16px',
+    bodyL: '20px',
+    bodyM: '18px',
+    bodyS: '16px',
+    bodyXS: '14px',
+    labelL: '18px',
+    labelM: '16px',
+    labelS: '14px',
+    captionM: '12px',
+    captionS: '10px',
+  },
+  lineHeights: {
+    displayXL: '44px',
+    displayL: '38px',
+    displayM: '28px',
+    headingL: '26px',
+    headingM: '24px',
+    headingS: '22px',
+    bodyL: '26px',
+    bodyM: '24px',
+    bodyS: '22px',
+    bodyXS: '18.2px',
+    labelL: '24px',
+    labelM: '22px',
+    labelS: '18px',
+    captionM: '16px',
+    captionS: '14px',
+  },
+  fontWeights: {
+    bold: '700',
+    semibold: '600',
+    medium: '500',
+    regular: '400',
+  },
+  letterSpacing: {
+    displayXL: '-3%',
+    displayL: '-2%',
+    default: '0%',
+  },
+};
+
+export const textStyles = {
+  displayXL: {
+    fontSize: typographyTokens.fontSizes.displayXL,
+    lineHeight: typographyTokens.lineHeights.displayXL,
+    fontWeight: typographyTokens.fontWeights.semibold,
+    letterSpacing: typographyTokens.letterSpacing.displayXL,
+  },
+  displayL: {
+    fontSize: typographyTokens.fontSizes.displayL,
+    lineHeight: typographyTokens.lineHeights.displayL,
+    fontWeight: typographyTokens.fontWeights.semibold,
+    letterSpacing: typographyTokens.letterSpacing.displayL,
+  },
+  displayM: {
+    fontSize: typographyTokens.fontSizes.displayM,
+    lineHeight: typographyTokens.lineHeights.displayM,
+    fontWeight: typographyTokens.fontWeights.medium,
+    letterSpacing: typographyTokens.letterSpacing.default,
+  },
+  headingL: {
+    fontSize: typographyTokens.fontSizes.headingL,
+    lineHeight: typographyTokens.lineHeights.headingL,
+    fontWeight: typographyTokens.fontWeights.medium,
+    letterSpacing: typographyTokens.letterSpacing.default,
+  },
+  headingM: {
+    fontSize: typographyTokens.fontSizes.headingM,
+    lineHeight: typographyTokens.lineHeights.headingM,
+    fontWeight: typographyTokens.fontWeights.medium,
+    letterSpacing: typographyTokens.letterSpacing.default,
+  },
+  headingS: {
+    fontSize: typographyTokens.fontSizes.headingS,
+    lineHeight: typographyTokens.lineHeights.headingS,
+    fontWeight: typographyTokens.fontWeights.medium,
+    letterSpacing: typographyTokens.letterSpacing.default,
+  },
+  bodyL: {
+    fontSize: typographyTokens.fontSizes.bodyL,
+    lineHeight: typographyTokens.lineHeights.bodyL,
+    fontWeight: typographyTokens.fontWeights.medium,
+    letterSpacing: typographyTokens.letterSpacing.default,
+  },
+  bodyM: {
+    fontSize: typographyTokens.fontSizes.bodyM,
+    lineHeight: typographyTokens.lineHeights.bodyM,
+    fontWeight: typographyTokens.fontWeights.medium,
+    letterSpacing: typographyTokens.letterSpacing.default,
+  },
+  bodyS: {
+    fontSize: typographyTokens.fontSizes.bodyS,
+    lineHeight: typographyTokens.lineHeights.bodyS,
+    fontWeight: typographyTokens.fontWeights.medium,
+    letterSpacing: typographyTokens.letterSpacing.default,
+  },
+  bodyS_semibold: {
+    fontSize: typographyTokens.fontSizes.bodyS,
+    lineHeight: typographyTokens.lineHeights.bodyS,
+    fontWeight: typographyTokens.fontWeights.semibold,
+    letterSpacing: typographyTokens.letterSpacing.default,
+  },
+  bodyXS: {
+    fontSize: typographyTokens.fontSizes.bodyXS,
+    lineHeight: typographyTokens.lineHeights.bodyXS,
+    fontWeight: typographyTokens.fontWeights.medium,
+    letterSpacing: typographyTokens.letterSpacing.default,
+  },
+  bodyXS_semibold: {
+    fontSize: typographyTokens.fontSizes.bodyXS,
+    lineHeight: typographyTokens.lineHeights.bodyXS,
+    fontWeight: typographyTokens.fontWeights.semibold,
+    letterSpacing: typographyTokens.letterSpacing.default,
+  },
+  labelL: {
+    fontSize: typographyTokens.fontSizes.labelL,
+    lineHeight: typographyTokens.lineHeights.labelL,
+    fontWeight: typographyTokens.fontWeights.semibold,
+    letterSpacing: typographyTokens.letterSpacing.default,
+  },
+  labelM_regular: {
+    fontSize: typographyTokens.fontSizes.labelM,
+    lineHeight: typographyTokens.lineHeights.labelM,
+    fontWeight: typographyTokens.fontWeights.regular,
+    letterSpacing: typographyTokens.letterSpacing.default,
+  },
+  labelM_medium: {
+    fontSize: typographyTokens.fontSizes.labelM,
+    lineHeight: typographyTokens.lineHeights.labelM,
+    fontWeight: typographyTokens.fontWeights.medium,
+    letterSpacing: typographyTokens.letterSpacing.default,
+  },
+  labelS: {
+    fontSize: typographyTokens.fontSizes.labelS,
+    lineHeight: typographyTokens.lineHeights.labelS,
+    fontWeight: typographyTokens.fontWeights.medium,
+    letterSpacing: typographyTokens.letterSpacing.default,
+  },
+  captionM: {
+    fontSize: typographyTokens.fontSizes.captionM,
+    lineHeight: typographyTokens.lineHeights.captionM,
+    fontWeight: typographyTokens.fontWeights.medium,
+    letterSpacing: typographyTokens.letterSpacing.default,
+  },
+  captionS: {
+    fontSize: typographyTokens.fontSizes.captionS,
+    lineHeight: typographyTokens.lineHeights.captionS,
+    fontWeight: typographyTokens.fontWeights.medium,
+    letterSpacing: typographyTokens.letterSpacing.default,
+  },
+};

package/src/types/colors.types.ts

@@ -1,21 +1,21 @@
-interface ColorSet {
-  [key: number]: string;
-}
-
-export interface NestedColorTokens {
-  [key: string]: string | NestedColorTokens;
-}
-
-export interface PrimitiveColors {
-  base: {
-    white: string;
-    black: string;
-  };
-  gray: ColorSet;
-  purple: ColorSet;
-  green: ColorSet;
-  red: ColorSet;
-  blue: ColorSet;
-  orange: ColorSet;
-  yellow: ColorSet;
-}
+interface ColorSet {
+  [key: number]: string;
+}
+
+export interface NestedColorTokens {
+  [key: string]: string | NestedColorTokens;
+}
+
+export interface PrimitiveColors {
+  base: {
+    white: string;
+    black: string;
+  };
+  gray: ColorSet;
+  purple: ColorSet;
+  green: ColorSet;
+  red: ColorSet;
+  blue: ColorSet;
+  orange: ColorSet;
+  yellow: ColorSet;
+}

package/src/types/sizes.types.ts

@@ -1,4 +1,4 @@
-export type SizeValue = {
-  value: string;
-  hint: string;
-};
+export type SizeValue = {
+  value: string;
+  hint: string;
+};