@hedviginsurance/brand - npm Package Compare versions

Comparing version 4.1.0 to 4.2.0

.eslintrc.js

@@ -11,6 +11,4 @@ module.exports = {
     'plugin:react/recommended',
-    'plugin:prettier/recommended',
     'plugin:@typescript-eslint/recommended',
-    'prettier/@typescript-eslint',
-    'prettier/react',
+    'prettier',
     'plugin:import/recommended',
@@ -17,0 +15,0 @@ ],

.storybook/main.js

 module.exports = {
   stories: ['../src/**/*.stories.tsx'],
-  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+  addons: ['@storybook/addon-links', '@storybook/addon-essentials', 'storybook-addon-paddings'],
 }

.storybook/preview.js

@@ -15,2 +15,10 @@ import React from 'react'
   },
+  paddings: {
+    values: [
+      { name: 'Small', value: '16px' },
+      { name: 'Medium', value: '40px' },
+      { name: 'Large', value: '64px' },
+    ],
+    default: 'Medium',
+  },
 }
@@ -17,0 +25,0 @@

dist/components/Logotypes/HedvigLogo/HedvigLogo.js

@@ -14,3 +14,3 @@ "use strict";
 var Svg = styled_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fill: ", ";\n"], ["\n  fill: ", ";\n"])), function (props) { var _a; return (_a = props.color) !== null && _a !== void 0 ? _a : 'currentColor'; });
-exports.HedvigLogo = function (_a) {
+var HedvigLogo = function (_a) {
     var color = _a.color, _b = _a.width, width = _b === void 0 ? 94 : _b;
@@ -23,2 +23,3 @@ return (react_1.default.createElement(Svg, { width: String(width), color: color, viewBox: "0 0 94 27" },
 };
+exports.HedvigLogo = HedvigLogo;
 var templateObject_1;

dist/components/Logotypes/HedvigLogo/HedvigLogo.stories.js

@@ -14,13 +14,15 @@ "use strict";
 };
-exports.Black = function () {
+var Black = function () {
     return react_1.default.createElement(HedvigLogo_1.HedvigLogo, { color: __1.colorsV3.gray900 });
 };
+exports.Black = Black;
 exports.Black.parameters = {
     backgrounds: { default: 'gray100' },
 };
-exports.White = function () {
+var White = function () {
     return react_1.default.createElement(HedvigLogo_1.HedvigLogo, { color: __1.colorsV3.gray100 });
 };
+exports.White = White;
 exports.White.parameters = {
     backgrounds: { default: 'gray900' },
 };

dist/components/Logotypes/HedvigSymbol/HedvigSymbol.js

@@ -14,3 +14,3 @@ "use strict";
 var Svg = styled_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fill: ", ";\n"], ["\n  fill: ", ";\n"])), function (props) { var _a; return (_a = props.color) !== null && _a !== void 0 ? _a : 'currentColor'; });
-exports.HedvigSymbol = function (_a) {
+var HedvigSymbol = function (_a) {
     var color = _a.color, _b = _a.size, size = _b === void 0 ? 24 : _b;
@@ -21,2 +21,3 @@ return (react_1.default.createElement(Svg, { width: String(size), height: String(size), color: color, viewBox: "0 0 24 24" },
 };
+exports.HedvigSymbol = HedvigSymbol;
 var templateObject_1;

dist/components/Logotypes/HedvigSymbol/HedvigSymbol.stories.js

@@ -14,13 +14,15 @@ "use strict";
 };
-exports.Black = function () {
+var Black = function () {
     return react_1.default.createElement(HedvigSymbol_1.HedvigSymbol, { color: __1.colorsV3.gray900 });
 };
+exports.Black = Black;
 exports.Black.parameters = {
     backgrounds: { default: 'gray100' },
 };
-exports.White = function () {
+var White = function () {
     return react_1.default.createElement(HedvigSymbol_1.HedvigSymbol, { color: __1.colorsV3.gray100 });
 };
+exports.White = White;
 exports.White.parameters = {
     backgrounds: { default: 'gray900' },
 };

dist/es/fonts/index.js

@@ -40,3 +40,3 @@ var fonts = {
         return fontFlavors[fontName]
-            .map(function (flavour) { return "\n  @font-face {\n    font-family: \"" + fontName + "\";\n    font-style: " + flavour.style + ";\n    font-weight: " + flavour.weight + ";\n    src:\n      url(\"https://cdn.hedvig.com/identity/fonts/" + fontName + "-" + flavour.flavorName + ".woff2\") format(\"woff2\"),\n      url(\"https://cdn.hedvig.com/identity/fonts/" + fontName + "-" + flavour.flavorName + ".woff\") format(\"woff\")\n    ;\n  }\n"; })
+            .map(function (flavour) { return "\n  @font-face {\n    font-family: \"".concat(fontName, "\";\n    font-style: ").concat(flavour.style, ";\n    font-weight: ").concat(flavour.weight, ";\n    src:\n      url(\"https://cdn.hedvig.com/identity/fonts/").concat(fontName, "-").concat(flavour.flavorName, ".woff2\") format(\"woff2\"),\n      url(\"https://cdn.hedvig.com/identity/fonts/").concat(fontName, "-").concat(flavour.flavorName, ".woff\") format(\"woff\")\n    ;\n  }\n"); })
             .join('\n');
@@ -43,0 +43,0 @@ })

dist/es/GlobalStyles.js

@@ -7,4 +7,4 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
 import { colorsV3, fonts, getCdnFontFaces } from '.';
-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);
-export var globalStylesStorybook = 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"])), globalStyles);
+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: 400;\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: 400;\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);
+export var globalStylesStorybook = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  h1 {\n    padding-bottom: 2rem;\n    border-bottom: 1px solid ", ";\n    font-size: 3rem;\n    font-family: ", ", serif;\n    letter-spacing: -0.02em;\n  }\n\n  h2 {\n    margin-bottom: 0.5rem;\n    letter-spacing: -0.02em;\n    font-size: 1.5rem;\n  }\n\n  p {\n    margin-top: 0;\n    color: ", ";\n    font-size: 1.125rem;\n  }\n\n  body {\n    padding: inherit;\n    background-color: transparent;\n  }\n"], ["\n  ", "\n  h1 {\n    padding-bottom: 2rem;\n    border-bottom: 1px solid ", ";\n    font-size: 3rem;\n    font-family: ", ", serif;\n    letter-spacing: -0.02em;\n  }\n\n  h2 {\n    margin-bottom: 0.5rem;\n    letter-spacing: -0.02em;\n    font-size: 1.5rem;\n  }\n\n  p {\n    margin-top: 0;\n    color: ", ";\n    font-size: 1.125rem;\n  }\n\n  body {\n    padding: inherit;\n    background-color: transparent;\n  }\n"])), globalStyles, colorsV3.gray500, fonts.EB_GARAMOND, colorsV3.gray700);
 var templateObject_1, templateObject_2;

dist/es/index.d.ts

 export * from './components';
-export { colors, colorsV2, colorsV3 } from './colors';
+export { colorsV3 } from './colors';
 export { fonts, getCdnFontFaces } from './fonts';

dist/es/index.js

 export * from './components';
-export { colors, colorsV2, colorsV3 } from './colors';
+export { colorsV3 } from './colors';
 export { fonts, getCdnFontFaces } from './fonts';

dist/fonts/index.js

@@ -44,3 +44,3 @@ "use strict";
         return fontFlavors[fontName]
-            .map(function (flavour) { return "\n  @font-face {\n    font-family: \"" + fontName + "\";\n    font-style: " + flavour.style + ";\n    font-weight: " + flavour.weight + ";\n    src:\n      url(\"https://cdn.hedvig.com/identity/fonts/" + fontName + "-" + flavour.flavorName + ".woff2\") format(\"woff2\"),\n      url(\"https://cdn.hedvig.com/identity/fonts/" + fontName + "-" + flavour.flavorName + ".woff\") format(\"woff\")\n    ;\n  }\n"; })
+            .map(function (flavour) { return "\n  @font-face {\n    font-family: \"".concat(fontName, "\";\n    font-style: ").concat(flavour.style, ";\n    font-weight: ").concat(flavour.weight, ";\n    src:\n      url(\"https://cdn.hedvig.com/identity/fonts/").concat(fontName, "-").concat(flavour.flavorName, ".woff2\") format(\"woff2\"),\n      url(\"https://cdn.hedvig.com/identity/fonts/").concat(fontName, "-").concat(flavour.flavorName, ".woff\") format(\"woff\")\n    ;\n  }\n"); })
             .join('\n');
@@ -47,0 +47,0 @@ })

dist/GlobalStyles.js

@@ -10,4 +10,4 @@ "use strict";
 var _1 = require(".");
-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);
+exports.globalStyles = (0, 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: 400;\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: 400;\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"])), (0, _1.getCdnFontFaces)(), _1.fonts.FAVORIT, _1.colorsV3.gray900, _1.colorsV3.gray100);
+exports.globalStylesStorybook = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  h1 {\n    padding-bottom: 2rem;\n    border-bottom: 1px solid ", ";\n    font-size: 3rem;\n    font-family: ", ", serif;\n    letter-spacing: -0.02em;\n  }\n\n  h2 {\n    margin-bottom: 0.5rem;\n    letter-spacing: -0.02em;\n    font-size: 1.5rem;\n  }\n\n  p {\n    margin-top: 0;\n    color: ", ";\n    font-size: 1.125rem;\n  }\n\n  body {\n    padding: inherit;\n    background-color: transparent;\n  }\n"], ["\n  ", "\n  h1 {\n    padding-bottom: 2rem;\n    border-bottom: 1px solid ", ";\n    font-size: 3rem;\n    font-family: ", ", serif;\n    letter-spacing: -0.02em;\n  }\n\n  h2 {\n    margin-bottom: 0.5rem;\n    letter-spacing: -0.02em;\n    font-size: 1.5rem;\n  }\n\n  p {\n    margin-top: 0;\n    color: ", ";\n    font-size: 1.125rem;\n  }\n\n  body {\n    padding: inherit;\n    background-color: transparent;\n  }\n"])), exports.globalStyles, _1.colorsV3.gray500, _1.fonts.EB_GARAMOND, _1.colorsV3.gray700);
 var templateObject_1, templateObject_2;

dist/index.d.ts

 export * from './components';
-export { colors, colorsV2, colorsV3 } from './colors';
+export { colorsV3 } from './colors';
 export { fonts, getCdnFontFaces } from './fonts';

dist/index.js

@@ -13,7 +13,5 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCdnFontFaces = exports.fonts = exports.colorsV3 = exports.colorsV2 = exports.colors = void 0;
+exports.getCdnFontFaces = exports.fonts = exports.colorsV3 = void 0;
 __exportStar(require("./components"), exports);
 var colors_1 = require("./colors");
-Object.defineProperty(exports, "colors", { enumerable: true, get: function () { return colors_1.colors; } });
-Object.defineProperty(exports, "colorsV2", { enumerable: true, get: function () { return colors_1.colorsV2; } });
 Object.defineProperty(exports, "colorsV3", { enumerable: true, get: function () { return colors_1.colorsV3; } });
@@ -20,0 +18,0 @@ var fonts_1 = require("./fonts");

package.json

 {
   "name": "@hedviginsurance/brand",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "description": "The hedvig brand package",
@@ -13,12 +13,8 @@ "main": "dist/index.js",
     "prepublishOnly": "yarn build",
-    "storybook": "start-storybook -p 6006 --no-dll",
-    "build-storybook": "build-storybook --no-dll",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
     "lint": "eslint 'src/**/*.{ts,tsx}'",
-    "build": "tsc && tsc -P ./tsconfig.esm.json"
+    "build": "tsc && tsc -P ./tsconfig.esm.json",
+    "prepare": "husky install"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
   "lint-staged": {
@@ -31,25 +27,26 @@ "*.{ts,tsx,json}": [
   "devDependencies": {
-    "@babel/core": "^7.12.3",
-    "@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",
-    "@typescript-eslint/parser": "^4.0.1",
-    "babel-loader": "^8.1.0",
-    "eslint": "^7.12.1",
-    "eslint-config-prettier": "^6.11.0",
-    "eslint-import-resolver-typescript": "^2.3.0",
-    "eslint-plugin-import": "^2.22.0",
-    "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.20.6",
-    "husky": "^4.3.0",
-    "lint-staged": "^10.5.1",
-    "prettier": "^2.1.2",
-    "pretty-quick": "^3.1.0",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "react-is": "^17.0.1",
-    "typescript": "^4.0.5"
+    "@babel/core": "^7.16.0",
+    "@emotion/react": "^11.7.0",
+    "@emotion/styled": "^11.6.0",
+    "@storybook/addon-essentials": "^6.4.3",
+    "@storybook/addon-links": "^6.4.3",
+    "@storybook/react": "^6.4.3",
+    "@typescript-eslint/eslint-plugin": "^5.5.0",
+    "@typescript-eslint/parser": "^5.5.0",
+    "babel-loader": "^8.2.3",
+    "eslint": "^8.3.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-import-resolver-typescript": "^2.5.0",
+    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.27.1",
+    "husky": "^7.0.4",
+    "lint-staged": "^11.2.6",
+    "prettier": "^2.5.0",
+    "pretty-quick": "^3.1.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-is": "^17.0.2",
+    "storybook-addon-paddings": "^4.2.1",
+    "typescript": "^4.5.2"
   },
@@ -56,0 +53,0 @@ "peerDependencies": {

src/index.ts

 export * from './components'
 
-export { colors, colorsV2, colorsV3 } from './colors'
+export { colorsV3 } from './colors'
 export { fonts, getCdnFontFaces } from './fonts'

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

Total package byte prevSize

93464

increased by7.13%

Number of package files

68

increased by11.48%

Worsened metrics

Dev dependency count

24

increased by4.35%

Lines of code

1232

decreased by-6.74%

No dependency changes