@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/ios/base.h CHANGED
@@ -4,7 +4,7 @@
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:37 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -22,8 +22,10 @@
22
22
  #define colorsYang100 #ffffffff
23
23
  #define colorsYang030 #ffffff4d
24
24
  #define colorsYang080 #ffffffcc
25
+ #define colorsGray700 #4d4d4dff
26
+ #define colorsGray750 #404040ff
25
27
  #define colorsGray850 #262626ff
26
- #define colorsGray900 #1a1a1aff
28
+ #define colorsGray900 #191919ff
27
29
  #define colorsGray1000 #000000ff
28
30
  #define colorsGray000 #ffffffff
29
31
  #define colorsDisabled400 #f2f5f6ff
@@ -36,45 +38,57 @@
36
38
  #define colorsComponentsMenuSpringStandard600 #007e45ff
37
39
  #define colorsComponentsMenuSpringStandard700 #d9e0e4ff
38
40
  #define colorsComponentsMenuSpringParent500 #e6ebedff
39
- #define colorsComponentsMenuSpringParent600 #ffffffff
41
+ #define colorsComponentsMenuSpringParent600 #007e45ff
40
42
  #define colorsComponentsMenuSpringParent700 #d9e0e4ff
41
43
  #define colorsComponentsMenuSpringChild400 #ccd6dbff
42
44
  #define colorsComponentsMenuSpringChild500 #ffffffff
43
45
  #define colorsComponentsMenuSpringChild600 #007e45ff
46
+ #define colorsComponentsMenuSpringChildAlt400 #ccd6dbff
44
47
  #define colorsComponentsMenuSpringChildAlt500 #e6ebedff
45
48
  #define colorsComponentsMenuSpringChildAlt600 #007e45ff
49
+ #define colorsComponentsMenuSummerStandard400 #ccd6dbff
46
50
  #define colorsComponentsMenuSummerStandard500 #ffffffff
47
51
  #define colorsComponentsMenuSummerStandard600 #007e45ff
48
- #define colorsComponentsMenuSummerStandard700 #f2f5f6ff
52
+ #define colorsComponentsMenuSummerStandard700 #e6ebedff
53
+ #define colorsComponentsMenuSummerStandard800 #e6ebedff
49
54
  #define colorsComponentsMenuSummerParent500 #ffffffff
50
- #define colorsComponentsMenuSummerParent600 #e6ebedff
51
- #define colorsComponentsMenuSummerParent700 #f2f5f6ff
52
- #define colorsComponentsMenuSummerChild400 #b3c2c9ff
55
+ #define colorsComponentsMenuSummerParent600 #007e45ff
56
+ #define colorsComponentsMenuSummerParent700 #e6ebedff
57
+ #define colorsComponentsMenuSummerChild300 #b3c2c9ff
58
+ #define colorsComponentsMenuSummerChild400 #ccd6dbff
53
59
  #define colorsComponentsMenuSummerChild500 #e6ebedff
54
60
  #define colorsComponentsMenuSummerChild600 #007e45ff
55
- #define colorsComponentsMenuSummerChildAlt500 #ccd6dbff
61
+ #define colorsComponentsMenuSummerChild700 #e6ebedff
62
+ #define colorsComponentsMenuSummerChild800 #e6ebedff
63
+ #define colorsComponentsMenuSummerChildAlt300 #b3c2c9ff
64
+ #define colorsComponentsMenuSummerChildAlt400 #ccd6dbff
65
+ #define colorsComponentsMenuSummerChildAlt500 #d9e0e4ff
56
66
  #define colorsComponentsMenuSummerChildAlt600 #007e45ff
67
+ #define colorsComponentsMenuSummerChildAlt700 #d9e0e4ff
68
+ #define colorsComponentsMenuSummerChildAlt800 #d9e0e4ff
57
69
  #define colorsComponentsMenuAutumnStandard500 #00324cff
58
70
  #define colorsComponentsMenuAutumnStandard600 #007e45ff
59
71
  #define colorsComponentsMenuAutumnStandard700 #19475eff
60
72
  #define colorsComponentsMenuAutumnParent500 #00324cff
61
- #define colorsComponentsMenuAutumnParent600 #001926ff
73
+ #define colorsComponentsMenuAutumnParent600 #007e45ff
62
74
  #define colorsComponentsMenuAutumnParent700 #19475eff
63
75
  #define colorsComponentsMenuAutumnChild400 #19475eff
64
76
  #define colorsComponentsMenuAutumnChild500 #001926ff
65
77
  #define colorsComponentsMenuAutumnChild600 #007e45ff
78
+ #define colorsComponentsMenuAutumnChildAlt400 #19475eff
66
79
  #define colorsComponentsMenuAutumnChildAlt500 #00324cff
67
80
  #define colorsComponentsMenuAutumnChildAlt600 #007e45ff
68
81
  #define colorsComponentsMenuWinterStandard500 #000000ff
69
82
  #define colorsComponentsMenuWinterStandard600 #007e45ff
70
83
  #define colorsComponentsMenuWinterStandard700 #262626ff
71
84
  #define colorsComponentsMenuWinterParent500 #000000ff
72
- #define colorsComponentsMenuWinterParent600 #000000ff
85
+ #define colorsComponentsMenuWinterParent600 #007e45ff
73
86
  #define colorsComponentsMenuWinterParent700 #262626ff
74
87
  #define colorsComponentsMenuWinterChild400 #262626ff
75
88
  #define colorsComponentsMenuWinterChild500 #000000ff
76
89
  #define colorsComponentsMenuWinterChild600 #007e45ff
77
- #define colorsComponentsMenuWinterChildAlt500 #1a1a1aff
90
+ #define colorsComponentsMenuWinterChildAlt400 #262626ff
91
+ #define colorsComponentsMenuWinterChildAlt500 #191919ff
78
92
  #define colorsComponentsMenuWinterChildAlt600 #007e45ff
79
93
  #define colorsComponentsMenuYin100 #000000ff
80
94
  #define colorsComponentsMenuYin065 #000000a6
@@ -329,6 +343,7 @@
329
343
  #define typographyLinkTextM Regular 14px/150% Sage UI
330
344
  #define typographyLinkTextL undefined 16px/150% Sage UI
331
345
  #define typographyMenuLabelM Medium 14px/150% Sage UI
346
+ #define typographyMenuLabelL Medium 16px/150% Sage UI
332
347
  #define typographyMenuSegmentTitleM Medium 12px/150% Sage UI
333
348
  #define typographyMessageHeadingM Bold 14px/150% Sage UI
334
349
  #define typographyMessageHeadingL Bold 16px/150% Sage UI
@@ -340,13 +355,20 @@
340
355
  #define typographyPillLabelM Medium 12px/150% Sage UI
341
356
  #define typographyPillLabelL Medium 14px/150% Sage UI
342
357
  #define typographyPillLabelXl Medium 16px/150% Sage UI
343
- #define typographyProfileEmailXs Regular 12px/100% Sage UI
344
- #define typographyProfileEmailS Regular 14px/100% Sage UI
345
- #define typographyProfileEmailM Regular 14px/125% Sage UI
346
- #define typographyProfileEmailMl Regular 14px/125% Sage UI
347
- #define typographyProfileEmailL Regular 14px/125% Sage UI
348
- #define typographyProfileEmailXl Regular 18px/125% Sage UI
349
- #define typographyProfileEmailXxl Regular 24px/125% Sage UI
358
+ #define typographyProfileEmailTextXs Regular 12px/100% Sage UI
359
+ #define typographyProfileEmailTextS Regular 14px/100% Sage UI
360
+ #define typographyProfileEmailTextM Regular 14px/125% Sage UI
361
+ #define typographyProfileEmailTextMl Regular 14px/125% Sage UI
362
+ #define typographyProfileEmailTextL Regular 14px/125% Sage UI
363
+ #define typographyProfileEmailTextXl Regular 18px/125% Sage UI
364
+ #define typographyProfileEmailTextXxl Regular 24px/125% Sage UI
365
+ #define typographyProfileEmailLinkXs Regular 12px/100% Sage UI
366
+ #define typographyProfileEmailLinkS Regular 14px/100% Sage UI
367
+ #define typographyProfileEmailLinkM Regular 14px/125% Sage UI
368
+ #define typographyProfileEmailLinkMl Regular 14px/125% Sage UI
369
+ #define typographyProfileEmailLinkL Regular 14px/125% Sage UI
370
+ #define typographyProfileEmailLinkXl Regular 18px/125% Sage UI
371
+ #define typographyProfileEmailLinkXxl Regular 24px/125% Sage UI
350
372
  #define typographyProfileInitialsXs Medium 10px/150% Sage UI
351
373
  #define typographyProfileInitialsS Medium 14px/150% Sage UI
352
374
  #define typographyProfileInitialsM Medium 18px/150% Sage UI
package/js/base/common.d.ts CHANGED
@@ -10,6 +10,8 @@ export const colorsYin090: string;
10
10
  export const colorsYang100: string;
11
11
  export const colorsYang030: string;
12
12
  export const colorsYang080: string;
13
+ export const colorsGray700: string;
14
+ export const colorsGray750: string;
13
15
  export const colorsGray850: string;
14
16
  export const colorsGray900: string;
15
17
  export const colorsGray1000: string;
@@ -29,19 +31,29 @@ export const colorsComponentsMenuSpringParent700: string;
29
31
  export const colorsComponentsMenuSpringChild400: string;
30
32
  export const colorsComponentsMenuSpringChild500: string;
31
33
  export const colorsComponentsMenuSpringChild600: string;
34
+ export const colorsComponentsMenuSpringChildAlt400: string;
32
35
  export const colorsComponentsMenuSpringChildAlt500: string;
33
36
  export const colorsComponentsMenuSpringChildAlt600: string;
37
+ export const colorsComponentsMenuSummerStandard400: string;
34
38
  export const colorsComponentsMenuSummerStandard500: string;
35
39
  export const colorsComponentsMenuSummerStandard600: string;
36
40
  export const colorsComponentsMenuSummerStandard700: string;
41
+ export const colorsComponentsMenuSummerStandard800: string;
37
42
  export const colorsComponentsMenuSummerParent500: string;
38
43
  export const colorsComponentsMenuSummerParent600: string;
39
44
  export const colorsComponentsMenuSummerParent700: string;
45
+ export const colorsComponentsMenuSummerChild300: string;
40
46
  export const colorsComponentsMenuSummerChild400: string;
41
47
  export const colorsComponentsMenuSummerChild500: string;
42
48
  export const colorsComponentsMenuSummerChild600: string;
49
+ export const colorsComponentsMenuSummerChild700: string;
50
+ export const colorsComponentsMenuSummerChild800: string;
51
+ export const colorsComponentsMenuSummerChildAlt300: string;
52
+ export const colorsComponentsMenuSummerChildAlt400: string;
43
53
  export const colorsComponentsMenuSummerChildAlt500: string;
44
54
  export const colorsComponentsMenuSummerChildAlt600: string;
55
+ export const colorsComponentsMenuSummerChildAlt700: string;
56
+ export const colorsComponentsMenuSummerChildAlt800: string;
45
57
  export const colorsComponentsMenuAutumnStandard500: string;
46
58
  export const colorsComponentsMenuAutumnStandard600: string;
47
59
  export const colorsComponentsMenuAutumnStandard700: string;
@@ -51,6 +63,7 @@ export const colorsComponentsMenuAutumnParent700: string;
51
63
  export const colorsComponentsMenuAutumnChild400: string;
52
64
  export const colorsComponentsMenuAutumnChild500: string;
53
65
  export const colorsComponentsMenuAutumnChild600: string;
66
+ export const colorsComponentsMenuAutumnChildAlt400: string;
54
67
  export const colorsComponentsMenuAutumnChildAlt500: string;
55
68
  export const colorsComponentsMenuAutumnChildAlt600: string;
56
69
  export const colorsComponentsMenuWinterStandard500: string;
@@ -62,6 +75,7 @@ export const colorsComponentsMenuWinterParent700: string;
62
75
  export const colorsComponentsMenuWinterChild400: string;
63
76
  export const colorsComponentsMenuWinterChild500: string;
64
77
  export const colorsComponentsMenuWinterChild600: string;
78
+ export const colorsComponentsMenuWinterChildAlt400: string;
65
79
  export const colorsComponentsMenuWinterChildAlt500: string;
66
80
  export const colorsComponentsMenuWinterChildAlt600: string;
67
81
  export const colorsComponentsMenuYin100: string;
@@ -317,6 +331,7 @@ export const typographyLinkTextS: string;
317
331
  export const typographyLinkTextM: string;
318
332
  export const typographyLinkTextL: string;
319
333
  export const typographyMenuLabelM: string;
334
+ export const typographyMenuLabelL: string;
320
335
  export const typographyMenuSegmentTitleM: string;
321
336
  export const typographyMessageHeadingM: string;
322
337
  export const typographyMessageHeadingL: string;
@@ -328,13 +343,20 @@ export const typographyPillLabelS: string;
328
343
  export const typographyPillLabelM: string;
329
344
  export const typographyPillLabelL: string;
330
345
  export const typographyPillLabelXl: string;
331
- export const typographyProfileEmailXs: string;
332
- export const typographyProfileEmailS: string;
333
- export const typographyProfileEmailM: string;
334
- export const typographyProfileEmailMl: string;
335
- export const typographyProfileEmailL: string;
336
- export const typographyProfileEmailXl: string;
337
- export const typographyProfileEmailXxl: string;
346
+ export const typographyProfileEmailTextXs: string;
347
+ export const typographyProfileEmailTextS: string;
348
+ export const typographyProfileEmailTextM: string;
349
+ export const typographyProfileEmailTextMl: string;
350
+ export const typographyProfileEmailTextL: string;
351
+ export const typographyProfileEmailTextXl: string;
352
+ export const typographyProfileEmailTextXxl: string;
353
+ export const typographyProfileEmailLinkXs: string;
354
+ export const typographyProfileEmailLinkS: string;
355
+ export const typographyProfileEmailLinkM: string;
356
+ export const typographyProfileEmailLinkMl: string;
357
+ export const typographyProfileEmailLinkL: string;
358
+ export const typographyProfileEmailLinkXl: string;
359
+ export const typographyProfileEmailLinkXxl: string;
338
360
  export const typographyProfileInitialsXs: string;
339
361
  export const typographyProfileInitialsS: string;
340
362
  export const typographyProfileInitialsM: string;
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 Thu, 24 Mar 2022 09:08:31 GMT
7
+ * Generated on Thu, 31 Mar 2022 10:59:36 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -20,8 +20,10 @@ module.exports = {
20
20
  colorsYang100: '#ffffffff',
21
21
  colorsYang030: '#ffffff4d',
22
22
  colorsYang080: '#ffffffcc',
23
+ colorsGray700: '#4d4d4dff',
24
+ colorsGray750: '#404040ff',
23
25
  colorsGray850: '#262626ff',
24
- colorsGray900: '#1a1a1aff',
26
+ colorsGray900: '#191919ff',
25
27
  colorsGray1000: '#000000ff',
26
28
  colorsGray000: '#ffffffff',
27
29
  colorsDisabled400: '#f2f5f6ff',
@@ -34,45 +36,57 @@ module.exports = {
34
36
  colorsComponentsMenuSpringStandard600: '#007e45ff',
35
37
  colorsComponentsMenuSpringStandard700: '#d9e0e4ff',
36
38
  colorsComponentsMenuSpringParent500: '#e6ebedff',
37
- colorsComponentsMenuSpringParent600: '#ffffffff',
39
+ colorsComponentsMenuSpringParent600: '#007e45ff',
38
40
  colorsComponentsMenuSpringParent700: '#d9e0e4ff',
39
41
  colorsComponentsMenuSpringChild400: '#ccd6dbff',
40
42
  colorsComponentsMenuSpringChild500: '#ffffffff',
41
43
  colorsComponentsMenuSpringChild600: '#007e45ff',
44
+ colorsComponentsMenuSpringChildAlt400: '#ccd6dbff',
42
45
  colorsComponentsMenuSpringChildAlt500: '#e6ebedff',
43
46
  colorsComponentsMenuSpringChildAlt600: '#007e45ff',
47
+ colorsComponentsMenuSummerStandard400: '#ccd6dbff',
44
48
  colorsComponentsMenuSummerStandard500: '#ffffffff',
45
49
  colorsComponentsMenuSummerStandard600: '#007e45ff',
46
- colorsComponentsMenuSummerStandard700: '#f2f5f6ff',
50
+ colorsComponentsMenuSummerStandard700: '#e6ebedff',
51
+ colorsComponentsMenuSummerStandard800: '#e6ebedff',
47
52
  colorsComponentsMenuSummerParent500: '#ffffffff',
48
- colorsComponentsMenuSummerParent600: '#e6ebedff',
49
- colorsComponentsMenuSummerParent700: '#f2f5f6ff',
50
- colorsComponentsMenuSummerChild400: '#b3c2c9ff',
53
+ colorsComponentsMenuSummerParent600: '#007e45ff',
54
+ colorsComponentsMenuSummerParent700: '#e6ebedff',
55
+ colorsComponentsMenuSummerChild300: '#b3c2c9ff',
56
+ colorsComponentsMenuSummerChild400: '#ccd6dbff',
51
57
  colorsComponentsMenuSummerChild500: '#e6ebedff',
52
58
  colorsComponentsMenuSummerChild600: '#007e45ff',
53
- colorsComponentsMenuSummerChildAlt500: '#ccd6dbff',
59
+ colorsComponentsMenuSummerChild700: '#e6ebedff',
60
+ colorsComponentsMenuSummerChild800: '#e6ebedff',
61
+ colorsComponentsMenuSummerChildAlt300: '#b3c2c9ff',
62
+ colorsComponentsMenuSummerChildAlt400: '#ccd6dbff',
63
+ colorsComponentsMenuSummerChildAlt500: '#d9e0e4ff',
54
64
  colorsComponentsMenuSummerChildAlt600: '#007e45ff',
65
+ colorsComponentsMenuSummerChildAlt700: '#d9e0e4ff',
66
+ colorsComponentsMenuSummerChildAlt800: '#d9e0e4ff',
55
67
  colorsComponentsMenuAutumnStandard500: '#00324cff',
56
68
  colorsComponentsMenuAutumnStandard600: '#007e45ff',
57
69
  colorsComponentsMenuAutumnStandard700: '#19475eff',
58
70
  colorsComponentsMenuAutumnParent500: '#00324cff',
59
- colorsComponentsMenuAutumnParent600: '#001926ff',
71
+ colorsComponentsMenuAutumnParent600: '#007e45ff',
60
72
  colorsComponentsMenuAutumnParent700: '#19475eff',
61
73
  colorsComponentsMenuAutumnChild400: '#19475eff',
62
74
  colorsComponentsMenuAutumnChild500: '#001926ff',
63
75
  colorsComponentsMenuAutumnChild600: '#007e45ff',
76
+ colorsComponentsMenuAutumnChildAlt400: '#19475eff',
64
77
  colorsComponentsMenuAutumnChildAlt500: '#00324cff',
65
78
  colorsComponentsMenuAutumnChildAlt600: '#007e45ff',
66
79
  colorsComponentsMenuWinterStandard500: '#000000ff',
67
80
  colorsComponentsMenuWinterStandard600: '#007e45ff',
68
81
  colorsComponentsMenuWinterStandard700: '#262626ff',
69
82
  colorsComponentsMenuWinterParent500: '#000000ff',
70
- colorsComponentsMenuWinterParent600: '#000000ff',
83
+ colorsComponentsMenuWinterParent600: '#007e45ff',
71
84
  colorsComponentsMenuWinterParent700: '#262626ff',
72
85
  colorsComponentsMenuWinterChild400: '#262626ff',
73
86
  colorsComponentsMenuWinterChild500: '#000000ff',
74
87
  colorsComponentsMenuWinterChild600: '#007e45ff',
75
- colorsComponentsMenuWinterChildAlt500: '#1a1a1aff',
88
+ colorsComponentsMenuWinterChildAlt400: '#262626ff',
89
+ colorsComponentsMenuWinterChildAlt500: '#191919ff',
76
90
  colorsComponentsMenuWinterChildAlt600: '#007e45ff',
77
91
  colorsComponentsMenuYin100: '#000000ff',
78
92
  colorsComponentsMenuYin065: '#000000a6',
@@ -327,6 +341,7 @@ module.exports = {
327
341
  typographyLinkTextM: '400 14px/150% Sage UI',
328
342
  typographyLinkTextL: 'undefined 16px/150% Sage UI',
329
343
  typographyMenuLabelM: '500 14px/150% Sage UI',
344
+ typographyMenuLabelL: '500 16px/150% Sage UI',
330
345
  typographyMenuSegmentTitleM: '500 12px/150% Sage UI',
331
346
  typographyMessageHeadingM: '700 14px/150% Sage UI',
332
347
  typographyMessageHeadingL: '700 16px/150% Sage UI',
@@ -338,13 +353,20 @@ module.exports = {
338
353
  typographyPillLabelM: '500 12px/150% Sage UI',
339
354
  typographyPillLabelL: '500 14px/150% Sage UI',
340
355
  typographyPillLabelXl: '500 16px/150% Sage UI',
341
- typographyProfileEmailXs: '400 12px/100% Sage UI',
342
- typographyProfileEmailS: '400 14px/100% Sage UI',
343
- typographyProfileEmailM: '400 14px/125% Sage UI',
344
- typographyProfileEmailMl: '400 14px/125% Sage UI',
345
- typographyProfileEmailL: '400 14px/125% Sage UI',
346
- typographyProfileEmailXl: '400 18px/125% Sage UI',
347
- typographyProfileEmailXxl: '400 24px/125% Sage UI',
356
+ typographyProfileEmailTextXs: '400 12px/100% Sage UI',
357
+ typographyProfileEmailTextS: '400 14px/100% Sage UI',
358
+ typographyProfileEmailTextM: '400 14px/125% Sage UI',
359
+ typographyProfileEmailTextMl: '400 14px/125% Sage UI',
360
+ typographyProfileEmailTextL: '400 14px/125% Sage UI',
361
+ typographyProfileEmailTextXl: '400 18px/125% Sage UI',
362
+ typographyProfileEmailTextXxl: '400 24px/125% Sage UI',
363
+ typographyProfileEmailLinkXs: '400 12px/100% Sage UI',
364
+ typographyProfileEmailLinkS: '400 14px/100% Sage UI',
365
+ typographyProfileEmailLinkM: '400 14px/125% Sage UI',
366
+ typographyProfileEmailLinkMl: '400 14px/125% Sage UI',
367
+ typographyProfileEmailLinkL: '400 14px/125% Sage UI',
368
+ typographyProfileEmailLinkXl: '400 18px/125% Sage UI',
369
+ typographyProfileEmailLinkXxl: '400 24px/125% Sage UI',
348
370
  typographyProfileInitialsXs: '500 10px/150% Sage UI',
349
371
  typographyProfileInitialsS: '500 14px/150% Sage UI',
350
372
  typographyProfileInitialsM: '500 18px/150% Sage UI',
package/js/base/es6.d.ts CHANGED
@@ -11,6 +11,8 @@ declare namespace _default {
11
11
  const colorsYang100: string;
12
12
  const colorsYang030: string;
13
13
  const colorsYang080: string;
14
+ const colorsGray700: string;
15
+ const colorsGray750: string;
14
16
  const colorsGray850: string;
15
17
  const colorsGray900: string;
16
18
  const colorsGray1000: string;
@@ -30,19 +32,29 @@ declare namespace _default {
30
32
  const colorsComponentsMenuSpringChild400: string;
31
33
  const colorsComponentsMenuSpringChild500: string;
32
34
  const colorsComponentsMenuSpringChild600: string;
35
+ const colorsComponentsMenuSpringChildAlt400: string;
33
36
  const colorsComponentsMenuSpringChildAlt500: string;
34
37
  const colorsComponentsMenuSpringChildAlt600: string;
38
+ const colorsComponentsMenuSummerStandard400: string;
35
39
  const colorsComponentsMenuSummerStandard500: string;
36
40
  const colorsComponentsMenuSummerStandard600: string;
37
41
  const colorsComponentsMenuSummerStandard700: string;
42
+ const colorsComponentsMenuSummerStandard800: string;
38
43
  const colorsComponentsMenuSummerParent500: string;
39
44
  const colorsComponentsMenuSummerParent600: string;
40
45
  const colorsComponentsMenuSummerParent700: string;
46
+ const colorsComponentsMenuSummerChild300: string;
41
47
  const colorsComponentsMenuSummerChild400: string;
42
48
  const colorsComponentsMenuSummerChild500: string;
43
49
  const colorsComponentsMenuSummerChild600: string;
50
+ const colorsComponentsMenuSummerChild700: string;
51
+ const colorsComponentsMenuSummerChild800: string;
52
+ const colorsComponentsMenuSummerChildAlt300: string;
53
+ const colorsComponentsMenuSummerChildAlt400: string;
44
54
  const colorsComponentsMenuSummerChildAlt500: string;
45
55
  const colorsComponentsMenuSummerChildAlt600: string;
56
+ const colorsComponentsMenuSummerChildAlt700: string;
57
+ const colorsComponentsMenuSummerChildAlt800: string;
46
58
  const colorsComponentsMenuAutumnStandard500: string;
47
59
  const colorsComponentsMenuAutumnStandard600: string;
48
60
  const colorsComponentsMenuAutumnStandard700: string;
@@ -52,6 +64,7 @@ declare namespace _default {
52
64
  const colorsComponentsMenuAutumnChild400: string;
53
65
  const colorsComponentsMenuAutumnChild500: string;
54
66
  const colorsComponentsMenuAutumnChild600: string;
67
+ const colorsComponentsMenuAutumnChildAlt400: string;
55
68
  const colorsComponentsMenuAutumnChildAlt500: string;
56
69
  const colorsComponentsMenuAutumnChildAlt600: string;
57
70
  const colorsComponentsMenuWinterStandard500: string;
@@ -63,6 +76,7 @@ declare namespace _default {
63
76
  const colorsComponentsMenuWinterChild400: string;
64
77
  const colorsComponentsMenuWinterChild500: string;
65
78
  const colorsComponentsMenuWinterChild600: string;
79
+ const colorsComponentsMenuWinterChildAlt400: string;
66
80
  const colorsComponentsMenuWinterChildAlt500: string;
67
81
  const colorsComponentsMenuWinterChildAlt600: string;
68
82
  const colorsComponentsMenuYin100: string;
@@ -318,6 +332,7 @@ declare namespace _default {
318
332
  const typographyLinkTextM: string;
319
333
  const typographyLinkTextL: string;
320
334
  const typographyMenuLabelM: string;
335
+ const typographyMenuLabelL: string;
321
336
  const typographyMenuSegmentTitleM: string;
322
337
  const typographyMessageHeadingM: string;
323
338
  const typographyMessageHeadingL: string;
@@ -329,13 +344,20 @@ declare namespace _default {
329
344
  const typographyPillLabelM: string;
330
345
  const typographyPillLabelL: string;
331
346
  const typographyPillLabelXl: string;
332
- const typographyProfileEmailXs: string;
333
- const typographyProfileEmailS: string;
334
- const typographyProfileEmailM: string;
335
- const typographyProfileEmailMl: string;
336
- const typographyProfileEmailL: string;
337
- const typographyProfileEmailXl: string;
338
- const typographyProfileEmailXxl: string;
347
+ const typographyProfileEmailTextXs: string;
348
+ const typographyProfileEmailTextS: string;
349
+ const typographyProfileEmailTextM: string;
350
+ const typographyProfileEmailTextMl: string;
351
+ const typographyProfileEmailTextL: string;
352
+ const typographyProfileEmailTextXl: string;
353
+ const typographyProfileEmailTextXxl: string;
354
+ const typographyProfileEmailLinkXs: string;
355
+ const typographyProfileEmailLinkS: string;
356
+ const typographyProfileEmailLinkM: string;
357
+ const typographyProfileEmailLinkMl: string;
358
+ const typographyProfileEmailLinkL: string;
359
+ const typographyProfileEmailLinkXl: string;
360
+ const typographyProfileEmailLinkXxl: string;
339
361
  const typographyProfileInitialsXs: string;
340
362
  const typographyProfileInitialsS: string;
341
363
  const typographyProfileInitialsM: string;
package/js/base/es6.js CHANGED
@@ -15,8 +15,10 @@ export default {
15
15
  colorsYang100: '#ffffffff',
16
16
  colorsYang030: '#ffffff4d',
17
17
  colorsYang080: '#ffffffcc',
18
+ colorsGray700: '#4d4d4dff',
19
+ colorsGray750: '#404040ff',
18
20
  colorsGray850: '#262626ff',
19
- colorsGray900: '#1a1a1aff',
21
+ colorsGray900: '#191919ff',
20
22
  colorsGray1000: '#000000ff',
21
23
  colorsGray000: '#ffffffff',
22
24
  colorsDisabled400: '#f2f5f6ff',
@@ -29,45 +31,57 @@ export default {
29
31
  colorsComponentsMenuSpringStandard600: '#007e45ff',
30
32
  colorsComponentsMenuSpringStandard700: '#d9e0e4ff',
31
33
  colorsComponentsMenuSpringParent500: '#e6ebedff',
32
- colorsComponentsMenuSpringParent600: '#ffffffff',
34
+ colorsComponentsMenuSpringParent600: '#007e45ff',
33
35
  colorsComponentsMenuSpringParent700: '#d9e0e4ff',
34
36
  colorsComponentsMenuSpringChild400: '#ccd6dbff',
35
37
  colorsComponentsMenuSpringChild500: '#ffffffff',
36
38
  colorsComponentsMenuSpringChild600: '#007e45ff',
39
+ colorsComponentsMenuSpringChildAlt400: '#ccd6dbff',
37
40
  colorsComponentsMenuSpringChildAlt500: '#e6ebedff',
38
41
  colorsComponentsMenuSpringChildAlt600: '#007e45ff',
42
+ colorsComponentsMenuSummerStandard400: '#ccd6dbff',
39
43
  colorsComponentsMenuSummerStandard500: '#ffffffff',
40
44
  colorsComponentsMenuSummerStandard600: '#007e45ff',
41
- colorsComponentsMenuSummerStandard700: '#f2f5f6ff',
45
+ colorsComponentsMenuSummerStandard700: '#e6ebedff',
46
+ colorsComponentsMenuSummerStandard800: '#e6ebedff',
42
47
  colorsComponentsMenuSummerParent500: '#ffffffff',
43
- colorsComponentsMenuSummerParent600: '#e6ebedff',
44
- colorsComponentsMenuSummerParent700: '#f2f5f6ff',
45
- colorsComponentsMenuSummerChild400: '#b3c2c9ff',
48
+ colorsComponentsMenuSummerParent600: '#007e45ff',
49
+ colorsComponentsMenuSummerParent700: '#e6ebedff',
50
+ colorsComponentsMenuSummerChild300: '#b3c2c9ff',
51
+ colorsComponentsMenuSummerChild400: '#ccd6dbff',
46
52
  colorsComponentsMenuSummerChild500: '#e6ebedff',
47
53
  colorsComponentsMenuSummerChild600: '#007e45ff',
48
- colorsComponentsMenuSummerChildAlt500: '#ccd6dbff',
54
+ colorsComponentsMenuSummerChild700: '#e6ebedff',
55
+ colorsComponentsMenuSummerChild800: '#e6ebedff',
56
+ colorsComponentsMenuSummerChildAlt300: '#b3c2c9ff',
57
+ colorsComponentsMenuSummerChildAlt400: '#ccd6dbff',
58
+ colorsComponentsMenuSummerChildAlt500: '#d9e0e4ff',
49
59
  colorsComponentsMenuSummerChildAlt600: '#007e45ff',
60
+ colorsComponentsMenuSummerChildAlt700: '#d9e0e4ff',
61
+ colorsComponentsMenuSummerChildAlt800: '#d9e0e4ff',
50
62
  colorsComponentsMenuAutumnStandard500: '#00324cff',
51
63
  colorsComponentsMenuAutumnStandard600: '#007e45ff',
52
64
  colorsComponentsMenuAutumnStandard700: '#19475eff',
53
65
  colorsComponentsMenuAutumnParent500: '#00324cff',
54
- colorsComponentsMenuAutumnParent600: '#001926ff',
66
+ colorsComponentsMenuAutumnParent600: '#007e45ff',
55
67
  colorsComponentsMenuAutumnParent700: '#19475eff',
56
68
  colorsComponentsMenuAutumnChild400: '#19475eff',
57
69
  colorsComponentsMenuAutumnChild500: '#001926ff',
58
70
  colorsComponentsMenuAutumnChild600: '#007e45ff',
71
+ colorsComponentsMenuAutumnChildAlt400: '#19475eff',
59
72
  colorsComponentsMenuAutumnChildAlt500: '#00324cff',
60
73
  colorsComponentsMenuAutumnChildAlt600: '#007e45ff',
61
74
  colorsComponentsMenuWinterStandard500: '#000000ff',
62
75
  colorsComponentsMenuWinterStandard600: '#007e45ff',
63
76
  colorsComponentsMenuWinterStandard700: '#262626ff',
64
77
  colorsComponentsMenuWinterParent500: '#000000ff',
65
- colorsComponentsMenuWinterParent600: '#000000ff',
78
+ colorsComponentsMenuWinterParent600: '#007e45ff',
66
79
  colorsComponentsMenuWinterParent700: '#262626ff',
67
80
  colorsComponentsMenuWinterChild400: '#262626ff',
68
81
  colorsComponentsMenuWinterChild500: '#000000ff',
69
82
  colorsComponentsMenuWinterChild600: '#007e45ff',
70
- colorsComponentsMenuWinterChildAlt500: '#1a1a1aff',
83
+ colorsComponentsMenuWinterChildAlt400: '#262626ff',
84
+ colorsComponentsMenuWinterChildAlt500: '#191919ff',
71
85
  colorsComponentsMenuWinterChildAlt600: '#007e45ff',
72
86
  colorsComponentsMenuYin100: '#000000ff',
73
87
  colorsComponentsMenuYin065: '#000000a6',
@@ -322,6 +336,7 @@ export default {
322
336
  typographyLinkTextM: '400 14px/150% Sage UI',
323
337
  typographyLinkTextL: 'undefined 16px/150% Sage UI',
324
338
  typographyMenuLabelM: '500 14px/150% Sage UI',
339
+ typographyMenuLabelL: '500 16px/150% Sage UI',
325
340
  typographyMenuSegmentTitleM: '500 12px/150% Sage UI',
326
341
  typographyMessageHeadingM: '700 14px/150% Sage UI',
327
342
  typographyMessageHeadingL: '700 16px/150% Sage UI',
@@ -333,13 +348,20 @@ export default {
333
348
  typographyPillLabelM: '500 12px/150% Sage UI',
334
349
  typographyPillLabelL: '500 14px/150% Sage UI',
335
350
  typographyPillLabelXl: '500 16px/150% Sage UI',
336
- typographyProfileEmailXs: '400 12px/100% Sage UI',
337
- typographyProfileEmailS: '400 14px/100% Sage UI',
338
- typographyProfileEmailM: '400 14px/125% Sage UI',
339
- typographyProfileEmailMl: '400 14px/125% Sage UI',
340
- typographyProfileEmailL: '400 14px/125% Sage UI',
341
- typographyProfileEmailXl: '400 18px/125% Sage UI',
342
- typographyProfileEmailXxl: '400 24px/125% Sage UI',
351
+ typographyProfileEmailTextXs: '400 12px/100% Sage UI',
352
+ typographyProfileEmailTextS: '400 14px/100% Sage UI',
353
+ typographyProfileEmailTextM: '400 14px/125% Sage UI',
354
+ typographyProfileEmailTextMl: '400 14px/125% Sage UI',
355
+ typographyProfileEmailTextL: '400 14px/125% Sage UI',
356
+ typographyProfileEmailTextXl: '400 18px/125% Sage UI',
357
+ typographyProfileEmailTextXxl: '400 24px/125% Sage UI',
358
+ typographyProfileEmailLinkXs: '400 12px/100% Sage UI',
359
+ typographyProfileEmailLinkS: '400 14px/100% Sage UI',
360
+ typographyProfileEmailLinkM: '400 14px/125% Sage UI',
361
+ typographyProfileEmailLinkMl: '400 14px/125% Sage UI',
362
+ typographyProfileEmailLinkL: '400 14px/125% Sage UI',
363
+ typographyProfileEmailLinkXl: '400 18px/125% Sage UI',
364
+ typographyProfileEmailLinkXxl: '400 24px/125% Sage UI',
343
365
  typographyProfileInitialsXs: '500 10px/150% Sage UI',
344
366
  typographyProfileInitialsS: '500 14px/150% Sage UI',
345
367
  typographyProfileInitialsM: '500 18px/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.8.0",
13
+ "version": "2.11.0",
14
14
  "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
15
15
  "tags": [
16
16
  "design tokens",
package/sage-design-tokens-2.11.0.tgz ADDED
Binary file