@synergy-design-system/tokens 2.46.0 → 2.48.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.
@@ -3,11 +3,11 @@
3
3
  "error": {
4
4
  "color-background": {
5
5
  "type": "color",
6
- "value": "{color.error.100}"
6
+ "value": "{namur.error.color-background}"
7
7
  },
8
8
  "color-border": {
9
9
  "type": "color",
10
- "value": "{color.error.100}"
10
+ "value": "{namur.error.color-background}"
11
11
  },
12
12
  "color-icon": {
13
13
  "type": "color",
@@ -15,17 +15,17 @@
15
15
  },
16
16
  "color-indicator": {
17
17
  "type": "color",
18
- "value": "{color.error.600}"
18
+ "value": "{namur.error.color}"
19
19
  }
20
20
  },
21
21
  "informative": {
22
22
  "color-background": {
23
23
  "type": "color",
24
- "value": "{color.info.100}"
24
+ "value": "{namur.info.color-background}"
25
25
  },
26
26
  "color-border": {
27
27
  "type": "color",
28
- "value": "{color.info.100}"
28
+ "value": "{namur.info.color-background}"
29
29
  },
30
30
  "color-icon": {
31
31
  "type": "color",
@@ -33,17 +33,17 @@
33
33
  },
34
34
  "color-indicator": {
35
35
  "type": "color",
36
- "value": "{color.info.400}"
36
+ "value": "{namur.info.color}"
37
37
  }
38
38
  },
39
39
  "neutral": {
40
40
  "color-background": {
41
41
  "type": "color",
42
- "value": "#e6e1dc"
42
+ "value": "{namur.neutral.color-background}"
43
43
  },
44
44
  "color-border": {
45
45
  "type": "color",
46
- "value": "#e6e1dc"
46
+ "value": "{namur.neutral.color-background}"
47
47
  },
48
48
  "color-icon": {
49
49
  "type": "color",
@@ -51,17 +51,17 @@
51
51
  },
52
52
  "color-indicator": {
53
53
  "type": "color",
54
- "value": "#d5ccc5"
54
+ "value": "{namur.neutral.color}"
55
55
  }
56
56
  },
57
57
  "success": {
58
58
  "color-background": {
59
59
  "type": "color",
60
- "value": "{color.success.100}"
60
+ "value": "{namur.success.color-background}"
61
61
  },
62
62
  "color-border": {
63
63
  "type": "color",
64
- "value": "{color.success.100}"
64
+ "value": "{namur.success.color-background}"
65
65
  },
66
66
  "color-icon": {
67
67
  "type": "color",
@@ -69,17 +69,17 @@
69
69
  },
70
70
  "color-indicator": {
71
71
  "type": "color",
72
- "value": "{color.success.800}"
72
+ "value": "{namur.success.color}"
73
73
  }
74
74
  },
75
75
  "warning": {
76
76
  "color-background": {
77
77
  "type": "color",
78
- "value": "{color.warning.100}"
78
+ "value": "{namur.warning.color-background}"
79
79
  },
80
80
  "color-border": {
81
81
  "type": "color",
82
- "value": "{color.warning.100}"
82
+ "value": "{namur.warning.color-background}"
83
83
  },
84
84
  "color-icon": {
85
85
  "type": "color",
@@ -87,25 +87,35 @@
87
87
  },
88
88
  "color-indicator": {
89
89
  "type": "color",
90
- "value": "{color.warning.500}"
90
+ "value": "{namur.warning.color}"
91
91
  }
92
92
  }
93
93
  },
94
+ "background": {
95
+ "color-1": {
96
+ "type": "color",
97
+ "value": "#ece8e5"
98
+ },
99
+ "color-2": {
100
+ "type": "color",
101
+ "value": "{color.accent.100}"
102
+ }
103
+ },
94
104
  "badge": {
95
105
  "error": {
96
106
  "color-background": {
97
107
  "type": "color",
98
- "value": "{color.error.600}"
108
+ "value": "{namur.error.color}"
99
109
  },
100
110
  "color-text": {
101
111
  "type": "color",
102
- "value": "{typography.color.text-inverted}"
112
+ "value": "{typography.color.text}"
103
113
  }
104
114
  },
105
115
  "informative": {
106
116
  "color-background": {
107
117
  "type": "color",
108
- "value": "#26c9ff"
118
+ "value": "{namur.info.color}"
109
119
  },
110
120
  "color-text": {
111
121
  "type": "color",
@@ -115,7 +125,7 @@
115
125
  "neutral": {
116
126
  "color-background": {
117
127
  "type": "color",
118
- "value": "#d5ccc5"
128
+ "value": "{namur.neutral.color}"
119
129
  },
120
130
  "color-text": {
121
131
  "type": "color",
@@ -125,17 +135,17 @@
125
135
  "success": {
126
136
  "color-background": {
127
137
  "type": "color",
128
- "value": "{color.success.800}"
138
+ "value": "{namur.success.color}"
129
139
  },
130
140
  "color-text": {
131
141
  "type": "color",
132
- "value": "{typography.color.text-inverted}"
142
+ "value": "{typography.color.text}"
133
143
  }
134
144
  },
135
145
  "warning": {
136
146
  "color-background": {
137
147
  "type": "color",
138
- "value": "{color.warning.500}"
148
+ "value": "{namur.warning.color}"
139
149
  },
140
150
  "color-text": {
141
151
  "type": "color",
@@ -207,6 +217,50 @@
207
217
  }
208
218
  },
209
219
  "button": {
220
+ "border": {
221
+ "radius-large": {
222
+ "type": "sizing",
223
+ "value": "{border-radius.pill}"
224
+ },
225
+ "radius-medium": {
226
+ "type": "sizing",
227
+ "value": "{border-radius.pill}"
228
+ },
229
+ "radius-small": {
230
+ "type": "sizing",
231
+ "value": "{border-radius.pill}"
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.500}"
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": "{interactive.emphasis.color-active}"
286
+ },
287
+ "color-hover": {
288
+ "type": "color",
289
+ "value": "{interactive.emphasis.color-hover}"
290
+ },
291
+ "color-text": {
292
+ "type": "color",
293
+ "value": "{typography.color.text}"
294
+ },
295
+ "color-text-active": {
296
+ "type": "color",
297
+ "value": "{typography.color.text-inverted}"
298
+ },
299
+ "color-text-hover": {
300
+ "type": "color",
301
+ "value": "{typography.color.text-inverted}"
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": {
@@ -234,47 +328,93 @@
234
328
  "accent": {
235
329
  "50": {
236
330
  "type": "color",
237
- "value": "#ffffff"
331
+ "value": "#e9f8ed"
238
332
  },
239
333
  "100": {
240
334
  "type": "color",
241
- "value": "#ffffff"
335
+ "value": "#d2f0dc"
242
336
  },
243
337
  "200": {
244
338
  "type": "color",
245
- "value": "#ffffff"
339
+ "value": "#bbe8c8"
246
340
  },
247
341
  "300": {
248
342
  "type": "color",
249
- "value": "#ffffff"
343
+ "value": "#a5e1b9"
250
344
  },
251
345
  "400": {
252
346
  "type": "color",
253
- "value": "#ffffff"
347
+ "value": "#83d2a3"
254
348
  },
255
349
  "500": {
256
350
  "type": "color",
257
- "value": "#ffffff"
351
+ "value": "#4fb87c"
258
352
  },
259
353
  "600": {
260
354
  "type": "color",
261
- "value": "#ffffff"
355
+ "value": "#2d9c60"
262
356
  },
263
357
  "700": {
264
358
  "type": "color",
265
- "value": "#ffffff"
359
+ "value": "#1e7d4c"
266
360
  },
267
361
  "800": {
268
362
  "type": "color",
269
- "value": "#ffffff"
363
+ "value": "#18643e"
270
364
  },
271
365
  "900": {
272
366
  "type": "color",
273
- "value": "#ffffff"
367
+ "value": "#155033"
274
368
  },
275
369
  "950": {
276
370
  "type": "color",
277
- "value": "#ffffff"
371
+ "value": "#092518"
372
+ }
373
+ },
374
+ "critical": {
375
+ "50": {
376
+ "type": "color",
377
+ "value": "#fffbec"
378
+ },
379
+ "100": {
380
+ "type": "color",
381
+ "value": "#fff7d3"
382
+ },
383
+ "200": {
384
+ "type": "color",
385
+ "value": "#ffeba5"
386
+ },
387
+ "300": {
388
+ "type": "color",
389
+ "value": "#ffdb6d"
390
+ },
391
+ "400": {
392
+ "type": "color",
393
+ "value": "#ffbf32"
394
+ },
395
+ "500": {
396
+ "type": "color",
397
+ "value": "#ffa80a"
398
+ },
399
+ "600": {
400
+ "type": "color",
401
+ "value": "#ff9100"
402
+ },
403
+ "700": {
404
+ "type": "color",
405
+ "value": "#cc6b02"
406
+ },
407
+ "800": {
408
+ "type": "color",
409
+ "value": "#a1520b"
410
+ },
411
+ "900": {
412
+ "type": "color",
413
+ "value": "#82450c"
414
+ },
415
+ "950": {
416
+ "type": "color",
417
+ "value": "#462104"
278
418
  }
279
419
  },
280
420
  "error": {
@@ -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": "#ece8e5"
1159
+ "value": "#e6e1dc"
1000
1160
  },
1001
1161
  "color-hover": {
1002
1162
  "type": "color",
@@ -1123,6 +1283,78 @@
1123
1283
  "value": "{color.primary.700}"
1124
1284
  }
1125
1285
  },
1286
+ "namur": {
1287
+ "color-border": {
1288
+ "type": "color",
1289
+ "value": "{color.neutral.950}"
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.950}"
1315
+ }
1316
+ },
1317
+ "info": {
1318
+ "color": {
1319
+ "type": "color",
1320
+ "value": "{color.info.400}"
1321
+ },
1322
+ "color-background": {
1323
+ "type": "color",
1324
+ "value": "{color.info.100}"
1325
+ }
1326
+ },
1327
+ "neutral": {
1328
+ "color": {
1329
+ "type": "color",
1330
+ "value": "#d5ccc5"
1331
+ },
1332
+ "color-background": {
1333
+ "type": "color",
1334
+ "value": "#e6e1dc"
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.500}"
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%",
@@ -1527,6 +1759,116 @@
1527
1759
  "type": "color",
1528
1760
  "value": "{color.neutral.300}"
1529
1761
  }
1762
+ },
1763
+ "heading": {
1764
+ "2x-large": {
1765
+ "font-size": {
1766
+ "type": "sizing",
1767
+ "value": "{font-size.2_5x-large}"
1768
+ },
1769
+ "font-weight": {
1770
+ "type": "fontWeights",
1771
+ "value": "{font-weight.normal}"
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.normal}"
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.normal}"
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.0x-large}"
1822
+ },
1823
+ "font-weight": {
1824
+ "type": "fontWeights",
1825
+ "value": "{font-weight.normal}"
1826
+ },
1827
+ "letter-spacing": {
1828
+ "type": "letterSpacing",
1829
+ "value": "0px"
1830
+ },
1831
+ "line-height": {
1832
+ "type": "lineHeights",
1833
+ "value": "130%"
1834
+ }
1835
+ },
1836
+ "medium": {
1837
+ "font-size": {
1838
+ "type": "sizing",
1839
+ "value": "{font-size.medium-large}"
1840
+ },
1841
+ "font-weight": {
1842
+ "type": "fontWeights",
1843
+ "value": "{font-weight.semibold}"
1844
+ },
1845
+ "letter-spacing": {
1846
+ "type": "letterSpacing",
1847
+ "value": "2px"
1848
+ },
1849
+ "line-height": {
1850
+ "type": "lineHeights",
1851
+ "value": "150%"
1852
+ }
1853
+ },
1854
+ "x-large": {
1855
+ "font-size": {
1856
+ "type": "sizing",
1857
+ "value": "{font-size.1x-large}"
1858
+ },
1859
+ "font-weight": {
1860
+ "type": "fontWeights",
1861
+ "value": "{font-weight.normal}"
1862
+ },
1863
+ "letter-spacing": {
1864
+ "type": "letterSpacing",
1865
+ "value": "0px"
1866
+ },
1867
+ "line-height": {
1868
+ "type": "lineHeights",
1869
+ "value": "120%"
1870
+ }
1871
+ }
1530
1872
  }
1531
1873
  },
1532
1874
  "z-index": {
@@ -1669,23 +2011,27 @@
1669
2011
  "heading": {
1670
2012
  "large": {
1671
2013
  "type": "typography",
1672
- "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}"
1673
2015
  },
1674
2016
  "x-large": {
1675
2017
  "type": "typography",
1676
- "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}"
1677
2019
  },
1678
2020
  "2x-large": {
1679
2021
  "type": "typography",
1680
- "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}"
1681
2023
  },
1682
2024
  "3x-large": {
1683
2025
  "type": "typography",
1684
- "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}"
1685
2031
  },
1686
2032
  "4x-large": {
1687
2033
  "type": "typography",
1688
- "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}"
1689
2035
  }
1690
2036
  }
1691
2037
  }