@livechat/chat-widget-design-tokens - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

dist/chat-widget-design-tokens.cjs.js

@@ -50,2 +50,3 @@ 'use strict';
   0: '#FFFFFF',
+  15: '#F6F6F7',
   25: '#F0F0F0',
@@ -136,2 +137,3 @@ 50: '#F8F8F8',
   surfaceDecorative: grayscale[100],
+  surfaceFade: grayscale[15],
   hintSurface: grayscale[800],
@@ -145,3 +147,13 @@ floatSurface: grayscale[0],
   disabledContrast: grayscale[600],
-  formIconColor: grayscale[50]
+  inactiveElement: grayscale[300],
+  formIconColor: grayscale[50],
+  trademarkFooterText: grayscale[600],
+  homescreenBackground: grayscale[50],
+  decorations: {
+    decorOne: '#FFDAB9',
+    decorTwo: '#D9CCFA',
+    decorThree: '#FACCCC',
+    decorFour: '#F4F791',
+    decorFive: '#F1C9FC'
+  }
 });
@@ -167,2 +179,3 @@ var dark = _extends({}, colorPalette, {
   surfaceDecorative: grayscale[700],
+  surfaceFade: grayscale[700],
   hintSurface: grayscale[550],
@@ -176,3 +189,13 @@ floatSurface: grayscale[700],
   disabledContrast: grayscale[500],
-  formIconColor: grayscale[900]
+  inactiveElement: grayscale[600],
+  formIconColor: grayscale[900],
+  trademarkFooterText: grayscale[400],
+  homescreenBackground: grayscale[900],
+  decorations: {
+    decorOne: '#D7650F',
+    decorTwo: '#400CC6',
+    decorThree: '#AF3C3C',
+    decorFour: '#ACB125',
+    decorFive: '#831AA2'
+  }
 });
@@ -191,2 +214,3 @@
 
+var size18 = pxToRem(18);
 var size16 = pxToRem(16);
@@ -198,2 +222,3 @@ var size14 = pxToRem(14);
 	__proto__: null,
+	size18: size18,
 	size16: size16,
@@ -270,2 +295,6 @@ size14: size14,
 };
+var heroHeader = {
+  fontSize: size18,
+  fontWeight: 'bold'
+};
 
@@ -281,3 +310,4 @@ var typography = /*#__PURE__*/Object.freeze({
 	basicContrast: basicContrast,
-	errorCaption: errorCaption
+	errorCaption: errorCaption,
+	heroHeader: heroHeader
 });
@@ -284,0 +314,0 @@

dist/chat-widget-design-tokens.es.js

@@ -46,2 +46,3 @@ import { opacify } from 'polished';
   0: '#FFFFFF',
+  15: '#F6F6F7',
   25: '#F0F0F0',
@@ -132,2 +133,3 @@ 50: '#F8F8F8',
   surfaceDecorative: grayscale[100],
+  surfaceFade: grayscale[15],
   hintSurface: grayscale[800],
@@ -141,3 +143,13 @@ floatSurface: grayscale[0],
   disabledContrast: grayscale[600],
-  formIconColor: grayscale[50]
+  inactiveElement: grayscale[300],
+  formIconColor: grayscale[50],
+  trademarkFooterText: grayscale[600],
+  homescreenBackground: grayscale[50],
+  decorations: {
+    decorOne: '#FFDAB9',
+    decorTwo: '#D9CCFA',
+    decorThree: '#FACCCC',
+    decorFour: '#F4F791',
+    decorFive: '#F1C9FC'
+  }
 });
@@ -163,2 +175,3 @@ var dark = _extends({}, colorPalette, {
   surfaceDecorative: grayscale[700],
+  surfaceFade: grayscale[700],
   hintSurface: grayscale[550],
@@ -172,3 +185,13 @@ floatSurface: grayscale[700],
   disabledContrast: grayscale[500],
-  formIconColor: grayscale[900]
+  inactiveElement: grayscale[600],
+  formIconColor: grayscale[900],
+  trademarkFooterText: grayscale[400],
+  homescreenBackground: grayscale[900],
+  decorations: {
+    decorOne: '#D7650F',
+    decorTwo: '#400CC6',
+    decorThree: '#AF3C3C',
+    decorFour: '#ACB125',
+    decorFive: '#831AA2'
+  }
 });
@@ -187,2 +210,3 @@
 
+var size18 = pxToRem(18);
 var size16 = pxToRem(16);
@@ -194,2 +218,3 @@ var size14 = pxToRem(14);
 	__proto__: null,
+	size18: size18,
 	size16: size16,
@@ -266,2 +291,6 @@ size14: size14,
 };
+var heroHeader = {
+  fontSize: size18,
+  fontWeight: 'bold'
+};
 
@@ -277,5 +306,6 @@ var typography = /*#__PURE__*/Object.freeze({
 	basicContrast: basicContrast,
-	errorCaption: errorCaption
+	errorCaption: errorCaption,
+	heroHeader: heroHeader
 });
 
 export { borderRadiuses, boxShadows, colorPalette, colors, fontSizes, pxToRem, spaces, transitions, typography };

dist/chat-widget-design-tokens.umd.js

@@ -50,2 +50,3 @@ (function (global, factory) {
 	  0: '#FFFFFF',
+	  15: '#F6F6F7',
 	  25: '#F0F0F0',
@@ -897,2 +898,3 @@ 50: '#F8F8F8',
 	  surfaceDecorative: grayscale[100],
+	  surfaceFade: grayscale[15],
 	  hintSurface: grayscale[800],
@@ -906,3 +908,13 @@ floatSurface: grayscale[0],
 	  disabledContrast: grayscale[600],
-	  formIconColor: grayscale[50]
+	  inactiveElement: grayscale[300],
+	  formIconColor: grayscale[50],
+	  trademarkFooterText: grayscale[600],
+	  homescreenBackground: grayscale[50],
+	  decorations: {
+	    decorOne: '#FFDAB9',
+	    decorTwo: '#D9CCFA',
+	    decorThree: '#FACCCC',
+	    decorFour: '#F4F791',
+	    decorFive: '#F1C9FC'
+	  }
 	});
@@ -928,2 +940,3 @@ var dark = _extends$1({}, colorPalette, {
 	  surfaceDecorative: grayscale[700],
+	  surfaceFade: grayscale[700],
 	  hintSurface: grayscale[550],
@@ -937,3 +950,13 @@ floatSurface: grayscale[700],
 	  disabledContrast: grayscale[500],
-	  formIconColor: grayscale[900]
+	  inactiveElement: grayscale[600],
+	  formIconColor: grayscale[900],
+	  trademarkFooterText: grayscale[400],
+	  homescreenBackground: grayscale[900],
+	  decorations: {
+	    decorOne: '#D7650F',
+	    decorTwo: '#400CC6',
+	    decorThree: '#AF3C3C',
+	    decorFour: '#ACB125',
+	    decorFive: '#831AA2'
+	  }
 	});
@@ -952,2 +975,3 @@
 
+	var size18 = pxToRem(18);
 	var size16 = pxToRem(16);
@@ -959,2 +983,3 @@ var size14 = pxToRem(14);
 		__proto__: null,
+		size18: size18,
 		size16: size16,
@@ -1031,2 +1056,6 @@ size14: size14,
 	};
+	var heroHeader = {
+	  fontSize: size18,
+	  fontWeight: 'bold'
+	};
 
@@ -1042,3 +1071,4 @@ var typography = /*#__PURE__*/Object.freeze({
 		basicContrast: basicContrast,
-		errorCaption: errorCaption
+		errorCaption: errorCaption,
+		heroHeader: heroHeader
 	});
@@ -1045,0 +1075,0 @@

package.json

 {
   "name": "@livechat/chat-widget-design-tokens",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "",
@@ -5,0 +5,0 @@ "contributors": [

types/colorPalette.d.ts

@@ -23,2 +23,3 @@ export declare const yellow: {
     0: string;
+    15: string;
     25: string;
@@ -25,0 +26,0 @@ 50: string;

types/colors.d.ts

@@ -20,2 +20,3 @@ export declare const light: {
     surfaceDecorative: string;
+    surfaceFade: string;
     hintSurface: string;
@@ -29,3 +30,13 @@ floatSurface: string;
     disabledContrast: string;
+    inactiveElement: string;
     formIconColor: string;
+    trademarkFooterText: string;
+    homescreenBackground: string;
+    decorations: {
+        decorOne: string;
+        decorTwo: string;
+        decorThree: string;
+        decorFour: string;
+        decorFive: string;
+    };
     yellow: {
@@ -53,2 +64,3 @@ 50: string;
         0: string;
+        15: string;
         25: string;
@@ -91,2 +103,3 @@ 50: string;
     surfaceDecorative: string;
+    surfaceFade: string;
     hintSurface: string;
@@ -100,3 +113,13 @@ floatSurface: string;
     disabledContrast: string;
+    inactiveElement: string;
     formIconColor: string;
+    trademarkFooterText: string;
+    homescreenBackground: string;
+    decorations: {
+        decorOne: string;
+        decorTwo: string;
+        decorThree: string;
+        decorFour: string;
+        decorFive: string;
+    };
     yellow: {
@@ -124,2 +147,3 @@ 50: string;
         0: string;
+        15: string;
         25: string;
@@ -126,0 +150,0 @@ 50: string;

types/fontSizes.d.ts

@@ -0,1 +1,2 @@
+export declare const size18: string;
 export declare const size16: string;
@@ -2,0 +3,0 @@ export declare const size14: string;

types/typography.d.ts

@@ -33,2 +33,6 @@ export declare const heading: {
 };
+export declare const heroHeader: {
+    readonly fontSize: string;
+    readonly fontWeight: "bold";
+};
 //# sourceMappingURL=typography.d.ts.map

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

97797

increased by3.16%

Lines of code

1813

increased by7.09%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes