@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/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 14:56:51 GMT
7
+ // Generated on Mon, 04 Apr 2022 12:43:17 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
@@ -204,6 +218,7 @@
204
218
  #define sizing400 32px
205
219
  #define sizing450 36px
206
220
  #define sizing500 40px
221
+ #define sizing525 42px
207
222
  #define sizing600 48px
208
223
  #define sizing700 56px
209
224
  #define sizing800 64px
@@ -261,6 +276,8 @@
261
276
  #define boxShadow400 0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a
262
277
  #define boxShadow075 inset 0 6px 4px -4px #00141e0d
263
278
  #define boxShadow050 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26
279
+ #define boxShadow090 0 4px 8px -4px #00141e1a
280
+ #define boxShadow091 4px 0 8px -4px #00141e1a
264
281
  #define fontWeights400 Regular
265
282
  #define fontWeights500 Medium
266
283
  #define fontWeights700 Bold
@@ -329,13 +346,13 @@
329
346
  #define typographyLinkTextM Regular 14px/150% Sage UI
330
347
  #define typographyLinkTextL undefined 16px/150% Sage UI
331
348
  #define typographyMenuLabelM Medium 14px/150% Sage UI
349
+ #define typographyMenuLabelL Medium 16px/150% Sage UI
332
350
  #define typographyMenuSegmentTitleM Medium 12px/150% Sage UI
333
351
  #define typographyMessageHeadingM Bold 14px/150% Sage UI
334
352
  #define typographyMessageHeadingL Bold 16px/150% Sage UI
335
353
  #define typographyMessageTextM Regular 14px/150% Sage UI
336
354
  #define typographyMessageTextL Regular 16px/150% Sage UI
337
355
  #define typographyPaginationLabelM Regular 13px/150% Sage UI
338
- #define typographyTileParagraphM Regular 14px/150% Sage UI
339
356
  #define typographyPillLabelS Medium 10px/150% Sage UI
340
357
  #define typographyPillLabelM Medium 12px/150% Sage UI
341
358
  #define typographyPillLabelL Medium 14px/150% Sage UI
@@ -391,6 +408,7 @@
391
408
  #define typographyTableCellTextM Regular 14px/150% Sage UI
392
409
  #define typographyTableCellTextL Regular 16px/150% Sage UI
393
410
  #define typographyTableCellTextXl Regular 16px/150% Sage UI
411
+ #define typographyTileParagraphM Regular 14px/150% Sage UI
394
412
  #define typographyTooltipTextM Regular 14px/150% Sage UI
395
413
  #define typographyTooltipTextL Regular 16px/150% Sage UI
396
414
  #define opacity300 0.3
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;
@@ -192,6 +206,7 @@ export const sizing375: string;
192
206
  export const sizing400: string;
193
207
  export const sizing450: string;
194
208
  export const sizing500: string;
209
+ export const sizing525: string;
195
210
  export const sizing600: string;
196
211
  export const sizing700: string;
197
212
  export const sizing800: string;
@@ -249,6 +264,8 @@ export const boxShadow300: string;
249
264
  export const boxShadow400: string;
250
265
  export const boxShadow075: string;
251
266
  export const boxShadow050: string;
267
+ export const boxShadow090: string;
268
+ export const boxShadow091: string;
252
269
  export const fontWeights400: string;
253
270
  export const fontWeights500: string;
254
271
  export const fontWeights700: string;
@@ -317,13 +334,13 @@ export const typographyLinkTextS: string;
317
334
  export const typographyLinkTextM: string;
318
335
  export const typographyLinkTextL: string;
319
336
  export const typographyMenuLabelM: string;
337
+ export const typographyMenuLabelL: string;
320
338
  export const typographyMenuSegmentTitleM: string;
321
339
  export const typographyMessageHeadingM: string;
322
340
  export const typographyMessageHeadingL: string;
323
341
  export const typographyMessageTextM: string;
324
342
  export const typographyMessageTextL: string;
325
343
  export const typographyPaginationLabelM: string;
326
- export const typographyTileParagraphM: string;
327
344
  export const typographyPillLabelS: string;
328
345
  export const typographyPillLabelM: string;
329
346
  export const typographyPillLabelL: string;
@@ -379,6 +396,7 @@ export const typographyTableCellTextS: string;
379
396
  export const typographyTableCellTextM: string;
380
397
  export const typographyTableCellTextL: string;
381
398
  export const typographyTableCellTextXl: string;
399
+ export const typographyTileParagraphM: string;
382
400
  export const typographyTooltipTextM: string;
383
401
  export const typographyTooltipTextL: string;
384
402
  export const opacity300: 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 14:56:51 GMT
7
+ * Generated on Mon, 04 Apr 2022 12:43:17 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',
@@ -202,6 +216,7 @@ module.exports = {
202
216
  sizing400: '32px',
203
217
  sizing450: '36px',
204
218
  sizing500: '40px',
219
+ sizing525: '42px',
205
220
  sizing600: '48px',
206
221
  sizing700: '56px',
207
222
  sizing800: '64px',
@@ -259,6 +274,8 @@ module.exports = {
259
274
  boxShadow400: '0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a',
260
275
  boxShadow075: 'inset 0 6px 4px -4px #00141e0d',
261
276
  boxShadow050: '0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26',
277
+ boxShadow090: '0 4px 8px -4px #00141e1a',
278
+ boxShadow091: '4px 0 8px -4px #00141e1a',
262
279
  fontWeights400: '400',
263
280
  fontWeights500: '500',
264
281
  fontWeights700: '700',
@@ -327,13 +344,13 @@ module.exports = {
327
344
  typographyLinkTextM: '400 14px/150% Sage UI',
328
345
  typographyLinkTextL: 'undefined 16px/150% Sage UI',
329
346
  typographyMenuLabelM: '500 14px/150% Sage UI',
347
+ typographyMenuLabelL: '500 16px/150% Sage UI',
330
348
  typographyMenuSegmentTitleM: '500 12px/150% Sage UI',
331
349
  typographyMessageHeadingM: '700 14px/150% Sage UI',
332
350
  typographyMessageHeadingL: '700 16px/150% Sage UI',
333
351
  typographyMessageTextM: '400 14px/150% Sage UI',
334
352
  typographyMessageTextL: '400 16px/150% Sage UI',
335
353
  typographyPaginationLabelM: '400 13px/150% Sage UI',
336
- typographyTileParagraphM: '400 14px/150% Sage UI',
337
354
  typographyPillLabelS: '500 10px/150% Sage UI',
338
355
  typographyPillLabelM: '500 12px/150% Sage UI',
339
356
  typographyPillLabelL: '500 14px/150% Sage UI',
@@ -389,6 +406,7 @@ module.exports = {
389
406
  typographyTableCellTextM: '400 14px/150% Sage UI',
390
407
  typographyTableCellTextL: '400 16px/150% Sage UI',
391
408
  typographyTableCellTextXl: '400 16px/150% Sage UI',
409
+ typographyTileParagraphM: '400 14px/150% Sage UI',
392
410
  typographyTooltipTextM: '400 14px/150% Sage UI',
393
411
  typographyTooltipTextL: '400 16px/150% Sage UI',
394
412
  opacity300: '0.3',
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;
@@ -193,6 +207,7 @@ declare namespace _default {
193
207
  const sizing400: string;
194
208
  const sizing450: string;
195
209
  const sizing500: string;
210
+ const sizing525: string;
196
211
  const sizing600: string;
197
212
  const sizing700: string;
198
213
  const sizing800: string;
@@ -250,6 +265,8 @@ declare namespace _default {
250
265
  const boxShadow400: string;
251
266
  const boxShadow075: string;
252
267
  const boxShadow050: string;
268
+ const boxShadow090: string;
269
+ const boxShadow091: string;
253
270
  const fontWeights400: string;
254
271
  const fontWeights500: string;
255
272
  const fontWeights700: string;
@@ -318,13 +335,13 @@ declare namespace _default {
318
335
  const typographyLinkTextM: string;
319
336
  const typographyLinkTextL: string;
320
337
  const typographyMenuLabelM: string;
338
+ const typographyMenuLabelL: string;
321
339
  const typographyMenuSegmentTitleM: string;
322
340
  const typographyMessageHeadingM: string;
323
341
  const typographyMessageHeadingL: string;
324
342
  const typographyMessageTextM: string;
325
343
  const typographyMessageTextL: string;
326
344
  const typographyPaginationLabelM: string;
327
- const typographyTileParagraphM: string;
328
345
  const typographyPillLabelS: string;
329
346
  const typographyPillLabelM: string;
330
347
  const typographyPillLabelL: string;
@@ -380,6 +397,7 @@ declare namespace _default {
380
397
  const typographyTableCellTextM: string;
381
398
  const typographyTableCellTextL: string;
382
399
  const typographyTableCellTextXl: string;
400
+ const typographyTileParagraphM: string;
383
401
  const typographyTooltipTextM: string;
384
402
  const typographyTooltipTextL: string;
385
403
  const opacity300: 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',
@@ -197,6 +211,7 @@ export default {
197
211
  sizing400: '32px',
198
212
  sizing450: '36px',
199
213
  sizing500: '40px',
214
+ sizing525: '42px',
200
215
  sizing600: '48px',
201
216
  sizing700: '56px',
202
217
  sizing800: '64px',
@@ -254,6 +269,8 @@ export default {
254
269
  boxShadow400: '0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a',
255
270
  boxShadow075: 'inset 0 6px 4px -4px #00141e0d',
256
271
  boxShadow050: '0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26',
272
+ boxShadow090: '0 4px 8px -4px #00141e1a',
273
+ boxShadow091: '4px 0 8px -4px #00141e1a',
257
274
  fontWeights400: '400',
258
275
  fontWeights500: '500',
259
276
  fontWeights700: '700',
@@ -322,13 +339,13 @@ export default {
322
339
  typographyLinkTextM: '400 14px/150% Sage UI',
323
340
  typographyLinkTextL: 'undefined 16px/150% Sage UI',
324
341
  typographyMenuLabelM: '500 14px/150% Sage UI',
342
+ typographyMenuLabelL: '500 16px/150% Sage UI',
325
343
  typographyMenuSegmentTitleM: '500 12px/150% Sage UI',
326
344
  typographyMessageHeadingM: '700 14px/150% Sage UI',
327
345
  typographyMessageHeadingL: '700 16px/150% Sage UI',
328
346
  typographyMessageTextM: '400 14px/150% Sage UI',
329
347
  typographyMessageTextL: '400 16px/150% Sage UI',
330
348
  typographyPaginationLabelM: '400 13px/150% Sage UI',
331
- typographyTileParagraphM: '400 14px/150% Sage UI',
332
349
  typographyPillLabelS: '500 10px/150% Sage UI',
333
350
  typographyPillLabelM: '500 12px/150% Sage UI',
334
351
  typographyPillLabelL: '500 14px/150% Sage UI',
@@ -384,6 +401,7 @@ export default {
384
401
  typographyTableCellTextM: '400 14px/150% Sage UI',
385
402
  typographyTableCellTextL: '400 16px/150% Sage UI',
386
403
  typographyTableCellTextXl: '400 16px/150% Sage UI',
404
+ typographyTileParagraphM: '400 14px/150% Sage UI',
387
405
  typographyTooltipTextM: '400 14px/150% Sage UI',
388
406
  typographyTooltipTextL: '400 16px/150% Sage UI',
389
407
  opacity300: '0.3',
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.10.0",
13
+ "version": "2.13.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.13.0.tgz ADDED
Binary file