From e3d4c816e01cf4d6cb69adfa8b1b3ccf8f58ed63 Mon Sep 17 00:00:00 2001 From: Stephanie Zeng Date: Tue, 10 Dec 2024 14:29:40 -0500 Subject: [PATCH] fix(design-tokens): Changes to Design Tokens Added tokens: + brand.lineHeight.100percent + typography.subtitle.fontSize.lg + typography.subtitle.fontSize.md + typography.subtitle.fontWeight.default + typography.subtitle.lineHeight.lg + typography.subtitle.lineHeight.md + typography.subtitle.letterSpacing.default # Figma User: Stephanie Zeng --- packages/foundations/package.json | 2 +- packages/foundations/tokens.json | 152 ++++++++++++++++++++++-------- 2 files changed, 113 insertions(+), 41 deletions(-) diff --git a/packages/foundations/package.json b/packages/foundations/package.json index a9389ff..5b53f5e 100644 --- a/packages/foundations/package.json +++ b/packages/foundations/package.json @@ -1,6 +1,6 @@ { "name": "@repo/foundations", - "version": "4.1.0", + "version": "4.2.0", "description": "", "main": "index.js", "exports": { diff --git a/packages/foundations/tokens.json b/packages/foundations/tokens.json index e21caa6..a4b91ad 100644 --- a/packages/foundations/tokens.json +++ b/packages/foundations/tokens.json @@ -560,6 +560,13 @@ "description": "", "value": "-1" }, + { + "name": "brand.lineHeight.100percent", + "key": "--brand-line-height-100percent", + "type": "lineHeight", + "description": "", + "value": "100" + }, { "name": "brand.letterSpacing.tighter", "key": "--brand-letter-spacing-tighter", @@ -1018,6 +1025,13 @@ "description": "", "value": "-1" }, + { + "name": "brand.lineHeight.100percent", + "key": "--brand-line-height-100percent", + "type": "lineHeight", + "description": "", + "value": "120" + }, { "name": "brand.letterSpacing.tighter", "key": "--brand-letter-spacing-tighter", @@ -1643,13 +1657,6 @@ "description": "", "value": "{--brand-spacing-60}" }, - { - "name": "breakpoint.action.gap.default", - "key": "--breakpoint-action-gap-default", - "type": "gap", - "description": "", - "value": "{--brand-spacing-80}" - }, { "name": "breakpoint.static.padding.md", "key": "--breakpoint-static-padding-md", @@ -1657,6 +1664,13 @@ "description": "", "value": "{--density-padding-md}" }, + { + "name": "breakpoint.action.gap.default", + "key": "--breakpoint-action-gap-default", + "type": "gap", + "description": "", + "value": "{--brand-spacing-80}" + }, { "name": "breakpoint.action.borderRadius.sm", "key": "--breakpoint-action-border-radius-sm", @@ -1768,6 +1782,48 @@ "type": "letterSpacing", "description": "", "value": "{--brand-letter-spacing-regular}" + }, + { + "name": "typography.subtitle.fontSize.lg", + "key": "--typography-subtitle-font-size-lg", + "type": "fontSize", + "description": "", + "value": "{--brand-font-size-sm}" + }, + { + "name": "typography.subtitle.fontSize.md", + "key": "--typography-subtitle-font-size-md", + "type": "fontSize", + "description": "", + "value": "{--brand-font-size-regular}" + }, + { + "name": "typography.subtitle.fontWeight.default", + "key": "--typography-subtitle-font-weight-default", + "type": "fontWeight", + "description": "", + "value": "{--brand-font-weight-bold}" + }, + { + "name": "typography.subtitle.lineHeight.lg", + "key": "--typography-subtitle-line-height-lg", + "type": "lineHeight", + "description": "", + "value": "{--brand-line-height-5}" + }, + { + "name": "typography.subtitle.lineHeight.md", + "key": "--typography-subtitle-line-height-md", + "type": "lineHeight", + "description": "", + "value": "{--brand-line-height-4}" + }, + { + "name": "typography.subtitle.letterSpacing.default", + "key": "--typography-subtitle-letter-spacing-default", + "type": "letterSpacing", + "description": "", + "value": "{--brand-letter-spacing-regular}" } ] }, @@ -1912,13 +1968,6 @@ "description": "", "value": "{--brand-spacing-80}" }, - { - "name": "breakpoint.action.gap.default", - "key": "--breakpoint-action-gap-default", - "type": "gap", - "description": "", - "value": "{--brand-spacing-160}" - }, { "name": "breakpoint.static.padding.md", "key": "--breakpoint-static-padding-md", @@ -1926,6 +1975,13 @@ "description": "", "value": "{--density-padding-lg}" }, + { + "name": "breakpoint.action.gap.default", + "key": "--breakpoint-action-gap-default", + "type": "gap", + "description": "", + "value": "{--brand-spacing-160}" + }, { "name": "breakpoint.action.borderRadius.sm", "key": "--breakpoint-action-border-radius-sm", @@ -2037,6 +2093,48 @@ "type": "letterSpacing", "description": "", "value": "{--brand-letter-spacing-regular}" + }, + { + "name": "typography.subtitle.fontSize.lg", + "key": "--typography-subtitle-font-size-lg", + "type": "fontSize", + "description": "", + "value": "{--brand-font-size-regular}" + }, + { + "name": "typography.subtitle.fontSize.md", + "key": "--typography-subtitle-font-size-md", + "type": "fontSize", + "description": "", + "value": "{--brand-font-size-lg}" + }, + { + "name": "typography.subtitle.fontWeight.default", + "key": "--typography-subtitle-font-weight-default", + "type": "fontWeight", + "description": "", + "value": "{--brand-font-weight-bold}" + }, + { + "name": "typography.subtitle.lineHeight.lg", + "key": "--typography-subtitle-line-height-lg", + "type": "lineHeight", + "description": "", + "value": "{--brand-line-height-6}" + }, + { + "name": "typography.subtitle.lineHeight.md", + "key": "--typography-subtitle-line-height-md", + "type": "lineHeight", + "description": "", + "value": "{--brand-line-height-5}" + }, + { + "name": "typography.subtitle.letterSpacing.default", + "key": "--typography-subtitle-letter-spacing-default", + "type": "letterSpacing", + "description": "", + "value": "{--brand-letter-spacing-regular}" } ] } @@ -2050,31 +2148,5 @@ "density--compact", "breakpoints--mobile", "breakpoints--desktop" - ], - "vectors": [ - { - "name": "Box - Moving", - "description": "", - "source": "\n\n\n", - "properties": { - "Size": "S", - "Icon type": "Stroke", - "Icon colour": "Default", - "Frame type": "None", - "Frame fill": "None" - } - }, - { - "name": "Box - Moving", - "description": "", - "source": "\n\n\n", - "properties": { - "Size": "M", - "Icon type": "Stroke", - "Icon colour": "Default", - "Frame type": "None", - "Frame fill": "None" - } - } ] } \ No newline at end of file