From dd2b8fe42cae236abc1475873f7d063b37a757f2 Mon Sep 17 00:00:00 2001 From: Jason Santos Date: Fri, 25 Oct 2024 14:57:40 -0400 Subject: [PATCH] feat(design-tokens): Changes to Design Tokens Added tokens: + semantic.static.textColor.strong + semantic.static.textColor.default + semantic.static.borderColor.default + semantic.static.borderColor.strong + semantic.static.backgroundColor.default + semantic.static.backgroundColor.muted + brand.letterSpacing.tightest + brand.letterSpacing.tighter + brand.letterSpacing.tight + brand.letterSpacing.regular + brand.letterSpacing.wide + brand.letterSpacing.wider + brand.letterSpacing.widest + brand.borderRadius.lg + density.action.gap.xs + density.action.gap.sm + density.action.gap.md + density.action.gap.lg + density.action.gap.xl + density.icon.size.none + density.padding.xs + density.padding.sm + density.padding.md + density.padding.lg + density.padding.xl + density.icon.size.sm + density.icon.size.md + density.icon.size.lg + density.icon.size.xl + density.static.borderRadius.none + density.static.borderRadius.sm + density.static.borderRadius.md + density.static.borderRadius.lg + typography.label.fontSize.default + typography.label.fontWeight.default + typography.label.lineHeight.default + typography.label.paragraphSpacing.default + typography.label.letterSpacing.default + typography.info.fontSize.default + typography.info.fontWeight.default + typography.info.lineHeight.default + typography.info.paragraphSpacing.default + typography.info.letterSpacing.default + breakpoint.action.padding.none + breakpoint.action.padding.xxs + breakpoint.action.padding.xs + breakpoint.action.padding.sm + breakpoint.action.padding.default + breakpoint.static.padding.default + breakpoint.action.gap.none + breakpoint.action.gap.xxs + breakpoint.action.gap.xs + breakpoint.action.gap.sm + breakpoint.action.gap.default + breakpoint.action.borderRadius.sm + breakpoint.static.borderRadius.sm + breakpoint.static.borderRadius.md + typography.body.fontSize.1 + typography.body.fontSize.2 + typography.body.fontWeight.1 + typography.body.fontWeight.2 + typography.body.lineHeight.1 + typography.body.lineHeight.2 + typography.body.paragraphSpacing.default + typography.body.letterSpacing.default + typography.title.fontSize.lg + typography.title.fontSize.md + typography.title.fontWeight.default + typography.title.lineHeight.lg + typography.title.lineHeight.md + typography.title.paragraphSpacing.default + typography.title.letterSpacing.default + screen-min-width + screen-max-width Deleted tokens: - semantic.static.color.foreground.default.strong - semantic.static.color.foreground.default.default - semantic.static.color.border.strong - semantic.static.color.border.default.strong - semantic.static.color.background.default.default - semantic.static.color.background.default.muted - brand.tracking.tightest - brand.tracking.tighter - brand.tracking.tight - brand.tracking.regular - brand.tracking.wide - brand.tracking.wider - brand.tracking.widest - density.action.spacing.padding.xs - density.action.spacing.padding.sm - density.action.spacing.padding.md - density.action.spacing.padding.lg - density.action.spacing.padding.xl - density.action.spacing.gap.xs - density.action.spacing.gap.sm - density.action.spacing.gap.md - density.action.spacing.gap.lg - density.action.spacing.gap.xl - density.action.spacing.icon.none - density.action.spacing.icon.sm - density.action.spacing.icon.md - density.action.spacing.icon.lg - density.action.spacing.icon.xl - button - card - action.fontSize.label - action.fontWeight.label - action.lineHeight.label - action.paragraphSpacing.label - action.tracking.label - static.fontSize.header - static.fontSize.text - static.fontWeight.header - static.fontWeight.text - static.lineHeight.header - static.lineHeight.text - static.paragraphSpacing.default - static.tracking.default - static.gap.xxs - static.gap.xs - static.gap.sm - static.gap.default - action.padding.none - action.padding.xxs - action.padding.xs - action.padding.sm - action.padding.default - action.gap.none - action.gap.xxs - action.gap.xs - action.gap.sm - action.gap.default - static.padding.xxs - static.padding.xs - static.padding.sm - static.padding.default Modified tokens: . semantic.action.textColor.secondary . semantic.action.borderColor.error . brand.color.neutral.white . brand.interactive.neutral.white . brand.interactive.neutral.100 . brand.interactive.neutral.300 . brand.interactive.neutral.700 . brand.interactive.neutral.800 . brand.interactive.neutral.black . brand.interactive.primary.500 . brand.interactive.error.700 . brand.color.primary.500 . brand.color.neutral.100 . brand.color.neutral.300 . brand.color.neutral.700 . brand.color.neutral.800 . brand.color.neutral.900 . brand.color.neutral.black . brand.spacing.none . brand.spacing.20 . brand.size.20 . brand.size.40 . brand.size.60 . brand.size.80 . brand.size.160 . brand.size.200 . brand.size.240 . brand.size.360 . brand.spacing.40 . brand.spacing.60 . brand.spacing.80 . brand.spacing.160 . brand.spacing.200 . brand.spacing.240 . brand.spacing.360 . brand.fontFamily.sans . brand.fontSize.xxs . brand.fontSize.xs . brand.fontSize.sm . brand.fontSize.regular . brand.fontSize.lg . brand.fontSize.xl . brand.fontSize.xxl . brand.fontWeight.regular . brand.fontWeight.bold . brand.lineHeight.3 . brand.paragraphSpacing.3 . brand.paragraphSpacing.4 . brand.paragraphSpacing.5 . brand.paragraphSpacing.6 . brand.lineHeight.4 . brand.lineHeight.5 . brand.lineHeight.6 . brand.color.error.700 . brand.borderWidth.05 . brand.borderWidth.10 . brand.borderWidth.20 . brand.borderRadius.none . brand.borderRadius.xs . brand.borderRadius.sm . brand.borderRadius.md . brand.color.neutral.transparent # Figma User: Jason Santos --- packages/foundations/package.json | 2 +- packages/foundations/tokens.json | 1584 +++++++++++++++++++++-------- 2 files changed, 1133 insertions(+), 453 deletions(-) diff --git a/packages/foundations/package.json b/packages/foundations/package.json index 5cc3707..baec1e5 100644 --- a/packages/foundations/package.json +++ b/packages/foundations/package.json @@ -1,6 +1,6 @@ { "name": "@repo/foundations", - "version": "2.0.0", + "version": "3.0.0", "description": "", "main": "index.js", "exports": { diff --git a/packages/foundations/tokens.json b/packages/foundations/tokens.json index 0619ccc..a466dd4 100644 --- a/packages/foundations/tokens.json +++ b/packages/foundations/tokens.json @@ -65,44 +65,44 @@ "value": "{--brand-color-primary-500}" }, { - "name": "semantic.static.color.foreground.default.strong", - "key": "--semantic-static-color-foreground-default-strong", - "type": "colors", + "name": "semantic.static.textColor.strong", + "key": "--semantic-static-text-color-strong", + "type": "textColor", "description": "", "value": "{--brand-color-neutral-black}" }, { - "name": "semantic.static.color.foreground.default.default", - "key": "--semantic-static-color-foreground-default-default", - "type": "colors", + "name": "semantic.static.textColor.default", + "key": "--semantic-static-text-color-default", + "type": "textColor", "description": "", "value": "{--brand-color-neutral-700}" }, { - "name": "semantic.static.color.border.strong", - "key": "--semantic-static-color-border-strong", - "type": "colors", + "name": "semantic.static.borderColor.default", + "key": "--semantic-static-border-color-default", + "type": "borderColor", "description": "", "value": "{--brand-color-error-700}" }, { - "name": "semantic.static.color.border.default.strong", - "key": "--semantic-static-color-border-default-strong", - "type": "colors", + "name": "semantic.static.borderColor.strong", + "key": "--semantic-static-border-color-strong", + "type": "borderColor", "description": "", "value": "{--brand-color-neutral-300}" }, { - "name": "semantic.static.color.background.default.default", - "key": "--semantic-static-color-background-default-default", - "type": "colors", + "name": "semantic.static.backgroundColor.default", + "key": "--semantic-static-background-color-default", + "type": "backgroundColor", "description": "", "value": "{--brand-color-neutral-white}" }, { - "name": "semantic.static.color.background.default.muted", - "key": "--semantic-static-color-background-default-muted", - "type": "colors", + "name": "semantic.static.backgroundColor.muted", + "key": "--semantic-static-background-color-muted", + "type": "backgroundColor", "description": "", "value": "{--brand-color-neutral-100}" } @@ -128,7 +128,7 @@ "key": "--semantic-action-text-color-secondary", "type": "textColor", "description": "", - "value": "{--brand-color-primary-500}" + "value": "{--brand-color-neutral-100}" }, { "name": "semantic.action.textColor.default", @@ -163,7 +163,7 @@ "key": "--semantic-action-border-color-error", "type": "borderColor", "description": "", - "value": "rgba(255, 77, 77, 1.00)" + "value": "{--brand-color-error-700}" }, { "name": "semantic.action.borderColor.secondary", @@ -173,44 +173,44 @@ "value": "{--brand-color-primary-500}" }, { - "name": "semantic.static.color.foreground.default.strong", - "key": "--semantic-static-color-foreground-default-strong", - "type": "colors", + "name": "semantic.static.textColor.strong", + "key": "--semantic-static-text-color-strong", + "type": "textColor", "description": "", "value": "{--brand-color-neutral-white}" }, { - "name": "semantic.static.color.foreground.default.default", - "key": "--semantic-static-color-foreground-default-default", - "type": "colors", + "name": "semantic.static.textColor.default", + "key": "--semantic-static-text-color-default", + "type": "textColor", "description": "", "value": "{--brand-color-neutral-300}" }, { - "name": "semantic.static.color.border.strong", - "key": "--semantic-static-color-border-strong", - "type": "colors", + "name": "semantic.static.borderColor.default", + "key": "--semantic-static-border-color-default", + "type": "borderColor", "description": "", - "value": "rgba(255, 77, 77, 1.00)" + "value": "{\"r\":1,\"g\":0.3019607961177826,\"b\":0.3019607961177826,\"a\":1}" }, { - "name": "semantic.static.color.border.default.strong", - "key": "--semantic-static-color-border-default-strong", - "type": "colors", + "name": "semantic.static.borderColor.strong", + "key": "--semantic-static-border-color-strong", + "type": "borderColor", "description": "", "value": "{--brand-color-neutral-700}" }, { - "name": "semantic.static.color.background.default.default", - "key": "--semantic-static-color-background-default-default", - "type": "colors", + "name": "semantic.static.backgroundColor.default", + "key": "--semantic-static-background-color-default", + "type": "backgroundColor", "description": "", "value": "{--brand-color-neutral-800}" }, { - "name": "semantic.static.color.background.default.muted", - "key": "--semantic-static-color-background-default-muted", - "type": "colors", + "name": "semantic.static.backgroundColor.muted", + "key": "--semantic-static-background-color-muted", + "type": "backgroundColor", "description": "", "value": "{--brand-color-neutral-900}" } @@ -219,8 +219,10 @@ { "name": "brand--brand-1", "dependencies": [], - "parameters": {}, - "isStatic": true, + "parameters": { + "section-name": "brand-1" + }, + "isStatic": false, "variables": [ { "name": "brand.color.neutral.white", @@ -580,51 +582,51 @@ "value": "24" }, { - "name": "brand.tracking.tightest", - "key": "--brand-tracking-tightest", - "type": "FLOAT", + "name": "brand.letterSpacing.tightest", + "key": "--brand-letter-spacing-tightest", + "type": "letterSpacing", "description": "", "value": "-1" }, { - "name": "brand.tracking.tighter", - "key": "--brand-tracking-tighter", - "type": "FLOAT", + "name": "brand.letterSpacing.tighter", + "key": "--brand-letter-spacing-tighter", + "type": "letterSpacing", "description": "", "value": "-0.800000011920929" }, { - "name": "brand.tracking.tight", - "key": "--brand-tracking-tight", - "type": "FLOAT", + "name": "brand.letterSpacing.tight", + "key": "--brand-letter-spacing-tight", + "type": "letterSpacing", "description": "", "value": "-0.4000000059604645" }, { - "name": "brand.tracking.regular", - "key": "--brand-tracking-regular", - "type": "FLOAT", + "name": "brand.letterSpacing.regular", + "key": "--brand-letter-spacing-regular", + "type": "letterSpacing", "description": "", "value": "0" }, { - "name": "brand.tracking.wide", - "key": "--brand-tracking-wide", - "type": "FLOAT", + "name": "brand.letterSpacing.wide", + "key": "--brand-letter-spacing-wide", + "type": "letterSpacing", "description": "", "value": "0.4000000059604645" }, { - "name": "brand.tracking.wider", - "key": "--brand-tracking-wider", - "type": "FLOAT", + "name": "brand.letterSpacing.wider", + "key": "--brand-letter-spacing-wider", + "type": "letterSpacing", "description": "", "value": "0.800000011920929" }, { - "name": "brand.tracking.widest", - "key": "--brand-tracking-widest", - "type": "FLOAT", + "name": "brand.letterSpacing.widest", + "key": "--brand-letter-spacing-widest", + "type": "letterSpacing", "description": "", "value": "1" }, @@ -684,6 +686,13 @@ "description": "", "value": "8px" }, + { + "name": "brand.borderRadius.lg", + "key": "--brand-border-radius-lg", + "type": "borderRadius", + "description": "", + "value": "16px" + }, { "name": "brand.color.neutral.transparent", "key": "--brand-color-neutral-transparent", @@ -694,292 +703,834 @@ ] }, { - "name": "density--default", + "name": "brand--bvrand", "dependencies": [], "parameters": { - "section-name": "default" + "section-name": "bvrand" }, "isStatic": false, "variables": [ { - "name": "density.action.spacing.padding.xs", - "key": "--density-action-spacing-padding-xs", - "type": "spacing", - "description": "", - "value": "{--brand-spacing-20}" - }, - { - "name": "density.action.spacing.padding.sm", - "key": "--density-action-spacing-padding-sm", - "type": "spacing", + "name": "brand.color.neutral.white", + "key": "--brand-color-neutral-white", + "type": "colors", "description": "", - "value": "{--brand-spacing-40}" + "value": "rgba(255, 255, 255, 1.00)" }, { - "name": "density.action.spacing.padding.md", - "key": "--density-action-spacing-padding-md", - "type": "spacing", + "name": "brand.interactive.neutral.white", + "key": "--brand-interactive-neutral-white", + "type": "colors", "description": "", - "value": "{--brand-spacing-80}" + "value": "rgba(255, 255, 255, 1.00)" }, { - "name": "density.action.spacing.padding.lg", - "key": "--density-action-spacing-padding-lg", - "type": "spacing", + "name": "brand.interactive.neutral.100", + "key": "--brand-interactive-neutral-100", + "type": "colors", "description": "", - "value": "{--brand-spacing-160}" + "value": "rgba(241, 241, 241, 1.00)" }, { - "name": "density.action.spacing.padding.xl", - "key": "--density-action-spacing-padding-xl", - "type": "spacing", + "name": "brand.interactive.neutral.300", + "key": "--brand-interactive-neutral-300", + "type": "colors", "description": "", - "value": "{--brand-spacing-240}" + "value": "rgba(214, 214, 214, 1.00)" }, { - "name": "density.action.spacing.gap.xs", - "key": "--density-action-spacing-gap-xs", - "type": "spacing", + "name": "brand.interactive.neutral.700", + "key": "--brand-interactive-neutral-700", + "type": "colors", "description": "", - "value": "{--brand-spacing-20}" + "value": "rgba(87, 87, 87, 1.00)" }, { - "name": "density.action.spacing.gap.sm", - "key": "--density-action-spacing-gap-sm", - "type": "spacing", + "name": "brand.interactive.neutral.800", + "key": "--brand-interactive-neutral-800", + "type": "colors", "description": "", - "value": "{--brand-spacing-40}" + "value": "rgba(40, 40, 40, 1.00)" }, { - "name": "density.action.spacing.gap.md", - "key": "--density-action-spacing-gap-md", - "type": "spacing", + "name": "brand.interactive.neutral.black", + "key": "--brand-interactive-neutral-black", + "type": "colors", "description": "", - "value": "{--brand-spacing-80}" + "value": "rgba(0, 0, 0, 1.00)" }, { - "name": "density.action.spacing.gap.lg", - "key": "--density-action-spacing-gap-lg", - "type": "spacing", + "name": "brand.interactive.primary.500", + "key": "--brand-interactive-primary-500", + "type": "colors", "description": "", - "value": "{--brand-spacing-160}" + "value": "rgba(26, 34, 242, 1.00)" }, { - "name": "density.action.spacing.gap.xl", - "key": "--density-action-spacing-gap-xl", - "type": "spacing", + "name": "brand.interactive.error.700", + "key": "--brand-interactive-error-700", + "type": "colors", "description": "", - "value": "{--brand-spacing-240}" + "value": "rgba(216, 16, 16, 1.00)" }, { - "name": "density.action.spacing.icon.none", - "key": "--density-action-spacing-icon-none", - "type": "spacing", + "name": "brand.color.primary.500", + "key": "--brand-color-primary-500", + "type": "colors", "description": "", - "value": "{--brand-spacing-none}" + "value": "rgba(26, 34, 242, 1.00)" }, { - "name": "density.action.spacing.icon.sm", - "key": "--density-action-spacing-icon-sm", - "type": "spacing", + "name": "brand.color.neutral.100", + "key": "--brand-color-neutral-100", + "type": "colors", "description": "", - "value": "{--brand-spacing-40}" + "value": "rgba(241, 241, 241, 1.00)" }, { - "name": "density.action.spacing.icon.md", - "key": "--density-action-spacing-icon-md", - "type": "spacing", + "name": "brand.color.neutral.300", + "key": "--brand-color-neutral-300", + "type": "colors", "description": "", - "value": "{--brand-spacing-80}" + "value": "rgba(214, 214, 214, 1.00)" }, { - "name": "density.action.spacing.icon.lg", - "key": "--density-action-spacing-icon-lg", - "type": "spacing", + "name": "brand.color.neutral.700", + "key": "--brand-color-neutral-700", + "type": "colors", "description": "", - "value": "{--brand-spacing-160}" + "value": "rgba(87, 87, 87, 1.00)" }, { - "name": "density.action.spacing.icon.xl", - "key": "--density-action-spacing-icon-xl", - "type": "spacing", + "name": "brand.color.neutral.800", + "key": "--brand-color-neutral-800", + "type": "colors", "description": "", - "value": "{--brand-spacing-240}" + "value": "rgba(55, 55, 55, 1.00)" }, { - "name": "density.action.borderRadius.none", - "key": "--density-action-border-radius-none", - "type": "borderRadius", + "name": "brand.color.neutral.900", + "key": "--brand-color-neutral-900", + "type": "colors", "description": "", - "value": "{--brand-border-radius-none}" + "value": "rgba(40, 40, 40, 1.00)" }, { - "name": "density.action.borderRadius.sm", - "key": "--density-action-border-radius-sm", - "type": "borderRadius", + "name": "brand.color.neutral.black", + "key": "--brand-color-neutral-black", + "type": "colors", "description": "", - "value": "{--brand-border-radius-sm}" + "value": "rgba(0, 0, 0, 1.00)" }, { - "name": "density.action.borderRadius.default", - "key": "--density-action-border-radius-default", - "type": "borderRadius", + "name": "brand.spacing.none", + "key": "--brand-spacing-none", + "type": "spacing", "description": "", - "value": "{--brand-border-radius-md}" + "value": "0px" }, { - "name": "density.action.borderWidth.thin", - "key": "--density-action-border-width-thin", - "type": "borderWidth", + "name": "brand.spacing.20", + "key": "--brand-spacing-20", + "type": "spacing", "description": "", - "value": "{--brand-border-width-05}" + "value": "2px" }, { - "name": "density.action.borderWidth.default", - "key": "--density-action-border-width-default", - "type": "borderWidth", + "name": "brand.size.20", + "key": "--brand-size-20", + "type": "spacing", "description": "", - "value": "{--brand-border-width-10}" + "value": "2px" }, { - "name": "density.action.borderWidth.thick", - "key": "--density-action-border-width-thick", - "type": "borderWidth", - "description": "", - "value": "{--brand-border-width-20}" - } - ] - }, - { - "name": "density--compact", - "dependencies": [], - "parameters": { - "section-name": "compact" - }, - "isStatic": false, - "variables": [ - { - "name": "density.action.spacing.padding.xs", - "key": "--density-action-spacing-padding-xs", + "name": "brand.size.40", + "key": "--brand-size-40", "type": "spacing", "description": "", - "value": "0px" + "value": "4px" }, { - "name": "density.action.spacing.padding.sm", - "key": "--density-action-spacing-padding-sm", + "name": "brand.size.60", + "key": "--brand-size-60", "type": "spacing", "description": "", - "value": "0px" + "value": "6px" }, { - "name": "density.action.spacing.padding.md", - "key": "--density-action-spacing-padding-md", + "name": "brand.size.80", + "key": "--brand-size-80", "type": "spacing", "description": "", - "value": "0px" + "value": "8px" }, { - "name": "density.action.spacing.padding.lg", - "key": "--density-action-spacing-padding-lg", + "name": "brand.size.160", + "key": "--brand-size-160", "type": "spacing", "description": "", - "value": "0px" + "value": "16px" }, { - "name": "density.action.spacing.padding.xl", - "key": "--density-action-spacing-padding-xl", + "name": "brand.size.200", + "key": "--brand-size-200", "type": "spacing", "description": "", - "value": "0px" + "value": "20px" }, { - "name": "density.action.spacing.gap.xs", - "key": "--density-action-spacing-gap-xs", + "name": "brand.size.240", + "key": "--brand-size-240", "type": "spacing", "description": "", - "value": "0px" + "value": "24px" }, { - "name": "density.action.spacing.gap.sm", - "key": "--density-action-spacing-gap-sm", + "name": "brand.size.360", + "key": "--brand-size-360", "type": "spacing", "description": "", - "value": "0px" + "value": "36px" }, { - "name": "density.action.spacing.gap.md", - "key": "--density-action-spacing-gap-md", + "name": "brand.spacing.40", + "key": "--brand-spacing-40", "type": "spacing", "description": "", - "value": "0px" + "value": "4px" }, { - "name": "density.action.spacing.gap.lg", - "key": "--density-action-spacing-gap-lg", + "name": "brand.spacing.60", + "key": "--brand-spacing-60", "type": "spacing", "description": "", - "value": "0px" + "value": "6px" }, { - "name": "density.action.spacing.gap.xl", - "key": "--density-action-spacing-gap-xl", + "name": "brand.spacing.80", + "key": "--brand-spacing-80", "type": "spacing", "description": "", - "value": "0px" + "value": "8px" }, { - "name": "density.action.spacing.icon.none", - "key": "--density-action-spacing-icon-none", + "name": "brand.spacing.160", + "key": "--brand-spacing-160", "type": "spacing", "description": "", - "value": "0px" + "value": "16px" }, { - "name": "density.action.spacing.icon.sm", - "key": "--density-action-spacing-icon-sm", + "name": "brand.spacing.200", + "key": "--brand-spacing-200", "type": "spacing", "description": "", - "value": "0px" + "value": "20px" }, { - "name": "density.action.spacing.icon.md", - "key": "--density-action-spacing-icon-md", + "name": "brand.spacing.240", + "key": "--brand-spacing-240", "type": "spacing", "description": "", - "value": "0px" + "value": "24px" }, { - "name": "density.action.spacing.icon.lg", - "key": "--density-action-spacing-icon-lg", + "name": "brand.spacing.360", + "key": "--brand-spacing-360", "type": "spacing", "description": "", - "value": "0px" + "value": "36px" }, { - "name": "density.action.spacing.icon.xl", - "key": "--density-action-spacing-icon-xl", - "type": "spacing", + "name": "brand.fontFamily.sans", + "key": "--brand-font-family-sans", + "type": "fontFamily", "description": "", - "value": "0px" + "value": "\"DM Sans\"" }, { - "name": "density.action.borderRadius.none", - "key": "--density-action-border-radius-none", + "name": "brand.fontSize.xxs", + "key": "--brand-font-size-xxs", + "type": "fontSize", + "description": "", + "value": "10" + }, + { + "name": "brand.fontSize.xs", + "key": "--brand-font-size-xs", + "type": "fontSize", + "description": "", + "value": "12" + }, + { + "name": "brand.fontSize.sm", + "key": "--brand-font-size-sm", + "type": "fontSize", + "description": "", + "value": "12" + }, + { + "name": "brand.fontSize.regular", + "key": "--brand-font-size-regular", + "type": "fontSize", + "description": "", + "value": "16" + }, + { + "name": "brand.fontSize.lg", + "key": "--brand-font-size-lg", + "type": "fontSize", + "description": "", + "value": "20" + }, + { + "name": "brand.fontSize.xl", + "key": "--brand-font-size-xl", + "type": "fontSize", + "description": "", + "value": "24" + }, + { + "name": "brand.fontSize.xxl", + "key": "--brand-font-size-xxl", + "type": "fontSize", + "description": "", + "value": "36" + }, + { + "name": "brand.fontWeight.regular", + "key": "--brand-font-weight-regular", + "type": "fontWeight", + "description": "", + "value": "400" + }, + { + "name": "brand.fontWeight.bold", + "key": "--brand-font-weight-bold", + "type": "fontWeight", + "description": "", + "value": "700" + }, + { + "name": "brand.lineHeight.3", + "key": "--brand-line-height-3", + "type": "lineHeight", + "description": "", + "value": "12" + }, + { + "name": "brand.paragraphSpacing.3", + "key": "--brand-paragraph-spacing-3", + "type": "FLOAT", + "description": "", + "value": "12" + }, + { + "name": "brand.paragraphSpacing.4", + "key": "--brand-paragraph-spacing-4", + "type": "FLOAT", + "description": "", + "value": "16" + }, + { + "name": "brand.paragraphSpacing.5", + "key": "--brand-paragraph-spacing-5", + "type": "FLOAT", + "description": "", + "value": "20" + }, + { + "name": "brand.paragraphSpacing.6", + "key": "--brand-paragraph-spacing-6", + "type": "FLOAT", + "description": "", + "value": "24" + }, + { + "name": "brand.lineHeight.4", + "key": "--brand-line-height-4", + "type": "lineHeight", + "description": "", + "value": "16" + }, + { + "name": "brand.lineHeight.5", + "key": "--brand-line-height-5", + "type": "lineHeight", + "description": "", + "value": "20" + }, + { + "name": "brand.lineHeight.6", + "key": "--brand-line-height-6", + "type": "lineHeight", + "description": "", + "value": "24" + }, + { + "name": "brand.letterSpacing.tightest", + "key": "--brand-letter-spacing-tightest", + "type": "letterSpacing", + "description": "", + "value": "-1" + }, + { + "name": "brand.letterSpacing.tighter", + "key": "--brand-letter-spacing-tighter", + "type": "letterSpacing", + "description": "", + "value": "-0.800000011920929" + }, + { + "name": "brand.letterSpacing.tight", + "key": "--brand-letter-spacing-tight", + "type": "letterSpacing", + "description": "", + "value": "-0.4000000059604645" + }, + { + "name": "brand.letterSpacing.regular", + "key": "--brand-letter-spacing-regular", + "type": "letterSpacing", + "description": "", + "value": "0" + }, + { + "name": "brand.letterSpacing.wide", + "key": "--brand-letter-spacing-wide", + "type": "letterSpacing", + "description": "", + "value": "0.4000000059604645" + }, + { + "name": "brand.letterSpacing.wider", + "key": "--brand-letter-spacing-wider", + "type": "letterSpacing", + "description": "", + "value": "0.800000011920929" + }, + { + "name": "brand.letterSpacing.widest", + "key": "--brand-letter-spacing-widest", + "type": "letterSpacing", + "description": "", + "value": "1" + }, + { + "name": "brand.color.error.700", + "key": "--brand-color-error-700", + "type": "colors", + "description": "", + "value": "rgba(216, 16, 16, 1.00)" + }, + { + "name": "brand.borderWidth.05", + "key": "--brand-border-width-05", + "type": "borderWidth", + "description": "", + "value": "0.5px" + }, + { + "name": "brand.borderWidth.10", + "key": "--brand-border-width-10", + "type": "borderWidth", + "description": "", + "value": "1px" + }, + { + "name": "brand.borderWidth.20", + "key": "--brand-border-width-20", + "type": "borderWidth", + "description": "", + "value": "2px" + }, + { + "name": "brand.borderRadius.none", + "key": "--brand-border-radius-none", + "type": "borderRadius", + "description": "", + "value": "0px" + }, + { + "name": "brand.borderRadius.xs", + "key": "--brand-border-radius-xs", + "type": "borderRadius", + "description": "", + "value": "2px" + }, + { + "name": "brand.borderRadius.sm", + "key": "--brand-border-radius-sm", + "type": "borderRadius", + "description": "", + "value": "4px" + }, + { + "name": "brand.borderRadius.md", + "key": "--brand-border-radius-md", + "type": "borderRadius", + "description": "", + "value": "8px" + }, + { + "name": "brand.borderRadius.lg", + "key": "--brand-border-radius-lg", + "type": "borderRadius", + "description": "", + "value": "16px" + }, + { + "name": "brand.color.neutral.transparent", + "key": "--brand-color-neutral-transparent", + "type": "colors", + "description": "", + "value": "rgba(170, 170, 170, 0.00)" + } + ] + }, + { + "name": "density--default", + "dependencies": [], + "parameters": { + "section-name": "default" + }, + "isStatic": false, + "variables": [ + { + "name": "density.action.gap.xs", + "key": "--density-action-gap-xs", + "type": "gap", + "description": "", + "value": "{--brand-spacing-20}" + }, + { + "name": "density.action.gap.sm", + "key": "--density-action-gap-sm", + "type": "gap", + "description": "", + "value": "{--brand-spacing-40}" + }, + { + "name": "density.action.gap.md", + "key": "--density-action-gap-md", + "type": "gap", + "description": "", + "value": "{--brand-spacing-80}" + }, + { + "name": "density.action.gap.lg", + "key": "--density-action-gap-lg", + "type": "gap", + "description": "", + "value": "{--brand-spacing-160}" + }, + { + "name": "density.action.gap.xl", + "key": "--density-action-gap-xl", + "type": "gap", + "description": "", + "value": "{--brand-spacing-240}" + }, + { + "name": "density.icon.size.none", + "key": "--density-icon-size-none", + "type": "spacing", + "description": "", + "value": "{--brand-spacing-none}" + }, + { + "name": "density.padding.xs", + "key": "--density-padding-xs", + "type": "padding", + "description": "", + "value": "{--brand-spacing-20}" + }, + { + "name": "density.padding.sm", + "key": "--density-padding-sm", + "type": "padding", + "description": "", + "value": "{--brand-spacing-40}" + }, + { + "name": "density.padding.md", + "key": "--density-padding-md", + "type": "padding", + "description": "", + "value": "{--brand-spacing-80}" + }, + { + "name": "density.padding.lg", + "key": "--density-padding-lg", + "type": "padding", + "description": "", + "value": "{--brand-spacing-160}" + }, + { + "name": "density.padding.xl", + "key": "--density-padding-xl", + "type": "padding", + "description": "", + "value": "{--brand-spacing-240}" + }, + { + "name": "density.icon.size.sm", + "key": "--density-icon-size-sm", + "type": "spacing", + "description": "", + "value": "{--brand-spacing-40}" + }, + { + "name": "density.icon.size.md", + "key": "--density-icon-size-md", + "type": "spacing", + "description": "", + "value": "{--brand-spacing-80}" + }, + { + "name": "density.icon.size.lg", + "key": "--density-icon-size-lg", + "type": "spacing", + "description": "", + "value": "{--brand-spacing-160}" + }, + { + "name": "density.icon.size.xl", + "key": "--density-icon-size-xl", + "type": "spacing", + "description": "", + "value": "{--brand-spacing-240}" + }, + { + "name": "density.action.borderRadius.none", + "key": "--density-action-border-radius-none", + "type": "borderRadius", + "description": "", + "value": "{--brand-border-radius-none}" + }, + { + "name": "density.action.borderRadius.sm", + "key": "--density-action-border-radius-sm", + "type": "borderRadius", + "description": "", + "value": "{--brand-border-radius-sm}" + }, + { + "name": "density.action.borderRadius.default", + "key": "--density-action-border-radius-default", + "type": "borderRadius", + "description": "", + "value": "{--brand-border-radius-md}" + }, + { + "name": "density.static.borderRadius.none", + "key": "--density-static-border-radius-none", + "type": "borderRadius", + "description": "", + "value": "{--brand-border-radius-none}" + }, + { + "name": "density.static.borderRadius.sm", + "key": "--density-static-border-radius-sm", + "type": "borderRadius", + "description": "", + "value": "{--brand-border-radius-sm}" + }, + { + "name": "density.static.borderRadius.md", + "key": "--density-static-border-radius-md", + "type": "borderRadius", + "description": "", + "value": "{--brand-border-radius-md}" + }, + { + "name": "density.static.borderRadius.lg", + "key": "--density-static-border-radius-lg", + "type": "borderRadius", + "description": "", + "value": "{--brand-border-radius-lg}" + }, + { + "name": "density.action.borderWidth.thin", + "key": "--density-action-border-width-thin", + "type": "borderWidth", + "description": "", + "value": "{--brand-border-width-05}" + }, + { + "name": "density.action.borderWidth.default", + "key": "--density-action-border-width-default", + "type": "borderWidth", + "description": "", + "value": "{--brand-border-width-10}" + }, + { + "name": "density.action.borderWidth.thick", + "key": "--density-action-border-width-thick", + "type": "borderWidth", + "description": "", + "value": "{--brand-border-width-20}" + } + ] + }, + { + "name": "density--compact", + "dependencies": [], + "parameters": { + "section-name": "compact" + }, + "isStatic": false, + "variables": [ + { + "name": "density.action.gap.xs", + "key": "--density-action-gap-xs", + "type": "gap", + "description": "", + "value": "0" + }, + { + "name": "density.action.gap.sm", + "key": "--density-action-gap-sm", + "type": "gap", + "description": "", + "value": "0" + }, + { + "name": "density.action.gap.md", + "key": "--density-action-gap-md", + "type": "gap", + "description": "", + "value": "0" + }, + { + "name": "density.action.gap.lg", + "key": "--density-action-gap-lg", + "type": "gap", + "description": "", + "value": "0" + }, + { + "name": "density.action.gap.xl", + "key": "--density-action-gap-xl", + "type": "gap", + "description": "", + "value": "0" + }, + { + "name": "density.icon.size.none", + "key": "--density-icon-size-none", + "type": "spacing", + "description": "", + "value": "0px" + }, + { + "name": "density.padding.xs", + "key": "--density-padding-xs", + "type": "padding", + "description": "", + "value": "0px" + }, + { + "name": "density.padding.sm", + "key": "--density-padding-sm", + "type": "padding", + "description": "", + "value": "0px" + }, + { + "name": "density.padding.md", + "key": "--density-padding-md", + "type": "padding", + "description": "", + "value": "0px" + }, + { + "name": "density.padding.lg", + "key": "--density-padding-lg", + "type": "padding", + "description": "", + "value": "0px" + }, + { + "name": "density.padding.xl", + "key": "--density-padding-xl", + "type": "padding", + "description": "", + "value": "0px" + }, + { + "name": "density.icon.size.sm", + "key": "--density-icon-size-sm", + "type": "spacing", + "description": "", + "value": "0px" + }, + { + "name": "density.icon.size.md", + "key": "--density-icon-size-md", + "type": "spacing", + "description": "", + "value": "0px" + }, + { + "name": "density.icon.size.lg", + "key": "--density-icon-size-lg", + "type": "spacing", + "description": "", + "value": "0px" + }, + { + "name": "density.icon.size.xl", + "key": "--density-icon-size-xl", + "type": "spacing", + "description": "", + "value": "0px" + }, + { + "name": "density.action.borderRadius.none", + "key": "--density-action-border-radius-none", + "type": "borderRadius", + "description": "", + "value": "0px" + }, + { + "name": "density.action.borderRadius.sm", + "key": "--density-action-border-radius-sm", + "type": "borderRadius", + "description": "", + "value": "0px" + }, + { + "name": "density.action.borderRadius.default", + "key": "--density-action-border-radius-default", + "type": "borderRadius", + "description": "", + "value": "0px" + }, + { + "name": "density.static.borderRadius.none", + "key": "--density-static-border-radius-none", "type": "borderRadius", "description": "", "value": "0px" }, { - "name": "density.action.borderRadius.sm", - "key": "--density-action-border-radius-sm", + "name": "density.static.borderRadius.sm", + "key": "--density-static-border-radius-sm", "type": "borderRadius", "description": "", "value": "0px" }, { - "name": "density.action.borderRadius.default", - "key": "--density-action-border-radius-default", + "name": "density.static.borderRadius.md", + "key": "--density-static-border-radius-md", + "type": "borderRadius", + "description": "", + "value": "0px" + }, + { + "name": "density.static.borderRadius.lg", + "key": "--density-static-border-radius-lg", "type": "borderRadius", "description": "", "value": "0px" @@ -1016,476 +1567,588 @@ "isStatic": false, "variables": [ { - "name": "button", - "key": "--button", - "type": "STRING", - "description": "", - "value": "mobile" - }, - { - "name": "card", - "key": "--card", - "type": "STRING", - "description": "", - "value": "mobile" - }, - { - "name": "action.fontSize.label", - "key": "--action-font-size-label", + "name": "typography.label.fontSize.default", + "key": "--typography-label-font-size-default", "type": "fontSize", "description": "", "value": "{--brand-font-size-sm}" }, { - "name": "action.fontWeight.label", - "key": "--action-font-weight-label", + "name": "typography.label.fontWeight.default", + "key": "--typography-label-font-weight-default", "type": "fontWeight", "description": "", "value": "{--brand-font-weight-bold}" }, { - "name": "action.lineHeight.label", - "key": "--action-line-height-label", + "name": "typography.label.lineHeight.default", + "key": "--typography-label-line-height-default", "type": "lineHeight", "description": "", "value": "{--brand-line-height-4}" }, { - "name": "action.paragraphSpacing.label", - "key": "--action-paragraph-spacing-label", + "name": "typography.label.paragraphSpacing.default", + "key": "--typography-label-paragraph-spacing-default", "type": "FLOAT", "description": "", "value": "{--brand-paragraph-spacing-4}" }, { - "name": "action.tracking.label", - "key": "--action-tracking-label", - "type": "FLOAT", + "name": "typography.label.letterSpacing.default", + "key": "--typography-label-letter-spacing-default", + "type": "letterSpacing", "description": "", - "value": "{--brand-tracking-regular}" + "value": "{--brand-letter-spacing-regular}" }, { - "name": "static.fontSize.header", - "key": "--static-font-size-header", + "name": "typography.info.fontSize.default", + "key": "--typography-info-font-size-default", "type": "fontSize", "description": "", "value": "{--brand-font-size-regular}" }, { - "name": "static.fontSize.text", - "key": "--static-font-size-text", - "type": "fontSize", - "description": "", - "value": "{--brand-font-size-sm}" - }, - { - "name": "static.fontWeight.header", - "key": "--static-font-weight-header", + "name": "typography.info.fontWeight.default", + "key": "--typography-info-font-weight-default", "type": "fontWeight", "description": "", "value": "{--brand-font-weight-bold}" }, { - "name": "static.fontWeight.text", - "key": "--static-font-weight-text", - "type": "fontWeight", - "description": "", - "value": "{--brand-font-weight-regular}" - }, - { - "name": "static.lineHeight.header", - "key": "--static-line-height-header", - "type": "lineHeight", - "description": "", - "value": "{--brand-line-height-4}" - }, - { - "name": "static.lineHeight.text", - "key": "--static-line-height-text", + "name": "typography.info.lineHeight.default", + "key": "--typography-info-line-height-default", "type": "lineHeight", "description": "", "value": "{--brand-line-height-4}" }, { - "name": "static.paragraphSpacing.default", - "key": "--static-paragraph-spacing-default", + "name": "typography.info.paragraphSpacing.default", + "key": "--typography-info-paragraph-spacing-default", "type": "FLOAT", "description": "", "value": "{--brand-paragraph-spacing-4}" }, { - "name": "static.tracking.default", - "key": "--static-tracking-default", - "type": "FLOAT", - "description": "", - "value": "{--brand-tracking-regular}" - }, - { - "name": "static.gap.xxs", - "key": "--static-gap-xxs", - "type": "gap", - "description": "", - "value": "{--brand-spacing-40}" - }, - { - "name": "static.gap.xs", - "key": "--static-gap-xs", - "type": "gap", - "description": "", - "value": "{--brand-spacing-60}" - }, - { - "name": "static.gap.sm", - "key": "--static-gap-sm", - "type": "gap", + "name": "typography.info.letterSpacing.default", + "key": "--typography-info-letter-spacing-default", + "type": "letterSpacing", "description": "", - "value": "{--brand-spacing-80}" + "value": "{--brand-letter-spacing-regular}" }, { - "name": "static.gap.default", - "key": "--static-gap-default", - "type": "gap", + "name": "breakpoint.action.padding.none", + "key": "--breakpoint-action-padding-none", + "type": "padding", "description": "", - "value": "{--brand-spacing-160}" + "value": "{--brand-spacing-none}" }, { - "name": "action.padding.none", - "key": "--action-padding-none", + "name": "breakpoint.action.padding.xxs", + "key": "--breakpoint-action-padding-xxs", "type": "padding", "description": "", - "value": "{--brand-spacing-none}" + "value": "{--density-padding-xs}" }, { - "name": "action.padding.xxs", - "key": "--action-padding-xxs", + "name": "breakpoint.action.padding.xs", + "key": "--breakpoint-action-padding-xs", "type": "padding", "description": "", - "value": "{--brand-spacing-20}" + "value": "{--density-padding-sm}" }, { - "name": "action.padding.xs", - "key": "--action-padding-xs", + "name": "breakpoint.action.padding.sm", + "key": "--breakpoint-action-padding-sm", "type": "padding", "description": "", - "value": "{--brand-spacing-40}" + "value": "{--density-padding-md}" }, { - "name": "action.padding.sm", - "key": "--action-padding-sm", + "name": "breakpoint.action.padding.default", + "key": "--breakpoint-action-padding-default", "type": "padding", "description": "", - "value": "{--brand-spacing-60}" + "value": "{--density-padding-lg}" }, { - "name": "action.padding.default", - "key": "--action-padding-default", + "name": "breakpoint.static.padding.default", + "key": "--breakpoint-static-padding-default", "type": "padding", "description": "", - "value": "{--brand-spacing-80}" + "value": "{--density-padding-lg}" }, { - "name": "action.gap.none", - "key": "--action-gap-none", + "name": "breakpoint.action.gap.none", + "key": "--breakpoint-action-gap-none", "type": "gap", "description": "", "value": "{--brand-spacing-none}" }, { - "name": "action.gap.xxs", - "key": "--action-gap-xxs", + "name": "breakpoint.action.gap.xxs", + "key": "--breakpoint-action-gap-xxs", "type": "gap", "description": "", "value": "{--brand-spacing-20}" }, { - "name": "action.gap.xs", - "key": "--action-gap-xs", + "name": "breakpoint.action.gap.xs", + "key": "--breakpoint-action-gap-xs", "type": "gap", "description": "", "value": "{--brand-spacing-40}" }, { - "name": "action.gap.sm", - "key": "--action-gap-sm", + "name": "breakpoint.action.gap.sm", + "key": "--breakpoint-action-gap-sm", "type": "gap", "description": "", "value": "{--brand-spacing-60}" }, { - "name": "action.gap.default", - "key": "--action-gap-default", + "name": "breakpoint.action.gap.default", + "key": "--breakpoint-action-gap-default", "type": "gap", "description": "", "value": "{--brand-spacing-80}" }, { - "name": "static.padding.xxs", - "key": "--static-padding-xxs", - "type": "padding", + "name": "breakpoint.action.borderRadius.sm", + "key": "--breakpoint-action-border-radius-sm", + "type": "borderRadius", "description": "", - "value": "{--brand-spacing-40}" + "value": "{--density-action-border-radius-sm}" }, { - "name": "static.padding.xs", - "key": "--static-padding-xs", - "type": "padding", + "name": "breakpoint.static.borderRadius.sm", + "key": "--breakpoint-static-border-radius-sm", + "type": "borderRadius", "description": "", - "value": "{--brand-spacing-60}" + "value": "{--density-static-border-radius-sm}" }, { - "name": "static.padding.sm", - "key": "--static-padding-sm", - "type": "padding", + "name": "breakpoint.static.borderRadius.md", + "key": "--breakpoint-static-border-radius-md", + "type": "borderRadius", "description": "", - "value": "{--brand-spacing-80}" + "value": "{--density-static-border-radius-md}" }, { - "name": "static.padding.default", - "key": "--static-padding-default", - "type": "padding", + "name": "typography.body.fontSize.1", + "key": "--typography-body-font-size-1", + "type": "fontSize", "description": "", - "value": "{--brand-spacing-160}" - } - ] - }, - { - "name": "breakpoints--desktop", - "dependencies": [], - "parameters": { - "section-name": "desktop" - }, - "isStatic": false, - "variables": [ + "value": "{--brand-font-size-regular}" + }, { - "name": "button", - "key": "--button", - "type": "STRING", + "name": "typography.body.fontSize.2", + "key": "--typography-body-font-size-2", + "type": "fontSize", "description": "", - "value": "desktop" + "value": "{--brand-font-size-sm}" }, { - "name": "card", - "key": "--card", - "type": "STRING", + "name": "typography.body.fontWeight.1", + "key": "--typography-body-font-weight-1", + "type": "fontWeight", "description": "", - "value": "desktop" + "value": "{--brand-font-weight-bold}" }, { - "name": "action.fontSize.label", - "key": "--action-font-size-label", - "type": "fontSize", + "name": "typography.body.fontWeight.2", + "key": "--typography-body-font-weight-2", + "type": "fontWeight", "description": "", - "value": "{--brand-font-size-regular}" + "value": "{--brand-font-weight-regular}" }, { - "name": "action.fontWeight.label", - "key": "--action-font-weight-label", - "type": "fontWeight", + "name": "typography.body.lineHeight.1", + "key": "--typography-body-line-height-1", + "type": "lineHeight", "description": "", - "value": "{--brand-font-weight-bold}" + "value": "{--brand-line-height-4}" }, { - "name": "action.lineHeight.label", - "key": "--action-line-height-label", + "name": "typography.body.lineHeight.2", + "key": "--typography-body-line-height-2", "type": "lineHeight", "description": "", "value": "{--brand-line-height-4}" }, { - "name": "action.paragraphSpacing.label", - "key": "--action-paragraph-spacing-label", + "name": "typography.body.paragraphSpacing.default", + "key": "--typography-body-paragraph-spacing-default", "type": "FLOAT", "description": "", "value": "{--brand-paragraph-spacing-4}" }, { - "name": "action.tracking.label", - "key": "--action-tracking-label", - "type": "FLOAT", + "name": "typography.body.letterSpacing.default", + "key": "--typography-body-letter-spacing-default", + "type": "letterSpacing", "description": "", - "value": "{--brand-tracking-regular}" + "value": "{--brand-letter-spacing-regular}" }, { - "name": "static.fontSize.header", - "key": "--static-font-size-header", + "name": "typography.title.fontSize.lg", + "key": "--typography-title-font-size-lg", "type": "fontSize", "description": "", "value": "{--brand-font-size-lg}" }, { - "name": "static.fontSize.text", - "key": "--static-font-size-text", + "name": "typography.title.fontSize.md", + "key": "--typography-title-font-size-md", "type": "fontSize", "description": "", "value": "{--brand-font-size-regular}" }, { - "name": "static.fontWeight.header", - "key": "--static-font-weight-header", + "name": "typography.title.fontWeight.default", + "key": "--typography-title-font-weight-default", "type": "fontWeight", "description": "", "value": "{--brand-font-weight-bold}" }, { - "name": "static.fontWeight.text", - "key": "--static-font-weight-text", - "type": "fontWeight", + "name": "typography.title.lineHeight.lg", + "key": "--typography-title-line-height-lg", + "type": "lineHeight", "description": "", - "value": "{--brand-font-weight-regular}" + "value": "{--brand-line-height-5}" }, { - "name": "static.lineHeight.header", - "key": "--static-line-height-header", + "name": "typography.title.lineHeight.md", + "key": "--typography-title-line-height-md", "type": "lineHeight", "description": "", "value": "{--brand-line-height-4}" }, { - "name": "static.lineHeight.text", - "key": "--static-line-height-text", + "name": "typography.title.paragraphSpacing.default", + "key": "--typography-title-paragraph-spacing-default", + "type": "FLOAT", + "description": "", + "value": "{--brand-paragraph-spacing-4}" + }, + { + "name": "typography.title.letterSpacing.default", + "key": "--typography-title-letter-spacing-default", + "type": "letterSpacing", + "description": "", + "value": "{--brand-letter-spacing-regular}" + }, + { + "name": "screen-min-width", + "key": "--screen-min-width", + "type": "FLOAT", + "description": "", + "value": "0" + }, + { + "name": "screen-max-width", + "key": "--screen-max-width", + "type": "FLOAT", + "description": "", + "value": "428" + } + ] + }, + { + "name": "breakpoints--desktop", + "dependencies": [], + "parameters": { + "section-name": "desktop" + }, + "isStatic": false, + "variables": [ + { + "name": "typography.label.fontSize.default", + "key": "--typography-label-font-size-default", + "type": "fontSize", + "description": "", + "value": "{--brand-font-size-regular}" + }, + { + "name": "typography.label.fontWeight.default", + "key": "--typography-label-font-weight-default", + "type": "fontWeight", + "description": "", + "value": "{--brand-font-weight-bold}" + }, + { + "name": "typography.label.lineHeight.default", + "key": "--typography-label-line-height-default", "type": "lineHeight", "description": "", "value": "{--brand-line-height-4}" }, { - "name": "static.paragraphSpacing.default", - "key": "--static-paragraph-spacing-default", + "name": "typography.label.paragraphSpacing.default", + "key": "--typography-label-paragraph-spacing-default", "type": "FLOAT", "description": "", "value": "{--brand-paragraph-spacing-4}" }, { - "name": "static.tracking.default", - "key": "--static-tracking-default", - "type": "FLOAT", + "name": "typography.label.letterSpacing.default", + "key": "--typography-label-letter-spacing-default", + "type": "letterSpacing", "description": "", - "value": "{--brand-tracking-regular}" + "value": "{--brand-letter-spacing-regular}" }, { - "name": "static.gap.xxs", - "key": "--static-gap-xxs", - "type": "gap", + "name": "typography.info.fontSize.default", + "key": "--typography-info-font-size-default", + "type": "fontSize", "description": "", - "value": "{--brand-spacing-60}" + "value": "{--brand-font-size-lg}" }, { - "name": "static.gap.xs", - "key": "--static-gap-xs", - "type": "gap", + "name": "typography.info.fontWeight.default", + "key": "--typography-info-font-weight-default", + "type": "fontWeight", "description": "", - "value": "{--brand-spacing-80}" + "value": "{--brand-font-weight-bold}" }, { - "name": "static.gap.sm", - "key": "--static-gap-sm", - "type": "gap", + "name": "typography.info.lineHeight.default", + "key": "--typography-info-line-height-default", + "type": "lineHeight", "description": "", - "value": "{--brand-spacing-80}" + "value": "{--brand-line-height-4}" }, { - "name": "static.gap.default", - "key": "--static-gap-default", - "type": "gap", + "name": "typography.info.paragraphSpacing.default", + "key": "--typography-info-paragraph-spacing-default", + "type": "FLOAT", "description": "", - "value": "{--brand-spacing-160}" + "value": "{--brand-paragraph-spacing-4}" + }, + { + "name": "typography.info.letterSpacing.default", + "key": "--typography-info-letter-spacing-default", + "type": "letterSpacing", + "description": "", + "value": "{--brand-letter-spacing-regular}" }, { - "name": "action.padding.none", - "key": "--action-padding-none", + "name": "breakpoint.action.padding.none", + "key": "--breakpoint-action-padding-none", "type": "padding", "description": "", "value": "{--brand-spacing-none}" }, { - "name": "action.padding.xxs", - "key": "--action-padding-xxs", + "name": "breakpoint.action.padding.xxs", + "key": "--breakpoint-action-padding-xxs", "type": "padding", "description": "", - "value": "{--brand-spacing-20}" + "value": "{--density-padding-sm}" }, { - "name": "action.padding.xs", - "key": "--action-padding-xs", + "name": "breakpoint.action.padding.xs", + "key": "--breakpoint-action-padding-xs", "type": "padding", "description": "", - "value": "{--brand-spacing-60}" + "value": "{--density-padding-md}" }, { - "name": "action.padding.sm", - "key": "--action-padding-sm", + "name": "breakpoint.action.padding.sm", + "key": "--breakpoint-action-padding-sm", "type": "padding", "description": "", - "value": "{--brand-spacing-80}" + "value": "{--density-padding-lg}" }, { - "name": "action.padding.default", - "key": "--action-padding-default", + "name": "breakpoint.action.padding.default", + "key": "--breakpoint-action-padding-default", "type": "padding", "description": "", - "value": "{--brand-spacing-160}" + "value": "{--density-padding-xl}" + }, + { + "name": "breakpoint.static.padding.default", + "key": "--breakpoint-static-padding-default", + "type": "padding", + "description": "", + "value": "{--density-padding-xl}" }, { - "name": "action.gap.none", - "key": "--action-gap-none", + "name": "breakpoint.action.gap.none", + "key": "--breakpoint-action-gap-none", "type": "gap", "description": "", "value": "{--brand-spacing-none}" }, { - "name": "action.gap.xxs", - "key": "--action-gap-xxs", + "name": "breakpoint.action.gap.xxs", + "key": "--breakpoint-action-gap-xxs", "type": "gap", "description": "", "value": "{--brand-spacing-20}" }, { - "name": "action.gap.xs", - "key": "--action-gap-xs", + "name": "breakpoint.action.gap.xs", + "key": "--breakpoint-action-gap-xs", "type": "gap", "description": "", "value": "{--brand-spacing-60}" }, { - "name": "action.gap.sm", - "key": "--action-gap-sm", + "name": "breakpoint.action.gap.sm", + "key": "--breakpoint-action-gap-sm", "type": "gap", "description": "", "value": "{--brand-spacing-80}" }, { - "name": "action.gap.default", - "key": "--action-gap-default", + "name": "breakpoint.action.gap.default", + "key": "--breakpoint-action-gap-default", "type": "gap", "description": "", "value": "{--brand-spacing-160}" }, { - "name": "static.padding.xxs", - "key": "--static-padding-xxs", - "type": "padding", + "name": "breakpoint.action.borderRadius.sm", + "key": "--breakpoint-action-border-radius-sm", + "type": "borderRadius", "description": "", - "value": "{--brand-spacing-60}" + "value": "{--density-action-border-radius-default}" }, { - "name": "static.padding.xs", - "key": "--static-padding-xs", - "type": "padding", + "name": "breakpoint.static.borderRadius.sm", + "key": "--breakpoint-static-border-radius-sm", + "type": "borderRadius", "description": "", - "value": "{--brand-spacing-80}" + "value": "{--brand-border-radius-md}" }, { - "name": "static.padding.sm", - "key": "--static-padding-sm", - "type": "padding", + "name": "breakpoint.static.borderRadius.md", + "key": "--breakpoint-static-border-radius-md", + "type": "borderRadius", "description": "", - "value": "{--brand-spacing-80}" + "value": "{--density-static-border-radius-lg}" }, { - "name": "static.padding.default", - "key": "--static-padding-default", - "type": "padding", + "name": "typography.body.fontSize.1", + "key": "--typography-body-font-size-1", + "type": "fontSize", "description": "", - "value": "{--brand-spacing-160}" + "value": "{--brand-font-size-lg}" + }, + { + "name": "typography.body.fontSize.2", + "key": "--typography-body-font-size-2", + "type": "fontSize", + "description": "", + "value": "{--brand-font-size-regular}" + }, + { + "name": "typography.body.fontWeight.1", + "key": "--typography-body-font-weight-1", + "type": "fontWeight", + "description": "", + "value": "{--brand-font-weight-bold}" + }, + { + "name": "typography.body.fontWeight.2", + "key": "--typography-body-font-weight-2", + "type": "fontWeight", + "description": "", + "value": "{--brand-font-weight-regular}" + }, + { + "name": "typography.body.lineHeight.1", + "key": "--typography-body-line-height-1", + "type": "lineHeight", + "description": "", + "value": "{--brand-line-height-4}" + }, + { + "name": "typography.body.lineHeight.2", + "key": "--typography-body-line-height-2", + "type": "lineHeight", + "description": "", + "value": "{--brand-line-height-4}" + }, + { + "name": "typography.body.paragraphSpacing.default", + "key": "--typography-body-paragraph-spacing-default", + "type": "FLOAT", + "description": "", + "value": "{--brand-paragraph-spacing-4}" + }, + { + "name": "typography.body.letterSpacing.default", + "key": "--typography-body-letter-spacing-default", + "type": "letterSpacing", + "description": "", + "value": "{--brand-letter-spacing-regular}" + }, + { + "name": "typography.title.fontSize.lg", + "key": "--typography-title-font-size-lg", + "type": "fontSize", + "description": "", + "value": "{--brand-font-size-xl}" + }, + { + "name": "typography.title.fontSize.md", + "key": "--typography-title-font-size-md", + "type": "fontSize", + "description": "", + "value": "{--brand-font-size-lg}" + }, + { + "name": "typography.title.fontWeight.default", + "key": "--typography-title-font-weight-default", + "type": "fontWeight", + "description": "", + "value": "{--brand-font-weight-bold}" + }, + { + "name": "typography.title.lineHeight.lg", + "key": "--typography-title-line-height-lg", + "type": "lineHeight", + "description": "", + "value": "{--brand-line-height-6}" + }, + { + "name": "typography.title.lineHeight.md", + "key": "--typography-title-line-height-md", + "type": "lineHeight", + "description": "", + "value": "{--brand-line-height-5}" + }, + { + "name": "typography.title.paragraphSpacing.default", + "key": "--typography-title-paragraph-spacing-default", + "type": "FLOAT", + "description": "", + "value": "{--brand-paragraph-spacing-4}" + }, + { + "name": "typography.title.letterSpacing.default", + "key": "--typography-title-letter-spacing-default", + "type": "letterSpacing", + "description": "", + "value": "{--brand-letter-spacing-regular}" + }, + { + "name": "screen-min-width", + "key": "--screen-min-width", + "type": "FLOAT", + "description": "", + "value": "429" + }, + { + "name": "screen-max-width", + "key": "--screen-max-width", + "type": "FLOAT", + "description": "", + "value": "4096" } ] } @@ -1494,9 +2157,26 @@ "color-modes--light", "color-modes--dark", "brand--brand-1", + "brand--bvrand", "density--default", "density--compact", "breakpoints--mobile", "breakpoints--desktop" + ], + "vectors": [ + { + "name": "heart", + "description": "", + "source": "\n\n\n", + "properties": {} + }, + { + "name": "clock_outline_spot", + "description": "", + "source": "\n\n\n\n\n\n\n\n\n\n", + "properties": { + "usage": "application" + } + } ] } \ No newline at end of file