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

Comparing version 1.2.7 to 1.2.8

CHANGELOG.md

@@ -7,2 +7,16 @@ ### Changelog
 
+#### [v1.2.8](https://github.com/SpeakapBV/dough-extended-components-for-speakap/compare/v1.2.7...v1.2.8)
+
+> 17 March 2020
+
+- updated performance of navigation menus [`b764602`](https://github.com/SpeakapBV/dough-extended-components-for-speakap/commit/b764602e87886a1a8c1099bc4446e19129cff5a3)
+- updated timeline boxes dropmenu without caret [`6f0927f`](https://github.com/SpeakapBV/dough-extended-components-for-speakap/commit/6f0927fa38d5e94c0265ef17461f2628e97e21ce)
+- updated styles for menu-button [`ef4bba6`](https://github.com/SpeakapBV/dough-extended-components-for-speakap/commit/ef4bba6ffef2ee14e999c4bec2b607e32e612b9a)
+
+#### [v1.2.7](https://github.com/SpeakapBV/dough-extended-components-for-speakap/compare/v1.2.6...v1.2.7)
+
+> 16 March 2020
+
+- hotfix navbar height [`e539604`](https://github.com/SpeakapBV/dough-extended-components-for-speakap/commit/e539604013fdbec31f0c7a389c3b5f7b86dd1f17)
+
 #### [v1.2.6](https://github.com/SpeakapBV/dough-extended-components-for-speakap/compare/v1.2.5...v1.2.6)
@@ -13,2 +27,3 @@
 - added publishedBy label to event and news cards [`7dd240a`](https://github.com/SpeakapBV/dough-extended-components-for-speakap/commit/7dd240a201b1a7b4bf1d57fd6dd94fe23aeb4007)
+- updated version to v1.2.6 [`c81ebba`](https://github.com/SpeakapBV/dough-extended-components-for-speakap/commit/c81ebba81164b13063eb6b24409a77acb4912ac5)
 - fixed appnav height and scroll [`9cb9816`](https://github.com/SpeakapBV/dough-extended-components-for-speakap/commit/9cb98165e3869e27e5527a869c9654bfb1aa7f2f)
@@ -15,0 +30,0 @@

dist/index.es.js

@@ -372,3 +372,3 @@ import React, { forwardRef, useState, useRef, useEffect, Children } from 'react';
 
-var css_248z$2 = ".speakap-menu-button-container {\n  margin-top: 16px;\n  box-sizing: border-box;\n  border-radius: 3px;\n  width: 48px;\n  height: 42px;\n  padding-left: 16px;\n  padding-right: 8px;\n  margin-left: -8px;\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  align-items: center;\n  overflow: hidden; }\n  body:not(.no-transition) .speakap-menu-button-container {\n    transition: all 450ms cubic-bezier(0.25, 1, 0, 1); }\n  body.no-transition .speakap-menu-button-container {\n    transition: none 0ms linear;\n    transition-delay: 0ms !important; }\n  .speakap-menu-button-container + .speakap-menu-button-container {\n    margin-top: 8px; }\n  .speakap-menu-button-container .speakap-menu-button-wrapper {\n    width: 100%;\n    min-width: 32px;\n    box-sizing: border-box; }\n    .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button {\n      overflow: hidden;\n      width: 100%;\n      transition-duration: 0ms;\n      justify-content: flex-start;\n      min-height: 32px;\n      padding: 0; }\n      .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button > .dough-button-label {\n        font-size: 0.875rem;\n        opacity: 0;\n        margin-left: 20px;\n        height: 42px;\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        align-items: center;\n        overflow: hidden;\n        flex: 1;\n        justify-content: flex-start;\n        text-align: left;\n        min-width: 150px; }\n        .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button > .dough-button-label > .speakap-menu-button-label-text {\n          flex: 1; }\n          .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button > .dough-button-label > .speakap-menu-button-label-text + * {\n            cursor: pointer;\n            pointer-events: all !important; }\n      .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button > .dough-button-icon {\n        color: var(--dough-color-text-light); }\n      .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button .dough-button-background-wrapper {\n        background-color: transparent !important; }\n        .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button .dough-button-background-wrapper > .dough-button-background-glow {\n          display: none; }\n  .speakap-menu-button-container > .dough-badge-content-wrapper {\n    right: initial;\n    top: 4px;\n    left: 24px; }\n  .speakap-menu-button-container:hover, .speakap-menu-button-container.speakap-menu-button-active {\n    background-color: var(--dough-color-header); }\n    .speakap-menu-button-container:hover > .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button.dough-color-transparent,\n    .speakap-menu-button-container:hover > .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button.dough-color-transparent *, .speakap-menu-button-container.speakap-menu-button-active > .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button.dough-color-transparent,\n    .speakap-menu-button-container.speakap-menu-button-active > .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button.dough-color-transparent * {\n      color: var(--dough-color-white); }\n";
+var css_248z$2 = ".speakap-menu-button-container {\n  margin-top: 16px;\n  box-sizing: border-box;\n  border-radius: 3px;\n  width: 48px;\n  height: 42px;\n  padding-left: 16px;\n  padding-right: 8px;\n  margin-left: -8px;\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  align-items: center;\n  overflow: hidden; }\n  .speakap-menu-button-container + .speakap-menu-button-container {\n    margin-top: 8px; }\n  .speakap-menu-button-container .speakap-menu-button-wrapper {\n    width: 240px;\n    box-sizing: border-box; }\n    .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button {\n      overflow: hidden;\n      width: 100%;\n      transition-duration: 0ms;\n      justify-content: flex-start;\n      min-height: 32px;\n      padding: 0; }\n      .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button > .dough-button-label {\n        font-size: 0.875rem;\n        opacity: 0;\n        margin-left: 20px;\n        height: 42px;\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        align-items: center;\n        overflow: hidden;\n        flex: 1;\n        justify-content: flex-start;\n        text-align: left;\n        min-width: 150px; }\n        .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button > .dough-button-label > .speakap-menu-button-label-text {\n          flex: 1; }\n          .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button > .dough-button-label > .speakap-menu-button-label-text + * {\n            cursor: pointer;\n            pointer-events: all !important; }\n      .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button > .dough-button-icon {\n        color: var(--dough-color-text-light); }\n      .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button .dough-button-background-wrapper {\n        background-color: transparent !important; }\n        .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button .dough-button-background-wrapper > .dough-button-background-glow {\n          display: none; }\n  .speakap-menu-button-container > .dough-badge-content-wrapper {\n    right: initial;\n    top: 4px;\n    left: 24px; }\n    .speakap-menu-button-container > .dough-badge-content-wrapper > .dough-badge-border {\n      background-color: var(--dough-color-white); }\n  .speakap-menu-button-container:hover, .speakap-menu-button-container.speakap-menu-button-active {\n    background-color: var(--dough-color-header); }\n    .speakap-menu-button-container:hover > .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button.dough-color-transparent,\n    .speakap-menu-button-container:hover > .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button.dough-color-transparent *, .speakap-menu-button-container.speakap-menu-button-active > .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button.dough-color-transparent,\n    .speakap-menu-button-container.speakap-menu-button-active > .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button.dough-color-transparent * {\n      color: var(--dough-color-white); }\n    .speakap-menu-button-container:hover > .dough-badge-content-wrapper > .dough-badge-border, .speakap-menu-button-container.speakap-menu-button-active > .dough-badge-content-wrapper > .dough-badge-border {\n      background-color: var(--dough-color-header); }\n";
 styleInject(css_248z$2);
@@ -412,3 +412,3 @@
 
-var css_248z$3 = ".speakap-app-frame .speakap-app-frame-wrapper {\n  width: 100vw;\n  min-height: 100vh; }\n  .speakap-app-frame .speakap-app-frame-wrapper .speakap-app-frame-content {\n    width: 100%;\n    padding-top: 80px;\n    padding-bottom: 24px;\n    box-sizing: border-box;\n    position: relative;\n    z-index: 5; }\n\n.speakap-app-frame .speakap-app-frame-header-wrapper {\n  height: 56px;\n  max-height: 56px;\n  min-height: 56px; }\n\n.speakap-app-frame .speakap-app-frame-center {\n  overflow-x: hidden;\n  overflow-y: auto;\n  margin: 0 auto;\n  max-width: 1328px;\n  padding-left: 88px;\n  padding-right: 88px; }\n\n@media (max-width: 576px) {\n  .speakap-app-frame .speakap-app-frame-center {\n    max-width: 100%;\n    padding-left: 0;\n    padding-right: 0; } }\n";
+var css_248z$3 = ".speakap-app-frame .speakap-app-frame-wrapper {\n  width: 100vw;\n  min-height: 100vh; }\n  .speakap-app-frame .speakap-app-frame-wrapper .speakap-app-frame-content {\n    width: 100%;\n    padding-top: 80px;\n    padding-bottom: 24px;\n    box-sizing: border-box;\n    position: relative;\n    z-index: 5; }\n\n.speakap-app-frame .speakap-app-frame-header-wrapper {\n  height: 56px;\n  max-height: 56px;\n  min-height: 56px; }\n\n.speakap-app-frame .speakap-app-frame-center {\n  overflow-x: hidden;\n  overflow-y: auto;\n  margin: 0 auto;\n  max-width: 1328px;\n  padding-left: 88px;\n  padding-right: calc( 88px + var(--dough-scroll-bar-width)); }\n\n@media (max-width: 576px) {\n  .speakap-app-frame .speakap-app-frame-center {\n    max-width: 100%;\n    padding-left: 0;\n    padding-right: 0; } }\n";
 styleInject(css_248z$3);
@@ -530,3 +530,3 @@
 
-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    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: 272px;\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: transform 400ms cubic-bezier(0.2, 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    body:not(.no-transition) .speakap-app-navigation > .speakap-app-navigation-inner-wrapper {\n      transition: transform 400ms cubic-bezier(0.2, 1, 0, 1); }\n    body.no-transition .speakap-app-navigation > .speakap-app-navigation-inner-wrapper {\n      transition: none 0ms linear;\n      transition-delay: 0ms !important; }\n  .speakap-app-navigation.speakap-app-navigation-left {\n    transform: translate3d(-208px, 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: transform 400ms cubic-bezier(0.2, 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      transform: translate3d(0, 0, 0); }\n      .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-locked > .speakap-app-navigation-inner-wrapper, .speakap-app-navigation.speakap-app-navigation-left:hover > .speakap-app-navigation-inner-wrapper {\n        transform: translate3d(0, 0, 0); }\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: 256px; }\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-left > .speakap-app-navigation-inner-wrapper {\n      transform: translate3d(208px, 0, 0); }\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:not(.no-transition) .speakap-app-navigation.speakap-app-navigation-right {\n      transition: transform 400ms cubic-bezier(0.2, 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    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    .speakap-app-navigation.speakap-app-navigation-left > .speakap-app-navigation-inner-wrapper {\n      transform: translate3d(0, 0, 0); }\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 {\n      transform: translate3d(0, 0, 0); }\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);
@@ -766,2 +766,3 @@
   }, React.createElement(DropMenu, {
+    showCaret: false,
     size: sizes.SMALL,
@@ -884,2 +885,3 @@ alignFromRight: true
   }, React.createElement(DropMenu, {
+    showCaret: false,
     size: sizes.SMALL,
@@ -927,2 +929,3 @@ alignFromRight: true
   }, React.createElement(DropMenu, {
+    showCaret: false,
     color: colors.TRANSPARENT,
@@ -998,2 +1001,3 @@ className: "button-over-image",
   }, React.createElement(DropMenu, {
+    showCaret: false,
     color: colors.TRANSPARENT,
@@ -1000,0 +1004,0 @@ className: "button-over-image",

dist/index.js

@@ -379,3 +379,3 @@ 'use strict';
 
-var css_248z$2 = ".speakap-menu-button-container {\n  margin-top: 16px;\n  box-sizing: border-box;\n  border-radius: 3px;\n  width: 48px;\n  height: 42px;\n  padding-left: 16px;\n  padding-right: 8px;\n  margin-left: -8px;\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  align-items: center;\n  overflow: hidden; }\n  body:not(.no-transition) .speakap-menu-button-container {\n    transition: all 450ms cubic-bezier(0.25, 1, 0, 1); }\n  body.no-transition .speakap-menu-button-container {\n    transition: none 0ms linear;\n    transition-delay: 0ms !important; }\n  .speakap-menu-button-container + .speakap-menu-button-container {\n    margin-top: 8px; }\n  .speakap-menu-button-container .speakap-menu-button-wrapper {\n    width: 100%;\n    min-width: 32px;\n    box-sizing: border-box; }\n    .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button {\n      overflow: hidden;\n      width: 100%;\n      transition-duration: 0ms;\n      justify-content: flex-start;\n      min-height: 32px;\n      padding: 0; }\n      .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button > .dough-button-label {\n        font-size: 0.875rem;\n        opacity: 0;\n        margin-left: 20px;\n        height: 42px;\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        align-items: center;\n        overflow: hidden;\n        flex: 1;\n        justify-content: flex-start;\n        text-align: left;\n        min-width: 150px; }\n        .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button > .dough-button-label > .speakap-menu-button-label-text {\n          flex: 1; }\n          .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button > .dough-button-label > .speakap-menu-button-label-text + * {\n            cursor: pointer;\n            pointer-events: all !important; }\n      .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button > .dough-button-icon {\n        color: var(--dough-color-text-light); }\n      .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button .dough-button-background-wrapper {\n        background-color: transparent !important; }\n        .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button .dough-button-background-wrapper > .dough-button-background-glow {\n          display: none; }\n  .speakap-menu-button-container > .dough-badge-content-wrapper {\n    right: initial;\n    top: 4px;\n    left: 24px; }\n  .speakap-menu-button-container:hover, .speakap-menu-button-container.speakap-menu-button-active {\n    background-color: var(--dough-color-header); }\n    .speakap-menu-button-container:hover > .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button.dough-color-transparent,\n    .speakap-menu-button-container:hover > .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button.dough-color-transparent *, .speakap-menu-button-container.speakap-menu-button-active > .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button.dough-color-transparent,\n    .speakap-menu-button-container.speakap-menu-button-active > .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button.dough-color-transparent * {\n      color: var(--dough-color-white); }\n";
+var css_248z$2 = ".speakap-menu-button-container {\n  margin-top: 16px;\n  box-sizing: border-box;\n  border-radius: 3px;\n  width: 48px;\n  height: 42px;\n  padding-left: 16px;\n  padding-right: 8px;\n  margin-left: -8px;\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  align-items: center;\n  overflow: hidden; }\n  .speakap-menu-button-container + .speakap-menu-button-container {\n    margin-top: 8px; }\n  .speakap-menu-button-container .speakap-menu-button-wrapper {\n    width: 240px;\n    box-sizing: border-box; }\n    .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button {\n      overflow: hidden;\n      width: 100%;\n      transition-duration: 0ms;\n      justify-content: flex-start;\n      min-height: 32px;\n      padding: 0; }\n      .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button > .dough-button-label {\n        font-size: 0.875rem;\n        opacity: 0;\n        margin-left: 20px;\n        height: 42px;\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        align-items: center;\n        overflow: hidden;\n        flex: 1;\n        justify-content: flex-start;\n        text-align: left;\n        min-width: 150px; }\n        .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button > .dough-button-label > .speakap-menu-button-label-text {\n          flex: 1; }\n          .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button > .dough-button-label > .speakap-menu-button-label-text + * {\n            cursor: pointer;\n            pointer-events: all !important; }\n      .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button > .dough-button-icon {\n        color: var(--dough-color-text-light); }\n      .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button .dough-button-background-wrapper {\n        background-color: transparent !important; }\n        .speakap-menu-button-container .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button .dough-button-background-wrapper > .dough-button-background-glow {\n          display: none; }\n  .speakap-menu-button-container > .dough-badge-content-wrapper {\n    right: initial;\n    top: 4px;\n    left: 24px; }\n    .speakap-menu-button-container > .dough-badge-content-wrapper > .dough-badge-border {\n      background-color: var(--dough-color-white); }\n  .speakap-menu-button-container:hover, .speakap-menu-button-container.speakap-menu-button-active {\n    background-color: var(--dough-color-header); }\n    .speakap-menu-button-container:hover > .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button.dough-color-transparent,\n    .speakap-menu-button-container:hover > .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button.dough-color-transparent *, .speakap-menu-button-container.speakap-menu-button-active > .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button.dough-color-transparent,\n    .speakap-menu-button-container.speakap-menu-button-active > .speakap-menu-button-wrapper > .speakap-menu-button > .dough-button.dough-color-transparent * {\n      color: var(--dough-color-white); }\n    .speakap-menu-button-container:hover > .dough-badge-content-wrapper > .dough-badge-border, .speakap-menu-button-container.speakap-menu-button-active > .dough-badge-content-wrapper > .dough-badge-border {\n      background-color: var(--dough-color-header); }\n";
 styleInject(css_248z$2);
@@ -419,3 +419,3 @@
 
-var css_248z$3 = ".speakap-app-frame .speakap-app-frame-wrapper {\n  width: 100vw;\n  min-height: 100vh; }\n  .speakap-app-frame .speakap-app-frame-wrapper .speakap-app-frame-content {\n    width: 100%;\n    padding-top: 80px;\n    padding-bottom: 24px;\n    box-sizing: border-box;\n    position: relative;\n    z-index: 5; }\n\n.speakap-app-frame .speakap-app-frame-header-wrapper {\n  height: 56px;\n  max-height: 56px;\n  min-height: 56px; }\n\n.speakap-app-frame .speakap-app-frame-center {\n  overflow-x: hidden;\n  overflow-y: auto;\n  margin: 0 auto;\n  max-width: 1328px;\n  padding-left: 88px;\n  padding-right: 88px; }\n\n@media (max-width: 576px) {\n  .speakap-app-frame .speakap-app-frame-center {\n    max-width: 100%;\n    padding-left: 0;\n    padding-right: 0; } }\n";
+var css_248z$3 = ".speakap-app-frame .speakap-app-frame-wrapper {\n  width: 100vw;\n  min-height: 100vh; }\n  .speakap-app-frame .speakap-app-frame-wrapper .speakap-app-frame-content {\n    width: 100%;\n    padding-top: 80px;\n    padding-bottom: 24px;\n    box-sizing: border-box;\n    position: relative;\n    z-index: 5; }\n\n.speakap-app-frame .speakap-app-frame-header-wrapper {\n  height: 56px;\n  max-height: 56px;\n  min-height: 56px; }\n\n.speakap-app-frame .speakap-app-frame-center {\n  overflow-x: hidden;\n  overflow-y: auto;\n  margin: 0 auto;\n  max-width: 1328px;\n  padding-left: 88px;\n  padding-right: calc( 88px + var(--dough-scroll-bar-width)); }\n\n@media (max-width: 576px) {\n  .speakap-app-frame .speakap-app-frame-center {\n    max-width: 100%;\n    padding-left: 0;\n    padding-right: 0; } }\n";
 styleInject(css_248z$3);
@@ -537,3 +537,3 @@
 
-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    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: 272px;\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: transform 400ms cubic-bezier(0.2, 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    body:not(.no-transition) .speakap-app-navigation > .speakap-app-navigation-inner-wrapper {\n      transition: transform 400ms cubic-bezier(0.2, 1, 0, 1); }\n    body.no-transition .speakap-app-navigation > .speakap-app-navigation-inner-wrapper {\n      transition: none 0ms linear;\n      transition-delay: 0ms !important; }\n  .speakap-app-navigation.speakap-app-navigation-left {\n    transform: translate3d(-208px, 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: transform 400ms cubic-bezier(0.2, 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      transform: translate3d(0, 0, 0); }\n      .speakap-app-navigation.speakap-app-navigation-left.speakap-app-navigation-locked > .speakap-app-navigation-inner-wrapper, .speakap-app-navigation.speakap-app-navigation-left:hover > .speakap-app-navigation-inner-wrapper {\n        transform: translate3d(0, 0, 0); }\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: 256px; }\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-left > .speakap-app-navigation-inner-wrapper {\n      transform: translate3d(208px, 0, 0); }\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:not(.no-transition) .speakap-app-navigation.speakap-app-navigation-right {\n      transition: transform 400ms cubic-bezier(0.2, 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    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    .speakap-app-navigation.speakap-app-navigation-left > .speakap-app-navigation-inner-wrapper {\n      transform: translate3d(0, 0, 0); }\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 {\n      transform: translate3d(0, 0, 0); }\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);
@@ -773,2 +773,3 @@
   }, React__default.createElement(doughComponentLibrary.DropMenu, {
+    showCaret: false,
     size: doughComponentLibrary.sizes.SMALL,
@@ -891,2 +892,3 @@ alignFromRight: true
   }, React__default.createElement(doughComponentLibrary.DropMenu, {
+    showCaret: false,
     size: doughComponentLibrary.sizes.SMALL,
@@ -934,2 +936,3 @@ alignFromRight: true
   }, React__default.createElement(doughComponentLibrary.DropMenu, {
+    showCaret: false,
     color: doughComponentLibrary.colors.TRANSPARENT,
@@ -1005,2 +1008,3 @@ className: "button-over-image",
   }, React__default.createElement(doughComponentLibrary.DropMenu, {
+    showCaret: false,
     color: doughComponentLibrary.colors.TRANSPARENT,
@@ -1007,0 +1011,0 @@ className: "button-over-image",

package.json

 {
     "name": "@speakapbv/dough-extended-components-for-speakap",
-    "version": "1.2.7",
+    "version": "1.2.8",
     "description": "DOUGH Extended for Speakap: Speakap Specific Components based on Dough",
@@ -25,3 +25,3 @@ "author": "Speakap",
     "peerDependencies": {
-        "@speakapbv/dough-component-library": ">=0.3.15",
+        "@speakapbv/dough-component-library": ">=0.3.16",
         "@speakapbv/dough-component-library-tokens": ">=1.0.0",
@@ -38,3 +38,3 @@ "react": ">=16.12.0",
         "@rollup/plugin-url": "^4.0.0",
-        "@speakapbv/dough-component-library": "^0.3.15",
+        "@speakapbv/dough-component-library": "^0.3.16",
         "@speakapbv/dough-component-library-tokens": "1.0.0",
@@ -41,0 +41,0 @@ "@svgr/rollup": "^5.0.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

127871

increased by2.53%

Lines of code

2286

increased by0.62%

No dependency changes