@sage/design-tokens 2.19.2 → 2.22.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 (17) hide show
  1. package/android/base.xml +18 -6
  2. package/css/base.css +18 -6
  3. package/data/tokens.json +163 -17
  4. package/docs/tokens/base/box-shadow/index.html +27 -6
  5. package/docs/tokens/base/colors/index.html +29 -8
  6. package/docs/tokens/base/index.html +266 -14
  7. package/docs/tokens/base/typography/index.html +210 -0
  8. package/docs/tokens/index.html +266 -14
  9. package/ios/base.h +18 -6
  10. package/js/base/common.d.ts +13 -1
  11. package/js/base/common.js +18 -6
  12. package/js/base/es6.d.ts +13 -1
  13. package/js/base/es6.js +17 -5
  14. package/package.json +1 -1
  15. package/sage-design-tokens-2.22.0.tgz +0 -0
  16. package/scss/base.scss +18 -6
  17. package/sage-design-tokens-2.19.2.tgz +0 -0
package/js/base/es6.js CHANGED
@@ -41,12 +41,12 @@ export default {
41
41
  colorsComponentsMenuSpringChildAlt500: '#e6ebedff',
42
42
  colorsComponentsMenuSpringChildAlt600: '#007e45ff',
43
43
  colorsComponentsMenuSummerStandard400: '#ccd6dbff',
44
- colorsComponentsMenuSummerStandard500: '#ffffffff',
44
+ colorsComponentsMenuSummerStandard500: '#00000000',
45
45
  colorsComponentsMenuSummerStandard600: '#007e45ff',
46
46
  colorsComponentsMenuSummerStandard700: '#e6ebedff',
47
47
  colorsComponentsMenuSummerStandard800: '#e6ebedff',
48
48
  colorsComponentsMenuSummerParent400: '#ccd6dbff',
49
- colorsComponentsMenuSummerParent500: '#ffffffff',
49
+ colorsComponentsMenuSummerParent500: '#00000000',
50
50
  colorsComponentsMenuSummerParent600: '#007e45ff',
51
51
  colorsComponentsMenuSummerParent700: '#e6ebedff',
52
52
  colorsComponentsMenuSummerParent800: '#e6ebedff',
@@ -75,12 +75,12 @@ export default {
75
75
  colorsComponentsMenuAutumnChildAlt500: '#00324cff',
76
76
  colorsComponentsMenuAutumnChildAlt600: '#007e45ff',
77
77
  colorsComponentsMenuWinterStandard400: '#4d4d4dff',
78
- colorsComponentsMenuWinterStandard500: '#000000ff',
78
+ colorsComponentsMenuWinterStandard500: '#00000000',
79
79
  colorsComponentsMenuWinterStandard600: '#007e45ff',
80
80
  colorsComponentsMenuWinterStandard700: '#262626ff',
81
81
  colorsComponentsMenuWinterStandard800: '#262626ff',
82
82
  colorsComponentsMenuWinterParent400: '#4d4d4dff',
83
- colorsComponentsMenuWinterParent500: '#000000ff',
83
+ colorsComponentsMenuWinterParent500: '#00000000',
84
84
  colorsComponentsMenuWinterParent600: '#007e45ff',
85
85
  colorsComponentsMenuWinterParent700: '#262626ff',
86
86
  colorsComponentsMenuWinterParent800: '#262626ff',
@@ -101,6 +101,7 @@ export default {
101
101
  colorsComponentsMenuYin090: '#000000e6',
102
102
  colorsComponentsMenuYang100: '#ffffffff',
103
103
  colorsComponentsMenuYang080: '#ffffffcc',
104
+ colorsComponentsMenuTransparent: '#00000000',
104
105
  colorsUtilityMajor100: '#ccd6dbff',
105
106
  colorsUtilityMajor150: '#b3c2c9ff',
106
107
  colorsUtilityMajor200: '#99adb7ff',
@@ -280,8 +281,9 @@ export default {
280
281
  boxShadow200: '0 10px 20px 0 #00141e33, 0 20px 40px 0 #00141e1a',
281
282
  boxShadow300: '0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a',
282
283
  boxShadow400: '0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a',
283
- boxShadow075: 'inset 0 6px 4px -4px #00141e0d',
284
+ boxShadow010: 'inset 0 -1px 0 0 #e6ebedff',
284
285
  boxShadow050: '0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26',
286
+ boxShadow075: 'inset 0 6px 4px -4px #00141e0d',
285
287
  boxShadow090: '0 4px 8px -4px #00141e1a',
286
288
  boxShadow091: '4px 0 8px -4px #00141e1a',
287
289
  fontWeights400: '400',
@@ -410,10 +412,20 @@ export default {
410
412
  typographyProgressTrackerValueLabelM: '500 14px/150% Sage UI',
411
413
  typographyProgressTrackerValueLabelL: '500 14px/150% Sage UI',
412
414
  typographySearchLabelM: '400 14px/150% Sage UI',
415
+ typographySidebarTitleXs: '700 20px/125% Sage UI',
413
416
  typographySidebarTitleS: '700 20px/125% Sage UI',
417
+ typographySidebarTitleMs: '700 20px/125% Sage UI',
414
418
  typographySidebarTitleM: '700 20px/125% Sage UI',
419
+ typographySidebarTitleMl: '700 20px/125% Sage UI',
415
420
  typographySidebarTitleL: '700 20px/125% Sage UI',
421
+ typographySidebarTitleXl: '700 20px/125% Sage UI',
422
+ typographySidebarParagraphXs: '0 none',
423
+ typographySidebarParagraphS: '0 none',
424
+ typographySidebarParagraphMs: '0 none',
416
425
  typographySidebarParagraphM: '0 none',
426
+ typographySidebarParagraphMl: '0 none',
427
+ typographySidebarParagraphL: '0 none',
428
+ typographySidebarParagraphXl: '0 none',
417
429
  typographyStepFlowCompleteLabelM: '500 14px/150% Sage UI',
418
430
  typographyStepFlowCurrentLabelM: '500 14px/150% Sage UI',
419
431
  typographyStepFlowIncompleteLabelM: '500 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.19.2",
13
+ "version": "2.22.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.22.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 Mon, 11 Apr 2022 15:44:44 GMT
7
+ // Generated on Fri, 22 Apr 2022 14:33:47 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -44,12 +44,12 @@ $colorsComponentsMenuSpringChildAlt400: #ccd6dbff;
44
44
  $colorsComponentsMenuSpringChildAlt500: #e6ebedff;
45
45
  $colorsComponentsMenuSpringChildAlt600: #007e45ff;
46
46
  $colorsComponentsMenuSummerStandard400: #ccd6dbff;
47
- $colorsComponentsMenuSummerStandard500: #ffffffff;
47
+ $colorsComponentsMenuSummerStandard500: #00000000;
48
48
  $colorsComponentsMenuSummerStandard600: #007e45ff;
49
49
  $colorsComponentsMenuSummerStandard700: #e6ebedff;
50
50
  $colorsComponentsMenuSummerStandard800: #e6ebedff;
51
51
  $colorsComponentsMenuSummerParent400: #ccd6dbff;
52
- $colorsComponentsMenuSummerParent500: #ffffffff;
52
+ $colorsComponentsMenuSummerParent500: #00000000;
53
53
  $colorsComponentsMenuSummerParent600: #007e45ff;
54
54
  $colorsComponentsMenuSummerParent700: #e6ebedff;
55
55
  $colorsComponentsMenuSummerParent800: #e6ebedff;
@@ -78,12 +78,12 @@ $colorsComponentsMenuAutumnChildAlt400: #19475eff;
78
78
  $colorsComponentsMenuAutumnChildAlt500: #00324cff;
79
79
  $colorsComponentsMenuAutumnChildAlt600: #007e45ff;
80
80
  $colorsComponentsMenuWinterStandard400: #4d4d4dff;
81
- $colorsComponentsMenuWinterStandard500: #000000ff;
81
+ $colorsComponentsMenuWinterStandard500: #00000000;
82
82
  $colorsComponentsMenuWinterStandard600: #007e45ff;
83
83
  $colorsComponentsMenuWinterStandard700: #262626ff;
84
84
  $colorsComponentsMenuWinterStandard800: #262626ff;
85
85
  $colorsComponentsMenuWinterParent400: #4d4d4dff;
86
- $colorsComponentsMenuWinterParent500: #000000ff;
86
+ $colorsComponentsMenuWinterParent500: #00000000;
87
87
  $colorsComponentsMenuWinterParent600: #007e45ff;
88
88
  $colorsComponentsMenuWinterParent700: #262626ff;
89
89
  $colorsComponentsMenuWinterParent800: #262626ff;
@@ -104,6 +104,7 @@ $colorsComponentsMenuYin065: #000000a6;
104
104
  $colorsComponentsMenuYin090: #000000e6;
105
105
  $colorsComponentsMenuYang100: #ffffffff;
106
106
  $colorsComponentsMenuYang080: #ffffffcc;
107
+ $colorsComponentsMenuTransparent: #00000000;
107
108
  $colorsUtilityMajor100: #ccd6dbff;
108
109
  $colorsUtilityMajor150: #b3c2c9ff;
109
110
  $colorsUtilityMajor200: #99adb7ff;
@@ -283,8 +284,9 @@ $boxShadow150: 0 -4px 12px 0 #00141e0d;
283
284
  $boxShadow200: 0 10px 20px 0 #00141e33, 0 20px 40px 0 #00141e1a;
284
285
  $boxShadow300: 0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a;
285
286
  $boxShadow400: 0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a;
286
- $boxShadow075: inset 0 6px 4px -4px #00141e0d;
287
+ $boxShadow010: inset 0 -1px 0 0 #e6ebedff;
287
288
  $boxShadow050: 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26;
289
+ $boxShadow075: inset 0 6px 4px -4px #00141e0d;
288
290
  $boxShadow090: 0 4px 8px -4px #00141e1a;
289
291
  $boxShadow091: 4px 0 8px -4px #00141e1a;
290
292
  $fontWeights400: 400;
@@ -413,10 +415,20 @@ $typographyProgressTrackerValueLabelS: 500 14px/150% Sage UI;
413
415
  $typographyProgressTrackerValueLabelM: 500 14px/150% Sage UI;
414
416
  $typographyProgressTrackerValueLabelL: 500 14px/150% Sage UI;
415
417
  $typographySearchLabelM: 400 14px/150% Sage UI;
418
+ $typographySidebarTitleXs: 700 20px/125% Sage UI;
416
419
  $typographySidebarTitleS: 700 20px/125% Sage UI;
420
+ $typographySidebarTitleMs: 700 20px/125% Sage UI;
417
421
  $typographySidebarTitleM: 700 20px/125% Sage UI;
422
+ $typographySidebarTitleMl: 700 20px/125% Sage UI;
418
423
  $typographySidebarTitleL: 700 20px/125% Sage UI;
424
+ $typographySidebarTitleXl: 700 20px/125% Sage UI;
425
+ $typographySidebarParagraphXs: 0 none;
426
+ $typographySidebarParagraphS: 0 none;
427
+ $typographySidebarParagraphMs: 0 none;
419
428
  $typographySidebarParagraphM: 0 none;
429
+ $typographySidebarParagraphMl: 0 none;
430
+ $typographySidebarParagraphL: 0 none;
431
+ $typographySidebarParagraphXl: 0 none;
420
432
  $typographyStepFlowCompleteLabelM: 500 14px/150% Sage UI;
421
433
  $typographyStepFlowCurrentLabelM: 500 14px/150% Sage UI;
422
434
  $typographyStepFlowIncompleteLabelM: 500 14px/150% Sage UI;
package/sage-design-tokens-2.19.2.tgz DELETED
Binary file