@zipify/wysiwyg 1.0.0-dev.8 → 1.0.0-dev.80

package/dist/wysiwyg.css

@@ -1,31 +1,29 @@
 
-.zw-toolbar__divider[data-v-034e1143] {
+.zw-toolbar__divider[data-v-d9845d32] {
     border-color: rgba(var(--zw-color-n90), 0.1);
     border-style: solid;
     border-width: 0;
 }
-.zw-toolbar__divider--vertical[data-v-034e1143] {
+.zw-toolbar__divider--vertical[data-v-d9845d32] {
     border-left-width: 1px;
 }
-.zw-toolbar__divider--horizontal[data-v-034e1143] {
+.zw-toolbar__divider--horizontal[data-v-d9845d32] {
     border-bottom-width: 1px;
 }
 
-
-.zw-toolbar__row[data-v-65916ef8] {
+.zw-toolbar__row[data-v-a6ed2ebe] {
     display: flex;
+    justify-content: space-between;
     column-gap: var(--zw-offset-xs);
     padding: var(--zw-offset-xxs) var(--zw-offset-xs);
 }
 
-
-.zw-toolbar__group[data-v-06bbae29] {
+.zw-toolbar__group[data-v-25eee0ed] {
     display: flex;
     column-gap: var(--zw-offset-xxs);
 }
 
-
-.zw-button[data-v-610825a2] {
+.zw-button[data-v-562f4e4a] {
     display: inline-flex;
     align-items: center;
     vertical-align: middle;
@@ -35,6 +33,7 @@
     background-color: transparent;
     border: 0;
     padding: 0;
+    margin: 0;
     white-space: nowrap;
     appearance: none;
     user-select: none;
@@ -44,21 +43,21 @@
     transition: 0.1s opacity ease-out;
     will-change: opacity;
 }
-.zw-button[data-v-610825a2]::-moz-focus-inner {
+.zw-button[data-v-562f4e4a]::-moz-focus-inner {
     border: 0 !important;
 }
-.zw-button[data-v-610825a2]:hover,
-.zw-button[data-v-610825a2]:focus {
+.zw-button[data-v-562f4e4a]:hover,
+.zw-button[data-v-562f4e4a]:focus {
     text-decoration: none;
     outline: none;
 }
-.zw-button[data-v-610825a2]:disabled {
+.zw-button[data-v-562f4e4a]:disabled {
     user-select: none;
     box-shadow: none;
     cursor: not-allowed;
     opacity: 0.35;
 }
-.zw-button--toolbar[data-v-610825a2] {
+.zw-button--toolbar[data-v-562f4e4a] {
     border-radius: 1px;
     min-height: 28px;
     font-weight: var(--zw-font-weight-semibold);
@@ -68,255 +67,57 @@
     transition-property: background-color, color, opacity;
     will-change: background-color, color, opacity;
 }
-.zw-button--toolbar[data-v-610825a2]:not(.zw-button--icon) {
+.zw-button--primary[data-v-562f4e4a] {
+    background-color: rgb(var(--zw-color-green));
+    color: rgb(var(--zw-color-white));
+    padding: var(--zw-offset-xxs) var(--zw-offset-sm);
+    line-height: var(--zw-line-height-md);
+}
+.zw-button--primary[data-v-562f4e4a],
+.zw-button--secondary[data-v-562f4e4a] {
+    color: rgb(var(--zw-color-white));
+    padding: var(--zw-offset-xxs) var(--zw-offset-sm);
+    font-weight: 600;
+    font-size: var(--zw-font-size-xs);
+}
+.zw-button--primary[data-v-562f4e4a]:not(:disabled):hover,
+.zw-button--secondary[data-v-562f4e4a]:not(:disabled):hover {
+    opacity: 0.9;
+}
+.zw-button--toolbar[data-v-562f4e4a]:not(.zw-button--icon) {
     padding: var(--zw-offset-xxs) var(--zw-offset-xs);
 }
-.zw-button--toolbar[data-v-610825a2]:not(:disabled):hover,
-.zw-button--toolbar[data-v-610825a2]:not(:disabled):focus,
-.zw-button--toolbar.zw-button--active[data-v-610825a2]:not(:disabled) {
+.zw-button--toolbar[data-v-562f4e4a]:not(:disabled):hover,
+.zw-button--toolbar[data-v-562f4e4a]:not(:disabled):focus,
+.zw-button--toolbar.zw-button--active[data-v-562f4e4a]:not(:disabled) {
     color: rgb(var(--zw-color-white));
     background-color: rgb(var(--zw-color-n5));
 }
 
-
-.zw-button-toggle[data-v-de5fa53a] {
+.zw-button-toggle[data-v-a02f12aa] {
     display: flex;
     column-gap: var(--zw-offset-xxs);
 }
 
-
-.zw-icon[data-v-d4624794] {
-    display: inline-block;
+.zw-icon[data-v-366d6daa] {
+    display: flex;
 }
-.zw-icon--auto-color[data-v-d4624794] {
+.zw-icon--auto-color[data-v-366d6daa] {
     --zw-icon-foreground: currentColor;
 }
 
-[data-simplebar] {
-  position: relative;
-  flex-direction: column;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  align-content: flex-start;
-  align-items: flex-start;
-}
-
-.simplebar-wrapper {
-  overflow: hidden;
-  width: inherit;
-  height: inherit;
-  max-width: inherit;
-  max-height: inherit;
-}
-
-.simplebar-mask {
-  direction: inherit;
-  position: absolute;
-  overflow: hidden;
-  padding: 0;
-  margin: 0;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  width: auto !important;
-  height: auto !important;
-  z-index: 0;
-}
-
-.simplebar-offset {
-  direction: inherit !important;
-  box-sizing: inherit !important;
-  resize: none !important;
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  padding: 0;
-  margin: 0;
-  -webkit-overflow-scrolling: touch;
-}
-
-.simplebar-content-wrapper {
-  direction: inherit;
-  box-sizing: border-box !important;
-  position: relative;
-  display: block;
-  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
-  width: auto;
-  max-width: 100%; /* Not required for horizontal scroll to trigger */
-  max-height: 100%; /* Needed for vertical scroll to trigger */
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-}
-
-.simplebar-content-wrapper::-webkit-scrollbar,
-.simplebar-hide-scrollbar::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-}
-
-.simplebar-content:before,
-.simplebar-content:after {
-  content: ' ';
-  display: table;
-}
-
-.simplebar-placeholder {
-  max-height: 100%;
-  max-width: 100%;
-  width: 100%;
-  pointer-events: none;
-}
-
-.simplebar-height-auto-observer-wrapper {
-  box-sizing: inherit !important;
-  height: 100%;
-  width: 100%;
-  max-width: 1px;
-  position: relative;
-  float: left;
-  max-height: 1px;
-  overflow: hidden;
-  z-index: -1;
-  padding: 0;
-  margin: 0;
-  pointer-events: none;
-  flex-grow: inherit;
-  flex-shrink: 0;
-  flex-basis: 0;
-}
-
-.simplebar-height-auto-observer {
-  box-sizing: inherit;
-  display: block;
-  opacity: 0;
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 1000%;
-  width: 1000%;
-  min-height: 1px;
-  min-width: 1px;
-  overflow: hidden;
-  pointer-events: none;
-  z-index: -1;
-}
-
-.simplebar-track {
-  z-index: 1;
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  pointer-events: none;
-  overflow: hidden;
-}
-
-[data-simplebar].simplebar-dragging .simplebar-content {
-  pointer-events: none;
-  user-select: none;
-  -webkit-user-select: none;
-}
-
-[data-simplebar].simplebar-dragging .simplebar-track {
-  pointer-events: all;
-}
-
-.simplebar-scrollbar {
-  position: absolute;
-  left: 0;
-  right: 0;
-  min-height: 10px;
-}
-
-.simplebar-scrollbar:before {
-  position: absolute;
-  content: '';
-  background: black;
-  border-radius: 7px;
-  left: 2px;
-  right: 2px;
-  opacity: 0;
-  transition: opacity 0.2s linear;
-}
-
-.simplebar-scrollbar.simplebar-visible:before {
-  /* When hovered, remove all transitions from drag handle */
-  opacity: 0.5;
-  transition: opacity 0s linear;
-}
-
-.simplebar-track.simplebar-vertical {
-  top: 0;
-  width: 11px;
-}
-
-.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
-  top: 2px;
-  bottom: 2px;
-}
-
-.simplebar-track.simplebar-horizontal {
-  left: 0;
-  height: 11px;
-}
-
-.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
-  height: 100%;
-  left: 2px;
-  right: 2px;
-}
-
-.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
-  right: auto;
-  left: 0;
-  top: 2px;
-  height: 7px;
-  min-height: 0;
-  min-width: 10px;
-  width: auto;
-}
-
-/* Rtl support */
-[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
-  right: auto;
-  left: 0;
-}
-
-.hs-dummy-scrollbar-size {
-  direction: rtl;
-  position: fixed;
-  opacity: 0;
-  visibility: hidden;
-  height: 500px;
-  width: 500px;
-  overflow-y: hidden;
-  overflow-x: scroll;
-}
-
-.simplebar-hide-scrollbar {
-  position: fixed;
-  left: 0;
-  visibility: hidden;
-  overflow-y: scroll;
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-}
-
-
-.zw-scroll-view[data-v-56dc828f] .simplebar-placeholder {
+.zw-scroll-view[data-v-95e8ad00] .simplebar-placeholder {
     display: none;
 }
-.zw-scroll-view[data-v-56dc828f] .simplebar-track {
+.zw-scroll-view[data-v-95e8ad00] .simplebar-track {
     width: 4px;
     background-color: rgb(var(--zw-color-n20));
     pointer-events: initial;
 }
-.zw-scroll-view[data-v-56dc828f] .simplebar-scrollbar {
+.zw-scroll-view[data-v-95e8ad00] .simplebar-scrollbar {
     width: 4px;
 }
-.zw-scroll-view[data-v-56dc828f] .simplebar-scrollbar::before {
+.zw-scroll-view[data-v-95e8ad00] .simplebar-scrollbar::before {
     top: 0;
     left: 0;
     background-color: rgb(var(--zw-color-n5));
@@ -327,8 +128,7 @@
     border-radius: 0;
 }
 
-
-.zw-field-label[data-v-2be4d197] {
+.zw-field-label[data-v-116650c2] {
     font-weight: var(--zw-font-weight-thin);
     font-size: var(--zw-font-size-xxs);
     line-height: var(--zw-line-height-xxs);
@@ -336,8 +136,7 @@
     display: block;
 }
 
-
-.zw-range[data-v-4cc06850] {
+.zw-range[data-v-15a6af30] {
     width: 100%;
     height: 32px;
     background: none;
@@ -350,7 +149,7 @@
     --zw-range-thumb-background: rgb(var(--zw-color-white));
     --zw-range-thumb-box-shadow: -1px -1px 3px rgba(59, 59, 59, 0.35), 1px 1px 3px rgba(59, 59, 59, 0.35);
 }
-.zw-range[data-v-4cc06850]::-webkit-slider-runnable-track {
+.zw-range[data-v-15a6af30]::-webkit-slider-runnable-track {
     width: 100%;
     height: 4px;
     border: 0;
@@ -359,7 +158,7 @@
     background-color: var(--zw-range-track-background-color);
     background-image: var(--zw-range-track-background-image);
 }
-.zw-range[data-v-4cc06850]::-moz-range-track {
+.zw-range[data-v-15a6af30]::-moz-range-track {
     width: 100%;
     height: 4px;
     border: 0;
@@ -368,7 +167,7 @@
     background-color: var(--zw-range-track-background-color);
     background-image: var(--zw-range-track-background-image);
 }
-.zw-range[data-v-4cc06850]::-ms-track {
+.zw-range[data-v-15a6af30]::-ms-track {
     width: 100%;
     height: 4px;
     border: 0;
@@ -377,7 +176,7 @@
     background-color: var(--zw-range-track-background-color);
     background-image: var(--zw-range-track-background-image);
 }
-.zw-range[data-v-4cc06850]::-webkit-slider-thumb {
+.zw-range[data-v-15a6af30]::-webkit-slider-thumb {
     height: 13px;
     width: 13px;
     border-radius: 100%;
@@ -387,7 +186,7 @@
     -webkit-appearance: none;
     transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
 }
-.zw-range[data-v-4cc06850]::-moz-range-thumb {
+.zw-range[data-v-15a6af30]::-moz-range-thumb {
     height: 13px;
     width: 13px;
     border-radius: 100%;
@@ -397,7 +196,7 @@
     -webkit-appearance: none;
     transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
 }
-.zw-range[data-v-4cc06850]::-ms-thumb {
+.zw-range[data-v-15a6af30]::-ms-thumb {
     height: 13px;
     width: 13px;
     border-radius: 100%;
@@ -409,40 +208,39 @@
 }
 
 /* Browser hacks */
-.zw-range[data-v-4cc06850]::-moz-focus-outer,
-.zw-range[data-v-4cc06850]::-moz-range-thumb {
+.zw-range[data-v-15a6af30]::-moz-focus-outer,
+.zw-range[data-v-15a6af30]::-moz-range-thumb {
     border: 0;
 }
 
 /* In IE don't know how it count margin for thumb */
 /* but it works */
-.zw-range[data-v-4cc06850]::-ms-thumb {
+.zw-range[data-v-15a6af30]::-ms-thumb {
     margin-top: -2px;
 }
 
 /* END browser hacks */
-.zw-range[data-v-4cc06850]:focus {
+.zw-range[data-v-15a6af30]:focus {
     outline: none;
 }
-.zw-range[data-v-4cc06850]:disabled {
+.zw-range[data-v-15a6af30]:disabled {
     cursor: not-allowed;
     opacity: 0.6;
     --zw-range-track-background-color: #3B3B3B;
     --zw-range-track-background-image: linear-gradient(to right, #B3B3B3 var(--zw-range-progress), #3B3B3B var(--zw-range-progress));
 }
-.zw-range[data-v-4cc06850]:disabled {
+.zw-range[data-v-15a6af30]:disabled {
     --zw-range-thumb-background: #B3B3B3;
     --zw-range-thumb-box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);
 }
-.zw-range[data-v-4cc06850]:not(:disabled):hover {
+.zw-range[data-v-15a6af30]:not(:disabled):hover {
     --zw-range-thumb-box-shadow: 0 0 0 8px rgba(240, 240, 240, 0.15);
 }
-.zw-range[data-v-4cc06850]:not(:disabled):active {
+.zw-range[data-v-15a6af30]:not(:disabled):active {
     --zw-range-thumb-box-shadow: 0 0 0 12px rgba(240, 240, 240, 0.15);
 }
 
-
-.zw-number-field[data-v-289baff8] {
+.zw-number-field[data-v-746d73f1] {
     --border-color: rgb(var(--zw-color-n60));
     --text-color: rgb(var(--zw-color-n85));
     --buttons-color: rgb(var(--zw-color-n70));
@@ -452,16 +250,16 @@
     align-items: stretch;
     display: flex;
 }
-.zw-number-field[data-v-289baff8]:hover {
+.zw-number-field[data-v-746d73f1]:hover {
     --border-color: rgb(var(--zw-color-n80));
     --text-color: rgb(var(--zw-color-n85));
 }
-.zw-number-field[data-v-289baff8]:focus,
-.zw-number-field[data-v-289baff8]:focus-within {
+.zw-number-field[data-v-746d73f1]:focus,
+.zw-number-field[data-v-746d73f1]:focus-within {
     --border-color: rgb(var(--zw-color-white));
     --text-color: rgb(var(--zw-color-white));
 }
-.zw-number-field__input[data-v-289baff8] {
+.zw-number-field__input[data-v-746d73f1] {
     color: var(--text-color);
     background-color: rgb(var(--zw-color-n15));
     border: 0;
@@ -472,60 +270,60 @@
     font-size: var(--zw-font-size-xs);
     -moz-appearance: textfield;
 }
-.zw-number-field__buttons[data-v-289baff8] {
+.zw-number-field__buttons[data-v-746d73f1] {
     display: none;
     flex-direction: column;
     height: 100%;
 }
-.zw-number-field:hover .zw-number-field__buttons[data-v-289baff8],
-.zw-number-field:focus .zw-number-field__buttons[data-v-289baff8],
-.zw-number-field:focus-within .zw-number-field__buttons[data-v-289baff8] {
+.zw-number-field:hover .zw-number-field__buttons[data-v-746d73f1],
+.zw-number-field:focus .zw-number-field__buttons[data-v-746d73f1],
+.zw-number-field:focus-within .zw-number-field__buttons[data-v-746d73f1] {
     display: flex;
 }
-.zw-number-field__input[data-v-289baff8]::placeholder {
+.zw-number-field__input[data-v-746d73f1]::placeholder {
     color: var(--text-color);
 }
-.zw-number-field__input[data-v-289baff8]::-webkit-outer-spin-button,
-.zw-number-field__input[data-v-289baff8]::-webkit-inner-spin-button {
+.zw-number-field__input[data-v-746d73f1]::-webkit-outer-spin-button,
+.zw-number-field__input[data-v-746d73f1]::-webkit-inner-spin-button {
     color: var(--text-color);
     -webkit-appearance: none;
 }
-.zw-number-field__controls[data-v-289baff8] {
+.zw-number-field__controls[data-v-746d73f1] {
     min-width: var(--zw-offset-sm);
 }
-.zw-number-field--disabled[data-v-289baff8] {
+.zw-number-field--disabled[data-v-746d73f1] {
     opacity: 0.5;
 }
-.zw-number-field--disabled[data-v-289baff8],
-.zw-number-field--disabled .zw-number-field__input[data-v-289baff8] {
+.zw-number-field--disabled[data-v-746d73f1],
+.zw-number-field--disabled .zw-number-field__input[data-v-746d73f1] {
     cursor: not-allowed;
 }
-.zw-number-field__increment-button[data-v-289baff8],
-.zw-number-field__decrement-button[data-v-289baff8] {
+.zw-number-field__increment-button[data-v-746d73f1],
+.zw-number-field__decrement-button[data-v-746d73f1] {
     width: 100%;
     height: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }
-.zw-number-field__increment-button[data-v-289baff8]::after,
-.zw-number-field__decrement-button[data-v-289baff8]::after {
+.zw-number-field__increment-button[data-v-746d73f1]::after,
+.zw-number-field__decrement-button[data-v-746d73f1]::after {
     content: "";
     border-left: 3px solid transparent;
     border-right: 3px solid transparent;
 }
-.zw-number-field__increment-button[data-v-289baff8]::after {
+.zw-number-field__increment-button[data-v-746d73f1]::after {
     border-bottom: 3px solid var(--buttons-color);
 }
-.zw-number-field__decrement-button[data-v-289baff8]::after {
+.zw-number-field__decrement-button[data-v-746d73f1]::after {
     border-top: 3px solid var(--buttons-color);
 }
-.zw-number-field__increment-button[data-v-289baff8]:hover,
-.zw-number-field__decrement-button[data-v-289baff8]:hover {
+.zw-number-field__increment-button[data-v-746d73f1]:hover,
+.zw-number-field__decrement-button[data-v-746d73f1]:hover {
     background-color: rgb(var(--zw-color-n20));
     --buttons-color: rgb(var(--zw-color-white));
 }
-.zw-number-field__units[data-v-289baff8] {
+.zw-number-field__units[data-v-746d73f1] {
     color: rgb(var(--zw-color-n70));
     font-size: var(--zw-font-size-xs);
     line-height: var(--zw-line-height-md);
@@ -533,15 +331,13 @@
     display: inline-block;
     width: 100%;
 }
-.zw-number-field:hover .zw-number-field__units[data-v-289baff8],
-.zw-number-field:focus .zw-number-field__units[data-v-289baff8] {
+.zw-number-field:hover .zw-number-field__units[data-v-746d73f1],
+.zw-number-field:focus .zw-number-field__units[data-v-746d73f1] {
     display: none;
 }
 
-
-.zw-modal[data-v-0a3c1c80] {
+.zw-modal[data-v-2c99ae29] {
     border-radius: 2px;
-    overflow: hidden;
     box-shadow: 0 0 4px rgba(var(--zw-color-black), 0.3);
     background-color: rgb(var(--zw-color-n15));
     max-height: var(--zw-modal-max-height);
@@ -549,46 +345,131 @@
     z-index: 1000;
     will-change: transform;
 }
-.zw-modal--enter-active[data-v-0a3c1c80] {
+.zw-modal--enter-active[data-v-2c99ae29] {
     transition: opacity 0.15s ease-out;
 }
-.zw-modal--enter[data-v-0a3c1c80],
-.zw-modal--leave-to[data-v-0a3c1c80] {
+.zw-modal--enter[data-v-2c99ae29],
+.zw-modal--leave-to[data-v-2c99ae29] {
     opacity: 0;
 }
-.zw-modal--leave-active[data-v-0a3c1c80] {
+.zw-modal--leave-active[data-v-2c99ae29] {
     transition: opacity 0.1s ease-in;
 }
 
 /* Scrollbar overrides in modal */
-.zw-modal[data-v-0a3c1c80] .simplebar-offset,
-.zw-modal[data-v-0a3c1c80] .simplebar-mask {
+.zw-modal[data-v-2c99ae29] .simplebar-offset,
+.zw-modal[data-v-2c99ae29] .simplebar-mask {
     position: initial;
 }
-.zw-modal[data-v-0a3c1c80] .simplebar-content {
+.zw-modal[data-v-2c99ae29] .simplebar-content {
     max-height: var(--zw-modal-max-height);
     padding: 0 !important;
 }
-.zw-modal[data-v-0a3c1c80] .simplebar-content-wrapper {
+.zw-modal[data-v-2c99ae29] .simplebar-content-wrapper {
     overscroll-behavior: contain;
 }
 
+.zw-field[data-v-7bbd0125] {
+    display: flex;
+    flex-direction: column;
+}
+.zw-field__input[data-v-7bbd0125] {
+    --border-color: rgb(var(--zw-color-n60));
+    --text-color: rgb(var(--zw-color-n85));
 
-.zw-dropdown__activator[data-v-4865ea7a] {
+    border: 1px solid var(--border-color);
+    background-color: transparent;
+    color: var(--text-color);
+    font-size: var(--zw-font-size-xxs);
+    outline: none;
+    padding: 6px;
+    line-height: var(--zw-line-height-xxs);
+}
+.zw-field__input[data-v-7bbd0125]:hover {
+    --border-color: rgb(var(--zw-color-n80));
+    --text-color: rgb(var(--zw-color-n85));
+}
+.zw-field__input[data-v-7bbd0125]:focus,
+.zw-field__input[data-v-7bbd0125]:focus-within {
+    --border-color: rgb(var(--zw-color-white));
+    --text-color: rgb(var(--zw-color-white));
+}
+.zw-field__label[data-v-7bbd0125] {
+    display: inline-block;
+    font-size: var(--zw-font-size-xxs);
+    padding-bottom: var(--zw-offset-xxs);
+    line-height: var(--zw-line-height-xxs);
+}
+.zw-field__label--error[data-v-7bbd0125] {
+    font-size: var(--zw-font-size-xxs);
+    margin: var(--zw-offset-xxs) 0 0;
+    color: rgb(var(--zw-color-red));
+}
+
+.zw-checkbox[data-v-15e487f5] {
+    display: inline-flex;
+    align-items: center;
+    position: relative;
+    cursor: pointer;
+    padding: var(--zw-offset-xxs) var(--zw-offset-xxs) var(--zw-offset-xxs) 0;
+}
+.zw-checkbox__field + .zw-checkbox__indicator[data-v-15e487f5] {
+    color: var(--zw-color-n200);
+    box-shadow: inset 0 0 0 2px currentColor;
+}
+.zw-checkbox:hover .zw-checkbox__indicator[data-v-15e487f5] {
+    box-shadow: inset 0 0 0 2px rgb(var(--zw-color-green));
+}
+.zw-checkbox__field:checked + .zw-checkbox__indicator[data-v-15e487f5] {
+    color: rgb(var(--zw-color-green))
+}
+.zw-checkbox .zw-checkbox__field:checked + .zw-checkbox__indicator[data-v-15e487f5] {
+    background-color: rgb(var(--zw-color-green));
+}
+.zw-checkbox .zw-checkbox__indicator[data-v-15e487f5]::after {
+    content: "";
+    display: block;
+    height: 16px;
+    transform: scale(0.6);
+    transition: transform 0.2s ease-out;
+    width: 16px;
+    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyNiIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPgogIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0uMyAxNGMtLjItLjItLjMtLjUtLjMtLjdzLjEtLjUuMy0uN2wxLjQtMS40Yy40LS40IDEtLjQgMS40IDBsLjEuMSA1LjUgNS45Yy4yLjIuNS4yLjcgMEwyMi44IDMuM2guMWMuNC0uNCAxLS40IDEuNCAwbDEuNCAxLjRjLjQuNC40IDEgMCAxLjRsLTE2IDE2LjZjLS4yLjItLjQuMy0uNy4zLS4zIDAtLjUtLjEtLjctLjNMLjUgMTQuMy4zIDE0eiIvPgo8L3N2Zz4K");
+    background-repeat: no-repeat;
+    background-size: 16px;
+    background-position: center center;
+}
+.zw-checkbox__field:not(:checked) + .zw-checkbox__indicator[data-v-15e487f5]::after {
+    transform: scale(0);
+}
+.zw-checkbox__field[data-v-15e487f5] {
+    position: absolute;
+    opacity: 0;
+    height: 0;
+    width: 0;
+}
+.zw-checkbox__label[data-v-15e487f5] {
+    font-size: var(--zw-font-size-xs);
+}
+
+.zw-dropdown__activator[data-v-021ac370] {
     width: 100%;
 }
-.zw-dropdown__activator-title[data-v-4865ea7a] {
+.zw-dropdown__activator-title[data-v-021ac370] {
     margin-right: var(--zw-offset-xs);
 }
-.zw-dropdown__activator-arrow[data-v-4865ea7a] {
+.zw-dropdown__activator-arrow[data-v-021ac370] {
     margin-left: auto;
 }
-.zw-dropdown__activator--active .zw-dropdown__activator-arrow[data-v-4865ea7a] {
+.zw-dropdown__activator--active .zw-dropdown__activator-arrow[data-v-021ac370] {
     transform: rotateX(180deg);
 }
+.zw-dropdown__activator--gray[data-v-021ac370] {
+    background-color: rgb(var(--zw-color-n20));
+    font-size: var(--zw-font-size-xxs);
+    color: rgb(var(--zw-color-white));
+}
 
-
-.zw-dropdown__option[data-v-10a0f0b7] {
+.zw-dropdown__option[data-v-1355d08c] {
     width: 100%;
     display: block;
     color: rgb(var(--zw-color-white));
@@ -600,19 +481,18 @@
     transition: 0.1s background-color ease-out;
     will-change: background-color;
 }
-.zw-dropdown__option[data-v-10a0f0b7]:hover,
-.zw-dropdown__option[data-v-10a0f0b7]:focus,
-.zw-dropdown__option--active[data-v-10a0f0b7] {
+.zw-dropdown__option[data-v-1355d08c]:hover,
+.zw-dropdown__option[data-v-1355d08c]:focus,
+.zw-dropdown__option--active[data-v-1355d08c] {
     background-color: rgb(var(--zw-color-n30));
 }
 
-
-.zw-dropdown__group[data-v-207aa7a6] {
+.zw-dropdown__group[data-v-21efeb20] {
     padding-top: var(--zw-offset-xs);
     padding-bottom: var(--zw-offset-xs);
     --zw-option-offset: var(--zw-offset-xs);
 }
-.zw-dropdown__group-title[data-v-207aa7a6] {
+.zw-dropdown__group-title[data-v-21efeb20] {
     color: var(--zw-color-n70);
     font-weight: var(--zw-font-weight-semibold);
     padding-left: var(--zw-offset-sm);
@@ -621,105 +501,170 @@
     margin-bottom: var(--zw-offset-xs);
 }
 
-
-.zw-dropdown__divider[data-v-72e4c372] {
+.zw-dropdown__divider[data-v-1f5efb01] {
     padding: 0 var(--zw-offset-sm);
 }
-.zw-dropdown__divider[data-v-72e4c372]::before {
+.zw-dropdown__divider[data-v-1f5efb01]::before {
     content: "";
     display: block;
     border-bottom: 1px solid rgb(var(--zw-color-n30));
 }
 
-
 .zw-dropdown__menu {
     padding-top: var(--zw-offset-xs);
     padding-bottom: var(--zw-offset-xs);
 }
 
-
-.zw-dropdown[data-v-35f81e22] {
+.zw-dropdown[data-v-885109ea] {
     position: relative;
     font-size: var(--zw-font-size-xs);
     line-height: var(--zw-line-height-xxs);
 }
 
-
-.zw-style-preset-control[data-v-0f6b31b1] {
+.zw-style-preset-control[data-v-39d20a0e] {
     display: flex;
     align-items: center;
 }
-.zw-style-preset-control__dropdown[data-v-0f6b31b1] {
+.zw-style-preset-control__dropdown[data-v-39d20a0e] {
     width: 96px;
 }
-.zw-style-preset-control__reset[data-v-0f6b31b1] {
+.zw-style-preset-control__reset[data-v-39d20a0e] {
     color: rgb(var(--zw-color-n70));
 }
-.zw-style-preset-control__reset[data-v-0f6b31b1]:not(:disabled):hover,
-.zw-style-preset-control__reset[data-v-0f6b31b1]:not(:disabled):focus,
-.zw-style-preset-control__reset[data-v-0f6b31b1]:not(:disabled):focus-within {
+.zw-style-preset-control__reset[data-v-39d20a0e]:not(:disabled):hover,
+.zw-style-preset-control__reset[data-v-39d20a0e]:not(:disabled):focus,
+.zw-style-preset-control__reset[data-v-39d20a0e]:not(:disabled):focus-within {
     color: rgb(var(--zw-color-white));
 }
 
-
-.zw-font-family-control[data-v-2e95c716] {
+.zw-font-family-control[data-v-07a47462] {
     width: 96px;
 }
-.zw-font-family-control__option[data-v-2e95c716] {
+.zw-font-family-control__option[data-v-07a47462] {
     font-weight: 400;
     font-family: var(--zw-font-family-option);
     width: 150px;
 }
 
+.zw-font-size-control[data-v-71dd7ffc] {
+    width: 64px;
+}
 
-.zw-alignment-control__modal[data-v-9713d430] {
+.zw-alignment-control__modal[data-v-cef30e1a] {
     padding: var(--zw-offset-xxs);
 }
-.zw-alignment-control__toggle[data-v-9713d430] {
+.zw-alignment-control__toggle[data-v-cef30e1a] {
     flex-direction: column;
 }
 
-
-.zw-line-height-control__modal[data-v-b87c3724] {
+.zw-line-height-control__modal[data-v-532367c1] {
     padding: var(--zw-offset-sm);
 }
-.zw-line-height-control__row[data-v-b87c3724] {
+.zw-line-height-control__row[data-v-532367c1] {
     display: flex;
     align-items: center;
 }
-.zw-line-height-control__range[data-v-b87c3724] {
+.zw-line-height-control__range[data-v-532367c1] {
     width: 156px;
 }
-.zw-line-height-control__field[data-v-b87c3724] {
+.zw-line-height-control__field[data-v-532367c1] {
     width: 52px;
     margin-left: var(--zw-offset-sm);
 }
 
-
-.zw-list-control__option[data-v-305d852b] {
+.zpa-list-control[data-v-ce2b1130] {
+    display: flex;
+}
+.zpa-list-control[data-v-ce2b1130]:hover {
+    color: rgb(var(--zw-color-white));
+    background-color: rgb(var(--zw-color-n5));
+}
+.zw-list-control__activator[data-v-ce2b1130] {
+    padding: 0 var(--zw-offset-xs);
+}
+.zw-list-control__option[data-v-ce2b1130] {
     padding: 0 var(--zw-offset-xs);
     display: flex;
 }
 
+.zw-link-modal-header[data-v-7dbfe03f] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--zw-offset-sm);
+    border-bottom: 2px solid rgb(var(--zw-color-n5));
+}
+.zw-link-modal-header__title[data-v-7dbfe03f] {
+    text-transform: uppercase;
+    font-weight: var(--zw-font-weight-semibold);
+    font-size: var(--zw-font-size-xxs);
+    color: rgb(var(--zw-color-white));
+}
+.zw-link-modal-header__unlink-icon[data-v-7dbfe03f] {
+    margin-right: var(--zw-offset-xxs);
+}
+.zw-link-modal-header__unlink-button[data-v-7dbfe03f] {
+    color: rgb(var(--zw-color-n80));
+    font-size: var(--zw-font-size-xxs);
+    transition: 0.1s opacity ease-out;
+    will-change: opacity;
+}
+.zw-link-modal-header__unlink-button[data-v-7dbfe03f]:disabled {
+    opacity: 0.35;
+}
+.zw-link-modal-header__unlink-button[data-v-7dbfe03f]:hover {
+    color: rgb(var(--zw-color-white));
+}
+
+.zw-link-modal__apply[data-v-2ad47228] {
+    display: flex;
+    justify-content: flex-end;
+}
+
+.zw-link-modal[data-v-28e9497e] {
+    width: 266px;
+}
+.zw-link-modal__body[data-v-28e9497e] {
+    padding: var(--zw-offset-sm);
+}
+[data-v-28e9497e] .zw-link-modal-dropdown__option {
+    width: 234px;
+}
 
-.zw-toolbar[data-v-05accea6] {
+.zw-toolbar[data-v-7afee166] {
     border-radius: 2px;
     background-color: rgb(var(--zw-color-n15));
     color: rgb(var(--zw-color-n70));
-    z-index: 999;
+    z-index: 999999;
+    text-align: left;
+    position: fixed;
 }
-.zw-toolbar--enter-active[data-v-05accea6],
-.zw-toolbar--leave-active[data-v-05accea6] {
-    transition: opacity 0.15s ease-out;
+.zw-toolbar[data-v-7afee166]::before,
+.zw-toolbar[data-v-7afee166]::after {
+    content: "";
+    display: block;
+    width: 100%;
+    height: calc(var(--zw-toolbar-offset-y) + 4px);
+    position: absolute;
+    --zw-toolbar-safe-zone: calc(-1 * var(--zw-toolbar-offset-y));
+}
+.zw-toolbar[data-v-7afee166]::before {
+    top: var(--zw-toolbar-safe-zone);
+}
+.zw-toolbar[data-v-7afee166]::after {
+    bottom: var(--zw-toolbar-safe-zone);
 }
-.zw-toolbar--leave-active[data-v-05accea6] {
+.zw-toolbar--enter-active[data-v-7afee166],
+.zw-toolbar--leave-active[data-v-7afee166] {
+    transition: opacity 150ms ease-out;
+}
+.zw-toolbar--leave-active[data-v-7afee166] {
     transition: opacity 0s ease-in;
 }
-.zw-toolbar--enter[data-v-05accea6],
-.zw-toolbar--leave-to[data-v-05accea6] {
+.zw-toolbar--enter[data-v-7afee166],
+.zw-toolbar--leave-to[data-v-7afee166] {
     opacity: 0;
 }
-
 .zw-wysiwyg {
     --zw-color-n5: 13, 13, 13;      /* #0D0D0D; */
     --zw-color-n15: 38, 38, 38;     /* #262626; */
@@ -730,13 +675,17 @@
     --zw-color-n80: 196, 196, 196;  /* #C4C4C4 */
     --zw-color-n85: 217, 217, 217;  /* #D9D9D9 */
     --zw-color-n90: 230, 230, 230;  /* #E6E6E6 */
+    --zw-color-n200: 194, 200, 209;  /* #C2C8D1 */
     --zw-color-black: 0, 0, 0;
     --zw-color-white: 255, 255, 255;
+    --zw-color-green: 59, 180, 74; /* #3BB44A */
+    --zw-color-red: 234, 58, 58; /* #EA3A3A */
 
     --zw-offset-xxs: 4px;
     --zw-offset-xs: 8px;
     --zw-offset-xsm: 12px;
     --zw-offset-sm: 16px;
+    --zw-offset-md: 24px;
 
     --zw-font-weight-thin: 400;
     --zw-font-weight-semibold: 500;
@@ -764,6 +713,8 @@ $builder-N90: #E6E6E6;
 $builder-N94: #F0F0F0;
 $builder-N96: #F5F5F5;
 $builder-N98: #FAFAFA;
+$builder-N200: #C2C8D1;
+$builder-R50: #EA3A3A;
 
 $font-size-xxs: 12px;
 $font-size-xs:  14px;
@@ -777,12 +728,24 @@ $font-height--xs: 1.33;
 $font-height--sm: 1.43;
 $font-height--md: 1.72;
  */
-
 .zw-wysiwyg [contenteditable] {
     outline: none;
 }
-
-.zw-style {
+.zw-wysiwyg__placeholder:first-child:last-child::before {
+    content: attr(data-placeholder);
+    color: rgb(var(--zw-color-n70));
+    float: left;
+    height: 0;
+    pointer-events: none;
+}
+.zw-superscript {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: initial;
+    top: -0.5em;
+}
+.zw-style.zw-style.zw-style {
     font-weight: var(--zw-font-weight, var(--zw-preset-font-weight));
     font-family: var(--zw-font-family, var(--zw-preset-font-family));
     color: var(--zw-font-color, var(--zw-preset-color));
@@ -790,48 +753,112 @@ $font-height--md: 1.72;
     text-decoration: var(--zw-text-decoration, var(--zw-preset-text-decoration));
     background-color: var(--zw-background-color, var(--zw-preset-background-color));
 }
-
 @media (min-width: 1200px) {
-
-    .zw-style {
-        font-size: var(--zw-desktop-font-size, var(--zw-preset-desktop-font-size));
-        text-align: var(--zw-desktop-text-align, var(--zw-preset-desktop-text-align));
-        line-height: var(--zw-desktop-line-height, var(--zw-preset-desktop-line-height));
-    }
+.zw-style.zw-style.zw-style {
+        font-size: var(--zw-font-size-desktop, var(--zw-preset-desktop-font-size));
+        text-align: var(--zw-text-align-desktop, var(--zw-preset-desktop-text-align));
+        line-height: var(--zw-line-height-desktop, var(--zw-preset-desktop-line-height));
+}
 }
-
 @media (min-width: 769px) and (max-width: 1199.98px) {
-
-    .zw-style {
-        font-size: var(--zw-tablet-font-size, var(--zw-preset-tablet-font-size));
-        text-align: var(--zw-tablet-text-align, var(--zw-preset-tablet-text-align));
-        line-height: var(--zw-tablet-line-height, var(--zw-preset-tablet-line-height));
-    }
+.zw-style.zw-style.zw-style {
+        font-size: var(--zw-font-size-tablet, var(--zw-preset-tablet-font-size));
+        text-align: var(--zw-text-align-tablet, var(--zw-preset-tablet-text-align));
+        line-height: var(--zw-line-height-tablet, var(--zw-preset-tablet-line-height));
+}
 }
-
 @media (max-width: 768.98px) {
-
-    .zw-style {
-        font-size: var(--zw-mobile-font-size, var(--zw-preset-mobile-font-size));
-        text-align: var(--zw-mobile-text-align, var(--zw-preset-mobile-text-align));
-        line-height: var(--zw-mobile-line-height, var(--zw-preset-mobile-line-height));
-    }
+.zw-style.zw-style.zw-style {
+        font-size: var(--zw-font-size-mobile, var(--zw-preset-mobile-font-size));
+        text-align: var(--zw-text-align-mobile, var(--zw-preset-mobile-text-align));
+        line-height: var(--zw-line-height-mobile, var(--zw-preset-mobile-line-height));
+}
 }
 
+/* ProseMirror styles */
+.ProseMirror {
+    position: relative;
+}
+.ProseMirror {
+    word-wrap: break-word;
+    white-space: pre-wrap;
+    white-space: break-spaces;
+    -webkit-font-variant-ligatures: none;
+    font-variant-ligatures: none;
+    font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
+}
+.ProseMirror [contenteditable="false"] {
+    white-space: normal;
+}
+.ProseMirror [contenteditable="false"] [contenteditable="true"] {
+    white-space: pre-wrap;
+}
+.ProseMirror pre {
+    white-space: pre-wrap;
+}
+img.ProseMirror-separator {
+    display: inline !important;
+    border: none !important;
+    margin: 0 !important;
+    width: 1px !important;
+    height: 1px !important;
+}
+.ProseMirror-gapcursor {
+    display: none;
+    pointer-events: none;
+    position: absolute;
+    margin: 0;
+}
+.ProseMirror-gapcursor::after {
+    content: "";
+    display: block;
+    position: absolute;
+    top: -2px;
+    width: 20px;
+    border-top: 1px solid #000;
+    animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
+}
+@keyframes ProseMirror-cursor-blink {
+to {
+        visibility: hidden;
+}
+}
+.ProseMirror-hideselection *::selection {
+    background: transparent;
+}
+.ProseMirror-hideselection *::-moz-selection {
+    background: transparent;
+}
+.ProseMirror-hideselection * {
+    caret-color: transparent;
+}
+.ProseMirror-focused .ProseMirror-gapcursor {
+    display: block;
+}
+.tippy-box[data-animation=fade][data-state=hidden] {
+    opacity: 0
+}
 .zw-text--truncate {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 100%;
 }
-
 .zw-position--relative {
     position: relative;
 }
-
+.zw-margin-bottom--xxs {
+    margin-bottom: var(--zw-offset-xxs);
+}
 .zw-margin-bottom--xs {
     margin-bottom: var(--zw-offset-xs);
 }
-
-
-
+.zw-margin-bottom--sm {
+    margin-bottom: var(--zw-offset-sm);
+}
+.zw-margin-bottom--md {
+    margin-bottom: var(--zw-offset-md);
+}
+.zw-margin-right--xs {
+    margin-right: var(--zw-offset-xs);
+}