@ta-interaktiv/contentbricks - npm Package Compare versions

Comparing version 1.4.0 to 1.5.0

CHANGELOG.md

@@ -5,2 +5,12 @@ # Change Log
 
+# [1.5.0](https://gitlab.com/ta-interaktiv/packages/compare/@ta-interaktiv/contentbricks@1.4.0...@ta-interaktiv/contentbricks@1.5.0) (2023-05-09)
+
+### Bug Fixes
+
+- correct import of Scrollchor ([0f6b861](https://gitlab.com/ta-interaktiv/packages/commit/0f6b86158b66c4603a27cffc52bf9ab08cde4fa7))
+
+### Features
+
+- add scroller component ([3f854de](https://gitlab.com/ta-interaktiv/packages/commit/3f854deed1bc26c0801e26dafeeff871460bf1f8))
+
 # [1.4.0](https://gitlab.com/ta-interaktiv/packages/compare/@ta-interaktiv/contentbricks@1.3.8...@ta-interaktiv/contentbricks@1.4.0) (2022-08-17)
@@ -7,0 +17,0 @@

dist/chapterNavigation.d.ts

@@ -15,4 +15,4 @@ /// <reference types="react" />
 }
-export declare const ChapterNavigation: ({ content, title, hideFirstEntry, hideArrows, className, jump }: ChapterNavigationI) => JSX.Element;
+export declare const ChapterNavigation: ({ content, title, hideFirstEntry, hideArrows, className, jump, }: ChapterNavigationI) => JSX.Element;
 export {};
 //# sourceMappingURL=chapterNavigation.d.ts.map

dist/index.js

@@ -8,3 +8,3 @@ 'use strict';
 var reactSvg = require('react-svg');
-var Scrollchor = require('react-scrollchor');
+var reactScrollchor = require('react-scrollchor');
 var d3 = require('d3-selection');
@@ -33,3 +33,2 @@
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Scrollchor__default = /*#__PURE__*/_interopDefaultLegacy(Scrollchor);
 var d3__namespace = /*#__PURE__*/_interopNamespace(d3);
@@ -102,3 +101,3 @@
 
-var css_248z$5 = "@font-face {\n  font-family: \"custom_icons\";\n  src: url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.eot?5kiojs\");\n  src: url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.eot?5kiojs#iefix\") format(\"embedded-opentype\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.ttf?5kiojs\") format(\"truetype\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.woff?5kiojs\") format(\"woff\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.svg?5kiojs#icomoon\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"custom_icons\";\n  src: url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.eot?5kiojs\");\n  src: url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.eot?5kiojs#iefix\") format(\"embedded-opentype\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.ttf?5kiojs\") format(\"truetype\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.woff?5kiojs\") format(\"woff\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.svg?5kiojs#icomoon\") format(\"svg\");\n  font-weight: normal;\n  font-style: italic;\n}\n.external-link:before {\n  font-family: \"custom_icons\";\n  content: \"\\e900\";\n  margin-right: 0.25em;\n}\n\na.cB:hover,\na.cB:link,\na.cB:active,\na.cB:visited {\n  background-image: linear-gradient(90deg, #ffe462, #ffe462);\n  background-repeat: repeat-x;\n  background-position: bottom;\n  background-size: 100% 20%;\n  transition: all 0.1s ease-in-out;\n  color: #202346;\n  background-origin: content-box;\n}\n\na.cB:hover {\n  background-size: 100% 100%;\n}";
+var css_248z$5 = "@font-face {\n  font-family: \"custom_icons\";\n  src: url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.eot?5kiojs\");\n  src: url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.eot?5kiojs#iefix\") format(\"embedded-opentype\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.ttf?5kiojs\") format(\"truetype\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.woff?5kiojs\") format(\"woff\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.svg?5kiojs#icomoon\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"custom_icons\";\n  src: url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.eot?5kiojs\");\n  src: url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.eot?5kiojs#iefix\") format(\"embedded-opentype\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.ttf?5kiojs\") format(\"truetype\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.woff?5kiojs\") format(\"woff\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.svg?5kiojs#icomoon\") format(\"svg\");\n  font-weight: normal;\n  font-style: italic;\n}\n.external-link:before {\n  font-family: \"custom_icons\";\n  content: \"\\e900\";\n  margin-right: 0.25em;\n}\n\na.cB:hover,\na.cB:link,\na.cB:active,\na.cB:visited {\n  background-image: -webkit-gradient(linear, left top, right top, from(#ffe462), to(#ffe462));\n  background-image: -webkit-linear-gradient(left, #ffe462, #ffe462);\n  background-image: linear-gradient(90deg, #ffe462, #ffe462);\n  background-repeat: repeat-x;\n  background-position: bottom;\n  -webkit-background-size: 100% 20%;\n          background-size: 100% 20%;\n  -webkit-transition: all 0.1s ease-in-out;\n  transition: all 0.1s ease-in-out;\n  color: #202346;\n  -webkit-background-origin: content-box;\n          background-origin: content-box;\n}\n\na.cB:hover {\n  -webkit-background-size: 100% 100%;\n          background-size: 100% 100%;\n}";
 styleInject(css_248z$5);
@@ -352,3 +351,3 @@
 
-var css_248z$4 = ".cbImage {\n  margin-top: 0.5em;\n  margin-bottom: 0.75em;\n  font-family: var(--chart-font-stack);\n}\n.cbImage figure {\n  margin: 0;\n}\n.cbImage .title {\n  font-weight: 900;\n  font-size: 1.2em;\n  line-height: 1.4em;\n}\n.cbImage .sub {\n  color: #888;\n  padding-bottom: 0.5em;\n  font-size: 0.9em;\n  line-height: 1.4em;\n}\n.cbImage .source {\n  color: #bbb;\n  font-size: 0.75em;\n}\n.cbImage.oversized {\n  margin-left: -15%;\n  width: 130%;\n}\n@media only screen and (max-width: 599px) {\n  .cbImage.oversized {\n    margin-left: -2rem;\n    width: calc(100% + 4rem);\n  }\n  .cbImage.oversized .title,\n.cbImage.oversized .sub,\n.cbImage.oversized .source {\n    margin-left: 2rem;\n  }\n}";
+var css_248z$4 = ".cbImage {\n  margin-top: 0.5em;\n  margin-bottom: 0.75em;\n  font-family: var(--chart-font-stack);\n}\n.cbImage figure {\n  margin: 0;\n}\n.cbImage .title {\n  font-weight: 900;\n  font-size: 1.2em;\n  line-height: 1.4em;\n}\n.cbImage .sub {\n  color: #888;\n  padding-bottom: 0.5em;\n  font-size: 0.9em;\n  line-height: 1.4em;\n}\n.cbImage .source {\n  color: #bbb;\n  font-size: 0.75em;\n}\n.cbImage.oversized {\n  margin-left: -15%;\n  width: 130%;\n}\n@media only screen and (max-width: 599px) {\n  .cbImage.oversized {\n    margin-left: -2rem;\n    width: calc(100% + 4rem);\n  }\n  .cbImage.oversized .title,\n  .cbImage.oversized .sub,\n  .cbImage.oversized .source {\n    margin-left: 2rem;\n  }\n}";
 styleInject(css_248z$4);
@@ -435,3 +434,3 @@
 
-var css_248z$3 = ".cbSVG {\n  margin-top: 0.5em;\n  margin-bottom: 0.75em;\n  font-family: var(--chart-font-stack);\n}\n.cbSVG figure {\n  margin: 0;\n}\n.cbSVG .title {\n  font-weight: 900;\n  font-size: 1.2em;\n  line-height: 1.4em;\n}\n.cbSVG .sub {\n  color: #888;\n  padding-bottom: 0.5em;\n  font-size: 0.9em;\n  line-height: 1.4em;\n}\n.cbSVG .source {\n  color: #bbb;\n  font-size: 0.75em;\n}\n.cbSVG .svgContainer {\n  line-height: 0;\n}\n.cbSVG .image svg {\n  resize: \"horizontal\";\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  height: 100%;\n  max-width: 100%;\n}\n.cbSVG.oversized {\n  margin-left: -15%;\n  width: 130%;\n}\n@media only screen and (max-width: 599px) {\n  .cbSVG.oversized {\n    margin-left: -2rem;\n    width: calc(100% + 4rem);\n  }\n  .cbSVG.oversized .title,\n.cbSVG.oversized .sub,\n.cbSVG.oversized .source {\n    margin-left: 2rem;\n  }\n}";
+var css_248z$3 = ".cbSVG {\n  margin-top: 0.5em;\n  margin-bottom: 0.75em;\n  font-family: var(--chart-font-stack);\n}\n.cbSVG figure {\n  margin: 0;\n}\n.cbSVG .title {\n  font-weight: 900;\n  font-size: 1.2em;\n  line-height: 1.4em;\n}\n.cbSVG .sub {\n  color: #888;\n  padding-bottom: 0.5em;\n  font-size: 0.9em;\n  line-height: 1.4em;\n}\n.cbSVG .source {\n  color: #bbb;\n  font-size: 0.75em;\n}\n.cbSVG .svgContainer {\n  line-height: 0;\n}\n.cbSVG .image svg {\n  resize: \"horizontal\";\n  position: absolute;\n  left: 50%;\n  -webkit-transform: translateX(-50%);\n  transform: translateX(-50%);\n  height: 100%;\n  max-width: 100%;\n}\n.cbSVG.oversized {\n  margin-left: -15%;\n  width: 130%;\n}\n@media only screen and (max-width: 599px) {\n  .cbSVG.oversized {\n    margin-left: -2rem;\n    width: calc(100% + 4rem);\n  }\n  .cbSVG.oversized .title,\n  .cbSVG.oversized .sub,\n  .cbSVG.oversized .source {\n    margin-left: 2rem;\n  }\n}";
 styleInject(css_248z$3);
@@ -583,3 +582,3 @@
                 return;
-            return (React__default["default"].createElement(Scrollchor__default["default"], { to: chapter.id, key: i, className: 'entry' },
+            return (React__default["default"].createElement(reactScrollchor.Scrollchor, { to: chapter.id, key: i, className: 'entry' },
                 React__default["default"].createElement("div", { className: 'chapter' },
@@ -817,3 +816,3 @@ React__default["default"].createElement("div", { className: 'name' }, chapter.name),
 
-var css_248z = ".cbUpdateNote {\n  width: 100%;\n  margin-top: 0.25em;\n  margin-bottom: 0.5em;\n}\n.cbUpdateNote .wrapper {\n  clear: both;\n  font-family: var(--chart-font-stack);\n  font-size: 12px;\n  color: #8b877a;\n  border: 1px solid #efece0;\n  overflow: hidden;\n  padding: 0;\n  letter-spacing: 0.4px;\n  overflow: hidden;\n  border-radius: 0.25em;\n  display: inline-flex;\n  line-height: 1.5em;\n}\n.cbUpdateNote .wrapper .updating {\n  display: inline-block;\n  padding: 0.3em 0.6em 0.2em 0.5em;\n  background-color: #efece0;\n}\n.cbUpdateNote .wrapper .current {\n  display: inline-block;\n  padding: 0.3em 0.6em 0.2em 0.5em;\n}";
+var css_248z = ".cbUpdateNote {\n  width: 100%;\n  margin-top: 0.25em;\n  margin-bottom: 0.5em;\n}\n.cbUpdateNote .wrapper {\n  clear: both;\n  font-family: var(--chart-font-stack);\n  font-size: 12px;\n  color: #8b877a;\n  border: 1px solid #efece0;\n  overflow: hidden;\n  padding: 0;\n  letter-spacing: 0.4px;\n  overflow: hidden;\n  border-radius: 0.25em;\n  display: -webkit-inline-box;\n  display: -webkit-inline-flex;\n  display: inline-flex;\n  line-height: 1.5em;\n}\n.cbUpdateNote .wrapper .updating {\n  display: inline-block;\n  padding: 0.3em 0.6em 0.2em 0.5em;\n  background-color: #efece0;\n}\n.cbUpdateNote .wrapper .current {\n  display: inline-block;\n  padding: 0.3em 0.6em 0.2em 0.5em;\n}";
 styleInject(css_248z);
@@ -820,0 +819,0 @@

es/chapterNavigation.d.ts

@@ -15,4 +15,4 @@ /// <reference types="react" />
 }
-export declare const ChapterNavigation: ({ content, title, hideFirstEntry, hideArrows, className, jump }: ChapterNavigationI) => JSX.Element;
+export declare const ChapterNavigation: ({ content, title, hideFirstEntry, hideArrows, className, jump, }: ChapterNavigationI) => JSX.Element;
 export {};
 //# sourceMappingURL=chapterNavigation.d.ts.map

es/index.js

 import React, { useState, useEffect, useLayoutEffect, useRef } from 'react';
 import { browserCheck } from '@ta-interaktiv/browsercheck';
 import { ReactSVG } from 'react-svg';
-import Scrollchor from 'react-scrollchor';
+import { Scrollchor } from 'react-scrollchor';
 import * as d3 from 'd3-selection';
@@ -72,3 +72,3 @@
 
-var css_248z$5 = "@font-face {\n  font-family: \"custom_icons\";\n  src: url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.eot?5kiojs\");\n  src: url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.eot?5kiojs#iefix\") format(\"embedded-opentype\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.ttf?5kiojs\") format(\"truetype\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.woff?5kiojs\") format(\"woff\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.svg?5kiojs#icomoon\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"custom_icons\";\n  src: url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.eot?5kiojs\");\n  src: url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.eot?5kiojs#iefix\") format(\"embedded-opentype\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.ttf?5kiojs\") format(\"truetype\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.woff?5kiojs\") format(\"woff\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.svg?5kiojs#icomoon\") format(\"svg\");\n  font-weight: normal;\n  font-style: italic;\n}\n.external-link:before {\n  font-family: \"custom_icons\";\n  content: \"\\e900\";\n  margin-right: 0.25em;\n}\n\na.cB:hover,\na.cB:link,\na.cB:active,\na.cB:visited {\n  background-image: linear-gradient(90deg, #ffe462, #ffe462);\n  background-repeat: repeat-x;\n  background-position: bottom;\n  background-size: 100% 20%;\n  transition: all 0.1s ease-in-out;\n  color: #202346;\n  background-origin: content-box;\n}\n\na.cB:hover {\n  background-size: 100% 100%;\n}";
+var css_248z$5 = "@font-face {\n  font-family: \"custom_icons\";\n  src: url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.eot?5kiojs\");\n  src: url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.eot?5kiojs#iefix\") format(\"embedded-opentype\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.ttf?5kiojs\") format(\"truetype\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.woff?5kiojs\") format(\"woff\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.svg?5kiojs#icomoon\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"custom_icons\";\n  src: url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.eot?5kiojs\");\n  src: url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.eot?5kiojs#iefix\") format(\"embedded-opentype\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.ttf?5kiojs\") format(\"truetype\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.woff?5kiojs\") format(\"woff\"), url(\"https://interaktiv.tagesanzeiger.ch/static/fonts/contenbricks-icons/icomoon.svg?5kiojs#icomoon\") format(\"svg\");\n  font-weight: normal;\n  font-style: italic;\n}\n.external-link:before {\n  font-family: \"custom_icons\";\n  content: \"\\e900\";\n  margin-right: 0.25em;\n}\n\na.cB:hover,\na.cB:link,\na.cB:active,\na.cB:visited {\n  background-image: -webkit-gradient(linear, left top, right top, from(#ffe462), to(#ffe462));\n  background-image: -webkit-linear-gradient(left, #ffe462, #ffe462);\n  background-image: linear-gradient(90deg, #ffe462, #ffe462);\n  background-repeat: repeat-x;\n  background-position: bottom;\n  -webkit-background-size: 100% 20%;\n          background-size: 100% 20%;\n  -webkit-transition: all 0.1s ease-in-out;\n  transition: all 0.1s ease-in-out;\n  color: #202346;\n  -webkit-background-origin: content-box;\n          background-origin: content-box;\n}\n\na.cB:hover {\n  -webkit-background-size: 100% 100%;\n          background-size: 100% 100%;\n}";
 styleInject(css_248z$5);
@@ -322,3 +322,3 @@
 
-var css_248z$4 = ".cbImage {\n  margin-top: 0.5em;\n  margin-bottom: 0.75em;\n  font-family: var(--chart-font-stack);\n}\n.cbImage figure {\n  margin: 0;\n}\n.cbImage .title {\n  font-weight: 900;\n  font-size: 1.2em;\n  line-height: 1.4em;\n}\n.cbImage .sub {\n  color: #888;\n  padding-bottom: 0.5em;\n  font-size: 0.9em;\n  line-height: 1.4em;\n}\n.cbImage .source {\n  color: #bbb;\n  font-size: 0.75em;\n}\n.cbImage.oversized {\n  margin-left: -15%;\n  width: 130%;\n}\n@media only screen and (max-width: 599px) {\n  .cbImage.oversized {\n    margin-left: -2rem;\n    width: calc(100% + 4rem);\n  }\n  .cbImage.oversized .title,\n.cbImage.oversized .sub,\n.cbImage.oversized .source {\n    margin-left: 2rem;\n  }\n}";
+var css_248z$4 = ".cbImage {\n  margin-top: 0.5em;\n  margin-bottom: 0.75em;\n  font-family: var(--chart-font-stack);\n}\n.cbImage figure {\n  margin: 0;\n}\n.cbImage .title {\n  font-weight: 900;\n  font-size: 1.2em;\n  line-height: 1.4em;\n}\n.cbImage .sub {\n  color: #888;\n  padding-bottom: 0.5em;\n  font-size: 0.9em;\n  line-height: 1.4em;\n}\n.cbImage .source {\n  color: #bbb;\n  font-size: 0.75em;\n}\n.cbImage.oversized {\n  margin-left: -15%;\n  width: 130%;\n}\n@media only screen and (max-width: 599px) {\n  .cbImage.oversized {\n    margin-left: -2rem;\n    width: calc(100% + 4rem);\n  }\n  .cbImage.oversized .title,\n  .cbImage.oversized .sub,\n  .cbImage.oversized .source {\n    margin-left: 2rem;\n  }\n}";
 styleInject(css_248z$4);
@@ -405,3 +405,3 @@
 
-var css_248z$3 = ".cbSVG {\n  margin-top: 0.5em;\n  margin-bottom: 0.75em;\n  font-family: var(--chart-font-stack);\n}\n.cbSVG figure {\n  margin: 0;\n}\n.cbSVG .title {\n  font-weight: 900;\n  font-size: 1.2em;\n  line-height: 1.4em;\n}\n.cbSVG .sub {\n  color: #888;\n  padding-bottom: 0.5em;\n  font-size: 0.9em;\n  line-height: 1.4em;\n}\n.cbSVG .source {\n  color: #bbb;\n  font-size: 0.75em;\n}\n.cbSVG .svgContainer {\n  line-height: 0;\n}\n.cbSVG .image svg {\n  resize: \"horizontal\";\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  height: 100%;\n  max-width: 100%;\n}\n.cbSVG.oversized {\n  margin-left: -15%;\n  width: 130%;\n}\n@media only screen and (max-width: 599px) {\n  .cbSVG.oversized {\n    margin-left: -2rem;\n    width: calc(100% + 4rem);\n  }\n  .cbSVG.oversized .title,\n.cbSVG.oversized .sub,\n.cbSVG.oversized .source {\n    margin-left: 2rem;\n  }\n}";
+var css_248z$3 = ".cbSVG {\n  margin-top: 0.5em;\n  margin-bottom: 0.75em;\n  font-family: var(--chart-font-stack);\n}\n.cbSVG figure {\n  margin: 0;\n}\n.cbSVG .title {\n  font-weight: 900;\n  font-size: 1.2em;\n  line-height: 1.4em;\n}\n.cbSVG .sub {\n  color: #888;\n  padding-bottom: 0.5em;\n  font-size: 0.9em;\n  line-height: 1.4em;\n}\n.cbSVG .source {\n  color: #bbb;\n  font-size: 0.75em;\n}\n.cbSVG .svgContainer {\n  line-height: 0;\n}\n.cbSVG .image svg {\n  resize: \"horizontal\";\n  position: absolute;\n  left: 50%;\n  -webkit-transform: translateX(-50%);\n  transform: translateX(-50%);\n  height: 100%;\n  max-width: 100%;\n}\n.cbSVG.oversized {\n  margin-left: -15%;\n  width: 130%;\n}\n@media only screen and (max-width: 599px) {\n  .cbSVG.oversized {\n    margin-left: -2rem;\n    width: calc(100% + 4rem);\n  }\n  .cbSVG.oversized .title,\n  .cbSVG.oversized .sub,\n  .cbSVG.oversized .source {\n    margin-left: 2rem;\n  }\n}";
 styleInject(css_248z$3);
@@ -786,3 +786,3 @@
 
-var css_248z = ".cbUpdateNote {\n  width: 100%;\n  margin-top: 0.25em;\n  margin-bottom: 0.5em;\n}\n.cbUpdateNote .wrapper {\n  clear: both;\n  font-family: var(--chart-font-stack);\n  font-size: 12px;\n  color: #8b877a;\n  border: 1px solid #efece0;\n  overflow: hidden;\n  padding: 0;\n  letter-spacing: 0.4px;\n  overflow: hidden;\n  border-radius: 0.25em;\n  display: inline-flex;\n  line-height: 1.5em;\n}\n.cbUpdateNote .wrapper .updating {\n  display: inline-block;\n  padding: 0.3em 0.6em 0.2em 0.5em;\n  background-color: #efece0;\n}\n.cbUpdateNote .wrapper .current {\n  display: inline-block;\n  padding: 0.3em 0.6em 0.2em 0.5em;\n}";
+var css_248z = ".cbUpdateNote {\n  width: 100%;\n  margin-top: 0.25em;\n  margin-bottom: 0.5em;\n}\n.cbUpdateNote .wrapper {\n  clear: both;\n  font-family: var(--chart-font-stack);\n  font-size: 12px;\n  color: #8b877a;\n  border: 1px solid #efece0;\n  overflow: hidden;\n  padding: 0;\n  letter-spacing: 0.4px;\n  overflow: hidden;\n  border-radius: 0.25em;\n  display: -webkit-inline-box;\n  display: -webkit-inline-flex;\n  display: inline-flex;\n  line-height: 1.5em;\n}\n.cbUpdateNote .wrapper .updating {\n  display: inline-block;\n  padding: 0.3em 0.6em 0.2em 0.5em;\n  background-color: #efece0;\n}\n.cbUpdateNote .wrapper .current {\n  display: inline-block;\n  padding: 0.3em 0.6em 0.2em 0.5em;\n}";
 styleInject(css_248z);
@@ -789,0 +789,0 @@

package.json

 {
   "name": "@ta-interaktiv/contentbricks",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "> TODO: description",
@@ -52,3 +52,3 @@ "author": "Sebastian Broschinski <[e-mail]>",
   },
-  "gitHead": "e693c7f16a696adea0fcce4586d91e785d539a19",
+  "gitHead": "63c3248ff31e30ff395111ab141845fc3f9cf0c0",
   "devDependencies": {
@@ -55,0 +55,0 @@ "@types/mdx-js__react": "^1.5.1"

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

503248

increased by1.22%

Worsened metrics

Number of package files

155

decreased by-0.64%

Lines of code

3706

decreased by-0.4%

No dependency changes