@jotforminc/dnd-builder 2.3.0 → 2.4.3

package/lib/cjs/styles/_jfReportsFloatings.scss

@@ -15,7 +15,8 @@
     display: flex;
     flex-direction: column;
     background-color: $white;
-    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
+    box-shadow: 0 0 4px rgba(10, 21, 81, 0.06);
+    border-radius: 4px;
 
     .controllerItem {
       transition: $transition;
@@ -24,6 +25,10 @@
         background-color: $inputGray;
       }
 
+      &.isWhite {
+        background-color: $white;
+      }
+
       &.isSingle {
         border-radius: 6px;
       }
@@ -31,7 +36,6 @@
       &:hover .jfReportSVG:not(.icon-trashLine) {
         fill: $blue;
       }
-
       &:hover .jfReportSVG.icon-trashLine {
         fill: $danger;
       }
@@ -39,12 +43,14 @@
 
     .controllerIndicator {
       font-size: 0.75rem;
+      font-weight: 500;
       margin: 15px auto;
       text-align: center;
+      color: #0A1551;
     }
 
     & + .floatingController-container {
-      margin-top: 10px;
+      margin-top: 8px;
     }
   }
 
@@ -54,18 +60,17 @@
 
   &.forBar {
     height: 50px;
-    background: #404651;
+    background: #252D5B;
     border-radius: 6px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
     max-width: 436px;
-    min-width: 280px;
-    padding: 13px 15px;
+    padding: 12px;
     text-align: center;
 
     .divider {
       width: 1px;
-      height: 30px;
-      background: #272D3D;
+      height: 20px;
+      background: rgba(#FFFFFF, 0.1);
     }
 
     .select-zoom {
@@ -80,46 +85,58 @@
     }
 
     .forSlide {
-      margin: 0 20px;
+      margin: 0 12px;
     }
 
     .jfReportButton, .controllerItem {
-      height: 24px;
-      width: 24px;
+      height: 28px;
+      width: 28px;
       padding: 0 4px;
     }
 
     .jfReportButton {
       &.download {
+        background-color: rgba(120, 187, 7, 0.2);
+        &:hover { background-color: rgba(120, 187, 7, 0.6); }
         .icon-download {
           width: 8px;
           height: 10px;
         }
       }
       &.print {
-        border: 1px solid #A8AABF;
+        border: 1px solid #6F76A7;
+        background-color: rgba(111, 118, 167, 0.2);
+        &:hover { background-color: rgba(111, 118, 167, 0.6); }
         .icon-print {
-          width: 10px;
-          height: 10px;
-          fill: #A8AABF;
+          width: 12px;
+          height: 12px;
+          fill: #FFF;
         }
       }
-      &.download, &.print {
-        background-color: rgba(1, 189, 111, 0.1);
-        &:hover {
-          background-color: #2e525c;
+      &.isSuccess {
+        border: 1px solid #78BB07;
+        background-color: rgba(120, 187, 7, 0.2);
+        &:hover { background-color: rgba(120, 187, 7, 0.6); }
+        .icon-download {
+          width: 11px;
+          height: 14px;
+          fill: #fff;
         }
       }
+      &.forAction {
+        .icon-close { fill: rgba(200, 206, 237, 0.6); }
+        &:hover .icon-close { fill: #fff; }
+      }
       .icon-fullscreen {
-        width: 14px;
-        height: 14px;
+        width: 12px;
+        height: 12px;
       }
     }
 
     .action-container {
-      margin-left: 20px;
+      margin-left: 12px;
       .jfReportButton + .jfReportButton:not(.close) {
-        margin-left: 10px;
+        margin-left: 8px;
       }
       .close {
         margin-left: 15px;
@@ -135,13 +152,13 @@
     }
 
     .controllerItem {
-      background: #303339;
+      background: #343C6A;
       border-radius: 3px;
       border: none;
       transition: $transition;
 
       &:hover {
-        background: lighten(#2E354A, 5);
+        background: rgba(111, 118, 167, 0.6);
       }
     }
 
@@ -171,7 +188,7 @@
       letter-spacing: .7px;
       font-size: 0.875rem;
       line-height: 28px;
-      min-width: 65px;
+      min-width: 57px;
       padding: 0 5px;
 
       span {
@@ -187,6 +204,7 @@
 
     .floatingController-container {
       border-radius: 6px;
+      background-color: $inputGray;
 
       & > .controllerItem:not(.isSingle) {
         padding: 8px 6px;
@@ -219,9 +237,10 @@
 
   &.forSlides, &.forPageAction {
     .floatingController-container:not(.hasGroup) {
+      padding: 4px;
       .controllerItem {
-        padding: 7px 6px;
-        border-radius: 6px;
+        padding: 0;
+        border-radius: 3px;
       }
     }
   }
@@ -233,12 +252,22 @@
 
     .floatingController-container {
       border-radius: 3px;
-    }
 
-    .floatingController-container.hasGroup {
-      padding: 6px 0;
       .controllerItem {
-        padding: 6px 5px;
+        width: 20px;
+        height: 20px;
+        &:hover { background-color: #F3F3FE; }
+      }
+
+      &.hasGroup {
+        padding: 4px;
+        .controllerItem {
+          border-radius: 3px;
+          padding: 0;
+          margin-top: 4px;
+          &:first-child { margin-top: 0; }
+        }
+        .isDanger:hover { background-color: rgba(235, 63, 63, 0.1); }
       }
     }
   }

package/lib/cjs/styles/_jfReportsPages.scss

@@ -35,9 +35,11 @@
       width: 40px;
       padding: 3px;
       font-size: 0.875rem;
+      font-weight: 500;
       background-color: $white;
       border-radius: 3px;
-      box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
+      box-shadow: 0 0 4px rgba(10, 21, 81, 0.06);
+      color: #0A1551;
     }
   }
 }
@@ -156,7 +158,7 @@
   color: #fff;
   display: block;
   position: absolute;
-  width: 154px;
+  width: 165px;
   z-index: 10;
   box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
 }
@@ -171,6 +173,7 @@
   height: 45px;
   width: 100%;
   font-size: 0.875rem;
+  padding-left: 14px;
 
   .contextMenu-icon {
     margin-right: 9px;
@@ -182,6 +185,8 @@
       height: 14px;
       fill: $blue;
       stroke: $blue;
+
+      > path { fill: $blue; }
     }
   }
 

package/lib/cjs/styles/_jfReportsPanelElements.scss

@@ -717,7 +717,7 @@
 }
 
 .floatingController.forBar .toolSection-dropdownWrapper {
-  margin-right: 20px;
+  margin-right: 12px;
 
   &:after {
     display: none;
@@ -725,18 +725,22 @@
 
   &:before {
     right: 7px;
-    border-left: 4px solid transparent;
-    border-right: 4px solid transparent;
-    border-top: 6px solid $white;
-    top: calc(50% - 3px);
+    top: calc(50% - 2px);
+    background-repeat: no-repeat;
+    background-image: url("data:image/svg+xml,%3Csvg width=%276%27 height=%274%27 viewBox=%270 0 6 4%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.00506 0.413817C5.23825 0.191095 5.60551 0.195263 5.83143 0.427641C6.0582 0.660893 6.05369 1.03103 5.8167 1.2733L3.40473 3.58782C3.17841 3.80363 2.82568 3.80438 2.5933 3.58747C2.29148 3.29771 2.29148 3.29771 1.38603 2.42839C0.482784 1.56125 0.482784 1.56125 0.16829 1.25885C-0.0560968 1.02805 -0.0560968 0.65844 0.16829 0.427641C0.393201 0.196305 0.757388 0.191435 0.995763 0.413283L2.99983 2.33753L5.00506 0.413817Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
+    background-size: contain;
+    width: 8px;
+    height: 5px;
+    border: 0;
   }
 
   .toolSection-dropdown {
-    width: 60px;
-    height: 24px;
+    width: 58px;
+    height: 28px;
     font-size: 0.675rem;
-    padding-left: 10px;
+    padding-left: 6px;
     color: $white;
+    appearance: none;
   }
 }
 

package/lib/cjs/styles/_jfReportsPanels.scss

@@ -301,7 +301,7 @@
 
       &.addElementToggle {
         width: 160px;
-        background-color: #303339;
+        background-color: #252D5B;
         height: 54px;
         border-radius: 0;
         border-top-right-radius: 100px;

package/lib/cjs/styles/_jfReportsReportItem.scss

@@ -221,7 +221,7 @@
     top: 0;
     right: -24px;
     background-color: $blue;
-    border-radius: 3px;
+    border-radius: 4px;
     text-align: center;
     pointer-events: all;
     animation: .2s fadeRight forwards;
@@ -238,20 +238,34 @@
         transition: .3s ease-in-out;
         transform: translateZ(0);
       }
-
-      &:hover svg {
-        opacity: .7;
-      }
     }
 
     &:not(.forLocked) {
+      padding: 0 4px;
       .reportItemMenu-item {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 20px;
+        height: 20px;
+        padding: 0;
+        border-radius: 3px;
+        transition: 0.3s ease-in;
+
+        + .reportItemMenu-item {
+          margin-top: 4px;
+        }
+
         &:first-child {
-          margin-top: 6px;
+          margin-top: 4px;
         }
 
         &:last-child {
-          margin-bottom: 6px;
+          margin-bottom: 4px;
+        }
+
+        &:hover {
+          background-color: rgba(255, 255, 255, 0.2);
         }
       }
     }

package/lib/cjs/styles/_jfReportsSVG.scss

@@ -39,7 +39,7 @@
   }
 
   .controllerItem .jfReportSVG {
-    fill: $additionalGray;
+    fill: $gray;
   }
 
   .toolItem-icon {

package/lib/cjs/styles/_jfReportsTextEditor.scss

@@ -51,11 +51,6 @@
     }
   }
 
-  .ql-toolbar.ql-snow {
-    padding: 0;
-    border: none;
-  }
-
   .ql-toolbar {
     font-family: inherit;
     font-size: .75rem;
@@ -69,6 +64,8 @@
       border-radius: 3px;
       max-width: 100%;
       padding: 4px;
+      right: 0;
+      box-shadow: 0 2px 4px 0 rgba(#0A1551, 0.04);
 
       &.isOpened {
         width: auto;
@@ -76,11 +73,11 @@
     }
 
     .ql-button {
-      width: 22px;
+      width: 20px;
       flex-shrink: 0;
 
       svg {
-        width: 18px;
+        width: 16px;
       }
 
       &.hiddenVisibility {
@@ -88,21 +85,21 @@
       }
 
       .ql-stroke {
-        stroke: #8D8FA8;
+        stroke: #6F76A7;
       }
 
       .ql-fill {
-        fill: #8D8FA8;
+        fill: #6F76A7;
         stroke-width: 0;
       }
 
       &.ql-active {
         .ql-stroke {
-          stroke: #8D8FA8;
+          stroke: #6F76A7;
         }
 
         .ql-fill {
-          fill: #8D8FA8;
+          fill: #6F76A7;
         }
       }
     }
@@ -111,11 +108,11 @@
       display: inline-flex;
       justify-content: center;
       align-items: center;
-      height: 22px;
+      height: 20px;
       padding: 0;
-      border-radius: 2px;
+      border-radius: 3px;
       border: none;
-      margin-left: 4px;
+      color: #6F76A7;
 
       &:hover {
         stroke: $blue;
@@ -124,13 +121,12 @@
       &.ql-active {
         color: #8D8FA8;
         background-color: rgba($inputGrayBorder, .3);
-        border-radius: 2px;
+        border-radius: 3px;
       }
     }
 
-
     .qlMore {
-      height: 22px;
+      height: 20px;
       color: #8D8FA8;
       position: absolute;
       right: 0;
@@ -143,7 +139,7 @@
     }
 
     .ql-picker.ql-size {
-      width: 60px;
+      width: 52px;
 
       .ql-picker-label {
         justify-content: flex-start;
@@ -154,7 +150,7 @@
 
     .ql-select {
       width: auto;
-      height: 22px;
+      height: 20px;
       flex-shrink: 0;
       font-size: .75rem;
 
@@ -170,7 +166,8 @@
     }
 
     .ql-select:not(.ql-size) .ql-picker-label {
-      width: 22px;
+      width: 20px;
+      margin-left: 0;
     }
 
     .ql-divider {
@@ -189,7 +186,7 @@
     }
 
     .ql-color svg, .ql-align .ql-picker-label svg {
-      width: 20px;
+      width: 16px;
     }
 
     .ql-align .ql-picker-options {
@@ -208,23 +205,27 @@
     /* stylelint-disable-next-line declaration-no-important */
     left: auto !important;
     align-items: center;
-    height: 32px;
-    transform: translate(100%, 150%);
+    height: 30px;
+    transform: translate(100%, 170%);
     background-color: $inputGray;
     border: 1px solid $inputGrayBorder;
     border-radius: 3px;
     box-shadow: none;
     font-size: .75rem;
     font-weight: 500;
-    margin-left: -156px;
-    padding: 4px;
+    margin-left: -207px;
+    padding: 4px 4px 4px 8px;
     color: #8483A9;
 
     input[type="text"] {
       border-radius: 3px;
-      height: 26px;
+      height: 20px;
       font-size: .75rem;
       padding: 0 5px;
+      background-color: #F3F3FE;
+      color: rgba(#6F76A7, 0.6);
+      border: 0;
+      width: 217px;
     }
 
     &:not(.ql-hidden) {
@@ -233,11 +234,12 @@
 
     a.ql-action {
       margin-left: 4px;
-      padding: 4px 10px;
+      padding: 2px 8px;
+      height: 20px;
       color: $white;
       background-color: $blue;
-      line-height: inherit;
-      border-radius: 2px;
+      line-height: 16px;
+      border-radius: 3px;
 
       &:after {
         margin: 0;
@@ -245,9 +247,54 @@
         border: none;
       }
     }
+
+    &.ql-editing {
+      background-color: $white;
+      box-shadow: 0 0 4px rgba(10, 21, 81, 0.06);
+    }
+
+    &[data-mode="link"]:before {
+      content: "Link";
+      color: #6F76A7;
+    }
   }
 
   .ql-editing {
     z-index: 100000;
   }
+
+  .ql-toolbar.ql-snow {
+    padding: 0;
+    border: none;
+
+    .ql-picker {
+      border-radius: 3px;
+      &:hover {
+        background-color: #F3F3FE;
+      }
+    }
+
+    .ql-button,
+    .ql-icon-picker,
+    .ql-color-picker,
+    .ql-color + .ql-divider {
+      margin-left: 8px;
+    }
+  }
+
+  .reportItemMenu + .ql-toolbar.ql-snow {
+    .ql-stroke {
+      /* stylelint-disable-next-line declaration-no-important */
+      stroke: #6F76A7 !important;
+    }
+
+    .ql-fill {
+      /* stylelint-disable-next-line declaration-no-important */
+      fill: #6F76A7 !important;
+    }
+  }
+}
+
+.reportItemMenu + .ql-toolbar.ql-snow .ql-button:hover {
+  background-color: #F3F3FE;
 }

package/lib/cjs/styles/_jfReportsVariables.scss

@@ -10,9 +10,9 @@ $blue: #4277FF;
 $white: #FFFFFF;
 $danger: #d13723;
 $lightGray: #cccdd9;
-$gray: #9294aa;
+$gray: #6F76A7;
 $inputGray: #fbfbfe;
-$inputGrayBorder: #d3d4de;
+$inputGrayBorder: #E3E5F5;
 $inputDarkGrayBorder:#303339;
 $ctaGreen: #04bd6f;
 $ctaBlue: #0099FF;

package/lib/esm/assets/svg/page_settings.svg.js

@@ -1,38 +1,16 @@
 import { createElement } from 'react';
 
-var _mask, _path, _path2, _path3;
+var _path;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function SvgPageSettings(props) {
   return /*#__PURE__*/createElement("svg", _extends({
-    viewBox: "0 0 11 13",
+    viewBox: "0 0 12 13",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _mask || (_mask = /*#__PURE__*/createElement("mask", {
-    id: "page_settings_svg__a",
-    maskUnits: "userSpaceOnUse",
-    x: 0,
-    y: 1.371,
-    width: 11,
-    height: 12,
-    fill: "#000"
-  }, /*#__PURE__*/createElement("path", {
-    fill: "#fff",
-    d: "M0 1.371h11v12H0z"
-  }), /*#__PURE__*/createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8.262 6.214a.869.869 0 00-.23.408c-.067.265-.24.378-.436.378h-.192c-.197 0-.37-.113-.436-.378a.875.875 0 00-1.299-.539c-.234.14-.436.099-.576-.04l-.135-.136c-.14-.14-.182-.342-.041-.576a.875.875 0 00-.539-1.299C4.113 3.965 4 3.792 4 3.596v-.192c0-.197.114-.37.378-.436a.87.87 0 00.626-.597H6.83A1.312 1.312 0 108.262 4.57v1.645zm0 1.625c-.218.114-.45.161-.666.161h-.192a1.417 1.417 0 01-1.246-.729.333.333 0 00-.376-.156 1.417 1.417 0 01-1.396-.366l-.134-.134a1.418 1.418 0 01-.367-1.398.333.333 0 00-.156-.375A1.416 1.416 0 013 3.596v-.192a1.417 1.417 0 01.439-1.033H1.734A.734.734 0 001 3.106v8.16c0 .405.329.734.734.734h5.794a.734.734 0 00.734-.734V7.839z"
-  }))), _path || (_path = /*#__PURE__*/createElement("path", {
-    clipRule: "evenodd",
-    d: "M8.262 6.214a.869.869 0 00-.23.408c-.067.265-.24.378-.436.378h-.192c-.197 0-.37-.113-.436-.378a.875.875 0 00-1.299-.539c-.234.14-.436.099-.576-.04l-.135-.136c-.14-.14-.182-.342-.041-.576a.875.875 0 00-.539-1.299C4.113 3.965 4 3.792 4 3.596v-.192c0-.197.114-.37.378-.436a.87.87 0 00.626-.597H6.83A1.312 1.312 0 108.262 4.57v1.645zm0 1.625c-.218.114-.45.161-.666.161h-.192a1.417 1.417 0 01-1.246-.729.333.333 0 00-.376-.156 1.417 1.417 0 01-1.396-.366l-.134-.134a1.418 1.418 0 01-.367-1.398.333.333 0 00-.156-.375A1.416 1.416 0 013 3.596v-.192a1.417 1.417 0 01.439-1.033H1.734A.734.734 0 001 3.106v8.16c0 .405.329.734.734.734h5.794a.734.734 0 00.734-.734V7.839z"
-  })), _path2 || (_path2 = /*#__PURE__*/createElement("path", {
-    d: "M8.032 6.622l.97.242-.97-.242zm.23-.408l.706.71.294-.294v-.416h-1zm-1.294.408l.97-.242-.97.242zm-1.299-.539l-.514-.857h-.001l.515.857zm-.576-.04l-.707.706.707-.707zm-.135-.136l.707-.707-.001-.002-.706.709zm-.041-.576l.857.515-.857-.515zm-.539-1.299l-.242.97.242-.97zm0-1.064l-.242-.97.242.97zm.626-.597v-1h-.742l-.215.711.957.29zm1.826 0l.511.86 3.126-1.86H6.83v1zM8.262 4.57h1V2.625l-1.581 1.13.581.814zm0 3.27h1V6.186l-1.464.767.464.886zm-1.753-.15l-.627.778.627-.778zm-.351-.418l.872-.49-.872.49zm-.376-.156l-.27-.962.27.962zm-.542.047l.106-.994-.106.994zm-.854-.413l-.707.708.707-.708zm-.134-.134l.707-.707-.001-.001-.706.708zm-.414-.854l.994-.106-.994.106zm.047-.544l.962.27-.962-.27zm-.156-.375l-.49.872.49-.872zm-.418-.351l.779-.628-.779.628zm.001-1.983l-.778-.628.778.628zm.127-.137l.688.726 1.82-1.726H3.438v1zm5.563 4.493a.137.137 0 01-.035.059l-1.41-1.418c-.234.233-.41.53-.495.874l1.94.485zM7.596 8c.294 0 .617-.087.895-.311.277-.224.436-.524.511-.825l-1.94-.485a.494.494 0 01.173-.247.584.584 0 01.36-.132v2zm-.192 0h.192V6h-.192v2zM5.998 6.863c.075.302.234.602.511.826.278.224.601.311.895.311V6c.097 0 .235.03.36.132.126.1.165.212.174.248l-1.94.483zm.185.078a.125.125 0 01-.185-.077l1.94-.484a1.875 1.875 0 00-2.783-1.154L6.183 6.94zm-1.797-.192c.209.209.499.375.854.413.353.038.678-.062.944-.221l-1.03-1.715c.032-.02.14-.07.298-.052.16.017.28.092.348.161L4.386 6.75zm-.135-.135l.135.135L5.8 5.335 5.665 5.2 4.25 6.614zm-.192-1.798c-.16.266-.26.591-.221.945.038.356.205.646.414.854l1.412-1.417a.585.585 0 01.162.35.495.495 0 01-.052.298l-1.715-1.03zm.077.186a.125.125 0 01-.077-.186l1.715 1.03A1.875 1.875 0 004.62 3.062l-.485 1.94zM3 3.596c0 .294.087.617.311.895.224.277.524.436.825.511l.485-1.94a.494.494 0 01.247.173.584.584 0 01.132.36H3zm0-.192v.192h2v-.192H3zm1.136-1.406c-.3.075-.6.234-.824.51-.224.278-.312.6-.312.896h2a.584.584 0 01-.132.361.494.494 0 01-.247.173l-.485-1.94zm-.09.084a.12.12 0 01.032-.05.133.133 0 01.058-.034l.484 1.94A1.87 1.87 0 005.962 2.66l-1.915-.578zm.958 1.29H6.83v-2H5.004v2zm1.315-1.86A2.312 2.312 0 005.188 3.5h2c0-.113.059-.213.153-.27L6.32 1.513zM5.188 3.5A2.312 2.312 0 007.5 5.813v-2a.312.312 0 01-.313-.313h-2zM7.5 5.813c.5 0 .965-.16 1.344-.43L7.68 3.754a.307.307 0 01-.181.058v2zm-.238-1.244v1.645h2V4.57h-2zM7.8 6.953A.437.437 0 017.595 7v2c.36 0 .753-.078 1.13-.276l-.928-1.771zM7.595 7h-.192v2h.192V7zm-.192 0a.417.417 0 01-.267-.09L5.882 8.467c.48.388 1.034.533 1.522.533V7zm-.267-.09a.436.436 0 01-.107-.128l-1.744.979c.143.255.339.5.596.706L7.137 6.91zm-.107-.128a1.333 1.333 0 00-1.518-.63l.54 1.926a.667.667 0 01-.766-.317l1.744-.98zm-1.518-.63a.436.436 0 01-.166.016l-.212 1.989c.327.035.637 0 .918-.079l-.54-1.925zm-.166.016a.418.418 0 01-.253-.126L3.68 7.457c.347.346.841.634 1.455.7l.212-1.99zm-.253-.126l-.134-.134-1.414 1.414.134.135 1.414-1.415zm-.135-.135a.418.418 0 01-.126-.252l-1.989.213c.066.615.357 1.11.702 1.455l1.413-1.416zm-.126-.252a.436.436 0 01.015-.167l-1.925-.541c-.08.282-.114.593-.079.921l1.989-.213zm.015-.167a1.333 1.333 0 00-.629-1.518L3.24 5.714a.667.667 0 01-.318-.767l1.925.54zM4.218 3.97a.437.437 0 01-.128-.107L2.533 5.119c.207.256.451.452.707.595l.978-1.744zm-.128-.107A.417.417 0 014 3.596H2c0 .488.145 1.042.533 1.523L4.09 3.863zM4 3.596v-.192H2v.192h2zm0-.192c0-.1.029-.192.09-.267L2.534 1.88A2.417 2.417 0 002 3.404h2zm.09-.267a.413.413 0 01.037-.04L2.751 1.646c-.076.072-.148.15-.217.234L4.09 3.137zm-2.356.234H3.44v-2H1.734v2zM2 3.106a.266.266 0 01-.266.265v-2C.777 1.371 0 2.148 0 3.106h2zm0 8.16v-8.16H0v8.16h2zM1.734 11c.147 0 .266.119.266.266H0C0 12.223.777 13 1.734 13v-2zm5.794 0H1.734v2h5.794v-2zm-.266.266c0-.147.12-.266.266-.266v2c.958 0 1.734-.777 1.734-1.734h-2zm0-3.427v3.427h2V7.839h-2z",
-    fill: "#fff",
-    mask: "url(#page_settings_svg__a)"
-  })), _path3 || (_path3 = /*#__PURE__*/createElement("path", {
-    d: "M10.622 2.968a.875.875 0 01-.539-1.299c.141-.234.099-.437-.04-.576L9.906.958c-.14-.14-.342-.182-.576-.041A.875.875 0 018.032.378C7.966.113 7.792 0 7.596 0h-.192c-.197 0-.37.113-.436.378a.875.875 0 01-1.299.539c-.234-.141-.437-.099-.576.04l-.136.136c-.139.139-.181.342-.04.576a.875.875 0 01-.539 1.299c-.264.066-.378.239-.378.436v.192c0 .197.113.37.378.436.57.143.84.795.539 1.299-.141.234-.099.437.04.576l.136.135c.14.14.342.182.576.041a.875.875 0 011.299.539c.066.265.24.378.436.378h.192c.197 0 .37-.113.436-.378a.875.875 0 011.299-.539c.234.14.436.099.576-.04l.135-.136c.14-.14.182-.342.041-.576a.875.875 0 01.539-1.299c.265-.066.378-.24.378-.436v-.192c0-.197-.114-.37-.378-.436zM7.5 4.813a1.312 1.312 0 110-2.625 1.312 1.312 0 010 2.624z"
+  }, props), _path || (_path = /*#__PURE__*/createElement("path", {
+    d: "M11.351 5.096a1.5 1.5 0 01-.922-2.227c.241-.402.168-.749-.07-.987l-.233-.233c-.239-.238-.585-.31-.987-.07A1.5 1.5 0 016.912.656c-.113-.455-.41-.648-.748-.648h-.328c-.338 0-.634.193-.748.648a1.5 1.5 0 01-2.227.923c-.402-.242-.749-.169-.988.07l-.232.232c-.238.239-.311.586-.07.988A1.5 1.5 0 01.65 5.096c-.454.113-.649.41-.649.747v.329c0 .337.194.634.649.748a1.5 1.5 0 01.922 2.226c-.241.402-.168.749.07.987l.233.233c.24.24.587.311.987.07a1.5 1.5 0 012.227.923c.113.455.41.649.748.649h.328c.338 0 .634-.194.748-.65a1.5 1.5 0 012.227-.922c.401.241.748.17.987-.07l.232-.233c.239-.238.311-.585.07-.987a1.5 1.5 0 01.923-2.226c.455-.114.649-.41.649-.748v-.329c0-.338-.195-.634-.649-.747zM6 8.258a2.25 2.25 0 110-4.5 2.25 2.25 0 010 4.5z"
   })));
 }
 

package/lib/esm/assets/svg/page_settings.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"page_settings.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"page_settings.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/lib/esm/assets/svg/presentation/enter_fullscreen.svg.js

@@ -1,6 +1,6 @@
 import { createElement } from 'react';
 
-var _path, _path2;
+var _path, _path2, _path3;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -10,10 +10,13 @@ function SvgEnterFullscreen(props) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path || (_path = /*#__PURE__*/createElement("path", {
-    d: "M11.825 0c.643 0 1.163.52 1.163 1.163V3.49a.499.499 0 01-.997 0V1.163a.166.166 0 00-.166-.166H9.499a.499.499 0 010-.997h2.326zM1.487 8.012c.275 0 .498.223.498.498v2.327c0 .091.075.166.167.166h2.326a.499.499 0 010 .997H2.152c-.643 0-1.164-.52-1.164-1.163V8.51c0-.275.223-.498.499-.498z",
+    d: "M1.627 7.534a.621.621 0 00-.629.629l.027 3.16v.01c.003.35.29.637.64.64l3.17.027a.621.621 0 00.629-.629.647.647 0 00-.64-.64l-2.536-.02-.022-2.537a.647.647 0 00-.64-.64z",
     fill: "#fff"
   })), _path2 || (_path2 = /*#__PURE__*/createElement("path", {
-    d: "M1.92 11.069a.545.545 0 010-.771l2.088-2.089a.545.545 0 01.771.772l-2.088 2.088a.545.545 0 01-.772 0zM12.057.931a.545.545 0 010 .771L9.97 3.791a.545.545 0 01-.771-.772L11.286.931a.545.545 0 01.771 0z",
+    d: "M1.953 10.06a.696.696 0 00.984.985L6.22 7.764a.696.696 0 00-.985-.985l-3.281 3.282zM12.37 4.466a.621.621 0 00.628-.629l-.027-3.16v-.01a.647.647 0 00-.64-.64L9.162 0a.621.621 0 00-.629.629c.003.35.29.636.64.64l2.536.02.022 2.537c.003.35.289.637.64.64z",
+    fill: "#fff"
+  })), _path3 || (_path3 = /*#__PURE__*/createElement("path", {
+    d: "M12.043 1.94a.696.696 0 00-.984-.985L7.777 4.236a.696.696 0 00.985.985l3.281-3.282z",
     fill: "#fff"
   })));
 }

package/lib/esm/assets/svg/presentation/enter_fullscreen.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"enter_fullscreen.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"enter_fullscreen.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}