@sage/design-tokens - npm Package Compare versions

Comparing version 1.29.0 to 1.30.0

js/base/common.d.ts

@@ -204,2 +204,13 @@ /*
 export const sizing075: string;
+export const opacity100: string;
+export const opacity200: string;
+export const opacity300: string;
+export const opacity400: string;
+export const opacity500: string;
+export const opacity550: string;
+export const opacity600: string;
+export const opacity650: string;
+export const opacity700: string;
+export const opacity800: string;
+export const opacity900: string;
 export const lineHeights400: string;
@@ -224,13 +235,2 @@ export const lineHeights500: string;
 export const fontFamiliesOther: string;
-export const opacity100: string;
-export const opacity200: string;
-export const opacity300: string;
-export const opacity400: string;
-export const opacity500: string;
-export const opacity550: string;
-export const opacity600: string;
-export const opacity650: string;
-export const opacity700: string;
-export const opacity800: string;
-export const opacity900: string;
 export const borderRadiusCircle: string;
@@ -273,3 +273,3 @@ export namespace buttonLabelS {
 }
-export namespace formFieldLabelXs {
+export namespace flashTextM {
     const fontFamily_3: string;
@@ -288,3 +288,3 @@ export { fontFamily_3 as fontFamily };
 }
-export namespace formFieldLabelS {
+export namespace flashTextL {
     const fontFamily_4: string;
@@ -303,3 +303,3 @@ export { fontFamily_4 as fontFamily };
 }
-export namespace formFieldLabelM {
+export namespace formFieldLabelXs {
     const fontFamily_5: string;
@@ -318,3 +318,3 @@ export { fontFamily_5 as fontFamily };
 }
-export namespace formFieldLabelL {
+export namespace formFieldLabelS {
     const fontFamily_6: string;
@@ -333,3 +333,3 @@ export { fontFamily_6 as fontFamily };
 }
-export namespace formFieldHintTextXs {
+export namespace formFieldLabelM {
     const fontFamily_7: string;
@@ -348,3 +348,3 @@ export { fontFamily_7 as fontFamily };
 }
-export namespace formFieldHintTextS {
+export namespace formFieldLabelL {
     const fontFamily_8: string;
@@ -363,3 +363,3 @@ export { fontFamily_8 as fontFamily };
 }
-export namespace formFieldHintTextM {
+export namespace formFieldHintTextXs {
     const fontFamily_9: string;
@@ -378,3 +378,3 @@ export { fontFamily_9 as fontFamily };
 }
-export namespace formFieldHintTextL {
+export namespace formFieldHintTextS {
     const fontFamily_10: string;
@@ -393,3 +393,3 @@ export { fontFamily_10 as fontFamily };
 }
-export namespace formFieldErrorMessageXs {
+export namespace formFieldHintTextM {
     const fontFamily_11: string;
@@ -408,3 +408,3 @@ export { fontFamily_11 as fontFamily };
 }
-export namespace formFieldErrorMessageS {
+export namespace formFieldHintTextL {
     const fontFamily_12: string;
@@ -423,3 +423,3 @@ export { fontFamily_12 as fontFamily };
 }
-export namespace formFieldErrorMessageM {
+export namespace formFieldErrorMessageXs {
     const fontFamily_13: string;
@@ -438,3 +438,3 @@ export { fontFamily_13 as fontFamily };
 }
-export namespace formFieldErrorMessageL {
+export namespace formFieldErrorMessageS {
     const fontFamily_14: string;
@@ -453,3 +453,3 @@ export { fontFamily_14 as fontFamily };
 }
-export namespace formFieldCautionMessageXs {
+export namespace formFieldErrorMessageM {
     const fontFamily_15: string;
@@ -468,3 +468,3 @@ export { fontFamily_15 as fontFamily };
 }
-export namespace formFieldCautionMessageS {
+export namespace formFieldErrorMessageL {
     const fontFamily_16: string;
@@ -483,3 +483,3 @@ export { fontFamily_16 as fontFamily };
 }
-export namespace formFieldCautionMessageM {
+export namespace formFieldCautionMessageXs {
     const fontFamily_17: string;
@@ -498,3 +498,3 @@ export { fontFamily_17 as fontFamily };
 }
-export namespace formFieldCautionMessageL {
+export namespace formFieldCautionMessageS {
     const fontFamily_18: string;
@@ -513,3 +513,3 @@ export { fontFamily_18 as fontFamily };
 }
-export namespace formFieldInputTextXs {
+export namespace formFieldCautionMessageM {
     const fontFamily_19: string;
@@ -528,3 +528,3 @@ export { fontFamily_19 as fontFamily };
 }
-export namespace formFieldInputTextS {
+export namespace formFieldCautionMessageL {
     const fontFamily_20: string;
@@ -543,3 +543,3 @@ export { fontFamily_20 as fontFamily };
 }
-export namespace formFieldInputTextM {
+export namespace formFieldInputTextXs {
     const fontFamily_21: string;
@@ -558,3 +558,3 @@ export { fontFamily_21 as fontFamily };
 }
-export namespace formFieldInputTextL {
+export namespace formFieldInputTextS {
     const fontFamily_22: string;
@@ -573,3 +573,3 @@ export { fontFamily_22 as fontFamily };
 }
-export namespace formFieldSecondLabelXs {
+export namespace formFieldInputTextM {
     const fontFamily_23: string;
@@ -588,3 +588,3 @@ export { fontFamily_23 as fontFamily };
 }
-export namespace formFieldSecondLabelS {
+export namespace formFieldInputTextL {
     const fontFamily_24: string;
@@ -603,3 +603,3 @@ export { fontFamily_24 as fontFamily };
 }
-export namespace formFieldSecondLabelM {
+export namespace formFieldDropdownOptionsXs {
     const fontFamily_25: string;
@@ -618,3 +618,3 @@ export { fontFamily_25 as fontFamily };
 }
-export namespace formFieldSecondLabelL {
+export namespace formFieldDropdownOptionsS {
     const fontFamily_26: string;
@@ -633,3 +633,3 @@ export { fontFamily_26 as fontFamily };
 }
-export namespace formFieldCharacterCountXs {
+export namespace formFieldDropdownOptionsM {
     const fontFamily_27: string;
@@ -648,3 +648,3 @@ export { fontFamily_27 as fontFamily };
 }
-export namespace formFieldCharacterCountS {
+export namespace formFieldDropdownOptionsL {
     const fontFamily_28: string;
@@ -663,3 +663,3 @@ export { fontFamily_28 as fontFamily };
 }
-export namespace formFieldCharacterCountM {
+export namespace formFieldSecondLabelXs {
     const fontFamily_29: string;
@@ -678,3 +678,3 @@ export { fontFamily_29 as fontFamily };
 }
-export namespace formFieldCharacterCountL {
+export namespace formFieldSecondLabelS {
     const fontFamily_30: string;
@@ -693,3 +693,3 @@ export { fontFamily_30 as fontFamily };
 }
-export namespace pillLabelS {
+export namespace formFieldSecondLabelM {
     const fontFamily_31: string;
@@ -708,3 +708,3 @@ export { fontFamily_31 as fontFamily };
 }
-export namespace pillLabelM {
+export namespace formFieldSecondLabelL {
     const fontFamily_32: string;
@@ -723,3 +723,3 @@ export { fontFamily_32 as fontFamily };
 }
-export namespace pillLabelL {
+export namespace formFieldCharacterCountXs {
     const fontFamily_33: string;
@@ -738,3 +738,3 @@ export { fontFamily_33 as fontFamily };
 }
-export namespace pillLabelXl {
+export namespace formFieldCharacterCountS {
     const fontFamily_34: string;
@@ -753,3 +753,3 @@ export { fontFamily_34 as fontFamily };
 }
-export namespace tooltipLabelM {
+export namespace formFieldCharacterCountM {
     const fontFamily_35: string;
@@ -768,3 +768,3 @@ export { fontFamily_35 as fontFamily };
 }
-export namespace tooltipLabelL {
+export namespace formFieldCharacterCountL {
     const fontFamily_36: string;
@@ -783,1 +783,169 @@ export { fontFamily_36 as fontFamily };
 }
+export namespace linkTextM {
+    const fontFamily_37: string;
+    export { fontFamily_37 as fontFamily };
+    const fontWeight_37: string;
+    export { fontWeight_37 as fontWeight };
+    const lineHeight_37: string;
+    export { lineHeight_37 as lineHeight };
+    const fontSize_37: string;
+    export { fontSize_37 as fontSize };
+    const letterSpacing_37: string;
+    export { letterSpacing_37 as letterSpacing };
+    const paragraphSpacing_37: string;
+    export { paragraphSpacing_37 as paragraphSpacing };
+}
+export namespace linkTextL {
+    const fontFamily_38: string;
+    export { fontFamily_38 as fontFamily };
+    const fontWeight_38: string;
+    export { fontWeight_38 as fontWeight };
+    const lineHeight_38: string;
+    export { lineHeight_38 as lineHeight };
+    const fontSize_38: string;
+    export { fontSize_38 as fontSize };
+    const letterSpacing_38: string;
+    export { letterSpacing_38 as letterSpacing };
+    const paragraphSpacing_38: string;
+    export { paragraphSpacing_38 as paragraphSpacing };
+}
+export namespace messageHeadingM {
+    const fontFamily_39: string;
+    export { fontFamily_39 as fontFamily };
+    const fontWeight_39: string;
+    export { fontWeight_39 as fontWeight };
+    const lineHeight_39: string;
+    export { lineHeight_39 as lineHeight };
+    const fontSize_39: string;
+    export { fontSize_39 as fontSize };
+    const letterSpacing_39: string;
+    export { letterSpacing_39 as letterSpacing };
+    const paragraphSpacing_39: string;
+    export { paragraphSpacing_39 as paragraphSpacing };
+}
+export namespace messageHeadingL {
+    const fontFamily_40: string;
+    export { fontFamily_40 as fontFamily };
+    const fontWeight_40: string;
+    export { fontWeight_40 as fontWeight };
+    const lineHeight_40: string;
+    export { lineHeight_40 as lineHeight };
+    const fontSize_40: string;
+    export { fontSize_40 as fontSize };
+    const letterSpacing_40: string;
+    export { letterSpacing_40 as letterSpacing };
+    const paragraphSpacing_40: string;
+    export { paragraphSpacing_40 as paragraphSpacing };
+}
+export namespace messageTextM {
+    const fontFamily_41: string;
+    export { fontFamily_41 as fontFamily };
+    const fontWeight_41: string;
+    export { fontWeight_41 as fontWeight };
+    const lineHeight_41: string;
+    export { lineHeight_41 as lineHeight };
+    const fontSize_41: string;
+    export { fontSize_41 as fontSize };
+    const letterSpacing_41: string;
+    export { letterSpacing_41 as letterSpacing };
+    const paragraphSpacing_41: string;
+    export { paragraphSpacing_41 as paragraphSpacing };
+}
+export namespace messageTextL {
+    const fontFamily_42: string;
+    export { fontFamily_42 as fontFamily };
+    const fontWeight_42: string;
+    export { fontWeight_42 as fontWeight };
+    const lineHeight_42: string;
+    export { lineHeight_42 as lineHeight };
+    const fontSize_42: string;
+    export { fontSize_42 as fontSize };
+    const letterSpacing_42: string;
+    export { letterSpacing_42 as letterSpacing };
+    const paragraphSpacing_42: string;
+    export { paragraphSpacing_42 as paragraphSpacing };
+}
+export namespace pillLabelS {
+    const fontFamily_43: string;
+    export { fontFamily_43 as fontFamily };
+    const fontWeight_43: string;
+    export { fontWeight_43 as fontWeight };
+    const lineHeight_43: string;
+    export { lineHeight_43 as lineHeight };
+    const fontSize_43: string;
+    export { fontSize_43 as fontSize };
+    const letterSpacing_43: string;
+    export { letterSpacing_43 as letterSpacing };
+    const paragraphSpacing_43: string;
+    export { paragraphSpacing_43 as paragraphSpacing };
+}
+export namespace pillLabelM {
+    const fontFamily_44: string;
+    export { fontFamily_44 as fontFamily };
+    const fontWeight_44: string;
+    export { fontWeight_44 as fontWeight };
+    const lineHeight_44: string;
+    export { lineHeight_44 as lineHeight };
+    const fontSize_44: string;
+    export { fontSize_44 as fontSize };
+    const letterSpacing_44: string;
+    export { letterSpacing_44 as letterSpacing };
+    const paragraphSpacing_44: string;
+    export { paragraphSpacing_44 as paragraphSpacing };
+}
+export namespace pillLabelL {
+    const fontFamily_45: string;
+    export { fontFamily_45 as fontFamily };
+    const fontWeight_45: string;
+    export { fontWeight_45 as fontWeight };
+    const lineHeight_45: string;
+    export { lineHeight_45 as lineHeight };
+    const fontSize_45: string;
+    export { fontSize_45 as fontSize };
+    const letterSpacing_45: string;
+    export { letterSpacing_45 as letterSpacing };
+    const paragraphSpacing_45: string;
+    export { paragraphSpacing_45 as paragraphSpacing };
+}
+export namespace pillLabelXl {
+    const fontFamily_46: string;
+    export { fontFamily_46 as fontFamily };
+    const fontWeight_46: string;
+    export { fontWeight_46 as fontWeight };
+    const lineHeight_46: string;
+    export { lineHeight_46 as lineHeight };
+    const fontSize_46: string;
+    export { fontSize_46 as fontSize };
+    const letterSpacing_46: string;
+    export { letterSpacing_46 as letterSpacing };
+    const paragraphSpacing_46: string;
+    export { paragraphSpacing_46 as paragraphSpacing };
+}
+export namespace tooltipTextM {
+    const fontFamily_47: string;
+    export { fontFamily_47 as fontFamily };
+    const fontWeight_47: string;
+    export { fontWeight_47 as fontWeight };
+    const lineHeight_47: string;
+    export { lineHeight_47 as lineHeight };
+    const fontSize_47: string;
+    export { fontSize_47 as fontSize };
+    const letterSpacing_47: string;
+    export { letterSpacing_47 as letterSpacing };
+    const paragraphSpacing_47: string;
+    export { paragraphSpacing_47 as paragraphSpacing };
+}
+export namespace tooltipTextL {
+    const fontFamily_48: string;
+    export { fontFamily_48 as fontFamily };
+    const fontWeight_48: string;
+    export { fontWeight_48 as fontWeight };
+    const lineHeight_48: string;
+    export { lineHeight_48 as lineHeight };
+    const fontSize_48: string;
+    export { fontSize_48 as fontSize };
+    const letterSpacing_48: string;
+    export { letterSpacing_48 as letterSpacing };
+    const paragraphSpacing_48: string;
+    export { paragraphSpacing_48 as paragraphSpacing };
+}

js/base/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:57 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:29 GMT
  */
@@ -161,2 +161,13 @@
   sizing075: '6px',
+  opacity100: '10%',
+  opacity200: '20%',
+  opacity300: '30%',
+  opacity400: '40%',
+  opacity500: '50%',
+  opacity550: '55%',
+  opacity600: '60%',
+  opacity650: '65%',
+  opacity700: '70%',
+  opacity800: '80%',
+  opacity900: '90%',
   lineHeights400: '125%',
@@ -181,13 +192,2 @@ lineHeights500: '150%',
   fontFamiliesOther: 'Open Sans',
-  opacity100: '10%',
-  opacity200: '20%',
-  opacity300: '30%',
-  opacity400: '40%',
-  opacity500: '50%',
-  opacity550: '55%',
-  opacity600: '60%',
-  opacity650: '65%',
-  opacity700: '70%',
-  opacity800: '80%',
-  opacity900: '90%',
   borderRadiusCircle: '50%',
@@ -197,2 +197,4 @@ buttonLabelS: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.700', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
   buttonLabelL: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.700', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
+  flashTextM: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  flashTextL: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
   formFieldLabelXs: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.500', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
@@ -218,2 +220,6 @@ formFieldLabelS: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.500', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
   formFieldInputTextL: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldDropdownOptionsXs: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldDropdownOptionsS: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldDropdownOptionsM: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldDropdownOptionsL: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
   formFieldSecondLabelXs: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.600', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
@@ -227,2 +233,8 @@ formFieldSecondLabelS: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.600', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
   formFieldCharacterCountL: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: 'fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  linkTextM: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  linkTextL: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
+  messageHeadingM: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.700', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  messageHeadingL: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.700', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
+  messageTextM: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.700', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  messageTextL: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.700', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
   pillLabelS: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.500', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.010', letterSpacing: '0%', paragraphSpacing: '0px' },
@@ -232,4 +244,4 @@ pillLabelM: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.500', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.025', letterSpacing: '0%', paragraphSpacing: '0px' },
   pillLabelXl: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.500', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
-  tooltipLabelM: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
-  tooltipLabelL: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' }
+  tooltipTextM: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  tooltipTextL: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' }
 }

js/base/es6.d.ts

@@ -205,2 +205,13 @@ /*
     const sizing075: string;
+    const opacity100: string;
+    const opacity200: string;
+    const opacity300: string;
+    const opacity400: string;
+    const opacity500: string;
+    const opacity550: string;
+    const opacity600: string;
+    const opacity650: string;
+    const opacity700: string;
+    const opacity800: string;
+    const opacity900: string;
     const lineHeights400: string;
@@ -225,13 +236,2 @@ const lineHeights500: string;
     const fontFamiliesOther: string;
-    const opacity100: string;
-    const opacity200: string;
-    const opacity300: string;
-    const opacity400: string;
-    const opacity500: string;
-    const opacity550: string;
-    const opacity600: string;
-    const opacity650: string;
-    const opacity700: string;
-    const opacity800: string;
-    const opacity900: string;
     const borderRadiusCircle: string;
@@ -274,3 +274,3 @@ namespace buttonLabelS {
     }
-    namespace formFieldLabelXs {
+    namespace flashTextM {
         const fontFamily_3: string;
@@ -289,3 +289,3 @@ export { fontFamily_3 as fontFamily };
     }
-    namespace formFieldLabelS {
+    namespace flashTextL {
         const fontFamily_4: string;
@@ -304,3 +304,3 @@ export { fontFamily_4 as fontFamily };
     }
-    namespace formFieldLabelM {
+    namespace formFieldLabelXs {
         const fontFamily_5: string;
@@ -319,3 +319,3 @@ export { fontFamily_5 as fontFamily };
     }
-    namespace formFieldLabelL {
+    namespace formFieldLabelS {
         const fontFamily_6: string;
@@ -334,3 +334,3 @@ export { fontFamily_6 as fontFamily };
     }
-    namespace formFieldHintTextXs {
+    namespace formFieldLabelM {
         const fontFamily_7: string;
@@ -349,3 +349,3 @@ export { fontFamily_7 as fontFamily };
     }
-    namespace formFieldHintTextS {
+    namespace formFieldLabelL {
         const fontFamily_8: string;
@@ -364,3 +364,3 @@ export { fontFamily_8 as fontFamily };
     }
-    namespace formFieldHintTextM {
+    namespace formFieldHintTextXs {
         const fontFamily_9: string;
@@ -379,3 +379,3 @@ export { fontFamily_9 as fontFamily };
     }
-    namespace formFieldHintTextL {
+    namespace formFieldHintTextS {
         const fontFamily_10: string;
@@ -394,3 +394,3 @@ export { fontFamily_10 as fontFamily };
     }
-    namespace formFieldErrorMessageXs {
+    namespace formFieldHintTextM {
         const fontFamily_11: string;
@@ -409,3 +409,3 @@ export { fontFamily_11 as fontFamily };
     }
-    namespace formFieldErrorMessageS {
+    namespace formFieldHintTextL {
         const fontFamily_12: string;
@@ -424,3 +424,3 @@ export { fontFamily_12 as fontFamily };
     }
-    namespace formFieldErrorMessageM {
+    namespace formFieldErrorMessageXs {
         const fontFamily_13: string;
@@ -439,3 +439,3 @@ export { fontFamily_13 as fontFamily };
     }
-    namespace formFieldErrorMessageL {
+    namespace formFieldErrorMessageS {
         const fontFamily_14: string;
@@ -454,3 +454,3 @@ export { fontFamily_14 as fontFamily };
     }
-    namespace formFieldCautionMessageXs {
+    namespace formFieldErrorMessageM {
         const fontFamily_15: string;
@@ -469,3 +469,3 @@ export { fontFamily_15 as fontFamily };
     }
-    namespace formFieldCautionMessageS {
+    namespace formFieldErrorMessageL {
         const fontFamily_16: string;
@@ -484,3 +484,3 @@ export { fontFamily_16 as fontFamily };
     }
-    namespace formFieldCautionMessageM {
+    namespace formFieldCautionMessageXs {
         const fontFamily_17: string;
@@ -499,3 +499,3 @@ export { fontFamily_17 as fontFamily };
     }
-    namespace formFieldCautionMessageL {
+    namespace formFieldCautionMessageS {
         const fontFamily_18: string;
@@ -514,3 +514,3 @@ export { fontFamily_18 as fontFamily };
     }
-    namespace formFieldInputTextXs {
+    namespace formFieldCautionMessageM {
         const fontFamily_19: string;
@@ -529,3 +529,3 @@ export { fontFamily_19 as fontFamily };
     }
-    namespace formFieldInputTextS {
+    namespace formFieldCautionMessageL {
         const fontFamily_20: string;
@@ -544,3 +544,3 @@ export { fontFamily_20 as fontFamily };
     }
-    namespace formFieldInputTextM {
+    namespace formFieldInputTextXs {
         const fontFamily_21: string;
@@ -559,3 +559,3 @@ export { fontFamily_21 as fontFamily };
     }
-    namespace formFieldInputTextL {
+    namespace formFieldInputTextS {
         const fontFamily_22: string;
@@ -574,3 +574,3 @@ export { fontFamily_22 as fontFamily };
     }
-    namespace formFieldSecondLabelXs {
+    namespace formFieldInputTextM {
         const fontFamily_23: string;
@@ -589,3 +589,3 @@ export { fontFamily_23 as fontFamily };
     }
-    namespace formFieldSecondLabelS {
+    namespace formFieldInputTextL {
         const fontFamily_24: string;
@@ -604,3 +604,3 @@ export { fontFamily_24 as fontFamily };
     }
-    namespace formFieldSecondLabelM {
+    namespace formFieldDropdownOptionsXs {
         const fontFamily_25: string;
@@ -619,3 +619,3 @@ export { fontFamily_25 as fontFamily };
     }
-    namespace formFieldSecondLabelL {
+    namespace formFieldDropdownOptionsS {
         const fontFamily_26: string;
@@ -634,3 +634,3 @@ export { fontFamily_26 as fontFamily };
     }
-    namespace formFieldCharacterCountXs {
+    namespace formFieldDropdownOptionsM {
         const fontFamily_27: string;
@@ -649,3 +649,3 @@ export { fontFamily_27 as fontFamily };
     }
-    namespace formFieldCharacterCountS {
+    namespace formFieldDropdownOptionsL {
         const fontFamily_28: string;
@@ -664,3 +664,3 @@ export { fontFamily_28 as fontFamily };
     }
-    namespace formFieldCharacterCountM {
+    namespace formFieldSecondLabelXs {
         const fontFamily_29: string;
@@ -679,3 +679,3 @@ export { fontFamily_29 as fontFamily };
     }
-    namespace formFieldCharacterCountL {
+    namespace formFieldSecondLabelS {
         const fontFamily_30: string;
@@ -694,3 +694,3 @@ export { fontFamily_30 as fontFamily };
     }
-    namespace pillLabelS {
+    namespace formFieldSecondLabelM {
         const fontFamily_31: string;
@@ -709,3 +709,3 @@ export { fontFamily_31 as fontFamily };
     }
-    namespace pillLabelM {
+    namespace formFieldSecondLabelL {
         const fontFamily_32: string;
@@ -724,3 +724,3 @@ export { fontFamily_32 as fontFamily };
     }
-    namespace pillLabelL {
+    namespace formFieldCharacterCountXs {
         const fontFamily_33: string;
@@ -739,3 +739,3 @@ export { fontFamily_33 as fontFamily };
     }
-    namespace pillLabelXl {
+    namespace formFieldCharacterCountS {
         const fontFamily_34: string;
@@ -754,3 +754,3 @@ export { fontFamily_34 as fontFamily };
     }
-    namespace tooltipLabelM {
+    namespace formFieldCharacterCountM {
         const fontFamily_35: string;
@@ -769,3 +769,3 @@ export { fontFamily_35 as fontFamily };
     }
-    namespace tooltipLabelL {
+    namespace formFieldCharacterCountL {
         const fontFamily_36: string;
@@ -784,3 +784,171 @@ export { fontFamily_36 as fontFamily };
     }
+    namespace linkTextM {
+        const fontFamily_37: string;
+        export { fontFamily_37 as fontFamily };
+        const fontWeight_37: string;
+        export { fontWeight_37 as fontWeight };
+        const lineHeight_37: string;
+        export { lineHeight_37 as lineHeight };
+        const fontSize_37: string;
+        export { fontSize_37 as fontSize };
+        const letterSpacing_37: string;
+        export { letterSpacing_37 as letterSpacing };
+        const paragraphSpacing_37: string;
+        export { paragraphSpacing_37 as paragraphSpacing };
+    }
+    namespace linkTextL {
+        const fontFamily_38: string;
+        export { fontFamily_38 as fontFamily };
+        const fontWeight_38: string;
+        export { fontWeight_38 as fontWeight };
+        const lineHeight_38: string;
+        export { lineHeight_38 as lineHeight };
+        const fontSize_38: string;
+        export { fontSize_38 as fontSize };
+        const letterSpacing_38: string;
+        export { letterSpacing_38 as letterSpacing };
+        const paragraphSpacing_38: string;
+        export { paragraphSpacing_38 as paragraphSpacing };
+    }
+    namespace messageHeadingM {
+        const fontFamily_39: string;
+        export { fontFamily_39 as fontFamily };
+        const fontWeight_39: string;
+        export { fontWeight_39 as fontWeight };
+        const lineHeight_39: string;
+        export { lineHeight_39 as lineHeight };
+        const fontSize_39: string;
+        export { fontSize_39 as fontSize };
+        const letterSpacing_39: string;
+        export { letterSpacing_39 as letterSpacing };
+        const paragraphSpacing_39: string;
+        export { paragraphSpacing_39 as paragraphSpacing };
+    }
+    namespace messageHeadingL {
+        const fontFamily_40: string;
+        export { fontFamily_40 as fontFamily };
+        const fontWeight_40: string;
+        export { fontWeight_40 as fontWeight };
+        const lineHeight_40: string;
+        export { lineHeight_40 as lineHeight };
+        const fontSize_40: string;
+        export { fontSize_40 as fontSize };
+        const letterSpacing_40: string;
+        export { letterSpacing_40 as letterSpacing };
+        const paragraphSpacing_40: string;
+        export { paragraphSpacing_40 as paragraphSpacing };
+    }
+    namespace messageTextM {
+        const fontFamily_41: string;
+        export { fontFamily_41 as fontFamily };
+        const fontWeight_41: string;
+        export { fontWeight_41 as fontWeight };
+        const lineHeight_41: string;
+        export { lineHeight_41 as lineHeight };
+        const fontSize_41: string;
+        export { fontSize_41 as fontSize };
+        const letterSpacing_41: string;
+        export { letterSpacing_41 as letterSpacing };
+        const paragraphSpacing_41: string;
+        export { paragraphSpacing_41 as paragraphSpacing };
+    }
+    namespace messageTextL {
+        const fontFamily_42: string;
+        export { fontFamily_42 as fontFamily };
+        const fontWeight_42: string;
+        export { fontWeight_42 as fontWeight };
+        const lineHeight_42: string;
+        export { lineHeight_42 as lineHeight };
+        const fontSize_42: string;
+        export { fontSize_42 as fontSize };
+        const letterSpacing_42: string;
+        export { letterSpacing_42 as letterSpacing };
+        const paragraphSpacing_42: string;
+        export { paragraphSpacing_42 as paragraphSpacing };
+    }
+    namespace pillLabelS {
+        const fontFamily_43: string;
+        export { fontFamily_43 as fontFamily };
+        const fontWeight_43: string;
+        export { fontWeight_43 as fontWeight };
+        const lineHeight_43: string;
+        export { lineHeight_43 as lineHeight };
+        const fontSize_43: string;
+        export { fontSize_43 as fontSize };
+        const letterSpacing_43: string;
+        export { letterSpacing_43 as letterSpacing };
+        const paragraphSpacing_43: string;
+        export { paragraphSpacing_43 as paragraphSpacing };
+    }
+    namespace pillLabelM {
+        const fontFamily_44: string;
+        export { fontFamily_44 as fontFamily };
+        const fontWeight_44: string;
+        export { fontWeight_44 as fontWeight };
+        const lineHeight_44: string;
+        export { lineHeight_44 as lineHeight };
+        const fontSize_44: string;
+        export { fontSize_44 as fontSize };
+        const letterSpacing_44: string;
+        export { letterSpacing_44 as letterSpacing };
+        const paragraphSpacing_44: string;
+        export { paragraphSpacing_44 as paragraphSpacing };
+    }
+    namespace pillLabelL {
+        const fontFamily_45: string;
+        export { fontFamily_45 as fontFamily };
+        const fontWeight_45: string;
+        export { fontWeight_45 as fontWeight };
+        const lineHeight_45: string;
+        export { lineHeight_45 as lineHeight };
+        const fontSize_45: string;
+        export { fontSize_45 as fontSize };
+        const letterSpacing_45: string;
+        export { letterSpacing_45 as letterSpacing };
+        const paragraphSpacing_45: string;
+        export { paragraphSpacing_45 as paragraphSpacing };
+    }
+    namespace pillLabelXl {
+        const fontFamily_46: string;
+        export { fontFamily_46 as fontFamily };
+        const fontWeight_46: string;
+        export { fontWeight_46 as fontWeight };
+        const lineHeight_46: string;
+        export { lineHeight_46 as lineHeight };
+        const fontSize_46: string;
+        export { fontSize_46 as fontSize };
+        const letterSpacing_46: string;
+        export { letterSpacing_46 as letterSpacing };
+        const paragraphSpacing_46: string;
+        export { paragraphSpacing_46 as paragraphSpacing };
+    }
+    namespace tooltipTextM {
+        const fontFamily_47: string;
+        export { fontFamily_47 as fontFamily };
+        const fontWeight_47: string;
+        export { fontWeight_47 as fontWeight };
+        const lineHeight_47: string;
+        export { lineHeight_47 as lineHeight };
+        const fontSize_47: string;
+        export { fontSize_47 as fontSize };
+        const letterSpacing_47: string;
+        export { letterSpacing_47 as letterSpacing };
+        const paragraphSpacing_47: string;
+        export { paragraphSpacing_47 as paragraphSpacing };
+    }
+    namespace tooltipTextL {
+        const fontFamily_48: string;
+        export { fontFamily_48 as fontFamily };
+        const fontWeight_48: string;
+        export { fontWeight_48 as fontWeight };
+        const lineHeight_48: string;
+        export { lineHeight_48 as lineHeight };
+        const fontSize_48: string;
+        export { fontSize_48 as fontSize };
+        const letterSpacing_48: string;
+        export { letterSpacing_48 as letterSpacing };
+        const paragraphSpacing_48: string;
+        export { paragraphSpacing_48 as paragraphSpacing };
+    }
 }
 export default _default;

js/base/es6.js

@@ -185,2 +185,13 @@ /*
   sizing075: '6px',
+  opacity100: '10%',
+  opacity200: '20%',
+  opacity300: '30%',
+  opacity400: '40%',
+  opacity500: '50%',
+  opacity550: '55%',
+  opacity600: '60%',
+  opacity650: '65%',
+  opacity700: '70%',
+  opacity800: '80%',
+  opacity900: '90%',
   lineHeights400: '125%',
@@ -205,13 +216,2 @@ lineHeights500: '150%',
   fontFamiliesOther: 'Open Sans',
-  opacity100: '10%',
-  opacity200: '20%',
-  opacity300: '30%',
-  opacity400: '40%',
-  opacity500: '50%',
-  opacity550: '55%',
-  opacity600: '60%',
-  opacity650: '65%',
-  opacity700: '70%',
-  opacity800: '80%',
-  opacity900: '90%',
   borderRadiusCircle: '50%',
@@ -242,2 +242,18 @@ buttonLabelS: {
   },
+  flashTextM: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  flashTextL: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.200',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
   formFieldLabelXs: {
@@ -403,2 +419,34 @@ fontFamily: '$fontFamilies.default',
   },
+  formFieldDropdownOptionsXs: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldDropdownOptionsS: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldDropdownOptionsM: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldDropdownOptionsL: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.200',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
   formFieldSecondLabelXs: {
@@ -468,2 +516,50 @@ fontFamily: '$fontFamilies.default',
   },
+  linkTextM: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  linkTextL: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.200',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  messageHeadingM: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.700',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  messageHeadingL: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.700',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.200',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  messageTextM: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.700',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  messageTextL: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.700',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.200',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
   pillLabelS: {
@@ -501,3 +597,3 @@ fontFamily: '$fontFamilies.default',
   },
-  tooltipLabelM: {
+  tooltipTextM: {
     fontFamily: '$fontFamilies.default',
@@ -510,3 +606,3 @@ fontWeight: '$fontWeights.400',
   },
-  tooltipLabelL: {
+  tooltipTextL: {
     fontFamily: '$fontFamilies.default',
@@ -513,0 +609,0 @@ fontWeight: '$fontWeights.400',

js/black-app-bar/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:57 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:29 GMT
  */
@@ -9,0 +9,0 @@

js/brighter-semantics/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:58 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:30 GMT
  */
@@ -9,0 +9,0 @@

js/grey-utility-minor/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:57 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:29 GMT
  */
@@ -9,0 +9,0 @@

js/jade-action-major/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:57 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:29 GMT
  */
@@ -9,0 +9,0 @@

js/jade-action-minor/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:58 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:30 GMT
  */
@@ -9,0 +9,0 @@

js/jade-grey-action-minor/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:58 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:30 GMT
  */
@@ -9,0 +9,0 @@

js/m-biz/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:57 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:30 GMT
  */
@@ -9,0 +9,0 @@

js/navy-action-major/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:57 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:30 GMT
  */
@@ -9,0 +9,0 @@

js/navy-action-minor/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:57 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:29 GMT
  */
@@ -9,0 +9,0 @@

js/navy-app-bar/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:57 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:30 GMT
  */
@@ -9,0 +9,0 @@

js/navy-grey-action-minor/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:57 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:30 GMT
  */
@@ -9,0 +9,0 @@

js/navy-utility-major/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:57 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:29 GMT
  */
@@ -9,0 +9,0 @@

js/navy-utility-minor/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:57 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:30 GMT
  */
@@ -9,0 +9,0 @@

js/new-semantics/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:57 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:29 GMT
  */
@@ -9,0 +9,0 @@

js/no-theme/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:57 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:29 GMT
  */
@@ -9,0 +9,0 @@

js/references/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:57 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:29 GMT
  */
@@ -9,0 +9,0 @@

js/teal-action-major/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:57 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:30 GMT
  */
@@ -9,0 +9,0 @@

js/teal-grey-action-minor/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:47:58 GMT
+ * Generated on Fri, 20 Aug 2021 10:58:30 GMT
  */
@@ -9,0 +9,0 @@

package.json

@@ -9,3 +9,3 @@ {
     "author": "The Sage Group plc",
-    "version": "1.29.0",
+    "version": "1.30.0",
     "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
@@ -12,0 +12,0 @@ "tags": [

No alert changes

Improved metrics

Total package byte prevSize

1780201

increased by1.56%

Lines of code

9913

increased by6.49%

No dependency changes