@sage/design-tokens 2.8.0 → 2.11.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 (16) hide show
  1. package/android/base.xml +40 -18
  2. package/css/base.css +40 -18
  3. package/data/tokens.json +280 -62
  4. package/docs/tokens/base/colors/index.html +314 -20
  5. package/docs/tokens/base/index.html +510 -48
  6. package/docs/tokens/base/typography/index.html +196 -28
  7. package/docs/tokens/index.html +510 -48
  8. package/ios/base.h +40 -18
  9. package/js/base/common.d.ts +29 -7
  10. package/js/base/common.js +40 -18
  11. package/js/base/es6.d.ts +29 -7
  12. package/js/base/es6.js +39 -17
  13. package/package.json +1 -1
  14. package/sage-design-tokens-2.11.0.tgz +0 -0
  15. package/scss/base.scss +40 -18
  16. package/sage-design-tokens-2.8.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 09:08:31 GMT
7
+ // Generated on Thu, 31 Mar 2022 10:59:36 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;
@@ -325,6 +339,7 @@ $typographyLinkTextS: 400 12px/150% Sage UI;
325
339
  $typographyLinkTextM: 400 14px/150% Sage UI;
326
340
  $typographyLinkTextL: undefined 16px/150% Sage UI;
327
341
  $typographyMenuLabelM: 500 14px/150% Sage UI;
342
+ $typographyMenuLabelL: 500 16px/150% Sage UI;
328
343
  $typographyMenuSegmentTitleM: 500 12px/150% Sage UI;
329
344
  $typographyMessageHeadingM: 700 14px/150% Sage UI;
330
345
  $typographyMessageHeadingL: 700 16px/150% Sage UI;
@@ -336,13 +351,20 @@ $typographyPillLabelS: 500 10px/150% Sage UI;
336
351
  $typographyPillLabelM: 500 12px/150% Sage UI;
337
352
  $typographyPillLabelL: 500 14px/150% Sage UI;
338
353
  $typographyPillLabelXl: 500 16px/150% Sage UI;
339
- $typographyProfileEmailXs: 400 12px/100% Sage UI;
340
- $typographyProfileEmailS: 400 14px/100% Sage UI;
341
- $typographyProfileEmailM: 400 14px/125% Sage UI;
342
- $typographyProfileEmailMl: 400 14px/125% Sage UI;
343
- $typographyProfileEmailL: 400 14px/125% Sage UI;
344
- $typographyProfileEmailXl: 400 18px/125% Sage UI;
345
- $typographyProfileEmailXxl: 400 24px/125% Sage UI;
354
+ $typographyProfileEmailTextXs: 400 12px/100% Sage UI;
355
+ $typographyProfileEmailTextS: 400 14px/100% Sage UI;
356
+ $typographyProfileEmailTextM: 400 14px/125% Sage UI;
357
+ $typographyProfileEmailTextMl: 400 14px/125% Sage UI;
358
+ $typographyProfileEmailTextL: 400 14px/125% Sage UI;
359
+ $typographyProfileEmailTextXl: 400 18px/125% Sage UI;
360
+ $typographyProfileEmailTextXxl: 400 24px/125% Sage UI;
361
+ $typographyProfileEmailLinkXs: 400 12px/100% Sage UI;
362
+ $typographyProfileEmailLinkS: 400 14px/100% Sage UI;
363
+ $typographyProfileEmailLinkM: 400 14px/125% Sage UI;
364
+ $typographyProfileEmailLinkMl: 400 14px/125% Sage UI;
365
+ $typographyProfileEmailLinkL: 400 14px/125% Sage UI;
366
+ $typographyProfileEmailLinkXl: 400 18px/125% Sage UI;
367
+ $typographyProfileEmailLinkXxl: 400 24px/125% Sage UI;
346
368
  $typographyProfileInitialsXs: 500 10px/150% Sage UI;
347
369
  $typographyProfileInitialsS: 500 14px/150% Sage UI;
348
370
  $typographyProfileInitialsM: 500 18px/150% Sage UI;
package/sage-design-tokens-2.8.0.tgz DELETED
Binary file