Skip to content

Commit

Permalink
generated new typography tokens
Browse files Browse the repository at this point in the history
  • Loading branch information
@mimarz
mimarz committed Jun 19, 2024
1 parent 245c531 commit cd39458
Show file tree
Hide file tree
Showing 14 changed files with 1,227 additions and 834 deletions.
155 changes: 93 additions & 62 deletions apps/storefront/tokens/altinn/dark.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2345,8 +2345,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.medium}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f7}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.11}",
letterSpacing: "{letter-spacing.1}"
}
},
name: "--ds-typography-heading-2xl",
Expand All @@ -2368,8 +2369,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.medium}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f6}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.10}",
letterSpacing: "{letter-spacing.1}"
},
description: "H1"
},
Expand All @@ -2392,8 +2394,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.medium}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f5}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.9}",
letterSpacing: "{letter-spacing.2}"
},
description: "H2"
},
Expand All @@ -2416,8 +2419,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.medium}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f4}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.8}",
letterSpacing: "{letter-spacing.3}"
},
description: "H3"
},
Expand All @@ -2440,8 +2444,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.medium}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f3}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.7}",
letterSpacing: "{letter-spacing.5}"
},
description: "H4"
},
Expand All @@ -2464,8 +2469,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.medium}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f2}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.6}",
letterSpacing: "{letter-spacing.6}"
},
description: "H5"
},
Expand All @@ -2488,8 +2494,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.medium}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f1}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.5}",
letterSpacing: "{letter-spacing.6}"
},
description: "H6"
},
Expand All @@ -2511,8 +2518,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.700}",
fontSize: "{font-size.f4}"
lineHeight: "{line-height.lg}",
fontSize: "{font-size.8}",
letterSpacing: "{letter-spacing.8}"
}
},
name: "--ds-typography-ingress-lg",
Expand All @@ -2533,8 +2541,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.700}",
fontSize: "{font-size.f3}"
lineHeight: "{line-height.lg}",
fontSize: "{font-size.7}",
letterSpacing: "{letter-spacing.8}"
}
},
name: "--ds-typography-ingress-md",
Expand All @@ -2555,8 +2564,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.700}",
fontSize: "{font-size.f2}"
lineHeight: "{line-height.lg}",
fontSize: "{font-size.6}",
letterSpacing: "{letter-spacing.7}"
}
},
name: "--ds-typography-ingress-sm",
Expand All @@ -2577,8 +2587,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.700}",
fontSize: "{font-size.f1}"
lineHeight: "{line-height.lg}",
fontSize: "{font-size.5}",
letterSpacing: "{letter-spacing.6}"
}
},
name: "--ds-typography-ingress-xs",
Expand All @@ -2599,8 +2610,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.500}",
fontSize: "{font-size.f2}"
lineHeight: "{line-height.md}",
fontSize: "{font-size.6}",
letterSpacing: "{letter-spacing.8}"
}
},
name: "--ds-typography-paragraph-lg",
Expand All @@ -2621,8 +2633,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.500}",
fontSize: "{font-size.f1}"
lineHeight: "{line-height.md}",
fontSize: "{font-size.5}",
letterSpacing: "{letter-spacing.8}"
}
},
name: "--ds-typography-paragraph-md",
Expand All @@ -2643,8 +2656,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.500}",
fontSize: "{font-size.f0}"
lineHeight: "{line-height.md}",
fontSize: "{font-size.4}",
letterSpacing: "{letter-spacing.7}"
}
},
name: "--ds-typography-paragraph-sm",
Expand All @@ -2665,8 +2679,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.500}",
fontSize: "{font-size.f-1}"
lineHeight: "{line-height.md}",
fontSize: "{font-size.3}",
letterSpacing: "{letter-spacing.6}"
}
},
name: "--ds-typography-paragraph-xs",
Expand All @@ -2687,8 +2702,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f2}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.6}",
letterSpacing: "{letter-spacing.8}"
}
},
name: "--ds-typography-paragraph-short-lg",
Expand All @@ -2710,8 +2726,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f1}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.5}",
letterSpacing: "{letter-spacing.8}"
}
},
name: "--ds-typography-paragraph-short-md",
Expand All @@ -2733,8 +2750,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f0}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.4}",
letterSpacing: "{letter-spacing.7}"
}
},
name: "--ds-typography-paragraph-short-sm",
Expand All @@ -2756,8 +2774,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f-1}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.3}",
letterSpacing: "{letter-spacing.6}"
}
},
name: "--ds-typography-paragraph-short-xs",
Expand All @@ -2779,8 +2798,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.700}",
fontSize: "{font-size.f1}"
lineHeight: "{line-height.lg}",
fontSize: "{font-size.5}",
letterSpacing: "{letter-spacing.8}"
}
},
name: "--ds-typography-paragraph-long-lg",
Expand All @@ -2802,8 +2822,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.700}",
fontSize: "{font-size.f0}"
lineHeight: "{line-height.lg}",
fontSize: "{font-size.4}",
letterSpacing: "{letter-spacing.8}"
}
},
name: "--ds-typography-paragraph-long-md",
Expand All @@ -2825,8 +2846,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.700}",
fontSize: "{font-size.f-1}"
lineHeight: "{line-height.lg}",
fontSize: "{font-size.3}",
letterSpacing: "{letter-spacing.7}"
}
},
name: "--ds-typography-paragraph-long-sm",
Expand All @@ -2848,8 +2870,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.700}",
fontSize: "{font-size.f-2}"
lineHeight: "{line-height.lg}",
fontSize: "{font-size.2}",
letterSpacing: "{letter-spacing.6}"
}
},
name: "--ds-typography-paragraph-long-xs",
Expand All @@ -2871,8 +2894,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.medium}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f2}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.6}",
letterSpacing: "{letter-spacing.8}"
}
},
name: "--ds-typography-label-lg",
Expand All @@ -2893,8 +2917,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.medium}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f1}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.5}",
letterSpacing: "{letter-spacing.8}"
}
},
name: "--ds-typography-label-md",
Expand All @@ -2915,8 +2940,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.medium}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f0}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.4}",
letterSpacing: "{letter-spacing.7}"
}
},
name: "--ds-typography-label-sm",
Expand All @@ -2937,8 +2963,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.medium}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f-1}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.3}",
letterSpacing: "{letter-spacing.6}"
}
},
name: "--ds-typography-label-xs",
Expand All @@ -2959,8 +2986,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f2}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.6}",
letterSpacing: "{letter-spacing.8}"
}
},
name: "--ds-typography-error_message-lg",
Expand All @@ -2981,8 +3009,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f1}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.5}",
letterSpacing: "{letter-spacing.8}"
}
},
name: "--ds-typography-error_message-md",
Expand All @@ -3003,8 +3032,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f0}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.4}",
letterSpacing: "{letter-spacing.7}"
}
},
name: "--ds-typography-error_message-sm",
Expand All @@ -3025,8 +3055,9 @@ export const typography = [
value: {
fontFamily: "{font.main}",
fontWeight: "{font-weight.regular}",
lineHeight: "{line-height.300}",
fontSize: "{font-size.f-1}"
lineHeight: "{line-height.sm}",
fontSize: "{font-size.3}",
letterSpacing: "{letter-spacing.6}"
}
},
name: "--ds-typography-error_message-xs",
Expand Down
Loading

0 comments on commit cd39458

Please sign in to comment.