@sage/design-tokens 2.20.0 → 2.23.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 +15 -4
  2. package/css/base.css +15 -4
  3. package/data/tokens.json +149 -9
  4. package/docs/tokens/base/colors/index.html +21 -0
  5. package/docs/tokens/base/index.html +234 -3
  6. package/docs/tokens/base/typography/index.html +213 -3
  7. package/docs/tokens/index.html +234 -3
  8. package/ios/base.h +15 -4
  9. package/js/base/common.d.ts +11 -0
  10. package/js/base/common.js +15 -4
  11. package/js/base/es6.d.ts +11 -0
  12. package/js/base/es6.js +14 -3
  13. package/package.json +1 -1
  14. package/sage-design-tokens-2.23.0.tgz +0 -0
  15. package/scss/base.scss +15 -4
  16. package/sage-design-tokens-2.20.0.tgz +0 -0
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 Wed, 13 Apr 2022 10:51:51 GMT
7
+ * Generated on Fri, 22 Apr 2022 16:23:18 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -106,6 +106,7 @@ module.exports = {
106
106
  colorsComponentsMenuYin090: '#000000e6',
107
107
  colorsComponentsMenuYang100: '#ffffffff',
108
108
  colorsComponentsMenuYang080: '#ffffffcc',
109
+ colorsComponentsMenuTransparent: '#00000000',
109
110
  colorsUtilityMajor100: '#ccd6dbff',
110
111
  colorsUtilityMajor150: '#b3c2c9ff',
111
112
  colorsUtilityMajor200: '#99adb7ff',
@@ -307,9 +308,9 @@ module.exports = {
307
308
  typographyActionPopoverMenuItemM: '700 14px/150% Sage UI',
308
309
  typographyAnchorNavLabelM: '500 14px/150% Sage UI',
309
310
  typographyBadgeLabelM: '500 12px/150% Sage UI',
310
- typographyButtonLabelS: '700 14px/150% Sage UI',
311
- typographyButtonLabelM: '700 14px/150% Sage UI',
312
- typographyButtonLabelL: '700 16px/150% Sage UI',
311
+ typographyButtonLabelS: '500 14px/150% Sage UI',
312
+ typographyButtonLabelM: '500 14px/150% Sage UI',
313
+ typographyButtonLabelL: '500 16px/150% Sage UI',
313
314
  typographyCardParagraphM: '400 14px/150% Sage UI',
314
315
  typographyCardSelectTitleM: '700 16px/150% Sage UI',
315
316
  typographyCardSelectSubtitleM: '500 14px/150% Sage UI',
@@ -416,10 +417,20 @@ module.exports = {
416
417
  typographyProgressTrackerValueLabelM: '500 14px/150% Sage UI',
417
418
  typographyProgressTrackerValueLabelL: '500 14px/150% Sage UI',
418
419
  typographySearchLabelM: '400 14px/150% Sage UI',
420
+ typographySidebarTitleXs: '700 20px/125% Sage UI',
419
421
  typographySidebarTitleS: '700 20px/125% Sage UI',
422
+ typographySidebarTitleMs: '700 20px/125% Sage UI',
420
423
  typographySidebarTitleM: '700 20px/125% Sage UI',
424
+ typographySidebarTitleMl: '700 20px/125% Sage UI',
421
425
  typographySidebarTitleL: '700 20px/125% Sage UI',
426
+ typographySidebarTitleXl: '700 20px/125% Sage UI',
427
+ typographySidebarParagraphXs: '0 none',
428
+ typographySidebarParagraphS: '0 none',
429
+ typographySidebarParagraphMs: '0 none',
422
430
  typographySidebarParagraphM: '0 none',
431
+ typographySidebarParagraphMl: '0 none',
432
+ typographySidebarParagraphL: '0 none',
433
+ typographySidebarParagraphXl: '0 none',
423
434
  typographyStepFlowCompleteLabelM: '500 14px/150% Sage UI',
424
435
  typographyStepFlowCurrentLabelM: '500 14px/150% Sage UI',
425
436
  typographyStepFlowIncompleteLabelM: '500 14px/150% Sage UI',
package/js/base/es6.d.ts CHANGED
@@ -97,6 +97,7 @@ declare namespace _default {
97
97
  const colorsComponentsMenuYin090: string;
98
98
  const colorsComponentsMenuYang100: string;
99
99
  const colorsComponentsMenuYang080: string;
100
+ const colorsComponentsMenuTransparent: string;
100
101
  const colorsUtilityMajor100: string;
101
102
  const colorsUtilityMajor150: string;
102
103
  const colorsUtilityMajor200: string;
@@ -407,10 +408,20 @@ declare namespace _default {
407
408
  const typographyProgressTrackerValueLabelM: string;
408
409
  const typographyProgressTrackerValueLabelL: string;
409
410
  const typographySearchLabelM: string;
411
+ const typographySidebarTitleXs: string;
410
412
  const typographySidebarTitleS: string;
413
+ const typographySidebarTitleMs: string;
411
414
  const typographySidebarTitleM: string;
415
+ const typographySidebarTitleMl: string;
412
416
  const typographySidebarTitleL: string;
417
+ const typographySidebarTitleXl: string;
418
+ const typographySidebarParagraphXs: string;
419
+ const typographySidebarParagraphS: string;
420
+ const typographySidebarParagraphMs: string;
413
421
  const typographySidebarParagraphM: string;
422
+ const typographySidebarParagraphMl: string;
423
+ const typographySidebarParagraphL: string;
424
+ const typographySidebarParagraphXl: string;
414
425
  const typographyStepFlowCompleteLabelM: string;
415
426
  const typographyStepFlowCurrentLabelM: string;
416
427
  const typographyStepFlowIncompleteLabelM: string;
package/js/base/es6.js CHANGED
@@ -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',
@@ -302,9 +303,9 @@ export default {
302
303
  typographyActionPopoverMenuItemM: '700 14px/150% Sage UI',
303
304
  typographyAnchorNavLabelM: '500 14px/150% Sage UI',
304
305
  typographyBadgeLabelM: '500 12px/150% Sage UI',
305
- typographyButtonLabelS: '700 14px/150% Sage UI',
306
- typographyButtonLabelM: '700 14px/150% Sage UI',
307
- typographyButtonLabelL: '700 16px/150% Sage UI',
306
+ typographyButtonLabelS: '500 14px/150% Sage UI',
307
+ typographyButtonLabelM: '500 14px/150% Sage UI',
308
+ typographyButtonLabelL: '500 16px/150% Sage UI',
308
309
  typographyCardParagraphM: '400 14px/150% Sage UI',
309
310
  typographyCardSelectTitleM: '700 16px/150% Sage UI',
310
311
  typographyCardSelectSubtitleM: '500 14px/150% Sage UI',
@@ -411,10 +412,20 @@ export default {
411
412
  typographyProgressTrackerValueLabelM: '500 14px/150% Sage UI',
412
413
  typographyProgressTrackerValueLabelL: '500 14px/150% Sage UI',
413
414
  typographySearchLabelM: '400 14px/150% Sage UI',
415
+ typographySidebarTitleXs: '700 20px/125% Sage UI',
414
416
  typographySidebarTitleS: '700 20px/125% Sage UI',
417
+ typographySidebarTitleMs: '700 20px/125% Sage UI',
415
418
  typographySidebarTitleM: '700 20px/125% Sage UI',
419
+ typographySidebarTitleMl: '700 20px/125% Sage UI',
416
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',
417
425
  typographySidebarParagraphM: '0 none',
426
+ typographySidebarParagraphMl: '0 none',
427
+ typographySidebarParagraphL: '0 none',
428
+ typographySidebarParagraphXl: '0 none',
418
429
  typographyStepFlowCompleteLabelM: '500 14px/150% Sage UI',
419
430
  typographyStepFlowCurrentLabelM: '500 14px/150% Sage UI',
420
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.20.0",
13
+ "version": "2.23.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.23.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 Wed, 13 Apr 2022 10:51:51 GMT
7
+ // Generated on Fri, 22 Apr 2022 16:23:18 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -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;
@@ -305,9 +306,9 @@ $typographyAccordionParagraphM: 400 14px/150% Sage UI;
305
306
  $typographyActionPopoverMenuItemM: 700 14px/150% Sage UI;
306
307
  $typographyAnchorNavLabelM: 500 14px/150% Sage UI;
307
308
  $typographyBadgeLabelM: 500 12px/150% Sage UI;
308
- $typographyButtonLabelS: 700 14px/150% Sage UI;
309
- $typographyButtonLabelM: 700 14px/150% Sage UI;
310
- $typographyButtonLabelL: 700 16px/150% Sage UI;
309
+ $typographyButtonLabelS: 500 14px/150% Sage UI;
310
+ $typographyButtonLabelM: 500 14px/150% Sage UI;
311
+ $typographyButtonLabelL: 500 16px/150% Sage UI;
311
312
  $typographyCardParagraphM: 400 14px/150% Sage UI;
312
313
  $typographyCardSelectTitleM: 700 16px/150% Sage UI;
313
314
  $typographyCardSelectSubtitleM: 500 14px/150% Sage UI;
@@ -414,10 +415,20 @@ $typographyProgressTrackerValueLabelS: 500 14px/150% Sage UI;
414
415
  $typographyProgressTrackerValueLabelM: 500 14px/150% Sage UI;
415
416
  $typographyProgressTrackerValueLabelL: 500 14px/150% Sage UI;
416
417
  $typographySearchLabelM: 400 14px/150% Sage UI;
418
+ $typographySidebarTitleXs: 700 20px/125% Sage UI;
417
419
  $typographySidebarTitleS: 700 20px/125% Sage UI;
420
+ $typographySidebarTitleMs: 700 20px/125% Sage UI;
418
421
  $typographySidebarTitleM: 700 20px/125% Sage UI;
422
+ $typographySidebarTitleMl: 700 20px/125% Sage UI;
419
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;
420
428
  $typographySidebarParagraphM: 0 none;
429
+ $typographySidebarParagraphMl: 0 none;
430
+ $typographySidebarParagraphL: 0 none;
431
+ $typographySidebarParagraphXl: 0 none;
421
432
  $typographyStepFlowCompleteLabelM: 500 14px/150% Sage UI;
422
433
  $typographyStepFlowCurrentLabelM: 500 14px/150% Sage UI;
423
434
  $typographyStepFlowIncompleteLabelM: 500 14px/150% Sage UI;
package/sage-design-tokens-2.20.0.tgz DELETED
Binary file