@sage/design-tokens - npm Package Compare versions

Comparing version 1.28.0 to 1.29.0

js/base/common.d.ts

@@ -176,2 +176,15 @@ /*
 }
+export const fontSizes100: string;
+export const fontSizes200: string;
+export const fontSizes300: string;
+export const fontSizes400: string;
+export const fontSizes500: string;
+export const fontSizes600: string;
+export const fontSizes700: string;
+export const fontSizes800: string;
+export const fontSizes900: string;
+export const fontSizes1000: string;
+export const fontSizes010: string;
+export const fontSizes025: string;
+export const fontSizes050: string;
 export const sizing100: string;
@@ -192,15 +205,2 @@ export const sizing150: string;
 export const sizing075: string;
-export const fontSizes100: string;
-export const fontSizes200: string;
-export const fontSizes300: string;
-export const fontSizes400: string;
-export const fontSizes500: string;
-export const fontSizes600: string;
-export const fontSizes700: string;
-export const fontSizes800: string;
-export const fontSizes900: string;
-export const fontSizes1000: string;
-export const fontSizes010: string;
-export const fontSizes025: string;
-export const fontSizes050: string;
 export const lineHeights400: string;
@@ -609,3 +609,3 @@ export const lineHeights500: string;
 }
-export namespace pillLabelS {
+export namespace formFieldCharacterCountXs {
     const fontFamily_27: string;
@@ -624,3 +624,3 @@ export { fontFamily_27 as fontFamily };
 }
-export namespace pillLabelM {
+export namespace formFieldCharacterCountS {
     const fontFamily_28: string;
@@ -639,3 +639,3 @@ export { fontFamily_28 as fontFamily };
 }
-export namespace pillLabelL {
+export namespace formFieldCharacterCountM {
     const fontFamily_29: string;
@@ -654,3 +654,3 @@ export { fontFamily_29 as fontFamily };
 }
-export namespace pillLabelXl {
+export namespace formFieldCharacterCountL {
     const fontFamily_30: string;
@@ -669,3 +669,3 @@ export { fontFamily_30 as fontFamily };
 }
-export namespace tooltipLabelM {
+export namespace pillLabelS {
     const fontFamily_31: string;
@@ -684,3 +684,3 @@ export { fontFamily_31 as fontFamily };
 }
-export namespace tooltipLabelL {
+export namespace pillLabelM {
     const fontFamily_32: string;
@@ -699,1 +699,57 @@ export { fontFamily_32 as fontFamily };
 }
+export namespace pillLabelL {
+    const fontFamily_33: string;
+    export { fontFamily_33 as fontFamily };
+    const fontWeight_33: string;
+    export { fontWeight_33 as fontWeight };
+    const lineHeight_33: string;
+    export { lineHeight_33 as lineHeight };
+    const fontSize_33: string;
+    export { fontSize_33 as fontSize };
+    const letterSpacing_33: string;
+    export { letterSpacing_33 as letterSpacing };
+    const paragraphSpacing_33: string;
+    export { paragraphSpacing_33 as paragraphSpacing };
+}
+export namespace pillLabelXl {
+    const fontFamily_34: string;
+    export { fontFamily_34 as fontFamily };
+    const fontWeight_34: string;
+    export { fontWeight_34 as fontWeight };
+    const lineHeight_34: string;
+    export { lineHeight_34 as lineHeight };
+    const fontSize_34: string;
+    export { fontSize_34 as fontSize };
+    const letterSpacing_34: string;
+    export { letterSpacing_34 as letterSpacing };
+    const paragraphSpacing_34: string;
+    export { paragraphSpacing_34 as paragraphSpacing };
+}
+export namespace tooltipLabelM {
+    const fontFamily_35: string;
+    export { fontFamily_35 as fontFamily };
+    const fontWeight_35: string;
+    export { fontWeight_35 as fontWeight };
+    const lineHeight_35: string;
+    export { lineHeight_35 as lineHeight };
+    const fontSize_35: string;
+    export { fontSize_35 as fontSize };
+    const letterSpacing_35: string;
+    export { letterSpacing_35 as letterSpacing };
+    const paragraphSpacing_35: string;
+    export { paragraphSpacing_35 as paragraphSpacing };
+}
+export namespace tooltipLabelL {
+    const fontFamily_36: string;
+    export { fontFamily_36 as fontFamily };
+    const fontWeight_36: string;
+    export { fontWeight_36 as fontWeight };
+    const lineHeight_36: string;
+    export { lineHeight_36 as lineHeight };
+    const fontSize_36: string;
+    export { fontSize_36 as fontSize };
+    const letterSpacing_36: string;
+    export { letterSpacing_36 as letterSpacing };
+    const paragraphSpacing_36: string;
+    export { paragraphSpacing_36 as paragraphSpacing };
+}

js/base/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:41:49 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:57 GMT
  */
@@ -133,2 +133,15 @@
   boxShadow000: { x: '0', y: '0', blur: '', spread: '', color: 'none' },
+  fontSizes100: '14px',
+  fontSizes200: '16px',
+  fontSizes300: '18px',
+  fontSizes400: '20px',
+  fontSizes500: '22px',
+  fontSizes600: '24px',
+  fontSizes700: '32px',
+  fontSizes800: '48px',
+  fontSizes900: '56px',
+  fontSizes1000: '64px',
+  fontSizes010: '10px',
+  fontSizes025: '12px',
+  fontSizes050: '13px',
   sizing100: '8px',
@@ -149,15 +162,2 @@ sizing150: '12px',
   sizing075: '6px',
-  fontSizes100: '14px',
-  fontSizes200: '16px',
-  fontSizes300: '18px',
-  fontSizes400: '20px',
-  fontSizes500: '22px',
-  fontSizes600: '24px',
-  fontSizes700: '32px',
-  fontSizes800: '48px',
-  fontSizes900: '56px',
-  fontSizes1000: '64px',
-  fontSizes010: '10px',
-  fontSizes025: '12px',
-  fontSizes050: '13px',
   lineHeights400: '125%',
@@ -221,2 +221,6 @@ lineHeights500: '150%',
   formFieldSecondLabelL: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.600', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.200', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldCharacterCountXs: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: 'fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldCharacterCountS: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', lineHeight: '$lineHeights.500', fontSize: 'fontSizes.100', letterSpacing: '0%', paragraphSpacing: '0px' },
+  formFieldCharacterCountM: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.400', 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' },
   pillLabelS: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.500', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.010', letterSpacing: '0%', paragraphSpacing: '0px' },
@@ -223,0 +227,0 @@ pillLabelM: { fontFamily: '$fontFamilies.default', fontWeight: '$fontWeights.500', lineHeight: '$lineHeights.500', fontSize: '$fontSizes.025', letterSpacing: '0%', paragraphSpacing: '0px' },

js/base/es6.d.ts

@@ -177,2 +177,15 @@ /*
     }
+    const fontSizes100: string;
+    const fontSizes200: string;
+    const fontSizes300: string;
+    const fontSizes400: string;
+    const fontSizes500: string;
+    const fontSizes600: string;
+    const fontSizes700: string;
+    const fontSizes800: string;
+    const fontSizes900: string;
+    const fontSizes1000: string;
+    const fontSizes010: string;
+    const fontSizes025: string;
+    const fontSizes050: string;
     const sizing100: string;
@@ -193,15 +206,2 @@ const sizing150: string;
     const sizing075: string;
-    const fontSizes100: string;
-    const fontSizes200: string;
-    const fontSizes300: string;
-    const fontSizes400: string;
-    const fontSizes500: string;
-    const fontSizes600: string;
-    const fontSizes700: string;
-    const fontSizes800: string;
-    const fontSizes900: string;
-    const fontSizes1000: string;
-    const fontSizes010: string;
-    const fontSizes025: string;
-    const fontSizes050: string;
     const lineHeights400: string;
@@ -610,3 +610,3 @@ const lineHeights500: string;
     }
-    namespace pillLabelS {
+    namespace formFieldCharacterCountXs {
         const fontFamily_27: string;
@@ -625,3 +625,3 @@ export { fontFamily_27 as fontFamily };
     }
-    namespace pillLabelM {
+    namespace formFieldCharacterCountS {
         const fontFamily_28: string;
@@ -640,3 +640,3 @@ export { fontFamily_28 as fontFamily };
     }
-    namespace pillLabelL {
+    namespace formFieldCharacterCountM {
         const fontFamily_29: string;
@@ -655,3 +655,3 @@ export { fontFamily_29 as fontFamily };
     }
-    namespace pillLabelXl {
+    namespace formFieldCharacterCountL {
         const fontFamily_30: string;
@@ -670,3 +670,3 @@ export { fontFamily_30 as fontFamily };
     }
-    namespace tooltipLabelM {
+    namespace pillLabelS {
         const fontFamily_31: string;
@@ -685,3 +685,3 @@ export { fontFamily_31 as fontFamily };
     }
-    namespace tooltipLabelL {
+    namespace pillLabelM {
         const fontFamily_32: string;
@@ -700,3 +700,59 @@ export { fontFamily_32 as fontFamily };
     }
+    namespace pillLabelL {
+        const fontFamily_33: string;
+        export { fontFamily_33 as fontFamily };
+        const fontWeight_33: string;
+        export { fontWeight_33 as fontWeight };
+        const lineHeight_33: string;
+        export { lineHeight_33 as lineHeight };
+        const fontSize_33: string;
+        export { fontSize_33 as fontSize };
+        const letterSpacing_33: string;
+        export { letterSpacing_33 as letterSpacing };
+        const paragraphSpacing_33: string;
+        export { paragraphSpacing_33 as paragraphSpacing };
+    }
+    namespace pillLabelXl {
+        const fontFamily_34: string;
+        export { fontFamily_34 as fontFamily };
+        const fontWeight_34: string;
+        export { fontWeight_34 as fontWeight };
+        const lineHeight_34: string;
+        export { lineHeight_34 as lineHeight };
+        const fontSize_34: string;
+        export { fontSize_34 as fontSize };
+        const letterSpacing_34: string;
+        export { letterSpacing_34 as letterSpacing };
+        const paragraphSpacing_34: string;
+        export { paragraphSpacing_34 as paragraphSpacing };
+    }
+    namespace tooltipLabelM {
+        const fontFamily_35: string;
+        export { fontFamily_35 as fontFamily };
+        const fontWeight_35: string;
+        export { fontWeight_35 as fontWeight };
+        const lineHeight_35: string;
+        export { lineHeight_35 as lineHeight };
+        const fontSize_35: string;
+        export { fontSize_35 as fontSize };
+        const letterSpacing_35: string;
+        export { letterSpacing_35 as letterSpacing };
+        const paragraphSpacing_35: string;
+        export { paragraphSpacing_35 as paragraphSpacing };
+    }
+    namespace tooltipLabelL {
+        const fontFamily_36: string;
+        export { fontFamily_36 as fontFamily };
+        const fontWeight_36: string;
+        export { fontWeight_36 as fontWeight };
+        const lineHeight_36: string;
+        export { lineHeight_36 as lineHeight };
+        const fontSize_36: string;
+        export { fontSize_36 as fontSize };
+        const letterSpacing_36: string;
+        export { letterSpacing_36 as letterSpacing };
+        const paragraphSpacing_36: string;
+        export { paragraphSpacing_36 as paragraphSpacing };
+    }
 }
 export default _default;

js/base/es6.js

@@ -157,2 +157,15 @@ /*
   },
+  fontSizes100: '14px',
+  fontSizes200: '16px',
+  fontSizes300: '18px',
+  fontSizes400: '20px',
+  fontSizes500: '22px',
+  fontSizes600: '24px',
+  fontSizes700: '32px',
+  fontSizes800: '48px',
+  fontSizes900: '56px',
+  fontSizes1000: '64px',
+  fontSizes010: '10px',
+  fontSizes025: '12px',
+  fontSizes050: '13px',
   sizing100: '8px',
@@ -173,15 +186,2 @@ sizing150: '12px',
   sizing075: '6px',
-  fontSizes100: '14px',
-  fontSizes200: '16px',
-  fontSizes300: '18px',
-  fontSizes400: '20px',
-  fontSizes500: '22px',
-  fontSizes600: '24px',
-  fontSizes700: '32px',
-  fontSizes800: '48px',
-  fontSizes900: '56px',
-  fontSizes1000: '64px',
-  fontSizes010: '10px',
-  fontSizes025: '12px',
-  fontSizes050: '13px',
   lineHeights400: '125%',
@@ -434,2 +434,34 @@ lineHeights500: '150%',
   },
+  formFieldCharacterCountXs: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: 'fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldCharacterCountS: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    lineHeight: '$lineHeights.500',
+    fontSize: 'fontSizes.100',
+    letterSpacing: '0%',
+    paragraphSpacing: '0px'
+  },
+  formFieldCharacterCountM: {
+    fontFamily: '$fontFamilies.default',
+    fontWeight: '$fontWeights.400',
+    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'
+  },
   pillLabelS: {
@@ -436,0 +468,0 @@ fontFamily: '$fontFamilies.default',

js/black-app-bar/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:41:50 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:57 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:41:51 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:58 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:41:50 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:57 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:41:50 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:57 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:41:51 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:58 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:41:50 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:58 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:41:50 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:57 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:41:50 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:57 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:41:50 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:57 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:41:50 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:57 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:41:50 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:57 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:41:50 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:57 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:41:50 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:57 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:41:50 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:57 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:41:49 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:57 GMT
  */
@@ -9,0 +9,0 @@

js/references/common.js

@@ -6,3 +6,3 @@ /*
  * Do not edit directly
- * Generated on Thu, 19 Aug 2021 13:41:50 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:57 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:41:50 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:57 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:41:50 GMT
+ * Generated on Thu, 19 Aug 2021 13:47:58 GMT
  */
@@ -9,0 +9,0 @@

package.json

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

1752932

increased by0.52%

Number of downloads

13680

increased by9.69%

Lines of code

9309

increased by2.17%

No dependency changes