@synergy-design-system/tokens 2.45.0 → 2.47.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -91,6 +91,16 @@
91
91
  }
92
92
  }
93
93
  },
94
+ "background": {
95
+ "color-1": {
96
+ "type": "color",
97
+ "value": "{color.neutral.50}"
98
+ },
99
+ "color-2": {
100
+ "type": "color",
101
+ "value": "{color.accent.100}"
102
+ }
103
+ },
94
104
  "badge": {
95
105
  "error": {
96
106
  "color-background": {
@@ -207,6 +217,50 @@
207
217
  }
208
218
  },
209
219
  "button": {
220
+ "border": {
221
+ "radius-large": {
222
+ "type": "sizing",
223
+ "value": "{input.border.radius-large}"
224
+ },
225
+ "radius-medium": {
226
+ "type": "sizing",
227
+ "value": "{input.border.radius-medium}"
228
+ },
229
+ "radius-small": {
230
+ "type": "sizing",
231
+ "value": "{input.border.radius-small}"
232
+ }
233
+ },
234
+ "color": {
235
+ "type": "color",
236
+ "value": "{interactive.emphasis.color}"
237
+ },
238
+ "color-active": {
239
+ "type": "color",
240
+ "value": "{interactive.emphasis.color-active}"
241
+ },
242
+ "color-disabled": {
243
+ "type": "color",
244
+ "value": "{color.neutral.600}"
245
+ },
246
+ "color-hover": {
247
+ "type": "color",
248
+ "value": "{interactive.emphasis.color-hover}"
249
+ },
250
+ "filled": {
251
+ "color-text": {
252
+ "type": "color",
253
+ "value": "rgba(255, 255, 255, 0.00)"
254
+ },
255
+ "color-text-active": {
256
+ "type": "color",
257
+ "value": "rgba(255, 255, 255, 0.00)"
258
+ },
259
+ "color-text-hover": {
260
+ "type": "color",
261
+ "value": "rgba(255, 255, 255, 0.00)"
262
+ }
263
+ },
210
264
  "font-size": {
211
265
  "large": {
212
266
  "type": "sizing",
@@ -220,6 +274,46 @@
220
274
  "type": "sizing",
221
275
  "value": "{font-size.small}"
222
276
  }
277
+ },
278
+ "outline": {
279
+ "color": {
280
+ "type": "color",
281
+ "value": "rgba(255, 255, 255, 0.00)"
282
+ },
283
+ "color-active": {
284
+ "type": "color",
285
+ "value": "rgba(255, 255, 255, 0.00)"
286
+ },
287
+ "color-hover": {
288
+ "type": "color",
289
+ "value": "rgba(255, 255, 255, 0.00)"
290
+ },
291
+ "color-text": {
292
+ "type": "color",
293
+ "value": "rgba(255, 255, 255, 0.00)"
294
+ },
295
+ "color-text-active": {
296
+ "type": "color",
297
+ "value": "rgba(255, 255, 255, 0.00)"
298
+ },
299
+ "color-text-hover": {
300
+ "type": "color",
301
+ "value": "rgba(255, 255, 255, 0.00)"
302
+ }
303
+ },
304
+ "text": {
305
+ "color-text": {
306
+ "type": "color",
307
+ "value": "rgba(255, 255, 255, 0.00)"
308
+ },
309
+ "color-text-active": {
310
+ "type": "color",
311
+ "value": "rgba(255, 255, 255, 0.00)"
312
+ },
313
+ "color-text-hover": {
314
+ "type": "color",
315
+ "value": "rgba(255, 255, 255, 0.00)"
316
+ }
223
317
  }
224
318
  },
225
319
  "checkbox": {
@@ -277,6 +371,52 @@
277
371
  "value": "#fffbea"
278
372
  }
279
373
  },
374
+ "critical": {
375
+ "50": {
376
+ "type": "color",
377
+ "value": "#481700"
378
+ },
379
+ "100": {
380
+ "type": "color",
381
+ "value": "#7c310b"
382
+ },
383
+ "200": {
384
+ "type": "color",
385
+ "value": "#983b08"
386
+ },
387
+ "300": {
388
+ "type": "color",
389
+ "value": "#bb4d02"
390
+ },
391
+ "400": {
392
+ "type": "color",
393
+ "value": "#e27200"
394
+ },
395
+ "500": {
396
+ "type": "color",
397
+ "value": "#f39200"
398
+ },
399
+ "600": {
400
+ "type": "color",
401
+ "value": "#ffbd1b"
402
+ },
403
+ "700": {
404
+ "type": "color",
405
+ "value": "#ffd246"
406
+ },
407
+ "800": {
408
+ "type": "color",
409
+ "value": "#ffe685"
410
+ },
411
+ "900": {
412
+ "type": "color",
413
+ "value": "#fff2c5"
414
+ },
415
+ "950": {
416
+ "type": "color",
417
+ "value": "#fffbea"
418
+ }
419
+ },
280
420
  "error": {
281
421
  "50": {
282
422
  "type": "color",
@@ -646,6 +786,22 @@
646
786
  }
647
787
  },
648
788
  "font-size": {
789
+ "0x-large": {
790
+ "type": "sizing",
791
+ "value": "22px"
792
+ },
793
+ "1_5x-large": {
794
+ "type": "sizing",
795
+ "value": "30px"
796
+ },
797
+ "1x-large": {
798
+ "type": "sizing",
799
+ "value": "28px"
800
+ },
801
+ "2_5x-large": {
802
+ "type": "sizing",
803
+ "value": "34px"
804
+ },
649
805
  "2x-large": {
650
806
  "type": "sizing",
651
807
  "value": "32px"
@@ -670,6 +826,10 @@
670
826
  "type": "sizing",
671
827
  "value": "16px"
672
828
  },
829
+ "medium-large": {
830
+ "type": "sizing",
831
+ "value": "18px"
832
+ },
673
833
  "small": {
674
834
  "type": "sizing",
675
835
  "value": "14px"
@@ -996,7 +1156,7 @@
996
1156
  "background": {
997
1157
  "color-active": {
998
1158
  "type": "color",
999
- "value": "{color.neutral.200}"
1159
+ "value": "{color.neutral.300}"
1000
1160
  },
1001
1161
  "color-hover": {
1002
1162
  "type": "color",
@@ -1123,6 +1283,78 @@
1123
1283
  "value": "{color.primary.400}"
1124
1284
  }
1125
1285
  },
1286
+ "namur": {
1287
+ "color-border": {
1288
+ "type": "color",
1289
+ "value": "{color.neutral.50}"
1290
+ },
1291
+ "critical": {
1292
+ "color": {
1293
+ "type": "color",
1294
+ "value": "{color.critical.600}"
1295
+ },
1296
+ "color-background": {
1297
+ "type": "color",
1298
+ "value": "{color.critical.100}"
1299
+ }
1300
+ },
1301
+ "error": {
1302
+ "color": {
1303
+ "type": "color",
1304
+ "value": "{color.error.500}"
1305
+ },
1306
+ "color-background": {
1307
+ "type": "color",
1308
+ "value": "{color.error.100}"
1309
+ }
1310
+ },
1311
+ "icon": {
1312
+ "color": {
1313
+ "type": "color",
1314
+ "value": "{color.neutral.50}"
1315
+ }
1316
+ },
1317
+ "info": {
1318
+ "color": {
1319
+ "type": "color",
1320
+ "value": "{color.info.500}"
1321
+ },
1322
+ "color-background": {
1323
+ "type": "color",
1324
+ "value": "{color.info.50}"
1325
+ }
1326
+ },
1327
+ "neutral": {
1328
+ "color": {
1329
+ "type": "color",
1330
+ "value": "{color.neutral.600}"
1331
+ },
1332
+ "color-background": {
1333
+ "type": "color",
1334
+ "value": "{color.neutral.800}"
1335
+ }
1336
+ },
1337
+ "success": {
1338
+ "color": {
1339
+ "type": "color",
1340
+ "value": "{color.success.500}"
1341
+ },
1342
+ "color-background": {
1343
+ "type": "color",
1344
+ "value": "{color.success.100}"
1345
+ }
1346
+ },
1347
+ "warning": {
1348
+ "color": {
1349
+ "type": "color",
1350
+ "value": "{color.warning.600}"
1351
+ },
1352
+ "color-background": {
1353
+ "type": "color",
1354
+ "value": "{color.warning.100}"
1355
+ }
1356
+ }
1357
+ },
1126
1358
  "opacity": {
1127
1359
  "50": {
1128
1360
  "description": "50%",
@@ -1291,6 +1523,10 @@
1291
1523
  }
1292
1524
  },
1293
1525
  "spacing": {
1526
+ "1_5x-large": {
1527
+ "type": "sizing",
1528
+ "value": "40px"
1529
+ },
1294
1530
  "2x-large": {
1295
1531
  "type": "sizing",
1296
1532
  "value": "48px"
@@ -1350,6 +1586,36 @@
1350
1586
  "value": "16%"
1351
1587
  }
1352
1588
  },
1589
+ "switch": {
1590
+ "height": {
1591
+ "large": {
1592
+ "type": "sizing",
1593
+ "value": "28px"
1594
+ },
1595
+ "medium": {
1596
+ "type": "sizing",
1597
+ "value": "{spacing.large}"
1598
+ },
1599
+ "small": {
1600
+ "type": "sizing",
1601
+ "value": "{spacing.medium-large}"
1602
+ }
1603
+ },
1604
+ "width": {
1605
+ "large": {
1606
+ "type": "sizing",
1607
+ "value": "{spacing.2x-large}"
1608
+ },
1609
+ "medium": {
1610
+ "type": "sizing",
1611
+ "value": "{spacing.1_5x-large}"
1612
+ },
1613
+ "small": {
1614
+ "type": "sizing",
1615
+ "value": "{spacing.x-large}"
1616
+ }
1617
+ }
1618
+ },
1353
1619
  "table": {
1354
1620
  "background": {
1355
1621
  "color": {
@@ -1400,11 +1666,11 @@
1400
1666
  },
1401
1667
  "medium": {
1402
1668
  "type": "sizing",
1403
- "value": "{spacing.medium}"
1669
+ "value": "{spacing.medium-large}"
1404
1670
  },
1405
1671
  "small": {
1406
1672
  "type": "sizing",
1407
- "value": "14px"
1673
+ "value": "{spacing.medium}"
1408
1674
  }
1409
1675
  }
1410
1676
  },
@@ -1493,6 +1759,116 @@
1493
1759
  "type": "color",
1494
1760
  "value": "{color.neutral.200}"
1495
1761
  }
1762
+ },
1763
+ "heading": {
1764
+ "2x-large": {
1765
+ "font-size": {
1766
+ "type": "sizing",
1767
+ "value": "{font-size.2x-large}"
1768
+ },
1769
+ "font-weight": {
1770
+ "type": "fontWeights",
1771
+ "value": "{font-weight.bold}"
1772
+ },
1773
+ "letter-spacing": {
1774
+ "type": "letterSpacing",
1775
+ "value": "0px"
1776
+ },
1777
+ "line-height": {
1778
+ "type": "lineHeights",
1779
+ "value": "120%"
1780
+ }
1781
+ },
1782
+ "3x-large": {
1783
+ "font-size": {
1784
+ "type": "sizing",
1785
+ "value": "{font-size.3x-large}"
1786
+ },
1787
+ "font-weight": {
1788
+ "type": "fontWeights",
1789
+ "value": "{font-weight.bold}"
1790
+ },
1791
+ "letter-spacing": {
1792
+ "type": "letterSpacing",
1793
+ "value": "0px"
1794
+ },
1795
+ "line-height": {
1796
+ "type": "lineHeights",
1797
+ "value": "120%"
1798
+ }
1799
+ },
1800
+ "4x-large": {
1801
+ "font-size": {
1802
+ "type": "sizing",
1803
+ "value": "{font-size.4x-large}"
1804
+ },
1805
+ "font-weight": {
1806
+ "type": "fontWeights",
1807
+ "value": "{font-weight.bold}"
1808
+ },
1809
+ "letter-spacing": {
1810
+ "type": "letterSpacing",
1811
+ "value": "0px"
1812
+ },
1813
+ "line-height": {
1814
+ "type": "lineHeights",
1815
+ "value": "120%"
1816
+ }
1817
+ },
1818
+ "large": {
1819
+ "font-size": {
1820
+ "type": "sizing",
1821
+ "value": "{font-size.large}"
1822
+ },
1823
+ "font-weight": {
1824
+ "type": "fontWeights",
1825
+ "value": "{font-weight.bold}"
1826
+ },
1827
+ "letter-spacing": {
1828
+ "type": "letterSpacing",
1829
+ "value": "0px"
1830
+ },
1831
+ "line-height": {
1832
+ "type": "lineHeights",
1833
+ "value": "140%"
1834
+ }
1835
+ },
1836
+ "medium": {
1837
+ "font-size": {
1838
+ "type": "sizing",
1839
+ "value": "{font-size.medium}"
1840
+ },
1841
+ "font-weight": {
1842
+ "type": "fontWeights",
1843
+ "value": "{font-weight.bold}"
1844
+ },
1845
+ "letter-spacing": {
1846
+ "type": "letterSpacing",
1847
+ "value": "0px"
1848
+ },
1849
+ "line-height": {
1850
+ "type": "lineHeights",
1851
+ "value": "140%"
1852
+ }
1853
+ },
1854
+ "x-large": {
1855
+ "font-size": {
1856
+ "type": "sizing",
1857
+ "value": "{font-size.x-large}"
1858
+ },
1859
+ "font-weight": {
1860
+ "type": "fontWeights",
1861
+ "value": "{font-weight.bold}"
1862
+ },
1863
+ "letter-spacing": {
1864
+ "type": "letterSpacing",
1865
+ "value": "0px"
1866
+ },
1867
+ "line-height": {
1868
+ "type": "lineHeights",
1869
+ "value": "120%"
1870
+ }
1871
+ }
1496
1872
  }
1497
1873
  },
1498
1874
  "z-index": {
@@ -1635,23 +2011,27 @@
1635
2011
  "heading": {
1636
2012
  "large": {
1637
2013
  "type": "typography",
1638
- "value": "{font-weight.bold} {font-size.large}/1.4 {font.sans}"
2014
+ "value": "{typography.heading.large.font-weight} {typography.heading.large.font-size}/1.4 {font.sans}"
1639
2015
  },
1640
2016
  "x-large": {
1641
2017
  "type": "typography",
1642
- "value": "{font-weight.bold} {font-size.x-large}/1.2 {font.sans}"
2018
+ "value": "{typography.heading.x-large.font-weight} {typography.heading.x-large.font-size}/1.2 {font.sans}"
1643
2019
  },
1644
2020
  "2x-large": {
1645
2021
  "type": "typography",
1646
- "value": "{font-weight.bold} {font-size.2x-large}/1.2 {font.sans}"
2022
+ "value": "{typography.heading.2x-large.font-weight} {typography.heading.2x-large.font-size}/1.2 {font.sans}"
1647
2023
  },
1648
2024
  "3x-large": {
1649
2025
  "type": "typography",
1650
- "value": "{font-weight.bold} {font-size.3x-large}/1.2 {font.sans}"
2026
+ "value": "{typography.heading.3x-large.font-weight} {typography.heading.3x-large.font-size}/1.2 {font.sans}"
2027
+ },
2028
+ "medium": {
2029
+ "type": "typography",
2030
+ "value": "{typography.heading.medium.font-weight} {typography.heading.medium.font-size}/1.4 {font.sans}"
1651
2031
  },
1652
2032
  "4x-large": {
1653
2033
  "type": "typography",
1654
- "value": "{font-weight.bold} {font-size.4x-large}/1.2 {font.sans}"
2034
+ "value": "{typography.heading.4x-large.font-weight} {typography.heading.4x-large.font-size}/1.2 {font.sans}"
1655
2035
  }
1656
2036
  }
1657
2037
  }