@webiny/lexical-theme 5.38.0-beta.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Webiny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,6 @@
+# @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)

package/createTheme.d.ts

@@ -0,0 +1,9 @@
+import type { EditorThemeClasses } from "lexical";
+import "./theme.css";
+import { ThemeEmotionMap } from "./types";
+export declare type WebinyTheme = {
+    styles?: Record<string, any>;
+    emotionMap?: ThemeEmotionMap;
+};
+export declare type EditorTheme = WebinyTheme & EditorThemeClasses;
+export declare const createTheme: () => EditorTheme;

package/createTheme.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createTheme = void 0;
+require("./theme.css");
+const defaultTheme = {
+  styles: undefined,
+  emotionMap: undefined,
+  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 = () => {
+  return defaultTheme;
+};
+exports.createTheme = createTheme;
+
+//# sourceMappingURL=createTheme.js.map

package/createTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["require","defaultTheme","styles","undefined","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","exports"],"sources":["createTheme.ts"],"sourcesContent":["import type { EditorThemeClasses } from \"lexical\";\n\nimport \"./theme.css\";\nimport { ThemeEmotionMap } from \"~/types\";\n\nexport type WebinyTheme = {\n    styles?: Record<string, any>;\n    emotionMap?: ThemeEmotionMap;\n};\n\nexport type EditorTheme = WebinyTheme & EditorThemeClasses;\n\nconst defaultTheme: EditorTheme = {\n    styles: undefined,\n    emotionMap: undefined,\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 = (): EditorTheme => {\n    return defaultTheme;\n};\n"],"mappings":";;;;;;AAEAA,OAAA;AAUA,MAAMC,YAAyB,GAAG;EAC9BC,MAAM,EAAEC,SAAS;EACjBC,UAAU,EAAED,SAAS;EACrBE,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,CAAA,KAAmB;EAC1C,OAAOzE,YAAY;AACvB,CAAC;AAAC0E,OAAA,CAAAD,WAAA,GAAAA,WAAA"}

package/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./createTheme";
+export * from "./types";
+export * from "./utils/findTypographyStyleByHtmlTag";
+export * from "./utils/toTypographyEmotionMap";
+export * from "./utils/styleObjectToString";

package/index.js

@@ -0,0 +1,62 @@
+"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

package/index.js.map

@@ -0,0 +1 @@
+{"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"}

package/package.json

@@ -0,0 +1,22 @@
+{
+	"name": "@webiny/lexical-theme",
+	"version": "5.38.0-beta.0",
+	"dependencies": {
+		"@emotion/react": "11.10.8",
+		"lexical": "0.12.2",
+		"react-style-object-to-css": "1.1.2"
+	},
+	"devDependencies": {
+		"@webiny/cli": "5.38.0-beta.0",
+		"@webiny/project-utils": "5.38.0-beta.0"
+	},
+	"publishConfig": {
+		"access": "public",
+		"directory": "dist"
+	},
+	"scripts": {
+		"build": "yarn webiny run build",
+		"watch": "yarn webiny run watch"
+	},
+	"gitHead": "5746389d4988626b50e2523ccfa0a9a5e398e0ed"
+}

package/theme.css

@@ -0,0 +1,423 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * This are fallback styles for Webiny.
+ */
+.WebinyLexical__ltr {
+  text-align: inherit;
+}
+.WebinyLexical__rtl {
+  text-align: inherit;
+}
+.WebinyLexical__paragraph {
+  margin: 0;
+  position: relative;
+  text-align: inherit;
+  font-size: inherit;
+}
+.WebinyLexical__quote {
+  margin: 0;
+  margin-left: 20px;
+  margin-bottom: 10px;
+  font-size: 15px;
+  color: rgb(101, 103, 107);
+  border-left-color: rgb(206, 208, 212);
+  border-left-width: 4px;
+  border-left-style: solid;
+  padding-left: 16px;
+}
+.WebinyLexical__h1 {
+  font-size: 24px;
+  font-weight: inherit;
+  margin: inherit;
+}
+
+.WebinyLexical__h2 {
+  font-size: 15px;
+  font-weight: inherit;
+  margin: inherit;
+}
+
+.WebinyLexical__h3 {
+  font-size: 12px;
+  font-weight: inherit;
+  margin: inherit;
+}
+
+.WebinyLexical__textBold {
+  font-weight: bold;
+}
+
+.WebinyLexical__textItalic {
+  font-style: italic;
+}
+.WebinyLexical__textUnderline {
+  text-decoration: underline;
+}
+.WebinyLexical__textStrikethrough {
+  text-decoration: line-through;
+}
+.WebinyLexical__textUnderlineStrikethrough {
+  text-decoration: underline line-through;
+}
+
+.WebinyLexical__textSubscript {
+  font-size: 0.8em;
+  vertical-align: sub !important;
+}
+
+.WebinyLexical__textSuperscript {
+  font-size: 0.8em;
+  vertical-align: super;
+}
+
+.WebinyLexical__textCode {
+  background-color: rgb(240, 242, 245);
+  padding: 1px 0.25rem;
+  font-family: Menlo, Consolas, Monaco, monospace;
+  font-size: 94%;
+}
+.WebinyLexical__hashtag {
+  background-color: rgba(88, 144, 255, 0.15);
+  border-bottom: 1px solid rgba(88, 144, 255, 0.3);
+}
+.WebinyLexical__link {
+  color: rgb(33, 111, 219);
+  text-decoration: none;
+}
+.WebinyLexical__link:hover {
+  text-decoration: underline;
+}
+.WebinyLexical__code {
+  background-color: rgb(240, 242, 245);
+  font-family: Menlo, Consolas, Monaco, monospace;
+  display: block;
+  padding: 8px 8px 8px 52px;
+  line-height: 1.53;
+  font-size: 13px;
+  margin: 0;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  tab-size: 2;
+  /* white-space: pre; */
+  overflow-x: auto;
+  position: relative;
+}
+.WebinyLexical__code:before {
+  content: attr(data-gutter);
+  position: absolute;
+  background-color: #eee;
+  left: 0;
+  top: 0;
+  border-right: 1px solid #ccc;
+  padding: 8px;
+  color: #777;
+  white-space: pre-wrap;
+  text-align: right;
+  min-width: 25px;
+}
+.WebinyLexical__table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  max-width: 100%;
+  overflow-y: scroll;
+  table-layout: fixed;
+  width: calc(100% - 25px);
+  margin: 30px 0;
+}
+.WebinyLexical__tableSelected {
+  outline: 2px solid rgb(60, 132, 244);
+}
+.WebinyLexical__tableCell {
+  border: 1px solid #bbb;
+  min-width: 75px;
+  vertical-align: top;
+  text-align: start;
+  padding: 6px 8px;
+  position: relative;
+  cursor: default;
+  outline: none;
+}
+.WebinyLexical__tableCellSortedIndicator {
+  display: block;
+  opacity: 0.5;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 4px;
+  background-color: #999;
+}
+.WebinyLexical__tableCellResizer {
+  position: absolute;
+  right: -4px;
+  height: 100%;
+  width: 8px;
+  cursor: ew-resize;
+  z-index: 10;
+  top: 0;
+}
+.WebinyLexical__tableCellHeader {
+  background-color: #f2f3f5;
+  text-align: start;
+}
+.WebinyLexical__tableCellSelected {
+  background-color: #c9dbf0;
+}
+.WebinyLexical__tableCellPrimarySelected {
+  border: 2px solid rgb(60, 132, 244);
+  display: block;
+  height: calc(100% - 2px);
+  position: absolute;
+  width: calc(100% - 2px);
+  left: -1px;
+  top: -1px;
+  z-index: 2;
+}
+.WebinyLexical__tableCellEditing {
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
+  border-radius: 3px;
+}
+.WebinyLexical__tableAddColumns {
+  position: absolute;
+  top: 0;
+  width: 20px;
+  background-color: #eee;
+  height: 100%;
+  right: 0;
+  animation: table-controls 0.2s ease;
+  border: 0;
+  cursor: pointer;
+}
+
+.WebinyLexical__tableAddColumns:hover {
+  background-color: #c9dbf0;
+}
+.WebinyLexical__tableAddRows {
+  position: absolute;
+  bottom: -25px;
+  width: calc(100% - 25px);
+  background-color: #eee;
+  height: 20px;
+  left: 0;
+  animation: table-controls 0.2s ease;
+  border: 0;
+  cursor: pointer;
+}
+.WebinyLexical__tableAddRows:hover {
+  background-color: #c9dbf0;
+}
+@keyframes table-controls {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.WebinyLexical__tableCellResizeRuler {
+  display: block;
+  position: absolute;
+  width: 1px;
+  background-color: rgb(60, 132, 244);
+  height: 100%;
+  top: 0;
+}
+.WebinyLexical__tableCellActionButtonContainer {
+  display: block;
+  right: 5px;
+  top: 6px;
+  position: absolute;
+  z-index: 4;
+  width: 20px;
+  height: 20px;
+}
+.WebinyLexical__tableCellActionButton {
+  background-color: #eee;
+  display: block;
+  border: 0;
+  border-radius: 20px;
+  width: 20px;
+  height: 20px;
+  color: #222;
+  cursor: pointer;
+}
+.WebinyLexical__tableCellActionButton:hover {
+  background-color: #ddd;
+}
+.WebinyLexical__characterLimit {
+  display: inline;
+  background-color: #ffbbbb !important;
+}
+.WebinyLexical__ol1 {
+  list-style: auto;
+  padding: 0;
+  margin: 0;
+  margin-left: 16px;
+  list-style-position: inside;
+}
+.WebinyLexical__ol2 {
+  list-style: initial;
+  padding: 0;
+  margin: 0;
+  margin-left: 16px;
+  list-style-type: upper-alpha;
+  list-style-position: inside;
+}
+.WebinyLexical__ol3 {
+  list-style: initial;
+  list-style: auto;
+  padding: 0;
+  margin: 0;
+  margin-left: 16px;
+  list-style-type: lower-alpha;
+  list-style-position: inside;
+}
+.WebinyLexical__ol4 {
+  list-style: initial;
+  padding: 0;
+  margin: 0;
+  margin-left: 16px;
+  list-style-type: upper-roman;
+  list-style-position: inside;
+}
+.WebinyLexical__ol5 {
+  list-style: initial;
+  padding: 0;
+  margin: 0;
+  margin-left: 16px;
+  list-style-type: lower-roman;
+  list-style-position: inside;
+}
+.WebinyLexical__ul {
+  list-style: initial;
+  padding: 0;
+  margin: 0;
+  margin-left: 16px;
+  list-style-position: inside;
+}
+.WebinyLexical__listItem {
+  margin: 0 32px;
+}
+.WebinyLexical__listItemChecked,
+.WebinyLexical__listItemUnchecked {
+  position: relative;
+  margin-left: 8px;
+  margin-right: 8px;
+  padding-left: 24px;
+  padding-right: 24px;
+  list-style-type: none;
+  outline: none;
+}
+.WebinyLexical__listItemChecked {
+  text-decoration: line-through;
+}
+.WebinyLexical__listItemUnchecked:before,
+.WebinyLexical__listItemChecked:before {
+  content: '';
+  width: 16px;
+  height: 16px;
+  top: 2px;
+  left: 0;
+  cursor: pointer;
+  display: block;
+  background-size: cover;
+  position: absolute;
+}
+.WebinyLexical__listItemUnchecked[dir='rtl']:before,
+.WebinyLexical__listItemChecked[dir='rtl']:before {
+  left: auto;
+  right: 0;
+}
+.WebinyLexical__listItemUnchecked:focus:before,
+.WebinyLexical__listItemChecked:focus:before {
+  box-shadow: 0 0 0 2px #a6cdfe;
+  border-radius: 2px;
+}
+.WebinyLexical__listItemUnchecked:before {
+  border: 1px solid #999;
+  border-radius: 2px;
+}
+.WebinyLexical__listItemChecked:before {
+  border: 1px solid rgb(61, 135, 245);
+  border-radius: 2px;
+  background-color: #3d87f5;
+  background-repeat: no-repeat;
+}
+.WebinyLexical__listItemChecked:after {
+  content: '';
+  cursor: pointer;
+  border-color: #fff;
+  border-style: solid;
+  position: absolute;
+  display: block;
+  top: 6px;
+  width: 3px;
+  left: 7px;
+  height: 6px;
+  transform: rotate(45deg);
+  border-width: 0 2px 2px 0;
+}
+.WebinyLexical__nestedListItem {
+  list-style-type: none;
+}
+.WebinyLexical__nestedListItem:before,
+.WebinyLexical__nestedListItem:after {
+  display: none;
+}
+.WebinyLexical__tokenComment {
+  color: slategray;
+}
+.WebinyLexical__tokenPunctuation {
+  color: #999;
+}
+.WebinyLexical__tokenProperty {
+  color: #905;
+}
+.WebinyLexical__tokenSelector {
+  color: #690;
+}
+.WebinyLexical__tokenOperator {
+  color: #9a6e3a;
+}
+.WebinyLexical__tokenAttr {
+  color: #07a;
+}
+.WebinyLexical__tokenVariable {
+  color: #e90;
+}
+.WebinyLexical__tokenFunction {
+  color: #dd4a68;
+}
+.WebinyLexical__mark {
+  background: rgba(255, 212, 0, 0.14);
+  border-bottom: 2px solid rgba(255, 212, 0, 0.3);
+  padding-bottom: 2px;
+}
+.WebinyLexical__markOverlap {
+  background: rgba(255, 212, 0, 0.3);
+  border-bottom: 2px solid rgba(255, 212, 0, 0.7);
+}
+.WebinyLexical__mark.selected {
+  background: rgba(255, 212, 0, 0.5);
+  border-bottom: 2px solid rgba(255, 212, 0, 1);
+}
+.WebinyLexical__markOverlap.selected {
+  background: rgba(255, 212, 0, 0.7);
+  border-bottom: 2px solid rgba(255, 212, 0, 0.7);
+}
+.WebinyLexical__embedBlock {
+  user-select: none;
+}
+.WebinyLexical__embedBlockFocus {
+  outline: 2px solid rgb(60, 132, 244);
+}
+
+.WebinyLexical__placeholder {
+  text-align: left;
+}

package/types.d.ts

@@ -0,0 +1,21 @@
+import type { CSSObject } from "@emotion/react";
+export declare type ListHtmlTag = "ol" | "ul";
+export declare type HeadingHtmlTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+export declare type ParagraphHtmlTag = "p";
+export declare type QuoteBlockHtmlTag = "quoteblock";
+export declare type TypographyHTMLTag = HeadingHtmlTag | ParagraphHtmlTag | ListHtmlTag | QuoteBlockHtmlTag;
+export declare type TypographyValue = {
+    css: CSSObject;
+    id: string;
+    tag: TypographyHTMLTag;
+    name: string;
+};
+export declare type ThemeEmotionMap = {
+    [styleId: string]: {
+        id: string;
+        tag: TypographyHTMLTag;
+        name: string;
+        styles: Record<string, any>;
+        className: string;
+    };
+};

package/types.js

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

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { CSSObject } from \"@emotion/react\";\n\n// Supported HTML tags.\nexport type ListHtmlTag = \"ol\" | \"ul\";\nexport type HeadingHtmlTag = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\nexport type ParagraphHtmlTag = \"p\";\nexport type QuoteBlockHtmlTag = \"quoteblock\";\n\nexport type TypographyHTMLTag = HeadingHtmlTag | ParagraphHtmlTag | ListHtmlTag | QuoteBlockHtmlTag;\n\nexport type TypographyValue = {\n    css: CSSObject;\n    id: string;\n    tag: TypographyHTMLTag;\n    name: 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: TypographyHTMLTag;\n        name: string;\n        styles: Record<string, any>;\n        // emotion generated class\n        className: string;\n    };\n};\n"],"mappings":""}

package/utils/findTypographyStyleByHtmlTag.d.ts

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

package/utils/findTypographyStyleByHtmlTag.js

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

package/utils/findTypographyStyleByHtmlTag.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["findTypographyStyleByHtmlTag","htmlTag","themeEmotionMap","styleId","style","tag","undefined","exports"],"sources":["findTypographyStyleByHtmlTag.ts"],"sourcesContent":["import { ThemeEmotionMap } from \"~/types\";\n\nexport const findTypographyStyleByHtmlTag = (htmlTag: string, themeEmotionMap: ThemeEmotionMap) => {\n    for (const styleId in themeEmotionMap) {\n        const style = themeEmotionMap[styleId];\n        if (style.tag === htmlTag) {\n            return style;\n        }\n    }\n    return undefined;\n};\n"],"mappings":";;;;;;AAEO,MAAMA,4BAA4B,GAAGA,CAACC,OAAe,EAAEC,eAAgC,KAAK;EAC/F,KAAK,MAAMC,OAAO,IAAID,eAAe,EAAE;IACnC,MAAME,KAAK,GAAGF,eAAe,CAACC,OAAO,CAAC;IACtC,IAAIC,KAAK,CAACC,GAAG,KAAKJ,OAAO,EAAE;MACvB,OAAOG,KAAK;IAChB;EACJ;EACA,OAAOE,SAAS;AACpB,CAAC;AAACC,OAAA,CAAAP,4BAAA,GAAAA,4BAAA"}

package/utils/styleObjectToString.d.ts

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

package/utils/styleObjectToString.js

@@ -0,0 +1,24 @@
+"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-ignore - 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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactStyleObjectToCss","_interopRequireDefault","require","styleObjectToString","styleObject","reactToCSS","exports"],"sources":["styleObjectToString.ts"],"sourcesContent":["// @ts-ignore - 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"}

package/utils/toTypographyEmotionMap.d.ts

@@ -0,0 +1,3 @@
+import { ThemeEmotionMap } from "../types";
+import { WebinyTheme } from "../createTheme";
+export declare const toTypographyEmotionMap: (css: (cssStyle: Record<string, any>) => string, theme: WebinyTheme, themeStylesTransformer?: any) => ThemeEmotionMap | {};

package/utils/toTypographyEmotionMap.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toTypographyEmotionMap = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+/*
+ *  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) => {
+  var _theme$styles;
+  const map = {};
+  const typographyStyles = (_theme$styles = theme.styles) === null || _theme$styles === void 0 ? void 0 : _theme$styles.typography;
+  if (!typographyStyles) {
+    return {};
+  }
+  for (const key in typographyStyles) {
+    const typographyTypeData = typographyStyles[key];
+    if (typographyTypeData) {
+      typographyTypeData.forEach(styleItem => {
+        // '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);
+        }
+        const lx = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, styleItem), {}, {
+          className: [css(transformedStyles)].filter(Boolean).join(" ")
+        });
+        map[styleItem.id] = lx;
+      });
+    }
+  }
+  return map;
+};
+exports.toTypographyEmotionMap = toTypographyEmotionMap;
+
+//# sourceMappingURL=toTypographyEmotionMap.js.map

package/utils/toTypographyEmotionMap.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toTypographyEmotionMap","css","theme","themeStylesTransformer","_theme$styles","map","typographyStyles","styles","typography","key","typographyTypeData","forEach","styleItem","transformedStyles","lx","_objectSpread2","default","className","filter","Boolean","join","id","exports"],"sources":["toTypographyEmotionMap.ts"],"sourcesContent":["import { ThemeEmotionMap, TypographyHTMLTag } from \"~/types\";\nimport { WebinyTheme } from \"~/createTheme\";\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: (cssStyle: Record<string, any>) => string,\n    theme: WebinyTheme,\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 {\n            id: string;\n            tag: TypographyHTMLTag;\n            name: string;\n            styles: Record<string, any>;\n        }[];\n        if (typographyTypeData) {\n            typographyTypeData.forEach(styleItem => {\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\n                let transformedStyles = styleItem.styles;\n                if (themeStylesTransformer) {\n                    transformedStyles = themeStylesTransformer(styleItem.styles);\n                }\n\n                const lx = {\n                    ...styleItem,\n                    className: [css(transformedStyles)].filter(Boolean).join(\" \")\n                };\n                map[styleItem.id] = lx;\n            });\n        }\n    }\n\n    return map;\n};\n"],"mappings":";;;;;;;;AAGA;AACA;AACA;AACA;AACO,MAAMA,sBAAsB,GAAGA,CAClCC,GAA8C,EAC9CC,KAAkB,EAClBC,sBAA4B,KACL;EAAA,IAAAC,aAAA;EACvB,MAAMC,GAAoB,GAAG,CAAC,CAAC;EAC/B,MAAMC,gBAAgB,IAAAF,aAAA,GAAGF,KAAK,CAACK,MAAM,cAAAH,aAAA,uBAAZA,aAAA,CAAcI,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,CAK5C;IACH,IAAIC,kBAAkB,EAAE;MACpBA,kBAAkB,CAACC,OAAO,CAACC,SAAS,IAAI;QACpC;QACA;QACA;;QAEA,IAAIC,iBAAiB,GAAGD,SAAS,CAACL,MAAM;QACxC,IAAIJ,sBAAsB,EAAE;UACxBU,iBAAiB,GAAGV,sBAAsB,CAACS,SAAS,CAACL,MAAM,CAAC;QAChE;QAEA,MAAMO,EAAE,OAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACDJ,SAAS;UACZK,SAAS,EAAE,CAAChB,GAAG,CAACY,iBAAiB,CAAC,CAAC,CAACK,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG;QAAC,EAChE;QACDf,GAAG,CAACO,SAAS,CAACS,EAAE,CAAC,GAAGP,EAAE;MAC1B,CAAC,CAAC;IACN;EACJ;EAEA,OAAOT,GAAG;AACd,CAAC;AAACiB,OAAA,CAAAtB,sBAAA,GAAAA,sBAAA"}