From d7fa0bb26dca076632cb252d70807b7d9b1fd16d Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 10 Jan 2022 10:05:20 +0000 Subject: [PATCH] feat(data): Updated design tokens (#146) feat(data): Adding Size tokens for 1300 and 1600 Also adding font size tokens 650, 750. And adding profile initials typography tokens. --- data/all.json | 111 +++++++++++++++++++++++++++ data/base.json | 202 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 313 insertions(+) diff --git a/data/all.json b/data/all.json index 176a646c..15bb5d96 100644 --- a/data/all.json +++ b/data/all.json @@ -684,6 +684,14 @@ "value": "80px", "type": "sizing" }, + "1300": { + "value": "104px", + "type": "sizing" + }, + "1600": { + "value": "128px", + "type": "sizing" + }, "025": { "value": "2px", "type": "sizing" @@ -818,10 +826,18 @@ "value": "24px", "type": "fontSizes" }, + "650": { + "value": "28px", + "type": "fontSizes" + }, "700": { "value": "32px", "type": "fontSizes" }, + "750": { + "value": "40px", + "type": "fontSizes" + }, "800": { "value": "48px", "type": "fontSizes" @@ -1768,6 +1784,101 @@ } } }, + "profile": { + "initials": { + "xs": { + "value": { + "fontFamily": "$fontFamilies.default", + "fontWeight": "$fontWeights.500", + "lineHeight": "$lineHeights.500", + "fontSize": "$fontSizes.010", + "letterSpacing": "0%", + "paragraphSpacing": "0", + "textDecoration": "none", + "textCase": "none" + }, + "type": "typography" + }, + "s": { + "value": { + "fontFamily": "$fontFamilies.default", + "fontWeight": "$fontWeights.500", + "lineHeight": "$lineHeights.500", + "fontSize": "$fontSizes.100", + "letterSpacing": "0%", + "paragraphSpacing": "0", + "textDecoration": "none", + "textCase": "none" + }, + "type": "typography" + }, + "m": { + "value": { + "fontFamily": "$fontFamilies.default", + "fontWeight": "$fontWeights.500", + "lineHeight": "$lineHeights.500", + "fontSize": "$fontSizes.300", + "letterSpacing": "0%", + "paragraphSpacing": "0", + "textDecoration": "none", + "textCase": "none" + }, + "type": "typography" + }, + "ml": { + "value": { + "fontFamily": "$fontFamilies.default", + "fontWeight": "$fontWeights.500", + "lineHeight": "$lineHeights.500", + "fontSize": "$fontSizes.600", + "letterSpacing": "0%", + "paragraphSpacing": "0", + "textDecoration": "none", + "textCase": "none" + }, + "type": "typography" + }, + "l": { + "value": { + "fontFamily": "$fontFamilies.default", + "fontWeight": "$fontWeights.500", + "lineHeight": "$lineHeights.500", + "fontSize": "$fontSizes.700", + "letterSpacing": "0%", + "paragraphSpacing": "0", + "textDecoration": "none", + "textCase": "none" + }, + "type": "typography" + }, + "xl": { + "value": { + "fontFamily": "$fontFamilies.default", + "fontWeight": "$fontWeights.500", + "lineHeight": "$lineHeights.500", + "fontSize": "$fontSizes.800", + "letterSpacing": "0%", + "paragraphSpacing": "0", + "textDecoration": "none", + "textCase": "none" + }, + "type": "typography" + }, + "xxl": { + "value": { + "fontFamily": "$fontFamilies.default", + "fontWeight": "$fontWeights.500", + "lineHeight": "$lineHeights.500", + "fontSize": "$fontSizes.900", + "letterSpacing": "0%", + "paragraphSpacing": "0", + "textDecoration": "none", + "textCase": "none" + }, + "type": "typography" + } + } + }, "progressTracker": { "valueLabel": { "s": { diff --git a/data/base.json b/data/base.json index 9fc8c2d0..333f2d46 100644 --- a/data/base.json +++ b/data/base.json @@ -683,6 +683,14 @@ "value": "80px", "type": "sizing" }, + "1300": { + "value": "104px", + "type": "sizing" + }, + "1600": { + "value": "128px", + "type": "sizing" + }, "025": { "value": "2px", "type": "sizing" @@ -817,10 +825,18 @@ "value": "24px", "type": "fontSizes" }, + "650": { + "value": "28px", + "type": "fontSizes" + }, "700": { "value": "32px", "type": "fontSizes" }, + "750": { + "value": "40px", + "type": "fontSizes" + }, "800": { "value": "48px", "type": "fontSizes" @@ -2357,6 +2373,192 @@ } } }, + "profile": { + "initials": { + "xs": { + "fontFamily": { + "value": "Sage UI" + }, + "fontWeight": { + "value": "Medium" + }, + "lineHeight": { + "value": "150%" + }, + "fontSize": { + "value": "10px" + }, + "letterSpacing": { + "value": "0%" + }, + "paragraphSpacing": { + "value": 0 + }, + "textDecoration": { + "value": "none" + }, + "textCase": { + "value": "none" + } + }, + "s": { + "fontFamily": { + "value": "Sage UI" + }, + "fontWeight": { + "value": "Medium" + }, + "lineHeight": { + "value": "150%" + }, + "fontSize": { + "value": "14px" + }, + "letterSpacing": { + "value": "0%" + }, + "paragraphSpacing": { + "value": 0 + }, + "textDecoration": { + "value": "none" + }, + "textCase": { + "value": "none" + } + }, + "m": { + "fontFamily": { + "value": "Sage UI" + }, + "fontWeight": { + "value": "Medium" + }, + "lineHeight": { + "value": "150%" + }, + "fontSize": { + "value": "18px" + }, + "letterSpacing": { + "value": "0%" + }, + "paragraphSpacing": { + "value": 0 + }, + "textDecoration": { + "value": "none" + }, + "textCase": { + "value": "none" + } + }, + "ml": { + "fontFamily": { + "value": "Sage UI" + }, + "fontWeight": { + "value": "Medium" + }, + "lineHeight": { + "value": "150%" + }, + "fontSize": { + "value": "24px" + }, + "letterSpacing": { + "value": "0%" + }, + "paragraphSpacing": { + "value": 0 + }, + "textDecoration": { + "value": "none" + }, + "textCase": { + "value": "none" + } + }, + "l": { + "fontFamily": { + "value": "Sage UI" + }, + "fontWeight": { + "value": "Medium" + }, + "lineHeight": { + "value": "150%" + }, + "fontSize": { + "value": "32px" + }, + "letterSpacing": { + "value": "0%" + }, + "paragraphSpacing": { + "value": 0 + }, + "textDecoration": { + "value": "none" + }, + "textCase": { + "value": "none" + } + }, + "xl": { + "fontFamily": { + "value": "Sage UI" + }, + "fontWeight": { + "value": "Medium" + }, + "lineHeight": { + "value": "150%" + }, + "fontSize": { + "value": "48px" + }, + "letterSpacing": { + "value": "0%" + }, + "paragraphSpacing": { + "value": 0 + }, + "textDecoration": { + "value": "none" + }, + "textCase": { + "value": "none" + } + }, + "xxl": { + "fontFamily": { + "value": "Sage UI" + }, + "fontWeight": { + "value": "Medium" + }, + "lineHeight": { + "value": "150%" + }, + "fontSize": { + "value": "56px" + }, + "letterSpacing": { + "value": "0%" + }, + "paragraphSpacing": { + "value": 0 + }, + "textDecoration": { + "value": "none" + }, + "textCase": { + "value": "none" + } + } + } + }, "progressTracker": { "valueLabel": { "s": {