@sage/design-tokens 2.25.0 → 2.26.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 +10 -10
- package/css/base.css +10 -10
- package/data/tokens.json +9 -0
- package/docs/tokens/base/index.html +9 -9
- package/docs/tokens/base/typography/index.html +9 -9
- package/docs/tokens/index.html +9 -9
- package/ios/base.h +10 -10
- package/js/base/common.js +10 -10
- package/js/base/es6.js +9 -9
- package/package.json +1 -1
- package/sage-design-tokens-2.26.0.tgz +0 -0
- package/scss/base.scss +10 -10
- package/sage-design-tokens-2.25.0.tgz +0 -0
package/android/base.xml
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Thu, 26 May 2022 09:33:48 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -333,7 +333,7 @@
|
|
|
333
333
|
<string name="typographyDialogParagraphXl">Regular 14px/150% Sage UI</string>
|
|
334
334
|
<string name="typographyDialogParagraphXxl">Regular 14px/150% Sage UI</string>
|
|
335
335
|
<string name="typographyDrawerTitleM">Bold 22px/125% Sage UI</string>
|
|
336
|
-
<string name="typographyDrawerParagraphM">
|
|
336
|
+
<string name="typographyDrawerParagraphM">Regular 14px/125% Sage UI</string>
|
|
337
337
|
<string name="typographyFlashTextM">Regular 14px/150% Sage UI</string>
|
|
338
338
|
<string name="typographyFlashTextL">Regular 16px/150% Sage UI</string>
|
|
339
339
|
<string name="typographyFormFieldLabelXs">Medium 14px/150% Sage UI</string>
|
|
@@ -370,7 +370,7 @@
|
|
|
370
370
|
<string name="typographyFormFieldCharacterCountL">Regular 16px/150% Sage UI</string>
|
|
371
371
|
<string name="typographyLinkTextS">Regular 12px/150% Sage UI</string>
|
|
372
372
|
<string name="typographyLinkTextM">Regular 14px/150% Sage UI</string>
|
|
373
|
-
<string name="typographyLinkTextL">
|
|
373
|
+
<string name="typographyLinkTextL">Regular 16px/150% Sage UI</string>
|
|
374
374
|
<string name="typographyMenuLabelM">Medium 14px/150% Sage UI</string>
|
|
375
375
|
<string name="typographyMenuLabelL">Medium 16px/150% Sage UI</string>
|
|
376
376
|
<string name="typographyMenuSegmentTitleM">Medium 12px/150% Sage UI</string>
|
|
@@ -422,13 +422,13 @@
|
|
|
422
422
|
<string name="typographySidebarTitleMl">Bold 20px/125% Sage UI</string>
|
|
423
423
|
<string name="typographySidebarTitleL">Bold 20px/125% Sage UI</string>
|
|
424
424
|
<string name="typographySidebarTitleXl">Bold 20px/125% Sage UI</string>
|
|
425
|
-
<string name="typographySidebarParagraphXs">
|
|
426
|
-
<string name="typographySidebarParagraphS">
|
|
427
|
-
<string name="typographySidebarParagraphMs">
|
|
428
|
-
<string name="typographySidebarParagraphM">
|
|
429
|
-
<string name="typographySidebarParagraphMl">
|
|
430
|
-
<string name="typographySidebarParagraphL">
|
|
431
|
-
<string name="typographySidebarParagraphXl">
|
|
425
|
+
<string name="typographySidebarParagraphXs">Regular 14px/125% Sage UI</string>
|
|
426
|
+
<string name="typographySidebarParagraphS">Regular 14px/125% Sage UI</string>
|
|
427
|
+
<string name="typographySidebarParagraphMs">Regular 14px/125% Sage UI</string>
|
|
428
|
+
<string name="typographySidebarParagraphM">Regular 14px/125% Sage UI</string>
|
|
429
|
+
<string name="typographySidebarParagraphMl">Regular 14px/125% Sage UI</string>
|
|
430
|
+
<string name="typographySidebarParagraphL">Regular 14px/125% Sage UI</string>
|
|
431
|
+
<string name="typographySidebarParagraphXl">Regular 14px/125% Sage UI</string>
|
|
432
432
|
<string name="typographyStepFlowCompleteLabelM">Medium 14px/150% Sage UI</string>
|
|
433
433
|
<string name="typographyStepFlowCurrentLabelM">Medium 14px/150% Sage UI</string>
|
|
434
434
|
<string name="typographyStepFlowIncompleteLabelM">Medium 14px/150% Sage UI</string>
|
package/css/base.css
CHANGED
|
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Do not edit directly
|
|
7
|
-
* Generated on
|
|
7
|
+
* Generated on Thu, 26 May 2022 09:33:48 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -336,7 +336,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
336
336
|
--typographyDialogParagraphXl: 400 14px/150% Sage UI;
|
|
337
337
|
--typographyDialogParagraphXxl: 400 14px/150% Sage UI;
|
|
338
338
|
--typographyDrawerTitleM: 700 22px/125% Sage UI;
|
|
339
|
-
--typographyDrawerParagraphM:
|
|
339
|
+
--typographyDrawerParagraphM: 400 14px/125% Sage UI;
|
|
340
340
|
--typographyFlashTextM: 400 14px/150% Sage UI;
|
|
341
341
|
--typographyFlashTextL: 400 16px/150% Sage UI;
|
|
342
342
|
--typographyFormFieldLabelXs: 500 14px/150% Sage UI;
|
|
@@ -373,7 +373,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
373
373
|
--typographyFormFieldCharacterCountL: 400 16px/150% Sage UI;
|
|
374
374
|
--typographyLinkTextS: 400 12px/150% Sage UI;
|
|
375
375
|
--typographyLinkTextM: 400 14px/150% Sage UI;
|
|
376
|
-
--typographyLinkTextL:
|
|
376
|
+
--typographyLinkTextL: 400 16px/150% Sage UI;
|
|
377
377
|
--typographyMenuLabelM: 500 14px/150% Sage UI;
|
|
378
378
|
--typographyMenuLabelL: 500 16px/150% Sage UI;
|
|
379
379
|
--typographyMenuSegmentTitleM: 500 12px/150% Sage UI;
|
|
@@ -425,13 +425,13 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
425
425
|
--typographySidebarTitleMl: 700 20px/125% Sage UI;
|
|
426
426
|
--typographySidebarTitleL: 700 20px/125% Sage UI;
|
|
427
427
|
--typographySidebarTitleXl: 700 20px/125% Sage UI;
|
|
428
|
-
--typographySidebarParagraphXs:
|
|
429
|
-
--typographySidebarParagraphS:
|
|
430
|
-
--typographySidebarParagraphMs:
|
|
431
|
-
--typographySidebarParagraphM:
|
|
432
|
-
--typographySidebarParagraphMl:
|
|
433
|
-
--typographySidebarParagraphL:
|
|
434
|
-
--typographySidebarParagraphXl:
|
|
428
|
+
--typographySidebarParagraphXs: 400 14px/125% Sage UI;
|
|
429
|
+
--typographySidebarParagraphS: 400 14px/125% Sage UI;
|
|
430
|
+
--typographySidebarParagraphMs: 400 14px/125% Sage UI;
|
|
431
|
+
--typographySidebarParagraphM: 400 14px/125% Sage UI;
|
|
432
|
+
--typographySidebarParagraphMl: 400 14px/125% Sage UI;
|
|
433
|
+
--typographySidebarParagraphL: 400 14px/125% Sage UI;
|
|
434
|
+
--typographySidebarParagraphXl: 400 14px/125% Sage UI;
|
|
435
435
|
--typographyStepFlowCompleteLabelM: 500 14px/150% Sage UI;
|
|
436
436
|
--typographyStepFlowCurrentLabelM: 500 14px/150% Sage UI;
|
|
437
437
|
--typographyStepFlowIncompleteLabelM: 500 14px/150% Sage UI;
|
package/data/tokens.json
CHANGED
|
@@ -2034,6 +2034,7 @@
|
|
|
2034
2034
|
"fontFamily": "Sage UI",
|
|
2035
2035
|
"fontWeight": "Regular",
|
|
2036
2036
|
"lineHeight": "125%",
|
|
2037
|
+
"fontSize": "14px",
|
|
2037
2038
|
"letterSpacing": "0%",
|
|
2038
2039
|
"paragraphSpacing": "0",
|
|
2039
2040
|
"textDecoration": "none",
|
|
@@ -2472,6 +2473,7 @@
|
|
|
2472
2473
|
"l": {
|
|
2473
2474
|
"value": {
|
|
2474
2475
|
"fontFamily": "Sage UI",
|
|
2476
|
+
"fontWeight": "Regular",
|
|
2475
2477
|
"lineHeight": "150%",
|
|
2476
2478
|
"fontSize": "16px",
|
|
2477
2479
|
"letterSpacing": "0%",
|
|
@@ -3176,6 +3178,7 @@
|
|
|
3176
3178
|
"fontFamily": "Sage UI",
|
|
3177
3179
|
"fontWeight": "Regular",
|
|
3178
3180
|
"lineHeight": "125%",
|
|
3181
|
+
"fontSize": "14px",
|
|
3179
3182
|
"letterSpacing": "0%",
|
|
3180
3183
|
"paragraphSpacing": "0",
|
|
3181
3184
|
"textDecoration": "none",
|
|
@@ -3188,6 +3191,7 @@
|
|
|
3188
3191
|
"fontFamily": "Sage UI",
|
|
3189
3192
|
"fontWeight": "Regular",
|
|
3190
3193
|
"lineHeight": "125%",
|
|
3194
|
+
"fontSize": "14px",
|
|
3191
3195
|
"letterSpacing": "0%",
|
|
3192
3196
|
"paragraphSpacing": "0",
|
|
3193
3197
|
"textDecoration": "none",
|
|
@@ -3200,6 +3204,7 @@
|
|
|
3200
3204
|
"fontFamily": "Sage UI",
|
|
3201
3205
|
"fontWeight": "Regular",
|
|
3202
3206
|
"lineHeight": "125%",
|
|
3207
|
+
"fontSize": "14px",
|
|
3203
3208
|
"letterSpacing": "0%",
|
|
3204
3209
|
"paragraphSpacing": "0",
|
|
3205
3210
|
"textDecoration": "none",
|
|
@@ -3212,6 +3217,7 @@
|
|
|
3212
3217
|
"fontFamily": "Sage UI",
|
|
3213
3218
|
"fontWeight": "Regular",
|
|
3214
3219
|
"lineHeight": "125%",
|
|
3220
|
+
"fontSize": "14px",
|
|
3215
3221
|
"letterSpacing": "0%",
|
|
3216
3222
|
"paragraphSpacing": "0",
|
|
3217
3223
|
"textDecoration": "none",
|
|
@@ -3224,6 +3230,7 @@
|
|
|
3224
3230
|
"fontFamily": "Sage UI",
|
|
3225
3231
|
"fontWeight": "Regular",
|
|
3226
3232
|
"lineHeight": "125%",
|
|
3233
|
+
"fontSize": "14px",
|
|
3227
3234
|
"letterSpacing": "0%",
|
|
3228
3235
|
"paragraphSpacing": "0",
|
|
3229
3236
|
"textDecoration": "none",
|
|
@@ -3236,6 +3243,7 @@
|
|
|
3236
3243
|
"fontFamily": "Sage UI",
|
|
3237
3244
|
"fontWeight": "Regular",
|
|
3238
3245
|
"lineHeight": "125%",
|
|
3246
|
+
"fontSize": "14px",
|
|
3239
3247
|
"letterSpacing": "0%",
|
|
3240
3248
|
"paragraphSpacing": "0",
|
|
3241
3249
|
"textDecoration": "none",
|
|
@@ -3248,6 +3256,7 @@
|
|
|
3248
3256
|
"fontFamily": "Sage UI",
|
|
3249
3257
|
"fontWeight": "Regular",
|
|
3250
3258
|
"lineHeight": "125%",
|
|
3259
|
+
"fontSize": "14px",
|
|
3251
3260
|
"letterSpacing": "0%",
|
|
3252
3261
|
"paragraphSpacing": "0",
|
|
3253
3262
|
"textDecoration": "none",
|
|
@@ -7322,7 +7322,7 @@
|
|
|
7322
7322
|
</a>
|
|
7323
7323
|
</td>
|
|
7324
7324
|
<td class="is-vcentered">
|
|
7325
|
-
<pre>
|
|
7325
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
7326
7326
|
</td>
|
|
7327
7327
|
<td class="is-vcentered">
|
|
7328
7328
|
<div class="table__typography-preview">
|
|
@@ -8099,7 +8099,7 @@
|
|
|
8099
8099
|
</a>
|
|
8100
8100
|
</td>
|
|
8101
8101
|
<td class="is-vcentered">
|
|
8102
|
-
<pre>
|
|
8102
|
+
<pre>400 16px/150% Sage UI</pre>
|
|
8103
8103
|
</td>
|
|
8104
8104
|
<td class="is-vcentered">
|
|
8105
8105
|
<div class="table__typography-preview">
|
|
@@ -9191,7 +9191,7 @@
|
|
|
9191
9191
|
</a>
|
|
9192
9192
|
</td>
|
|
9193
9193
|
<td class="is-vcentered">
|
|
9194
|
-
<pre>
|
|
9194
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
9195
9195
|
</td>
|
|
9196
9196
|
<td class="is-vcentered">
|
|
9197
9197
|
<div class="table__typography-preview">
|
|
@@ -9212,7 +9212,7 @@
|
|
|
9212
9212
|
</a>
|
|
9213
9213
|
</td>
|
|
9214
9214
|
<td class="is-vcentered">
|
|
9215
|
-
<pre>
|
|
9215
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
9216
9216
|
</td>
|
|
9217
9217
|
<td class="is-vcentered">
|
|
9218
9218
|
<div class="table__typography-preview">
|
|
@@ -9233,7 +9233,7 @@
|
|
|
9233
9233
|
</a>
|
|
9234
9234
|
</td>
|
|
9235
9235
|
<td class="is-vcentered">
|
|
9236
|
-
<pre>
|
|
9236
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
9237
9237
|
</td>
|
|
9238
9238
|
<td class="is-vcentered">
|
|
9239
9239
|
<div class="table__typography-preview">
|
|
@@ -9254,7 +9254,7 @@
|
|
|
9254
9254
|
</a>
|
|
9255
9255
|
</td>
|
|
9256
9256
|
<td class="is-vcentered">
|
|
9257
|
-
<pre>
|
|
9257
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
9258
9258
|
</td>
|
|
9259
9259
|
<td class="is-vcentered">
|
|
9260
9260
|
<div class="table__typography-preview">
|
|
@@ -9275,7 +9275,7 @@
|
|
|
9275
9275
|
</a>
|
|
9276
9276
|
</td>
|
|
9277
9277
|
<td class="is-vcentered">
|
|
9278
|
-
<pre>
|
|
9278
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
9279
9279
|
</td>
|
|
9280
9280
|
<td class="is-vcentered">
|
|
9281
9281
|
<div class="table__typography-preview">
|
|
@@ -9296,7 +9296,7 @@
|
|
|
9296
9296
|
</a>
|
|
9297
9297
|
</td>
|
|
9298
9298
|
<td class="is-vcentered">
|
|
9299
|
-
<pre>
|
|
9299
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
9300
9300
|
</td>
|
|
9301
9301
|
<td class="is-vcentered">
|
|
9302
9302
|
<div class="table__typography-preview">
|
|
@@ -9317,7 +9317,7 @@
|
|
|
9317
9317
|
</a>
|
|
9318
9318
|
</td>
|
|
9319
9319
|
<td class="is-vcentered">
|
|
9320
|
-
<pre>
|
|
9320
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
9321
9321
|
</td>
|
|
9322
9322
|
<td class="is-vcentered">
|
|
9323
9323
|
<div class="table__typography-preview">
|
|
@@ -990,7 +990,7 @@
|
|
|
990
990
|
</a>
|
|
991
991
|
</td>
|
|
992
992
|
<td class="is-vcentered">
|
|
993
|
-
<pre>
|
|
993
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
994
994
|
</td>
|
|
995
995
|
<td class="is-vcentered">
|
|
996
996
|
<div class="table__typography-preview">
|
|
@@ -1767,7 +1767,7 @@
|
|
|
1767
1767
|
</a>
|
|
1768
1768
|
</td>
|
|
1769
1769
|
<td class="is-vcentered">
|
|
1770
|
-
<pre>
|
|
1770
|
+
<pre>400 16px/150% Sage UI</pre>
|
|
1771
1771
|
</td>
|
|
1772
1772
|
<td class="is-vcentered">
|
|
1773
1773
|
<div class="table__typography-preview">
|
|
@@ -2859,7 +2859,7 @@
|
|
|
2859
2859
|
</a>
|
|
2860
2860
|
</td>
|
|
2861
2861
|
<td class="is-vcentered">
|
|
2862
|
-
<pre>
|
|
2862
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
2863
2863
|
</td>
|
|
2864
2864
|
<td class="is-vcentered">
|
|
2865
2865
|
<div class="table__typography-preview">
|
|
@@ -2880,7 +2880,7 @@
|
|
|
2880
2880
|
</a>
|
|
2881
2881
|
</td>
|
|
2882
2882
|
<td class="is-vcentered">
|
|
2883
|
-
<pre>
|
|
2883
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
2884
2884
|
</td>
|
|
2885
2885
|
<td class="is-vcentered">
|
|
2886
2886
|
<div class="table__typography-preview">
|
|
@@ -2901,7 +2901,7 @@
|
|
|
2901
2901
|
</a>
|
|
2902
2902
|
</td>
|
|
2903
2903
|
<td class="is-vcentered">
|
|
2904
|
-
<pre>
|
|
2904
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
2905
2905
|
</td>
|
|
2906
2906
|
<td class="is-vcentered">
|
|
2907
2907
|
<div class="table__typography-preview">
|
|
@@ -2922,7 +2922,7 @@
|
|
|
2922
2922
|
</a>
|
|
2923
2923
|
</td>
|
|
2924
2924
|
<td class="is-vcentered">
|
|
2925
|
-
<pre>
|
|
2925
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
2926
2926
|
</td>
|
|
2927
2927
|
<td class="is-vcentered">
|
|
2928
2928
|
<div class="table__typography-preview">
|
|
@@ -2943,7 +2943,7 @@
|
|
|
2943
2943
|
</a>
|
|
2944
2944
|
</td>
|
|
2945
2945
|
<td class="is-vcentered">
|
|
2946
|
-
<pre>
|
|
2946
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
2947
2947
|
</td>
|
|
2948
2948
|
<td class="is-vcentered">
|
|
2949
2949
|
<div class="table__typography-preview">
|
|
@@ -2964,7 +2964,7 @@
|
|
|
2964
2964
|
</a>
|
|
2965
2965
|
</td>
|
|
2966
2966
|
<td class="is-vcentered">
|
|
2967
|
-
<pre>
|
|
2967
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
2968
2968
|
</td>
|
|
2969
2969
|
<td class="is-vcentered">
|
|
2970
2970
|
<div class="table__typography-preview">
|
|
@@ -2985,7 +2985,7 @@
|
|
|
2985
2985
|
</a>
|
|
2986
2986
|
</td>
|
|
2987
2987
|
<td class="is-vcentered">
|
|
2988
|
-
<pre>
|
|
2988
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
2989
2989
|
</td>
|
|
2990
2990
|
<td class="is-vcentered">
|
|
2991
2991
|
<div class="table__typography-preview">
|
package/docs/tokens/index.html
CHANGED
|
@@ -7378,7 +7378,7 @@
|
|
|
7378
7378
|
</a>
|
|
7379
7379
|
</td>
|
|
7380
7380
|
<td class="is-vcentered">
|
|
7381
|
-
<pre>
|
|
7381
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
7382
7382
|
</td>
|
|
7383
7383
|
<td class="is-vcentered">
|
|
7384
7384
|
<div class="table__typography-preview">
|
|
@@ -8155,7 +8155,7 @@
|
|
|
8155
8155
|
</a>
|
|
8156
8156
|
</td>
|
|
8157
8157
|
<td class="is-vcentered">
|
|
8158
|
-
<pre>
|
|
8158
|
+
<pre>400 16px/150% Sage UI</pre>
|
|
8159
8159
|
</td>
|
|
8160
8160
|
<td class="is-vcentered">
|
|
8161
8161
|
<div class="table__typography-preview">
|
|
@@ -9247,7 +9247,7 @@
|
|
|
9247
9247
|
</a>
|
|
9248
9248
|
</td>
|
|
9249
9249
|
<td class="is-vcentered">
|
|
9250
|
-
<pre>
|
|
9250
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
9251
9251
|
</td>
|
|
9252
9252
|
<td class="is-vcentered">
|
|
9253
9253
|
<div class="table__typography-preview">
|
|
@@ -9268,7 +9268,7 @@
|
|
|
9268
9268
|
</a>
|
|
9269
9269
|
</td>
|
|
9270
9270
|
<td class="is-vcentered">
|
|
9271
|
-
<pre>
|
|
9271
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
9272
9272
|
</td>
|
|
9273
9273
|
<td class="is-vcentered">
|
|
9274
9274
|
<div class="table__typography-preview">
|
|
@@ -9289,7 +9289,7 @@
|
|
|
9289
9289
|
</a>
|
|
9290
9290
|
</td>
|
|
9291
9291
|
<td class="is-vcentered">
|
|
9292
|
-
<pre>
|
|
9292
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
9293
9293
|
</td>
|
|
9294
9294
|
<td class="is-vcentered">
|
|
9295
9295
|
<div class="table__typography-preview">
|
|
@@ -9310,7 +9310,7 @@
|
|
|
9310
9310
|
</a>
|
|
9311
9311
|
</td>
|
|
9312
9312
|
<td class="is-vcentered">
|
|
9313
|
-
<pre>
|
|
9313
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
9314
9314
|
</td>
|
|
9315
9315
|
<td class="is-vcentered">
|
|
9316
9316
|
<div class="table__typography-preview">
|
|
@@ -9331,7 +9331,7 @@
|
|
|
9331
9331
|
</a>
|
|
9332
9332
|
</td>
|
|
9333
9333
|
<td class="is-vcentered">
|
|
9334
|
-
<pre>
|
|
9334
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
9335
9335
|
</td>
|
|
9336
9336
|
<td class="is-vcentered">
|
|
9337
9337
|
<div class="table__typography-preview">
|
|
@@ -9352,7 +9352,7 @@
|
|
|
9352
9352
|
</a>
|
|
9353
9353
|
</td>
|
|
9354
9354
|
<td class="is-vcentered">
|
|
9355
|
-
<pre>
|
|
9355
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
9356
9356
|
</td>
|
|
9357
9357
|
<td class="is-vcentered">
|
|
9358
9358
|
<div class="table__typography-preview">
|
|
@@ -9373,7 +9373,7 @@
|
|
|
9373
9373
|
</a>
|
|
9374
9374
|
</td>
|
|
9375
9375
|
<td class="is-vcentered">
|
|
9376
|
-
<pre>
|
|
9376
|
+
<pre>400 14px/125% Sage UI</pre>
|
|
9377
9377
|
</td>
|
|
9378
9378
|
<td class="is-vcentered">
|
|
9379
9379
|
<div class="table__typography-preview">
|
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 Thu, 26 May 2022 09:33:48 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -338,7 +338,7 @@
|
|
|
338
338
|
#define typographyDialogParagraphXl Regular 14px/150% Sage UI
|
|
339
339
|
#define typographyDialogParagraphXxl Regular 14px/150% Sage UI
|
|
340
340
|
#define typographyDrawerTitleM Bold 22px/125% Sage UI
|
|
341
|
-
#define typographyDrawerParagraphM
|
|
341
|
+
#define typographyDrawerParagraphM Regular 14px/125% Sage UI
|
|
342
342
|
#define typographyFlashTextM Regular 14px/150% Sage UI
|
|
343
343
|
#define typographyFlashTextL Regular 16px/150% Sage UI
|
|
344
344
|
#define typographyFormFieldLabelXs Medium 14px/150% Sage UI
|
|
@@ -375,7 +375,7 @@
|
|
|
375
375
|
#define typographyFormFieldCharacterCountL Regular 16px/150% Sage UI
|
|
376
376
|
#define typographyLinkTextS Regular 12px/150% Sage UI
|
|
377
377
|
#define typographyLinkTextM Regular 14px/150% Sage UI
|
|
378
|
-
#define typographyLinkTextL
|
|
378
|
+
#define typographyLinkTextL Regular 16px/150% Sage UI
|
|
379
379
|
#define typographyMenuLabelM Medium 14px/150% Sage UI
|
|
380
380
|
#define typographyMenuLabelL Medium 16px/150% Sage UI
|
|
381
381
|
#define typographyMenuSegmentTitleM Medium 12px/150% Sage UI
|
|
@@ -427,13 +427,13 @@
|
|
|
427
427
|
#define typographySidebarTitleMl Bold 20px/125% Sage UI
|
|
428
428
|
#define typographySidebarTitleL Bold 20px/125% Sage UI
|
|
429
429
|
#define typographySidebarTitleXl Bold 20px/125% Sage UI
|
|
430
|
-
#define typographySidebarParagraphXs
|
|
431
|
-
#define typographySidebarParagraphS
|
|
432
|
-
#define typographySidebarParagraphMs
|
|
433
|
-
#define typographySidebarParagraphM
|
|
434
|
-
#define typographySidebarParagraphMl
|
|
435
|
-
#define typographySidebarParagraphL
|
|
436
|
-
#define typographySidebarParagraphXl
|
|
430
|
+
#define typographySidebarParagraphXs Regular 14px/125% Sage UI
|
|
431
|
+
#define typographySidebarParagraphS Regular 14px/125% Sage UI
|
|
432
|
+
#define typographySidebarParagraphMs Regular 14px/125% Sage UI
|
|
433
|
+
#define typographySidebarParagraphM Regular 14px/125% Sage UI
|
|
434
|
+
#define typographySidebarParagraphMl Regular 14px/125% Sage UI
|
|
435
|
+
#define typographySidebarParagraphL Regular 14px/125% Sage UI
|
|
436
|
+
#define typographySidebarParagraphXl Regular 14px/125% Sage UI
|
|
437
437
|
#define typographyStepFlowCompleteLabelM Medium 14px/150% Sage UI
|
|
438
438
|
#define typographyStepFlowCurrentLabelM Medium 14px/150% Sage UI
|
|
439
439
|
#define typographyStepFlowIncompleteLabelM Medium 14px/150% Sage UI
|
package/js/base/common.js
CHANGED
|
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Do not edit directly
|
|
7
|
-
* Generated on
|
|
7
|
+
* Generated on Thu, 26 May 2022 09:33:48 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -336,7 +336,7 @@ module.exports = {
|
|
|
336
336
|
typographyDialogParagraphXl: '400 14px/150% Sage UI',
|
|
337
337
|
typographyDialogParagraphXxl: '400 14px/150% Sage UI',
|
|
338
338
|
typographyDrawerTitleM: '700 22px/125% Sage UI',
|
|
339
|
-
typographyDrawerParagraphM: '
|
|
339
|
+
typographyDrawerParagraphM: '400 14px/125% Sage UI',
|
|
340
340
|
typographyFlashTextM: '400 14px/150% Sage UI',
|
|
341
341
|
typographyFlashTextL: '400 16px/150% Sage UI',
|
|
342
342
|
typographyFormFieldLabelXs: '500 14px/150% Sage UI',
|
|
@@ -373,7 +373,7 @@ module.exports = {
|
|
|
373
373
|
typographyFormFieldCharacterCountL: '400 16px/150% Sage UI',
|
|
374
374
|
typographyLinkTextS: '400 12px/150% Sage UI',
|
|
375
375
|
typographyLinkTextM: '400 14px/150% Sage UI',
|
|
376
|
-
typographyLinkTextL: '
|
|
376
|
+
typographyLinkTextL: '400 16px/150% Sage UI',
|
|
377
377
|
typographyMenuLabelM: '500 14px/150% Sage UI',
|
|
378
378
|
typographyMenuLabelL: '500 16px/150% Sage UI',
|
|
379
379
|
typographyMenuSegmentTitleM: '500 12px/150% Sage UI',
|
|
@@ -425,13 +425,13 @@ module.exports = {
|
|
|
425
425
|
typographySidebarTitleMl: '700 20px/125% Sage UI',
|
|
426
426
|
typographySidebarTitleL: '700 20px/125% Sage UI',
|
|
427
427
|
typographySidebarTitleXl: '700 20px/125% Sage UI',
|
|
428
|
-
typographySidebarParagraphXs: '
|
|
429
|
-
typographySidebarParagraphS: '
|
|
430
|
-
typographySidebarParagraphMs: '
|
|
431
|
-
typographySidebarParagraphM: '
|
|
432
|
-
typographySidebarParagraphMl: '
|
|
433
|
-
typographySidebarParagraphL: '
|
|
434
|
-
typographySidebarParagraphXl: '
|
|
428
|
+
typographySidebarParagraphXs: '400 14px/125% Sage UI',
|
|
429
|
+
typographySidebarParagraphS: '400 14px/125% Sage UI',
|
|
430
|
+
typographySidebarParagraphMs: '400 14px/125% Sage UI',
|
|
431
|
+
typographySidebarParagraphM: '400 14px/125% Sage UI',
|
|
432
|
+
typographySidebarParagraphMl: '400 14px/125% Sage UI',
|
|
433
|
+
typographySidebarParagraphL: '400 14px/125% Sage UI',
|
|
434
|
+
typographySidebarParagraphXl: '400 14px/125% Sage UI',
|
|
435
435
|
typographyStepFlowCompleteLabelM: '500 14px/150% Sage UI',
|
|
436
436
|
typographyStepFlowCurrentLabelM: '500 14px/150% Sage UI',
|
|
437
437
|
typographyStepFlowIncompleteLabelM: '500 14px/150% Sage UI',
|
package/js/base/es6.js
CHANGED
|
@@ -331,7 +331,7 @@ export default {
|
|
|
331
331
|
typographyDialogParagraphXl: '400 14px/150% Sage UI',
|
|
332
332
|
typographyDialogParagraphXxl: '400 14px/150% Sage UI',
|
|
333
333
|
typographyDrawerTitleM: '700 22px/125% Sage UI',
|
|
334
|
-
typographyDrawerParagraphM: '
|
|
334
|
+
typographyDrawerParagraphM: '400 14px/125% Sage UI',
|
|
335
335
|
typographyFlashTextM: '400 14px/150% Sage UI',
|
|
336
336
|
typographyFlashTextL: '400 16px/150% Sage UI',
|
|
337
337
|
typographyFormFieldLabelXs: '500 14px/150% Sage UI',
|
|
@@ -368,7 +368,7 @@ export default {
|
|
|
368
368
|
typographyFormFieldCharacterCountL: '400 16px/150% Sage UI',
|
|
369
369
|
typographyLinkTextS: '400 12px/150% Sage UI',
|
|
370
370
|
typographyLinkTextM: '400 14px/150% Sage UI',
|
|
371
|
-
typographyLinkTextL: '
|
|
371
|
+
typographyLinkTextL: '400 16px/150% Sage UI',
|
|
372
372
|
typographyMenuLabelM: '500 14px/150% Sage UI',
|
|
373
373
|
typographyMenuLabelL: '500 16px/150% Sage UI',
|
|
374
374
|
typographyMenuSegmentTitleM: '500 12px/150% Sage UI',
|
|
@@ -420,13 +420,13 @@ export default {
|
|
|
420
420
|
typographySidebarTitleMl: '700 20px/125% Sage UI',
|
|
421
421
|
typographySidebarTitleL: '700 20px/125% Sage UI',
|
|
422
422
|
typographySidebarTitleXl: '700 20px/125% Sage UI',
|
|
423
|
-
typographySidebarParagraphXs: '
|
|
424
|
-
typographySidebarParagraphS: '
|
|
425
|
-
typographySidebarParagraphMs: '
|
|
426
|
-
typographySidebarParagraphM: '
|
|
427
|
-
typographySidebarParagraphMl: '
|
|
428
|
-
typographySidebarParagraphL: '
|
|
429
|
-
typographySidebarParagraphXl: '
|
|
423
|
+
typographySidebarParagraphXs: '400 14px/125% Sage UI',
|
|
424
|
+
typographySidebarParagraphS: '400 14px/125% Sage UI',
|
|
425
|
+
typographySidebarParagraphMs: '400 14px/125% Sage UI',
|
|
426
|
+
typographySidebarParagraphM: '400 14px/125% Sage UI',
|
|
427
|
+
typographySidebarParagraphMl: '400 14px/125% Sage UI',
|
|
428
|
+
typographySidebarParagraphL: '400 14px/125% Sage UI',
|
|
429
|
+
typographySidebarParagraphXl: '400 14px/125% Sage UI',
|
|
430
430
|
typographyStepFlowCompleteLabelM: '500 14px/150% Sage UI',
|
|
431
431
|
typographyStepFlowCurrentLabelM: '500 14px/150% Sage UI',
|
|
432
432
|
typographyStepFlowIncompleteLabelM: '500 14px/150% Sage UI',
|
package/package.json
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
},
|
|
11
11
|
"description": "Design tokens for the Sage Design System.",
|
|
12
12
|
"author": "The Sage Group plc",
|
|
13
|
-
"version": "2.
|
|
13
|
+
"version": "2.26.0",
|
|
14
14
|
"license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
|
|
15
15
|
"tags": [
|
|
16
16
|
"design tokens",
|
|
Binary file
|
package/scss/base.scss
CHANGED
|
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Thu, 26 May 2022 09:33:48 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Base Theme;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -334,7 +334,7 @@ $typographyDialogParagraphL: 400 14px/150% Sage UI;
|
|
|
334
334
|
$typographyDialogParagraphXl: 400 14px/150% Sage UI;
|
|
335
335
|
$typographyDialogParagraphXxl: 400 14px/150% Sage UI;
|
|
336
336
|
$typographyDrawerTitleM: 700 22px/125% Sage UI;
|
|
337
|
-
$typographyDrawerParagraphM:
|
|
337
|
+
$typographyDrawerParagraphM: 400 14px/125% Sage UI;
|
|
338
338
|
$typographyFlashTextM: 400 14px/150% Sage UI;
|
|
339
339
|
$typographyFlashTextL: 400 16px/150% Sage UI;
|
|
340
340
|
$typographyFormFieldLabelXs: 500 14px/150% Sage UI;
|
|
@@ -371,7 +371,7 @@ $typographyFormFieldCharacterCountM: 400 14px/150% Sage UI;
|
|
|
371
371
|
$typographyFormFieldCharacterCountL: 400 16px/150% Sage UI;
|
|
372
372
|
$typographyLinkTextS: 400 12px/150% Sage UI;
|
|
373
373
|
$typographyLinkTextM: 400 14px/150% Sage UI;
|
|
374
|
-
$typographyLinkTextL:
|
|
374
|
+
$typographyLinkTextL: 400 16px/150% Sage UI;
|
|
375
375
|
$typographyMenuLabelM: 500 14px/150% Sage UI;
|
|
376
376
|
$typographyMenuLabelL: 500 16px/150% Sage UI;
|
|
377
377
|
$typographyMenuSegmentTitleM: 500 12px/150% Sage UI;
|
|
@@ -423,13 +423,13 @@ $typographySidebarTitleM: 700 20px/125% Sage UI;
|
|
|
423
423
|
$typographySidebarTitleMl: 700 20px/125% Sage UI;
|
|
424
424
|
$typographySidebarTitleL: 700 20px/125% Sage UI;
|
|
425
425
|
$typographySidebarTitleXl: 700 20px/125% Sage UI;
|
|
426
|
-
$typographySidebarParagraphXs:
|
|
427
|
-
$typographySidebarParagraphS:
|
|
428
|
-
$typographySidebarParagraphMs:
|
|
429
|
-
$typographySidebarParagraphM:
|
|
430
|
-
$typographySidebarParagraphMl:
|
|
431
|
-
$typographySidebarParagraphL:
|
|
432
|
-
$typographySidebarParagraphXl:
|
|
426
|
+
$typographySidebarParagraphXs: 400 14px/125% Sage UI;
|
|
427
|
+
$typographySidebarParagraphS: 400 14px/125% Sage UI;
|
|
428
|
+
$typographySidebarParagraphMs: 400 14px/125% Sage UI;
|
|
429
|
+
$typographySidebarParagraphM: 400 14px/125% Sage UI;
|
|
430
|
+
$typographySidebarParagraphMl: 400 14px/125% Sage UI;
|
|
431
|
+
$typographySidebarParagraphL: 400 14px/125% Sage UI;
|
|
432
|
+
$typographySidebarParagraphXl: 400 14px/125% Sage UI;
|
|
433
433
|
$typographyStepFlowCompleteLabelM: 500 14px/150% Sage UI;
|
|
434
434
|
$typographyStepFlowCurrentLabelM: 500 14px/150% Sage UI;
|
|
435
435
|
$typographyStepFlowIncompleteLabelM: 500 14px/150% Sage UI;
|
|
Binary file
|