@hedviginsurance/brand - npm Package Compare versions

Comparing version 4.0.5 to 4.0.7

.storybook/preview.js

 import React from 'react'
-import { Global } from '@emotion/core'
+import { Global } from '@emotion/react'
 import { globalStylesStorybook } from '../src/GlobalStyles'
@@ -4,0 +4,0 @@ import { colorsV3 } from '../src'

dist/colors.js

@@ -85,3 +85,3 @@ "use strict";
     pistachio700: '#b6f4af',
-    purple100: '#e6d6ff',
+    purple100: '#f5ebf5',
     purple300: '#e3d7ee',
@@ -88,0 +88,0 @@ purple500: '#d7c6e6',

dist/es/colors.js

@@ -82,3 +82,3 @@ export var colors = {
     pistachio700: '#b6f4af',
-    purple100: '#e6d6ff',
+    purple100: '#f5ebf5',
     purple300: '#e3d7ee',
@@ -85,0 +85,0 @@ purple500: '#d7c6e6',

dist/es/GlobalStyles.d.ts

@@ -1,2 +0,2 @@
-export declare const globalStyles: import("@emotion/utils").SerializedStyles;
-export declare const globalStylesStorybook: import("@emotion/utils").SerializedStyles;
+export declare const globalStyles: import("@emotion/react").SerializedStyles;
+export declare const globalStylesStorybook: import("@emotion/react").SerializedStyles;

dist/es/GlobalStyles.js

@@ -5,3 +5,3 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
 };
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import { colorsV3, fonts, getCdnFontFaces } from '.';
@@ -8,0 +8,0 @@ export var globalStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  * {\n    box-sizing: border-box;\n  }\n\n  body {\n    font-family: ", ", sans-serif;\n    font-size: 16px;\n    line-height: 1.5;\n    margin: 0;\n    padding: 0;\n    color: ", ";\n    background-color: ", ";\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-kerning: none;\n    margin: 0 0 1rem 0;\n    font-weight: 600;\n    line-height: 1;\n  }\n\n  a {\n    color: inherit;\n    &:hover,\n    &:focus {\n      color: inherit;\n    }\n  }\n\n  img {\n    max-width: 100%;\n  }\n\n  input,\n  button {\n    font-size: inherit;\n  }\n"], ["\n  ", "\n\n  * {\n    box-sizing: border-box;\n  }\n\n  body {\n    font-family: ", ", sans-serif;\n    font-size: 16px;\n    line-height: 1.5;\n    margin: 0;\n    padding: 0;\n    color: ", ";\n    background-color: ", ";\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-kerning: none;\n    margin: 0 0 1rem 0;\n    font-weight: 600;\n    line-height: 1;\n  }\n\n  a {\n    color: inherit;\n    &:hover,\n    &:focus {\n      color: inherit;\n    }\n  }\n\n  img {\n    max-width: 100%;\n  }\n\n  input,\n  button {\n    font-size: inherit;\n  }\n"])), getCdnFontFaces(), fonts.FAVORIT, colorsV3.gray900, colorsV3.gray100);

dist/GlobalStyles.d.ts

@@ -1,2 +0,2 @@
-export declare const globalStyles: import("@emotion/utils").SerializedStyles;
-export declare const globalStylesStorybook: import("@emotion/utils").SerializedStyles;
+export declare const globalStyles: import("@emotion/react").SerializedStyles;
+export declare const globalStylesStorybook: import("@emotion/react").SerializedStyles;

dist/GlobalStyles.js

@@ -8,6 +8,6 @@ "use strict";
 exports.globalStylesStorybook = exports.globalStyles = void 0;
-var core_1 = require("@emotion/core");
+var react_1 = require("@emotion/react");
 var _1 = require(".");
-exports.globalStyles = core_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  * {\n    box-sizing: border-box;\n  }\n\n  body {\n    font-family: ", ", sans-serif;\n    font-size: 16px;\n    line-height: 1.5;\n    margin: 0;\n    padding: 0;\n    color: ", ";\n    background-color: ", ";\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-kerning: none;\n    margin: 0 0 1rem 0;\n    font-weight: 600;\n    line-height: 1;\n  }\n\n  a {\n    color: inherit;\n    &:hover,\n    &:focus {\n      color: inherit;\n    }\n  }\n\n  img {\n    max-width: 100%;\n  }\n\n  input,\n  button {\n    font-size: inherit;\n  }\n"], ["\n  ", "\n\n  * {\n    box-sizing: border-box;\n  }\n\n  body {\n    font-family: ", ", sans-serif;\n    font-size: 16px;\n    line-height: 1.5;\n    margin: 0;\n    padding: 0;\n    color: ", ";\n    background-color: ", ";\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-kerning: none;\n    margin: 0 0 1rem 0;\n    font-weight: 600;\n    line-height: 1;\n  }\n\n  a {\n    color: inherit;\n    &:hover,\n    &:focus {\n      color: inherit;\n    }\n  }\n\n  img {\n    max-width: 100%;\n  }\n\n  input,\n  button {\n    font-size: inherit;\n  }\n"])), _1.getCdnFontFaces(), _1.fonts.FAVORIT, _1.colorsV3.gray900, _1.colorsV3.gray100);
-exports.globalStylesStorybook = core_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  body {\n    padding: inherit;\n    background-color: transparent;\n  }\n"], ["\n  ", "\n  body {\n    padding: inherit;\n    background-color: transparent;\n  }\n"])), exports.globalStyles);
+exports.globalStyles = react_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  * {\n    box-sizing: border-box;\n  }\n\n  body {\n    font-family: ", ", sans-serif;\n    font-size: 16px;\n    line-height: 1.5;\n    margin: 0;\n    padding: 0;\n    color: ", ";\n    background-color: ", ";\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-kerning: none;\n    margin: 0 0 1rem 0;\n    font-weight: 600;\n    line-height: 1;\n  }\n\n  a {\n    color: inherit;\n    &:hover,\n    &:focus {\n      color: inherit;\n    }\n  }\n\n  img {\n    max-width: 100%;\n  }\n\n  input,\n  button {\n    font-size: inherit;\n  }\n"], ["\n  ", "\n\n  * {\n    box-sizing: border-box;\n  }\n\n  body {\n    font-family: ", ", sans-serif;\n    font-size: 16px;\n    line-height: 1.5;\n    margin: 0;\n    padding: 0;\n    color: ", ";\n    background-color: ", ";\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-kerning: none;\n    margin: 0 0 1rem 0;\n    font-weight: 600;\n    line-height: 1;\n  }\n\n  a {\n    color: inherit;\n    &:hover,\n    &:focus {\n      color: inherit;\n    }\n  }\n\n  img {\n    max-width: 100%;\n  }\n\n  input,\n  button {\n    font-size: inherit;\n  }\n"])), _1.getCdnFontFaces(), _1.fonts.FAVORIT, _1.colorsV3.gray900, _1.colorsV3.gray100);
+exports.globalStylesStorybook = react_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  body {\n    padding: inherit;\n    background-color: transparent;\n  }\n"], ["\n  ", "\n  body {\n    padding: inherit;\n    background-color: transparent;\n  }\n"])), exports.globalStyles);
 var templateObject_1, templateObject_2;

package.json

 {
   "name": "@hedviginsurance/brand",
-  "version": "4.0.5",
+  "version": "4.0.7",
   "description": "The hedvig brand package",
@@ -31,8 +31,7 @@ "main": "dist/index.js",
     "@babel/core": "^7.12.3",
-    "@emotion/core": "^10.1.1",
-    "@emotion/styled": "^10.0.27",
-    "@storybook/addon-actions": "^6.1.2",
-    "@storybook/addon-essentials": "^6.1.2",
-    "@storybook/addon-links": "^6.1.2",
-    "@storybook/react": "^6.1.2",
+    "@emotion/react": "^11.4.1",
+    "@emotion/styled": "^11.3.0",
+    "@storybook/addon-essentials": "^6.3.8",
+    "@storybook/addon-links": "^6.3.8",
+    "@storybook/react": "^6.3.8",
     "@typescript-eslint/eslint-plugin": "^4.0.1",
@@ -57,4 +56,4 @@ "@typescript-eslint/parser": "^4.0.1",
   "peerDependencies": {
-    "@emotion/core": "^10.1.1",
-    "@emotion/styled": "^10.0.27",
+    "@emotion/react": "11.x",
+    "@emotion/styled": "11.x",
     "react": "^16.10.0",
@@ -61,0 +60,0 @@ "react-dom": "^16.10.0"

src/colors.ts

@@ -84,3 +84,3 @@ export const colors = {
   pistachio700: '#b6f4af',
-  purple100: '#e6d6ff',
+  purple100: '#f5ebf5',
   purple300: '#e3d7ee',
@@ -87,0 +87,0 @@ purple500: '#d7c6e6',

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

Improved metrics

Dev dependency count

23

decreased by-4.17%

Worsened metrics

Total package byte prevSize

86788

decreased by-0.05%

No dependency changes