@sage/design-tokens 2.14.0 → 2.17.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 +14 -5
  2. package/css/base.css +14 -5
  3. package/data/tokens.json +84 -19
  4. package/docs/tokens/base/colors/index.html +176 -8
  5. package/docs/tokens/base/index.html +197 -8
  6. package/docs/tokens/base/typography/index.html +21 -0
  7. package/docs/tokens/index.html +197 -8
  8. package/ios/base.h +14 -5
  9. package/js/base/common.d.ts +9 -0
  10. package/js/base/common.js +14 -5
  11. package/js/base/es6.d.ts +9 -0
  12. package/js/base/es6.js +13 -4
  13. package/package.json +1 -1
  14. package/sage-design-tokens-2.17.0.tgz +0 -0
  15. package/scss/base.scss +14 -5
  16. package/sage-design-tokens-2.14.0.tgz +0 -0
package/js/base/common.d.ts CHANGED
@@ -66,18 +66,26 @@ export const colorsComponentsMenuAutumnChild600: string;
66
66
  export const colorsComponentsMenuAutumnChildAlt400: string;
67
67
  export const colorsComponentsMenuAutumnChildAlt500: string;
68
68
  export const colorsComponentsMenuAutumnChildAlt600: string;
69
+ export const colorsComponentsMenuWinterStandard400: string;
69
70
  export const colorsComponentsMenuWinterStandard500: string;
70
71
  export const colorsComponentsMenuWinterStandard600: string;
71
72
  export const colorsComponentsMenuWinterStandard700: string;
73
+ export const colorsComponentsMenuWinterStandard800: string;
72
74
  export const colorsComponentsMenuWinterParent500: string;
73
75
  export const colorsComponentsMenuWinterParent600: string;
74
76
  export const colorsComponentsMenuWinterParent700: string;
77
+ export const colorsComponentsMenuWinterChild300: string;
75
78
  export const colorsComponentsMenuWinterChild400: string;
76
79
  export const colorsComponentsMenuWinterChild500: string;
77
80
  export const colorsComponentsMenuWinterChild600: string;
81
+ export const colorsComponentsMenuWinterChild700: string;
82
+ export const colorsComponentsMenuWinterChild800: string;
83
+ export const colorsComponentsMenuWinterChildAlt300: string;
78
84
  export const colorsComponentsMenuWinterChildAlt400: string;
79
85
  export const colorsComponentsMenuWinterChildAlt500: string;
80
86
  export const colorsComponentsMenuWinterChildAlt600: string;
87
+ export const colorsComponentsMenuWinterChildAlt700: string;
88
+ export const colorsComponentsMenuWinterChildAlt800: string;
81
89
  export const colorsComponentsMenuYin100: string;
82
90
  export const colorsComponentsMenuYin065: string;
83
91
  export const colorsComponentsMenuYin090: string;
@@ -286,6 +294,7 @@ 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;
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 Tue, 05 Apr 2022 09:36:33 GMT
7
+ * Generated on Thu, 07 Apr 2022 11:06:14 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -76,18 +76,26 @@ module.exports = {
76
76
  colorsComponentsMenuAutumnChildAlt400: '#19475eff',
77
77
  colorsComponentsMenuAutumnChildAlt500: '#00324cff',
78
78
  colorsComponentsMenuAutumnChildAlt600: '#007e45ff',
79
+ colorsComponentsMenuWinterStandard400: '#ff00ffff',
79
80
  colorsComponentsMenuWinterStandard500: '#000000ff',
80
81
  colorsComponentsMenuWinterStandard600: '#007e45ff',
81
82
  colorsComponentsMenuWinterStandard700: '#262626ff',
83
+ colorsComponentsMenuWinterStandard800: '#262626ff',
82
84
  colorsComponentsMenuWinterParent500: '#000000ff',
83
85
  colorsComponentsMenuWinterParent600: '#007e45ff',
84
86
  colorsComponentsMenuWinterParent700: '#262626ff',
85
- colorsComponentsMenuWinterChild400: '#262626ff',
86
- colorsComponentsMenuWinterChild500: '#000000ff',
87
+ colorsComponentsMenuWinterChild300: '#4d4d4dff',
88
+ colorsComponentsMenuWinterChild400: '#ff00ffff',
89
+ colorsComponentsMenuWinterChild500: '#262626ff',
87
90
  colorsComponentsMenuWinterChild600: '#007e45ff',
88
- colorsComponentsMenuWinterChildAlt400: '#262626ff',
89
- colorsComponentsMenuWinterChildAlt500: '#191919ff',
91
+ colorsComponentsMenuWinterChild700: '#262626ff',
92
+ colorsComponentsMenuWinterChild800: '#262626ff',
93
+ colorsComponentsMenuWinterChildAlt300: '#4d4d4dff',
94
+ colorsComponentsMenuWinterChildAlt400: '#ff00ffff',
95
+ colorsComponentsMenuWinterChildAlt500: '#404040ff',
90
96
  colorsComponentsMenuWinterChildAlt600: '#007e45ff',
97
+ colorsComponentsMenuWinterChildAlt700: '#404040ff',
98
+ colorsComponentsMenuWinterChildAlt800: '#404040ff',
91
99
  colorsComponentsMenuYin100: '#000000ff',
92
100
  colorsComponentsMenuYin065: '#000000a6',
93
101
  colorsComponentsMenuYin090: '#000000e6',
@@ -296,6 +304,7 @@ 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',
package/js/base/es6.d.ts CHANGED
@@ -67,18 +67,26 @@ declare namespace _default {
67
67
  const colorsComponentsMenuAutumnChildAlt400: string;
68
68
  const colorsComponentsMenuAutumnChildAlt500: string;
69
69
  const colorsComponentsMenuAutumnChildAlt600: string;
70
+ const colorsComponentsMenuWinterStandard400: string;
70
71
  const colorsComponentsMenuWinterStandard500: string;
71
72
  const colorsComponentsMenuWinterStandard600: string;
72
73
  const colorsComponentsMenuWinterStandard700: string;
74
+ const colorsComponentsMenuWinterStandard800: string;
73
75
  const colorsComponentsMenuWinterParent500: string;
74
76
  const colorsComponentsMenuWinterParent600: string;
75
77
  const colorsComponentsMenuWinterParent700: string;
78
+ const colorsComponentsMenuWinterChild300: string;
76
79
  const colorsComponentsMenuWinterChild400: string;
77
80
  const colorsComponentsMenuWinterChild500: string;
78
81
  const colorsComponentsMenuWinterChild600: string;
82
+ const colorsComponentsMenuWinterChild700: string;
83
+ const colorsComponentsMenuWinterChild800: string;
84
+ const colorsComponentsMenuWinterChildAlt300: string;
79
85
  const colorsComponentsMenuWinterChildAlt400: string;
80
86
  const colorsComponentsMenuWinterChildAlt500: string;
81
87
  const colorsComponentsMenuWinterChildAlt600: string;
88
+ const colorsComponentsMenuWinterChildAlt700: string;
89
+ const colorsComponentsMenuWinterChildAlt800: string;
82
90
  const colorsComponentsMenuYin100: string;
83
91
  const colorsComponentsMenuYin065: string;
84
92
  const colorsComponentsMenuYin090: string;
@@ -287,6 +295,7 @@ 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;
package/js/base/es6.js CHANGED
@@ -71,18 +71,26 @@ export default {
71
71
  colorsComponentsMenuAutumnChildAlt400: '#19475eff',
72
72
  colorsComponentsMenuAutumnChildAlt500: '#00324cff',
73
73
  colorsComponentsMenuAutumnChildAlt600: '#007e45ff',
74
+ colorsComponentsMenuWinterStandard400: '#ff00ffff',
74
75
  colorsComponentsMenuWinterStandard500: '#000000ff',
75
76
  colorsComponentsMenuWinterStandard600: '#007e45ff',
76
77
  colorsComponentsMenuWinterStandard700: '#262626ff',
78
+ colorsComponentsMenuWinterStandard800: '#262626ff',
77
79
  colorsComponentsMenuWinterParent500: '#000000ff',
78
80
  colorsComponentsMenuWinterParent600: '#007e45ff',
79
81
  colorsComponentsMenuWinterParent700: '#262626ff',
80
- colorsComponentsMenuWinterChild400: '#262626ff',
81
- colorsComponentsMenuWinterChild500: '#000000ff',
82
+ colorsComponentsMenuWinterChild300: '#4d4d4dff',
83
+ colorsComponentsMenuWinterChild400: '#ff00ffff',
84
+ colorsComponentsMenuWinterChild500: '#262626ff',
82
85
  colorsComponentsMenuWinterChild600: '#007e45ff',
83
- colorsComponentsMenuWinterChildAlt400: '#262626ff',
84
- colorsComponentsMenuWinterChildAlt500: '#191919ff',
86
+ colorsComponentsMenuWinterChild700: '#262626ff',
87
+ colorsComponentsMenuWinterChild800: '#262626ff',
88
+ colorsComponentsMenuWinterChildAlt300: '#4d4d4dff',
89
+ colorsComponentsMenuWinterChildAlt400: '#ff00ffff',
90
+ colorsComponentsMenuWinterChildAlt500: '#404040ff',
85
91
  colorsComponentsMenuWinterChildAlt600: '#007e45ff',
92
+ colorsComponentsMenuWinterChildAlt700: '#404040ff',
93
+ colorsComponentsMenuWinterChildAlt800: '#404040ff',
86
94
  colorsComponentsMenuYin100: '#000000ff',
87
95
  colorsComponentsMenuYin065: '#000000a6',
88
96
  colorsComponentsMenuYin090: '#000000e6',
@@ -291,6 +299,7 @@ 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',
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.14.0",
13
+ "version": "2.17.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.17.0.tgz ADDED
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 Tue, 05 Apr 2022 09:36:33 GMT
7
+ // Generated on Thu, 07 Apr 2022 11:06:14 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -74,18 +74,26 @@ $colorsComponentsMenuAutumnChild600: #007e45ff;
74
74
  $colorsComponentsMenuAutumnChildAlt400: #19475eff;
75
75
  $colorsComponentsMenuAutumnChildAlt500: #00324cff;
76
76
  $colorsComponentsMenuAutumnChildAlt600: #007e45ff;
77
+ $colorsComponentsMenuWinterStandard400: #ff00ffff;
77
78
  $colorsComponentsMenuWinterStandard500: #000000ff;
78
79
  $colorsComponentsMenuWinterStandard600: #007e45ff;
79
80
  $colorsComponentsMenuWinterStandard700: #262626ff;
81
+ $colorsComponentsMenuWinterStandard800: #262626ff;
80
82
  $colorsComponentsMenuWinterParent500: #000000ff;
81
83
  $colorsComponentsMenuWinterParent600: #007e45ff;
82
84
  $colorsComponentsMenuWinterParent700: #262626ff;
83
- $colorsComponentsMenuWinterChild400: #262626ff;
84
- $colorsComponentsMenuWinterChild500: #000000ff;
85
+ $colorsComponentsMenuWinterChild300: #4d4d4dff;
86
+ $colorsComponentsMenuWinterChild400: #ff00ffff;
87
+ $colorsComponentsMenuWinterChild500: #262626ff;
85
88
  $colorsComponentsMenuWinterChild600: #007e45ff;
86
- $colorsComponentsMenuWinterChildAlt400: #262626ff;
87
- $colorsComponentsMenuWinterChildAlt500: #191919ff;
89
+ $colorsComponentsMenuWinterChild700: #262626ff;
90
+ $colorsComponentsMenuWinterChild800: #262626ff;
91
+ $colorsComponentsMenuWinterChildAlt300: #4d4d4dff;
92
+ $colorsComponentsMenuWinterChildAlt400: #ff00ffff;
93
+ $colorsComponentsMenuWinterChildAlt500: #404040ff;
88
94
  $colorsComponentsMenuWinterChildAlt600: #007e45ff;
95
+ $colorsComponentsMenuWinterChildAlt700: #404040ff;
96
+ $colorsComponentsMenuWinterChildAlt800: #404040ff;
89
97
  $colorsComponentsMenuYin100: #000000ff;
90
98
  $colorsComponentsMenuYin065: #000000a6;
91
99
  $colorsComponentsMenuYin090: #000000e6;
@@ -294,6 +302,7 @@ $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;
package/sage-design-tokens-2.14.0.tgz DELETED
Binary file