@zipify/wysiwyg 4.12.0-beta.2 → 4.12.0-beta.3

package/dist/types/enums/Device.d.ts

@@ -2,6 +2,7 @@ export declare enum Device {
     COMMON = "common",
     DESKTOP = "desktop",
     TABLET = "tablet",
-    MOBILE = "mobile"
+    MOBILE = "mobile",
+    ALL = "all"
 }
 export declare const DeviceList: Device[];

package/dist/types/enums/TextSetting.d.ts

@@ -7,7 +7,6 @@ export declare enum TextSetting {
     FONT_STYLE = "font_style",
     FONT_WEIGHT = "font_weight",
     LINE_HEIGHT = "line_height",
-    LETTER_SPACING = "letter_spacing",
     TEXT_DECORATION = "text_decoration",
     SUPERSCRIPT = "superscript",
     MARGIN = "margin",

package/dist/types/services/NodeFactory.d.ts

@@ -24,5 +24,5 @@ export declare class NodeFactory {
     static text(text: string, marks?: MarkJSON[]): JSONContent;
     static link(text: string, attrs: ILinkMarkAttrs, marks?: MarkJSON[]): JSONContent;
     static mark(type: string, attrs: AttrsJSON): MarkJSON;
-    static populateAllDevices<V>(value: V): Record<Exclude<Device, Device.COMMON>, V>;
+    static populateAllDevices<V>(value: V): Record<Exclude<Device, Device.COMMON | Device.ALL>, V>;
 }

package/dist/types/utils/clone.d.ts

@@ -0,0 +1 @@
+export declare function clone<T>(value: T): T;

package/dist/types/utils/index.d.ts

@@ -5,7 +5,6 @@ export { createKeyboardShortcut } from './createKeyboardShortcut';
 export { convertColor } from './convertColor';
 export { convertLineHeight } from './convertLineHeight';
 export { convertFontSize } from './convertFontSize';
-export { convertLetterSpacing } from './convertLetterSpacing';
 export { convertAlignment } from './convertAlignment';
 export { importIcon } from './importIcon';
 export { isWysiwygContent } from './isWysiwygContent';
@@ -15,3 +14,4 @@ export { isNodeFullySelected } from './isNodeFullySelected';
 export { isMarkAppliedToParent } from './isMarkAppliedToParent';
 export { findMarkByType } from './findMarkByType';
 export { copyMark } from './copyMark';
+export { clone } from './clone';

package/dist/wysiwyg.css

@@ -249,7 +249,7 @@
     --zw-range-thumb-box-shadow: 0 0 0 12px rgba(240, 240, 240, 0.15);
 }
 
-.zw-number-field[data-v-962cf185] {
+.zw-number-field[data-v-e462abc1] {
     --border-color: rgb(var(--zw-color-n60));
     --text-color: rgb(var(--zw-color-n85));
     --buttons-color: rgb(var(--zw-color-n70));
@@ -259,16 +259,16 @@
     align-items: stretch;
     display: flex;
 }
-.zw-number-field[data-v-962cf185]:hover {
+.zw-number-field[data-v-e462abc1]:hover {
     --border-color: rgb(var(--zw-color-n80));
     --text-color: rgb(var(--zw-color-n85));
 }
-.zw-number-field[data-v-962cf185]:focus,
-.zw-number-field[data-v-962cf185]:focus-within {
+.zw-number-field[data-v-e462abc1]:focus,
+.zw-number-field[data-v-e462abc1]:focus-within {
     --border-color: rgb(var(--zw-color-white));
     --text-color: rgb(var(--zw-color-white));
 }
-.zw-number-field__input[data-v-962cf185] {
+.zw-number-field__input[data-v-e462abc1] {
     color: var(--text-color);
     background-color: rgb(var(--zw-color-n15));
     border: 0;
@@ -279,69 +279,69 @@
     font-size: var(--zw-font-size-xs);
     -moz-appearance: textfield;
 }
-.zw-number-field__buttons[data-v-962cf185] {
+.zw-number-field__buttons[data-v-e462abc1] {
     display: none;
     flex-direction: column;
     height: 100%;
 }
-.zw-number-field:hover .zw-number-field__buttons[data-v-962cf185],
-.zw-number-field:focus .zw-number-field__buttons[data-v-962cf185],
-.zw-number-field:focus-within .zw-number-field__buttons[data-v-962cf185] {
+.zw-number-field:hover .zw-number-field__buttons[data-v-e462abc1],
+.zw-number-field:focus .zw-number-field__buttons[data-v-e462abc1],
+.zw-number-field:focus-within .zw-number-field__buttons[data-v-e462abc1] {
     display: flex;
 }
-.zw-number-field__input[data-v-962cf185]::placeholder {
+.zw-number-field__input[data-v-e462abc1]::placeholder {
     color: var(--text-color);
 }
-.zw-number-field__input[data-v-962cf185]::-webkit-outer-spin-button,
-.zw-number-field__input[data-v-962cf185]::-webkit-inner-spin-button {
+.zw-number-field__input[data-v-e462abc1]::-webkit-outer-spin-button,
+.zw-number-field__input[data-v-e462abc1]::-webkit-inner-spin-button {
     color: var(--text-color);
     -webkit-appearance: none;
 }
-.zw-number-field__controls[data-v-962cf185] {
+.zw-number-field__controls[data-v-e462abc1] {
     min-width: var(--zw-offset-sm);
 }
-.zw-number-field--disabled[data-v-962cf185] {
+.zw-number-field--disabled[data-v-e462abc1] {
     opacity: 0.5;
 }
-.zw-number-field--disabled[data-v-962cf185],
-.zw-number-field--disabled .zw-number-field__input[data-v-962cf185] {
+.zw-number-field--disabled[data-v-e462abc1],
+.zw-number-field--disabled .zw-number-field__input[data-v-e462abc1] {
     cursor: not-allowed;
 }
-.zw-number-field__increment-button[data-v-962cf185],
-.zw-number-field__decrement-button[data-v-962cf185] {
+.zw-number-field__increment-button[data-v-e462abc1],
+.zw-number-field__decrement-button[data-v-e462abc1] {
     width: 100%;
     height: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }
-.zw-number-field__increment-button[data-v-962cf185]::after,
-.zw-number-field__decrement-button[data-v-962cf185]::after {
+.zw-number-field__increment-button[data-v-e462abc1]::after,
+.zw-number-field__decrement-button[data-v-e462abc1]::after {
     content: "";
     border-left: 3px solid transparent;
     border-right: 3px solid transparent;
 }
-.zw-number-field__increment-button[data-v-962cf185]::after {
+.zw-number-field__increment-button[data-v-e462abc1]::after {
     border-bottom: 3px solid var(--buttons-color);
 }
-.zw-number-field__decrement-button[data-v-962cf185]::after {
+.zw-number-field__decrement-button[data-v-e462abc1]::after {
     border-top: 3px solid var(--buttons-color);
 }
-.zw-number-field__increment-button[data-v-962cf185]:hover,
-.zw-number-field__decrement-button[data-v-962cf185]:hover {
+.zw-number-field__increment-button[data-v-e462abc1]:hover,
+.zw-number-field__decrement-button[data-v-e462abc1]:hover {
     background-color: rgb(var(--zw-color-n20));
     --buttons-color: rgb(var(--zw-color-white));
 }
-.zw-number-field__units[data-v-962cf185] {
+.zw-number-field__units[data-v-e462abc1] {
     color: rgb(var(--zw-color-n70));
     font-size: var(--zw-font-size-xs);
+    line-height: var(--zw-line-height-md);
     text-align: center;
     display: inline-block;
     width: 100%;
-    vertical-align: middle;
 }
-.zw-number-field:hover .zw-number-field__units[data-v-962cf185],
-.zw-number-field:has(:focus, :active) .zw-number-field__units[data-v-962cf185] {
+.zw-number-field:hover .zw-number-field__units[data-v-e462abc1],
+.zw-number-field:focus .zw-number-field__units[data-v-e462abc1] {
     display: none;
 }
 
@@ -577,21 +577,6 @@
     margin-left: var(--zw-offset-sm);
 }
 
-.zw-letter-spacing-control__modal[data-v-62d3e8b2] {
-    padding: var(--zw-offset-sm);
-}
-.zw-letter-spacing-control__row[data-v-62d3e8b2] {
-    display: flex;
-    align-items: center;
-}
-.zw-letter-spacing-control__range[data-v-62d3e8b2] {
-    width: 156px;
-}
-.zw-letter-spacing-control__field[data-v-62d3e8b2] {
-    width: 64px;
-    margin-left: var(--zw-offset-sm);
-}
-
 .zpa-list-control[data-v-55962f5e] {
     display: flex;
 }
@@ -836,7 +821,6 @@ h4.zw-style.zw-style.zw-style {
         font-size: var(--zw-font-size-desktop, var(--zw-preset-font-size-desktop));
         text-align: var(--zw-alignment-desktop, var(--zw-preset-alignment-desktop));
         line-height: var(--zw-line-height-desktop, var(--zw-preset-line-height-desktop));
-        letter-spacing: var(--zw-letter-spacing-desktop, var(--zw-preset-letter-spacing-desktop));
 }
 }
 @media (min-width: 769px) and (max-width: 1199.98px) {
@@ -844,7 +828,6 @@ h4.zw-style.zw-style.zw-style {
         font-size: var(--zw-font-size-tablet, var(--zw-preset-font-size-tablet));
         text-align: var(--zw-alignment-tablet, var(--zw-preset-alignment-tablet));
         line-height: var(--zw-line-height-tablet, var(--zw-preset-line-height-tablet));
-        letter-spacing: var(--zw-letter-spacing-tablet, var(--zw-preset-letter-spacing-tablet));
 }
 }
 @media (max-width: 768.98px) {
@@ -852,7 +835,6 @@ h4.zw-style.zw-style.zw-style {
         font-size: var(--zw-font-size-mobile, var(--zw-preset-font-size-mobile));
         text-align: var(--zw-alignment-mobile, var(--zw-preset-alignment-mobile));
         line-height: var(--zw-line-height-mobile, var(--zw-preset-line-height-mobile));
-        letter-spacing: var(--zw-letter-spacing-mobile, var(--zw-preset-letter-spacing-mobile));
 }
 }