@zipify/wysiwyg 4.9.1 → 4.10.0-0

package/dist/types/Wysiwyg.vue.d.ts

@@ -1,187 +1,49 @@
 import type { Content, JSONContent } from '@tiptap/core';
-import type { PropType } from 'vue';
-import { type IFontJson } from './models';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    presets: {
-        type: ArrayConstructor;
-        required: true;
-    };
-    defaultPresetId: {
-        type: (NumberConstructor | StringConstructor)[];
-        required: true;
-    };
-    linkPresetId: {
-        type: (NumberConstructor | StringConstructor)[];
-        required: true;
-    };
-    basePresetClass: {
-        type: StringConstructor;
-        required: true;
-    };
-    makePresetVariable: {
-        type: FunctionConstructor;
-        required: true;
-    };
-    fonts: {
-        type: PropType<IFontJson[]>;
-        required: true;
-    };
-    active: {
-        type: BooleanConstructor;
-        required: true;
-    };
-    device: {
-        type: StringConstructor;
-        required: false;
-        default: "desktop";
-    };
-    favoriteColors: {
-        type: ArrayConstructor;
-        required: false;
-        default: () => never[];
-    };
-    toolbarOffsets: {
-        type: ArrayConstructor;
-        required: false;
-        default: () => number[];
-    };
-    baseListClass: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    pageBlocks: {
-        type: ArrayConstructor;
-        required: true;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    popupMode: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    window: {
-        required: false;
-        default: () => Window & typeof globalThis;
-    };
-    aiComponent: {
-        type: ObjectConstructor;
-        required: false;
-        default: null;
-    };
-    defaultFont: {
-        type: PropType<IFontJson>;
-        required: false;
-        default: null;
-    };
-    modelValue: {
-        type: PropType<Content>;
-        required: true;
-    };
-}>, {
+import { type Component } from 'vue';
+import { Device } from './enums';
+import { type IFontJson, type IPageBlock, type IStylePreset } from './models';
+import type { StylePresetVariableFactory } from '@/types';
+interface IProps {
+    presets: IStylePreset[];
+    defaultPresetId: number | string;
+    linkPresetId: number | string;
+    basePresetClass: string;
+    makePresetVariable: StylePresetVariableFactory;
+    fonts: IFontJson[];
+    active: boolean;
+    pageBlocks: IPageBlock[];
+    device?: Device;
+    toolbarOffsets?: [crossAxis: number, mainAxis: number];
+    baseListClass?: string;
+    readonly?: boolean;
+    popupMode?: boolean;
+    window?: Window;
+    aiComponent?: Component | null;
+    defaultFont?: IFontJson | null;
+}
+type __VLS_Props = IProps;
+type __VLS_PublicProps = {
+    modelValue: Content;
+    'favoriteColors'?: string[];
+} & __VLS_Props;
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
     getContentCustomization: () => any;
     getContent: () => JSONContent;
     editor: import("@tiptap/vue-3").Editor;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update-favorite-colors": (...args: any[]) => void;
-    "update:modelValue": (value: Content) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    presets: {
-        type: ArrayConstructor;
-        required: true;
-    };
-    defaultPresetId: {
-        type: (NumberConstructor | StringConstructor)[];
-        required: true;
-    };
-    linkPresetId: {
-        type: (NumberConstructor | StringConstructor)[];
-        required: true;
-    };
-    basePresetClass: {
-        type: StringConstructor;
-        required: true;
-    };
-    makePresetVariable: {
-        type: FunctionConstructor;
-        required: true;
-    };
-    fonts: {
-        type: PropType<IFontJson[]>;
-        required: true;
-    };
-    active: {
-        type: BooleanConstructor;
-        required: true;
-    };
-    device: {
-        type: StringConstructor;
-        required: false;
-        default: "desktop";
-    };
-    favoriteColors: {
-        type: ArrayConstructor;
-        required: false;
-        default: () => never[];
-    };
-    toolbarOffsets: {
-        type: ArrayConstructor;
-        required: false;
-        default: () => number[];
-    };
-    baseListClass: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    pageBlocks: {
-        type: ArrayConstructor;
-        required: true;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    popupMode: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    window: {
-        required: false;
-        default: () => Window & typeof globalThis;
-    };
-    aiComponent: {
-        type: ObjectConstructor;
-        required: false;
-        default: null;
-    };
-    defaultFont: {
-        type: PropType<IFontJson>;
-        required: false;
-        default: null;
-    };
-    modelValue: {
-        type: PropType<Content>;
-        required: true;
-    };
-}>> & Readonly<{
-    "onUpdate-favorite-colors"?: ((...args: any[]) => any) | undefined;
+    "update:modelValue": (value: Content) => any;
+    "update:favoriteColors": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: Content) => any) | undefined;
+    "onUpdate:favoriteColors"?: ((value: string[]) => any) | undefined;
 }>, {
-    defaultFont: IFontJson;
-    device: string;
-    favoriteColors: unknown[];
-    toolbarOffsets: unknown[];
+    defaultFont: IFontJson | null;
+    device: Device;
+    toolbarOffsets: [crossAxis: number, mainAxis: number];
     baseListClass: string;
     readonly: boolean;
     popupMode: boolean;
-    window: Window & typeof globalThis;
-    aiComponent: Record<string, any>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+    window: Window;
+    aiComponent: Component | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/types/components/base/Button.vue.d.ts

@@ -6,13 +6,13 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
 declare const __VLS_component: import("vue").DefineComponent<{}, {
     $emit: (event: "click", ...args: any[]) => void;
     active: boolean;
-    skin: string;
     disabled: boolean;
+    skin: string;
     icon: boolean;
     $props: {
         readonly active?: boolean | undefined;
-        readonly skin?: string | undefined;
         readonly disabled?: boolean | undefined;
+        readonly skin?: string | undefined;
         readonly icon?: boolean | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLButtonElement>;

package/dist/types/components/base/Modal.vue.d.ts

@@ -5,6 +5,7 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
 });
 declare const __VLS_component: import("vue").DefineComponent<{}, {
     referenceRef: Record<string, any>;
+    offsets: Function | unknown[];
     toggler: Record<string, any>;
     maxHeight: string | number;
     maxWidth: string | number;
@@ -12,9 +13,9 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     placement: string;
     placementStrategy: string;
     placementFlip: boolean | unknown[];
-    offsets: Function | unknown[];
     $props: {
         readonly referenceRef?: Record<string, any> | undefined;
+        readonly offsets?: Function | unknown[] | undefined;
         readonly toggler?: Record<string, any> | undefined;
         readonly maxHeight?: string | number | undefined;
         readonly maxWidth?: string | number | undefined;
@@ -22,7 +23,6 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
         readonly placement?: string | undefined;
         readonly placementStrategy?: string | undefined;
         readonly placementFlip?: boolean | unknown[] | undefined;
-        readonly offsets?: Function | unknown[] | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_TemplateResult = {

package/dist/types/components/base/ModalFloating.vue.d.ts

@@ -5,16 +5,16 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
 });
 declare const __VLS_component: import("vue").DefineComponent<{}, {
     referenceRef: Record<string, any>;
+    offsets: Function | unknown[];
     placement: string;
     placementStrategy: string;
     placementFlip: boolean | unknown[];
-    offsets: Function | unknown[];
     $props: {
         readonly referenceRef?: Record<string, any> | undefined;
+        readonly offsets?: Function | unknown[] | undefined;
         readonly placement?: string | undefined;
         readonly placementStrategy?: string | undefined;
         readonly placementFlip?: boolean | unknown[] | undefined;
-        readonly offsets?: Function | unknown[] | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 type __VLS_TemplateResult = {

package/dist/types/components/base/NumberField.vue.d.ts

@@ -4,8 +4,8 @@ declare const _default: import("vue").DefineComponent<{}, {
     max: string | number;
     min: string | number;
     step: string | number;
-    digits: string | number;
     disabled: boolean;
+    digits: string | number;
     fieldId: string;
     units: string;
     $props: {
@@ -13,8 +13,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         readonly max?: string | number | undefined;
         readonly min?: string | number | undefined;
         readonly step?: string | number | undefined;
-        readonly digits?: string | number | undefined;
         readonly disabled?: boolean | undefined;
+        readonly digits?: string | number | undefined;
         readonly fieldId?: string | undefined;
         readonly units?: string | undefined;
     };

package/dist/types/entryLib.d.ts

@@ -4,3 +4,5 @@ export { NodeTypes, TextSettings, Alignments } from './enums';
 export { isWysiwygContent } from './utils';
 export * from './components/base';
 export { InjectionTokens } from './injectionTokens';
+export * from './models';
+export type * from './types';

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

@@ -1,7 +1,16 @@
-export const Devices: Readonly<{
-    COMMON: "common";
-    DESKTOP: "desktop";
-    TABLET: "tablet";
-    MOBILE: "mobile";
-    readonly values: any[];
+export declare enum Device {
+    COMMON = "common",
+    MOBILE = "mobile",
+    TABLET = "tablet",
+    DESKTOP = "desktop"
+}
+/**
+ * @deprecated use TS enum
+ */
+export declare const Devices: Readonly<{
+    values: Device[];
+    COMMON: Device.COMMON;
+    MOBILE: Device.MOBILE;
+    TABLET: Device.TABLET;
+    DESKTOP: Device.DESKTOP;
 }>;

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

@@ -1,9 +1,9 @@
-export { Devices } from "./Devices";
-export { CaseStyles } from "./CaseStyles";
-export { Alignments } from "./Alignments";
-export { NodeTypes } from "./NodeTypes";
-export { ListTypes } from "./ListTypes";
-export { TextSettings } from "./TextSettings";
-export { MarkGroups } from "./MarkGroups";
-export { LinkTargets } from "./LinkTargets";
-export { LinkDestinations } from "./LinkDestinations";
+export * from './Devices';
+export * from './CaseStyles';
+export * from './Alignments';
+export * from './NodeTypes';
+export * from './ListTypes';
+export * from './TextSettings';
+export * from './MarkGroups';
+export * from './LinkTargets';
+export * from './LinkDestinations';

package/dist/types/models/PageBlock.d.ts

@@ -0,0 +1,4 @@
+export interface IPageBlock {
+    id: number;
+    title: string;
+}

package/dist/types/models/StylePreset.d.ts

@@ -0,0 +1,27 @@
+export interface IPresetNode {
+    type: string;
+    level?: number;
+}
+export interface IPresetDeviceStyles {
+    alignment: string | null;
+    line_height: string;
+    font_size: string;
+}
+export interface IPresetCommonStyles {
+    font_family: string;
+    font_weight: string;
+    color: string;
+    font_style: string;
+    text_decoration: string;
+}
+export interface IStylePreset {
+    id: string;
+    name: string;
+    node?: IPresetNode;
+    hidden?: boolean;
+    fallbackClass?: string;
+    common: IPresetCommonStyles;
+    desktop: IPresetDeviceStyles;
+    tablet: IPresetDeviceStyles;
+    mobile: IPresetDeviceStyles;
+}

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

@@ -1,2 +1,3 @@
-export { Font } from './Font';
-export type { IFontJson } from './Font';
+export * from './Font';
+export type * from './StylePreset';
+export type * from './PageBlock';

package/dist/types/types/StylePresetVariableFactory.d.ts

@@ -0,0 +1,8 @@
+import type { IStylePreset } from '@/models';
+import { Device } from '@/enums';
+export interface IStylePresetVariableArgs {
+    device: Device;
+    preset: IStylePreset;
+    property: string;
+}
+export type StylePresetVariableFactory = (args: IStylePresetVariableArgs) => string;

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

@@ -0,0 +1 @@
+export type * from './StylePresetVariableFactory';

package/dist/wysiwyg.css

@@ -349,36 +349,36 @@
     position: var(--8349ba3e);
 }
 
-.zw-modal[data-v-a8a4e8ea] {
+.zw-modal[data-v-72ecfd23] {
     border-radius: 2px;
     box-shadow: 0 0 4px rgba(var(--zw-color-black), 0.3);
     background-color: rgb(var(--zw-color-n15));
-    max-height: var(--4d6acbf1);
-    max-width: var(--6330983c);
+    max-height: var(--3b807430);
+    max-width: var(--749527c6);
     z-index: 1000;
     will-change: transform;
 }
-.zw-modal--enter-active[data-v-a8a4e8ea] {
+.zw-modal--enter-active[data-v-72ecfd23] {
     transition: opacity 0.15s ease-out;
 }
-.zw-modal--enter-from[data-v-a8a4e8ea],
-.zw-modal--leave-to[data-v-a8a4e8ea] {
+.zw-modal--enter-from[data-v-72ecfd23],
+.zw-modal--leave-to[data-v-72ecfd23] {
     opacity: 0;
 }
-.zw-modal--leave-active[data-v-a8a4e8ea] {
+.zw-modal--leave-active[data-v-72ecfd23] {
     transition: opacity 0.1s ease-in;
 }
 
 /* Scrollbar overrides in modal */
-.zw-modal[data-v-a8a4e8ea] .simplebar-offset,
-.zw-modal[data-v-a8a4e8ea] .simplebar-mask {
+.zw-modal[data-v-72ecfd23] .simplebar-offset,
+.zw-modal[data-v-72ecfd23] .simplebar-mask {
     position: initial;
 }
-.zw-modal[data-v-a8a4e8ea] .simplebar-content {
-    max-height: var(--4d6acbf1);
+.zw-modal[data-v-72ecfd23] .simplebar-content {
+    max-height: var(--3b807430);
     padding: 0 !important;
 }
-.zw-modal[data-v-a8a4e8ea] .simplebar-content-wrapper {
+.zw-modal[data-v-72ecfd23] .simplebar-content-wrapper {
     overscroll-behavior: contain;
 }
 
@@ -421,29 +421,29 @@
     color: rgb(var(--zw-color-red));
 }
 
-.zw-checkbox[data-v-94a6bca2] {
+.zw-checkbox[data-v-e1624b5d] {
     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-94a6bca2] {
+.zw-checkbox__field + .zw-checkbox__indicator[data-v-e1624b5d] {
     color: var(--zw-color-n200);
     box-shadow: inset 0 0 0 2px currentColor;
 }
-.zw-checkbox:hover .zw-checkbox__indicator[data-v-94a6bca2],
-.zw-checkbox:focus .zw-checkbox__indicator[data-v-94a6bca2],
-.zw-checkbox:focus-within .zw-checkbox__indicator[data-v-94a6bca2] {
+.zw-checkbox:hover .zw-checkbox__indicator[data-v-e1624b5d],
+.zw-checkbox:focus .zw-checkbox__indicator[data-v-e1624b5d],
+.zw-checkbox:focus-within .zw-checkbox__indicator[data-v-e1624b5d] {
     box-shadow: inset 0 0 0 2px rgb(var(--zw-color-b200));
 }
-.zw-checkbox__field:checked + .zw-checkbox__indicator[data-v-94a6bca2] {
+.zw-checkbox__field:checked + .zw-checkbox__indicator[data-v-e1624b5d] {
     color: rgb(var(--zw-color-b200))
 }
-.zw-checkbox .zw-checkbox__field:checked + .zw-checkbox__indicator[data-v-94a6bca2] {
+.zw-checkbox .zw-checkbox__field:checked + .zw-checkbox__indicator[data-v-e1624b5d] {
     background-color: rgb(var(--zw-color-b200));
 }
-.zw-checkbox .zw-checkbox__indicator[data-v-94a6bca2]::after {
+.zw-checkbox .zw-checkbox__indicator[data-v-e1624b5d]::after {
     content: "";
     display: block;
     height: 16px;
@@ -455,16 +455,16 @@
     background-size: 16px;
     background-position: center center;
 }
-.zw-checkbox__field:not(:checked) + .zw-checkbox__indicator[data-v-94a6bca2]::after {
+.zw-checkbox__field:not(:checked) + .zw-checkbox__indicator[data-v-e1624b5d]::after {
     transform: scale(0);
 }
-.zw-checkbox__field[data-v-94a6bca2] {
+.zw-checkbox__field[data-v-e1624b5d] {
     position: absolute;
     opacity: 0;
     height: 0;
     width: 0;
 }
-.zw-checkbox__label[data-v-94a6bca2] {
+.zw-checkbox__label[data-v-e1624b5d] {
     font-size: var(--zw-font-size-xs);
 }
 
@@ -592,34 +592,34 @@
     display: flex;
 }
 
-.zw-link-modal-header[data-v-64870ac2] {
+.zw-link-modal-header[data-v-d721e93d] {
     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-64870ac2] {
+.zw-link-modal-header__title[data-v-d721e93d] {
     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-64870ac2] {
+.zw-link-modal-header__unlink-icon[data-v-d721e93d] {
     margin-right: var(--zw-offset-xxs);
 }
-.zw-link-modal-header__unlink-button[data-v-64870ac2] {
+.zw-link-modal-header__unlink-button[data-v-d721e93d] {
     color: rgb(var(--zw-color-n80));
     font-size: var(--zw-font-size-xxs);
     transition: 0.1s opacity ease-out, 0.1s color ease-out;
     will-change: opacity, color;
 }
-.zw-link-modal-header__unlink-button[data-v-64870ac2]:disabled {
+.zw-link-modal-header__unlink-button[data-v-d721e93d]:disabled {
     opacity: 0.35;
 }
-.zw-link-modal-header__unlink-button[data-v-64870ac2]:focus,
-.zw-link-modal-header__unlink-button[data-v-64870ac2]:focus-within,
-.zw-link-modal-header__unlink-button[data-v-64870ac2]:hover {
+.zw-link-modal-header__unlink-button[data-v-d721e93d]:focus,
+.zw-link-modal-header__unlink-button[data-v-d721e93d]:focus-within,
+.zw-link-modal-header__unlink-button[data-v-d721e93d]:hover {
     color: rgb(var(--zw-color-white));
 }
 
@@ -685,7 +685,7 @@
     background-color: rgb(var(--zw-color-n30));
 }
 
-.zw-toolbar[data-v-e9105a30] {
+.zw-toolbar[data-v-ba15f8db] {
     border: 1px solid rgba(var(--zw-color-white), 0.2);
     border-radius: 2px;
     background-color: rgba(var(--zw-color-n15), 0.9);
@@ -695,10 +695,10 @@
     z-index: 999999;
     text-align: left;
     position: fixed;
-    --zw-toolbar-offset-y: calc(var(--7b6bf359) * 1px)
+    --zw-toolbar-offset-y: calc(var(--1fad2e10) * 1px)
 }
-.zw-toolbar[data-v-e9105a30]::before,
-.zw-toolbar[data-v-e9105a30]::after {
+.zw-toolbar[data-v-ba15f8db]::before,
+.zw-toolbar[data-v-ba15f8db]::after {
     content: "";
     display: block;
     width: 100%;
@@ -706,24 +706,25 @@
     position: absolute;
     --zw-toolbar-safe-zone: calc(-1 * var(--zw-toolbar-offset-y));
 }
-.zw-toolbar[data-v-e9105a30]::before {
+.zw-toolbar[data-v-ba15f8db]::before {
     top: var(--zw-toolbar-safe-zone);
 }
-.zw-toolbar[data-v-e9105a30]::after {
+.zw-toolbar[data-v-ba15f8db]::after {
     bottom: var(--zw-toolbar-safe-zone);
 }
-.zw-toolbar--enter-active[data-v-e9105a30],
-.zw-toolbar--leave-active[data-v-e9105a30] {
+.zw-toolbar--enter-active[data-v-ba15f8db],
+.zw-toolbar--leave-active[data-v-ba15f8db] {
     transition: opacity 150ms ease-out;
 }
-.zw-toolbar--leave-active[data-v-e9105a30] {
+.zw-toolbar--leave-active[data-v-ba15f8db] {
     transition: opacity 0s ease-in;
 }
-.zw-toolbar--enter-from[data-v-e9105a30],
-.zw-toolbar--leave-to[data-v-e9105a30] {
+.zw-toolbar--enter-from[data-v-ba15f8db],
+.zw-toolbar--leave-to[data-v-ba15f8db] {
     opacity: 0;
 }
-.zw-wysiwyg {
+.zw-wysiwyg,
+.zw-toolbar {
     --zw-color-n5: 13, 13, 13;      /* #0D0D0D */
     --zw-color-n15: 38, 38, 38;     /* #262626 */
     --zw-color-n20: 59, 59, 59;     /* #3B3B3B */
@@ -756,38 +757,6 @@
     --zw-line-height-xxs: 1.21;
     --zw-line-height-md: 1.72;
 }
-
-/*
-$builder-N5: #0D0D0D;
-$builder-N10: #1A1A1A;
-$builder-N15: #262626;
-$builder-N20: #3B3B3B;
-$builder-N30: #4D4D4D;
-$builder-N40: #666;
-$builder-N50: #808080;
-$builder-N60: #999;
-$builder-N70: #B3B3B3;
-$builder-N80: #C4C4C4;
-$builder-N85: #D9D9D9;
-$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;
-$font-size-sm:  16px;
-$font-size-md:  18px;
-$font-size-lmd: 20px;
-$font-size-lg:  24px;
-
-$font-height--xxs: 1.2;
-$font-height--xs: 1.33;
-$font-height--sm: 1.43;
-$font-height--md: 1.72;
- */
 .zw-wysiwyg__placeholder::before {
     content: attr(data-placeholder);
     color: rgb(var(--zw-color-n70));
@@ -837,7 +806,6 @@ h4.zw-style.zw-style.zw-style {
         line-height: var(--zw-line-height-mobile, var(--zw-preset-line-height-mobile));
 }
 }
-
 /* ProseMirror styles */
 .ProseMirror {
     position: relative;