@sage/design-tokens 2.10.0 → 2.13.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.
Files changed (18) hide show
  1. package/android/base.xml +30 -12
  2. package/css/base.css +30 -12
  3. package/data/tokens.json +246 -88
  4. package/docs/tokens/base/box-shadow/index.html +42 -0
  5. package/docs/tokens/base/colors/index.html +314 -20
  6. package/docs/tokens/base/index.html +419 -41
  7. package/docs/tokens/base/sizing/index.html +21 -0
  8. package/docs/tokens/base/typography/index.html +42 -21
  9. package/docs/tokens/index.html +419 -41
  10. package/ios/base.h +30 -12
  11. package/js/base/common.d.ts +19 -1
  12. package/js/base/common.js +30 -12
  13. package/js/base/es6.d.ts +19 -1
  14. package/js/base/es6.js +29 -11
  15. package/package.json +1 -1
  16. package/sage-design-tokens-2.13.0.tgz +0 -0
  17. package/scss/base.scss +30 -12
  18. package/sage-design-tokens-2.10.0.tgz +0 -0
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 Thu, 24 Mar 2022 14:56:51 GMT
7
+ // Generated on Mon, 04 Apr 2022 12:43:17 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -18,8 +18,10 @@ $colorsYin090: #000000e6;
18
18
  $colorsYang100: #ffffffff;
19
19
  $colorsYang030: #ffffff4d;
20
20
  $colorsYang080: #ffffffcc;
21
+ $colorsGray700: #4d4d4dff;
22
+ $colorsGray750: #404040ff;
21
23
  $colorsGray850: #262626ff;
22
- $colorsGray900: #1a1a1aff;
24
+ $colorsGray900: #191919ff;
23
25
  $colorsGray1000: #000000ff;
24
26
  $colorsGray000: #ffffffff;
25
27
  $colorsDisabled400: #f2f5f6ff;
@@ -32,45 +34,57 @@ $colorsComponentsMenuSpringStandard500: #e6ebedff;
32
34
  $colorsComponentsMenuSpringStandard600: #007e45ff;
33
35
  $colorsComponentsMenuSpringStandard700: #d9e0e4ff;
34
36
  $colorsComponentsMenuSpringParent500: #e6ebedff;
35
- $colorsComponentsMenuSpringParent600: #ffffffff;
37
+ $colorsComponentsMenuSpringParent600: #007e45ff;
36
38
  $colorsComponentsMenuSpringParent700: #d9e0e4ff;
37
39
  $colorsComponentsMenuSpringChild400: #ccd6dbff;
38
40
  $colorsComponentsMenuSpringChild500: #ffffffff;
39
41
  $colorsComponentsMenuSpringChild600: #007e45ff;
42
+ $colorsComponentsMenuSpringChildAlt400: #ccd6dbff;
40
43
  $colorsComponentsMenuSpringChildAlt500: #e6ebedff;
41
44
  $colorsComponentsMenuSpringChildAlt600: #007e45ff;
45
+ $colorsComponentsMenuSummerStandard400: #ccd6dbff;
42
46
  $colorsComponentsMenuSummerStandard500: #ffffffff;
43
47
  $colorsComponentsMenuSummerStandard600: #007e45ff;
44
- $colorsComponentsMenuSummerStandard700: #f2f5f6ff;
48
+ $colorsComponentsMenuSummerStandard700: #e6ebedff;
49
+ $colorsComponentsMenuSummerStandard800: #e6ebedff;
45
50
  $colorsComponentsMenuSummerParent500: #ffffffff;
46
- $colorsComponentsMenuSummerParent600: #e6ebedff;
47
- $colorsComponentsMenuSummerParent700: #f2f5f6ff;
48
- $colorsComponentsMenuSummerChild400: #b3c2c9ff;
51
+ $colorsComponentsMenuSummerParent600: #007e45ff;
52
+ $colorsComponentsMenuSummerParent700: #e6ebedff;
53
+ $colorsComponentsMenuSummerChild300: #b3c2c9ff;
54
+ $colorsComponentsMenuSummerChild400: #ccd6dbff;
49
55
  $colorsComponentsMenuSummerChild500: #e6ebedff;
50
56
  $colorsComponentsMenuSummerChild600: #007e45ff;
51
- $colorsComponentsMenuSummerChildAlt500: #ccd6dbff;
57
+ $colorsComponentsMenuSummerChild700: #e6ebedff;
58
+ $colorsComponentsMenuSummerChild800: #e6ebedff;
59
+ $colorsComponentsMenuSummerChildAlt300: #b3c2c9ff;
60
+ $colorsComponentsMenuSummerChildAlt400: #ccd6dbff;
61
+ $colorsComponentsMenuSummerChildAlt500: #d9e0e4ff;
52
62
  $colorsComponentsMenuSummerChildAlt600: #007e45ff;
63
+ $colorsComponentsMenuSummerChildAlt700: #d9e0e4ff;
64
+ $colorsComponentsMenuSummerChildAlt800: #d9e0e4ff;
53
65
  $colorsComponentsMenuAutumnStandard500: #00324cff;
54
66
  $colorsComponentsMenuAutumnStandard600: #007e45ff;
55
67
  $colorsComponentsMenuAutumnStandard700: #19475eff;
56
68
  $colorsComponentsMenuAutumnParent500: #00324cff;
57
- $colorsComponentsMenuAutumnParent600: #001926ff;
69
+ $colorsComponentsMenuAutumnParent600: #007e45ff;
58
70
  $colorsComponentsMenuAutumnParent700: #19475eff;
59
71
  $colorsComponentsMenuAutumnChild400: #19475eff;
60
72
  $colorsComponentsMenuAutumnChild500: #001926ff;
61
73
  $colorsComponentsMenuAutumnChild600: #007e45ff;
74
+ $colorsComponentsMenuAutumnChildAlt400: #19475eff;
62
75
  $colorsComponentsMenuAutumnChildAlt500: #00324cff;
63
76
  $colorsComponentsMenuAutumnChildAlt600: #007e45ff;
64
77
  $colorsComponentsMenuWinterStandard500: #000000ff;
65
78
  $colorsComponentsMenuWinterStandard600: #007e45ff;
66
79
  $colorsComponentsMenuWinterStandard700: #262626ff;
67
80
  $colorsComponentsMenuWinterParent500: #000000ff;
68
- $colorsComponentsMenuWinterParent600: #000000ff;
81
+ $colorsComponentsMenuWinterParent600: #007e45ff;
69
82
  $colorsComponentsMenuWinterParent700: #262626ff;
70
83
  $colorsComponentsMenuWinterChild400: #262626ff;
71
84
  $colorsComponentsMenuWinterChild500: #000000ff;
72
85
  $colorsComponentsMenuWinterChild600: #007e45ff;
73
- $colorsComponentsMenuWinterChildAlt500: #1a1a1aff;
86
+ $colorsComponentsMenuWinterChildAlt400: #262626ff;
87
+ $colorsComponentsMenuWinterChildAlt500: #191919ff;
74
88
  $colorsComponentsMenuWinterChildAlt600: #007e45ff;
75
89
  $colorsComponentsMenuYin100: #000000ff;
76
90
  $colorsComponentsMenuYin065: #000000a6;
@@ -200,6 +214,7 @@ $sizing375: 30px;
200
214
  $sizing400: 32px;
201
215
  $sizing450: 36px;
202
216
  $sizing500: 40px;
217
+ $sizing525: 42px;
203
218
  $sizing600: 48px;
204
219
  $sizing700: 56px;
205
220
  $sizing800: 64px;
@@ -257,6 +272,8 @@ $boxShadow300: 0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a;
257
272
  $boxShadow400: 0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a;
258
273
  $boxShadow075: inset 0 6px 4px -4px #00141e0d;
259
274
  $boxShadow050: 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26;
275
+ $boxShadow090: 0 4px 8px -4px #00141e1a;
276
+ $boxShadow091: 4px 0 8px -4px #00141e1a;
260
277
  $fontWeights400: 400;
261
278
  $fontWeights500: 500;
262
279
  $fontWeights700: 700;
@@ -325,13 +342,13 @@ $typographyLinkTextS: 400 12px/150% Sage UI;
325
342
  $typographyLinkTextM: 400 14px/150% Sage UI;
326
343
  $typographyLinkTextL: undefined 16px/150% Sage UI;
327
344
  $typographyMenuLabelM: 500 14px/150% Sage UI;
345
+ $typographyMenuLabelL: 500 16px/150% Sage UI;
328
346
  $typographyMenuSegmentTitleM: 500 12px/150% Sage UI;
329
347
  $typographyMessageHeadingM: 700 14px/150% Sage UI;
330
348
  $typographyMessageHeadingL: 700 16px/150% Sage UI;
331
349
  $typographyMessageTextM: 400 14px/150% Sage UI;
332
350
  $typographyMessageTextL: 400 16px/150% Sage UI;
333
351
  $typographyPaginationLabelM: 400 13px/150% Sage UI;
334
- $typographyTileParagraphM: 400 14px/150% Sage UI;
335
352
  $typographyPillLabelS: 500 10px/150% Sage UI;
336
353
  $typographyPillLabelM: 500 12px/150% Sage UI;
337
354
  $typographyPillLabelL: 500 14px/150% Sage UI;
@@ -387,6 +404,7 @@ $typographyTableCellTextS: 400 14px/150% Sage UI;
387
404
  $typographyTableCellTextM: 400 14px/150% Sage UI;
388
405
  $typographyTableCellTextL: 400 16px/150% Sage UI;
389
406
  $typographyTableCellTextXl: 400 16px/150% Sage UI;
407
+ $typographyTileParagraphM: 400 14px/150% Sage UI;
390
408
  $typographyTooltipTextM: 400 14px/150% Sage UI;
391
409
  $typographyTooltipTextL: 400 16px/150% Sage UI;
392
410
  $opacity300: 0.3;
package/sage-design-tokens-2.10.0.tgz DELETED
Binary file