@sage/design-tokens 2.20.0 → 2.23.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 +15 -4
- package/css/base.css +15 -4
- package/data/tokens.json +149 -9
- package/docs/tokens/base/colors/index.html +21 -0
- package/docs/tokens/base/index.html +234 -3
- package/docs/tokens/base/typography/index.html +213 -3
- package/docs/tokens/index.html +234 -3
- package/ios/base.h +15 -4
- package/js/base/common.d.ts +11 -0
- package/js/base/common.js +15 -4
- package/js/base/es6.d.ts +11 -0
- package/js/base/es6.js +14 -3
- package/package.json +1 -1
- package/sage-design-tokens-2.23.0.tgz +0 -0
- package/scss/base.scss +15 -4
- package/sage-design-tokens-2.20.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 Fri, 22 Apr 2022 16:23:18 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -103,6 +103,7 @@
|
|
|
103
103
|
<string name="colorsComponentsMenuYin090">#000000e6</string>
|
|
104
104
|
<string name="colorsComponentsMenuYang100">#ffffffff</string>
|
|
105
105
|
<string name="colorsComponentsMenuYang080">#ffffffcc</string>
|
|
106
|
+
<string name="colorsComponentsMenuTransparent">#00000000</string>
|
|
106
107
|
<string name="colorsUtilityMajor100">#ccd6dbff</string>
|
|
107
108
|
<string name="colorsUtilityMajor150">#b3c2c9ff</string>
|
|
108
109
|
<string name="colorsUtilityMajor200">#99adb7ff</string>
|
|
@@ -304,9 +305,9 @@
|
|
|
304
305
|
<string name="typographyActionPopoverMenuItemM">Bold 14px/150% Sage UI</string>
|
|
305
306
|
<string name="typographyAnchorNavLabelM">Medium 14px/150% Sage UI</string>
|
|
306
307
|
<string name="typographyBadgeLabelM">Medium 12px/150% Sage UI</string>
|
|
307
|
-
<string name="typographyButtonLabelS">
|
|
308
|
-
<string name="typographyButtonLabelM">
|
|
309
|
-
<string name="typographyButtonLabelL">
|
|
308
|
+
<string name="typographyButtonLabelS">Medium 14px/150% Sage UI</string>
|
|
309
|
+
<string name="typographyButtonLabelM">Medium 14px/150% Sage UI</string>
|
|
310
|
+
<string name="typographyButtonLabelL">Medium 16px/150% Sage UI</string>
|
|
310
311
|
<string name="typographyCardParagraphM">Regular 14px/150% Sage UI</string>
|
|
311
312
|
<string name="typographyCardSelectTitleM">Bold 16px/150% Sage UI</string>
|
|
312
313
|
<string name="typographyCardSelectSubtitleM">Medium 14px/150% Sage UI</string>
|
|
@@ -413,10 +414,20 @@
|
|
|
413
414
|
<string name="typographyProgressTrackerValueLabelM">Medium 14px/150% Sage UI</string>
|
|
414
415
|
<string name="typographyProgressTrackerValueLabelL">Medium 14px/150% Sage UI</string>
|
|
415
416
|
<string name="typographySearchLabelM">Regular 14px/150% Sage UI</string>
|
|
417
|
+
<string name="typographySidebarTitleXs">Bold 20px/125% Sage UI</string>
|
|
416
418
|
<string name="typographySidebarTitleS">Bold 20px/125% Sage UI</string>
|
|
419
|
+
<string name="typographySidebarTitleMs">Bold 20px/125% Sage UI</string>
|
|
417
420
|
<string name="typographySidebarTitleM">Bold 20px/125% Sage UI</string>
|
|
421
|
+
<string name="typographySidebarTitleMl">Bold 20px/125% Sage UI</string>
|
|
418
422
|
<string name="typographySidebarTitleL">Bold 20px/125% Sage UI</string>
|
|
423
|
+
<string name="typographySidebarTitleXl">Bold 20px/125% Sage UI</string>
|
|
424
|
+
<string name="typographySidebarParagraphXs">0 none</string>
|
|
425
|
+
<string name="typographySidebarParagraphS">0 none</string>
|
|
426
|
+
<string name="typographySidebarParagraphMs">0 none</string>
|
|
419
427
|
<string name="typographySidebarParagraphM">0 none</string>
|
|
428
|
+
<string name="typographySidebarParagraphMl">0 none</string>
|
|
429
|
+
<string name="typographySidebarParagraphL">0 none</string>
|
|
430
|
+
<string name="typographySidebarParagraphXl">0 none</string>
|
|
420
431
|
<string name="typographyStepFlowCompleteLabelM">Medium 14px/150% Sage UI</string>
|
|
421
432
|
<string name="typographyStepFlowCurrentLabelM">Medium 14px/150% Sage UI</string>
|
|
422
433
|
<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 Fri, 22 Apr 2022 16:23:18 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -106,6 +106,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
106
106
|
--colorsComponentsMenuYin090: #000000e6;
|
|
107
107
|
--colorsComponentsMenuYang100: #ffffffff;
|
|
108
108
|
--colorsComponentsMenuYang080: #ffffffcc;
|
|
109
|
+
--colorsComponentsMenuTransparent: #00000000;
|
|
109
110
|
--colorsUtilityMajor100: #ccd6dbff;
|
|
110
111
|
--colorsUtilityMajor150: #b3c2c9ff;
|
|
111
112
|
--colorsUtilityMajor200: #99adb7ff;
|
|
@@ -307,9 +308,9 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
307
308
|
--typographyActionPopoverMenuItemM: 700 14px/150% Sage UI;
|
|
308
309
|
--typographyAnchorNavLabelM: 500 14px/150% Sage UI;
|
|
309
310
|
--typographyBadgeLabelM: 500 12px/150% Sage UI;
|
|
310
|
-
--typographyButtonLabelS:
|
|
311
|
-
--typographyButtonLabelM:
|
|
312
|
-
--typographyButtonLabelL:
|
|
311
|
+
--typographyButtonLabelS: 500 14px/150% Sage UI;
|
|
312
|
+
--typographyButtonLabelM: 500 14px/150% Sage UI;
|
|
313
|
+
--typographyButtonLabelL: 500 16px/150% Sage UI;
|
|
313
314
|
--typographyCardParagraphM: 400 14px/150% Sage UI;
|
|
314
315
|
--typographyCardSelectTitleM: 700 16px/150% Sage UI;
|
|
315
316
|
--typographyCardSelectSubtitleM: 500 14px/150% Sage UI;
|
|
@@ -416,10 +417,20 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
416
417
|
--typographyProgressTrackerValueLabelM: 500 14px/150% Sage UI;
|
|
417
418
|
--typographyProgressTrackerValueLabelL: 500 14px/150% Sage UI;
|
|
418
419
|
--typographySearchLabelM: 400 14px/150% Sage UI;
|
|
420
|
+
--typographySidebarTitleXs: 700 20px/125% Sage UI;
|
|
419
421
|
--typographySidebarTitleS: 700 20px/125% Sage UI;
|
|
422
|
+
--typographySidebarTitleMs: 700 20px/125% Sage UI;
|
|
420
423
|
--typographySidebarTitleM: 700 20px/125% Sage UI;
|
|
424
|
+
--typographySidebarTitleMl: 700 20px/125% Sage UI;
|
|
421
425
|
--typographySidebarTitleL: 700 20px/125% Sage UI;
|
|
426
|
+
--typographySidebarTitleXl: 700 20px/125% Sage UI;
|
|
427
|
+
--typographySidebarParagraphXs: 0 none;
|
|
428
|
+
--typographySidebarParagraphS: 0 none;
|
|
429
|
+
--typographySidebarParagraphMs: 0 none;
|
|
422
430
|
--typographySidebarParagraphM: 0 none;
|
|
431
|
+
--typographySidebarParagraphMl: 0 none;
|
|
432
|
+
--typographySidebarParagraphL: 0 none;
|
|
433
|
+
--typographySidebarParagraphXl: 0 none;
|
|
423
434
|
--typographyStepFlowCompleteLabelM: 500 14px/150% Sage UI;
|
|
424
435
|
--typographyStepFlowCurrentLabelM: 500 14px/150% Sage UI;
|
|
425
436
|
--typographyStepFlowIncompleteLabelM: 500 14px/150% Sage UI;
|
package/data/tokens.json
CHANGED
|
@@ -520,6 +520,10 @@
|
|
|
520
520
|
"value": "#ffffffcc",
|
|
521
521
|
"type": "color"
|
|
522
522
|
}
|
|
523
|
+
},
|
|
524
|
+
"transparent": {
|
|
525
|
+
"value": "#00000000",
|
|
526
|
+
"type": "color"
|
|
523
527
|
}
|
|
524
528
|
}
|
|
525
529
|
},
|
|
@@ -1655,33 +1659,39 @@
|
|
|
1655
1659
|
"s": {
|
|
1656
1660
|
"value": {
|
|
1657
1661
|
"fontFamily": "Sage UI",
|
|
1658
|
-
"fontWeight": "
|
|
1662
|
+
"fontWeight": "Medium",
|
|
1659
1663
|
"lineHeight": "150%",
|
|
1660
1664
|
"fontSize": "14px",
|
|
1661
1665
|
"letterSpacing": "0%",
|
|
1662
|
-
"paragraphSpacing": "0px"
|
|
1666
|
+
"paragraphSpacing": "0px",
|
|
1667
|
+
"textDecoration": "none",
|
|
1668
|
+
"textCase": "none"
|
|
1663
1669
|
},
|
|
1664
1670
|
"type": "typography"
|
|
1665
1671
|
},
|
|
1666
1672
|
"m": {
|
|
1667
1673
|
"value": {
|
|
1668
1674
|
"fontFamily": "Sage UI",
|
|
1669
|
-
"fontWeight": "
|
|
1675
|
+
"fontWeight": "Medium",
|
|
1670
1676
|
"lineHeight": "150%",
|
|
1671
1677
|
"fontSize": "14px",
|
|
1672
1678
|
"letterSpacing": "0%",
|
|
1673
|
-
"paragraphSpacing": "0px"
|
|
1679
|
+
"paragraphSpacing": "0px",
|
|
1680
|
+
"textDecoration": "none",
|
|
1681
|
+
"textCase": "none"
|
|
1674
1682
|
},
|
|
1675
1683
|
"type": "typography"
|
|
1676
1684
|
},
|
|
1677
1685
|
"l": {
|
|
1678
1686
|
"value": {
|
|
1679
1687
|
"fontFamily": "Sage UI",
|
|
1680
|
-
"fontWeight": "
|
|
1688
|
+
"fontWeight": "Medium",
|
|
1681
1689
|
"lineHeight": "150%",
|
|
1682
1690
|
"fontSize": "16px",
|
|
1683
1691
|
"letterSpacing": "0%",
|
|
1684
|
-
"paragraphSpacing": "0px"
|
|
1692
|
+
"paragraphSpacing": "0px",
|
|
1693
|
+
"textDecoration": "none",
|
|
1694
|
+
"textCase": "none"
|
|
1685
1695
|
},
|
|
1686
1696
|
"type": "typography"
|
|
1687
1697
|
}
|
|
@@ -3064,6 +3074,19 @@
|
|
|
3064
3074
|
},
|
|
3065
3075
|
"sidebar": {
|
|
3066
3076
|
"title": {
|
|
3077
|
+
"xs": {
|
|
3078
|
+
"value": {
|
|
3079
|
+
"fontFamily": "Sage UI",
|
|
3080
|
+
"fontWeight": "Bold",
|
|
3081
|
+
"lineHeight": "125%",
|
|
3082
|
+
"fontSize": "20px",
|
|
3083
|
+
"letterSpacing": "0%",
|
|
3084
|
+
"paragraphSpacing": "0px",
|
|
3085
|
+
"textDecoration": "none",
|
|
3086
|
+
"textCase": "none"
|
|
3087
|
+
},
|
|
3088
|
+
"type": "typography"
|
|
3089
|
+
},
|
|
3067
3090
|
"s": {
|
|
3068
3091
|
"value": {
|
|
3069
3092
|
"fontFamily": "Sage UI",
|
|
@@ -3071,7 +3094,22 @@
|
|
|
3071
3094
|
"lineHeight": "125%",
|
|
3072
3095
|
"fontSize": "20px",
|
|
3073
3096
|
"letterSpacing": "0%",
|
|
3074
|
-
"paragraphSpacing": "0px"
|
|
3097
|
+
"paragraphSpacing": "0px",
|
|
3098
|
+
"textDecoration": "none",
|
|
3099
|
+
"textCase": "none"
|
|
3100
|
+
},
|
|
3101
|
+
"type": "typography"
|
|
3102
|
+
},
|
|
3103
|
+
"ms": {
|
|
3104
|
+
"value": {
|
|
3105
|
+
"fontFamily": "Sage UI",
|
|
3106
|
+
"fontWeight": "Bold",
|
|
3107
|
+
"lineHeight": "125%",
|
|
3108
|
+
"fontSize": "20px",
|
|
3109
|
+
"letterSpacing": "0%",
|
|
3110
|
+
"paragraphSpacing": "0px",
|
|
3111
|
+
"textDecoration": "none",
|
|
3112
|
+
"textCase": "none"
|
|
3075
3113
|
},
|
|
3076
3114
|
"type": "typography"
|
|
3077
3115
|
},
|
|
@@ -3082,7 +3120,22 @@
|
|
|
3082
3120
|
"lineHeight": "125%",
|
|
3083
3121
|
"fontSize": "20px",
|
|
3084
3122
|
"letterSpacing": "0%",
|
|
3085
|
-
"paragraphSpacing": "0px"
|
|
3123
|
+
"paragraphSpacing": "0px",
|
|
3124
|
+
"textDecoration": "none",
|
|
3125
|
+
"textCase": "none"
|
|
3126
|
+
},
|
|
3127
|
+
"type": "typography"
|
|
3128
|
+
},
|
|
3129
|
+
"ml": {
|
|
3130
|
+
"value": {
|
|
3131
|
+
"fontFamily": "Sage UI",
|
|
3132
|
+
"fontWeight": "Bold",
|
|
3133
|
+
"lineHeight": "125%",
|
|
3134
|
+
"fontSize": "20px",
|
|
3135
|
+
"letterSpacing": "0%",
|
|
3136
|
+
"paragraphSpacing": "0px",
|
|
3137
|
+
"textDecoration": "none",
|
|
3138
|
+
"textCase": "none"
|
|
3086
3139
|
},
|
|
3087
3140
|
"type": "typography"
|
|
3088
3141
|
},
|
|
@@ -3093,12 +3146,63 @@
|
|
|
3093
3146
|
"lineHeight": "125%",
|
|
3094
3147
|
"fontSize": "20px",
|
|
3095
3148
|
"letterSpacing": "0%",
|
|
3096
|
-
"paragraphSpacing": "0px"
|
|
3149
|
+
"paragraphSpacing": "0px",
|
|
3150
|
+
"textDecoration": "none",
|
|
3151
|
+
"textCase": "none"
|
|
3152
|
+
},
|
|
3153
|
+
"type": "typography"
|
|
3154
|
+
},
|
|
3155
|
+
"xl": {
|
|
3156
|
+
"value": {
|
|
3157
|
+
"fontFamily": "Sage UI",
|
|
3158
|
+
"fontWeight": "Bold",
|
|
3159
|
+
"lineHeight": "125%",
|
|
3160
|
+
"fontSize": "20px",
|
|
3161
|
+
"letterSpacing": "0%",
|
|
3162
|
+
"paragraphSpacing": "0px",
|
|
3163
|
+
"textDecoration": "none",
|
|
3164
|
+
"textCase": "none"
|
|
3097
3165
|
},
|
|
3098
3166
|
"type": "typography"
|
|
3099
3167
|
}
|
|
3100
3168
|
},
|
|
3101
3169
|
"paragraph": {
|
|
3170
|
+
"xs": {
|
|
3171
|
+
"value": {
|
|
3172
|
+
"fontFamily": "Sage UI",
|
|
3173
|
+
"fontWeight": "Regular",
|
|
3174
|
+
"lineHeight": "125%",
|
|
3175
|
+
"letterSpacing": "0%",
|
|
3176
|
+
"paragraphSpacing": "0",
|
|
3177
|
+
"textDecoration": "none",
|
|
3178
|
+
"textCase": "none"
|
|
3179
|
+
},
|
|
3180
|
+
"type": "typography"
|
|
3181
|
+
},
|
|
3182
|
+
"s": {
|
|
3183
|
+
"value": {
|
|
3184
|
+
"fontFamily": "Sage UI",
|
|
3185
|
+
"fontWeight": "Regular",
|
|
3186
|
+
"lineHeight": "125%",
|
|
3187
|
+
"letterSpacing": "0%",
|
|
3188
|
+
"paragraphSpacing": "0",
|
|
3189
|
+
"textDecoration": "none",
|
|
3190
|
+
"textCase": "none"
|
|
3191
|
+
},
|
|
3192
|
+
"type": "typography"
|
|
3193
|
+
},
|
|
3194
|
+
"ms": {
|
|
3195
|
+
"value": {
|
|
3196
|
+
"fontFamily": "Sage UI",
|
|
3197
|
+
"fontWeight": "Regular",
|
|
3198
|
+
"lineHeight": "125%",
|
|
3199
|
+
"letterSpacing": "0%",
|
|
3200
|
+
"paragraphSpacing": "0",
|
|
3201
|
+
"textDecoration": "none",
|
|
3202
|
+
"textCase": "none"
|
|
3203
|
+
},
|
|
3204
|
+
"type": "typography"
|
|
3205
|
+
},
|
|
3102
3206
|
"m": {
|
|
3103
3207
|
"value": {
|
|
3104
3208
|
"fontFamily": "Sage UI",
|
|
@@ -3110,6 +3214,42 @@
|
|
|
3110
3214
|
"textCase": "none"
|
|
3111
3215
|
},
|
|
3112
3216
|
"type": "typography"
|
|
3217
|
+
},
|
|
3218
|
+
"ml": {
|
|
3219
|
+
"value": {
|
|
3220
|
+
"fontFamily": "Sage UI",
|
|
3221
|
+
"fontWeight": "Regular",
|
|
3222
|
+
"lineHeight": "125%",
|
|
3223
|
+
"letterSpacing": "0%",
|
|
3224
|
+
"paragraphSpacing": "0",
|
|
3225
|
+
"textDecoration": "none",
|
|
3226
|
+
"textCase": "none"
|
|
3227
|
+
},
|
|
3228
|
+
"type": "typography"
|
|
3229
|
+
},
|
|
3230
|
+
"l": {
|
|
3231
|
+
"value": {
|
|
3232
|
+
"fontFamily": "Sage UI",
|
|
3233
|
+
"fontWeight": "Regular",
|
|
3234
|
+
"lineHeight": "125%",
|
|
3235
|
+
"letterSpacing": "0%",
|
|
3236
|
+
"paragraphSpacing": "0",
|
|
3237
|
+
"textDecoration": "none",
|
|
3238
|
+
"textCase": "none"
|
|
3239
|
+
},
|
|
3240
|
+
"type": "typography"
|
|
3241
|
+
},
|
|
3242
|
+
"xl": {
|
|
3243
|
+
"value": {
|
|
3244
|
+
"fontFamily": "Sage UI",
|
|
3245
|
+
"fontWeight": "Regular",
|
|
3246
|
+
"lineHeight": "125%",
|
|
3247
|
+
"letterSpacing": "0%",
|
|
3248
|
+
"paragraphSpacing": "0",
|
|
3249
|
+
"textDecoration": "none",
|
|
3250
|
+
"textCase": "none"
|
|
3251
|
+
},
|
|
3252
|
+
"type": "typography"
|
|
3113
3253
|
}
|
|
3114
3254
|
}
|
|
3115
3255
|
},
|
|
@@ -2301,6 +2301,27 @@
|
|
|
2301
2301
|
|
|
2302
2302
|
</td>
|
|
2303
2303
|
</tr>
|
|
2304
|
+
<tr>
|
|
2305
|
+
<td class="with-icons is-vcentered"
|
|
2306
|
+
id="base-colorsComponentsMenuTransparent"
|
|
2307
|
+
title="theme: base; category: colors; group: components; name: menu; variant: transparent; ">
|
|
2308
|
+
colorsComponentsMenuTransparent
|
|
2309
|
+
<a href="#base-colorsComponentsMenuTransparent"
|
|
2310
|
+
title="permalink"
|
|
2311
|
+
class="permalink">
|
|
2312
|
+
🔗
|
|
2313
|
+
</a>
|
|
2314
|
+
</td>
|
|
2315
|
+
<td class="is-vcentered">
|
|
2316
|
+
<pre>#00000000</pre>
|
|
2317
|
+
</td>
|
|
2318
|
+
<td class="is-vcentered">
|
|
2319
|
+
<div class="table__color-preview"
|
|
2320
|
+
style="background-color: #00000000;">
|
|
2321
|
+
</div>
|
|
2322
|
+
|
|
2323
|
+
</td>
|
|
2324
|
+
</tr>
|
|
2304
2325
|
<tr>
|
|
2305
2326
|
<td class="with-icons is-vcentered"
|
|
2306
2327
|
id="base-colorsUtilityMajor100"
|
|
@@ -2297,6 +2297,27 @@
|
|
|
2297
2297
|
|
|
2298
2298
|
</td>
|
|
2299
2299
|
</tr>
|
|
2300
|
+
<tr>
|
|
2301
|
+
<td class="with-icons is-vcentered"
|
|
2302
|
+
id="base-colorsComponentsMenuTransparent"
|
|
2303
|
+
title="theme: base; category: colors; group: components; name: menu; variant: transparent; ">
|
|
2304
|
+
colorsComponentsMenuTransparent
|
|
2305
|
+
<a href="#base-colorsComponentsMenuTransparent"
|
|
2306
|
+
title="permalink"
|
|
2307
|
+
class="permalink">
|
|
2308
|
+
🔗
|
|
2309
|
+
</a>
|
|
2310
|
+
</td>
|
|
2311
|
+
<td class="is-vcentered">
|
|
2312
|
+
<pre>#00000000</pre>
|
|
2313
|
+
</td>
|
|
2314
|
+
<td class="is-vcentered">
|
|
2315
|
+
<div class="table__color-preview"
|
|
2316
|
+
style="background-color: #00000000;">
|
|
2317
|
+
</div>
|
|
2318
|
+
|
|
2319
|
+
</td>
|
|
2320
|
+
</tr>
|
|
2300
2321
|
<tr>
|
|
2301
2322
|
<td class="with-icons is-vcentered"
|
|
2302
2323
|
id="base-colorsUtilityMajor100"
|
|
@@ -6713,7 +6734,7 @@
|
|
|
6713
6734
|
</a>
|
|
6714
6735
|
</td>
|
|
6715
6736
|
<td class="is-vcentered">
|
|
6716
|
-
<pre>
|
|
6737
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
6717
6738
|
</td>
|
|
6718
6739
|
<td class="is-vcentered">
|
|
6719
6740
|
<div class="table__typography-preview">
|
|
@@ -6734,7 +6755,7 @@
|
|
|
6734
6755
|
</a>
|
|
6735
6756
|
</td>
|
|
6736
6757
|
<td class="is-vcentered">
|
|
6737
|
-
<pre>
|
|
6758
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
6738
6759
|
</td>
|
|
6739
6760
|
<td class="is-vcentered">
|
|
6740
6761
|
<div class="table__typography-preview">
|
|
@@ -6755,7 +6776,7 @@
|
|
|
6755
6776
|
</a>
|
|
6756
6777
|
</td>
|
|
6757
6778
|
<td class="is-vcentered">
|
|
6758
|
-
<pre>
|
|
6779
|
+
<pre>500 16px/150% Sage UI</pre>
|
|
6759
6780
|
</td>
|
|
6760
6781
|
<td class="is-vcentered">
|
|
6761
6782
|
<div class="table__typography-preview">
|
|
@@ -8990,6 +9011,27 @@
|
|
|
8990
9011
|
|
|
8991
9012
|
</td>
|
|
8992
9013
|
</tr>
|
|
9014
|
+
<tr>
|
|
9015
|
+
<td class="with-icons is-vcentered"
|
|
9016
|
+
id="base-typographySidebarTitleXs"
|
|
9017
|
+
title="theme: base; category: typography; group: sidebar; name: title; variant: xs; ">
|
|
9018
|
+
typographySidebarTitleXs
|
|
9019
|
+
<a href="#base-typographySidebarTitleXs"
|
|
9020
|
+
title="permalink"
|
|
9021
|
+
class="permalink">
|
|
9022
|
+
🔗
|
|
9023
|
+
</a>
|
|
9024
|
+
</td>
|
|
9025
|
+
<td class="is-vcentered">
|
|
9026
|
+
<pre>700 20px/125% Sage UI</pre>
|
|
9027
|
+
</td>
|
|
9028
|
+
<td class="is-vcentered">
|
|
9029
|
+
<div class="table__typography-preview">
|
|
9030
|
+
n/a
|
|
9031
|
+
</div>
|
|
9032
|
+
|
|
9033
|
+
</td>
|
|
9034
|
+
</tr>
|
|
8993
9035
|
<tr>
|
|
8994
9036
|
<td class="with-icons is-vcentered"
|
|
8995
9037
|
id="base-typographySidebarTitleS"
|
|
@@ -9011,6 +9053,27 @@
|
|
|
9011
9053
|
|
|
9012
9054
|
</td>
|
|
9013
9055
|
</tr>
|
|
9056
|
+
<tr>
|
|
9057
|
+
<td class="with-icons is-vcentered"
|
|
9058
|
+
id="base-typographySidebarTitleMs"
|
|
9059
|
+
title="theme: base; category: typography; group: sidebar; name: title; variant: ms; ">
|
|
9060
|
+
typographySidebarTitleMs
|
|
9061
|
+
<a href="#base-typographySidebarTitleMs"
|
|
9062
|
+
title="permalink"
|
|
9063
|
+
class="permalink">
|
|
9064
|
+
🔗
|
|
9065
|
+
</a>
|
|
9066
|
+
</td>
|
|
9067
|
+
<td class="is-vcentered">
|
|
9068
|
+
<pre>700 20px/125% Sage UI</pre>
|
|
9069
|
+
</td>
|
|
9070
|
+
<td class="is-vcentered">
|
|
9071
|
+
<div class="table__typography-preview">
|
|
9072
|
+
n/a
|
|
9073
|
+
</div>
|
|
9074
|
+
|
|
9075
|
+
</td>
|
|
9076
|
+
</tr>
|
|
9014
9077
|
<tr>
|
|
9015
9078
|
<td class="with-icons is-vcentered"
|
|
9016
9079
|
id="base-typographySidebarTitleM"
|
|
@@ -9032,6 +9095,27 @@
|
|
|
9032
9095
|
|
|
9033
9096
|
</td>
|
|
9034
9097
|
</tr>
|
|
9098
|
+
<tr>
|
|
9099
|
+
<td class="with-icons is-vcentered"
|
|
9100
|
+
id="base-typographySidebarTitleMl"
|
|
9101
|
+
title="theme: base; category: typography; group: sidebar; name: title; variant: ml; ">
|
|
9102
|
+
typographySidebarTitleMl
|
|
9103
|
+
<a href="#base-typographySidebarTitleMl"
|
|
9104
|
+
title="permalink"
|
|
9105
|
+
class="permalink">
|
|
9106
|
+
🔗
|
|
9107
|
+
</a>
|
|
9108
|
+
</td>
|
|
9109
|
+
<td class="is-vcentered">
|
|
9110
|
+
<pre>700 20px/125% Sage UI</pre>
|
|
9111
|
+
</td>
|
|
9112
|
+
<td class="is-vcentered">
|
|
9113
|
+
<div class="table__typography-preview">
|
|
9114
|
+
n/a
|
|
9115
|
+
</div>
|
|
9116
|
+
|
|
9117
|
+
</td>
|
|
9118
|
+
</tr>
|
|
9035
9119
|
<tr>
|
|
9036
9120
|
<td class="with-icons is-vcentered"
|
|
9037
9121
|
id="base-typographySidebarTitleL"
|
|
@@ -9053,6 +9137,90 @@
|
|
|
9053
9137
|
|
|
9054
9138
|
</td>
|
|
9055
9139
|
</tr>
|
|
9140
|
+
<tr>
|
|
9141
|
+
<td class="with-icons is-vcentered"
|
|
9142
|
+
id="base-typographySidebarTitleXl"
|
|
9143
|
+
title="theme: base; category: typography; group: sidebar; name: title; variant: xl; ">
|
|
9144
|
+
typographySidebarTitleXl
|
|
9145
|
+
<a href="#base-typographySidebarTitleXl"
|
|
9146
|
+
title="permalink"
|
|
9147
|
+
class="permalink">
|
|
9148
|
+
🔗
|
|
9149
|
+
</a>
|
|
9150
|
+
</td>
|
|
9151
|
+
<td class="is-vcentered">
|
|
9152
|
+
<pre>700 20px/125% Sage UI</pre>
|
|
9153
|
+
</td>
|
|
9154
|
+
<td class="is-vcentered">
|
|
9155
|
+
<div class="table__typography-preview">
|
|
9156
|
+
n/a
|
|
9157
|
+
</div>
|
|
9158
|
+
|
|
9159
|
+
</td>
|
|
9160
|
+
</tr>
|
|
9161
|
+
<tr>
|
|
9162
|
+
<td class="with-icons is-vcentered"
|
|
9163
|
+
id="base-typographySidebarParagraphXs"
|
|
9164
|
+
title="theme: base; category: typography; group: sidebar; name: paragraph; variant: xs; ">
|
|
9165
|
+
typographySidebarParagraphXs
|
|
9166
|
+
<a href="#base-typographySidebarParagraphXs"
|
|
9167
|
+
title="permalink"
|
|
9168
|
+
class="permalink">
|
|
9169
|
+
🔗
|
|
9170
|
+
</a>
|
|
9171
|
+
</td>
|
|
9172
|
+
<td class="is-vcentered">
|
|
9173
|
+
<pre>0 none</pre>
|
|
9174
|
+
</td>
|
|
9175
|
+
<td class="is-vcentered">
|
|
9176
|
+
<div class="table__typography-preview">
|
|
9177
|
+
n/a
|
|
9178
|
+
</div>
|
|
9179
|
+
|
|
9180
|
+
</td>
|
|
9181
|
+
</tr>
|
|
9182
|
+
<tr>
|
|
9183
|
+
<td class="with-icons is-vcentered"
|
|
9184
|
+
id="base-typographySidebarParagraphS"
|
|
9185
|
+
title="theme: base; category: typography; group: sidebar; name: paragraph; variant: s; ">
|
|
9186
|
+
typographySidebarParagraphS
|
|
9187
|
+
<a href="#base-typographySidebarParagraphS"
|
|
9188
|
+
title="permalink"
|
|
9189
|
+
class="permalink">
|
|
9190
|
+
🔗
|
|
9191
|
+
</a>
|
|
9192
|
+
</td>
|
|
9193
|
+
<td class="is-vcentered">
|
|
9194
|
+
<pre>0 none</pre>
|
|
9195
|
+
</td>
|
|
9196
|
+
<td class="is-vcentered">
|
|
9197
|
+
<div class="table__typography-preview">
|
|
9198
|
+
n/a
|
|
9199
|
+
</div>
|
|
9200
|
+
|
|
9201
|
+
</td>
|
|
9202
|
+
</tr>
|
|
9203
|
+
<tr>
|
|
9204
|
+
<td class="with-icons is-vcentered"
|
|
9205
|
+
id="base-typographySidebarParagraphMs"
|
|
9206
|
+
title="theme: base; category: typography; group: sidebar; name: paragraph; variant: ms; ">
|
|
9207
|
+
typographySidebarParagraphMs
|
|
9208
|
+
<a href="#base-typographySidebarParagraphMs"
|
|
9209
|
+
title="permalink"
|
|
9210
|
+
class="permalink">
|
|
9211
|
+
🔗
|
|
9212
|
+
</a>
|
|
9213
|
+
</td>
|
|
9214
|
+
<td class="is-vcentered">
|
|
9215
|
+
<pre>0 none</pre>
|
|
9216
|
+
</td>
|
|
9217
|
+
<td class="is-vcentered">
|
|
9218
|
+
<div class="table__typography-preview">
|
|
9219
|
+
n/a
|
|
9220
|
+
</div>
|
|
9221
|
+
|
|
9222
|
+
</td>
|
|
9223
|
+
</tr>
|
|
9056
9224
|
<tr>
|
|
9057
9225
|
<td class="with-icons is-vcentered"
|
|
9058
9226
|
id="base-typographySidebarParagraphM"
|
|
@@ -9074,6 +9242,69 @@
|
|
|
9074
9242
|
|
|
9075
9243
|
</td>
|
|
9076
9244
|
</tr>
|
|
9245
|
+
<tr>
|
|
9246
|
+
<td class="with-icons is-vcentered"
|
|
9247
|
+
id="base-typographySidebarParagraphMl"
|
|
9248
|
+
title="theme: base; category: typography; group: sidebar; name: paragraph; variant: ml; ">
|
|
9249
|
+
typographySidebarParagraphMl
|
|
9250
|
+
<a href="#base-typographySidebarParagraphMl"
|
|
9251
|
+
title="permalink"
|
|
9252
|
+
class="permalink">
|
|
9253
|
+
🔗
|
|
9254
|
+
</a>
|
|
9255
|
+
</td>
|
|
9256
|
+
<td class="is-vcentered">
|
|
9257
|
+
<pre>0 none</pre>
|
|
9258
|
+
</td>
|
|
9259
|
+
<td class="is-vcentered">
|
|
9260
|
+
<div class="table__typography-preview">
|
|
9261
|
+
n/a
|
|
9262
|
+
</div>
|
|
9263
|
+
|
|
9264
|
+
</td>
|
|
9265
|
+
</tr>
|
|
9266
|
+
<tr>
|
|
9267
|
+
<td class="with-icons is-vcentered"
|
|
9268
|
+
id="base-typographySidebarParagraphL"
|
|
9269
|
+
title="theme: base; category: typography; group: sidebar; name: paragraph; variant: l; ">
|
|
9270
|
+
typographySidebarParagraphL
|
|
9271
|
+
<a href="#base-typographySidebarParagraphL"
|
|
9272
|
+
title="permalink"
|
|
9273
|
+
class="permalink">
|
|
9274
|
+
🔗
|
|
9275
|
+
</a>
|
|
9276
|
+
</td>
|
|
9277
|
+
<td class="is-vcentered">
|
|
9278
|
+
<pre>0 none</pre>
|
|
9279
|
+
</td>
|
|
9280
|
+
<td class="is-vcentered">
|
|
9281
|
+
<div class="table__typography-preview">
|
|
9282
|
+
n/a
|
|
9283
|
+
</div>
|
|
9284
|
+
|
|
9285
|
+
</td>
|
|
9286
|
+
</tr>
|
|
9287
|
+
<tr>
|
|
9288
|
+
<td class="with-icons is-vcentered"
|
|
9289
|
+
id="base-typographySidebarParagraphXl"
|
|
9290
|
+
title="theme: base; category: typography; group: sidebar; name: paragraph; variant: xl; ">
|
|
9291
|
+
typographySidebarParagraphXl
|
|
9292
|
+
<a href="#base-typographySidebarParagraphXl"
|
|
9293
|
+
title="permalink"
|
|
9294
|
+
class="permalink">
|
|
9295
|
+
🔗
|
|
9296
|
+
</a>
|
|
9297
|
+
</td>
|
|
9298
|
+
<td class="is-vcentered">
|
|
9299
|
+
<pre>0 none</pre>
|
|
9300
|
+
</td>
|
|
9301
|
+
<td class="is-vcentered">
|
|
9302
|
+
<div class="table__typography-preview">
|
|
9303
|
+
n/a
|
|
9304
|
+
</div>
|
|
9305
|
+
|
|
9306
|
+
</td>
|
|
9307
|
+
</tr>
|
|
9077
9308
|
<tr>
|
|
9078
9309
|
<td class="with-icons is-vcentered"
|
|
9079
9310
|
id="base-typographyStepFlowCompleteLabelM"
|