@sage/design-tokens 2.13.0 → 2.16.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 +36 -13
- package/css/base.css +36 -13
- package/data/tokens.json +277 -44
- package/docs/tokens/base/colors/index.html +270 -102
- package/docs/tokens/base/index.html +585 -102
- package/docs/tokens/base/typography/index.html +315 -0
- package/docs/tokens/index.html +585 -102
- package/ios/base.h +36 -13
- package/js/base/common.d.ts +35 -12
- package/js/base/common.js +36 -13
- package/js/base/es6.d.ts +35 -12
- package/js/base/es6.js +35 -12
- package/package.json +1 -1
- package/sage-design-tokens-2.16.0.tgz +0 -0
- package/scss/base.scss +36 -13
- package/sage-design-tokens-2.13.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
|
|
7
|
+
// Generated on Thu, 07 Apr 2022 11:02:41 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -66,6 +66,26 @@
|
|
|
66
66
|
#define colorsComponentsMenuSummerChildAlt600 #007e45ff
|
|
67
67
|
#define colorsComponentsMenuSummerChildAlt700 #d9e0e4ff
|
|
68
68
|
#define colorsComponentsMenuSummerChildAlt800 #d9e0e4ff
|
|
69
|
+
#define colorsComponentsMenuWinterChild300 #4d4d4dff
|
|
70
|
+
#define colorsComponentsMenuWinterChild400 #ff00ffff
|
|
71
|
+
#define colorsComponentsMenuWinterChild500 #262626ff
|
|
72
|
+
#define colorsComponentsMenuWinterChild600 #007e45ff
|
|
73
|
+
#define colorsComponentsMenuWinterChild700 #262626ff
|
|
74
|
+
#define colorsComponentsMenuWinterChild800 #262626ff
|
|
75
|
+
#define colorsComponentsMenuWinterChildAlt300 #4d4d4dff
|
|
76
|
+
#define colorsComponentsMenuWinterChildAlt400 #ff00ffff
|
|
77
|
+
#define colorsComponentsMenuWinterChildAlt500 #404040ff
|
|
78
|
+
#define colorsComponentsMenuWinterChildAlt600 #007e45ff
|
|
79
|
+
#define colorsComponentsMenuWinterChildAlt700 #404040ff
|
|
80
|
+
#define colorsComponentsMenuWinterChildAlt800 #404040ff
|
|
81
|
+
#define colorsComponentsMenuWinterStandard400 #ff00ffff
|
|
82
|
+
#define colorsComponentsMenuWinterStandard500 #000000ff
|
|
83
|
+
#define colorsComponentsMenuWinterStandard600 #007e45ff
|
|
84
|
+
#define colorsComponentsMenuWinterStandard700 #262626ff
|
|
85
|
+
#define colorsComponentsMenuWinterStandard800 #262626ff
|
|
86
|
+
#define colorsComponentsMenuWinterParent500 #000000ff
|
|
87
|
+
#define colorsComponentsMenuWinterParent600 #007e45ff
|
|
88
|
+
#define colorsComponentsMenuWinterParent700 #262626ff
|
|
69
89
|
#define colorsComponentsMenuAutumnStandard500 #00324cff
|
|
70
90
|
#define colorsComponentsMenuAutumnStandard600 #007e45ff
|
|
71
91
|
#define colorsComponentsMenuAutumnStandard700 #19475eff
|
|
@@ -78,18 +98,6 @@
|
|
|
78
98
|
#define colorsComponentsMenuAutumnChildAlt400 #19475eff
|
|
79
99
|
#define colorsComponentsMenuAutumnChildAlt500 #00324cff
|
|
80
100
|
#define colorsComponentsMenuAutumnChildAlt600 #007e45ff
|
|
81
|
-
#define colorsComponentsMenuWinterStandard500 #000000ff
|
|
82
|
-
#define colorsComponentsMenuWinterStandard600 #007e45ff
|
|
83
|
-
#define colorsComponentsMenuWinterStandard700 #262626ff
|
|
84
|
-
#define colorsComponentsMenuWinterParent500 #000000ff
|
|
85
|
-
#define colorsComponentsMenuWinterParent600 #007e45ff
|
|
86
|
-
#define colorsComponentsMenuWinterParent700 #262626ff
|
|
87
|
-
#define colorsComponentsMenuWinterChild400 #262626ff
|
|
88
|
-
#define colorsComponentsMenuWinterChild500 #000000ff
|
|
89
|
-
#define colorsComponentsMenuWinterChild600 #007e45ff
|
|
90
|
-
#define colorsComponentsMenuWinterChildAlt400 #262626ff
|
|
91
|
-
#define colorsComponentsMenuWinterChildAlt500 #191919ff
|
|
92
|
-
#define colorsComponentsMenuWinterChildAlt600 #007e45ff
|
|
93
101
|
#define colorsComponentsMenuYin100 #000000ff
|
|
94
102
|
#define colorsComponentsMenuYin065 #000000a6
|
|
95
103
|
#define colorsComponentsMenuYin090 #000000e6
|
|
@@ -298,14 +306,29 @@
|
|
|
298
306
|
#define typographyButtonLabelS Bold 14px/150% Sage UI
|
|
299
307
|
#define typographyButtonLabelM Bold 14px/150% Sage UI
|
|
300
308
|
#define typographyButtonLabelL Bold 16px/150% Sage UI
|
|
309
|
+
#define typographyCardParagraphM Regular 14px/150% Sage UI
|
|
301
310
|
#define typographyCardSelectTitleM Bold 16px/150% Sage UI
|
|
302
311
|
#define typographyCardSelectSubtitleM Medium 14px/150% Sage UI
|
|
303
312
|
#define typographyCardSelectParagraphM Regular 14px/150% Sage UI
|
|
304
313
|
#define typographyDatePickerCalendarDateM Bold 14px/150% Sage UI
|
|
305
314
|
#define typographyDatePickerCalendarDayM Bold 14px/150% Sage UI
|
|
306
315
|
#define typographyDatePickerCalendarMonthM Bold 16px/125% Sage UI
|
|
316
|
+
#define typographyDialogTitleXs Bold 24px/125% Sage UI
|
|
317
|
+
#define typographyDialogTitleS Bold 24px/125% Sage UI
|
|
318
|
+
#define typographyDialogTitleMs Bold 24px/125% Sage UI
|
|
307
319
|
#define typographyDialogTitleM Bold 24px/125% Sage UI
|
|
320
|
+
#define typographyDialogTitleMl Bold 24px/125% Sage UI
|
|
321
|
+
#define typographyDialogTitleL Bold 24px/125% Sage UI
|
|
322
|
+
#define typographyDialogTitleXl Bold 24px/125% Sage UI
|
|
323
|
+
#define typographyDialogTitleXxl Bold 24px/125% Sage UI
|
|
324
|
+
#define typographyDialogParagraphXs Regular 14px/150% Sage UI
|
|
325
|
+
#define typographyDialogParagraphS Regular 14px/150% Sage UI
|
|
326
|
+
#define typographyDialogParagraphMs Regular 14px/150% Sage UI
|
|
308
327
|
#define typographyDialogParagraphM Regular 14px/150% Sage UI
|
|
328
|
+
#define typographyDialogParagraphMl Regular 14px/150% Sage UI
|
|
329
|
+
#define typographyDialogParagraphL Regular 14px/150% Sage UI
|
|
330
|
+
#define typographyDialogParagraphXl Regular 14px/150% Sage UI
|
|
331
|
+
#define typographyDialogParagraphXxl Regular 14px/150% Sage UI
|
|
309
332
|
#define typographyDrawerTitleM Bold 22px/125% Sage UI
|
|
310
333
|
#define typographyDrawerParagraphM 0 none
|
|
311
334
|
#define typographyFlashTextM Regular 14px/150% Sage UI
|
package/js/base/common.d.ts
CHANGED
|
@@ -54,6 +54,26 @@ export const colorsComponentsMenuSummerChildAlt500: string;
|
|
|
54
54
|
export const colorsComponentsMenuSummerChildAlt600: string;
|
|
55
55
|
export const colorsComponentsMenuSummerChildAlt700: string;
|
|
56
56
|
export const colorsComponentsMenuSummerChildAlt800: string;
|
|
57
|
+
export const colorsComponentsMenuWinterChild300: string;
|
|
58
|
+
export const colorsComponentsMenuWinterChild400: string;
|
|
59
|
+
export const colorsComponentsMenuWinterChild500: string;
|
|
60
|
+
export const colorsComponentsMenuWinterChild600: string;
|
|
61
|
+
export const colorsComponentsMenuWinterChild700: string;
|
|
62
|
+
export const colorsComponentsMenuWinterChild800: string;
|
|
63
|
+
export const colorsComponentsMenuWinterChildAlt300: string;
|
|
64
|
+
export const colorsComponentsMenuWinterChildAlt400: string;
|
|
65
|
+
export const colorsComponentsMenuWinterChildAlt500: string;
|
|
66
|
+
export const colorsComponentsMenuWinterChildAlt600: string;
|
|
67
|
+
export const colorsComponentsMenuWinterChildAlt700: string;
|
|
68
|
+
export const colorsComponentsMenuWinterChildAlt800: string;
|
|
69
|
+
export const colorsComponentsMenuWinterStandard400: string;
|
|
70
|
+
export const colorsComponentsMenuWinterStandard500: string;
|
|
71
|
+
export const colorsComponentsMenuWinterStandard600: string;
|
|
72
|
+
export const colorsComponentsMenuWinterStandard700: string;
|
|
73
|
+
export const colorsComponentsMenuWinterStandard800: string;
|
|
74
|
+
export const colorsComponentsMenuWinterParent500: string;
|
|
75
|
+
export const colorsComponentsMenuWinterParent600: string;
|
|
76
|
+
export const colorsComponentsMenuWinterParent700: string;
|
|
57
77
|
export const colorsComponentsMenuAutumnStandard500: string;
|
|
58
78
|
export const colorsComponentsMenuAutumnStandard600: string;
|
|
59
79
|
export const colorsComponentsMenuAutumnStandard700: string;
|
|
@@ -66,18 +86,6 @@ export const colorsComponentsMenuAutumnChild600: string;
|
|
|
66
86
|
export const colorsComponentsMenuAutumnChildAlt400: string;
|
|
67
87
|
export const colorsComponentsMenuAutumnChildAlt500: string;
|
|
68
88
|
export const colorsComponentsMenuAutumnChildAlt600: string;
|
|
69
|
-
export const colorsComponentsMenuWinterStandard500: string;
|
|
70
|
-
export const colorsComponentsMenuWinterStandard600: string;
|
|
71
|
-
export const colorsComponentsMenuWinterStandard700: string;
|
|
72
|
-
export const colorsComponentsMenuWinterParent500: string;
|
|
73
|
-
export const colorsComponentsMenuWinterParent600: string;
|
|
74
|
-
export const colorsComponentsMenuWinterParent700: string;
|
|
75
|
-
export const colorsComponentsMenuWinterChild400: string;
|
|
76
|
-
export const colorsComponentsMenuWinterChild500: string;
|
|
77
|
-
export const colorsComponentsMenuWinterChild600: string;
|
|
78
|
-
export const colorsComponentsMenuWinterChildAlt400: string;
|
|
79
|
-
export const colorsComponentsMenuWinterChildAlt500: string;
|
|
80
|
-
export const colorsComponentsMenuWinterChildAlt600: string;
|
|
81
89
|
export const colorsComponentsMenuYin100: string;
|
|
82
90
|
export const colorsComponentsMenuYin065: string;
|
|
83
91
|
export const colorsComponentsMenuYin090: string;
|
|
@@ -286,14 +294,29 @@ export const typographyBadgeLabelM: string;
|
|
|
286
294
|
export const typographyButtonLabelS: string;
|
|
287
295
|
export const typographyButtonLabelM: string;
|
|
288
296
|
export const typographyButtonLabelL: string;
|
|
297
|
+
export const typographyCardParagraphM: string;
|
|
289
298
|
export const typographyCardSelectTitleM: string;
|
|
290
299
|
export const typographyCardSelectSubtitleM: string;
|
|
291
300
|
export const typographyCardSelectParagraphM: string;
|
|
292
301
|
export const typographyDatePickerCalendarDateM: string;
|
|
293
302
|
export const typographyDatePickerCalendarDayM: string;
|
|
294
303
|
export const typographyDatePickerCalendarMonthM: string;
|
|
304
|
+
export const typographyDialogTitleXs: string;
|
|
305
|
+
export const typographyDialogTitleS: string;
|
|
306
|
+
export const typographyDialogTitleMs: string;
|
|
295
307
|
export const typographyDialogTitleM: string;
|
|
308
|
+
export const typographyDialogTitleMl: string;
|
|
309
|
+
export const typographyDialogTitleL: string;
|
|
310
|
+
export const typographyDialogTitleXl: string;
|
|
311
|
+
export const typographyDialogTitleXxl: string;
|
|
312
|
+
export const typographyDialogParagraphXs: string;
|
|
313
|
+
export const typographyDialogParagraphS: string;
|
|
314
|
+
export const typographyDialogParagraphMs: string;
|
|
296
315
|
export const typographyDialogParagraphM: string;
|
|
316
|
+
export const typographyDialogParagraphMl: string;
|
|
317
|
+
export const typographyDialogParagraphL: string;
|
|
318
|
+
export const typographyDialogParagraphXl: string;
|
|
319
|
+
export const typographyDialogParagraphXxl: string;
|
|
297
320
|
export const typographyDrawerTitleM: string;
|
|
298
321
|
export const typographyDrawerParagraphM: string;
|
|
299
322
|
export const typographyFlashTextM: 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
|
|
7
|
+
* Generated on Thu, 07 Apr 2022 11:02:41 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -64,6 +64,26 @@ module.exports = {
|
|
|
64
64
|
colorsComponentsMenuSummerChildAlt600: '#007e45ff',
|
|
65
65
|
colorsComponentsMenuSummerChildAlt700: '#d9e0e4ff',
|
|
66
66
|
colorsComponentsMenuSummerChildAlt800: '#d9e0e4ff',
|
|
67
|
+
colorsComponentsMenuWinterChild300: '#4d4d4dff',
|
|
68
|
+
colorsComponentsMenuWinterChild400: '#ff00ffff',
|
|
69
|
+
colorsComponentsMenuWinterChild500: '#262626ff',
|
|
70
|
+
colorsComponentsMenuWinterChild600: '#007e45ff',
|
|
71
|
+
colorsComponentsMenuWinterChild700: '#262626ff',
|
|
72
|
+
colorsComponentsMenuWinterChild800: '#262626ff',
|
|
73
|
+
colorsComponentsMenuWinterChildAlt300: '#4d4d4dff',
|
|
74
|
+
colorsComponentsMenuWinterChildAlt400: '#ff00ffff',
|
|
75
|
+
colorsComponentsMenuWinterChildAlt500: '#404040ff',
|
|
76
|
+
colorsComponentsMenuWinterChildAlt600: '#007e45ff',
|
|
77
|
+
colorsComponentsMenuWinterChildAlt700: '#404040ff',
|
|
78
|
+
colorsComponentsMenuWinterChildAlt800: '#404040ff',
|
|
79
|
+
colorsComponentsMenuWinterStandard400: '#ff00ffff',
|
|
80
|
+
colorsComponentsMenuWinterStandard500: '#000000ff',
|
|
81
|
+
colorsComponentsMenuWinterStandard600: '#007e45ff',
|
|
82
|
+
colorsComponentsMenuWinterStandard700: '#262626ff',
|
|
83
|
+
colorsComponentsMenuWinterStandard800: '#262626ff',
|
|
84
|
+
colorsComponentsMenuWinterParent500: '#000000ff',
|
|
85
|
+
colorsComponentsMenuWinterParent600: '#007e45ff',
|
|
86
|
+
colorsComponentsMenuWinterParent700: '#262626ff',
|
|
67
87
|
colorsComponentsMenuAutumnStandard500: '#00324cff',
|
|
68
88
|
colorsComponentsMenuAutumnStandard600: '#007e45ff',
|
|
69
89
|
colorsComponentsMenuAutumnStandard700: '#19475eff',
|
|
@@ -76,18 +96,6 @@ module.exports = {
|
|
|
76
96
|
colorsComponentsMenuAutumnChildAlt400: '#19475eff',
|
|
77
97
|
colorsComponentsMenuAutumnChildAlt500: '#00324cff',
|
|
78
98
|
colorsComponentsMenuAutumnChildAlt600: '#007e45ff',
|
|
79
|
-
colorsComponentsMenuWinterStandard500: '#000000ff',
|
|
80
|
-
colorsComponentsMenuWinterStandard600: '#007e45ff',
|
|
81
|
-
colorsComponentsMenuWinterStandard700: '#262626ff',
|
|
82
|
-
colorsComponentsMenuWinterParent500: '#000000ff',
|
|
83
|
-
colorsComponentsMenuWinterParent600: '#007e45ff',
|
|
84
|
-
colorsComponentsMenuWinterParent700: '#262626ff',
|
|
85
|
-
colorsComponentsMenuWinterChild400: '#262626ff',
|
|
86
|
-
colorsComponentsMenuWinterChild500: '#000000ff',
|
|
87
|
-
colorsComponentsMenuWinterChild600: '#007e45ff',
|
|
88
|
-
colorsComponentsMenuWinterChildAlt400: '#262626ff',
|
|
89
|
-
colorsComponentsMenuWinterChildAlt500: '#191919ff',
|
|
90
|
-
colorsComponentsMenuWinterChildAlt600: '#007e45ff',
|
|
91
99
|
colorsComponentsMenuYin100: '#000000ff',
|
|
92
100
|
colorsComponentsMenuYin065: '#000000a6',
|
|
93
101
|
colorsComponentsMenuYin090: '#000000e6',
|
|
@@ -296,14 +304,29 @@ module.exports = {
|
|
|
296
304
|
typographyButtonLabelS: '700 14px/150% Sage UI',
|
|
297
305
|
typographyButtonLabelM: '700 14px/150% Sage UI',
|
|
298
306
|
typographyButtonLabelL: '700 16px/150% Sage UI',
|
|
307
|
+
typographyCardParagraphM: '400 14px/150% Sage UI',
|
|
299
308
|
typographyCardSelectTitleM: '700 16px/150% Sage UI',
|
|
300
309
|
typographyCardSelectSubtitleM: '500 14px/150% Sage UI',
|
|
301
310
|
typographyCardSelectParagraphM: '400 14px/150% Sage UI',
|
|
302
311
|
typographyDatePickerCalendarDateM: '700 14px/150% Sage UI',
|
|
303
312
|
typographyDatePickerCalendarDayM: '700 14px/150% Sage UI',
|
|
304
313
|
typographyDatePickerCalendarMonthM: '700 16px/125% Sage UI',
|
|
314
|
+
typographyDialogTitleXs: '700 24px/125% Sage UI',
|
|
315
|
+
typographyDialogTitleS: '700 24px/125% Sage UI',
|
|
316
|
+
typographyDialogTitleMs: '700 24px/125% Sage UI',
|
|
305
317
|
typographyDialogTitleM: '700 24px/125% Sage UI',
|
|
318
|
+
typographyDialogTitleMl: '700 24px/125% Sage UI',
|
|
319
|
+
typographyDialogTitleL: '700 24px/125% Sage UI',
|
|
320
|
+
typographyDialogTitleXl: '700 24px/125% Sage UI',
|
|
321
|
+
typographyDialogTitleXxl: '700 24px/125% Sage UI',
|
|
322
|
+
typographyDialogParagraphXs: '400 14px/150% Sage UI',
|
|
323
|
+
typographyDialogParagraphS: '400 14px/150% Sage UI',
|
|
324
|
+
typographyDialogParagraphMs: '400 14px/150% Sage UI',
|
|
306
325
|
typographyDialogParagraphM: '400 14px/150% Sage UI',
|
|
326
|
+
typographyDialogParagraphMl: '400 14px/150% Sage UI',
|
|
327
|
+
typographyDialogParagraphL: '400 14px/150% Sage UI',
|
|
328
|
+
typographyDialogParagraphXl: '400 14px/150% Sage UI',
|
|
329
|
+
typographyDialogParagraphXxl: '400 14px/150% Sage UI',
|
|
307
330
|
typographyDrawerTitleM: '700 22px/125% Sage UI',
|
|
308
331
|
typographyDrawerParagraphM: '0 none',
|
|
309
332
|
typographyFlashTextM: '400 14px/150% Sage UI',
|
package/js/base/es6.d.ts
CHANGED
|
@@ -55,6 +55,26 @@ declare namespace _default {
|
|
|
55
55
|
const colorsComponentsMenuSummerChildAlt600: string;
|
|
56
56
|
const colorsComponentsMenuSummerChildAlt700: string;
|
|
57
57
|
const colorsComponentsMenuSummerChildAlt800: string;
|
|
58
|
+
const colorsComponentsMenuWinterChild300: string;
|
|
59
|
+
const colorsComponentsMenuWinterChild400: string;
|
|
60
|
+
const colorsComponentsMenuWinterChild500: string;
|
|
61
|
+
const colorsComponentsMenuWinterChild600: string;
|
|
62
|
+
const colorsComponentsMenuWinterChild700: string;
|
|
63
|
+
const colorsComponentsMenuWinterChild800: string;
|
|
64
|
+
const colorsComponentsMenuWinterChildAlt300: string;
|
|
65
|
+
const colorsComponentsMenuWinterChildAlt400: string;
|
|
66
|
+
const colorsComponentsMenuWinterChildAlt500: string;
|
|
67
|
+
const colorsComponentsMenuWinterChildAlt600: string;
|
|
68
|
+
const colorsComponentsMenuWinterChildAlt700: string;
|
|
69
|
+
const colorsComponentsMenuWinterChildAlt800: string;
|
|
70
|
+
const colorsComponentsMenuWinterStandard400: string;
|
|
71
|
+
const colorsComponentsMenuWinterStandard500: string;
|
|
72
|
+
const colorsComponentsMenuWinterStandard600: string;
|
|
73
|
+
const colorsComponentsMenuWinterStandard700: string;
|
|
74
|
+
const colorsComponentsMenuWinterStandard800: string;
|
|
75
|
+
const colorsComponentsMenuWinterParent500: string;
|
|
76
|
+
const colorsComponentsMenuWinterParent600: string;
|
|
77
|
+
const colorsComponentsMenuWinterParent700: string;
|
|
58
78
|
const colorsComponentsMenuAutumnStandard500: string;
|
|
59
79
|
const colorsComponentsMenuAutumnStandard600: string;
|
|
60
80
|
const colorsComponentsMenuAutumnStandard700: string;
|
|
@@ -67,18 +87,6 @@ declare namespace _default {
|
|
|
67
87
|
const colorsComponentsMenuAutumnChildAlt400: string;
|
|
68
88
|
const colorsComponentsMenuAutumnChildAlt500: string;
|
|
69
89
|
const colorsComponentsMenuAutumnChildAlt600: string;
|
|
70
|
-
const colorsComponentsMenuWinterStandard500: string;
|
|
71
|
-
const colorsComponentsMenuWinterStandard600: string;
|
|
72
|
-
const colorsComponentsMenuWinterStandard700: string;
|
|
73
|
-
const colorsComponentsMenuWinterParent500: string;
|
|
74
|
-
const colorsComponentsMenuWinterParent600: string;
|
|
75
|
-
const colorsComponentsMenuWinterParent700: string;
|
|
76
|
-
const colorsComponentsMenuWinterChild400: string;
|
|
77
|
-
const colorsComponentsMenuWinterChild500: string;
|
|
78
|
-
const colorsComponentsMenuWinterChild600: string;
|
|
79
|
-
const colorsComponentsMenuWinterChildAlt400: string;
|
|
80
|
-
const colorsComponentsMenuWinterChildAlt500: string;
|
|
81
|
-
const colorsComponentsMenuWinterChildAlt600: string;
|
|
82
90
|
const colorsComponentsMenuYin100: string;
|
|
83
91
|
const colorsComponentsMenuYin065: string;
|
|
84
92
|
const colorsComponentsMenuYin090: string;
|
|
@@ -287,14 +295,29 @@ declare namespace _default {
|
|
|
287
295
|
const typographyButtonLabelS: string;
|
|
288
296
|
const typographyButtonLabelM: string;
|
|
289
297
|
const typographyButtonLabelL: string;
|
|
298
|
+
const typographyCardParagraphM: string;
|
|
290
299
|
const typographyCardSelectTitleM: string;
|
|
291
300
|
const typographyCardSelectSubtitleM: string;
|
|
292
301
|
const typographyCardSelectParagraphM: string;
|
|
293
302
|
const typographyDatePickerCalendarDateM: string;
|
|
294
303
|
const typographyDatePickerCalendarDayM: string;
|
|
295
304
|
const typographyDatePickerCalendarMonthM: string;
|
|
305
|
+
const typographyDialogTitleXs: string;
|
|
306
|
+
const typographyDialogTitleS: string;
|
|
307
|
+
const typographyDialogTitleMs: string;
|
|
296
308
|
const typographyDialogTitleM: string;
|
|
309
|
+
const typographyDialogTitleMl: string;
|
|
310
|
+
const typographyDialogTitleL: string;
|
|
311
|
+
const typographyDialogTitleXl: string;
|
|
312
|
+
const typographyDialogTitleXxl: string;
|
|
313
|
+
const typographyDialogParagraphXs: string;
|
|
314
|
+
const typographyDialogParagraphS: string;
|
|
315
|
+
const typographyDialogParagraphMs: string;
|
|
297
316
|
const typographyDialogParagraphM: string;
|
|
317
|
+
const typographyDialogParagraphMl: string;
|
|
318
|
+
const typographyDialogParagraphL: string;
|
|
319
|
+
const typographyDialogParagraphXl: string;
|
|
320
|
+
const typographyDialogParagraphXxl: string;
|
|
298
321
|
const typographyDrawerTitleM: string;
|
|
299
322
|
const typographyDrawerParagraphM: string;
|
|
300
323
|
const typographyFlashTextM: string;
|
package/js/base/es6.js
CHANGED
|
@@ -59,6 +59,26 @@ export default {
|
|
|
59
59
|
colorsComponentsMenuSummerChildAlt600: '#007e45ff',
|
|
60
60
|
colorsComponentsMenuSummerChildAlt700: '#d9e0e4ff',
|
|
61
61
|
colorsComponentsMenuSummerChildAlt800: '#d9e0e4ff',
|
|
62
|
+
colorsComponentsMenuWinterChild300: '#4d4d4dff',
|
|
63
|
+
colorsComponentsMenuWinterChild400: '#ff00ffff',
|
|
64
|
+
colorsComponentsMenuWinterChild500: '#262626ff',
|
|
65
|
+
colorsComponentsMenuWinterChild600: '#007e45ff',
|
|
66
|
+
colorsComponentsMenuWinterChild700: '#262626ff',
|
|
67
|
+
colorsComponentsMenuWinterChild800: '#262626ff',
|
|
68
|
+
colorsComponentsMenuWinterChildAlt300: '#4d4d4dff',
|
|
69
|
+
colorsComponentsMenuWinterChildAlt400: '#ff00ffff',
|
|
70
|
+
colorsComponentsMenuWinterChildAlt500: '#404040ff',
|
|
71
|
+
colorsComponentsMenuWinterChildAlt600: '#007e45ff',
|
|
72
|
+
colorsComponentsMenuWinterChildAlt700: '#404040ff',
|
|
73
|
+
colorsComponentsMenuWinterChildAlt800: '#404040ff',
|
|
74
|
+
colorsComponentsMenuWinterStandard400: '#ff00ffff',
|
|
75
|
+
colorsComponentsMenuWinterStandard500: '#000000ff',
|
|
76
|
+
colorsComponentsMenuWinterStandard600: '#007e45ff',
|
|
77
|
+
colorsComponentsMenuWinterStandard700: '#262626ff',
|
|
78
|
+
colorsComponentsMenuWinterStandard800: '#262626ff',
|
|
79
|
+
colorsComponentsMenuWinterParent500: '#000000ff',
|
|
80
|
+
colorsComponentsMenuWinterParent600: '#007e45ff',
|
|
81
|
+
colorsComponentsMenuWinterParent700: '#262626ff',
|
|
62
82
|
colorsComponentsMenuAutumnStandard500: '#00324cff',
|
|
63
83
|
colorsComponentsMenuAutumnStandard600: '#007e45ff',
|
|
64
84
|
colorsComponentsMenuAutumnStandard700: '#19475eff',
|
|
@@ -71,18 +91,6 @@ export default {
|
|
|
71
91
|
colorsComponentsMenuAutumnChildAlt400: '#19475eff',
|
|
72
92
|
colorsComponentsMenuAutumnChildAlt500: '#00324cff',
|
|
73
93
|
colorsComponentsMenuAutumnChildAlt600: '#007e45ff',
|
|
74
|
-
colorsComponentsMenuWinterStandard500: '#000000ff',
|
|
75
|
-
colorsComponentsMenuWinterStandard600: '#007e45ff',
|
|
76
|
-
colorsComponentsMenuWinterStandard700: '#262626ff',
|
|
77
|
-
colorsComponentsMenuWinterParent500: '#000000ff',
|
|
78
|
-
colorsComponentsMenuWinterParent600: '#007e45ff',
|
|
79
|
-
colorsComponentsMenuWinterParent700: '#262626ff',
|
|
80
|
-
colorsComponentsMenuWinterChild400: '#262626ff',
|
|
81
|
-
colorsComponentsMenuWinterChild500: '#000000ff',
|
|
82
|
-
colorsComponentsMenuWinterChild600: '#007e45ff',
|
|
83
|
-
colorsComponentsMenuWinterChildAlt400: '#262626ff',
|
|
84
|
-
colorsComponentsMenuWinterChildAlt500: '#191919ff',
|
|
85
|
-
colorsComponentsMenuWinterChildAlt600: '#007e45ff',
|
|
86
94
|
colorsComponentsMenuYin100: '#000000ff',
|
|
87
95
|
colorsComponentsMenuYin065: '#000000a6',
|
|
88
96
|
colorsComponentsMenuYin090: '#000000e6',
|
|
@@ -291,14 +299,29 @@ export default {
|
|
|
291
299
|
typographyButtonLabelS: '700 14px/150% Sage UI',
|
|
292
300
|
typographyButtonLabelM: '700 14px/150% Sage UI',
|
|
293
301
|
typographyButtonLabelL: '700 16px/150% Sage UI',
|
|
302
|
+
typographyCardParagraphM: '400 14px/150% Sage UI',
|
|
294
303
|
typographyCardSelectTitleM: '700 16px/150% Sage UI',
|
|
295
304
|
typographyCardSelectSubtitleM: '500 14px/150% Sage UI',
|
|
296
305
|
typographyCardSelectParagraphM: '400 14px/150% Sage UI',
|
|
297
306
|
typographyDatePickerCalendarDateM: '700 14px/150% Sage UI',
|
|
298
307
|
typographyDatePickerCalendarDayM: '700 14px/150% Sage UI',
|
|
299
308
|
typographyDatePickerCalendarMonthM: '700 16px/125% Sage UI',
|
|
309
|
+
typographyDialogTitleXs: '700 24px/125% Sage UI',
|
|
310
|
+
typographyDialogTitleS: '700 24px/125% Sage UI',
|
|
311
|
+
typographyDialogTitleMs: '700 24px/125% Sage UI',
|
|
300
312
|
typographyDialogTitleM: '700 24px/125% Sage UI',
|
|
313
|
+
typographyDialogTitleMl: '700 24px/125% Sage UI',
|
|
314
|
+
typographyDialogTitleL: '700 24px/125% Sage UI',
|
|
315
|
+
typographyDialogTitleXl: '700 24px/125% Sage UI',
|
|
316
|
+
typographyDialogTitleXxl: '700 24px/125% Sage UI',
|
|
317
|
+
typographyDialogParagraphXs: '400 14px/150% Sage UI',
|
|
318
|
+
typographyDialogParagraphS: '400 14px/150% Sage UI',
|
|
319
|
+
typographyDialogParagraphMs: '400 14px/150% Sage UI',
|
|
301
320
|
typographyDialogParagraphM: '400 14px/150% Sage UI',
|
|
321
|
+
typographyDialogParagraphMl: '400 14px/150% Sage UI',
|
|
322
|
+
typographyDialogParagraphL: '400 14px/150% Sage UI',
|
|
323
|
+
typographyDialogParagraphXl: '400 14px/150% Sage UI',
|
|
324
|
+
typographyDialogParagraphXxl: '400 14px/150% Sage UI',
|
|
302
325
|
typographyDrawerTitleM: '700 22px/125% Sage UI',
|
|
303
326
|
typographyDrawerParagraphM: '0 none',
|
|
304
327
|
typographyFlashTextM: '400 14px/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.
|
|
13
|
+
"version": "2.16.0",
|
|
14
14
|
"license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
|
|
15
15
|
"tags": [
|
|
16
16
|
"design tokens",
|
|
Binary file
|
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
|
|
7
|
+
// Generated on Thu, 07 Apr 2022 11:02:41 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Base Theme;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -62,6 +62,26 @@ $colorsComponentsMenuSummerChildAlt500: #d9e0e4ff;
|
|
|
62
62
|
$colorsComponentsMenuSummerChildAlt600: #007e45ff;
|
|
63
63
|
$colorsComponentsMenuSummerChildAlt700: #d9e0e4ff;
|
|
64
64
|
$colorsComponentsMenuSummerChildAlt800: #d9e0e4ff;
|
|
65
|
+
$colorsComponentsMenuWinterChild300: #4d4d4dff;
|
|
66
|
+
$colorsComponentsMenuWinterChild400: #ff00ffff;
|
|
67
|
+
$colorsComponentsMenuWinterChild500: #262626ff;
|
|
68
|
+
$colorsComponentsMenuWinterChild600: #007e45ff;
|
|
69
|
+
$colorsComponentsMenuWinterChild700: #262626ff;
|
|
70
|
+
$colorsComponentsMenuWinterChild800: #262626ff;
|
|
71
|
+
$colorsComponentsMenuWinterChildAlt300: #4d4d4dff;
|
|
72
|
+
$colorsComponentsMenuWinterChildAlt400: #ff00ffff;
|
|
73
|
+
$colorsComponentsMenuWinterChildAlt500: #404040ff;
|
|
74
|
+
$colorsComponentsMenuWinterChildAlt600: #007e45ff;
|
|
75
|
+
$colorsComponentsMenuWinterChildAlt700: #404040ff;
|
|
76
|
+
$colorsComponentsMenuWinterChildAlt800: #404040ff;
|
|
77
|
+
$colorsComponentsMenuWinterStandard400: #ff00ffff;
|
|
78
|
+
$colorsComponentsMenuWinterStandard500: #000000ff;
|
|
79
|
+
$colorsComponentsMenuWinterStandard600: #007e45ff;
|
|
80
|
+
$colorsComponentsMenuWinterStandard700: #262626ff;
|
|
81
|
+
$colorsComponentsMenuWinterStandard800: #262626ff;
|
|
82
|
+
$colorsComponentsMenuWinterParent500: #000000ff;
|
|
83
|
+
$colorsComponentsMenuWinterParent600: #007e45ff;
|
|
84
|
+
$colorsComponentsMenuWinterParent700: #262626ff;
|
|
65
85
|
$colorsComponentsMenuAutumnStandard500: #00324cff;
|
|
66
86
|
$colorsComponentsMenuAutumnStandard600: #007e45ff;
|
|
67
87
|
$colorsComponentsMenuAutumnStandard700: #19475eff;
|
|
@@ -74,18 +94,6 @@ $colorsComponentsMenuAutumnChild600: #007e45ff;
|
|
|
74
94
|
$colorsComponentsMenuAutumnChildAlt400: #19475eff;
|
|
75
95
|
$colorsComponentsMenuAutumnChildAlt500: #00324cff;
|
|
76
96
|
$colorsComponentsMenuAutumnChildAlt600: #007e45ff;
|
|
77
|
-
$colorsComponentsMenuWinterStandard500: #000000ff;
|
|
78
|
-
$colorsComponentsMenuWinterStandard600: #007e45ff;
|
|
79
|
-
$colorsComponentsMenuWinterStandard700: #262626ff;
|
|
80
|
-
$colorsComponentsMenuWinterParent500: #000000ff;
|
|
81
|
-
$colorsComponentsMenuWinterParent600: #007e45ff;
|
|
82
|
-
$colorsComponentsMenuWinterParent700: #262626ff;
|
|
83
|
-
$colorsComponentsMenuWinterChild400: #262626ff;
|
|
84
|
-
$colorsComponentsMenuWinterChild500: #000000ff;
|
|
85
|
-
$colorsComponentsMenuWinterChild600: #007e45ff;
|
|
86
|
-
$colorsComponentsMenuWinterChildAlt400: #262626ff;
|
|
87
|
-
$colorsComponentsMenuWinterChildAlt500: #191919ff;
|
|
88
|
-
$colorsComponentsMenuWinterChildAlt600: #007e45ff;
|
|
89
97
|
$colorsComponentsMenuYin100: #000000ff;
|
|
90
98
|
$colorsComponentsMenuYin065: #000000a6;
|
|
91
99
|
$colorsComponentsMenuYin090: #000000e6;
|
|
@@ -294,14 +302,29 @@ $typographyBadgeLabelM: 500 12px/150% Sage UI;
|
|
|
294
302
|
$typographyButtonLabelS: 700 14px/150% Sage UI;
|
|
295
303
|
$typographyButtonLabelM: 700 14px/150% Sage UI;
|
|
296
304
|
$typographyButtonLabelL: 700 16px/150% Sage UI;
|
|
305
|
+
$typographyCardParagraphM: 400 14px/150% Sage UI;
|
|
297
306
|
$typographyCardSelectTitleM: 700 16px/150% Sage UI;
|
|
298
307
|
$typographyCardSelectSubtitleM: 500 14px/150% Sage UI;
|
|
299
308
|
$typographyCardSelectParagraphM: 400 14px/150% Sage UI;
|
|
300
309
|
$typographyDatePickerCalendarDateM: 700 14px/150% Sage UI;
|
|
301
310
|
$typographyDatePickerCalendarDayM: 700 14px/150% Sage UI;
|
|
302
311
|
$typographyDatePickerCalendarMonthM: 700 16px/125% Sage UI;
|
|
312
|
+
$typographyDialogTitleXs: 700 24px/125% Sage UI;
|
|
313
|
+
$typographyDialogTitleS: 700 24px/125% Sage UI;
|
|
314
|
+
$typographyDialogTitleMs: 700 24px/125% Sage UI;
|
|
303
315
|
$typographyDialogTitleM: 700 24px/125% Sage UI;
|
|
316
|
+
$typographyDialogTitleMl: 700 24px/125% Sage UI;
|
|
317
|
+
$typographyDialogTitleL: 700 24px/125% Sage UI;
|
|
318
|
+
$typographyDialogTitleXl: 700 24px/125% Sage UI;
|
|
319
|
+
$typographyDialogTitleXxl: 700 24px/125% Sage UI;
|
|
320
|
+
$typographyDialogParagraphXs: 400 14px/150% Sage UI;
|
|
321
|
+
$typographyDialogParagraphS: 400 14px/150% Sage UI;
|
|
322
|
+
$typographyDialogParagraphMs: 400 14px/150% Sage UI;
|
|
304
323
|
$typographyDialogParagraphM: 400 14px/150% Sage UI;
|
|
324
|
+
$typographyDialogParagraphMl: 400 14px/150% Sage UI;
|
|
325
|
+
$typographyDialogParagraphL: 400 14px/150% Sage UI;
|
|
326
|
+
$typographyDialogParagraphXl: 400 14px/150% Sage UI;
|
|
327
|
+
$typographyDialogParagraphXxl: 400 14px/150% Sage UI;
|
|
305
328
|
$typographyDrawerTitleM: 700 22px/125% Sage UI;
|
|
306
329
|
$typographyDrawerParagraphM: 0 none;
|
|
307
330
|
$typographyFlashTextM: 400 14px/150% Sage UI;
|
|
Binary file
|