@webiny/lexical-theme 0.0.0-unstable.a4637c5ce6 → 0.0.0-unstable.a4f3e4ea8b

package/README.md

@@ -1,6 +1,11 @@
 # @webiny/lexical-theme
 
-[![](https://img.shields.io/npm/dw/@webiny/lexical-theme.svg)](https://www.npmjs.com/package/@webiny/llexical-lexical-theme)
-[![](https://img.shields.io/npm/v/@webiny/lexical-theme.svg)](https://www.npmjs.com/package/@webiny/lexical-theme)
-[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
-[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
+
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
+
+---
+
+_This README file is automatically generated during the publish process._

package/Theme.d.ts

@@ -0,0 +1,28 @@
+import type { EditorThemeClasses } from "lexical";
+import type { ColorValue, FontSizes, EditorTheme, TypographyValue } from "./types.js";
+export declare class Theme {
+    static cache: Record<string, Theme>;
+    static lastUsedTheme: Theme | null;
+    readonly tokens: EditorThemeClasses;
+    private readonly _colors;
+    private readonly _fontSizes;
+    private readonly _typography;
+    private readonly _typographyMap;
+    private readonly _allowCustomColors;
+    constructor(params: {
+        colors: EditorTheme["colors"];
+        typography: EditorTheme["typography"];
+        fontSizes: EditorTheme["fontSizes"];
+        tokens: EditorThemeClasses;
+        allowCustomColors?: boolean;
+    });
+    static empty(): Theme;
+    static from(lexicalTheme: EditorThemeClasses): Theme;
+    get colors(): ColorValue[];
+    get typography(): Record<string, TypographyValue[]>;
+    get fontSizes(): FontSizes;
+    get allowCustomColors(): boolean;
+    getTypographyById(id: string): TypographyValue;
+    getTypographyByTag(tag: string | string[]): TypographyValue | undefined;
+    private toTypographyMap;
+}

package/Theme.js

@@ -0,0 +1,71 @@
+class Theme {
+    static{
+        this.cache = {};
+    }
+    static{
+        this.lastUsedTheme = null;
+    }
+    constructor(params){
+        this._colors = params.colors;
+        this._typography = params.typography;
+        this._fontSizes = params.fontSizes;
+        this._typographyMap = this.toTypographyMap(params.typography);
+        this.tokens = params.tokens;
+        this._allowCustomColors = params.allowCustomColors ?? false;
+    }
+    static empty() {
+        return new Theme({
+            colors: [],
+            typography: {},
+            fontSizes: [],
+            tokens: {},
+            allowCustomColors: false
+        });
+    }
+    static from(lexicalTheme) {
+        const { $colors, $typography, $fontSizes, $cacheKey, ...tokens } = lexicalTheme;
+        if (!$colors) return Theme.lastUsedTheme ?? Theme.empty();
+        if (!Theme.cache[$cacheKey]) Theme.cache[$cacheKey] = new Theme({
+            colors: $colors,
+            typography: $typography,
+            fontSizes: $fontSizes,
+            tokens
+        });
+        Theme.lastUsedTheme = Theme.cache[$cacheKey];
+        return Theme.cache[$cacheKey];
+    }
+    get colors() {
+        return this._colors;
+    }
+    get typography() {
+        return this._typography;
+    }
+    get fontSizes() {
+        return this._fontSizes;
+    }
+    get allowCustomColors() {
+        return this._allowCustomColors;
+    }
+    getTypographyById(id) {
+        return this._typographyMap[id];
+    }
+    getTypographyByTag(tag) {
+        const tags = Array.isArray(tag) ? tag : [
+            tag
+        ];
+        for(const styleId in this._typographyMap){
+            const style = this._typographyMap[styleId];
+            if (tags.includes(style.tag)) return style;
+        }
+    }
+    toTypographyMap(typography) {
+        return Object.keys(typography).reduce((acc, key)=>{
+            const items = typography[key];
+            for (const item of items)acc[item.id] = item;
+            return acc;
+        }, {});
+    }
+}
+export { Theme };
+
+//# sourceMappingURL=Theme.js.map

package/Theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.js","sources":["../src/Theme.ts"],"sourcesContent":["import type { EditorThemeClasses } from \"lexical\";\nimport type {\n    ColorValue,\n    FontSizes,\n    EditorTheme,\n    TypographyMap,\n    TypographyValue\n} from \"~/types.js\";\n\ntype InternalProps = {\n    $colors: EditorTheme[\"colors\"];\n    $fontSizes: EditorTheme[\"fontSizes\"];\n    $typography: EditorTheme[\"typography\"];\n    $cacheKey: string;\n};\n\ntype InternalTheme = EditorThemeClasses & InternalProps;\n\nexport class Theme {\n    static cache: Record<string, Theme> = {};\n    static lastUsedTheme: Theme | null = null;\n    public readonly tokens: EditorThemeClasses;\n    private readonly _colors: ColorValue[];\n    private readonly _fontSizes: FontSizes;\n    private readonly _typography: Record<string, TypographyValue[]>;\n    private readonly _typographyMap: TypographyMap;\n    private readonly _allowCustomColors: boolean;\n\n    constructor(params: {\n        colors: EditorTheme[\"colors\"];\n        typography: EditorTheme[\"typography\"];\n        fontSizes: EditorTheme[\"fontSizes\"];\n        tokens: EditorThemeClasses;\n        allowCustomColors?: boolean;\n    }) {\n        this._colors = params.colors;\n        this._typography = params.typography;\n        this._fontSizes = params.fontSizes;\n        this._typographyMap = this.toTypographyMap(params.typography);\n        this.tokens = params.tokens;\n        this._allowCustomColors = params.allowCustomColors ?? false;\n    }\n\n    static empty() {\n        return new Theme({\n            colors: [],\n            typography: {},\n            fontSizes: [],\n            tokens: {},\n            allowCustomColors: false\n        });\n    }\n\n    static from(lexicalTheme: EditorThemeClasses) {\n        const { $colors, $typography, $fontSizes, $cacheKey, ...tokens } =\n            lexicalTheme as InternalTheme;\n\n        if (!$colors) {\n            return Theme.lastUsedTheme ?? Theme.empty();\n        }\n\n        if (!Theme.cache[$cacheKey]) {\n            Theme.cache[$cacheKey] = new Theme({\n                colors: $colors,\n                typography: $typography,\n                fontSizes: $fontSizes,\n                tokens\n            });\n        }\n\n        Theme.lastUsedTheme = Theme.cache[$cacheKey];\n\n        return Theme.cache[$cacheKey];\n    }\n\n    get colors() {\n        return this._colors;\n    }\n\n    get typography() {\n        return this._typography;\n    }\n\n    get fontSizes() {\n        return this._fontSizes;\n    }\n\n    get allowCustomColors() {\n        return this._allowCustomColors;\n    }\n\n    getTypographyById(id: string) {\n        return this._typographyMap[id];\n    }\n\n    getTypographyByTag(tag: string | string[]) {\n        const tags = Array.isArray(tag) ? tag : [tag];\n\n        for (const styleId in this._typographyMap) {\n            const style = this._typographyMap[styleId];\n            if (tags.includes(style.tag)) {\n                return style;\n            }\n        }\n        return undefined;\n    }\n\n    /*\n     *  Creates a map of style key ID's and typography style objects\n     */\n    private toTypographyMap(typography: EditorTheme[\"typography\"]): TypographyMap {\n        return Object.keys(typography).reduce((acc, key) => {\n            const items = typography[key];\n            for (const item of items) {\n                acc[item.id] = item;\n            }\n            return acc;\n        }, {} as TypographyMap);\n    }\n}\n"],"names":["Theme","params","lexicalTheme","$colors","$typography","$fontSizes","$cacheKey","tokens","id","tag","tags","Array","styleId","style","typography","Object","acc","key","items","item"],"mappings":"AAkBO,MAAMA;;aACF,KAAK,GAA0B,CAAC;;;aAChC,aAAa,GAAiB;;IAQrC,YAAYC,MAMX,CAAE;QACC,IAAI,CAAC,OAAO,GAAGA,OAAO,MAAM;QAC5B,IAAI,CAAC,WAAW,GAAGA,OAAO,UAAU;QACpC,IAAI,CAAC,UAAU,GAAGA,OAAO,SAAS;QAClC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,CAACA,OAAO,UAAU;QAC5D,IAAI,CAAC,MAAM,GAAGA,OAAO,MAAM;QAC3B,IAAI,CAAC,kBAAkB,GAAGA,OAAO,iBAAiB,IAAI;IAC1D;IAEA,OAAO,QAAQ;QACX,OAAO,IAAID,MAAM;YACb,QAAQ,EAAE;YACV,YAAY,CAAC;YACb,WAAW,EAAE;YACb,QAAQ,CAAC;YACT,mBAAmB;QACvB;IACJ;IAEA,OAAO,KAAKE,YAAgC,EAAE;QAC1C,MAAM,EAAEC,OAAO,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGC,QAAQ,GAC5DL;QAEJ,IAAI,CAACC,SACD,OAAOH,MAAM,aAAa,IAAIA,MAAM,KAAK;QAG7C,IAAI,CAACA,MAAM,KAAK,CAACM,UAAU,EACvBN,MAAM,KAAK,CAACM,UAAU,GAAG,IAAIN,MAAM;YAC/B,QAAQG;YACR,YAAYC;YACZ,WAAWC;YACXE;QACJ;QAGJP,MAAM,aAAa,GAAGA,MAAM,KAAK,CAACM,UAAU;QAE5C,OAAON,MAAM,KAAK,CAACM,UAAU;IACjC;IAEA,IAAI,SAAS;QACT,OAAO,IAAI,CAAC,OAAO;IACvB;IAEA,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,WAAW;IAC3B;IAEA,IAAI,YAAY;QACZ,OAAO,IAAI,CAAC,UAAU;IAC1B;IAEA,IAAI,oBAAoB;QACpB,OAAO,IAAI,CAAC,kBAAkB;IAClC;IAEA,kBAAkBE,EAAU,EAAE;QAC1B,OAAO,IAAI,CAAC,cAAc,CAACA,GAAG;IAClC;IAEA,mBAAmBC,GAAsB,EAAE;QACvC,MAAMC,OAAOC,MAAM,OAAO,CAACF,OAAOA,MAAM;YAACA;SAAI;QAE7C,IAAK,MAAMG,WAAW,IAAI,CAAC,cAAc,CAAE;YACvC,MAAMC,QAAQ,IAAI,CAAC,cAAc,CAACD,QAAQ;YAC1C,IAAIF,KAAK,QAAQ,CAACG,MAAM,GAAG,GACvB,OAAOA;QAEf;IAEJ;IAKQ,gBAAgBC,UAAqC,EAAiB;QAC1E,OAAOC,OAAO,IAAI,CAACD,YAAY,MAAM,CAAC,CAACE,KAAKC;YACxC,MAAMC,QAAQJ,UAAU,CAACG,IAAI;YAC7B,KAAK,MAAME,QAAQD,MACfF,GAAG,CAACG,KAAK,EAAE,CAAC,GAAGA;YAEnB,OAAOH;QACX,GAAG,CAAC;IACR;AACJ"}

package/createLexicalEditorTokens.d.ts

@@ -0,0 +1,2 @@
+import type { EditorThemeClasses } from "lexical";
+export declare const createLexicalTokens: (classPrefix: string) => EditorThemeClasses;

package/createLexicalEditorTokens.js

@@ -0,0 +1,105 @@
+const createLexicalTokens = (classPrefix)=>{
+    const withPrefix = (className)=>`${classPrefix}${className}`;
+    return {
+        characterLimit: withPrefix("characterLimit"),
+        code: withPrefix("code"),
+        codeHighlight: {
+            atrule: withPrefix("tokenAttr"),
+            attr: withPrefix("tokenAttr"),
+            boolean: withPrefix("tokenProperty"),
+            builtin: withPrefix("tokenSelector"),
+            cdata: withPrefix("tokenComment"),
+            char: withPrefix("tokenSelector"),
+            class: withPrefix("tokenFunction"),
+            "class-name": withPrefix("tokenFunction"),
+            comment: withPrefix("tokenComment"),
+            constant: withPrefix("tokenProperty"),
+            deleted: withPrefix("tokenProperty"),
+            doctype: withPrefix("tokenComment"),
+            entity: withPrefix("tokenOperator"),
+            function: withPrefix("tokenFunction"),
+            important: withPrefix("tokenVariable"),
+            inserted: withPrefix("tokenSelector"),
+            keyword: withPrefix("tokenAttr"),
+            namespace: withPrefix("tokenVariable"),
+            number: withPrefix("tokenProperty"),
+            operator: withPrefix("tokenOperator"),
+            prolog: withPrefix("tokenComment"),
+            property: withPrefix("tokenProperty"),
+            punctuation: withPrefix("tokenPunctuation"),
+            regex: withPrefix("tokenVariable"),
+            selector: withPrefix("tokenSelector"),
+            string: withPrefix("tokenSelector"),
+            symbol: withPrefix("tokenProperty"),
+            tag: withPrefix("tokenProperty"),
+            url: withPrefix("tokenOperator"),
+            variable: withPrefix("tokenVariable")
+        },
+        embedBlock: {
+            base: withPrefix("embedBlock"),
+            focus: withPrefix("embedBlockFocus")
+        },
+        hashtag: withPrefix("hashtag"),
+        heading: {
+            h1: withPrefix("h1"),
+            h2: withPrefix("h2"),
+            h3: withPrefix("h3"),
+            h4: withPrefix("h4"),
+            h5: withPrefix("h5"),
+            h6: withPrefix("h6")
+        },
+        link: withPrefix("link"),
+        list: {
+            listitem: withPrefix("listItem"),
+            listitemChecked: withPrefix("listItemChecked"),
+            listitemUnchecked: withPrefix("listItemUnchecked"),
+            nested: {
+                listitem: withPrefix("nestedListItem")
+            },
+            olDepth: [
+                withPrefix("ol1"),
+                withPrefix("ol2"),
+                withPrefix("ol3"),
+                withPrefix("ol4"),
+                withPrefix("ol5")
+            ],
+            ul: withPrefix("ul")
+        },
+        ltr: withPrefix("ltr"),
+        mark: withPrefix("mark"),
+        markOverlap: withPrefix("markOverlap"),
+        paragraph: withPrefix("paragraph"),
+        quote: withPrefix("quote"),
+        rtl: withPrefix("rtl"),
+        text: {
+            bold: withPrefix("textBold"),
+            code: withPrefix("textCode"),
+            italic: withPrefix("textItalic"),
+            strikethrough: withPrefix("textStrikethrough"),
+            subscript: withPrefix("textSubscript"),
+            superscript: withPrefix("textSuperscript"),
+            underline: withPrefix("textUnderline"),
+            underlineStrikethrough: withPrefix("textUnderlineStrikethrough")
+        },
+        fontColorText: withPrefix("fontColorText"),
+        image: withPrefix("image"),
+        indent: withPrefix("indent"),
+        inlineImage: withPrefix("inline-image"),
+        table: withPrefix("table"),
+        tableAddColumns: withPrefix("tableAddColumns"),
+        tableAddRows: withPrefix("tableAddRows"),
+        tableCellActionButton: withPrefix("tableCellActionButton"),
+        tableCellActionButtonContainer: withPrefix("tableCellActionButtonContainer"),
+        tableCellSelected: withPrefix("tableCellSelected"),
+        tableCell: withPrefix("tableCell"),
+        tableCellHeader: withPrefix("tableCellHeader"),
+        tableCellResizer: withPrefix("tableCellResizer"),
+        tableRow: withPrefix("tableRow"),
+        tableScrollableWrapper: withPrefix("tableScrollableWrapper"),
+        tableSelected: withPrefix("tableSelected"),
+        tableSelection: withPrefix("tableSelection")
+    };
+};
+export { createLexicalTokens };
+
+//# sourceMappingURL=createLexicalEditorTokens.js.map

package/createLexicalEditorTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createLexicalEditorTokens.js","sources":["../src/createLexicalEditorTokens.ts"],"sourcesContent":["import type { EditorThemeClasses } from \"lexical\";\n\nexport const createLexicalTokens = (classPrefix: string): EditorThemeClasses => {\n    const withPrefix = (className: string) => {\n        return `${classPrefix}${className}`;\n    };\n\n    return {\n        characterLimit: withPrefix(\"characterLimit\"),\n        code: withPrefix(\"code\"),\n        codeHighlight: {\n            atrule: withPrefix(\"tokenAttr\"),\n            attr: withPrefix(\"tokenAttr\"),\n            boolean: withPrefix(\"tokenProperty\"),\n            builtin: withPrefix(\"tokenSelector\"),\n            cdata: withPrefix(\"tokenComment\"),\n            char: withPrefix(\"tokenSelector\"),\n            class: withPrefix(\"tokenFunction\"),\n            \"class-name\": withPrefix(\"tokenFunction\"),\n            comment: withPrefix(\"tokenComment\"),\n            constant: withPrefix(\"tokenProperty\"),\n            deleted: withPrefix(\"tokenProperty\"),\n            doctype: withPrefix(\"tokenComment\"),\n            entity: withPrefix(\"tokenOperator\"),\n            function: withPrefix(\"tokenFunction\"),\n            important: withPrefix(\"tokenVariable\"),\n            inserted: withPrefix(\"tokenSelector\"),\n            keyword: withPrefix(\"tokenAttr\"),\n            namespace: withPrefix(\"tokenVariable\"),\n            number: withPrefix(\"tokenProperty\"),\n            operator: withPrefix(\"tokenOperator\"),\n            prolog: withPrefix(\"tokenComment\"),\n            property: withPrefix(\"tokenProperty\"),\n            punctuation: withPrefix(\"tokenPunctuation\"),\n            regex: withPrefix(\"tokenVariable\"),\n            selector: withPrefix(\"tokenSelector\"),\n            string: withPrefix(\"tokenSelector\"),\n            symbol: withPrefix(\"tokenProperty\"),\n            tag: withPrefix(\"tokenProperty\"),\n            url: withPrefix(\"tokenOperator\"),\n            variable: withPrefix(\"tokenVariable\")\n        },\n        embedBlock: {\n            base: withPrefix(\"embedBlock\"),\n            focus: withPrefix(\"embedBlockFocus\")\n        },\n        hashtag: withPrefix(\"hashtag\"),\n        heading: {\n            h1: withPrefix(\"h1\"),\n            h2: withPrefix(\"h2\"),\n            h3: withPrefix(\"h3\"),\n            h4: withPrefix(\"h4\"),\n            h5: withPrefix(\"h5\"),\n            h6: withPrefix(\"h6\")\n        },\n        link: withPrefix(\"link\"),\n        list: {\n            listitem: withPrefix(\"listItem\"),\n            listitemChecked: withPrefix(\"listItemChecked\"),\n            listitemUnchecked: withPrefix(\"listItemUnchecked\"),\n            nested: {\n                listitem: withPrefix(\"nestedListItem\")\n            },\n            olDepth: [\n                withPrefix(\"ol1\"),\n                withPrefix(\"ol2\"),\n                withPrefix(\"ol3\"),\n                withPrefix(\"ol4\"),\n                withPrefix(\"ol5\")\n            ],\n            ul: withPrefix(\"ul\")\n        },\n        ltr: withPrefix(\"ltr\"),\n        mark: withPrefix(\"mark\"),\n        markOverlap: withPrefix(\"markOverlap\"),\n        paragraph: withPrefix(\"paragraph\"),\n        quote: withPrefix(\"quote\"),\n        rtl: withPrefix(\"rtl\"),\n        text: {\n            bold: withPrefix(\"textBold\"),\n            code: withPrefix(\"textCode\"),\n            italic: withPrefix(\"textItalic\"),\n            strikethrough: withPrefix(\"textStrikethrough\"),\n            subscript: withPrefix(\"textSubscript\"),\n            superscript: withPrefix(\"textSuperscript\"),\n            underline: withPrefix(\"textUnderline\"),\n            underlineStrikethrough: withPrefix(\"textUnderlineStrikethrough\")\n        },\n        fontColorText: withPrefix(\"fontColorText\"),\n        image: withPrefix(\"image\"),\n        indent: withPrefix(\"indent\"),\n        inlineImage: withPrefix(\"inline-image\"),\n        table: withPrefix(\"table\"),\n        tableAddColumns: withPrefix(\"tableAddColumns\"),\n        tableAddRows: withPrefix(\"tableAddRows\"),\n        tableCellActionButton: withPrefix(\"tableCellActionButton\"),\n        tableCellActionButtonContainer: withPrefix(\"tableCellActionButtonContainer\"),\n        tableCellSelected: withPrefix(\"tableCellSelected\"),\n        tableCell: withPrefix(\"tableCell\"),\n        tableCellHeader: withPrefix(\"tableCellHeader\"),\n        tableCellResizer: withPrefix(\"tableCellResizer\"),\n        tableRow: withPrefix(\"tableRow\"),\n        tableScrollableWrapper: withPrefix(\"tableScrollableWrapper\"),\n        tableSelected: withPrefix(\"tableSelected\"),\n        tableSelection: withPrefix(\"tableSelection\")\n    };\n};\n"],"names":["createLexicalTokens","classPrefix","withPrefix","className"],"mappings":"AAEO,MAAMA,sBAAsB,CAACC;IAChC,MAAMC,aAAa,CAACC,YACT,GAAGF,cAAcE,WAAW;IAGvC,OAAO;QACH,gBAAgBD,WAAW;QAC3B,MAAMA,WAAW;QACjB,eAAe;YACX,QAAQA,WAAW;YACnB,MAAMA,WAAW;YACjB,SAASA,WAAW;YACpB,SAASA,WAAW;YACpB,OAAOA,WAAW;YAClB,MAAMA,WAAW;YACjB,OAAOA,WAAW;YAClB,cAAcA,WAAW;YACzB,SAASA,WAAW;YACpB,UAAUA,WAAW;YACrB,SAASA,WAAW;YACpB,SAASA,WAAW;YACpB,QAAQA,WAAW;YACnB,UAAUA,WAAW;YACrB,WAAWA,WAAW;YACtB,UAAUA,WAAW;YACrB,SAASA,WAAW;YACpB,WAAWA,WAAW;YACtB,QAAQA,WAAW;YACnB,UAAUA,WAAW;YACrB,QAAQA,WAAW;YACnB,UAAUA,WAAW;YACrB,aAAaA,WAAW;YACxB,OAAOA,WAAW;YAClB,UAAUA,WAAW;YACrB,QAAQA,WAAW;YACnB,QAAQA,WAAW;YACnB,KAAKA,WAAW;YAChB,KAAKA,WAAW;YAChB,UAAUA,WAAW;QACzB;QACA,YAAY;YACR,MAAMA,WAAW;YACjB,OAAOA,WAAW;QACtB;QACA,SAASA,WAAW;QACpB,SAAS;YACL,IAAIA,WAAW;YACf,IAAIA,WAAW;YACf,IAAIA,WAAW;YACf,IAAIA,WAAW;YACf,IAAIA,WAAW;YACf,IAAIA,WAAW;QACnB;QACA,MAAMA,WAAW;QACjB,MAAM;YACF,UAAUA,WAAW;YACrB,iBAAiBA,WAAW;YAC5B,mBAAmBA,WAAW;YAC9B,QAAQ;gBACJ,UAAUA,WAAW;YACzB;YACA,SAAS;gBACLA,WAAW;gBACXA,WAAW;gBACXA,WAAW;gBACXA,WAAW;gBACXA,WAAW;aACd;YACD,IAAIA,WAAW;QACnB;QACA,KAAKA,WAAW;QAChB,MAAMA,WAAW;QACjB,aAAaA,WAAW;QACxB,WAAWA,WAAW;QACtB,OAAOA,WAAW;QAClB,KAAKA,WAAW;QAChB,MAAM;YACF,MAAMA,WAAW;YACjB,MAAMA,WAAW;YACjB,QAAQA,WAAW;YACnB,eAAeA,WAAW;YAC1B,WAAWA,WAAW;YACtB,aAAaA,WAAW;YACxB,WAAWA,WAAW;YACtB,wBAAwBA,WAAW;QACvC;QACA,eAAeA,WAAW;QAC1B,OAAOA,WAAW;QAClB,QAAQA,WAAW;QACnB,aAAaA,WAAW;QACxB,OAAOA,WAAW;QAClB,iBAAiBA,WAAW;QAC5B,cAAcA,WAAW;QACzB,uBAAuBA,WAAW;QAClC,gCAAgCA,WAAW;QAC3C,mBAAmBA,WAAW;QAC9B,WAAWA,WAAW;QACtB,iBAAiBA,WAAW;QAC5B,kBAAkBA,WAAW;QAC7B,UAAUA,WAAW;QACrB,wBAAwBA,WAAW;QACnC,eAAeA,WAAW;QAC1B,gBAAgBA,WAAW;IAC/B;AACJ"}

package/createTheme.d.ts

@@ -1,7 +1,8 @@
-import type { EditorThemeClasses } from "lexical";
-import type { ThemeEmotionMap } from "./types";
-export type EditorTheme = {
-    styles: Record<string, any>;
-    emotionMap: ThemeEmotionMap;
-} & EditorThemeClasses;
-export declare const createTheme: ({ styles, emotionMap, ...theme }: Partial<EditorTheme>) => EditorTheme;
+import type { ColorValue, EditorTheme, TypographyValue, FontSizes } from "./types.js";
+export interface CreateThemeParams {
+    colors: ColorValue[];
+    typography: Record<string, TypographyValue[]>;
+    lexicalTokenPrefix: string;
+    fontSizes: FontSizes | null;
+}
+export declare const createTheme: (params: CreateThemeParams) => EditorTheme;

package/createTheme.js

@@ -1,103 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createTheme = void 0;
-const defaultTheme = {
-  styles: {},
-  emotionMap: {},
-  characterLimit: "WebinyLexical__characterLimit",
-  code: "WebinyLexical__code",
-  codeHighlight: {
-    atrule: "WebinyLexical__tokenAttr",
-    attr: "WebinyLexical__tokenAttr",
-    boolean: "WebinyLexical__tokenProperty",
-    builtin: "WebinyLexical__tokenSelector",
-    cdata: "WebinyLexical__tokenComment",
-    char: "WebinyLexical__tokenSelector",
-    class: "WebinyLexical__tokenFunction",
-    "class-name": "WebinyLexical__tokenFunction",
-    comment: "WebinyLexical__tokenComment",
-    constant: "WebinyLexical__tokenProperty",
-    deleted: "WebinyLexical__tokenProperty",
-    doctype: "WebinyLexical__tokenComment",
-    entity: "WebinyLexical__tokenOperator",
-    function: "WebinyLexical__tokenFunction",
-    important: "WebinyLexical__tokenVariable",
-    inserted: "WebinyLexical__tokenSelector",
-    keyword: "WebinyLexical__tokenAttr",
-    namespace: "WebinyLexical__tokenVariable",
-    number: "WebinyLexical__tokenProperty",
-    operator: "WebinyLexical__tokenOperator",
-    prolog: "WebinyLexical__tokenComment",
-    property: "WebinyLexical__tokenProperty",
-    punctuation: "WebinyLexical__tokenPunctuation",
-    regex: "WebinyLexical__tokenVariable",
-    selector: "WebinyLexical__tokenSelector",
-    string: "WebinyLexical__tokenSelector",
-    symbol: "WebinyLexical__tokenProperty",
-    tag: "WebinyLexical__tokenProperty",
-    url: "WebinyLexical__tokenOperator",
-    variable: "WebinyLexical__tokenVariable"
-  },
-  embedBlock: {
-    base: "WebinyLexical__embedBlock",
-    focus: "WebinyLexical__embedBlockFocus"
-  },
-  hashtag: "WebinyLexical__hashtag",
-  heading: {
-    h1: "WebinyLexical__h1",
-    h2: "WebinyLexical__h2",
-    h3: "WebinyLexical__h3",
-    h4: "WebinyLexical__h4",
-    h5: "WebinyLexical__h5",
-    h6: "WebinyLexical__h6"
-  },
-  link: "WebinyLexical__link",
-  list: {
-    listitem: "WebinyLexical__listItem",
-    listitemChecked: "WebinyLexical__listItemChecked",
-    listitemUnchecked: "WebinyLexical__listItemUnchecked",
-    nested: {
-      listitem: "WebinyLexical__nestedListItem"
-    },
-    olDepth: ["WebinyLexical__ol1", "WebinyLexical__ol2", "WebinyLexical__ol3", "WebinyLexical__ol4", "WebinyLexical__ol5"],
-    ul: "WebinyLexical__ul"
-  },
-  ltr: "WebinyLexical__ltr",
-  mark: "WebinyLexical__mark",
-  markOverlap: "WebinyLexical__markOverlap",
-  paragraph: "WebinyLexical__paragraph",
-  quote: "WebinyLexical__quote",
-  rtl: "WebinyLexical__rtl",
-  text: {
-    bold: "WebinyLexical__textBold",
-    code: "WebinyLexical__textCode",
-    italic: "WebinyLexical__textItalic",
-    strikethrough: "WebinyLexical__textStrikethrough",
-    subscript: "WebinyLexical__textSubscript",
-    superscript: "WebinyLexical__textSuperscript",
-    underline: "WebinyLexical__textUnderline",
-    underlineStrikethrough: "WebinyLexical__textUnderlineStrikethrough"
-  },
-  fontColorText: "WebinyLexical__fontColorText",
-  image: "editor-image",
-  indent: "PlaygroundEditorTheme__indent",
-  inlineImage: "inline-editor-image"
-};
-const createTheme = ({
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  styles,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  emotionMap,
-  ...theme
-}) => {
-  return {
-    ...defaultTheme,
-    ...theme
-  };
-};
-exports.createTheme = createTheme;
+import { createLexicalTokens } from "./createLexicalEditorTokens.js";
+const createTheme = (params)=>({
+        colors: params.colors,
+        typography: params.typography,
+        tokens: createLexicalTokens(params.lexicalTokenPrefix),
+        fontSizes: params.fontSizes ?? []
+    });
+export { createTheme };
 
 //# sourceMappingURL=createTheme.js.map

package/createTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultTheme","styles","emotionMap","characterLimit","code","codeHighlight","atrule","attr","boolean","builtin","cdata","char","class","comment","constant","deleted","doctype","entity","function","important","inserted","keyword","namespace","number","operator","prolog","property","punctuation","regex","selector","string","symbol","tag","url","variable","embedBlock","base","focus","hashtag","heading","h1","h2","h3","h4","h5","h6","link","list","listitem","listitemChecked","listitemUnchecked","nested","olDepth","ul","ltr","mark","markOverlap","paragraph","quote","rtl","text","bold","italic","strikethrough","subscript","superscript","underline","underlineStrikethrough","fontColorText","image","indent","inlineImage","createTheme","theme","exports"],"sources":["createTheme.ts"],"sourcesContent":["import type { EditorThemeClasses } from \"lexical\";\nimport type { ThemeEmotionMap } from \"~/types\";\n\nexport type EditorTheme = {\n    styles: Record<string, any>;\n    emotionMap: ThemeEmotionMap;\n} & EditorThemeClasses;\n\nconst defaultTheme: EditorTheme = {\n    styles: {},\n    emotionMap: {},\n    characterLimit: \"WebinyLexical__characterLimit\",\n    code: \"WebinyLexical__code\",\n    codeHighlight: {\n        atrule: \"WebinyLexical__tokenAttr\",\n        attr: \"WebinyLexical__tokenAttr\",\n        boolean: \"WebinyLexical__tokenProperty\",\n        builtin: \"WebinyLexical__tokenSelector\",\n        cdata: \"WebinyLexical__tokenComment\",\n        char: \"WebinyLexical__tokenSelector\",\n        class: \"WebinyLexical__tokenFunction\",\n        \"class-name\": \"WebinyLexical__tokenFunction\",\n        comment: \"WebinyLexical__tokenComment\",\n        constant: \"WebinyLexical__tokenProperty\",\n        deleted: \"WebinyLexical__tokenProperty\",\n        doctype: \"WebinyLexical__tokenComment\",\n        entity: \"WebinyLexical__tokenOperator\",\n        function: \"WebinyLexical__tokenFunction\",\n        important: \"WebinyLexical__tokenVariable\",\n        inserted: \"WebinyLexical__tokenSelector\",\n        keyword: \"WebinyLexical__tokenAttr\",\n        namespace: \"WebinyLexical__tokenVariable\",\n        number: \"WebinyLexical__tokenProperty\",\n        operator: \"WebinyLexical__tokenOperator\",\n        prolog: \"WebinyLexical__tokenComment\",\n        property: \"WebinyLexical__tokenProperty\",\n        punctuation: \"WebinyLexical__tokenPunctuation\",\n        regex: \"WebinyLexical__tokenVariable\",\n        selector: \"WebinyLexical__tokenSelector\",\n        string: \"WebinyLexical__tokenSelector\",\n        symbol: \"WebinyLexical__tokenProperty\",\n        tag: \"WebinyLexical__tokenProperty\",\n        url: \"WebinyLexical__tokenOperator\",\n        variable: \"WebinyLexical__tokenVariable\"\n    },\n    embedBlock: {\n        base: \"WebinyLexical__embedBlock\",\n        focus: \"WebinyLexical__embedBlockFocus\"\n    },\n    hashtag: \"WebinyLexical__hashtag\",\n    heading: {\n        h1: \"WebinyLexical__h1\",\n        h2: \"WebinyLexical__h2\",\n        h3: \"WebinyLexical__h3\",\n        h4: \"WebinyLexical__h4\",\n        h5: \"WebinyLexical__h5\",\n        h6: \"WebinyLexical__h6\"\n    },\n    link: \"WebinyLexical__link\",\n    list: {\n        listitem: \"WebinyLexical__listItem\",\n        listitemChecked: \"WebinyLexical__listItemChecked\",\n        listitemUnchecked: \"WebinyLexical__listItemUnchecked\",\n        nested: {\n            listitem: \"WebinyLexical__nestedListItem\"\n        },\n        olDepth: [\n            \"WebinyLexical__ol1\",\n            \"WebinyLexical__ol2\",\n            \"WebinyLexical__ol3\",\n            \"WebinyLexical__ol4\",\n            \"WebinyLexical__ol5\"\n        ],\n        ul: \"WebinyLexical__ul\"\n    },\n    ltr: \"WebinyLexical__ltr\",\n    mark: \"WebinyLexical__mark\",\n    markOverlap: \"WebinyLexical__markOverlap\",\n    paragraph: \"WebinyLexical__paragraph\",\n    quote: \"WebinyLexical__quote\",\n    rtl: \"WebinyLexical__rtl\",\n    text: {\n        bold: \"WebinyLexical__textBold\",\n        code: \"WebinyLexical__textCode\",\n        italic: \"WebinyLexical__textItalic\",\n        strikethrough: \"WebinyLexical__textStrikethrough\",\n        subscript: \"WebinyLexical__textSubscript\",\n        superscript: \"WebinyLexical__textSuperscript\",\n        underline: \"WebinyLexical__textUnderline\",\n        underlineStrikethrough: \"WebinyLexical__textUnderlineStrikethrough\"\n    },\n    fontColorText: \"WebinyLexical__fontColorText\",\n    image: \"editor-image\",\n    indent: \"PlaygroundEditorTheme__indent\",\n    inlineImage: \"inline-editor-image\"\n};\n\nexport const createTheme = ({\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    styles,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    emotionMap,\n    ...theme\n}: Partial<EditorTheme>): EditorTheme => {\n    return { ...defaultTheme, ...theme };\n};\n"],"mappings":";;;;;;AAQA,MAAMA,YAAyB,GAAG;EAC9BC,MAAM,EAAE,CAAC,CAAC;EACVC,UAAU,EAAE,CAAC,CAAC;EACdC,cAAc,EAAE,+BAA+B;EAC/CC,IAAI,EAAE,qBAAqB;EAC3BC,aAAa,EAAE;IACXC,MAAM,EAAE,0BAA0B;IAClCC,IAAI,EAAE,0BAA0B;IAChCC,OAAO,EAAE,8BAA8B;IACvCC,OAAO,EAAE,8BAA8B;IACvCC,KAAK,EAAE,6BAA6B;IACpCC,IAAI,EAAE,8BAA8B;IACpCC,KAAK,EAAE,8BAA8B;IACrC,YAAY,EAAE,8BAA8B;IAC5CC,OAAO,EAAE,6BAA6B;IACtCC,QAAQ,EAAE,8BAA8B;IACxCC,OAAO,EAAE,8BAA8B;IACvCC,OAAO,EAAE,6BAA6B;IACtCC,MAAM,EAAE,8BAA8B;IACtCC,QAAQ,EAAE,8BAA8B;IACxCC,SAAS,EAAE,8BAA8B;IACzCC,QAAQ,EAAE,8BAA8B;IACxCC,OAAO,EAAE,0BAA0B;IACnCC,SAAS,EAAE,8BAA8B;IACzCC,MAAM,EAAE,8BAA8B;IACtCC,QAAQ,EAAE,8BAA8B;IACxCC,MAAM,EAAE,6BAA6B;IACrCC,QAAQ,EAAE,8BAA8B;IACxCC,WAAW,EAAE,iCAAiC;IAC9CC,KAAK,EAAE,8BAA8B;IACrCC,QAAQ,EAAE,8BAA8B;IACxCC,MAAM,EAAE,8BAA8B;IACtCC,MAAM,EAAE,8BAA8B;IACtCC,GAAG,EAAE,8BAA8B;IACnCC,GAAG,EAAE,8BAA8B;IACnCC,QAAQ,EAAE;EACd,CAAC;EACDC,UAAU,EAAE;IACRC,IAAI,EAAE,2BAA2B;IACjCC,KAAK,EAAE;EACX,CAAC;EACDC,OAAO,EAAE,wBAAwB;EACjCC,OAAO,EAAE;IACLC,EAAE,EAAE,mBAAmB;IACvBC,EAAE,EAAE,mBAAmB;IACvBC,EAAE,EAAE,mBAAmB;IACvBC,EAAE,EAAE,mBAAmB;IACvBC,EAAE,EAAE,mBAAmB;IACvBC,EAAE,EAAE;EACR,CAAC;EACDC,IAAI,EAAE,qBAAqB;EAC3BC,IAAI,EAAE;IACFC,QAAQ,EAAE,yBAAyB;IACnCC,eAAe,EAAE,gCAAgC;IACjDC,iBAAiB,EAAE,kCAAkC;IACrDC,MAAM,EAAE;MACJH,QAAQ,EAAE;IACd,CAAC;IACDI,OAAO,EAAE,CACL,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,CACvB;IACDC,EAAE,EAAE;EACR,CAAC;EACDC,GAAG,EAAE,oBAAoB;EACzBC,IAAI,EAAE,qBAAqB;EAC3BC,WAAW,EAAE,4BAA4B;EACzCC,SAAS,EAAE,0BAA0B;EACrCC,KAAK,EAAE,sBAAsB;EAC7BC,GAAG,EAAE,oBAAoB;EACzBC,IAAI,EAAE;IACFC,IAAI,EAAE,yBAAyB;IAC/BzD,IAAI,EAAE,yBAAyB;IAC/B0D,MAAM,EAAE,2BAA2B;IACnCC,aAAa,EAAE,kCAAkC;IACjDC,SAAS,EAAE,8BAA8B;IACzCC,WAAW,EAAE,gCAAgC;IAC7CC,SAAS,EAAE,8BAA8B;IACzCC,sBAAsB,EAAE;EAC5B,CAAC;EACDC,aAAa,EAAE,8BAA8B;EAC7CC,KAAK,EAAE,cAAc;EACrBC,MAAM,EAAE,+BAA+B;EACvCC,WAAW,EAAE;AACjB,CAAC;AAEM,MAAMC,WAAW,GAAGA,CAAC;EACxB;EACAvE,MAAM;EACN;EACAC,UAAU;EACV,GAAGuE;AACe,CAAC,KAAkB;EACrC,OAAO;IAAE,GAAGzE,YAAY;IAAE,GAAGyE;EAAM,CAAC;AACxC,CAAC;AAACC,OAAA,CAAAF,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"file":"createTheme.js","sources":["../src/createTheme.ts"],"sourcesContent":["import type { ColorValue, EditorTheme, TypographyValue, FontSizes } from \"~/types.js\";\nimport { createLexicalTokens } from \"~/createLexicalEditorTokens.js\";\n\nexport interface CreateThemeParams {\n    colors: ColorValue[];\n    typography: Record<string, TypographyValue[]>;\n    lexicalTokenPrefix: string;\n    fontSizes: FontSizes | null;\n}\n\nexport const createTheme = (params: CreateThemeParams): EditorTheme => {\n    return {\n        colors: params.colors,\n        typography: params.typography,\n        tokens: createLexicalTokens(params.lexicalTokenPrefix),\n        fontSizes: params.fontSizes ?? []\n    };\n};\n"],"names":["createTheme","params","createLexicalTokens"],"mappings":";AAUO,MAAMA,cAAc,CAACC,SACjB;QACH,QAAQA,OAAO,MAAM;QACrB,YAAYA,OAAO,UAAU;QAC7B,QAAQC,oBAAoBD,OAAO,kBAAkB;QACrD,WAAWA,OAAO,SAAS,IAAI,EAAE;IACrC"}

package/index.d.ts

@@ -1,5 +1,4 @@
-export * from "./createTheme";
-export * from "./types";
-export * from "./utils/findTypographyStyleByHtmlTag";
-export * from "./utils/toTypographyEmotionMap";
-export * from "./utils/styleObjectToString";
+export * from "./createTheme.js";
+export * from "./types.js";
+export * from "./Theme.js";
+export * from "./toTypographyMap.js";

package/index.js

@@ -1,62 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _createTheme = require("./createTheme");
-Object.keys(_createTheme).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _createTheme[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _createTheme[key];
-    }
-  });
-});
-var _types = require("./types");
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _types[key];
-    }
-  });
-});
-var _findTypographyStyleByHtmlTag = require("./utils/findTypographyStyleByHtmlTag");
-Object.keys(_findTypographyStyleByHtmlTag).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _findTypographyStyleByHtmlTag[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _findTypographyStyleByHtmlTag[key];
-    }
-  });
-});
-var _toTypographyEmotionMap = require("./utils/toTypographyEmotionMap");
-Object.keys(_toTypographyEmotionMap).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _toTypographyEmotionMap[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _toTypographyEmotionMap[key];
-    }
-  });
-});
-var _styleObjectToString = require("./utils/styleObjectToString");
-Object.keys(_styleObjectToString).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _styleObjectToString[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _styleObjectToString[key];
-    }
-  });
-});
-
-//# sourceMappingURL=index.js.map
+export * from "./createTheme.js";
+export * from "./types.js";
+export * from "./Theme.js";
+export * from "./toTypographyMap.js";

package/package.json

@@ -1,22 +1,21 @@
 {
 	"name": "@webiny/lexical-theme",
-	"version": "0.0.0-unstable.a4637c5ce6",
+	"version": "0.0.0-unstable.a4f3e4ea8b",
+	"type": "module",
+	"exports": {
+		".": "./index.js",
+		"./*": "./*"
+	},
 	"dependencies": {
-		"@emotion/react": "11.10.8",
-		"emotion": "10.0.27",
-		"lexical": "0.23.1",
-		"react-style-object-to-css": "1.1.2"
+		"lexical": "0.48.0"
 	},
 	"devDependencies": {
-		"@webiny/project-utils": "0.0.0-unstable.a4637c5ce6"
+		"@webiny/build-tools": "0.0.0-unstable.a4f3e4ea8b"
 	},
 	"publishConfig": {
-		"access": "public",
-		"directory": "dist"
-	},
-	"scripts": {
-		"build": "node ../cli/bin.js run build",
-		"watch": "node ../cli/bin.js run watch"
+		"access": "public"
 	},
-	"gitHead": "a4637c5ce60a72a1cb15dfa96576cb931e4cc911"
+	"webiny": {
+		"publishFrom": "dist"
+	}
 }

package/toTypographyMap.d.ts

@@ -0,0 +1,2 @@
+import type { EditorTheme, TypographyMap } from "./types.js";
+export declare const toTypographyMap: (theme: EditorTheme) => TypographyMap;

package/toTypographyMap.js

@@ -0,0 +1,11 @@
+const toTypographyMap = (theme)=>{
+    const typographyStyles = theme.typography;
+    if (!typographyStyles) return {};
+    return Object.keys(typographyStyles).reduce((acc, key)=>{
+        for (const style of typographyStyles[key])acc[style.id] = style;
+        return acc;
+    }, {});
+};
+export { toTypographyMap };
+
+//# sourceMappingURL=toTypographyMap.js.map

package/toTypographyMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toTypographyMap.js","sources":["../src/toTypographyMap.ts"],"sourcesContent":["import type { EditorTheme, TypographyMap } from \"~/types.js\";\n\nexport const toTypographyMap = (theme: EditorTheme): TypographyMap => {\n    const typographyStyles = theme.typography;\n    if (!typographyStyles) {\n        return {};\n    }\n\n    return Object.keys(typographyStyles).reduce((acc, key) => {\n        for (const style of typographyStyles[key]) {\n            acc[style.id] = style;\n        }\n        return acc;\n    }, {} as TypographyMap);\n};\n"],"names":["toTypographyMap","theme","typographyStyles","Object","acc","key","style"],"mappings":"AAEO,MAAMA,kBAAkB,CAACC;IAC5B,MAAMC,mBAAmBD,MAAM,UAAU;IACzC,IAAI,CAACC,kBACD,OAAO,CAAC;IAGZ,OAAOC,OAAO,IAAI,CAACD,kBAAkB,MAAM,CAAC,CAACE,KAAKC;QAC9C,KAAK,MAAMC,SAASJ,gBAAgB,CAACG,IAAI,CACrCD,GAAG,CAACE,MAAM,EAAE,CAAC,GAAGA;QAEpB,OAAOF;IACX,GAAG,CAAC;AACR"}

package/types.d.ts

@@ -1,17 +1,21 @@
-import type { CSSObject } from "@emotion/react";
+import type { EditorThemeClasses } from "lexical";
+export type ColorValue = {
+    id: string;
+    label: string;
+    value: string;
+};
+export type FontSizes = string[];
 export type TypographyValue = {
     id: string;
     tag: string;
-    name: string;
-    css?: CSSObject;
-    className?: string;
+    label: string;
+    className: string;
 };
-export type ThemeEmotionMap = {
-    [styleId: string]: {
-        id: string;
-        tag: string;
-        name: string;
-        styles?: Record<string, any>;
-        className: string;
-    };
+export type EditorTheme = {
+    colors: ColorValue[];
+    typography: Record<string, TypographyValue[]>;
+    tokens: EditorThemeClasses;
+    fontSizes: FontSizes;
+    allowCustomColors?: boolean;
 };
+export type TypographyMap = Record<string, TypographyValue>;

package/types.js

@@ -1,7 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-//# sourceMappingURL=types.js.map

package/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_createTheme","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_types","_findTypographyStyleByHtmlTag","_toTypographyEmotionMap","_styleObjectToString"],"sources":["index.ts"],"sourcesContent":["export * from \"./createTheme\";\nexport * from \"./types\";\nexport * from \"./utils/findTypographyStyleByHtmlTag\";\nexport * from \"./utils/toTypographyEmotionMap\";\nexport * from \"./utils/styleObjectToString\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,MAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,MAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,MAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,MAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,6BAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,6BAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,6BAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,6BAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,uBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,uBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,uBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,uBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,oBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,oBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,oBAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,oBAAA,CAAAR,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { CSSObject } from \"@emotion/react\";\n\nexport type TypographyValue = {\n    id: string;\n    tag: string;\n    name: string;\n    css?: CSSObject;\n    className?: string;\n};\n\n/*\n * Contains IDs of the styles and classes generated by Emotion.\n */\nexport type ThemeEmotionMap = {\n    [styleId: string]: {\n        id: string;\n        tag: string;\n        name: string;\n        styles?: Record<string, any>;\n        // emotion generated class or user provided class\n        className: string;\n    };\n};\n"],"mappings":"","ignoreList":[]}

package/utils/findTypographyStyleByHtmlTag.d.ts

@@ -1,8 +0,0 @@
-import type { ThemeEmotionMap } from "../types";
-export declare const findTypographyStyleByHtmlTag: (htmlTag: string | string[], themeEmotionMap: ThemeEmotionMap) => {
-    id: string;
-    tag: string;
-    name: string;
-    styles?: Record<string, any> | undefined;
-    className: string;
-} | undefined;

package/utils/findTypographyStyleByHtmlTag.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.findTypographyStyleByHtmlTag = void 0;
-const findTypographyStyleByHtmlTag = (htmlTag, themeEmotionMap) => {
-  const tags = Array.isArray(htmlTag) ? htmlTag : [htmlTag];
-  for (const styleId in themeEmotionMap) {
-    const style = themeEmotionMap[styleId];
-    if (tags.includes(style.tag)) {
-      return style;
-    }
-  }
-  return undefined;
-};
-exports.findTypographyStyleByHtmlTag = findTypographyStyleByHtmlTag;
-
-//# sourceMappingURL=findTypographyStyleByHtmlTag.js.map

package/utils/findTypographyStyleByHtmlTag.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["findTypographyStyleByHtmlTag","htmlTag","themeEmotionMap","tags","Array","isArray","styleId","style","includes","tag","undefined","exports"],"sources":["findTypographyStyleByHtmlTag.ts"],"sourcesContent":["import type { ThemeEmotionMap } from \"~/types\";\n\nexport const findTypographyStyleByHtmlTag = (\n    htmlTag: string | string[],\n    themeEmotionMap: ThemeEmotionMap\n) => {\n    const tags = Array.isArray(htmlTag) ? htmlTag : [htmlTag];\n\n    for (const styleId in themeEmotionMap) {\n        const style = themeEmotionMap[styleId];\n        if (tags.includes(style.tag)) {\n            return style;\n        }\n    }\n    return undefined;\n};\n"],"mappings":";;;;;;AAEO,MAAMA,4BAA4B,GAAGA,CACxCC,OAA0B,EAC1BC,eAAgC,KAC/B;EACD,MAAMC,IAAI,GAAGC,KAAK,CAACC,OAAO,CAACJ,OAAO,CAAC,GAAGA,OAAO,GAAG,CAACA,OAAO,CAAC;EAEzD,KAAK,MAAMK,OAAO,IAAIJ,eAAe,EAAE;IACnC,MAAMK,KAAK,GAAGL,eAAe,CAACI,OAAO,CAAC;IACtC,IAAIH,IAAI,CAACK,QAAQ,CAACD,KAAK,CAACE,GAAG,CAAC,EAAE;MAC1B,OAAOF,KAAK;IAChB;EACJ;EACA,OAAOG,SAAS;AACpB,CAAC;AAACC,OAAA,CAAAX,4BAAA,GAAAA,4BAAA","ignoreList":[]}

package/utils/styleObjectToString.d.ts

@@ -1,2 +0,0 @@
-import type { CSSObject } from "@emotion/react";
-export declare const styleObjectToString: (styleObject: CSSObject) => string;

package/utils/styleObjectToString.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styleObjectToString = void 0;
-var _reactStyleObjectToCss = _interopRequireDefault(require("react-style-object-to-css"));
-// @ts-expect-error - There are no types "@types/react-style-object-to-css" for this lib.
-
-/*
- * Converts CSS style objects to string
- * Example:
- *  { fontSize: '10px' } => "font-size: 10px"
- * */
-const styleObjectToString = styleObject => {
-  if (!styleObject) {
-    return styleObject;
-  }
-  return (0, _reactStyleObjectToCss.default)(styleObject);
-};
-exports.styleObjectToString = styleObjectToString;
-
-//# sourceMappingURL=styleObjectToString.js.map

package/utils/styleObjectToString.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactStyleObjectToCss","_interopRequireDefault","require","styleObjectToString","styleObject","reactToCSS","exports"],"sources":["styleObjectToString.ts"],"sourcesContent":["// @ts-expect-error - There are no types \"@types/react-style-object-to-css\" for this lib.\nimport reactToCSS from \"react-style-object-to-css\";\nimport type { CSSObject } from \"@emotion/react\";\n\n/*\n * Converts CSS style objects to string\n * Example:\n *  { fontSize: '10px' } => \"font-size: 10px\"\n * */\nexport const styleObjectToString = (styleObject: CSSObject): string => {\n    if (!styleObject) {\n        return styleObject;\n    }\n    return reactToCSS(styleObject);\n};\n"],"mappings":";;;;;;;AACA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AADA;;AAIA;AACA;AACA;AACA;AACA;AACO,MAAMC,mBAAmB,GAAIC,WAAsB,IAAa;EACnE,IAAI,CAACA,WAAW,EAAE;IACd,OAAOA,WAAW;EACtB;EACA,OAAO,IAAAC,8BAAU,EAACD,WAAW,CAAC;AAClC,CAAC;AAACE,OAAA,CAAAH,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/utils/toTypographyEmotionMap.d.ts

@@ -1,4 +0,0 @@
-import type { css as EmotionCSS } from "emotion";
-import type { ThemeEmotionMap } from "../types";
-import type { EditorTheme } from "../createTheme";
-export declare const toTypographyEmotionMap: (css: typeof EmotionCSS, theme: EditorTheme, themeStylesTransformer?: any) => ThemeEmotionMap;

package/utils/toTypographyEmotionMap.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toTypographyEmotionMap = void 0;
-/*
- *  Creates a map of style key ID's and typography style objects that include 'className' property which contains the
- *  CSS class name generated by the Emotion from typography styles object.
- */
-const toTypographyEmotionMap = (css, theme, themeStylesTransformer) => {
-  const map = {};
-  const typographyStyles = theme.styles?.typography;
-  if (!typographyStyles) {
-    return {};
-  }
-  for (const key in typographyStyles) {
-    const typographyTypeData = typographyStyles[key];
-    if (typographyTypeData) {
-      typographyTypeData.forEach(styleItem => {
-        // If `className` is already defined, use the style as is.
-        if (styleItem.className !== undefined) {
-          map[styleItem.id] = styleItem;
-          return;
-        }
-
-        // 'lx' (abbreviation of lexical) variable will lead to generate shorter class names.
-        // for example: instead of default 'css-181qz4b-453f345f'
-        // the last segment will always end with 'lx' or 'css-181qz4b-lx'
-        let transformedStyles = styleItem.styles;
-        if (themeStylesTransformer) {
-          transformedStyles = themeStylesTransformer(styleItem.styles);
-        }
-        map[styleItem.id] = {
-          ...styleItem,
-          className: [css(transformedStyles)].filter(Boolean).join(" ")
-        };
-      });
-    }
-  }
-  return map;
-};
-exports.toTypographyEmotionMap = toTypographyEmotionMap;
-
-//# sourceMappingURL=toTypographyEmotionMap.js.map

package/utils/toTypographyEmotionMap.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["toTypographyEmotionMap","css","theme","themeStylesTransformer","map","typographyStyles","styles","typography","key","typographyTypeData","forEach","styleItem","className","undefined","id","transformedStyles","filter","Boolean","join","exports"],"sources":["toTypographyEmotionMap.ts"],"sourcesContent":["import type { css as EmotionCSS } from \"emotion\";\nimport type { ThemeEmotionMap } from \"~/types\";\nimport type { EditorTheme } from \"~/createTheme\";\n\ntype StyleItem = {\n    id: string;\n    tag: string;\n    name: string;\n    styles?: Record<string, any>;\n    className?: string;\n};\n\n/*\n *  Creates a map of style key ID's and typography style objects that include 'className' property which contains the\n *  CSS class name generated by the Emotion from typography styles object.\n */\nexport const toTypographyEmotionMap = (\n    css: typeof EmotionCSS,\n    theme: EditorTheme,\n    themeStylesTransformer?: any\n): ThemeEmotionMap => {\n    const map: ThemeEmotionMap = {};\n    const typographyStyles = theme.styles?.typography;\n    if (!typographyStyles) {\n        return {};\n    }\n\n    for (const key in typographyStyles) {\n        const typographyTypeData = typographyStyles[key] as StyleItem[];\n        if (typographyTypeData) {\n            typographyTypeData.forEach(styleItem => {\n                // If `className` is already defined, use the style as is.\n                if (styleItem.className !== undefined) {\n                    map[styleItem.id] = styleItem as StyleItem & { className: string };\n                    return;\n                }\n\n                // 'lx' (abbreviation of lexical) variable will lead to generate shorter class names.\n                // for example: instead of default 'css-181qz4b-453f345f'\n                // the last segment will always end with 'lx' or 'css-181qz4b-lx'\n                let transformedStyles = styleItem.styles;\n                if (themeStylesTransformer) {\n                    transformedStyles = themeStylesTransformer(styleItem.styles);\n                }\n\n                map[styleItem.id] = {\n                    ...styleItem,\n                    className: [css(transformedStyles)].filter(Boolean).join(\" \")\n                };\n            });\n        }\n    }\n\n    return map;\n};\n"],"mappings":";;;;;;AAYA;AACA;AACA;AACA;AACO,MAAMA,sBAAsB,GAAGA,CAClCC,GAAsB,EACtBC,KAAkB,EAClBC,sBAA4B,KACV;EAClB,MAAMC,GAAoB,GAAG,CAAC,CAAC;EAC/B,MAAMC,gBAAgB,GAAGH,KAAK,CAACI,MAAM,EAAEC,UAAU;EACjD,IAAI,CAACF,gBAAgB,EAAE;IACnB,OAAO,CAAC,CAAC;EACb;EAEA,KAAK,MAAMG,GAAG,IAAIH,gBAAgB,EAAE;IAChC,MAAMI,kBAAkB,GAAGJ,gBAAgB,CAACG,GAAG,CAAgB;IAC/D,IAAIC,kBAAkB,EAAE;MACpBA,kBAAkB,CAACC,OAAO,CAACC,SAAS,IAAI;QACpC;QACA,IAAIA,SAAS,CAACC,SAAS,KAAKC,SAAS,EAAE;UACnCT,GAAG,CAACO,SAAS,CAACG,EAAE,CAAC,GAAGH,SAA8C;UAClE;QACJ;;QAEA;QACA;QACA;QACA,IAAII,iBAAiB,GAAGJ,SAAS,CAACL,MAAM;QACxC,IAAIH,sBAAsB,EAAE;UACxBY,iBAAiB,GAAGZ,sBAAsB,CAACQ,SAAS,CAACL,MAAM,CAAC;QAChE;QAEAF,GAAG,CAACO,SAAS,CAACG,EAAE,CAAC,GAAG;UAChB,GAAGH,SAAS;UACZC,SAAS,EAAE,CAACX,GAAG,CAACc,iBAAiB,CAAC,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG;QAChE,CAAC;MACL,CAAC,CAAC;IACN;EACJ;EAEA,OAAOd,GAAG;AACd,CAAC;AAACe,OAAA,CAAAnB,sBAAA,GAAAA,sBAAA","ignoreList":[]}