733 lines
16 KiB
JavaScript
733 lines
16 KiB
JavaScript
// Metro module 4186 (f4187).
|
|
export const TEXT_VARIANT = ["heading-sm/normal", "heading-sm/medium", "heading-sm/semibold", "heading-sm/bold", "heading-sm/extrabold", "heading-md/normal", "heading-md/medium", "heading-md/semibold", "heading-md/bold", "heading-md/extrabold", "heading-lg/normal", "heading-lg/medium", "heading-lg/semibold", "heading-lg/bold", "heading-lg/extrabold", "heading-xl/normal", "heading-xl/medium", "heading-xl/semibold", "heading-xl/bold", "heading-xl/extrabold", "heading-xxl/normal", "heading-xxl/medium", "heading-xxl/semibold", "heading-xxl/bold", "heading-xxl/extrabold", "experimental/heading-xs/semibold", "experimental/heading-xs/bold", "experimental/heading-sm/semibold", "experimental/heading-sm/bold", "experimental/heading-md/semibold", "experimental/heading-md/bold", "experimental/heading-lg/semibold", "experimental/heading-lg/bold", "experimental/heading-xl/semibold", "experimental/heading-xl/bold", "experimental/heading-xxl/semibold", "experimental/heading-xxl/bold", "eyebrow", "heading-deprecated-12/normal", "heading-deprecated-12/medium", "heading-deprecated-12/semibold", "heading-deprecated-12/bold", "heading-deprecated-12/extrabold", "redesign/heading-18/medium", "redesign/heading-18/semibold", "redesign/heading-18/bold", "text-xxs/normal", "text-xxs/medium", "text-xxs/semibold", "text-xxs/bold", "text-xs/normal", "text-xs/medium", "text-xs/semibold", "text-xs/bold", "text-sm/normal", "text-sm/medium", "text-sm/semibold", "text-sm/bold", "text-md/normal", "text-md/medium", "text-md/semibold", "text-md/bold", "text-lg/normal", "text-lg/medium", "text-lg/semibold", "text-lg/bold", "redesign/message-preview/normal", "redesign/message-preview/medium", "redesign/message-preview/semibold", "redesign/message-preview/bold", "redesign/channel-title/normal", "redesign/channel-title/medium", "redesign/channel-title/semibold", "redesign/channel-title/bold", "experimental/body-xs/normal", "experimental/body-xs/medium", "experimental/body-sm/normal", "experimental/body-sm/medium", "experimental/body-md/normal", "experimental/body-md/medium", "experimental/body-lg/normal", "experimental/body-lg/medium", "experimental/meta/normal", "experimental/meta/medium", "display-sm", "display-md", "display-lg", "experimental/display-xs", "experimental/display-sm", "experimental/display-md", "experimental/display-lg", "experimental/label-xs/medium", "experimental/label-xs/semibold", "experimental/label-sm/medium", "experimental/label-sm/semibold", "experimental/label-md/medium", "experimental/label-md/semibold", "experimental/label-lg/medium", "experimental/label-lg/semibold", "code", "experimental/mono-md/normal", "experimental/mono-md/bold", "experimental/mono-sm/normal", "experimental/mono-sm/bold"];
|
|
export const TextVariantsFlat = [{
|
|
name: "heading-sm/normal",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 14,
|
|
lineHeight: 18
|
|
}, {
|
|
name: "heading-sm/medium",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 14,
|
|
lineHeight: 18
|
|
}, {
|
|
name: "heading-sm/semibold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 14,
|
|
lineHeight: 18
|
|
}, {
|
|
name: "heading-sm/bold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 14,
|
|
lineHeight: 18
|
|
}, {
|
|
name: "heading-sm/extrabold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 800,
|
|
size: 14,
|
|
lineHeight: 18
|
|
}, {
|
|
name: "heading-md/normal",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 16,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "heading-md/medium",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 16,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "heading-md/semibold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 16,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "heading-md/bold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 16,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "heading-md/extrabold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 800,
|
|
size: 16,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "heading-lg/normal",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 20,
|
|
lineHeight: 24
|
|
}, {
|
|
name: "heading-lg/medium",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 20,
|
|
lineHeight: 24
|
|
}, {
|
|
name: "heading-lg/semibold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 20,
|
|
lineHeight: 24
|
|
}, {
|
|
name: "heading-lg/bold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 20,
|
|
lineHeight: 24
|
|
}, {
|
|
name: "heading-lg/extrabold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 800,
|
|
size: 20,
|
|
lineHeight: 24
|
|
}, {
|
|
name: "heading-xl/normal",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 24,
|
|
lineHeight: 30
|
|
}, {
|
|
name: "heading-xl/medium",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 24,
|
|
lineHeight: 30
|
|
}, {
|
|
name: "heading-xl/semibold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 24,
|
|
lineHeight: 30
|
|
}, {
|
|
name: "heading-xl/bold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 24,
|
|
lineHeight: 30
|
|
}, {
|
|
name: "heading-xl/extrabold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 800,
|
|
size: 24,
|
|
lineHeight: 30
|
|
}, {
|
|
name: "heading-xxl/normal",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 32,
|
|
lineHeight: 40
|
|
}, {
|
|
name: "heading-xxl/medium",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 32,
|
|
lineHeight: 40
|
|
}, {
|
|
name: "heading-xxl/semibold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 32,
|
|
lineHeight: 40
|
|
}, {
|
|
name: "heading-xxl/bold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 32,
|
|
lineHeight: 40
|
|
}, {
|
|
name: "heading-xxl/extrabold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 800,
|
|
size: 32,
|
|
lineHeight: 40
|
|
}, {
|
|
name: "experimental/heading-xs/semibold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 14,
|
|
lineHeight: 18
|
|
}, {
|
|
name: "experimental/heading-xs/bold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 14,
|
|
lineHeight: 18
|
|
}, {
|
|
name: "experimental/heading-sm/semibold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 16,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "experimental/heading-sm/bold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 16,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "experimental/heading-md/semibold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 18,
|
|
lineHeight: 22
|
|
}, {
|
|
name: "experimental/heading-md/bold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 18,
|
|
lineHeight: 22
|
|
}, {
|
|
name: "experimental/heading-lg/semibold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 20,
|
|
lineHeight: 24
|
|
}, {
|
|
name: "experimental/heading-lg/bold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 20,
|
|
lineHeight: 24
|
|
}, {
|
|
name: "experimental/heading-xl/semibold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 24,
|
|
lineHeight: 30
|
|
}, {
|
|
name: "experimental/heading-xl/bold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 24,
|
|
lineHeight: 30
|
|
}, {
|
|
name: "experimental/heading-xxl/semibold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 32,
|
|
lineHeight: 40
|
|
}, {
|
|
name: "experimental/heading-xxl/bold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 32,
|
|
lineHeight: 40
|
|
}, {
|
|
name: "eyebrow",
|
|
fontStack: "display",
|
|
uppercase: true,
|
|
size: 12,
|
|
lineHeight: 16,
|
|
weight: 700,
|
|
letterSpacing: 2
|
|
}, {
|
|
name: "heading-deprecated-12/normal",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "heading-deprecated-12/medium",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "heading-deprecated-12/semibold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "heading-deprecated-12/bold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "heading-deprecated-12/extrabold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 800,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "redesign/heading-18/medium",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 18,
|
|
lineHeight: 24
|
|
}, {
|
|
name: "redesign/heading-18/semibold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 18,
|
|
lineHeight: 24
|
|
}, {
|
|
name: "redesign/heading-18/bold",
|
|
fontStack: "display",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 18,
|
|
lineHeight: 24
|
|
}, {
|
|
name: "text-xxs/normal",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 10,
|
|
lineHeight: 12
|
|
}, {
|
|
name: "text-xxs/medium",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 10,
|
|
lineHeight: 12
|
|
}, {
|
|
name: "text-xxs/semibold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 10,
|
|
lineHeight: 12
|
|
}, {
|
|
name: "text-xxs/bold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 10,
|
|
lineHeight: 12
|
|
}, {
|
|
name: "text-xs/normal",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "text-xs/medium",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "text-xs/semibold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "text-xs/bold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "text-sm/normal",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 14,
|
|
lineHeight: 18
|
|
}, {
|
|
name: "text-sm/medium",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 14,
|
|
lineHeight: 18
|
|
}, {
|
|
name: "text-sm/semibold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 14,
|
|
lineHeight: 18
|
|
}, {
|
|
name: "text-sm/bold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 14,
|
|
lineHeight: 18
|
|
}, {
|
|
name: "text-md/normal",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 16,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "text-md/medium",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 16,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "text-md/semibold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 16,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "text-md/bold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 16,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "text-lg/normal",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 20,
|
|
lineHeight: 24
|
|
}, {
|
|
name: "text-lg/medium",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 20,
|
|
lineHeight: 24
|
|
}, {
|
|
name: "text-lg/semibold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 20,
|
|
lineHeight: 24
|
|
}, {
|
|
name: "text-lg/bold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 20,
|
|
lineHeight: 24
|
|
}, {
|
|
name: "redesign/message-preview/normal",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 15,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "redesign/message-preview/medium",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 15,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "redesign/message-preview/semibold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 15,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "redesign/message-preview/bold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 15,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "redesign/channel-title/normal",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 16,
|
|
lineHeight: 22
|
|
}, {
|
|
name: "redesign/channel-title/medium",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 16,
|
|
lineHeight: 22
|
|
}, {
|
|
name: "redesign/channel-title/semibold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 16,
|
|
lineHeight: 22
|
|
}, {
|
|
name: "redesign/channel-title/bold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 16,
|
|
lineHeight: 22
|
|
}, {
|
|
name: "experimental/body-xs/normal",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "experimental/body-xs/medium",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "experimental/body-sm/normal",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 14,
|
|
lineHeight: 18
|
|
}, {
|
|
name: "experimental/body-sm/medium",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 14,
|
|
lineHeight: 18
|
|
}, {
|
|
name: "experimental/body-md/normal",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 16,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "experimental/body-md/medium",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 16,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "experimental/body-lg/normal",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 20,
|
|
lineHeight: 24
|
|
}, {
|
|
name: "experimental/body-lg/medium",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 20,
|
|
lineHeight: 24
|
|
}, {
|
|
name: "experimental/meta/normal",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "experimental/meta/medium",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "display-sm",
|
|
fontStack: "headline",
|
|
uppercase: false,
|
|
size: 20,
|
|
lineHeight: 20,
|
|
weight: 800
|
|
}, {
|
|
name: "display-md",
|
|
fontStack: "headline",
|
|
uppercase: false,
|
|
size: 34,
|
|
lineHeight: 36,
|
|
weight: 800
|
|
}, {
|
|
name: "display-lg",
|
|
fontStack: "headline",
|
|
uppercase: false,
|
|
size: 44,
|
|
lineHeight: 42,
|
|
weight: 800
|
|
}, {
|
|
name: "experimental/display-xs",
|
|
fontStack: "headline",
|
|
uppercase: false,
|
|
size: 16,
|
|
lineHeight: 18,
|
|
weight: 800
|
|
}, {
|
|
name: "experimental/display-sm",
|
|
fontStack: "headline",
|
|
uppercase: false,
|
|
size: 24,
|
|
lineHeight: 26,
|
|
weight: 800
|
|
}, {
|
|
name: "experimental/display-md",
|
|
fontStack: "headline",
|
|
uppercase: false,
|
|
size: 32,
|
|
lineHeight: 34,
|
|
weight: 800
|
|
}, {
|
|
name: "experimental/display-lg",
|
|
fontStack: "headline",
|
|
uppercase: false,
|
|
size: 44,
|
|
lineHeight: 44,
|
|
weight: 800
|
|
}, {
|
|
name: "experimental/label-xs/medium",
|
|
fontStack: "primary",
|
|
uppercase: true,
|
|
weight: 500,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "experimental/label-xs/semibold",
|
|
fontStack: "primary",
|
|
uppercase: true,
|
|
weight: 600,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "experimental/label-sm/medium",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 14,
|
|
lineHeight: 18
|
|
}, {
|
|
name: "experimental/label-sm/semibold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 14,
|
|
lineHeight: 18
|
|
}, {
|
|
name: "experimental/label-md/medium",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 16,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "experimental/label-md/semibold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 16,
|
|
lineHeight: 20
|
|
}, {
|
|
name: "experimental/label-lg/medium",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 500,
|
|
size: 18,
|
|
lineHeight: 22
|
|
}, {
|
|
name: "experimental/label-lg/semibold",
|
|
fontStack: "primary",
|
|
uppercase: false,
|
|
weight: 600,
|
|
size: 18,
|
|
lineHeight: 22
|
|
}, {
|
|
name: "code",
|
|
fontStack: "code",
|
|
uppercase: false,
|
|
size: 12,
|
|
lineHeight: 16,
|
|
weight: 700
|
|
}, {
|
|
name: "experimental/mono-md/normal",
|
|
fontStack: "code",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "experimental/mono-md/bold",
|
|
fontStack: "code",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 12,
|
|
lineHeight: 16
|
|
}, {
|
|
name: "experimental/mono-sm/normal",
|
|
fontStack: "code",
|
|
uppercase: false,
|
|
weight: 400,
|
|
size: 10,
|
|
lineHeight: 12
|
|
}, {
|
|
name: "experimental/mono-sm/bold",
|
|
fontStack: "code",
|
|
uppercase: false,
|
|
weight: 700,
|
|
size: 10,
|
|
lineHeight: 12
|
|
}];
|