Skip to content

Commit 150ebbd

Browse files
stephanie56stephanie56
committed
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
1 parent 7514937 commit 150ebbd

File tree

2 files changed

+114
-44
lines changed

2 files changed

+114
-44
lines changed

‎packages/foundations/package.json

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,14 @@
11
{
22
"name": "@repo/foundations",
3-
"version": "4.1.0",
3+
"version": "4.2.0",
44
"description": "",
55
"main": "index.js",
66
"exports": {
77
".": "./index.ts",
88
"./styles": "./index.css"
99
},
1010
"scripts": {
11-
"build": "radius-toolkit generate tokens.json -o styles/index.css",
12-
"build:custom": "radius-toolkit generate tokens.json -c myCustomTemplate -T ./templates -o styles/vector.json",
13-
"build:tailwind": "radius-toolkit generate tokens.json -t tailwind"
11+
"build": "radius-toolkit generate tokens.json -o styles/index.css"
1412
},
1513
"keywords": [],
1614
"author": "",

‎packages/foundations/tokens.json

Lines changed: 112 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -560,6 +560,13 @@
560560
"description": "",
561561
"value": "-1"
562562
},
563+
{
564+
"name": "brand.lineHeight.100percent",
565+
"key": "--brand-line-height-100percent",
566+
"type": "lineHeight",
567+
"description": "",
568+
"value": "100"
569+
},
563570
{
564571
"name": "brand.letterSpacing.tighter",
565572
"key": "--brand-letter-spacing-tighter",
@@ -1018,6 +1025,13 @@
10181025
"description": "",
10191026
"value": "-1"
10201027
},
1028+
{
1029+
"name": "brand.lineHeight.100percent",
1030+
"key": "--brand-line-height-100percent",
1031+
"type": "lineHeight",
1032+
"description": "",
1033+
"value": "120"
1034+
},
10211035
{
10221036
"name": "brand.letterSpacing.tighter",
10231037
"key": "--brand-letter-spacing-tighter",
@@ -1643,20 +1657,20 @@
16431657
"description": "",
16441658
"value": "{--brand-spacing-60}"
16451659
},
1646-
{
1647-
"name": "breakpoint.action.gap.default",
1648-
"key": "--breakpoint-action-gap-default",
1649-
"type": "gap",
1650-
"description": "",
1651-
"value": "{--brand-spacing-80}"
1652-
},
16531660
{
16541661
"name": "breakpoint.static.padding.md",
16551662
"key": "--breakpoint-static-padding-md",
16561663
"type": "padding",
16571664
"description": "",
16581665
"value": "{--density-padding-md}"
16591666
},
1667+
{
1668+
"name": "breakpoint.action.gap.default",
1669+
"key": "--breakpoint-action-gap-default",
1670+
"type": "gap",
1671+
"description": "",
1672+
"value": "{--brand-spacing-80}"
1673+
},
16601674
{
16611675
"name": "breakpoint.action.borderRadius.sm",
16621676
"key": "--breakpoint-action-border-radius-sm",
@@ -1768,6 +1782,48 @@
17681782
"type": "letterSpacing",
17691783
"description": "",
17701784
"value": "{--brand-letter-spacing-regular}"
1785+
},
1786+
{
1787+
"name": "typography.subtitle.fontSize.lg",
1788+
"key": "--typography-subtitle-font-size-lg",
1789+
"type": "fontSize",
1790+
"description": "",
1791+
"value": "{--brand-font-size-sm}"
1792+
},
1793+
{
1794+
"name": "typography.subtitle.fontSize.md",
1795+
"key": "--typography-subtitle-font-size-md",
1796+
"type": "fontSize",
1797+
"description": "",
1798+
"value": "{--brand-font-size-regular}"
1799+
},
1800+
{
1801+
"name": "typography.subtitle.fontWeight.default",
1802+
"key": "--typography-subtitle-font-weight-default",
1803+
"type": "fontWeight",
1804+
"description": "",
1805+
"value": "{--brand-font-weight-bold}"
1806+
},
1807+
{
1808+
"name": "typography.subtitle.lineHeight.lg",
1809+
"key": "--typography-subtitle-line-height-lg",
1810+
"type": "lineHeight",
1811+
"description": "",
1812+
"value": "{--brand-line-height-5}"
1813+
},
1814+
{
1815+
"name": "typography.subtitle.lineHeight.md",
1816+
"key": "--typography-subtitle-line-height-md",
1817+
"type": "lineHeight",
1818+
"description": "",
1819+
"value": "{--brand-line-height-4}"
1820+
},
1821+
{
1822+
"name": "typography.subtitle.letterSpacing.default",
1823+
"key": "--typography-subtitle-letter-spacing-default",
1824+
"type": "letterSpacing",
1825+
"description": "",
1826+
"value": "{--brand-letter-spacing-regular}"
17711827
}
17721828
]
17731829
},
@@ -1912,20 +1968,20 @@
19121968
"description": "",
19131969
"value": "{--brand-spacing-80}"
19141970
},
1915-
{
1916-
"name": "breakpoint.action.gap.default",
1917-
"key": "--breakpoint-action-gap-default",
1918-
"type": "gap",
1919-
"description": "",
1920-
"value": "{--brand-spacing-160}"
1921-
},
19221971
{
19231972
"name": "breakpoint.static.padding.md",
19241973
"key": "--breakpoint-static-padding-md",
19251974
"type": "padding",
19261975
"description": "",
19271976
"value": "{--density-padding-lg}"
19281977
},
1978+
{
1979+
"name": "breakpoint.action.gap.default",
1980+
"key": "--breakpoint-action-gap-default",
1981+
"type": "gap",
1982+
"description": "",
1983+
"value": "{--brand-spacing-160}"
1984+
},
19291985
{
19301986
"name": "breakpoint.action.borderRadius.sm",
19311987
"key": "--breakpoint-action-border-radius-sm",
@@ -2037,6 +2093,48 @@
20372093
"type": "letterSpacing",
20382094
"description": "",
20392095
"value": "{--brand-letter-spacing-regular}"
2096+
},
2097+
{
2098+
"name": "typography.subtitle.fontSize.lg",
2099+
"key": "--typography-subtitle-font-size-lg",
2100+
"type": "fontSize",
2101+
"description": "",
2102+
"value": "{--brand-font-size-regular}"
2103+
},
2104+
{
2105+
"name": "typography.subtitle.fontSize.md",
2106+
"key": "--typography-subtitle-font-size-md",
2107+
"type": "fontSize",
2108+
"description": "",
2109+
"value": "{--brand-font-size-lg}"
2110+
},
2111+
{
2112+
"name": "typography.subtitle.fontWeight.default",
2113+
"key": "--typography-subtitle-font-weight-default",
2114+
"type": "fontWeight",
2115+
"description": "",
2116+
"value": "{--brand-font-weight-bold}"
2117+
},
2118+
{
2119+
"name": "typography.subtitle.lineHeight.lg",
2120+
"key": "--typography-subtitle-line-height-lg",
2121+
"type": "lineHeight",
2122+
"description": "",
2123+
"value": "{--brand-line-height-6}"
2124+
},
2125+
{
2126+
"name": "typography.subtitle.lineHeight.md",
2127+
"key": "--typography-subtitle-line-height-md",
2128+
"type": "lineHeight",
2129+
"description": "",
2130+
"value": "{--brand-line-height-5}"
2131+
},
2132+
{
2133+
"name": "typography.subtitle.letterSpacing.default",
2134+
"key": "--typography-subtitle-letter-spacing-default",
2135+
"type": "letterSpacing",
2136+
"description": "",
2137+
"value": "{--brand-letter-spacing-regular}"
20402138
}
20412139
]
20422140
}
@@ -2050,31 +2148,5 @@
20502148
"density--compact",
20512149
"breakpoints--mobile",
20522150
"breakpoints--desktop"
2053-
],
2054-
"vectors": [
2055-
{
2056-
"name": "Box - Moving",
2057-
"description": "",
2058-
"source": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2.60817 8.19257V4.34122M2.60817 4.34122L8.77033 0.875L11.8514 2.60811M2.60817 4.34122L5.68925 6.21666M14.9325 4.34122V11.5304L8.51357 15.125M14.9325 4.34122L8.51357 7.93581M14.9325 4.34122L11.8514 2.60811M8.51357 15.125L6.45952 13.8412M8.51357 15.125V7.93581M8.51357 7.93581L5.68925 6.21666M5.68925 6.21666L11.8514 2.60811M1.06763 11.7872L4.91898 9.47635M1.06763 14.3547L6.45952 11.0169\" stroke=\"#00549A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
2059-
"properties": {
2060-
"Size": "S",
2061-
"Icon type": "Stroke",
2062-
"Icon colour": "Default",
2063-
"Frame type": "None",
2064-
"Frame fill": "None"
2065-
}
2066-
},
2067-
{
2068-
"name": "Box - Moving",
2069-
"description": "",
2070-
"source": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M3.48651 12.3041V6.22297M3.48651 6.22297L13.2162 0.75L18.0811 3.48649M3.48651 6.22297L8.35137 9.1842M22.946 6.22297V17.5743L12.8108 23.25M22.946 6.22297L12.8108 11.8986M22.946 6.22297L18.0811 3.48649M12.8108 23.25L9.56759 21.223M12.8108 23.25V11.8986M12.8108 11.8986L8.35137 9.1842M8.35137 9.1842L18.0811 3.48649M1.05408 17.9797L7.13516 14.3311M1.05408 22.0338L9.56759 16.7635\" stroke=\"#00549A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
2071-
"properties": {
2072-
"Size": "M",
2073-
"Icon type": "Stroke",
2074-
"Icon colour": "Default",
2075-
"Frame type": "None",
2076-
"Frame fill": "None"
2077-
}
2078-
}
20792151
]
20802152
}

0 commit comments

Comments
 (0)