@speakapbv/dough-extended-components-for-speakap - npm Package Compare versions

Comparing version 1.2.5 to 1.2.6

CHANGELOG.md

@@ -7,2 +7,9 @@ ### Changelog
 
+#### [v1.2.6](https://github.com/SpeakapBV/dough-extended-components-for-speakap/compare/v1.2.5...v1.2.6)
+
+> 16 March 2020
+
+- added publishedBy label to event and news cards [`7dd240a`](https://github.com/SpeakapBV/dough-extended-components-for-speakap/commit/7dd240a201b1a7b4bf1d57fd6dd94fe23aeb4007)
+- fixed appnav height and scroll [`9cb9816`](https://github.com/SpeakapBV/dough-extended-components-for-speakap/commit/9cb98165e3869e27e5527a869c9654bfb1aa7f2f)
+
 #### [v1.2.5](https://github.com/SpeakapBV/dough-extended-components-for-speakap/compare/v1.2.4...v1.2.5)
@@ -12,2 +19,3 @@
 
+- updated version to v.1.2.5 [`e2dbbd6`](https://github.com/SpeakapBV/dough-extended-components-for-speakap/commit/e2dbbd6008f870e3f0c872386516b8158123ed91)
 - fixed type decleration for content box [`60d5c8a`](https://github.com/SpeakapBV/dough-extended-components-for-speakap/commit/60d5c8ad9cf73b6e64d644d1c31e219c6727fd81)
@@ -14,0 +22,0 @@

dist/index.d.ts

@@ -31,2 +31,3 @@ declare module "@speakapbv/dough-extended-components-for-speakap" {
         publishDateText: string;
+        publishedBy: string;
         onUserClicked?(): void;
@@ -45,2 +46,3 @@ menuButtons?: Array<JSX.Element | Element>;
         eventDateYear: string;
+        publishedBy: string;
         menuButtons?: Array<JSX.Element | Element>;
@@ -47,0 +49,0 @@ }

dist/index.es.js

@@ -528,3 +528,3 @@ import React, { forwardRef, useState, useRef, useEffect, Children } from 'react';
 
-var css_248z$5 = ".speakap-app-navigation {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 100;\n  width: 64px;\n  height: auto;\n  position: fixed;\n  overflow-x: hidden;\n  overflow-y: auto;\n  background-color: var(--dough-color-white); }\n  body:not(.no-transition) .speakap-app-navigation {\n    transition: all 450ms cubic-bezier(0.25, 1, 0, 1); }\n  body.no-transition .speakap-app-navigation {\n    transition: none 0ms linear;\n    transition-delay: 0ms !important; }\n  .speakap-app-navigation .speakap-app-navigation-header {\n    height: 56px;\n    max-height: 56px;\n    min-height: 56px;\n    background-color: var(--dough-color-header-dark); }\n    .speakap-app-navigation .speakap-app-navigation-header.speakap-app-navigation-header-small .speakap-app-navigation-header-small-content {\n      display: -webkit-box;\n      display: -moz-box;\n      display: -webkit-flex;\n      display: -ms-flexbox;\n      display: flex;\n      flex-flow: row nowrap;\n      justify-content: center;\n      align-items: center;\n      width: 64px;\n      height: 56px; }\n  .speakap-app-navigation.speakap-app-navigation-locked .speakap-app-navigation-header.speakap-app-navigation-header-small, .speakap-app-navigation:hover .speakap-app-navigation-header.speakap-app-navigation-header-small {\n    display: none; }\n  .speakap-app-navigation:not(:hover):not(.speakap-app-navigation-locked) .speakap-app-navigation-header.speakap-app-navigation-header-normal {\n    display: none; }\n  .speakap-app-navigation .speakap-app-navigation-inner-wrapper {\n    width: 272px;\n    min-width: 272px; }\n  .speakap-app-navigation.speakap-app-navigation-left {\n    transform: translate3d(0, 0, 0);\n    box-shadow: 2px 64px 9px 0px rgba(0, 0, 0, 0.08);\n    left: 0; }\n    .speakap-app-navigation.speakap-app-navigation-left + .speakap-app-navigation-overlay {\n      display: none;\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 50;\n      width: auto;\n      height: auto;\n      position: fixed;\n      background-color: rgba(0, 0, 0, 0);\n      pointer-events: none;\n      padding: 8px; }\n      body:not(.no-transition) .speakap-app-navigation.speakap-app-navigation-left + .speakap-app-navigation-overlay {\n        transition: all 450ms cubic-bezier(0.25, 1, 0, 1); }\n      body.no-transition .speakap-app-navigation.speakap-app-navigation-left + .speakap-app-navigation-overlay {\n        transition: none 0ms linear;\n        transition-delay: 0ms !important; }\n    .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-locked, .speakap-app-navigation.speakap-app-navigation-left:hover {\n      width: 272px; }\n      .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-locked .speakap-menu-button-container, .speakap-app-navigation.speakap-app-navigation-left:hover .speakap-menu-button-container {\n        width: calc(100% + 16px); }\n        .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-locked .speakap-menu-button-container > .speakap-menu-button-wrapper\n> .speakap-menu-button\n> .dough-button\n> .dough-button-label, .speakap-app-navigation.speakap-app-navigation-left:hover .speakap-menu-button-container > .speakap-menu-button-wrapper\n> .speakap-menu-button\n> .dough-button\n> .dough-button-label {\n          opacity: 1; }\n  .speakap-app-navigation.speakap-app-navigation-right {\n    right: 0;\n    width: 272px;\n    box-shadow: -2px 64px 9px 0px rgba(0, 0, 0, 0.08);\n    transform: translate3d(208px, 0, 0); }\n    body.dough-noscroll .speakap-app-navigation.speakap-app-navigation-right:after {\n      content: \"\";\n      position: absolute;\n      background-color: var(--dough-color-background);\n      height: 100%;\n      left: 64px;\n      right: 0; }\n    body:not(.no-transition) .speakap-app-navigation.speakap-app-navigation-right {\n      transition: transform 450ms cubic-bezier(0.25, 1, 0, 1); }\n    body.no-transition .speakap-app-navigation.speakap-app-navigation-right {\n      transition: none 0ms linear;\n      transition-delay: 0ms !important; }\n    .speakap-app-navigation.speakap-app-navigation-right .speakap-menu-button-container {\n      width: calc(100% + 16px); }\n      .speakap-app-navigation.speakap-app-navigation-right .speakap-menu-button-container > .speakap-menu-button-wrapper\n> .speakap-menu-button\n> .dough-button\n> .dough-button-label {\n        opacity: 1; }\n    .speakap-app-navigation.speakap-app-navigation-right.speakap-app-navigation-locked, .speakap-app-navigation.speakap-app-navigation-right:hover {\n      transform: translate3d(0, 0, 0); }\n  .speakap-app-navigation .speakap-app-navigation-content {\n    width: 100%;\n    min-height: 100%; }\n\n@media (max-width: 576px) {\n  .speakap-app-navigation.speakap-app-navigation-right {\n    display: none; }\n  .speakap-app-navigation.speakap-app-navigation-left {\n    box-shadow: 2px 0px 9px 0px rgba(0, 0, 0, 0.08);\n    width: 272px; }\n    .speakap-app-navigation.speakap-app-navigation-left:not(.speakap-app-navigation-open) {\n      box-shadow: 2px 0px 9px 0px rgba(0, 0, 0, 0);\n      transform: translate3d(-272px, 0, 0); }\n    .speakap-app-navigation.speakap-app-navigation-left .speakap-menu-button-container {\n      transition: none; }\n    .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-open .speakap-menu-button-container {\n      width: calc(100% + 16px); }\n      .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-open .speakap-menu-button-container > .speakap-menu-button-wrapper\n> .speakap-menu-button\n> .dough-button\n> .dough-button-label {\n        opacity: 1; }\n    .speakap-app-navigation.speakap-app-navigation-left .speakap-app-navigation-header {\n      display: none; }\n    .speakap-app-navigation.speakap-app-navigation-left + .speakap-app-navigation-overlay {\n      display: block; }\n    .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-open + .speakap-app-navigation-overlay {\n      background-color: rgba(0, 0, 0, 0.2);\n      pointer-events: all; } }\n";
+var css_248z$5 = ".speakap-app-navigation {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 100;\n  width: 64px;\n  height: auto;\n  position: fixed;\n  overflow-x: hidden;\n  overflow-y: auto;\n  background-color: var(--dough-color-white); }\n  body:not(.no-transition) .speakap-app-navigation {\n    transition: all 450ms cubic-bezier(0.25, 1, 0, 1); }\n  body.no-transition .speakap-app-navigation {\n    transition: none 0ms linear;\n    transition-delay: 0ms !important; }\n  .speakap-app-navigation .speakap-app-navigation-header {\n    height: 56px;\n    max-height: 56px;\n    min-height: 56px;\n    background-color: var(--dough-color-header-dark); }\n    .speakap-app-navigation .speakap-app-navigation-header.speakap-app-navigation-header-small .speakap-app-navigation-header-small-content {\n      display: -webkit-box;\n      display: -moz-box;\n      display: -webkit-flex;\n      display: -ms-flexbox;\n      display: flex;\n      flex-flow: row nowrap;\n      justify-content: center;\n      align-items: center;\n      width: 64px;\n      height: 56px; }\n  .speakap-app-navigation.speakap-app-navigation-locked .speakap-app-navigation-header.speakap-app-navigation-header-small, .speakap-app-navigation:hover .speakap-app-navigation-header.speakap-app-navigation-header-small {\n    display: none; }\n  .speakap-app-navigation:not(:hover):not(.speakap-app-navigation-locked) .speakap-app-navigation-header.speakap-app-navigation-header-normal {\n    display: none; }\n  .speakap-app-navigation .speakap-app-navigation-inner-wrapper {\n    width: 272px;\n    min-width: 272px; }\n  .speakap-app-navigation.speakap-app-navigation-left {\n    transform: translate3d(0, 0, 0);\n    box-shadow: 2px 64px 9px 0px rgba(0, 0, 0, 0.08);\n    left: 0; }\n    .speakap-app-navigation.speakap-app-navigation-left + .speakap-app-navigation-overlay {\n      display: none;\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 50;\n      width: auto;\n      height: auto;\n      position: fixed;\n      background-color: rgba(0, 0, 0, 0);\n      pointer-events: none;\n      padding: 8px; }\n      body:not(.no-transition) .speakap-app-navigation.speakap-app-navigation-left + .speakap-app-navigation-overlay {\n        transition: all 450ms cubic-bezier(0.25, 1, 0, 1); }\n      body.no-transition .speakap-app-navigation.speakap-app-navigation-left + .speakap-app-navigation-overlay {\n        transition: none 0ms linear;\n        transition-delay: 0ms !important; }\n    .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-locked, .speakap-app-navigation.speakap-app-navigation-left:hover {\n      width: 272px; }\n      .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-locked .speakap-menu-button-container, .speakap-app-navigation.speakap-app-navigation-left:hover .speakap-menu-button-container {\n        width: calc(100% + 16px); }\n        .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-locked .speakap-menu-button-container > .speakap-menu-button-wrapper\n> .speakap-menu-button\n> .dough-button\n> .dough-button-label, .speakap-app-navigation.speakap-app-navigation-left:hover .speakap-menu-button-container > .speakap-menu-button-wrapper\n> .speakap-menu-button\n> .dough-button\n> .dough-button-label {\n          opacity: 1; }\n  .speakap-app-navigation.speakap-app-navigation-right {\n    right: 0;\n    width: 272px;\n    box-shadow: -2px 64px 9px 0px rgba(0, 0, 0, 0.08);\n    transform: translate3d(208px, 0, 0); }\n    body.dough-noscroll .speakap-app-navigation.speakap-app-navigation-right:after {\n      content: \"\";\n      position: absolute;\n      background-color: var(--dough-color-background);\n      height: 100%;\n      left: 64px;\n      right: 0; }\n    body:not(.no-transition) .speakap-app-navigation.speakap-app-navigation-right {\n      transition: transform 450ms cubic-bezier(0.25, 1, 0, 1); }\n    body.no-transition .speakap-app-navigation.speakap-app-navigation-right {\n      transition: none 0ms linear;\n      transition-delay: 0ms !important; }\n    .speakap-app-navigation.speakap-app-navigation-right .speakap-menu-button-container {\n      width: calc(100% + 16px); }\n      .speakap-app-navigation.speakap-app-navigation-right .speakap-menu-button-container > .speakap-menu-button-wrapper\n> .speakap-menu-button\n> .dough-button\n> .dough-button-label {\n        opacity: 1; }\n    .speakap-app-navigation.speakap-app-navigation-right.speakap-app-navigation-locked, .speakap-app-navigation.speakap-app-navigation-right:hover {\n      transform: translate3d(0, 0, 0); }\n  .speakap-app-navigation .speakap-app-navigation-content {\n    width: 100%;\n    min-height: 100%;\n    height: calc(100vh - 64px); }\n\n@media (max-width: 576px) {\n  .speakap-app-navigation.speakap-app-navigation-right {\n    display: none; }\n  .speakap-app-navigation.speakap-app-navigation-left {\n    box-shadow: 2px 0px 9px 0px rgba(0, 0, 0, 0.08);\n    width: 272px; }\n    .speakap-app-navigation.speakap-app-navigation-left:not(.speakap-app-navigation-open) {\n      box-shadow: 2px 0px 9px 0px rgba(0, 0, 0, 0);\n      transform: translate3d(-272px, 0, 0); }\n    .speakap-app-navigation.speakap-app-navigation-left .speakap-menu-button-container {\n      transition: none; }\n    .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-open .speakap-menu-button-container {\n      width: calc(100% + 16px); }\n      .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-open .speakap-menu-button-container > .speakap-menu-button-wrapper\n> .speakap-menu-button\n> .dough-button\n> .dough-button-label {\n        opacity: 1; }\n    .speakap-app-navigation.speakap-app-navigation-left .speakap-app-navigation-header {\n      display: none; }\n    .speakap-app-navigation.speakap-app-navigation-left + .speakap-app-navigation-overlay {\n      display: block; }\n    .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-open + .speakap-app-navigation-overlay {\n      background-color: rgba(0, 0, 0, 0.2);\n      pointer-events: all; } }\n";
 styleInject(css_248z$5);
@@ -563,5 +563,3 @@
   }, [props.open]);
-  return React.createElement(React.Fragment, null, React.createElement(Container, {
-    fullHeight: true,
-    padding: sizes.NONE,
+  return React.createElement(React.Fragment, null, React.createElement("div", {
     className: cn("speakap-app-navigation", "speakap-app-navigation-".concat(props.placement), {
@@ -684,3 +682,3 @@ "speakap-app-navigation-open": navbarOpen && props.placement === "left",
 
-var css_248z$7 = ".speakap-post-card {\n  margin-bottom: 24px; }\n  .speakap-post-card .dough-typo {\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    max-width: 100%; }\n  .speakap-post-card .speakap-comment-text-block {\n    overflow-x: hidden; }\n\n.dough-drop-menu.button-over-image\n.dough-button:not(:hover)\n.dough-button-icon {\n  color: var(--dough-color-white); }\n  .dough-drop-menu.button-over-image\n.dough-button:not(:hover)\n.dough-button-icon path {\n    fill: var(--dough-color-white); }\n\n.speakap-event-image-container {\n  box-shadow: inset 0 30px 25px -10px rgba(0, 0, 0, 0.5); }\n\n@media (max-width: 576px) {\n  .speakap-post-card {\n    border-radius: 0; } }\n";
+var css_248z$7 = ".speakap-post-card {\n  margin-bottom: 24px; }\n  .speakap-post-card .dough-typo {\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    max-width: 100%; }\n  .speakap-post-card .speakap-comment-text-block {\n    overflow-x: hidden; }\n\n.dough-drop-menu.button-over-image\n.dough-button:not(:hover)\n.dough-button-icon {\n  color: var(--dough-color-white); }\n  .dough-drop-menu.button-over-image\n.dough-button:not(:hover)\n.dough-button-icon path {\n    fill: var(--dough-color-white); }\n\n.speakap-event-image-container {\n  box-shadow: inset 0 30px 25px -10px rgba(0, 0, 0, 0.5);\n  position: relative; }\n  .speakap-event-image-container + .speakap-event-publisher-label {\n    position: absolute;\n    right: 0;\n    bottom: 10%;\n    z-index: 10;\n    width: auto;\n    height: auto;\n    background-color: var(--dough-color-header-dark);\n    border-top-left-radius: 3px;\n    border-bottom-left-radius: 3px;\n    color: var(--dough-color-text-white);\n    font-size: 0.6875rem;\n    padding: 4px 8px 4px 8px; }\n\n@media (max-width: 576px) {\n  .speakap-post-card {\n    border-radius: 0; } }\n";
 styleInject(css_248z$7);
@@ -901,2 +899,3 @@
  * @property {string} eventDateYear
+ * @property {string} publishedBy
  * @property {(Array<JSX.Element | Element>)} [menuButtons]
@@ -931,3 +930,5 @@ */
     alignFromRight: true
-  }, props.menuButtons)))), React.createElement(LayoutContainer, {
+  }, props.menuButtons))), React.createElement("div", {
+    className: "speakap-event-publisher-label"
+  }, props.publishedBy)), React.createElement(LayoutContainer, {
     verticalAlign: "center"
@@ -969,2 +970,3 @@ }, React.createElement(LayoutFlexBox, {
  * @property {string} publishDateText
+ * @property {string} publishedBy
  * @property {():void=>{}} [onUserClicked]
@@ -1000,3 +1002,5 @@ * @property {(Array<JSX.Element | Element>)} [menuButtons]
     alignFromRight: true
-  }, props.menuButtons)))), React.createElement(Container, {
+  }, props.menuButtons))), React.createElement("div", {
+    className: "speakap-event-publisher-label"
+  }, props.publishedBy)), React.createElement(Container, {
     paddingHorizontal: sizes.NORMAL,
@@ -1003,0 +1007,0 @@ paddingVertical: sizes.SMALL

dist/index.js

@@ -535,3 +535,3 @@ 'use strict';
 
-var css_248z$5 = ".speakap-app-navigation {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 100;\n  width: 64px;\n  height: auto;\n  position: fixed;\n  overflow-x: hidden;\n  overflow-y: auto;\n  background-color: var(--dough-color-white); }\n  body:not(.no-transition) .speakap-app-navigation {\n    transition: all 450ms cubic-bezier(0.25, 1, 0, 1); }\n  body.no-transition .speakap-app-navigation {\n    transition: none 0ms linear;\n    transition-delay: 0ms !important; }\n  .speakap-app-navigation .speakap-app-navigation-header {\n    height: 56px;\n    max-height: 56px;\n    min-height: 56px;\n    background-color: var(--dough-color-header-dark); }\n    .speakap-app-navigation .speakap-app-navigation-header.speakap-app-navigation-header-small .speakap-app-navigation-header-small-content {\n      display: -webkit-box;\n      display: -moz-box;\n      display: -webkit-flex;\n      display: -ms-flexbox;\n      display: flex;\n      flex-flow: row nowrap;\n      justify-content: center;\n      align-items: center;\n      width: 64px;\n      height: 56px; }\n  .speakap-app-navigation.speakap-app-navigation-locked .speakap-app-navigation-header.speakap-app-navigation-header-small, .speakap-app-navigation:hover .speakap-app-navigation-header.speakap-app-navigation-header-small {\n    display: none; }\n  .speakap-app-navigation:not(:hover):not(.speakap-app-navigation-locked) .speakap-app-navigation-header.speakap-app-navigation-header-normal {\n    display: none; }\n  .speakap-app-navigation .speakap-app-navigation-inner-wrapper {\n    width: 272px;\n    min-width: 272px; }\n  .speakap-app-navigation.speakap-app-navigation-left {\n    transform: translate3d(0, 0, 0);\n    box-shadow: 2px 64px 9px 0px rgba(0, 0, 0, 0.08);\n    left: 0; }\n    .speakap-app-navigation.speakap-app-navigation-left + .speakap-app-navigation-overlay {\n      display: none;\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 50;\n      width: auto;\n      height: auto;\n      position: fixed;\n      background-color: rgba(0, 0, 0, 0);\n      pointer-events: none;\n      padding: 8px; }\n      body:not(.no-transition) .speakap-app-navigation.speakap-app-navigation-left + .speakap-app-navigation-overlay {\n        transition: all 450ms cubic-bezier(0.25, 1, 0, 1); }\n      body.no-transition .speakap-app-navigation.speakap-app-navigation-left + .speakap-app-navigation-overlay {\n        transition: none 0ms linear;\n        transition-delay: 0ms !important; }\n    .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-locked, .speakap-app-navigation.speakap-app-navigation-left:hover {\n      width: 272px; }\n      .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-locked .speakap-menu-button-container, .speakap-app-navigation.speakap-app-navigation-left:hover .speakap-menu-button-container {\n        width: calc(100% + 16px); }\n        .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-locked .speakap-menu-button-container > .speakap-menu-button-wrapper\n> .speakap-menu-button\n> .dough-button\n> .dough-button-label, .speakap-app-navigation.speakap-app-navigation-left:hover .speakap-menu-button-container > .speakap-menu-button-wrapper\n> .speakap-menu-button\n> .dough-button\n> .dough-button-label {\n          opacity: 1; }\n  .speakap-app-navigation.speakap-app-navigation-right {\n    right: 0;\n    width: 272px;\n    box-shadow: -2px 64px 9px 0px rgba(0, 0, 0, 0.08);\n    transform: translate3d(208px, 0, 0); }\n    body.dough-noscroll .speakap-app-navigation.speakap-app-navigation-right:after {\n      content: \"\";\n      position: absolute;\n      background-color: var(--dough-color-background);\n      height: 100%;\n      left: 64px;\n      right: 0; }\n    body:not(.no-transition) .speakap-app-navigation.speakap-app-navigation-right {\n      transition: transform 450ms cubic-bezier(0.25, 1, 0, 1); }\n    body.no-transition .speakap-app-navigation.speakap-app-navigation-right {\n      transition: none 0ms linear;\n      transition-delay: 0ms !important; }\n    .speakap-app-navigation.speakap-app-navigation-right .speakap-menu-button-container {\n      width: calc(100% + 16px); }\n      .speakap-app-navigation.speakap-app-navigation-right .speakap-menu-button-container > .speakap-menu-button-wrapper\n> .speakap-menu-button\n> .dough-button\n> .dough-button-label {\n        opacity: 1; }\n    .speakap-app-navigation.speakap-app-navigation-right.speakap-app-navigation-locked, .speakap-app-navigation.speakap-app-navigation-right:hover {\n      transform: translate3d(0, 0, 0); }\n  .speakap-app-navigation .speakap-app-navigation-content {\n    width: 100%;\n    min-height: 100%; }\n\n@media (max-width: 576px) {\n  .speakap-app-navigation.speakap-app-navigation-right {\n    display: none; }\n  .speakap-app-navigation.speakap-app-navigation-left {\n    box-shadow: 2px 0px 9px 0px rgba(0, 0, 0, 0.08);\n    width: 272px; }\n    .speakap-app-navigation.speakap-app-navigation-left:not(.speakap-app-navigation-open) {\n      box-shadow: 2px 0px 9px 0px rgba(0, 0, 0, 0);\n      transform: translate3d(-272px, 0, 0); }\n    .speakap-app-navigation.speakap-app-navigation-left .speakap-menu-button-container {\n      transition: none; }\n    .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-open .speakap-menu-button-container {\n      width: calc(100% + 16px); }\n      .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-open .speakap-menu-button-container > .speakap-menu-button-wrapper\n> .speakap-menu-button\n> .dough-button\n> .dough-button-label {\n        opacity: 1; }\n    .speakap-app-navigation.speakap-app-navigation-left .speakap-app-navigation-header {\n      display: none; }\n    .speakap-app-navigation.speakap-app-navigation-left + .speakap-app-navigation-overlay {\n      display: block; }\n    .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-open + .speakap-app-navigation-overlay {\n      background-color: rgba(0, 0, 0, 0.2);\n      pointer-events: all; } }\n";
+var css_248z$5 = ".speakap-app-navigation {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 100;\n  width: 64px;\n  height: auto;\n  position: fixed;\n  overflow-x: hidden;\n  overflow-y: auto;\n  background-color: var(--dough-color-white); }\n  body:not(.no-transition) .speakap-app-navigation {\n    transition: all 450ms cubic-bezier(0.25, 1, 0, 1); }\n  body.no-transition .speakap-app-navigation {\n    transition: none 0ms linear;\n    transition-delay: 0ms !important; }\n  .speakap-app-navigation .speakap-app-navigation-header {\n    height: 56px;\n    max-height: 56px;\n    min-height: 56px;\n    background-color: var(--dough-color-header-dark); }\n    .speakap-app-navigation .speakap-app-navigation-header.speakap-app-navigation-header-small .speakap-app-navigation-header-small-content {\n      display: -webkit-box;\n      display: -moz-box;\n      display: -webkit-flex;\n      display: -ms-flexbox;\n      display: flex;\n      flex-flow: row nowrap;\n      justify-content: center;\n      align-items: center;\n      width: 64px;\n      height: 56px; }\n  .speakap-app-navigation.speakap-app-navigation-locked .speakap-app-navigation-header.speakap-app-navigation-header-small, .speakap-app-navigation:hover .speakap-app-navigation-header.speakap-app-navigation-header-small {\n    display: none; }\n  .speakap-app-navigation:not(:hover):not(.speakap-app-navigation-locked) .speakap-app-navigation-header.speakap-app-navigation-header-normal {\n    display: none; }\n  .speakap-app-navigation .speakap-app-navigation-inner-wrapper {\n    width: 272px;\n    min-width: 272px; }\n  .speakap-app-navigation.speakap-app-navigation-left {\n    transform: translate3d(0, 0, 0);\n    box-shadow: 2px 64px 9px 0px rgba(0, 0, 0, 0.08);\n    left: 0; }\n    .speakap-app-navigation.speakap-app-navigation-left + .speakap-app-navigation-overlay {\n      display: none;\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 50;\n      width: auto;\n      height: auto;\n      position: fixed;\n      background-color: rgba(0, 0, 0, 0);\n      pointer-events: none;\n      padding: 8px; }\n      body:not(.no-transition) .speakap-app-navigation.speakap-app-navigation-left + .speakap-app-navigation-overlay {\n        transition: all 450ms cubic-bezier(0.25, 1, 0, 1); }\n      body.no-transition .speakap-app-navigation.speakap-app-navigation-left + .speakap-app-navigation-overlay {\n        transition: none 0ms linear;\n        transition-delay: 0ms !important; }\n    .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-locked, .speakap-app-navigation.speakap-app-navigation-left:hover {\n      width: 272px; }\n      .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-locked .speakap-menu-button-container, .speakap-app-navigation.speakap-app-navigation-left:hover .speakap-menu-button-container {\n        width: calc(100% + 16px); }\n        .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-locked .speakap-menu-button-container > .speakap-menu-button-wrapper\n> .speakap-menu-button\n> .dough-button\n> .dough-button-label, .speakap-app-navigation.speakap-app-navigation-left:hover .speakap-menu-button-container > .speakap-menu-button-wrapper\n> .speakap-menu-button\n> .dough-button\n> .dough-button-label {\n          opacity: 1; }\n  .speakap-app-navigation.speakap-app-navigation-right {\n    right: 0;\n    width: 272px;\n    box-shadow: -2px 64px 9px 0px rgba(0, 0, 0, 0.08);\n    transform: translate3d(208px, 0, 0); }\n    body.dough-noscroll .speakap-app-navigation.speakap-app-navigation-right:after {\n      content: \"\";\n      position: absolute;\n      background-color: var(--dough-color-background);\n      height: 100%;\n      left: 64px;\n      right: 0; }\n    body:not(.no-transition) .speakap-app-navigation.speakap-app-navigation-right {\n      transition: transform 450ms cubic-bezier(0.25, 1, 0, 1); }\n    body.no-transition .speakap-app-navigation.speakap-app-navigation-right {\n      transition: none 0ms linear;\n      transition-delay: 0ms !important; }\n    .speakap-app-navigation.speakap-app-navigation-right .speakap-menu-button-container {\n      width: calc(100% + 16px); }\n      .speakap-app-navigation.speakap-app-navigation-right .speakap-menu-button-container > .speakap-menu-button-wrapper\n> .speakap-menu-button\n> .dough-button\n> .dough-button-label {\n        opacity: 1; }\n    .speakap-app-navigation.speakap-app-navigation-right.speakap-app-navigation-locked, .speakap-app-navigation.speakap-app-navigation-right:hover {\n      transform: translate3d(0, 0, 0); }\n  .speakap-app-navigation .speakap-app-navigation-content {\n    width: 100%;\n    min-height: 100%;\n    height: calc(100vh - 64px); }\n\n@media (max-width: 576px) {\n  .speakap-app-navigation.speakap-app-navigation-right {\n    display: none; }\n  .speakap-app-navigation.speakap-app-navigation-left {\n    box-shadow: 2px 0px 9px 0px rgba(0, 0, 0, 0.08);\n    width: 272px; }\n    .speakap-app-navigation.speakap-app-navigation-left:not(.speakap-app-navigation-open) {\n      box-shadow: 2px 0px 9px 0px rgba(0, 0, 0, 0);\n      transform: translate3d(-272px, 0, 0); }\n    .speakap-app-navigation.speakap-app-navigation-left .speakap-menu-button-container {\n      transition: none; }\n    .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-open .speakap-menu-button-container {\n      width: calc(100% + 16px); }\n      .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-open .speakap-menu-button-container > .speakap-menu-button-wrapper\n> .speakap-menu-button\n> .dough-button\n> .dough-button-label {\n        opacity: 1; }\n    .speakap-app-navigation.speakap-app-navigation-left .speakap-app-navigation-header {\n      display: none; }\n    .speakap-app-navigation.speakap-app-navigation-left + .speakap-app-navigation-overlay {\n      display: block; }\n    .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-open + .speakap-app-navigation-overlay {\n      background-color: rgba(0, 0, 0, 0.2);\n      pointer-events: all; } }\n";
 styleInject(css_248z$5);
@@ -570,5 +570,3 @@
   }, [props.open]);
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(doughComponentLibrary.Container, {
-    fullHeight: true,
-    padding: doughComponentLibrary.sizes.NONE,
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: cn("speakap-app-navigation", "speakap-app-navigation-".concat(props.placement), {
@@ -691,3 +689,3 @@ "speakap-app-navigation-open": navbarOpen && props.placement === "left",
 
-var css_248z$7 = ".speakap-post-card {\n  margin-bottom: 24px; }\n  .speakap-post-card .dough-typo {\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    max-width: 100%; }\n  .speakap-post-card .speakap-comment-text-block {\n    overflow-x: hidden; }\n\n.dough-drop-menu.button-over-image\n.dough-button:not(:hover)\n.dough-button-icon {\n  color: var(--dough-color-white); }\n  .dough-drop-menu.button-over-image\n.dough-button:not(:hover)\n.dough-button-icon path {\n    fill: var(--dough-color-white); }\n\n.speakap-event-image-container {\n  box-shadow: inset 0 30px 25px -10px rgba(0, 0, 0, 0.5); }\n\n@media (max-width: 576px) {\n  .speakap-post-card {\n    border-radius: 0; } }\n";
+var css_248z$7 = ".speakap-post-card {\n  margin-bottom: 24px; }\n  .speakap-post-card .dough-typo {\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    max-width: 100%; }\n  .speakap-post-card .speakap-comment-text-block {\n    overflow-x: hidden; }\n\n.dough-drop-menu.button-over-image\n.dough-button:not(:hover)\n.dough-button-icon {\n  color: var(--dough-color-white); }\n  .dough-drop-menu.button-over-image\n.dough-button:not(:hover)\n.dough-button-icon path {\n    fill: var(--dough-color-white); }\n\n.speakap-event-image-container {\n  box-shadow: inset 0 30px 25px -10px rgba(0, 0, 0, 0.5);\n  position: relative; }\n  .speakap-event-image-container + .speakap-event-publisher-label {\n    position: absolute;\n    right: 0;\n    bottom: 10%;\n    z-index: 10;\n    width: auto;\n    height: auto;\n    background-color: var(--dough-color-header-dark);\n    border-top-left-radius: 3px;\n    border-bottom-left-radius: 3px;\n    color: var(--dough-color-text-white);\n    font-size: 0.6875rem;\n    padding: 4px 8px 4px 8px; }\n\n@media (max-width: 576px) {\n  .speakap-post-card {\n    border-radius: 0; } }\n";
 styleInject(css_248z$7);
@@ -908,2 +906,3 @@
  * @property {string} eventDateYear
+ * @property {string} publishedBy
  * @property {(Array<JSX.Element | Element>)} [menuButtons]
@@ -938,3 +937,5 @@ */
     alignFromRight: true
-  }, props.menuButtons)))), React__default.createElement(doughComponentLibrary.LayoutContainer, {
+  }, props.menuButtons))), React__default.createElement("div", {
+    className: "speakap-event-publisher-label"
+  }, props.publishedBy)), React__default.createElement(doughComponentLibrary.LayoutContainer, {
     verticalAlign: "center"
@@ -976,2 +977,3 @@ }, React__default.createElement(doughComponentLibrary.LayoutFlexBox, {
  * @property {string} publishDateText
+ * @property {string} publishedBy
  * @property {():void=>{}} [onUserClicked]
@@ -1007,3 +1009,5 @@ * @property {(Array<JSX.Element | Element>)} [menuButtons]
     alignFromRight: true
-  }, props.menuButtons)))), React__default.createElement(doughComponentLibrary.Container, {
+  }, props.menuButtons))), React__default.createElement("div", {
+    className: "speakap-event-publisher-label"
+  }, props.publishedBy)), React__default.createElement(doughComponentLibrary.Container, {
     paddingHorizontal: doughComponentLibrary.sizes.NORMAL,
@@ -1010,0 +1014,0 @@ paddingVertical: doughComponentLibrary.sizes.SMALL

package.json

 {
     "name": "@speakapbv/dough-extended-components-for-speakap",
-    "version": "1.2.5",
+    "version": "1.2.6",
     "description": "DOUGH Extended for Speakap: Speakap Specific Components based on Dough",
@@ -5,0 +5,0 @@ "author": "Speakap",

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

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

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

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

124665

increased by1.65%

Lines of code

2272

increased by0.53%

Worsened metrics

Number of low supply chain risk alerts

11

increased by22.22%

No dependency changes