@zipify/wysiwyg 1.3.0-0 → 2.0.0-1

package/dist/wysiwyg.css

@@ -23,7 +23,7 @@
     column-gap: var(--zw-offset-xxs);
 }
 
-.zw-button[data-v-2fa65564] {
+.zw-button[data-v-562f4e4a] {
     display: inline-flex;
     align-items: center;
     vertical-align: middle;
@@ -43,21 +43,21 @@
     transition: 0.1s opacity ease-out;
     will-change: opacity;
 }
-.zw-button[data-v-2fa65564]::-moz-focus-inner {
+.zw-button[data-v-562f4e4a]::-moz-focus-inner {
     border: 0 !important;
 }
-.zw-button[data-v-2fa65564]:hover,
-.zw-button[data-v-2fa65564]:focus {
+.zw-button[data-v-562f4e4a]:hover,
+.zw-button[data-v-562f4e4a]:focus {
     text-decoration: none;
     outline: none;
 }
-.zw-button[data-v-2fa65564]:disabled {
+.zw-button[data-v-562f4e4a]:disabled {
     user-select: none;
     box-shadow: none;
     cursor: not-allowed;
     opacity: 0.35;
 }
-.zw-button--toolbar[data-v-2fa65564] {
+.zw-button--toolbar[data-v-562f4e4a] {
     border-radius: 1px;
     min-height: 28px;
     font-weight: var(--zw-font-weight-semibold);
@@ -67,38 +67,32 @@
     transition-property: background-color, color, opacity;
     will-change: background-color, color, opacity;
 }
-.zw-button--primary[data-v-2fa65564] {
+.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-2fa65564],
-.zw-button--secondary[data-v-2fa65564] {
+.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-2fa65564]:not(:disabled):hover,
-.zw-button--secondary[data-v-2fa65564]:not(:disabled):hover {
+.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-2fa65564]:not(.zw-button--icon) {
+.zw-button--toolbar[data-v-562f4e4a]:not(.zw-button--icon) {
     padding: var(--zw-offset-xxs) var(--zw-offset-xs);
 }
-.zw-button--toolbar[data-v-2fa65564]:not(:disabled):hover,
-.zw-button--toolbar[data-v-2fa65564]:not(:disabled):focus,
-.zw-button--toolbar.zw-button--active[data-v-2fa65564]: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__customized-indicator[data-v-2fa65564] {
-    display: inline-block !important;
-    position: absolute;
-    top: calc(0px - var(--zw-offset-xxs));
-    right: 2px;
-}
 
 .zw-button-toggle[data-v-a02f12aa] {
     display: flex;
@@ -461,24 +455,23 @@
     font-size: var(--zw-font-size-xs);
 }
 
-.zw-dropdown__activator[data-v-58b29148] {
+.zw-dropdown__activator[data-v-021ac370] {
     width: 100%;
 }
-.zw-dropdown__activator-arrow[data-v-58b29148] {
+.zw-dropdown__activator-title[data-v-021ac370] {
+    margin-right: var(--zw-offset-xs);
+}
+.zw-dropdown__activator-arrow[data-v-021ac370] {
     margin-left: auto;
 }
-.zw-dropdown__activator--active .zw-dropdown__activator-arrow[data-v-58b29148] {
+.zw-dropdown__activator--active .zw-dropdown__activator-arrow[data-v-021ac370] {
     transform: rotateX(180deg);
 }
-.zw-dropdown__activator--gray[data-v-58b29148] {
+.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__customized-indicator[data-v-58b29148] {
-    position: relative;
-    top: calc(0px - var(--zw-offset-xs));
-}
 
 .zw-dropdown__option[data-v-1355d08c] {
     width: 100%;
@@ -526,43 +519,39 @@
     padding-bottom: var(--zw-offset-xs);
 }
 
-.zw-dropdown[data-v-29e6a104] {
+.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-2893d64e] {
+.zw-style-preset-control[data-v-5983cfee] {
     display: flex;
     align-items: center;
 }
-.zw-style-preset-control__dropdown[data-v-2893d64e] {
+.zw-style-preset-control__dropdown[data-v-5983cfee] {
     width: 96px;
 }
-.zw-style-preset-control__reset[data-v-2893d64e] {
+.zw-style-preset-control__reset[data-v-5983cfee] {
     color: rgb(var(--zw-color-n70));
 }
-.zw-style-preset-control__reset[data-v-2893d64e]:not(:disabled):hover,
-.zw-style-preset-control__reset[data-v-2893d64e]:not(:disabled):focus,
-.zw-style-preset-control__reset[data-v-2893d64e]:not(:disabled):focus-within {
+.zw-style-preset-control__reset[data-v-5983cfee]:not(:disabled):hover,
+.zw-style-preset-control__reset[data-v-5983cfee]:not(:disabled):focus,
+.zw-style-preset-control__reset[data-v-5983cfee]:not(:disabled):focus-within {
     color: rgb(var(--zw-color-white));
 }
 
-.zw-font-family-control[data-v-2f66bfa6] {
+.zw-font-family-control[data-v-07a47462] {
     width: 96px;
 }
-.zw-font-family-control__option[data-v-2f66bfa6] {
+.zw-font-family-control__option[data-v-07a47462] {
     font-weight: 400;
     font-family: var(--zw-font-family-option);
     width: 150px;
 }
 
-.zw-font-weight-control[data-v-5a87e48e] {
-    width: 60px;
-}
-
-.zw-font-size-control[data-v-3f8185ea] {
-    width: 72px;
+.zw-font-size-control[data-v-71dd7ffc] {
+    width: 64px;
 }
 
 .zw-alignment-control__modal[data-v-cef30e1a] {
@@ -572,17 +561,17 @@
     flex-direction: column;
 }
 
-.zw-line-height-control__modal[data-v-8aeefd68] {
+.zw-line-height-control__modal[data-v-9ea28b80] {
     padding: var(--zw-offset-sm);
 }
-.zw-line-height-control__row[data-v-8aeefd68] {
+.zw-line-height-control__row[data-v-9ea28b80] {
     display: flex;
     align-items: center;
 }
-.zw-line-height-control__range[data-v-8aeefd68] {
+.zw-line-height-control__range[data-v-9ea28b80] {
     width: 156px;
 }
-.zw-line-height-control__field[data-v-8aeefd68] {
+.zw-line-height-control__field[data-v-9ea28b80] {
     width: 64px;
     margin-left: var(--zw-offset-sm);
 }
@@ -838,6 +827,12 @@ img.ProseMirror-separator {
     border-top: 1px solid #000;
     animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
 }
+.ProseMirror span {
+    display: block;
+}
+.ProseMirror :where(p, h1, h2, h3, h4) span {
+    display: initial;
+}
 @keyframes ProseMirror-cursor-blink {
 to {
         visibility: hidden;