@sage/design-tokens 2.9.0 → 2.12.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.
- package/android/base.xml +28 -11
- package/css/base.css +28 -11
- package/data/tokens.json +210 -61
- package/docs/tokens/base/box-shadow/index.html +42 -0
- package/docs/tokens/base/colors/index.html +314 -20
- package/docs/tokens/base/index.html +377 -20
- package/docs/tokens/base/typography/index.html +21 -0
- package/docs/tokens/index.html +377 -20
- package/ios/base.h +28 -11
- package/js/base/common.d.ts +17 -0
- package/js/base/common.js +28 -11
- package/js/base/es6.d.ts +17 -0
- package/js/base/es6.js +27 -10
- package/package.json +1 -1
- package/sage-design-tokens-2.12.0.tgz +0 -0
- package/scss/base.scss +28 -11
- package/sage-design-tokens-2.9.0.tgz +0 -0
package/docs/tokens/index.html
CHANGED
|
@@ -497,6 +497,48 @@
|
|
|
497
497
|
|
|
498
498
|
</td>
|
|
499
499
|
</tr>
|
|
500
|
+
<tr>
|
|
501
|
+
<td class="with-icons is-vcentered"
|
|
502
|
+
id="base-colorsGray700"
|
|
503
|
+
title="theme: base; category: colors; name: gray; variant: 700; ">
|
|
504
|
+
colorsGray700
|
|
505
|
+
<a href="#base-colorsGray700"
|
|
506
|
+
title="permalink"
|
|
507
|
+
class="permalink">
|
|
508
|
+
🔗
|
|
509
|
+
</a>
|
|
510
|
+
</td>
|
|
511
|
+
<td class="is-vcentered">
|
|
512
|
+
<pre>#4d4d4dff</pre>
|
|
513
|
+
</td>
|
|
514
|
+
<td class="is-vcentered">
|
|
515
|
+
<div class="table__color-preview"
|
|
516
|
+
style="background-color: #4d4d4dff;">
|
|
517
|
+
</div>
|
|
518
|
+
|
|
519
|
+
</td>
|
|
520
|
+
</tr>
|
|
521
|
+
<tr>
|
|
522
|
+
<td class="with-icons is-vcentered"
|
|
523
|
+
id="base-colorsGray750"
|
|
524
|
+
title="theme: base; category: colors; name: gray; variant: 750; ">
|
|
525
|
+
colorsGray750
|
|
526
|
+
<a href="#base-colorsGray750"
|
|
527
|
+
title="permalink"
|
|
528
|
+
class="permalink">
|
|
529
|
+
🔗
|
|
530
|
+
</a>
|
|
531
|
+
</td>
|
|
532
|
+
<td class="is-vcentered">
|
|
533
|
+
<pre>#404040ff</pre>
|
|
534
|
+
</td>
|
|
535
|
+
<td class="is-vcentered">
|
|
536
|
+
<div class="table__color-preview"
|
|
537
|
+
style="background-color: #404040ff;">
|
|
538
|
+
</div>
|
|
539
|
+
|
|
540
|
+
</td>
|
|
541
|
+
</tr>
|
|
500
542
|
<tr>
|
|
501
543
|
<td class="with-icons is-vcentered"
|
|
502
544
|
id="base-colorsGray850"
|
|
@@ -530,11 +572,11 @@
|
|
|
530
572
|
</a>
|
|
531
573
|
</td>
|
|
532
574
|
<td class="is-vcentered">
|
|
533
|
-
<pre>#
|
|
575
|
+
<pre>#191919ff</pre>
|
|
534
576
|
</td>
|
|
535
577
|
<td class="is-vcentered">
|
|
536
578
|
<div class="table__color-preview"
|
|
537
|
-
style="background-color: #
|
|
579
|
+
style="background-color: #191919ff;">
|
|
538
580
|
</div>
|
|
539
581
|
|
|
540
582
|
</td>
|
|
@@ -803,11 +845,11 @@
|
|
|
803
845
|
</a>
|
|
804
846
|
</td>
|
|
805
847
|
<td class="is-vcentered">
|
|
806
|
-
<pre>#
|
|
848
|
+
<pre>#007e45ff</pre>
|
|
807
849
|
</td>
|
|
808
850
|
<td class="is-vcentered">
|
|
809
851
|
<div class="table__color-preview"
|
|
810
|
-
style="background-color: #
|
|
852
|
+
style="background-color: #007e45ff;">
|
|
811
853
|
</div>
|
|
812
854
|
|
|
813
855
|
</td>
|
|
@@ -896,6 +938,27 @@
|
|
|
896
938
|
|
|
897
939
|
</td>
|
|
898
940
|
</tr>
|
|
941
|
+
<tr>
|
|
942
|
+
<td class="with-icons is-vcentered"
|
|
943
|
+
id="base-colorsComponentsMenuSpringChildAlt400"
|
|
944
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: spring; element: childAlt; variant: 400; ">
|
|
945
|
+
colorsComponentsMenuSpringChildAlt400
|
|
946
|
+
<a href="#base-colorsComponentsMenuSpringChildAlt400"
|
|
947
|
+
title="permalink"
|
|
948
|
+
class="permalink">
|
|
949
|
+
🔗
|
|
950
|
+
</a>
|
|
951
|
+
</td>
|
|
952
|
+
<td class="is-vcentered">
|
|
953
|
+
<pre>#ccd6dbff</pre>
|
|
954
|
+
</td>
|
|
955
|
+
<td class="is-vcentered">
|
|
956
|
+
<div class="table__color-preview"
|
|
957
|
+
style="background-color: #ccd6dbff;">
|
|
958
|
+
</div>
|
|
959
|
+
|
|
960
|
+
</td>
|
|
961
|
+
</tr>
|
|
899
962
|
<tr>
|
|
900
963
|
<td class="with-icons is-vcentered"
|
|
901
964
|
id="base-colorsComponentsMenuSpringChildAlt500"
|
|
@@ -938,6 +1001,27 @@
|
|
|
938
1001
|
|
|
939
1002
|
</td>
|
|
940
1003
|
</tr>
|
|
1004
|
+
<tr>
|
|
1005
|
+
<td class="with-icons is-vcentered"
|
|
1006
|
+
id="base-colorsComponentsMenuSummerStandard400"
|
|
1007
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: standard; variant: 400; ">
|
|
1008
|
+
colorsComponentsMenuSummerStandard400
|
|
1009
|
+
<a href="#base-colorsComponentsMenuSummerStandard400"
|
|
1010
|
+
title="permalink"
|
|
1011
|
+
class="permalink">
|
|
1012
|
+
🔗
|
|
1013
|
+
</a>
|
|
1014
|
+
</td>
|
|
1015
|
+
<td class="is-vcentered">
|
|
1016
|
+
<pre>#ccd6dbff</pre>
|
|
1017
|
+
</td>
|
|
1018
|
+
<td class="is-vcentered">
|
|
1019
|
+
<div class="table__color-preview"
|
|
1020
|
+
style="background-color: #ccd6dbff;">
|
|
1021
|
+
</div>
|
|
1022
|
+
|
|
1023
|
+
</td>
|
|
1024
|
+
</tr>
|
|
941
1025
|
<tr>
|
|
942
1026
|
<td class="with-icons is-vcentered"
|
|
943
1027
|
id="base-colorsComponentsMenuSummerStandard500"
|
|
@@ -992,11 +1076,32 @@
|
|
|
992
1076
|
</a>
|
|
993
1077
|
</td>
|
|
994
1078
|
<td class="is-vcentered">
|
|
995
|
-
<pre>#
|
|
1079
|
+
<pre>#e6ebedff</pre>
|
|
996
1080
|
</td>
|
|
997
1081
|
<td class="is-vcentered">
|
|
998
1082
|
<div class="table__color-preview"
|
|
999
|
-
style="background-color: #
|
|
1083
|
+
style="background-color: #e6ebedff;">
|
|
1084
|
+
</div>
|
|
1085
|
+
|
|
1086
|
+
</td>
|
|
1087
|
+
</tr>
|
|
1088
|
+
<tr>
|
|
1089
|
+
<td class="with-icons is-vcentered"
|
|
1090
|
+
id="base-colorsComponentsMenuSummerStandard800"
|
|
1091
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: standard; variant: 800; ">
|
|
1092
|
+
colorsComponentsMenuSummerStandard800
|
|
1093
|
+
<a href="#base-colorsComponentsMenuSummerStandard800"
|
|
1094
|
+
title="permalink"
|
|
1095
|
+
class="permalink">
|
|
1096
|
+
🔗
|
|
1097
|
+
</a>
|
|
1098
|
+
</td>
|
|
1099
|
+
<td class="is-vcentered">
|
|
1100
|
+
<pre>#e6ebedff</pre>
|
|
1101
|
+
</td>
|
|
1102
|
+
<td class="is-vcentered">
|
|
1103
|
+
<div class="table__color-preview"
|
|
1104
|
+
style="background-color: #e6ebedff;">
|
|
1000
1105
|
</div>
|
|
1001
1106
|
|
|
1002
1107
|
</td>
|
|
@@ -1034,11 +1139,11 @@
|
|
|
1034
1139
|
</a>
|
|
1035
1140
|
</td>
|
|
1036
1141
|
<td class="is-vcentered">
|
|
1037
|
-
<pre>#
|
|
1142
|
+
<pre>#007e45ff</pre>
|
|
1038
1143
|
</td>
|
|
1039
1144
|
<td class="is-vcentered">
|
|
1040
1145
|
<div class="table__color-preview"
|
|
1041
|
-
style="background-color: #
|
|
1146
|
+
style="background-color: #007e45ff;">
|
|
1042
1147
|
</div>
|
|
1043
1148
|
|
|
1044
1149
|
</td>
|
|
@@ -1055,11 +1160,32 @@
|
|
|
1055
1160
|
</a>
|
|
1056
1161
|
</td>
|
|
1057
1162
|
<td class="is-vcentered">
|
|
1058
|
-
<pre>#
|
|
1163
|
+
<pre>#e6ebedff</pre>
|
|
1059
1164
|
</td>
|
|
1060
1165
|
<td class="is-vcentered">
|
|
1061
1166
|
<div class="table__color-preview"
|
|
1062
|
-
style="background-color: #
|
|
1167
|
+
style="background-color: #e6ebedff;">
|
|
1168
|
+
</div>
|
|
1169
|
+
|
|
1170
|
+
</td>
|
|
1171
|
+
</tr>
|
|
1172
|
+
<tr>
|
|
1173
|
+
<td class="with-icons is-vcentered"
|
|
1174
|
+
id="base-colorsComponentsMenuSummerChild300"
|
|
1175
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: child; variant: 300; ">
|
|
1176
|
+
colorsComponentsMenuSummerChild300
|
|
1177
|
+
<a href="#base-colorsComponentsMenuSummerChild300"
|
|
1178
|
+
title="permalink"
|
|
1179
|
+
class="permalink">
|
|
1180
|
+
🔗
|
|
1181
|
+
</a>
|
|
1182
|
+
</td>
|
|
1183
|
+
<td class="is-vcentered">
|
|
1184
|
+
<pre>#b3c2c9ff</pre>
|
|
1185
|
+
</td>
|
|
1186
|
+
<td class="is-vcentered">
|
|
1187
|
+
<div class="table__color-preview"
|
|
1188
|
+
style="background-color: #b3c2c9ff;">
|
|
1063
1189
|
</div>
|
|
1064
1190
|
|
|
1065
1191
|
</td>
|
|
@@ -1076,11 +1202,11 @@
|
|
|
1076
1202
|
</a>
|
|
1077
1203
|
</td>
|
|
1078
1204
|
<td class="is-vcentered">
|
|
1079
|
-
<pre>#
|
|
1205
|
+
<pre>#ccd6dbff</pre>
|
|
1080
1206
|
</td>
|
|
1081
1207
|
<td class="is-vcentered">
|
|
1082
1208
|
<div class="table__color-preview"
|
|
1083
|
-
style="background-color: #
|
|
1209
|
+
style="background-color: #ccd6dbff;">
|
|
1084
1210
|
</div>
|
|
1085
1211
|
|
|
1086
1212
|
</td>
|
|
@@ -1127,6 +1253,90 @@
|
|
|
1127
1253
|
|
|
1128
1254
|
</td>
|
|
1129
1255
|
</tr>
|
|
1256
|
+
<tr>
|
|
1257
|
+
<td class="with-icons is-vcentered"
|
|
1258
|
+
id="base-colorsComponentsMenuSummerChild700"
|
|
1259
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: child; variant: 700; ">
|
|
1260
|
+
colorsComponentsMenuSummerChild700
|
|
1261
|
+
<a href="#base-colorsComponentsMenuSummerChild700"
|
|
1262
|
+
title="permalink"
|
|
1263
|
+
class="permalink">
|
|
1264
|
+
🔗
|
|
1265
|
+
</a>
|
|
1266
|
+
</td>
|
|
1267
|
+
<td class="is-vcentered">
|
|
1268
|
+
<pre>#e6ebedff</pre>
|
|
1269
|
+
</td>
|
|
1270
|
+
<td class="is-vcentered">
|
|
1271
|
+
<div class="table__color-preview"
|
|
1272
|
+
style="background-color: #e6ebedff;">
|
|
1273
|
+
</div>
|
|
1274
|
+
|
|
1275
|
+
</td>
|
|
1276
|
+
</tr>
|
|
1277
|
+
<tr>
|
|
1278
|
+
<td class="with-icons is-vcentered"
|
|
1279
|
+
id="base-colorsComponentsMenuSummerChild800"
|
|
1280
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: child; variant: 800; ">
|
|
1281
|
+
colorsComponentsMenuSummerChild800
|
|
1282
|
+
<a href="#base-colorsComponentsMenuSummerChild800"
|
|
1283
|
+
title="permalink"
|
|
1284
|
+
class="permalink">
|
|
1285
|
+
🔗
|
|
1286
|
+
</a>
|
|
1287
|
+
</td>
|
|
1288
|
+
<td class="is-vcentered">
|
|
1289
|
+
<pre>#e6ebedff</pre>
|
|
1290
|
+
</td>
|
|
1291
|
+
<td class="is-vcentered">
|
|
1292
|
+
<div class="table__color-preview"
|
|
1293
|
+
style="background-color: #e6ebedff;">
|
|
1294
|
+
</div>
|
|
1295
|
+
|
|
1296
|
+
</td>
|
|
1297
|
+
</tr>
|
|
1298
|
+
<tr>
|
|
1299
|
+
<td class="with-icons is-vcentered"
|
|
1300
|
+
id="base-colorsComponentsMenuSummerChildAlt300"
|
|
1301
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: childAlt; variant: 300; ">
|
|
1302
|
+
colorsComponentsMenuSummerChildAlt300
|
|
1303
|
+
<a href="#base-colorsComponentsMenuSummerChildAlt300"
|
|
1304
|
+
title="permalink"
|
|
1305
|
+
class="permalink">
|
|
1306
|
+
🔗
|
|
1307
|
+
</a>
|
|
1308
|
+
</td>
|
|
1309
|
+
<td class="is-vcentered">
|
|
1310
|
+
<pre>#b3c2c9ff</pre>
|
|
1311
|
+
</td>
|
|
1312
|
+
<td class="is-vcentered">
|
|
1313
|
+
<div class="table__color-preview"
|
|
1314
|
+
style="background-color: #b3c2c9ff;">
|
|
1315
|
+
</div>
|
|
1316
|
+
|
|
1317
|
+
</td>
|
|
1318
|
+
</tr>
|
|
1319
|
+
<tr>
|
|
1320
|
+
<td class="with-icons is-vcentered"
|
|
1321
|
+
id="base-colorsComponentsMenuSummerChildAlt400"
|
|
1322
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: childAlt; variant: 400; ">
|
|
1323
|
+
colorsComponentsMenuSummerChildAlt400
|
|
1324
|
+
<a href="#base-colorsComponentsMenuSummerChildAlt400"
|
|
1325
|
+
title="permalink"
|
|
1326
|
+
class="permalink">
|
|
1327
|
+
🔗
|
|
1328
|
+
</a>
|
|
1329
|
+
</td>
|
|
1330
|
+
<td class="is-vcentered">
|
|
1331
|
+
<pre>#ccd6dbff</pre>
|
|
1332
|
+
</td>
|
|
1333
|
+
<td class="is-vcentered">
|
|
1334
|
+
<div class="table__color-preview"
|
|
1335
|
+
style="background-color: #ccd6dbff;">
|
|
1336
|
+
</div>
|
|
1337
|
+
|
|
1338
|
+
</td>
|
|
1339
|
+
</tr>
|
|
1130
1340
|
<tr>
|
|
1131
1341
|
<td class="with-icons is-vcentered"
|
|
1132
1342
|
id="base-colorsComponentsMenuSummerChildAlt500"
|
|
@@ -1139,11 +1349,11 @@
|
|
|
1139
1349
|
</a>
|
|
1140
1350
|
</td>
|
|
1141
1351
|
<td class="is-vcentered">
|
|
1142
|
-
<pre>#
|
|
1352
|
+
<pre>#d9e0e4ff</pre>
|
|
1143
1353
|
</td>
|
|
1144
1354
|
<td class="is-vcentered">
|
|
1145
1355
|
<div class="table__color-preview"
|
|
1146
|
-
style="background-color: #
|
|
1356
|
+
style="background-color: #d9e0e4ff;">
|
|
1147
1357
|
</div>
|
|
1148
1358
|
|
|
1149
1359
|
</td>
|
|
@@ -1169,6 +1379,48 @@
|
|
|
1169
1379
|
|
|
1170
1380
|
</td>
|
|
1171
1381
|
</tr>
|
|
1382
|
+
<tr>
|
|
1383
|
+
<td class="with-icons is-vcentered"
|
|
1384
|
+
id="base-colorsComponentsMenuSummerChildAlt700"
|
|
1385
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: childAlt; variant: 700; ">
|
|
1386
|
+
colorsComponentsMenuSummerChildAlt700
|
|
1387
|
+
<a href="#base-colorsComponentsMenuSummerChildAlt700"
|
|
1388
|
+
title="permalink"
|
|
1389
|
+
class="permalink">
|
|
1390
|
+
🔗
|
|
1391
|
+
</a>
|
|
1392
|
+
</td>
|
|
1393
|
+
<td class="is-vcentered">
|
|
1394
|
+
<pre>#d9e0e4ff</pre>
|
|
1395
|
+
</td>
|
|
1396
|
+
<td class="is-vcentered">
|
|
1397
|
+
<div class="table__color-preview"
|
|
1398
|
+
style="background-color: #d9e0e4ff;">
|
|
1399
|
+
</div>
|
|
1400
|
+
|
|
1401
|
+
</td>
|
|
1402
|
+
</tr>
|
|
1403
|
+
<tr>
|
|
1404
|
+
<td class="with-icons is-vcentered"
|
|
1405
|
+
id="base-colorsComponentsMenuSummerChildAlt800"
|
|
1406
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: childAlt; variant: 800; ">
|
|
1407
|
+
colorsComponentsMenuSummerChildAlt800
|
|
1408
|
+
<a href="#base-colorsComponentsMenuSummerChildAlt800"
|
|
1409
|
+
title="permalink"
|
|
1410
|
+
class="permalink">
|
|
1411
|
+
🔗
|
|
1412
|
+
</a>
|
|
1413
|
+
</td>
|
|
1414
|
+
<td class="is-vcentered">
|
|
1415
|
+
<pre>#d9e0e4ff</pre>
|
|
1416
|
+
</td>
|
|
1417
|
+
<td class="is-vcentered">
|
|
1418
|
+
<div class="table__color-preview"
|
|
1419
|
+
style="background-color: #d9e0e4ff;">
|
|
1420
|
+
</div>
|
|
1421
|
+
|
|
1422
|
+
</td>
|
|
1423
|
+
</tr>
|
|
1172
1424
|
<tr>
|
|
1173
1425
|
<td class="with-icons is-vcentered"
|
|
1174
1426
|
id="base-colorsComponentsMenuAutumnStandard500"
|
|
@@ -1265,11 +1517,11 @@
|
|
|
1265
1517
|
</a>
|
|
1266
1518
|
</td>
|
|
1267
1519
|
<td class="is-vcentered">
|
|
1268
|
-
<pre>#
|
|
1520
|
+
<pre>#007e45ff</pre>
|
|
1269
1521
|
</td>
|
|
1270
1522
|
<td class="is-vcentered">
|
|
1271
1523
|
<div class="table__color-preview"
|
|
1272
|
-
style="background-color: #
|
|
1524
|
+
style="background-color: #007e45ff;">
|
|
1273
1525
|
</div>
|
|
1274
1526
|
|
|
1275
1527
|
</td>
|
|
@@ -1358,6 +1610,27 @@
|
|
|
1358
1610
|
|
|
1359
1611
|
</td>
|
|
1360
1612
|
</tr>
|
|
1613
|
+
<tr>
|
|
1614
|
+
<td class="with-icons is-vcentered"
|
|
1615
|
+
id="base-colorsComponentsMenuAutumnChildAlt400"
|
|
1616
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: autumn; element: childAlt; variant: 400; ">
|
|
1617
|
+
colorsComponentsMenuAutumnChildAlt400
|
|
1618
|
+
<a href="#base-colorsComponentsMenuAutumnChildAlt400"
|
|
1619
|
+
title="permalink"
|
|
1620
|
+
class="permalink">
|
|
1621
|
+
🔗
|
|
1622
|
+
</a>
|
|
1623
|
+
</td>
|
|
1624
|
+
<td class="is-vcentered">
|
|
1625
|
+
<pre>#19475eff</pre>
|
|
1626
|
+
</td>
|
|
1627
|
+
<td class="is-vcentered">
|
|
1628
|
+
<div class="table__color-preview"
|
|
1629
|
+
style="background-color: #19475eff;">
|
|
1630
|
+
</div>
|
|
1631
|
+
|
|
1632
|
+
</td>
|
|
1633
|
+
</tr>
|
|
1361
1634
|
<tr>
|
|
1362
1635
|
<td class="with-icons is-vcentered"
|
|
1363
1636
|
id="base-colorsComponentsMenuAutumnChildAlt500"
|
|
@@ -1496,11 +1769,11 @@
|
|
|
1496
1769
|
</a>
|
|
1497
1770
|
</td>
|
|
1498
1771
|
<td class="is-vcentered">
|
|
1499
|
-
<pre>#
|
|
1772
|
+
<pre>#007e45ff</pre>
|
|
1500
1773
|
</td>
|
|
1501
1774
|
<td class="is-vcentered">
|
|
1502
1775
|
<div class="table__color-preview"
|
|
1503
|
-
style="background-color: #
|
|
1776
|
+
style="background-color: #007e45ff;">
|
|
1504
1777
|
</div>
|
|
1505
1778
|
|
|
1506
1779
|
</td>
|
|
@@ -1589,6 +1862,27 @@
|
|
|
1589
1862
|
|
|
1590
1863
|
</td>
|
|
1591
1864
|
</tr>
|
|
1865
|
+
<tr>
|
|
1866
|
+
<td class="with-icons is-vcentered"
|
|
1867
|
+
id="base-colorsComponentsMenuWinterChildAlt400"
|
|
1868
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 400; ">
|
|
1869
|
+
colorsComponentsMenuWinterChildAlt400
|
|
1870
|
+
<a href="#base-colorsComponentsMenuWinterChildAlt400"
|
|
1871
|
+
title="permalink"
|
|
1872
|
+
class="permalink">
|
|
1873
|
+
🔗
|
|
1874
|
+
</a>
|
|
1875
|
+
</td>
|
|
1876
|
+
<td class="is-vcentered">
|
|
1877
|
+
<pre>#262626ff</pre>
|
|
1878
|
+
</td>
|
|
1879
|
+
<td class="is-vcentered">
|
|
1880
|
+
<div class="table__color-preview"
|
|
1881
|
+
style="background-color: #262626ff;">
|
|
1882
|
+
</div>
|
|
1883
|
+
|
|
1884
|
+
</td>
|
|
1885
|
+
</tr>
|
|
1592
1886
|
<tr>
|
|
1593
1887
|
<td class="with-icons is-vcentered"
|
|
1594
1888
|
id="base-colorsComponentsMenuWinterChildAlt500"
|
|
@@ -1601,11 +1895,11 @@
|
|
|
1601
1895
|
</a>
|
|
1602
1896
|
</td>
|
|
1603
1897
|
<td class="is-vcentered">
|
|
1604
|
-
<pre>#
|
|
1898
|
+
<pre>#191919ff</pre>
|
|
1605
1899
|
</td>
|
|
1606
1900
|
<td class="is-vcentered">
|
|
1607
1901
|
<div class="table__color-preview"
|
|
1608
|
-
style="background-color: #
|
|
1902
|
+
style="background-color: #191919ff;">
|
|
1609
1903
|
</div>
|
|
1610
1904
|
|
|
1611
1905
|
</td>
|
|
@@ -5637,6 +5931,48 @@
|
|
|
5637
5931
|
style="box-shadow: 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26">
|
|
5638
5932
|
</div>
|
|
5639
5933
|
|
|
5934
|
+
</td>
|
|
5935
|
+
</tr>
|
|
5936
|
+
<tr>
|
|
5937
|
+
<td class="with-icons is-vcentered"
|
|
5938
|
+
id="base-boxShadow090"
|
|
5939
|
+
title="theme: base; category: boxShadow; variant: 090; ">
|
|
5940
|
+
boxShadow090
|
|
5941
|
+
<a href="#base-boxShadow090"
|
|
5942
|
+
title="permalink"
|
|
5943
|
+
class="permalink">
|
|
5944
|
+
🔗
|
|
5945
|
+
</a>
|
|
5946
|
+
</td>
|
|
5947
|
+
<td class="is-vcentered">
|
|
5948
|
+
<pre>0 4px 8px -4px #00141e1a</pre>
|
|
5949
|
+
</td>
|
|
5950
|
+
<td class="is-vcentered">
|
|
5951
|
+
<div class="table__box-shadow-preview"
|
|
5952
|
+
style="box-shadow: 0 4px 8px -4px #00141e1a">
|
|
5953
|
+
</div>
|
|
5954
|
+
|
|
5955
|
+
</td>
|
|
5956
|
+
</tr>
|
|
5957
|
+
<tr>
|
|
5958
|
+
<td class="with-icons is-vcentered"
|
|
5959
|
+
id="base-boxShadow091"
|
|
5960
|
+
title="theme: base; category: boxShadow; variant: 091; ">
|
|
5961
|
+
boxShadow091
|
|
5962
|
+
<a href="#base-boxShadow091"
|
|
5963
|
+
title="permalink"
|
|
5964
|
+
class="permalink">
|
|
5965
|
+
🔗
|
|
5966
|
+
</a>
|
|
5967
|
+
</td>
|
|
5968
|
+
<td class="is-vcentered">
|
|
5969
|
+
<pre>4px 0 8px -4px #00141e1a</pre>
|
|
5970
|
+
</td>
|
|
5971
|
+
<td class="is-vcentered">
|
|
5972
|
+
<div class="table__box-shadow-preview"
|
|
5973
|
+
style="box-shadow: 4px 0 8px -4px #00141e1a">
|
|
5974
|
+
</div>
|
|
5975
|
+
|
|
5640
5976
|
</td>
|
|
5641
5977
|
</tr>
|
|
5642
5978
|
</table>
|
|
@@ -7177,6 +7513,27 @@
|
|
|
7177
7513
|
|
|
7178
7514
|
</td>
|
|
7179
7515
|
</tr>
|
|
7516
|
+
<tr>
|
|
7517
|
+
<td class="with-icons is-vcentered"
|
|
7518
|
+
id="base-typographyMenuLabelL"
|
|
7519
|
+
title="theme: base; category: typography; group: menu; name: label; variant: l; ">
|
|
7520
|
+
typographyMenuLabelL
|
|
7521
|
+
<a href="#base-typographyMenuLabelL"
|
|
7522
|
+
title="permalink"
|
|
7523
|
+
class="permalink">
|
|
7524
|
+
🔗
|
|
7525
|
+
</a>
|
|
7526
|
+
</td>
|
|
7527
|
+
<td class="is-vcentered">
|
|
7528
|
+
<pre>500 16px/150% Sage UI</pre>
|
|
7529
|
+
</td>
|
|
7530
|
+
<td class="is-vcentered">
|
|
7531
|
+
<div class="table__typography-preview">
|
|
7532
|
+
n/a
|
|
7533
|
+
</div>
|
|
7534
|
+
|
|
7535
|
+
</td>
|
|
7536
|
+
</tr>
|
|
7180
7537
|
<tr>
|
|
7181
7538
|
<td class="with-icons is-vcentered"
|
|
7182
7539
|
id="base-typographyMenuSegmentTitleM"
|
package/ios/base.h
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Fri, 01 Apr 2022 11:37:42 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -22,8 +22,10 @@
|
|
|
22
22
|
#define colorsYang100 #ffffffff
|
|
23
23
|
#define colorsYang030 #ffffff4d
|
|
24
24
|
#define colorsYang080 #ffffffcc
|
|
25
|
+
#define colorsGray700 #4d4d4dff
|
|
26
|
+
#define colorsGray750 #404040ff
|
|
25
27
|
#define colorsGray850 #262626ff
|
|
26
|
-
#define colorsGray900 #
|
|
28
|
+
#define colorsGray900 #191919ff
|
|
27
29
|
#define colorsGray1000 #000000ff
|
|
28
30
|
#define colorsGray000 #ffffffff
|
|
29
31
|
#define colorsDisabled400 #f2f5f6ff
|
|
@@ -36,45 +38,57 @@
|
|
|
36
38
|
#define colorsComponentsMenuSpringStandard600 #007e45ff
|
|
37
39
|
#define colorsComponentsMenuSpringStandard700 #d9e0e4ff
|
|
38
40
|
#define colorsComponentsMenuSpringParent500 #e6ebedff
|
|
39
|
-
#define colorsComponentsMenuSpringParent600 #
|
|
41
|
+
#define colorsComponentsMenuSpringParent600 #007e45ff
|
|
40
42
|
#define colorsComponentsMenuSpringParent700 #d9e0e4ff
|
|
41
43
|
#define colorsComponentsMenuSpringChild400 #ccd6dbff
|
|
42
44
|
#define colorsComponentsMenuSpringChild500 #ffffffff
|
|
43
45
|
#define colorsComponentsMenuSpringChild600 #007e45ff
|
|
46
|
+
#define colorsComponentsMenuSpringChildAlt400 #ccd6dbff
|
|
44
47
|
#define colorsComponentsMenuSpringChildAlt500 #e6ebedff
|
|
45
48
|
#define colorsComponentsMenuSpringChildAlt600 #007e45ff
|
|
49
|
+
#define colorsComponentsMenuSummerStandard400 #ccd6dbff
|
|
46
50
|
#define colorsComponentsMenuSummerStandard500 #ffffffff
|
|
47
51
|
#define colorsComponentsMenuSummerStandard600 #007e45ff
|
|
48
|
-
#define colorsComponentsMenuSummerStandard700 #
|
|
52
|
+
#define colorsComponentsMenuSummerStandard700 #e6ebedff
|
|
53
|
+
#define colorsComponentsMenuSummerStandard800 #e6ebedff
|
|
49
54
|
#define colorsComponentsMenuSummerParent500 #ffffffff
|
|
50
|
-
#define colorsComponentsMenuSummerParent600 #
|
|
51
|
-
#define colorsComponentsMenuSummerParent700 #
|
|
52
|
-
#define
|
|
55
|
+
#define colorsComponentsMenuSummerParent600 #007e45ff
|
|
56
|
+
#define colorsComponentsMenuSummerParent700 #e6ebedff
|
|
57
|
+
#define colorsComponentsMenuSummerChild300 #b3c2c9ff
|
|
58
|
+
#define colorsComponentsMenuSummerChild400 #ccd6dbff
|
|
53
59
|
#define colorsComponentsMenuSummerChild500 #e6ebedff
|
|
54
60
|
#define colorsComponentsMenuSummerChild600 #007e45ff
|
|
55
|
-
#define
|
|
61
|
+
#define colorsComponentsMenuSummerChild700 #e6ebedff
|
|
62
|
+
#define colorsComponentsMenuSummerChild800 #e6ebedff
|
|
63
|
+
#define colorsComponentsMenuSummerChildAlt300 #b3c2c9ff
|
|
64
|
+
#define colorsComponentsMenuSummerChildAlt400 #ccd6dbff
|
|
65
|
+
#define colorsComponentsMenuSummerChildAlt500 #d9e0e4ff
|
|
56
66
|
#define colorsComponentsMenuSummerChildAlt600 #007e45ff
|
|
67
|
+
#define colorsComponentsMenuSummerChildAlt700 #d9e0e4ff
|
|
68
|
+
#define colorsComponentsMenuSummerChildAlt800 #d9e0e4ff
|
|
57
69
|
#define colorsComponentsMenuAutumnStandard500 #00324cff
|
|
58
70
|
#define colorsComponentsMenuAutumnStandard600 #007e45ff
|
|
59
71
|
#define colorsComponentsMenuAutumnStandard700 #19475eff
|
|
60
72
|
#define colorsComponentsMenuAutumnParent500 #00324cff
|
|
61
|
-
#define colorsComponentsMenuAutumnParent600 #
|
|
73
|
+
#define colorsComponentsMenuAutumnParent600 #007e45ff
|
|
62
74
|
#define colorsComponentsMenuAutumnParent700 #19475eff
|
|
63
75
|
#define colorsComponentsMenuAutumnChild400 #19475eff
|
|
64
76
|
#define colorsComponentsMenuAutumnChild500 #001926ff
|
|
65
77
|
#define colorsComponentsMenuAutumnChild600 #007e45ff
|
|
78
|
+
#define colorsComponentsMenuAutumnChildAlt400 #19475eff
|
|
66
79
|
#define colorsComponentsMenuAutumnChildAlt500 #00324cff
|
|
67
80
|
#define colorsComponentsMenuAutumnChildAlt600 #007e45ff
|
|
68
81
|
#define colorsComponentsMenuWinterStandard500 #000000ff
|
|
69
82
|
#define colorsComponentsMenuWinterStandard600 #007e45ff
|
|
70
83
|
#define colorsComponentsMenuWinterStandard700 #262626ff
|
|
71
84
|
#define colorsComponentsMenuWinterParent500 #000000ff
|
|
72
|
-
#define colorsComponentsMenuWinterParent600 #
|
|
85
|
+
#define colorsComponentsMenuWinterParent600 #007e45ff
|
|
73
86
|
#define colorsComponentsMenuWinterParent700 #262626ff
|
|
74
87
|
#define colorsComponentsMenuWinterChild400 #262626ff
|
|
75
88
|
#define colorsComponentsMenuWinterChild500 #000000ff
|
|
76
89
|
#define colorsComponentsMenuWinterChild600 #007e45ff
|
|
77
|
-
#define
|
|
90
|
+
#define colorsComponentsMenuWinterChildAlt400 #262626ff
|
|
91
|
+
#define colorsComponentsMenuWinterChildAlt500 #191919ff
|
|
78
92
|
#define colorsComponentsMenuWinterChildAlt600 #007e45ff
|
|
79
93
|
#define colorsComponentsMenuYin100 #000000ff
|
|
80
94
|
#define colorsComponentsMenuYin065 #000000a6
|
|
@@ -261,6 +275,8 @@
|
|
|
261
275
|
#define boxShadow400 0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a
|
|
262
276
|
#define boxShadow075 inset 0 6px 4px -4px #00141e0d
|
|
263
277
|
#define boxShadow050 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26
|
|
278
|
+
#define boxShadow090 0 4px 8px -4px #00141e1a
|
|
279
|
+
#define boxShadow091 4px 0 8px -4px #00141e1a
|
|
264
280
|
#define fontWeights400 Regular
|
|
265
281
|
#define fontWeights500 Medium
|
|
266
282
|
#define fontWeights700 Bold
|
|
@@ -329,6 +345,7 @@
|
|
|
329
345
|
#define typographyLinkTextM Regular 14px/150% Sage UI
|
|
330
346
|
#define typographyLinkTextL undefined 16px/150% Sage UI
|
|
331
347
|
#define typographyMenuLabelM Medium 14px/150% Sage UI
|
|
348
|
+
#define typographyMenuLabelL Medium 16px/150% Sage UI
|
|
332
349
|
#define typographyMenuSegmentTitleM Medium 12px/150% Sage UI
|
|
333
350
|
#define typographyMessageHeadingM Bold 14px/150% Sage UI
|
|
334
351
|
#define typographyMessageHeadingL Bold 16px/150% Sage UI
|