@sage/design-tokens 2.0.0 → 2.1.0

package/ios/base.h

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Fri, 04 Mar 2022 15:45:07 GMT
+// Generated on Mon, 14 Mar 2022 10:20:22 GMT
 
 
 #import <Foundation/Foundation.h>
@@ -20,6 +20,7 @@
 #define colorsYin075 #000000bf
 #define colorsYin090 #000000e6
 #define colorsYang100 #ffffffff
+#define colorsYang030 #ffffff4d
 #define colorsYang080 #ffffffcc
 #define colorsGray850 #262626ff
 #define colorsGray900 #1a1a1aff
@@ -105,6 +106,8 @@
 #define colorsUtilityReadOnly500 #e6ebedff
 #define colorsUtilityReadOnly600 #ccd6dbff
 #define colorsActionMajor150 #b3d9c8ff
+#define colorsActionMajor350 #4da77eff
+#define colorsActionMajor450 #198e59ff
 #define colorsActionMajor500 #007e45ff
 #define colorsActionMajor600 #006738ff
 #define colorsActionMajor700 #004d2aff
@@ -115,6 +118,7 @@
 #define colorsActionMajorYin065 #000000a6
 #define colorsActionMajorYin090 #000000e6
 #define colorsActionMajorYang100 #ffffffff
+#define colorsActionMajorYang030 #ffffff4d
 #define colorsActionMinor100 #e6ebedff
 #define colorsActionMinor150 #d9e0e4ff
 #define colorsActionMinor200 #ccd6dbff
@@ -280,21 +284,10 @@
 #define typographyDatePickerCalendarDateM Bold 14px/150% Sage UI
 #define typographyDatePickerCalendarDayM Bold 14px/150% Sage UI
 #define typographyDatePickerCalendarMonthM Bold 16px/125% Sage UI
-#define typographyDialogTitleXs Bold 24px/125% Sage UI
-#define typographyDialogTitleS Bold 24px/125% Sage UI
-#define typographyDialogTitleMs Bold 24px/125% Sage UI
 #define typographyDialogTitleM Bold 24px/125% Sage UI
-#define typographyDialogTitleMl Bold 24px/125% Sage UI
-#define typographyDialogTitleL Bold 24px/125% Sage UI
-#define typographyDialogTitleXl Bold 24px/125% Sage UI
-#define typographyDialogParagraphXs Regular 14px/150% Sage UI
-#define typographyDialogParagraphS Regular 14px/150% Sage UI
-#define typographyDialogParagraphMs Regular 14px/150% Sage UI
 #define typographyDialogParagraphM Regular 14px/150% Sage UI
-#define typographyDialogParagraphMl Regular 14px/150% Sage UI
-#define typographyDialogParagraphL Regular 14px/150% Sage UI
-#define typographyDialogParagraphXl Regular 14px/150% Sage UI
 #define typographyDrawerTitleM Bold 22px/125% Sage UI
+#define typographyDrawerParagraphM 0 none
 #define typographyFlashTextM Regular 14px/150% Sage UI
 #define typographyFlashTextL Regular 16px/150% Sage UI
 #define typographyFormFieldLabelXs Medium 14px/150% Sage UI
@@ -329,6 +322,7 @@
 #define typographyFormFieldCharacterCountS Regular 14px/150% Sage UI
 #define typographyFormFieldCharacterCountM Regular 14px/150% Sage UI
 #define typographyFormFieldCharacterCountL Regular 16px/150% Sage UI
+#define typographyLinkTextS Regular 12px/150% Sage UI
 #define typographyLinkTextM Regular 14px/150% Sage UI
 #define typographyLinkTextL Regular 16px/150% Sage UI
 #define typographyMenuLabelM Medium 14px/150% Sage UI
@@ -338,6 +332,7 @@
 #define typographyMessageTextM Regular 14px/150% Sage UI
 #define typographyMessageTextL Regular 16px/150% Sage UI
 #define typographyPaginationLabelM Regular 13px/150% Sage UI
+#define typographyTileParagraphM Regular 14px/150% Sage UI
 #define typographyPillLabelS Medium 10px/150% Sage UI
 #define typographyPillLabelM Medium 12px/150% Sage UI
 #define typographyPillLabelL Medium 14px/150% Sage UI
@@ -370,13 +365,22 @@
 #define typographySidebarTitleS Bold 20px/125% Sage UI
 #define typographySidebarTitleM Bold 20px/125% Sage UI
 #define typographySidebarTitleL Bold 20px/125% Sage UI
+#define typographySidebarParagraphM 0 none
 #define typographyStepFlowCompleteLabelM Medium 14px/150% Sage UI
 #define typographyStepFlowCurrentLabelM Medium 14px/150% Sage UI
 #define typographyStepFlowIncompleteLabelM Medium 14px/150% Sage UI
 #define typographySwitchOptionLabelM Medium 12px/150% Sage UI
 #define typographySwitchOptionLabelL Medium 14px/150% Sage UI
+#define typographyTableHeaderTextXs Medium 13px/150% Sage UI
+#define typographyTableHeaderTextS Medium 14px/150% Sage UI
 #define typographyTableHeaderTextM Medium 14px/150% Sage UI
+#define typographyTableHeaderTextL Medium 16px/150% Sage UI
+#define typographyTableHeaderTextXl Medium 16px/150% Sage UI
+#define typographyTableCellTextXs Regular 13px/150% Sage UI
+#define typographyTableCellTextS Regular 14px/150% Sage UI
 #define typographyTableCellTextM Regular 14px/150% Sage UI
+#define typographyTableCellTextL Regular 16px/150% Sage UI
+#define typographyTableCellTextXl Regular 16px/150% Sage UI
 #define typographyTooltipTextM Regular 14px/150% Sage UI
 #define typographyTooltipTextL Regular 16px/150% Sage UI
 #define opacity300 0.3

package/ios/no-theme.h

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Fri, 04 Mar 2022 15:45:08 GMT
+// Generated on Mon, 14 Mar 2022 10:20:22 GMT
 
 
 #import <Foundation/Foundation.h>

package/js/base/common.d.ts

@@ -8,6 +8,7 @@ export const colorsYin065: string;
 export const colorsYin075: string;
 export const colorsYin090: string;
 export const colorsYang100: string;
+export const colorsYang030: string;
 export const colorsYang080: string;
 export const colorsGray850: string;
 export const colorsGray900: string;
@@ -93,6 +94,8 @@ export const colorsUtilityReadOnly400: string;
 export const colorsUtilityReadOnly500: string;
 export const colorsUtilityReadOnly600: string;
 export const colorsActionMajor150: string;
+export const colorsActionMajor350: string;
+export const colorsActionMajor450: string;
 export const colorsActionMajor500: string;
 export const colorsActionMajor600: string;
 export const colorsActionMajor700: string;
@@ -103,6 +106,7 @@ export const colorsActionMajorYin055: string;
 export const colorsActionMajorYin065: string;
 export const colorsActionMajorYin090: string;
 export const colorsActionMajorYang100: string;
+export const colorsActionMajorYang030: string;
 export const colorsActionMinor100: string;
 export const colorsActionMinor150: string;
 export const colorsActionMinor200: string;
@@ -268,21 +272,10 @@ export const typographyCardSelectParagraphM: string;
 export const typographyDatePickerCalendarDateM: string;
 export const typographyDatePickerCalendarDayM: string;
 export const typographyDatePickerCalendarMonthM: string;
-export const typographyDialogTitleXs: string;
-export const typographyDialogTitleS: string;
-export const typographyDialogTitleMs: string;
 export const typographyDialogTitleM: string;
-export const typographyDialogTitleMl: string;
-export const typographyDialogTitleL: string;
-export const typographyDialogTitleXl: string;
-export const typographyDialogParagraphXs: string;
-export const typographyDialogParagraphS: string;
-export const typographyDialogParagraphMs: string;
 export const typographyDialogParagraphM: string;
-export const typographyDialogParagraphMl: string;
-export const typographyDialogParagraphL: string;
-export const typographyDialogParagraphXl: string;
 export const typographyDrawerTitleM: string;
+export const typographyDrawerParagraphM: string;
 export const typographyFlashTextM: string;
 export const typographyFlashTextL: string;
 export const typographyFormFieldLabelXs: string;
@@ -317,6 +310,7 @@ export const typographyFormFieldCharacterCountXs: string;
 export const typographyFormFieldCharacterCountS: string;
 export const typographyFormFieldCharacterCountM: string;
 export const typographyFormFieldCharacterCountL: string;
+export const typographyLinkTextS: string;
 export const typographyLinkTextM: string;
 export const typographyLinkTextL: string;
 export const typographyMenuLabelM: string;
@@ -326,6 +320,7 @@ export const typographyMessageHeadingL: string;
 export const typographyMessageTextM: string;
 export const typographyMessageTextL: string;
 export const typographyPaginationLabelM: string;
+export const typographyTileParagraphM: string;
 export const typographyPillLabelS: string;
 export const typographyPillLabelM: string;
 export const typographyPillLabelL: string;
@@ -358,13 +353,22 @@ export const typographySearchLabelM: string;
 export const typographySidebarTitleS: string;
 export const typographySidebarTitleM: string;
 export const typographySidebarTitleL: string;
+export const typographySidebarParagraphM: string;
 export const typographyStepFlowCompleteLabelM: string;
 export const typographyStepFlowCurrentLabelM: string;
 export const typographyStepFlowIncompleteLabelM: string;
 export const typographySwitchOptionLabelM: string;
 export const typographySwitchOptionLabelL: string;
+export const typographyTableHeaderTextXs: string;
+export const typographyTableHeaderTextS: string;
 export const typographyTableHeaderTextM: string;
+export const typographyTableHeaderTextL: string;
+export const typographyTableHeaderTextXl: string;
+export const typographyTableCellTextXs: string;
+export const typographyTableCellTextS: string;
 export const typographyTableCellTextM: string;
+export const typographyTableCellTextL: string;
+export const typographyTableCellTextXl: string;
 export const typographyTooltipTextM: string;
 export const typographyTooltipTextL: string;
 export const opacity300: string;

package/js/base/common.js

@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Mar 2022 15:45:07 GMT
+ * Generated on Mon, 14 Mar 2022 10:20:22 GMT
  */
 
 module.exports = {
@@ -18,6 +18,7 @@ module.exports = {
   colorsYin075: '#000000bf',
   colorsYin090: '#000000e6',
   colorsYang100: '#ffffffff',
+  colorsYang030: '#ffffff4d',
   colorsYang080: '#ffffffcc',
   colorsGray850: '#262626ff',
   colorsGray900: '#1a1a1aff',
@@ -103,6 +104,8 @@ module.exports = {
   colorsUtilityReadOnly500: '#e6ebedff',
   colorsUtilityReadOnly600: '#ccd6dbff',
   colorsActionMajor150: '#b3d9c8ff',
+  colorsActionMajor350: '#4da77eff',
+  colorsActionMajor450: '#198e59ff',
   colorsActionMajor500: '#007e45ff',
   colorsActionMajor600: '#006738ff',
   colorsActionMajor700: '#004d2aff',
@@ -113,6 +116,7 @@ module.exports = {
   colorsActionMajorYin065: '#000000a6',
   colorsActionMajorYin090: '#000000e6',
   colorsActionMajorYang100: '#ffffffff',
+  colorsActionMajorYang030: '#ffffff4d',
   colorsActionMinor100: '#e6ebedff',
   colorsActionMinor150: '#d9e0e4ff',
   colorsActionMinor200: '#ccd6dbff',
@@ -278,21 +282,10 @@ module.exports = {
   typographyDatePickerCalendarDateM: '700 14px/150% Sage UI',
   typographyDatePickerCalendarDayM: '700 14px/150% Sage UI',
   typographyDatePickerCalendarMonthM: '700 16px/125% Sage UI',
-  typographyDialogTitleXs: '700 24px/125% Sage UI',
-  typographyDialogTitleS: '700 24px/125% Sage UI',
-  typographyDialogTitleMs: '700 24px/125% Sage UI',
   typographyDialogTitleM: '700 24px/125% Sage UI',
-  typographyDialogTitleMl: '700 24px/125% Sage UI',
-  typographyDialogTitleL: '700 24px/125% Sage UI',
-  typographyDialogTitleXl: '700 24px/125% Sage UI',
-  typographyDialogParagraphXs: '400 14px/150% Sage UI',
-  typographyDialogParagraphS: '400 14px/150% Sage UI',
-  typographyDialogParagraphMs: '400 14px/150% Sage UI',
   typographyDialogParagraphM: '400 14px/150% Sage UI',
-  typographyDialogParagraphMl: '400 14px/150% Sage UI',
-  typographyDialogParagraphL: '400 14px/150% Sage UI',
-  typographyDialogParagraphXl: '400 14px/150% Sage UI',
   typographyDrawerTitleM: '700 22px/125% Sage UI',
+  typographyDrawerParagraphM: '0 none',
   typographyFlashTextM: '400 14px/150% Sage UI',
   typographyFlashTextL: '400 16px/150% Sage UI',
   typographyFormFieldLabelXs: '500 14px/150% Sage UI',
@@ -327,6 +320,7 @@ module.exports = {
   typographyFormFieldCharacterCountS: '400 14px/150% Sage UI',
   typographyFormFieldCharacterCountM: '400 14px/150% Sage UI',
   typographyFormFieldCharacterCountL: '400 16px/150% Sage UI',
+  typographyLinkTextS: '400 12px/150% Sage UI',
   typographyLinkTextM: '400 14px/150% Sage UI',
   typographyLinkTextL: '400 16px/150% Sage UI',
   typographyMenuLabelM: '500 14px/150% Sage UI',
@@ -336,6 +330,7 @@ module.exports = {
   typographyMessageTextM: '400 14px/150% Sage UI',
   typographyMessageTextL: '400 16px/150% Sage UI',
   typographyPaginationLabelM: '400 13px/150% Sage UI',
+  typographyTileParagraphM: '400 14px/150% Sage UI',
   typographyPillLabelS: '500 10px/150% Sage UI',
   typographyPillLabelM: '500 12px/150% Sage UI',
   typographyPillLabelL: '500 14px/150% Sage UI',
@@ -368,13 +363,22 @@ module.exports = {
   typographySidebarTitleS: '700 20px/125% Sage UI',
   typographySidebarTitleM: '700 20px/125% Sage UI',
   typographySidebarTitleL: '700 20px/125% Sage UI',
+  typographySidebarParagraphM: '0 none',
   typographyStepFlowCompleteLabelM: '500 14px/150% Sage UI',
   typographyStepFlowCurrentLabelM: '500 14px/150% Sage UI',
   typographyStepFlowIncompleteLabelM: '500 14px/150% Sage UI',
   typographySwitchOptionLabelM: '500 12px/150% Sage UI',
   typographySwitchOptionLabelL: '500 14px/150% Sage UI',
+  typographyTableHeaderTextXs: '500 13px/150% Sage UI',
+  typographyTableHeaderTextS: '500 14px/150% Sage UI',
   typographyTableHeaderTextM: '500 14px/150% Sage UI',
+  typographyTableHeaderTextL: '500 16px/150% Sage UI',
+  typographyTableHeaderTextXl: '500 16px/150% Sage UI',
+  typographyTableCellTextXs: '400 13px/150% Sage UI',
+  typographyTableCellTextS: '400 14px/150% Sage UI',
   typographyTableCellTextM: '400 14px/150% Sage UI',
+  typographyTableCellTextL: '400 16px/150% Sage UI',
+  typographyTableCellTextXl: '400 16px/150% Sage UI',
   typographyTooltipTextM: '400 14px/150% Sage UI',
   typographyTooltipTextL: '400 16px/150% Sage UI',
   opacity300: '0.3',

package/js/base/es6.d.ts

@@ -9,6 +9,7 @@ declare namespace _default {
     const colorsYin075: string;
     const colorsYin090: string;
     const colorsYang100: string;
+    const colorsYang030: string;
     const colorsYang080: string;
     const colorsGray850: string;
     const colorsGray900: string;
@@ -94,6 +95,8 @@ declare namespace _default {
     const colorsUtilityReadOnly500: string;
     const colorsUtilityReadOnly600: string;
     const colorsActionMajor150: string;
+    const colorsActionMajor350: string;
+    const colorsActionMajor450: string;
     const colorsActionMajor500: string;
     const colorsActionMajor600: string;
     const colorsActionMajor700: string;
@@ -104,6 +107,7 @@ declare namespace _default {
     const colorsActionMajorYin065: string;
     const colorsActionMajorYin090: string;
     const colorsActionMajorYang100: string;
+    const colorsActionMajorYang030: string;
     const colorsActionMinor100: string;
     const colorsActionMinor150: string;
     const colorsActionMinor200: string;
@@ -269,21 +273,10 @@ declare namespace _default {
     const typographyDatePickerCalendarDateM: string;
     const typographyDatePickerCalendarDayM: string;
     const typographyDatePickerCalendarMonthM: string;
-    const typographyDialogTitleXs: string;
-    const typographyDialogTitleS: string;
-    const typographyDialogTitleMs: string;
     const typographyDialogTitleM: string;
-    const typographyDialogTitleMl: string;
-    const typographyDialogTitleL: string;
-    const typographyDialogTitleXl: string;
-    const typographyDialogParagraphXs: string;
-    const typographyDialogParagraphS: string;
-    const typographyDialogParagraphMs: string;
     const typographyDialogParagraphM: string;
-    const typographyDialogParagraphMl: string;
-    const typographyDialogParagraphL: string;
-    const typographyDialogParagraphXl: string;
     const typographyDrawerTitleM: string;
+    const typographyDrawerParagraphM: string;
     const typographyFlashTextM: string;
     const typographyFlashTextL: string;
     const typographyFormFieldLabelXs: string;
@@ -318,6 +311,7 @@ declare namespace _default {
     const typographyFormFieldCharacterCountS: string;
     const typographyFormFieldCharacterCountM: string;
     const typographyFormFieldCharacterCountL: string;
+    const typographyLinkTextS: string;
     const typographyLinkTextM: string;
     const typographyLinkTextL: string;
     const typographyMenuLabelM: string;
@@ -327,6 +321,7 @@ declare namespace _default {
     const typographyMessageTextM: string;
     const typographyMessageTextL: string;
     const typographyPaginationLabelM: string;
+    const typographyTileParagraphM: string;
     const typographyPillLabelS: string;
     const typographyPillLabelM: string;
     const typographyPillLabelL: string;
@@ -359,13 +354,22 @@ declare namespace _default {
     const typographySidebarTitleS: string;
     const typographySidebarTitleM: string;
     const typographySidebarTitleL: string;
+    const typographySidebarParagraphM: string;
     const typographyStepFlowCompleteLabelM: string;
     const typographyStepFlowCurrentLabelM: string;
     const typographyStepFlowIncompleteLabelM: string;
     const typographySwitchOptionLabelM: string;
     const typographySwitchOptionLabelL: string;
+    const typographyTableHeaderTextXs: string;
+    const typographyTableHeaderTextS: string;
     const typographyTableHeaderTextM: string;
+    const typographyTableHeaderTextL: string;
+    const typographyTableHeaderTextXl: string;
+    const typographyTableCellTextXs: string;
+    const typographyTableCellTextS: string;
     const typographyTableCellTextM: string;
+    const typographyTableCellTextL: string;
+    const typographyTableCellTextXl: string;
     const typographyTooltipTextM: string;
     const typographyTooltipTextL: string;
     const opacity300: string;

package/js/base/es6.js

@@ -13,6 +13,7 @@ export default {
   colorsYin075: '#000000bf',
   colorsYin090: '#000000e6',
   colorsYang100: '#ffffffff',
+  colorsYang030: '#ffffff4d',
   colorsYang080: '#ffffffcc',
   colorsGray850: '#262626ff',
   colorsGray900: '#1a1a1aff',
@@ -98,6 +99,8 @@ export default {
   colorsUtilityReadOnly500: '#e6ebedff',
   colorsUtilityReadOnly600: '#ccd6dbff',
   colorsActionMajor150: '#b3d9c8ff',
+  colorsActionMajor350: '#4da77eff',
+  colorsActionMajor450: '#198e59ff',
   colorsActionMajor500: '#007e45ff',
   colorsActionMajor600: '#006738ff',
   colorsActionMajor700: '#004d2aff',
@@ -108,6 +111,7 @@ export default {
   colorsActionMajorYin065: '#000000a6',
   colorsActionMajorYin090: '#000000e6',
   colorsActionMajorYang100: '#ffffffff',
+  colorsActionMajorYang030: '#ffffff4d',
   colorsActionMinor100: '#e6ebedff',
   colorsActionMinor150: '#d9e0e4ff',
   colorsActionMinor200: '#ccd6dbff',
@@ -273,21 +277,10 @@ export default {
   typographyDatePickerCalendarDateM: '700 14px/150% Sage UI',
   typographyDatePickerCalendarDayM: '700 14px/150% Sage UI',
   typographyDatePickerCalendarMonthM: '700 16px/125% Sage UI',
-  typographyDialogTitleXs: '700 24px/125% Sage UI',
-  typographyDialogTitleS: '700 24px/125% Sage UI',
-  typographyDialogTitleMs: '700 24px/125% Sage UI',
   typographyDialogTitleM: '700 24px/125% Sage UI',
-  typographyDialogTitleMl: '700 24px/125% Sage UI',
-  typographyDialogTitleL: '700 24px/125% Sage UI',
-  typographyDialogTitleXl: '700 24px/125% Sage UI',
-  typographyDialogParagraphXs: '400 14px/150% Sage UI',
-  typographyDialogParagraphS: '400 14px/150% Sage UI',
-  typographyDialogParagraphMs: '400 14px/150% Sage UI',
   typographyDialogParagraphM: '400 14px/150% Sage UI',
-  typographyDialogParagraphMl: '400 14px/150% Sage UI',
-  typographyDialogParagraphL: '400 14px/150% Sage UI',
-  typographyDialogParagraphXl: '400 14px/150% Sage UI',
   typographyDrawerTitleM: '700 22px/125% Sage UI',
+  typographyDrawerParagraphM: '0 none',
   typographyFlashTextM: '400 14px/150% Sage UI',
   typographyFlashTextL: '400 16px/150% Sage UI',
   typographyFormFieldLabelXs: '500 14px/150% Sage UI',
@@ -322,6 +315,7 @@ export default {
   typographyFormFieldCharacterCountS: '400 14px/150% Sage UI',
   typographyFormFieldCharacterCountM: '400 14px/150% Sage UI',
   typographyFormFieldCharacterCountL: '400 16px/150% Sage UI',
+  typographyLinkTextS: '400 12px/150% Sage UI',
   typographyLinkTextM: '400 14px/150% Sage UI',
   typographyLinkTextL: '400 16px/150% Sage UI',
   typographyMenuLabelM: '500 14px/150% Sage UI',
@@ -331,6 +325,7 @@ export default {
   typographyMessageTextM: '400 14px/150% Sage UI',
   typographyMessageTextL: '400 16px/150% Sage UI',
   typographyPaginationLabelM: '400 13px/150% Sage UI',
+  typographyTileParagraphM: '400 14px/150% Sage UI',
   typographyPillLabelS: '500 10px/150% Sage UI',
   typographyPillLabelM: '500 12px/150% Sage UI',
   typographyPillLabelL: '500 14px/150% Sage UI',
@@ -363,13 +358,22 @@ export default {
   typographySidebarTitleS: '700 20px/125% Sage UI',
   typographySidebarTitleM: '700 20px/125% Sage UI',
   typographySidebarTitleL: '700 20px/125% Sage UI',
+  typographySidebarParagraphM: '0 none',
   typographyStepFlowCompleteLabelM: '500 14px/150% Sage UI',
   typographyStepFlowCurrentLabelM: '500 14px/150% Sage UI',
   typographyStepFlowIncompleteLabelM: '500 14px/150% Sage UI',
   typographySwitchOptionLabelM: '500 12px/150% Sage UI',
   typographySwitchOptionLabelL: '500 14px/150% Sage UI',
+  typographyTableHeaderTextXs: '500 13px/150% Sage UI',
+  typographyTableHeaderTextS: '500 14px/150% Sage UI',
   typographyTableHeaderTextM: '500 14px/150% Sage UI',
+  typographyTableHeaderTextL: '500 16px/150% Sage UI',
+  typographyTableHeaderTextXl: '500 16px/150% Sage UI',
+  typographyTableCellTextXs: '400 13px/150% Sage UI',
+  typographyTableCellTextS: '400 14px/150% Sage UI',
   typographyTableCellTextM: '400 14px/150% Sage UI',
+  typographyTableCellTextL: '400 16px/150% Sage UI',
+  typographyTableCellTextXl: '400 16px/150% Sage UI',
   typographyTooltipTextM: '400 14px/150% Sage UI',
   typographyTooltipTextL: '400 16px/150% Sage UI',
   opacity300: '0.3',

package/js/no-theme/common.js

@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Mar 2022 15:45:07 GMT
+ * Generated on Mon, 14 Mar 2022 10:20:22 GMT
  */
 
 module.exports = {

package/package.json

@@ -10,7 +10,7 @@
   },
   "description": "Design tokens for the Sage Design System.",
   "author": "The Sage Group plc",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
   "tags": [
     "design tokens",

package/scss/base.scss

@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly
-// Generated on Fri, 04 Mar 2022 15:45:07 GMT
+// Generated on Mon, 14 Mar 2022 10:20:22 GMT
 
 $metaName: Base Theme;
 $metaPublic: true;
@@ -16,6 +16,7 @@ $colorsYin065: #000000a6;
 $colorsYin075: #000000bf;
 $colorsYin090: #000000e6;
 $colorsYang100: #ffffffff;
+$colorsYang030: #ffffff4d;
 $colorsYang080: #ffffffcc;
 $colorsGray850: #262626ff;
 $colorsGray900: #1a1a1aff;
@@ -101,6 +102,8 @@ $colorsUtilityReadOnly400: #f2f5f6ff;
 $colorsUtilityReadOnly500: #e6ebedff;
 $colorsUtilityReadOnly600: #ccd6dbff;
 $colorsActionMajor150: #b3d9c8ff;
+$colorsActionMajor350: #4da77eff;
+$colorsActionMajor450: #198e59ff;
 $colorsActionMajor500: #007e45ff;
 $colorsActionMajor600: #006738ff;
 $colorsActionMajor700: #004d2aff;
@@ -111,6 +114,7 @@ $colorsActionMajorYin055: #0000008c;
 $colorsActionMajorYin065: #000000a6;
 $colorsActionMajorYin090: #000000e6;
 $colorsActionMajorYang100: #ffffffff;
+$colorsActionMajorYang030: #ffffff4d;
 $colorsActionMinor100: #e6ebedff;
 $colorsActionMinor150: #d9e0e4ff;
 $colorsActionMinor200: #ccd6dbff;
@@ -276,21 +280,10 @@ $typographyCardSelectParagraphM: 400 14px/150% Sage UI;
 $typographyDatePickerCalendarDateM: 700 14px/150% Sage UI;
 $typographyDatePickerCalendarDayM: 700 14px/150% Sage UI;
 $typographyDatePickerCalendarMonthM: 700 16px/125% Sage UI;
-$typographyDialogTitleXs: 700 24px/125% Sage UI;
-$typographyDialogTitleS: 700 24px/125% Sage UI;
-$typographyDialogTitleMs: 700 24px/125% Sage UI;
 $typographyDialogTitleM: 700 24px/125% Sage UI;
-$typographyDialogTitleMl: 700 24px/125% Sage UI;
-$typographyDialogTitleL: 700 24px/125% Sage UI;
-$typographyDialogTitleXl: 700 24px/125% Sage UI;
-$typographyDialogParagraphXs: 400 14px/150% Sage UI;
-$typographyDialogParagraphS: 400 14px/150% Sage UI;
-$typographyDialogParagraphMs: 400 14px/150% Sage UI;
 $typographyDialogParagraphM: 400 14px/150% Sage UI;
-$typographyDialogParagraphMl: 400 14px/150% Sage UI;
-$typographyDialogParagraphL: 400 14px/150% Sage UI;
-$typographyDialogParagraphXl: 400 14px/150% Sage UI;
 $typographyDrawerTitleM: 700 22px/125% Sage UI;
+$typographyDrawerParagraphM: 0 none;
 $typographyFlashTextM: 400 14px/150% Sage UI;
 $typographyFlashTextL: 400 16px/150% Sage UI;
 $typographyFormFieldLabelXs: 500 14px/150% Sage UI;
@@ -325,6 +318,7 @@ $typographyFormFieldCharacterCountXs: 400 14px/150% Sage UI;
 $typographyFormFieldCharacterCountS: 400 14px/150% Sage UI;
 $typographyFormFieldCharacterCountM: 400 14px/150% Sage UI;
 $typographyFormFieldCharacterCountL: 400 16px/150% Sage UI;
+$typographyLinkTextS: 400 12px/150% Sage UI;
 $typographyLinkTextM: 400 14px/150% Sage UI;
 $typographyLinkTextL: 400 16px/150% Sage UI;
 $typographyMenuLabelM: 500 14px/150% Sage UI;
@@ -334,6 +328,7 @@ $typographyMessageHeadingL: 700 16px/150% Sage UI;
 $typographyMessageTextM: 400 14px/150% Sage UI;
 $typographyMessageTextL: 400 16px/150% Sage UI;
 $typographyPaginationLabelM: 400 13px/150% Sage UI;
+$typographyTileParagraphM: 400 14px/150% Sage UI;
 $typographyPillLabelS: 500 10px/150% Sage UI;
 $typographyPillLabelM: 500 12px/150% Sage UI;
 $typographyPillLabelL: 500 14px/150% Sage UI;
@@ -366,13 +361,22 @@ $typographySearchLabelM: 400 14px/150% Sage UI;
 $typographySidebarTitleS: 700 20px/125% Sage UI;
 $typographySidebarTitleM: 700 20px/125% Sage UI;
 $typographySidebarTitleL: 700 20px/125% Sage UI;
+$typographySidebarParagraphM: 0 none;
 $typographyStepFlowCompleteLabelM: 500 14px/150% Sage UI;
 $typographyStepFlowCurrentLabelM: 500 14px/150% Sage UI;
 $typographyStepFlowIncompleteLabelM: 500 14px/150% Sage UI;
 $typographySwitchOptionLabelM: 500 12px/150% Sage UI;
 $typographySwitchOptionLabelL: 500 14px/150% Sage UI;
+$typographyTableHeaderTextXs: 500 13px/150% Sage UI;
+$typographyTableHeaderTextS: 500 14px/150% Sage UI;
 $typographyTableHeaderTextM: 500 14px/150% Sage UI;
+$typographyTableHeaderTextL: 500 16px/150% Sage UI;
+$typographyTableHeaderTextXl: 500 16px/150% Sage UI;
+$typographyTableCellTextXs: 400 13px/150% Sage UI;
+$typographyTableCellTextS: 400 14px/150% Sage UI;
 $typographyTableCellTextM: 400 14px/150% Sage UI;
+$typographyTableCellTextL: 400 16px/150% Sage UI;
+$typographyTableCellTextXl: 400 16px/150% Sage UI;
 $typographyTooltipTextM: 400 14px/150% Sage UI;
 $typographyTooltipTextL: 400 16px/150% Sage UI;
 $opacity300: 0.3;

package/scss/no-theme.scss

@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly
-// Generated on Fri, 04 Mar 2022 15:45:07 GMT
+// Generated on Mon, 14 Mar 2022 10:20:22 GMT
 
 $metaName: No Theme;
 $metaPublic: true;