@sage/design-tokens - npm Package Compare versions

Comparing version 1.26.0 to 1.27.0

js/base/common.d.ts

@@ -121,36 +121,2 @@ /*
 export const borderWidth000: string;
-export const sizing100: string;
-export const sizing150: string;
-export const sizing200: string;
-export const sizing250: string;
-export const sizing300: string;
-export const sizing350: string;
-export const sizing400: string;
-export const sizing500: string;
-export const sizing600: string;
-export const sizing700: string;
-export const sizing800: string;
-export const sizing900: string;
-export const sizing025: string;
-export const sizing050: string;
-export const sizing075: string;
-export const lineHeights400: string;
-export const lineHeights500: string;
-export const fontWeights400: string;
-export const fontWeights500: string;
-export const fontWeights600: string;
-export const fontWeights700: string;
-export const fontWeightsThin: string;
-export const fontWeightsExtraLight: string;
-export const fontWeightsLight: string;
-export const fontWeightsRegular: string;
-export const fontWeightsMedium: string;
-export const fontWeightsSemiBold: string;
-export const fontWeightsBold: string;
-export const fontWeightsExtraBold: string;
-export const fontWeightsBlack: string;
-export const fontFamiliesDefault: string;
-export const fontFamiliesIos: string;
-export const fontFamiliesAndroid: string;
-export const fontFamiliesOther: string;
 export namespace boxShadow100 {
@@ -211,2 +177,36 @@ const x: string;
 }
+export const sizing100: string;
+export const sizing150: string;
+export const sizing200: string;
+export const sizing250: string;
+export const sizing300: string;
+export const sizing350: string;
+export const sizing400: string;
+export const sizing500: string;
+export const sizing600: string;
+export const sizing700: string;
+export const sizing800: string;
+export const sizing900: string;
+export const sizing025: string;
+export const sizing050: string;
+export const sizing075: string;
+export const lineHeights400: string;
+export const lineHeights500: string;
+export const fontWeights400: string;
+export const fontWeights500: string;
+export const fontWeights600: string;
+export const fontWeights700: string;
+export const fontWeightsThin: string;
+export const fontWeightsExtraLight: string;
+export const fontWeightsLight: string;
+export const fontWeightsRegular: string;
+export const fontWeightsMedium: string;
+export const fontWeightsSemiBold: string;
+export const fontWeightsBold: string;
+export const fontWeightsExtraBold: string;
+export const fontWeightsBlack: string;
+export const fontFamiliesDefault: string;
+export const fontFamiliesIos: string;
+export const fontFamiliesAndroid: string;
+export const fontFamiliesOther: string;
 export const fontSizes100: string;
@@ -237,3 +237,3 @@ export const fontSizes200: string;
 export const borderRadiusCircle: string;
-export namespace pillLabelSSize {
+export namespace buttonLabelSSize {
     const fontFamily: string;
@@ -246,3 +246,3 @@ const fontWeight: string;
 }
-export namespace pillLabelMSize {
+export namespace buttonLabelMSize {
     const fontFamily_1: string;
@@ -261,3 +261,3 @@ export { fontFamily_1 as fontFamily };
 }
-export namespace pillLabelLSize {
+export namespace buttonLabelLSize {
     const fontFamily_2: string;
@@ -276,3 +276,3 @@ export { fontFamily_2 as fontFamily };
 }
-export namespace pillLabelXlSize {
+export namespace formFieldLabelSSize {
     const fontFamily_3: string;
@@ -291,1 +291,323 @@ export { fontFamily_3 as fontFamily };
 }
+export namespace formFieldLabelMSize {
+    const fontFamily_4: string;
+    export { fontFamily_4 as fontFamily };
+    const fontWeight_4: string;
+    export { fontWeight_4 as fontWeight };
+    const lineHeight_4: string;
+    export { lineHeight_4 as lineHeight };
+    const fontSize_4: string;
+    export { fontSize_4 as fontSize };
+    const letterSpacing_4: string;
+    export { letterSpacing_4 as letterSpacing };
+    const paragraphSpacing_4: string;
+    export { paragraphSpacing_4 as paragraphSpacing };
+}
+export namespace formFieldLabelLSize {
+    const fontFamily_5: string;
+    export { fontFamily_5 as fontFamily };
+    const fontWeight_5: string;
+    export { fontWeight_5 as fontWeight };
+    const lineHeight_5: string;
+    export { lineHeight_5 as lineHeight };
+    const fontSize_5: string;
+    export { fontSize_5 as fontSize };
+    const letterSpacing_5: string;
+    export { letterSpacing_5 as letterSpacing };
+    const paragraphSpacing_5: string;
+    export { paragraphSpacing_5 as paragraphSpacing };
+}
+export namespace formFieldHintTextSSize {
+    const fontFamily_6: string;
+    export { fontFamily_6 as fontFamily };
+    const fontWeight_6: string;
+    export { fontWeight_6 as fontWeight };
+    const lineHeight_6: string;
+    export { lineHeight_6 as lineHeight };
+    const fontSize_6: string;
+    export { fontSize_6 as fontSize };
+    const letterSpacing_6: string;
+    export { letterSpacing_6 as letterSpacing };
+    const paragraphSpacing_6: string;
+    export { paragraphSpacing_6 as paragraphSpacing };
+}
+export namespace formFieldHintTextMSize {
+    const fontFamily_7: string;
+    export { fontFamily_7 as fontFamily };
+    const fontWeight_7: string;
+    export { fontWeight_7 as fontWeight };
+    const lineHeight_7: string;
+    export { lineHeight_7 as lineHeight };
+    const fontSize_7: string;
+    export { fontSize_7 as fontSize };
+    const letterSpacing_7: string;
+    export { letterSpacing_7 as letterSpacing };
+    const paragraphSpacing_7: string;
+    export { paragraphSpacing_7 as paragraphSpacing };
+}
+export namespace formFieldHintTextLSize {
+    const fontFamily_8: string;
+    export { fontFamily_8 as fontFamily };
+    const fontWeight_8: string;
+    export { fontWeight_8 as fontWeight };
+    const lineHeight_8: string;
+    export { lineHeight_8 as lineHeight };
+    const fontSize_8: string;
+    export { fontSize_8 as fontSize };
+    const letterSpacing_8: string;
+    export { letterSpacing_8 as letterSpacing };
+    const paragraphSpacing_8: string;
+    export { paragraphSpacing_8 as paragraphSpacing };
+}
+export namespace formFieldErrorMessageSSize {
+    const fontFamily_9: string;
+    export { fontFamily_9 as fontFamily };
+    const fontWeight_9: string;
+    export { fontWeight_9 as fontWeight };
+    const lineHeight_9: string;
+    export { lineHeight_9 as lineHeight };
+    const fontSize_9: string;
+    export { fontSize_9 as fontSize };
+    const letterSpacing_9: string;
+    export { letterSpacing_9 as letterSpacing };
+    const paragraphSpacing_9: string;
+    export { paragraphSpacing_9 as paragraphSpacing };
+}
+export namespace formFieldErrorMessageMSize {
+    const fontFamily_10: string;
+    export { fontFamily_10 as fontFamily };
+    const fontWeight_10: string;
+    export { fontWeight_10 as fontWeight };
+    const lineHeight_10: string;
+    export { lineHeight_10 as lineHeight };
+    const fontSize_10: string;
+    export { fontSize_10 as fontSize };
+    const letterSpacing_10: string;
+    export { letterSpacing_10 as letterSpacing };
+    const paragraphSpacing_10: string;
+    export { paragraphSpacing_10 as paragraphSpacing };
+}
+export namespace formFieldErrorMessageLSize {
+    const fontFamily_11: string;
+    export { fontFamily_11 as fontFamily };
+    const fontWeight_11: string;
+    export { fontWeight_11 as fontWeight };
+    const lineHeight_11: string;
+    export { lineHeight_11 as lineHeight };
+    const fontSize_11: string;
+    export { fontSize_11 as fontSize };
+    const letterSpacing_11: string;
+    export { letterSpacing_11 as letterSpacing };
+    const paragraphSpacing_11: string;
+    export { paragraphSpacing_11 as paragraphSpacing };
+}
+export namespace formFieldCautionMessageSSize {
+    const fontFamily_12: string;
+    export { fontFamily_12 as fontFamily };
+    const fontWeight_12: string;
+    export { fontWeight_12 as fontWeight };
+    const lineHeight_12: string;
+    export { lineHeight_12 as lineHeight };
+    const fontSize_12: string;
+    export { fontSize_12 as fontSize };
+    const letterSpacing_12: string;
+    export { letterSpacing_12 as letterSpacing };
+    const paragraphSpacing_12: string;
+    export { paragraphSpacing_12 as paragraphSpacing };
+}
+export namespace formFieldCautionMessageMSize {
+    const fontFamily_13: string;
+    export { fontFamily_13 as fontFamily };
+    const fontWeight_13: string;
+    export { fontWeight_13 as fontWeight };
+    const lineHeight_13: string;
+    export { lineHeight_13 as lineHeight };
+    const fontSize_13: string;
+    export { fontSize_13 as fontSize };
+    const letterSpacing_13: string;
+    export { letterSpacing_13 as letterSpacing };
+    const paragraphSpacing_13: string;
+    export { paragraphSpacing_13 as paragraphSpacing };
+}
+export namespace formFieldCautionMessageLSize {
+    const fontFamily_14: string;
+    export { fontFamily_14 as fontFamily };
+    const fontWeight_14: string;
+    export { fontWeight_14 as fontWeight };
+    const lineHeight_14: string;
+    export { lineHeight_14 as lineHeight };
+    const fontSize_14: string;
+    export { fontSize_14 as fontSize };
+    const letterSpacing_14: string;
+    export { letterSpacing_14 as letterSpacing };
+    const paragraphSpacing_14: string;
+    export { paragraphSpacing_14 as paragraphSpacing };
+}
+export namespace formFieldInputTextSSize {
+    const fontFamily_15: string;
+    export { fontFamily_15 as fontFamily };
+    const fontWeight_15: string;
+    export { fontWeight_15 as fontWeight };
+    const lineHeight_15: string;
+    export { lineHeight_15 as lineHeight };
+    const fontSize_15: string;
+    export { fontSize_15 as fontSize };
+    const letterSpacing_15: string;
+    export { letterSpacing_15 as letterSpacing };
+    const paragraphSpacing_15: string;
+    export { paragraphSpacing_15 as paragraphSpacing };
+}
+export namespace formFieldInputTextMSize {
+    const fontFamily_16: string;
+    export { fontFamily_16 as fontFamily };
+    const fontWeight_16: string;
+    export { fontWeight_16 as fontWeight };
+    const lineHeight_16: string;
+    export { lineHeight_16 as lineHeight };
+    const fontSize_16: string;
+    export { fontSize_16 as fontSize };
+    const letterSpacing_16: string;
+    export { letterSpacing_16 as letterSpacing };
+    const paragraphSpacing_16: string;
+    export { paragraphSpacing_16 as paragraphSpacing };
+}
+export namespace formFieldInputTextLSize {
+    const fontFamily_17: string;
+    export { fontFamily_17 as fontFamily };
+    const fontWeight_17: string;
+    export { fontWeight_17 as fontWeight };
+    const lineHeight_17: string;
+    export { lineHeight_17 as lineHeight };
+    const fontSize_17: string;
+    export { fontSize_17 as fontSize };
+    const letterSpacing_17: string;
+    export { letterSpacing_17 as letterSpacing };
+    const paragraphSpacing_17: string;
+    export { paragraphSpacing_17 as paragraphSpacing };
+}
+export namespace formFieldSecondLabelSSize {
+    const fontFamily_18: string;
+    export { fontFamily_18 as fontFamily };
+    const fontWeight_18: string;
+    export { fontWeight_18 as fontWeight };
+    const lineHeight_18: string;
+    export { lineHeight_18 as lineHeight };
+    const fontSize_18: string;
+    export { fontSize_18 as fontSize };
+    const letterSpacing_18: string;
+    export { letterSpacing_18 as letterSpacing };
+    const paragraphSpacing_18: string;
+    export { paragraphSpacing_18 as paragraphSpacing };
+}
+export namespace formFieldSecondLabelMSize {
+    const fontFamily_19: string;
+    export { fontFamily_19 as fontFamily };
+    const fontWeight_19: string;
+    export { fontWeight_19 as fontWeight };
+    const lineHeight_19: string;
+    export { lineHeight_19 as lineHeight };
+    const fontSize_19: string;
+    export { fontSize_19 as fontSize };
+    const letterSpacing_19: string;
+    export { letterSpacing_19 as letterSpacing };
+    const paragraphSpacing_19: string;
+    export { paragraphSpacing_19 as paragraphSpacing };
+}
+export namespace formFieldSecondLabelLSize {
+    const fontFamily_20: string;
+    export { fontFamily_20 as fontFamily };
+    const fontWeight_20: string;
+    export { fontWeight_20 as fontWeight };
+    const lineHeight_20: string;
+    export { lineHeight_20 as lineHeight };
+    const fontSize_20: string;
+    export { fontSize_20 as fontSize };
+    const letterSpacing_20: string;
+    export { letterSpacing_20 as letterSpacing };
+    const paragraphSpacing_20: string;
+    export { paragraphSpacing_20 as paragraphSpacing };
+}
+export namespace pillLabelSSize {
+    const fontFamily_21: string;
+    export { fontFamily_21 as fontFamily };
+    const fontWeight_21: string;
+    export { fontWeight_21 as fontWeight };
+    const lineHeight_21: string;
+    export { lineHeight_21 as lineHeight };
+    const fontSize_21: string;
+    export { fontSize_21 as fontSize };
+    const letterSpacing_21: string;
+    export { letterSpacing_21 as letterSpacing };
+    const paragraphSpacing_21: string;
+    export { paragraphSpacing_21 as paragraphSpacing };
+}
+export namespace pillLabelMSize {
+    const fontFamily_22: string;
+    export { fontFamily_22 as fontFamily };
+    const fontWeight_22: string;
+    export { fontWeight_22 as fontWeight };
+    const lineHeight_22: string;
+    export { lineHeight_22 as lineHeight };
+    const fontSize_22: string;
+    export { fontSize_22 as fontSize };
+    const letterSpacing_22: string;
+    export { letterSpacing_22 as letterSpacing };
+    const paragraphSpacing_22: string;
+    export { paragraphSpacing_22 as paragraphSpacing };
+}
+export namespace pillLabelLSize {
+    const fontFamily_23: string;
+    export { fontFamily_23 as fontFamily };
+    const fontWeight_23: string;
+    export { fontWeight_23 as fontWeight };
+    const lineHeight_23: string;
+    export { lineHeight_23 as lineHeight };
+    const fontSize_23: string;
+    export { fontSize_23 as fontSize };
+    const letterSpacing_23: string;
+    export { letterSpacing_23 as letterSpacing };
+    const paragraphSpacing_23: string;
+    export { paragraphSpacing_23 as paragraphSpacing };
+}
+export namespace pillLabelXlSize {
+    const fontFamily_24: string;
+    export { fontFamily_24 as fontFamily };
+    const fontWeight_24: string;
+    export { fontWeight_24 as fontWeight };
+    const lineHeight_24: string;
+    export { lineHeight_24 as lineHeight };
+    const fontSize_24: string;
+    export { fontSize_24 as fontSize };
+    const letterSpacing_24: string;
+    export { letterSpacing_24 as letterSpacing };
+    const paragraphSpacing_24: string;
+    export { paragraphSpacing_24 as paragraphSpacing };
+}
+export namespace tooltipLabelMSize {
+    const fontFamily_25: string;
+    export { fontFamily_25 as fontFamily };
+    const fontWeight_25: string;
+    export { fontWeight_25 as fontWeight };
+    const lineHeight_25: string;
+    export { lineHeight_25 as lineHeight };
+    const fontSize_25: string;
+    export { fontSize_25 as fontSize };
+    const letterSpacing_25: string;
+    export { letterSpacing_25 as letterSpacing };
+    const paragraphSpacing_25: string;
+    export { paragraphSpacing_25 as paragraphSpacing };
+}
+export namespace tooltipLabelLSize {
+    const fontFamily_26: string;
+    export { fontFamily_26 as fontFamily };
+    const fontWeight_26: string;
+    export { fontWeight_26 as fontWeight };
+    const lineHeight_26: string;
+    export { lineHeight_26 as lineHeight };
+    const fontSize_26: string;
+    export { fontSize_26 as fontSize };
+    const letterSpacing_26: string;
+    export { letterSpacing_26 as letterSpacing };
+    const paragraphSpacing_26: string;
+    export { paragraphSpacing_26 as paragraphSpacing };
+}

js/base/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:05:01 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:00 GMT
  */
@@ -128,2 +128,7 @@
   borderWidth000: '0px',
+  boxShadow100: { x: '0', y: '10px', blur: '10px', spread: '0', color: 'rgba(0,20,29,0.1)' },
+  boxShadow200: { x: '0', y: '20px', blur: '40px', spread: '0', color: 'rgba(0,20,29,0.1)' },
+  boxShadow300: { x: '0', y: '30px', blur: '60px', spread: '0', color: 'rgba(0,20,29,0.1)' },
+  boxShadow400: { x: '0', y: '50px', blur: '80px', spread: '0', color: 'rgba(0,20,29,0.1)' },
+  boxShadow000: { x: '0', y: '0', blur: '', spread: '', color: 'none' },
   sizing100: '8px',
@@ -163,7 +168,2 @@ sizing150: '12px',
   fontFamiliesOther: 'Open Sans',
-  boxShadow100: { x: '0', y: '10px', blur: '10px', spread: '0', color: 'rgba(0,20,29,0.1)' },
-  boxShadow200: { x: '0', y: '20px', blur: '40px', spread: '0', color: 'rgba(0,20,29,0.1)' },
-  boxShadow300: { x: '0', y: '30px', blur: '60px', spread: '0', color: 'rgba(0,20,29,0.1)' },
-  boxShadow400: { x: '0', y: '50px', blur: '80px', spread: '0', color: 'rgba(0,20,29,0.1)' },
-  boxShadow000: { x: '0', y: '0', blur: '', spread: '', color: 'none' },
   fontSizes100: '14px',
@@ -194,6 +194,29 @@ fontSizes200: '16px',
   borderRadiusCircle: '50%',
+  buttonLabelSSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.700', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  buttonLabelMSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.700', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  buttonLabelLSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.700', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldLabelSSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.500', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldLabelMSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.500', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldLabelLSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.500', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldHintTextSSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldHintTextMSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldHintTextLSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldErrorMessageSSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.700', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldErrorMessageMSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.700', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldErrorMessageLSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.700', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldCautionMessageSSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldCautionMessageMSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldCautionMessageLSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldInputTextSSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldInputTextMSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldInputTextLSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldSecondLabelSSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.600', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldSecondLabelMSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.600', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldSecondLabelLSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.600', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
   pillLabelSSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.500', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.010', letterSpacing: '0%', paragraphSpacing: '0px' },
   pillLabelMSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.500', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.025', letterSpacing: '0%', paragraphSpacing: '0px' },
   pillLabelLSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.500', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
-  pillLabelXlSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.500', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' }
+  pillLabelXlSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.500', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
+  tooltipLabelMSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  tooltipLabelLSize: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' }
 }

js/base/es6.d.ts

@@ -122,36 +122,2 @@ /*
     const borderWidth000: string;
-    const sizing100: string;
-    const sizing150: string;
-    const sizing200: string;
-    const sizing250: string;
-    const sizing300: string;
-    const sizing350: string;
-    const sizing400: string;
-    const sizing500: string;
-    const sizing600: string;
-    const sizing700: string;
-    const sizing800: string;
-    const sizing900: string;
-    const sizing025: string;
-    const sizing050: string;
-    const sizing075: string;
-    const lineHeights400: string;
-    const lineHeights500: string;
-    const fontWeights400: string;
-    const fontWeights500: string;
-    const fontWeights600: string;
-    const fontWeights700: string;
-    const fontWeightsThin: string;
-    const fontWeightsExtraLight: string;
-    const fontWeightsLight: string;
-    const fontWeightsRegular: string;
-    const fontWeightsMedium: string;
-    const fontWeightsSemiBold: string;
-    const fontWeightsBold: string;
-    const fontWeightsExtraBold: string;
-    const fontWeightsBlack: string;
-    const fontFamiliesDefault: string;
-    const fontFamiliesIos: string;
-    const fontFamiliesAndroid: string;
-    const fontFamiliesOther: string;
     namespace boxShadow100 {
@@ -212,2 +178,36 @@ const x: string;
     }
+    const sizing100: string;
+    const sizing150: string;
+    const sizing200: string;
+    const sizing250: string;
+    const sizing300: string;
+    const sizing350: string;
+    const sizing400: string;
+    const sizing500: string;
+    const sizing600: string;
+    const sizing700: string;
+    const sizing800: string;
+    const sizing900: string;
+    const sizing025: string;
+    const sizing050: string;
+    const sizing075: string;
+    const lineHeights400: string;
+    const lineHeights500: string;
+    const fontWeights400: string;
+    const fontWeights500: string;
+    const fontWeights600: string;
+    const fontWeights700: string;
+    const fontWeightsThin: string;
+    const fontWeightsExtraLight: string;
+    const fontWeightsLight: string;
+    const fontWeightsRegular: string;
+    const fontWeightsMedium: string;
+    const fontWeightsSemiBold: string;
+    const fontWeightsBold: string;
+    const fontWeightsExtraBold: string;
+    const fontWeightsBlack: string;
+    const fontFamiliesDefault: string;
+    const fontFamiliesIos: string;
+    const fontFamiliesAndroid: string;
+    const fontFamiliesOther: string;
     const fontSizes100: string;
@@ -238,3 +238,3 @@ const fontSizes200: string;
     const borderRadiusCircle: string;
-    namespace pillLabelSSize {
+    namespace buttonLabelSSize {
         const fontFamily: string;
@@ -247,3 +247,3 @@ const fontWeight: string;
     }
-    namespace pillLabelMSize {
+    namespace buttonLabelMSize {
         const fontFamily_1: string;
@@ -262,3 +262,3 @@ export { fontFamily_1 as fontFamily };
     }
-    namespace pillLabelLSize {
+    namespace buttonLabelLSize {
         const fontFamily_2: string;
@@ -277,3 +277,3 @@ export { fontFamily_2 as fontFamily };
     }
-    namespace pillLabelXlSize {
+    namespace formFieldLabelSSize {
         const fontFamily_3: string;
@@ -292,3 +292,325 @@ export { fontFamily_3 as fontFamily };
     }
+    namespace formFieldLabelMSize {
+        const fontFamily_4: string;
+        export { fontFamily_4 as fontFamily };
+        const fontWeight_4: string;
+        export { fontWeight_4 as fontWeight };
+        const lineHeight_4: string;
+        export { lineHeight_4 as lineHeight };
+        const fontSize_4: string;
+        export { fontSize_4 as fontSize };
+        const letterSpacing_4: string;
+        export { letterSpacing_4 as letterSpacing };
+        const paragraphSpacing_4: string;
+        export { paragraphSpacing_4 as paragraphSpacing };
+    }
+    namespace formFieldLabelLSize {
+        const fontFamily_5: string;
+        export { fontFamily_5 as fontFamily };
+        const fontWeight_5: string;
+        export { fontWeight_5 as fontWeight };
+        const lineHeight_5: string;
+        export { lineHeight_5 as lineHeight };
+        const fontSize_5: string;
+        export { fontSize_5 as fontSize };
+        const letterSpacing_5: string;
+        export { letterSpacing_5 as letterSpacing };
+        const paragraphSpacing_5: string;
+        export { paragraphSpacing_5 as paragraphSpacing };
+    }
+    namespace formFieldHintTextSSize {
+        const fontFamily_6: string;
+        export { fontFamily_6 as fontFamily };
+        const fontWeight_6: string;
+        export { fontWeight_6 as fontWeight };
+        const lineHeight_6: string;
+        export { lineHeight_6 as lineHeight };
+        const fontSize_6: string;
+        export { fontSize_6 as fontSize };
+        const letterSpacing_6: string;
+        export { letterSpacing_6 as letterSpacing };
+        const paragraphSpacing_6: string;
+        export { paragraphSpacing_6 as paragraphSpacing };
+    }
+    namespace formFieldHintTextMSize {
+        const fontFamily_7: string;
+        export { fontFamily_7 as fontFamily };
+        const fontWeight_7: string;
+        export { fontWeight_7 as fontWeight };
+        const lineHeight_7: string;
+        export { lineHeight_7 as lineHeight };
+        const fontSize_7: string;
+        export { fontSize_7 as fontSize };
+        const letterSpacing_7: string;
+        export { letterSpacing_7 as letterSpacing };
+        const paragraphSpacing_7: string;
+        export { paragraphSpacing_7 as paragraphSpacing };
+    }
+    namespace formFieldHintTextLSize {
+        const fontFamily_8: string;
+        export { fontFamily_8 as fontFamily };
+        const fontWeight_8: string;
+        export { fontWeight_8 as fontWeight };
+        const lineHeight_8: string;
+        export { lineHeight_8 as lineHeight };
+        const fontSize_8: string;
+        export { fontSize_8 as fontSize };
+        const letterSpacing_8: string;
+        export { letterSpacing_8 as letterSpacing };
+        const paragraphSpacing_8: string;
+        export { paragraphSpacing_8 as paragraphSpacing };
+    }
+    namespace formFieldErrorMessageSSize {
+        const fontFamily_9: string;
+        export { fontFamily_9 as fontFamily };
+        const fontWeight_9: string;
+        export { fontWeight_9 as fontWeight };
+        const lineHeight_9: string;
+        export { lineHeight_9 as lineHeight };
+        const fontSize_9: string;
+        export { fontSize_9 as fontSize };
+        const letterSpacing_9: string;
+        export { letterSpacing_9 as letterSpacing };
+        const paragraphSpacing_9: string;
+        export { paragraphSpacing_9 as paragraphSpacing };
+    }
+    namespace formFieldErrorMessageMSize {
+        const fontFamily_10: string;
+        export { fontFamily_10 as fontFamily };
+        const fontWeight_10: string;
+        export { fontWeight_10 as fontWeight };
+        const lineHeight_10: string;
+        export { lineHeight_10 as lineHeight };
+        const fontSize_10: string;
+        export { fontSize_10 as fontSize };
+        const letterSpacing_10: string;
+        export { letterSpacing_10 as letterSpacing };
+        const paragraphSpacing_10: string;
+        export { paragraphSpacing_10 as paragraphSpacing };
+    }
+    namespace formFieldErrorMessageLSize {
+        const fontFamily_11: string;
+        export { fontFamily_11 as fontFamily };
+        const fontWeight_11: string;
+        export { fontWeight_11 as fontWeight };
+        const lineHeight_11: string;
+        export { lineHeight_11 as lineHeight };
+        const fontSize_11: string;
+        export { fontSize_11 as fontSize };
+        const letterSpacing_11: string;
+        export { letterSpacing_11 as letterSpacing };
+        const paragraphSpacing_11: string;
+        export { paragraphSpacing_11 as paragraphSpacing };
+    }
+    namespace formFieldCautionMessageSSize {
+        const fontFamily_12: string;
+        export { fontFamily_12 as fontFamily };
+        const fontWeight_12: string;
+        export { fontWeight_12 as fontWeight };
+        const lineHeight_12: string;
+        export { lineHeight_12 as lineHeight };
+        const fontSize_12: string;
+        export { fontSize_12 as fontSize };
+        const letterSpacing_12: string;
+        export { letterSpacing_12 as letterSpacing };
+        const paragraphSpacing_12: string;
+        export { paragraphSpacing_12 as paragraphSpacing };
+    }
+    namespace formFieldCautionMessageMSize {
+        const fontFamily_13: string;
+        export { fontFamily_13 as fontFamily };
+        const fontWeight_13: string;
+        export { fontWeight_13 as fontWeight };
+        const lineHeight_13: string;
+        export { lineHeight_13 as lineHeight };
+        const fontSize_13: string;
+        export { fontSize_13 as fontSize };
+        const letterSpacing_13: string;
+        export { letterSpacing_13 as letterSpacing };
+        const paragraphSpacing_13: string;
+        export { paragraphSpacing_13 as paragraphSpacing };
+    }
+    namespace formFieldCautionMessageLSize {
+        const fontFamily_14: string;
+        export { fontFamily_14 as fontFamily };
+        const fontWeight_14: string;
+        export { fontWeight_14 as fontWeight };
+        const lineHeight_14: string;
+        export { lineHeight_14 as lineHeight };
+        const fontSize_14: string;
+        export { fontSize_14 as fontSize };
+        const letterSpacing_14: string;
+        export { letterSpacing_14 as letterSpacing };
+        const paragraphSpacing_14: string;
+        export { paragraphSpacing_14 as paragraphSpacing };
+    }
+    namespace formFieldInputTextSSize {
+        const fontFamily_15: string;
+        export { fontFamily_15 as fontFamily };
+        const fontWeight_15: string;
+        export { fontWeight_15 as fontWeight };
+        const lineHeight_15: string;
+        export { lineHeight_15 as lineHeight };
+        const fontSize_15: string;
+        export { fontSize_15 as fontSize };
+        const letterSpacing_15: string;
+        export { letterSpacing_15 as letterSpacing };
+        const paragraphSpacing_15: string;
+        export { paragraphSpacing_15 as paragraphSpacing };
+    }
+    namespace formFieldInputTextMSize {
+        const fontFamily_16: string;
+        export { fontFamily_16 as fontFamily };
+        const fontWeight_16: string;
+        export { fontWeight_16 as fontWeight };
+        const lineHeight_16: string;
+        export { lineHeight_16 as lineHeight };
+        const fontSize_16: string;
+        export { fontSize_16 as fontSize };
+        const letterSpacing_16: string;
+        export { letterSpacing_16 as letterSpacing };
+        const paragraphSpacing_16: string;
+        export { paragraphSpacing_16 as paragraphSpacing };
+    }
+    namespace formFieldInputTextLSize {
+        const fontFamily_17: string;
+        export { fontFamily_17 as fontFamily };
+        const fontWeight_17: string;
+        export { fontWeight_17 as fontWeight };
+        const lineHeight_17: string;
+        export { lineHeight_17 as lineHeight };
+        const fontSize_17: string;
+        export { fontSize_17 as fontSize };
+        const letterSpacing_17: string;
+        export { letterSpacing_17 as letterSpacing };
+        const paragraphSpacing_17: string;
+        export { paragraphSpacing_17 as paragraphSpacing };
+    }
+    namespace formFieldSecondLabelSSize {
+        const fontFamily_18: string;
+        export { fontFamily_18 as fontFamily };
+        const fontWeight_18: string;
+        export { fontWeight_18 as fontWeight };
+        const lineHeight_18: string;
+        export { lineHeight_18 as lineHeight };
+        const fontSize_18: string;
+        export { fontSize_18 as fontSize };
+        const letterSpacing_18: string;
+        export { letterSpacing_18 as letterSpacing };
+        const paragraphSpacing_18: string;
+        export { paragraphSpacing_18 as paragraphSpacing };
+    }
+    namespace formFieldSecondLabelMSize {
+        const fontFamily_19: string;
+        export { fontFamily_19 as fontFamily };
+        const fontWeight_19: string;
+        export { fontWeight_19 as fontWeight };
+        const lineHeight_19: string;
+        export { lineHeight_19 as lineHeight };
+        const fontSize_19: string;
+        export { fontSize_19 as fontSize };
+        const letterSpacing_19: string;
+        export { letterSpacing_19 as letterSpacing };
+        const paragraphSpacing_19: string;
+        export { paragraphSpacing_19 as paragraphSpacing };
+    }
+    namespace formFieldSecondLabelLSize {
+        const fontFamily_20: string;
+        export { fontFamily_20 as fontFamily };
+        const fontWeight_20: string;
+        export { fontWeight_20 as fontWeight };
+        const lineHeight_20: string;
+        export { lineHeight_20 as lineHeight };
+        const fontSize_20: string;
+        export { fontSize_20 as fontSize };
+        const letterSpacing_20: string;
+        export { letterSpacing_20 as letterSpacing };
+        const paragraphSpacing_20: string;
+        export { paragraphSpacing_20 as paragraphSpacing };
+    }
+    namespace pillLabelSSize {
+        const fontFamily_21: string;
+        export { fontFamily_21 as fontFamily };
+        const fontWeight_21: string;
+        export { fontWeight_21 as fontWeight };
+        const lineHeight_21: string;
+        export { lineHeight_21 as lineHeight };
+        const fontSize_21: string;
+        export { fontSize_21 as fontSize };
+        const letterSpacing_21: string;
+        export { letterSpacing_21 as letterSpacing };
+        const paragraphSpacing_21: string;
+        export { paragraphSpacing_21 as paragraphSpacing };
+    }
+    namespace pillLabelMSize {
+        const fontFamily_22: string;
+        export { fontFamily_22 as fontFamily };
+        const fontWeight_22: string;
+        export { fontWeight_22 as fontWeight };
+        const lineHeight_22: string;
+        export { lineHeight_22 as lineHeight };
+        const fontSize_22: string;
+        export { fontSize_22 as fontSize };
+        const letterSpacing_22: string;
+        export { letterSpacing_22 as letterSpacing };
+        const paragraphSpacing_22: string;
+        export { paragraphSpacing_22 as paragraphSpacing };
+    }
+    namespace pillLabelLSize {
+        const fontFamily_23: string;
+        export { fontFamily_23 as fontFamily };
+        const fontWeight_23: string;
+        export { fontWeight_23 as fontWeight };
+        const lineHeight_23: string;
+        export { lineHeight_23 as lineHeight };
+        const fontSize_23: string;
+        export { fontSize_23 as fontSize };
+        const letterSpacing_23: string;
+        export { letterSpacing_23 as letterSpacing };
+        const paragraphSpacing_23: string;
+        export { paragraphSpacing_23 as paragraphSpacing };
+    }
+    namespace pillLabelXlSize {
+        const fontFamily_24: string;
+        export { fontFamily_24 as fontFamily };
+        const fontWeight_24: string;
+        export { fontWeight_24 as fontWeight };
+        const lineHeight_24: string;
+        export { lineHeight_24 as lineHeight };
+        const fontSize_24: string;
+        export { fontSize_24 as fontSize };
+        const letterSpacing_24: string;
+        export { letterSpacing_24 as letterSpacing };
+        const paragraphSpacing_24: string;
+        export { paragraphSpacing_24 as paragraphSpacing };
+    }
+    namespace tooltipLabelMSize {
+        const fontFamily_25: string;
+        export { fontFamily_25 as fontFamily };
+        const fontWeight_25: string;
+        export { fontWeight_25 as fontWeight };
+        const lineHeight_25: string;
+        export { lineHeight_25 as lineHeight };
+        const fontSize_25: string;
+        export { fontSize_25 as fontSize };
+        const letterSpacing_25: string;
+        export { letterSpacing_25 as letterSpacing };
+        const paragraphSpacing_25: string;
+        export { paragraphSpacing_25 as paragraphSpacing };
+    }
+    namespace tooltipLabelLSize {
+        const fontFamily_26: string;
+        export { fontFamily_26 as fontFamily };
+        const fontWeight_26: string;
+        export { fontWeight_26 as fontWeight };
+        const lineHeight_26: string;
+        export { lineHeight_26 as lineHeight };
+        const fontSize_26: string;
+        export { fontSize_26 as fontSize };
+        const letterSpacing_26: string;
+        export { letterSpacing_26 as letterSpacing };
+        const paragraphSpacing_26: string;
+        export { paragraphSpacing_26 as paragraphSpacing };
+    }
 }
 export default _default;

js/base/es6.js

@@ -122,36 +122,2 @@ /*
   borderWidth000: '0px',
-  sizing100: '8px',
-  sizing150: '12px',
-  sizing200: '16px',
-  sizing250: '20px',
-  sizing300: '24px',
-  sizing350: '28px',
-  sizing400: '32px',
-  sizing500: '40px',
-  sizing600: '48px',
-  sizing700: '56px',
-  sizing800: '64px',
-  sizing900: '72px',
-  sizing025: '2px',
-  sizing050: '4px',
-  sizing075: '6px',
-  lineHeights400: '125%',
-  lineHeights500: '150%',
-  fontWeights400: 'Regular Beta',
-  fontWeights500: 'Medium Beta',
-  fontWeights600: 'SemiBold Beta',
-  fontWeights700: 'Bold Beta',
-  fontWeightsThin: '100',
-  fontWeightsExtraLight: '200',
-  fontWeightsLight: '300',
-  fontWeightsRegular: '400',
-  fontWeightsMedium: '500',
-  fontWeightsSemiBold: '600',
-  fontWeightsBold: '700',
-  fontWeightsExtraBold: '800',
-  fontWeightsBlack: '900',
-  fontFamiliesDefault: 'Sage UI',
-  fontFamiliesIos: 'San Francisco',
-  fontFamiliesAndroid: 'Roboto',
-  fontFamiliesOther: 'Open Sans',
   boxShadow100: {
@@ -192,2 +158,36 @@ x: '0',
   },
+  sizing100: '8px',
+  sizing150: '12px',
+  sizing200: '16px',
+  sizing250: '20px',
+  sizing300: '24px',
+  sizing350: '28px',
+  sizing400: '32px',
+  sizing500: '40px',
+  sizing600: '48px',
+  sizing700: '56px',
+  sizing800: '64px',
+  sizing900: '72px',
+  sizing025: '2px',
+  sizing050: '4px',
+  sizing075: '6px',
+  lineHeights400: '125%',
+  lineHeights500: '150%',
+  fontWeights400: 'Regular Beta',
+  fontWeights500: 'Medium Beta',
+  fontWeights600: 'SemiBold Beta',
+  fontWeights700: 'Bold Beta',
+  fontWeightsThin: '100',
+  fontWeightsExtraLight: '200',
+  fontWeightsLight: '300',
+  fontWeightsRegular: '400',
+  fontWeightsMedium: '500',
+  fontWeightsSemiBold: '600',
+  fontWeightsBold: '700',
+  fontWeightsExtraBold: '800',
+  fontWeightsBlack: '900',
+  fontFamiliesDefault: 'Sage UI',
+  fontFamiliesIos: 'San Francisco',
+  fontFamiliesAndroid: 'Roboto',
+  fontFamiliesOther: 'Open Sans',
   fontSizes100: '14px',
@@ -218,2 +218,170 @@ fontSizes200: '16px',
   borderRadiusCircle: '50%',
+  buttonLabelSSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.700',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  buttonLabelMSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.700',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  buttonLabelLSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.700',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.200',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldLabelSSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.500',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldLabelMSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.500',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldLabelLSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.500',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.200',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldHintTextSSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldHintTextMSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldHintTextLSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.200',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldErrorMessageSSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.700',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldErrorMessageMSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.700',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldErrorMessageLSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.700',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.200',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldCautionMessageSSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldCautionMessageMSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldCautionMessageLSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.200',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldInputTextSSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldInputTextMSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldInputTextLSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.200',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldSecondLabelSSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.600',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldSecondLabelMSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.600',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldSecondLabelLSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.600',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.200',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
   pillLabelSSize: {
@@ -250,3 +418,19 @@ fontFamily: '$fontFamilies.default',
     paragraphSpacing: '0px'
+  },
+  tooltipLabelMSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  tooltipLabelLSize: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: '$fontSizes.200',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
   }
 }

js/black-app-bar/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:05:01 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:00 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:05:02 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:01 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:05:01 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:00 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:05:01 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:01 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:05:02 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:01 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:05:02 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:01 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:05:01 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:01 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:05:02 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:01 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:05:01 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:00 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:05:01 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:01 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:05:02 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:01 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:05:01 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:00 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:05:02 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:01 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:05:01 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:00 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:05:01 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:00 GMT
  */
@@ -9,0 +9,0 @@

js/references/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:05:01 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:00 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:05:02 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:01 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:05:02 GMT
+ * Generated on Thu, 19 Aug 2021 13:33:01 GMT
  */
@@ -9,0 +9,0 @@

package.json

@@ -9,3 +9,3 @@ {
     "author": "The Sage Group plc",
-    "version": "1.26.0",
+    "version": "1.27.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

1730480

increased by3.11%

Lines of code

8817

increased by14.98%

Worsened metrics

Number of downloads

12471

decreased by-8.84%

No dependency changes