@sage/design-tokens 2.19.2 → 2.22.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 +18 -6
- package/css/base.css +18 -6
- package/data/tokens.json +163 -17
- package/docs/tokens/base/box-shadow/index.html +27 -6
- package/docs/tokens/base/colors/index.html +29 -8
- package/docs/tokens/base/index.html +266 -14
- package/docs/tokens/base/typography/index.html +210 -0
- package/docs/tokens/index.html +266 -14
- package/ios/base.h +18 -6
- package/js/base/common.d.ts +13 -1
- package/js/base/common.js +18 -6
- package/js/base/es6.d.ts +13 -1
- package/js/base/es6.js +17 -5
- package/package.json +1 -1
- package/sage-design-tokens-2.22.0.tgz +0 -0
- package/scss/base.scss +18 -6
- package/sage-design-tokens-2.19.2.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 14:33:47 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -43,12 +43,12 @@
|
|
|
43
43
|
<string name="colorsComponentsMenuSpringChildAlt500">#e6ebedff</string>
|
|
44
44
|
<string name="colorsComponentsMenuSpringChildAlt600">#007e45ff</string>
|
|
45
45
|
<string name="colorsComponentsMenuSummerStandard400">#ccd6dbff</string>
|
|
46
|
-
<string name="colorsComponentsMenuSummerStandard500">#
|
|
46
|
+
<string name="colorsComponentsMenuSummerStandard500">#00000000</string>
|
|
47
47
|
<string name="colorsComponentsMenuSummerStandard600">#007e45ff</string>
|
|
48
48
|
<string name="colorsComponentsMenuSummerStandard700">#e6ebedff</string>
|
|
49
49
|
<string name="colorsComponentsMenuSummerStandard800">#e6ebedff</string>
|
|
50
50
|
<string name="colorsComponentsMenuSummerParent400">#ccd6dbff</string>
|
|
51
|
-
<string name="colorsComponentsMenuSummerParent500">#
|
|
51
|
+
<string name="colorsComponentsMenuSummerParent500">#00000000</string>
|
|
52
52
|
<string name="colorsComponentsMenuSummerParent600">#007e45ff</string>
|
|
53
53
|
<string name="colorsComponentsMenuSummerParent700">#e6ebedff</string>
|
|
54
54
|
<string name="colorsComponentsMenuSummerParent800">#e6ebedff</string>
|
|
@@ -77,12 +77,12 @@
|
|
|
77
77
|
<string name="colorsComponentsMenuAutumnChildAlt500">#00324cff</string>
|
|
78
78
|
<string name="colorsComponentsMenuAutumnChildAlt600">#007e45ff</string>
|
|
79
79
|
<string name="colorsComponentsMenuWinterStandard400">#4d4d4dff</string>
|
|
80
|
-
<string name="colorsComponentsMenuWinterStandard500">#
|
|
80
|
+
<string name="colorsComponentsMenuWinterStandard500">#00000000</string>
|
|
81
81
|
<string name="colorsComponentsMenuWinterStandard600">#007e45ff</string>
|
|
82
82
|
<string name="colorsComponentsMenuWinterStandard700">#262626ff</string>
|
|
83
83
|
<string name="colorsComponentsMenuWinterStandard800">#262626ff</string>
|
|
84
84
|
<string name="colorsComponentsMenuWinterParent400">#4d4d4dff</string>
|
|
85
|
-
<string name="colorsComponentsMenuWinterParent500">#
|
|
85
|
+
<string name="colorsComponentsMenuWinterParent500">#00000000</string>
|
|
86
86
|
<string name="colorsComponentsMenuWinterParent600">#007e45ff</string>
|
|
87
87
|
<string name="colorsComponentsMenuWinterParent700">#262626ff</string>
|
|
88
88
|
<string name="colorsComponentsMenuWinterParent800">#262626ff</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>
|
|
@@ -282,8 +283,9 @@
|
|
|
282
283
|
<string name="boxShadow200">0 10px 20px 0 #00141e33, 0 20px 40px 0 #00141e1a</string>
|
|
283
284
|
<string name="boxShadow300">0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a</string>
|
|
284
285
|
<string name="boxShadow400">0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a</string>
|
|
285
|
-
<string name="
|
|
286
|
+
<string name="boxShadow010">inset 0 -1px 0 0 #e6ebedff</string>
|
|
286
287
|
<string name="boxShadow050">0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26</string>
|
|
288
|
+
<string name="boxShadow075">inset 0 6px 4px -4px #00141e0d</string>
|
|
287
289
|
<string name="boxShadow090">0 4px 8px -4px #00141e1a</string>
|
|
288
290
|
<string name="boxShadow091">4px 0 8px -4px #00141e1a</string>
|
|
289
291
|
<string name="fontWeights400">Regular</string>
|
|
@@ -412,10 +414,20 @@
|
|
|
412
414
|
<string name="typographyProgressTrackerValueLabelM">Medium 14px/150% Sage UI</string>
|
|
413
415
|
<string name="typographyProgressTrackerValueLabelL">Medium 14px/150% Sage UI</string>
|
|
414
416
|
<string name="typographySearchLabelM">Regular 14px/150% Sage UI</string>
|
|
417
|
+
<string name="typographySidebarTitleXs">Bold 20px/125% Sage UI</string>
|
|
415
418
|
<string name="typographySidebarTitleS">Bold 20px/125% Sage UI</string>
|
|
419
|
+
<string name="typographySidebarTitleMs">Bold 20px/125% Sage UI</string>
|
|
416
420
|
<string name="typographySidebarTitleM">Bold 20px/125% Sage UI</string>
|
|
421
|
+
<string name="typographySidebarTitleMl">Bold 20px/125% Sage UI</string>
|
|
417
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>
|
|
418
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>
|
|
419
431
|
<string name="typographyStepFlowCompleteLabelM">Medium 14px/150% Sage UI</string>
|
|
420
432
|
<string name="typographyStepFlowCurrentLabelM">Medium 14px/150% Sage UI</string>
|
|
421
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 14:33:47 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -46,12 +46,12 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
46
46
|
--colorsComponentsMenuSpringChildAlt500: #e6ebedff;
|
|
47
47
|
--colorsComponentsMenuSpringChildAlt600: #007e45ff;
|
|
48
48
|
--colorsComponentsMenuSummerStandard400: #ccd6dbff;
|
|
49
|
-
--colorsComponentsMenuSummerStandard500: #
|
|
49
|
+
--colorsComponentsMenuSummerStandard500: #00000000;
|
|
50
50
|
--colorsComponentsMenuSummerStandard600: #007e45ff;
|
|
51
51
|
--colorsComponentsMenuSummerStandard700: #e6ebedff;
|
|
52
52
|
--colorsComponentsMenuSummerStandard800: #e6ebedff;
|
|
53
53
|
--colorsComponentsMenuSummerParent400: #ccd6dbff;
|
|
54
|
-
--colorsComponentsMenuSummerParent500: #
|
|
54
|
+
--colorsComponentsMenuSummerParent500: #00000000;
|
|
55
55
|
--colorsComponentsMenuSummerParent600: #007e45ff;
|
|
56
56
|
--colorsComponentsMenuSummerParent700: #e6ebedff;
|
|
57
57
|
--colorsComponentsMenuSummerParent800: #e6ebedff;
|
|
@@ -80,12 +80,12 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
80
80
|
--colorsComponentsMenuAutumnChildAlt500: #00324cff;
|
|
81
81
|
--colorsComponentsMenuAutumnChildAlt600: #007e45ff;
|
|
82
82
|
--colorsComponentsMenuWinterStandard400: #4d4d4dff;
|
|
83
|
-
--colorsComponentsMenuWinterStandard500: #
|
|
83
|
+
--colorsComponentsMenuWinterStandard500: #00000000;
|
|
84
84
|
--colorsComponentsMenuWinterStandard600: #007e45ff;
|
|
85
85
|
--colorsComponentsMenuWinterStandard700: #262626ff;
|
|
86
86
|
--colorsComponentsMenuWinterStandard800: #262626ff;
|
|
87
87
|
--colorsComponentsMenuWinterParent400: #4d4d4dff;
|
|
88
|
-
--colorsComponentsMenuWinterParent500: #
|
|
88
|
+
--colorsComponentsMenuWinterParent500: #00000000;
|
|
89
89
|
--colorsComponentsMenuWinterParent600: #007e45ff;
|
|
90
90
|
--colorsComponentsMenuWinterParent700: #262626ff;
|
|
91
91
|
--colorsComponentsMenuWinterParent800: #262626ff;
|
|
@@ -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;
|
|
@@ -285,8 +286,9 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
285
286
|
--boxShadow200: 0 10px 20px 0 #00141e33, 0 20px 40px 0 #00141e1a;
|
|
286
287
|
--boxShadow300: 0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a;
|
|
287
288
|
--boxShadow400: 0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a;
|
|
288
|
-
--
|
|
289
|
+
--boxShadow010: inset 0 -1px 0 0 #e6ebedff;
|
|
289
290
|
--boxShadow050: 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26;
|
|
291
|
+
--boxShadow075: inset 0 6px 4px -4px #00141e0d;
|
|
290
292
|
--boxShadow090: 0 4px 8px -4px #00141e1a;
|
|
291
293
|
--boxShadow091: 4px 0 8px -4px #00141e1a;
|
|
292
294
|
--fontWeights400: 400;
|
|
@@ -415,10 +417,20 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
415
417
|
--typographyProgressTrackerValueLabelM: 500 14px/150% Sage UI;
|
|
416
418
|
--typographyProgressTrackerValueLabelL: 500 14px/150% Sage UI;
|
|
417
419
|
--typographySearchLabelM: 400 14px/150% Sage UI;
|
|
420
|
+
--typographySidebarTitleXs: 700 20px/125% Sage UI;
|
|
418
421
|
--typographySidebarTitleS: 700 20px/125% Sage UI;
|
|
422
|
+
--typographySidebarTitleMs: 700 20px/125% Sage UI;
|
|
419
423
|
--typographySidebarTitleM: 700 20px/125% Sage UI;
|
|
424
|
+
--typographySidebarTitleMl: 700 20px/125% Sage UI;
|
|
420
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;
|
|
421
430
|
--typographySidebarParagraphM: 0 none;
|
|
431
|
+
--typographySidebarParagraphMl: 0 none;
|
|
432
|
+
--typographySidebarParagraphL: 0 none;
|
|
433
|
+
--typographySidebarParagraphXl: 0 none;
|
|
422
434
|
--typographyStepFlowCompleteLabelM: 500 14px/150% Sage UI;
|
|
423
435
|
--typographyStepFlowCurrentLabelM: 500 14px/150% Sage UI;
|
|
424
436
|
--typographyStepFlowIncompleteLabelM: 500 14px/150% Sage UI;
|
package/data/tokens.json
CHANGED
|
@@ -204,9 +204,9 @@
|
|
|
204
204
|
"description": "selected menu button border"
|
|
205
205
|
},
|
|
206
206
|
"500": {
|
|
207
|
-
"value": "#
|
|
207
|
+
"value": "#00000000",
|
|
208
208
|
"type": "color",
|
|
209
|
-
"description": "default menu button"
|
|
209
|
+
"description": "default menu button (to sit on colors.gray.000 nav bar)"
|
|
210
210
|
},
|
|
211
211
|
"600": {
|
|
212
212
|
"value": "#007e45ff",
|
|
@@ -231,9 +231,9 @@
|
|
|
231
231
|
"description": "selected menu button border (on parent with clickable action)"
|
|
232
232
|
},
|
|
233
233
|
"500": {
|
|
234
|
-
"value": "#
|
|
234
|
+
"value": "#00000000",
|
|
235
235
|
"type": "color",
|
|
236
|
-
"description": "default menu button"
|
|
236
|
+
"description": "default menu button (to sit on colors.gray.000 nav bar)"
|
|
237
237
|
},
|
|
238
238
|
"600": {
|
|
239
239
|
"value": "#007e45ff",
|
|
@@ -385,9 +385,9 @@
|
|
|
385
385
|
"description": "selected menu button border"
|
|
386
386
|
},
|
|
387
387
|
"500": {
|
|
388
|
-
"value": "#
|
|
388
|
+
"value": "#00000000",
|
|
389
389
|
"type": "color",
|
|
390
|
-
"description": "default menu button"
|
|
390
|
+
"description": "default menu button (to sit on colors.gray.1000 nav bar)"
|
|
391
391
|
},
|
|
392
392
|
"600": {
|
|
393
393
|
"value": "#007e45ff",
|
|
@@ -412,9 +412,9 @@
|
|
|
412
412
|
"description": "selected menu button border (for parent with clickable action)"
|
|
413
413
|
},
|
|
414
414
|
"500": {
|
|
415
|
-
"value": "#
|
|
415
|
+
"value": "#00000000",
|
|
416
416
|
"type": "color",
|
|
417
|
-
"description": "default menu button"
|
|
417
|
+
"description": "default menu button (to sit on colors.gray.1000 nav bar)"
|
|
418
418
|
},
|
|
419
419
|
"600": {
|
|
420
420
|
"value": "#007e45ff",
|
|
@@ -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
|
},
|
|
@@ -1428,16 +1432,16 @@
|
|
|
1428
1432
|
],
|
|
1429
1433
|
"type": "boxShadow"
|
|
1430
1434
|
},
|
|
1431
|
-
"
|
|
1435
|
+
"010": {
|
|
1432
1436
|
"value": {
|
|
1433
1437
|
"x": "0",
|
|
1434
|
-
"y": "
|
|
1435
|
-
"blur": "
|
|
1436
|
-
"spread": "
|
|
1437
|
-
"color": "#
|
|
1438
|
+
"y": "-1px",
|
|
1439
|
+
"blur": "0",
|
|
1440
|
+
"spread": "0",
|
|
1441
|
+
"color": "#e6ebedff",
|
|
1438
1442
|
"type": "innerShadow"
|
|
1439
1443
|
},
|
|
1440
|
-
"description": "
|
|
1444
|
+
"description": "bottom internal border",
|
|
1441
1445
|
"type": "boxShadow"
|
|
1442
1446
|
},
|
|
1443
1447
|
"050": {
|
|
@@ -1462,6 +1466,18 @@
|
|
|
1462
1466
|
"description": "",
|
|
1463
1467
|
"type": "boxShadow"
|
|
1464
1468
|
},
|
|
1469
|
+
"075": {
|
|
1470
|
+
"value": {
|
|
1471
|
+
"x": "0",
|
|
1472
|
+
"y": "6",
|
|
1473
|
+
"blur": "4",
|
|
1474
|
+
"spread": "-4",
|
|
1475
|
+
"color": "#00141e0d",
|
|
1476
|
+
"type": "innerShadow"
|
|
1477
|
+
},
|
|
1478
|
+
"description": "for table expandable row 1st child",
|
|
1479
|
+
"type": "boxShadow"
|
|
1480
|
+
},
|
|
1465
1481
|
"090": {
|
|
1466
1482
|
"value": {
|
|
1467
1483
|
"x": "0",
|
|
@@ -3052,6 +3068,19 @@
|
|
|
3052
3068
|
},
|
|
3053
3069
|
"sidebar": {
|
|
3054
3070
|
"title": {
|
|
3071
|
+
"xs": {
|
|
3072
|
+
"value": {
|
|
3073
|
+
"fontFamily": "Sage UI",
|
|
3074
|
+
"fontWeight": "Bold",
|
|
3075
|
+
"lineHeight": "125%",
|
|
3076
|
+
"fontSize": "20px",
|
|
3077
|
+
"letterSpacing": "0%",
|
|
3078
|
+
"paragraphSpacing": "0px",
|
|
3079
|
+
"textDecoration": "none",
|
|
3080
|
+
"textCase": "none"
|
|
3081
|
+
},
|
|
3082
|
+
"type": "typography"
|
|
3083
|
+
},
|
|
3055
3084
|
"s": {
|
|
3056
3085
|
"value": {
|
|
3057
3086
|
"fontFamily": "Sage UI",
|
|
@@ -3059,7 +3088,22 @@
|
|
|
3059
3088
|
"lineHeight": "125%",
|
|
3060
3089
|
"fontSize": "20px",
|
|
3061
3090
|
"letterSpacing": "0%",
|
|
3062
|
-
"paragraphSpacing": "0px"
|
|
3091
|
+
"paragraphSpacing": "0px",
|
|
3092
|
+
"textDecoration": "none",
|
|
3093
|
+
"textCase": "none"
|
|
3094
|
+
},
|
|
3095
|
+
"type": "typography"
|
|
3096
|
+
},
|
|
3097
|
+
"ms": {
|
|
3098
|
+
"value": {
|
|
3099
|
+
"fontFamily": "Sage UI",
|
|
3100
|
+
"fontWeight": "Bold",
|
|
3101
|
+
"lineHeight": "125%",
|
|
3102
|
+
"fontSize": "20px",
|
|
3103
|
+
"letterSpacing": "0%",
|
|
3104
|
+
"paragraphSpacing": "0px",
|
|
3105
|
+
"textDecoration": "none",
|
|
3106
|
+
"textCase": "none"
|
|
3063
3107
|
},
|
|
3064
3108
|
"type": "typography"
|
|
3065
3109
|
},
|
|
@@ -3070,7 +3114,22 @@
|
|
|
3070
3114
|
"lineHeight": "125%",
|
|
3071
3115
|
"fontSize": "20px",
|
|
3072
3116
|
"letterSpacing": "0%",
|
|
3073
|
-
"paragraphSpacing": "0px"
|
|
3117
|
+
"paragraphSpacing": "0px",
|
|
3118
|
+
"textDecoration": "none",
|
|
3119
|
+
"textCase": "none"
|
|
3120
|
+
},
|
|
3121
|
+
"type": "typography"
|
|
3122
|
+
},
|
|
3123
|
+
"ml": {
|
|
3124
|
+
"value": {
|
|
3125
|
+
"fontFamily": "Sage UI",
|
|
3126
|
+
"fontWeight": "Bold",
|
|
3127
|
+
"lineHeight": "125%",
|
|
3128
|
+
"fontSize": "20px",
|
|
3129
|
+
"letterSpacing": "0%",
|
|
3130
|
+
"paragraphSpacing": "0px",
|
|
3131
|
+
"textDecoration": "none",
|
|
3132
|
+
"textCase": "none"
|
|
3074
3133
|
},
|
|
3075
3134
|
"type": "typography"
|
|
3076
3135
|
},
|
|
@@ -3081,12 +3140,63 @@
|
|
|
3081
3140
|
"lineHeight": "125%",
|
|
3082
3141
|
"fontSize": "20px",
|
|
3083
3142
|
"letterSpacing": "0%",
|
|
3084
|
-
"paragraphSpacing": "0px"
|
|
3143
|
+
"paragraphSpacing": "0px",
|
|
3144
|
+
"textDecoration": "none",
|
|
3145
|
+
"textCase": "none"
|
|
3146
|
+
},
|
|
3147
|
+
"type": "typography"
|
|
3148
|
+
},
|
|
3149
|
+
"xl": {
|
|
3150
|
+
"value": {
|
|
3151
|
+
"fontFamily": "Sage UI",
|
|
3152
|
+
"fontWeight": "Bold",
|
|
3153
|
+
"lineHeight": "125%",
|
|
3154
|
+
"fontSize": "20px",
|
|
3155
|
+
"letterSpacing": "0%",
|
|
3156
|
+
"paragraphSpacing": "0px",
|
|
3157
|
+
"textDecoration": "none",
|
|
3158
|
+
"textCase": "none"
|
|
3085
3159
|
},
|
|
3086
3160
|
"type": "typography"
|
|
3087
3161
|
}
|
|
3088
3162
|
},
|
|
3089
3163
|
"paragraph": {
|
|
3164
|
+
"xs": {
|
|
3165
|
+
"value": {
|
|
3166
|
+
"fontFamily": "Sage UI",
|
|
3167
|
+
"fontWeight": "Regular",
|
|
3168
|
+
"lineHeight": "125%",
|
|
3169
|
+
"letterSpacing": "0%",
|
|
3170
|
+
"paragraphSpacing": "0",
|
|
3171
|
+
"textDecoration": "none",
|
|
3172
|
+
"textCase": "none"
|
|
3173
|
+
},
|
|
3174
|
+
"type": "typography"
|
|
3175
|
+
},
|
|
3176
|
+
"s": {
|
|
3177
|
+
"value": {
|
|
3178
|
+
"fontFamily": "Sage UI",
|
|
3179
|
+
"fontWeight": "Regular",
|
|
3180
|
+
"lineHeight": "125%",
|
|
3181
|
+
"letterSpacing": "0%",
|
|
3182
|
+
"paragraphSpacing": "0",
|
|
3183
|
+
"textDecoration": "none",
|
|
3184
|
+
"textCase": "none"
|
|
3185
|
+
},
|
|
3186
|
+
"type": "typography"
|
|
3187
|
+
},
|
|
3188
|
+
"ms": {
|
|
3189
|
+
"value": {
|
|
3190
|
+
"fontFamily": "Sage UI",
|
|
3191
|
+
"fontWeight": "Regular",
|
|
3192
|
+
"lineHeight": "125%",
|
|
3193
|
+
"letterSpacing": "0%",
|
|
3194
|
+
"paragraphSpacing": "0",
|
|
3195
|
+
"textDecoration": "none",
|
|
3196
|
+
"textCase": "none"
|
|
3197
|
+
},
|
|
3198
|
+
"type": "typography"
|
|
3199
|
+
},
|
|
3090
3200
|
"m": {
|
|
3091
3201
|
"value": {
|
|
3092
3202
|
"fontFamily": "Sage UI",
|
|
@@ -3098,6 +3208,42 @@
|
|
|
3098
3208
|
"textCase": "none"
|
|
3099
3209
|
},
|
|
3100
3210
|
"type": "typography"
|
|
3211
|
+
},
|
|
3212
|
+
"ml": {
|
|
3213
|
+
"value": {
|
|
3214
|
+
"fontFamily": "Sage UI",
|
|
3215
|
+
"fontWeight": "Regular",
|
|
3216
|
+
"lineHeight": "125%",
|
|
3217
|
+
"letterSpacing": "0%",
|
|
3218
|
+
"paragraphSpacing": "0",
|
|
3219
|
+
"textDecoration": "none",
|
|
3220
|
+
"textCase": "none"
|
|
3221
|
+
},
|
|
3222
|
+
"type": "typography"
|
|
3223
|
+
},
|
|
3224
|
+
"l": {
|
|
3225
|
+
"value": {
|
|
3226
|
+
"fontFamily": "Sage UI",
|
|
3227
|
+
"fontWeight": "Regular",
|
|
3228
|
+
"lineHeight": "125%",
|
|
3229
|
+
"letterSpacing": "0%",
|
|
3230
|
+
"paragraphSpacing": "0",
|
|
3231
|
+
"textDecoration": "none",
|
|
3232
|
+
"textCase": "none"
|
|
3233
|
+
},
|
|
3234
|
+
"type": "typography"
|
|
3235
|
+
},
|
|
3236
|
+
"xl": {
|
|
3237
|
+
"value": {
|
|
3238
|
+
"fontFamily": "Sage UI",
|
|
3239
|
+
"fontWeight": "Regular",
|
|
3240
|
+
"lineHeight": "125%",
|
|
3241
|
+
"letterSpacing": "0%",
|
|
3242
|
+
"paragraphSpacing": "0",
|
|
3243
|
+
"textDecoration": "none",
|
|
3244
|
+
"textCase": "none"
|
|
3245
|
+
},
|
|
3246
|
+
"type": "typography"
|
|
3101
3247
|
}
|
|
3102
3248
|
}
|
|
3103
3249
|
},
|
|
@@ -392,21 +392,21 @@
|
|
|
392
392
|
</tr>
|
|
393
393
|
<tr>
|
|
394
394
|
<td class="with-icons is-vcentered"
|
|
395
|
-
id="base-
|
|
396
|
-
title="theme: base; category: boxShadow; variant:
|
|
397
|
-
|
|
398
|
-
<a href="#base-
|
|
395
|
+
id="base-boxShadow010"
|
|
396
|
+
title="theme: base; category: boxShadow; variant: 010; ">
|
|
397
|
+
boxShadow010
|
|
398
|
+
<a href="#base-boxShadow010"
|
|
399
399
|
title="permalink"
|
|
400
400
|
class="permalink">
|
|
401
401
|
🔗
|
|
402
402
|
</a>
|
|
403
403
|
</td>
|
|
404
404
|
<td class="is-vcentered">
|
|
405
|
-
<pre>inset 0
|
|
405
|
+
<pre>inset 0 -1px 0 0 #e6ebedff</pre>
|
|
406
406
|
</td>
|
|
407
407
|
<td class="is-vcentered">
|
|
408
408
|
<div class="table__box-shadow-preview"
|
|
409
|
-
style="box-shadow: inset 0
|
|
409
|
+
style="box-shadow: inset 0 -1px 0 0 #e6ebedff">
|
|
410
410
|
</div>
|
|
411
411
|
|
|
412
412
|
</td>
|
|
@@ -432,6 +432,27 @@
|
|
|
432
432
|
|
|
433
433
|
</td>
|
|
434
434
|
</tr>
|
|
435
|
+
<tr>
|
|
436
|
+
<td class="with-icons is-vcentered"
|
|
437
|
+
id="base-boxShadow075"
|
|
438
|
+
title="theme: base; category: boxShadow; variant: 075; ">
|
|
439
|
+
boxShadow075
|
|
440
|
+
<a href="#base-boxShadow075"
|
|
441
|
+
title="permalink"
|
|
442
|
+
class="permalink">
|
|
443
|
+
🔗
|
|
444
|
+
</a>
|
|
445
|
+
</td>
|
|
446
|
+
<td class="is-vcentered">
|
|
447
|
+
<pre>inset 0 6px 4px -4px #00141e0d</pre>
|
|
448
|
+
</td>
|
|
449
|
+
<td class="is-vcentered">
|
|
450
|
+
<div class="table__box-shadow-preview"
|
|
451
|
+
style="box-shadow: inset 0 6px 4px -4px #00141e0d">
|
|
452
|
+
</div>
|
|
453
|
+
|
|
454
|
+
</td>
|
|
455
|
+
</tr>
|
|
435
456
|
<tr>
|
|
436
457
|
<td class="with-icons is-vcentered"
|
|
437
458
|
id="base-boxShadow090"
|
|
@@ -1053,11 +1053,11 @@
|
|
|
1053
1053
|
</a>
|
|
1054
1054
|
</td>
|
|
1055
1055
|
<td class="is-vcentered">
|
|
1056
|
-
<pre>#
|
|
1056
|
+
<pre>#00000000</pre>
|
|
1057
1057
|
</td>
|
|
1058
1058
|
<td class="is-vcentered">
|
|
1059
1059
|
<div class="table__color-preview"
|
|
1060
|
-
style="background-color: #
|
|
1060
|
+
style="background-color: #00000000;">
|
|
1061
1061
|
</div>
|
|
1062
1062
|
|
|
1063
1063
|
</td>
|
|
@@ -1158,11 +1158,11 @@
|
|
|
1158
1158
|
</a>
|
|
1159
1159
|
</td>
|
|
1160
1160
|
<td class="is-vcentered">
|
|
1161
|
-
<pre>#
|
|
1161
|
+
<pre>#00000000</pre>
|
|
1162
1162
|
</td>
|
|
1163
1163
|
<td class="is-vcentered">
|
|
1164
1164
|
<div class="table__color-preview"
|
|
1165
|
-
style="background-color: #
|
|
1165
|
+
style="background-color: #00000000;">
|
|
1166
1166
|
</div>
|
|
1167
1167
|
|
|
1168
1168
|
</td>
|
|
@@ -1767,11 +1767,11 @@
|
|
|
1767
1767
|
</a>
|
|
1768
1768
|
</td>
|
|
1769
1769
|
<td class="is-vcentered">
|
|
1770
|
-
<pre>#
|
|
1770
|
+
<pre>#00000000</pre>
|
|
1771
1771
|
</td>
|
|
1772
1772
|
<td class="is-vcentered">
|
|
1773
1773
|
<div class="table__color-preview"
|
|
1774
|
-
style="background-color: #
|
|
1774
|
+
style="background-color: #00000000;">
|
|
1775
1775
|
</div>
|
|
1776
1776
|
|
|
1777
1777
|
</td>
|
|
@@ -1872,11 +1872,11 @@
|
|
|
1872
1872
|
</a>
|
|
1873
1873
|
</td>
|
|
1874
1874
|
<td class="is-vcentered">
|
|
1875
|
-
<pre>#
|
|
1875
|
+
<pre>#00000000</pre>
|
|
1876
1876
|
</td>
|
|
1877
1877
|
<td class="is-vcentered">
|
|
1878
1878
|
<div class="table__color-preview"
|
|
1879
|
-
style="background-color: #
|
|
1879
|
+
style="background-color: #00000000;">
|
|
1880
1880
|
</div>
|
|
1881
1881
|
|
|
1882
1882
|
</td>
|
|
@@ -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"
|