phx-react 1.3.1323 → 1.3.1325

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/cjs/components/MainWrapV4/components/nav-item.js +5 -5
  2. package/dist/cjs/components/MainWrapV4/components/nav-item.js.map +1 -1
  3. package/dist/cjs/components/MainWrapV4/constant.js +1 -1
  4. package/dist/cjs/components/MainWrapV4/constant.js.map +1 -1
  5. package/dist/cjs/components/TextEditor/custom/CustomImage.js +1 -1
  6. package/dist/cjs/components/TextEditor/custom/CustomImage.js.map +1 -1
  7. package/dist/cjs/components/TextEditor/styles/EditorStyle.js +1 -1
  8. package/dist/cjs/components/TextEditor/styles/EditorStyle.js.map +1 -1
  9. package/dist/esm/components/MainWrapV4/components/nav-item.js +5 -5
  10. package/dist/esm/components/MainWrapV4/components/nav-item.js.map +1 -1
  11. package/dist/esm/components/MainWrapV4/constant.js +1 -1
  12. package/dist/esm/components/MainWrapV4/constant.js.map +1 -1
  13. package/dist/esm/components/TextEditor/custom/CustomImage.js +1 -1
  14. package/dist/esm/components/TextEditor/custom/CustomImage.js.map +1 -1
  15. package/dist/esm/components/TextEditor/styles/EditorStyle.js +1 -1
  16. package/dist/esm/components/TextEditor/styles/EditorStyle.js.map +1 -1
  17. package/package.json +1 -1
package/dist/cjs/components/MainWrapV4/components/nav-item.js CHANGED
@@ -11,17 +11,17 @@ function NavItem(_a) {
11
11
  var bgActiveColor = _a.bgActiveColor, child = _a.child, code = _a.code, href = _a.href, icon = _a.icon, isActive = _a.isActive, _c = _a.isShowOtherMenu, isShowOtherMenu = _c === void 0 ? false : _c, name = _a.name, parentPath = _a.parentPath, _d = _a.showSubMenu, showSubMenu = _d === void 0 ? false : _d;
12
12
  var basePath = (_b = parentPath === null || parentPath === void 0 ? void 0 : parentPath.split('/')) === null || _b === void 0 ? void 0 : _b[1];
13
13
  var isShowSubMenuWhenHover = child && !showSubMenu && !isShowOtherMenu;
14
- return (react_1.default.createElement("div", { className: "".concat((0, types_1.classNames)('inline-flex w-full items-center justify-center ', !isActive && ' bg-opacity-25'), " group mb-4 flex flex-col items-center gap-y-2 ") },
14
+ return (react_1.default.createElement("div", { className: "".concat((0, types_1.classNames)('inline-flex w-full items-center justify-center ', !isActive && ' bg-opacity-25'), " group relative mb-4 flex flex-col items-center gap-y-2 ") },
15
15
  react_1.default.createElement("a", { className: ' relative flex w-full items-center justify-center', href: href },
16
16
  react_1.default.createElement("div", { className: ' absolute -top-4 left-0 right-0 h-4 ' }),
17
17
  react_1.default.createElement(image_1.default, { alt: 'icon', className: "relative z-10 h-5 w-5 ".concat(isActive ? '' : 'brightness-75 group-hover:brightness-200'), height: 20, src: icon, width: 20 }),
18
18
  isShowSubMenuWhenHover && (react_1.default.createElement("div", { className: 'absolute -right-[0.3rem] top-1 z-[9999] hidden h-5 w-3 overflow-hidden pl-1 group-hover:block' },
19
19
  react_1.default.createElement("div", { className: ' h-4 w-4 -rotate-[37.5deg] skew-x-[12deg] rounded-[3px] border border-gray-300 bg-white' })))),
20
20
  react_1.default.createElement("a", { className: 'relative', href: href },
21
- react_1.default.createElement("p", { className: "text-center text-[10px] ".concat(isActive ? 'text-white' : 'text-gray-300 brightness-75 group-hover:brightness-200') }, name.length > 7 ? "".concat(name.slice(0, 7), "..") : name),
22
- isActive ? (react_1.default.createElement("div", { className: 'absolute -top-8 left-[0.3rem] h-8 w-8 rounded-full blur-[10px]', style: {
23
- backgroundColor: bgActiveColor,
24
- } })) : (react_1.default.createElement("div", { className: 'absolute -top-8 left-[0.3rem] h-8 w-8 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[19px]' }))),
21
+ react_1.default.createElement("p", { className: "text-center text-[10px] ".concat(isActive ? 'text-white' : 'text-gray-300 brightness-75 group-hover:brightness-200') }, name.length > 7 ? "".concat(name.slice(0, 7), "..") : name)),
22
+ isActive ? (react_1.default.createElement("div", { className: 'absolute -top-1.5 left-3 h-8 w-8 rounded-full blur-[10px]', style: {
23
+ backgroundColor: bgActiveColor,
24
+ } })) : (react_1.default.createElement("div", { className: 'absolute -top-8 left-[0.3rem] h-8 w-8 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[19px]' })),
25
25
  isShowSubMenuWhenHover && (react_1.default.createElement("div", { className: 'shadow-soft absolute left-[3.75rem] top-[0.05rem] z-[50] hidden h-[calc(100vh-8rem)] w-[17.25rem] rounded-2xl bg-white pl-4 pr-2 group-hover:block' },
26
26
  react_1.default.createElement("div", { className: ' absolute -left-4 bottom-0 top-0 z-30 w-5 ' }),
27
27
  react_1.default.createElement("h2", { className: 'mb-1 mt-[0.631rem] py-1.5 pr-1 text-sm font-[650] text-gray-900' }, name),
package/dist/cjs/components/MainWrapV4/components/nav-item.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/nav-item.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/nav-item.tsx"],"names":[],"mappings":"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"}
package/dist/cjs/components/MainWrapV4/constant.js CHANGED
@@ -6,5 +6,5 @@ var MENU_CODE;
6
6
  MENU_CODE["DASHBOARD"] = "DASHBOARD";
7
7
  })(MENU_CODE || (exports.MENU_CODE = MENU_CODE = {}));
8
8
  exports.LOCALSTORAGE_MENU_PINED_KEY = 'menu_pined';
9
- exports.MENU_ACTIVE_COLORS = ['#F57634', '#20BD22', '#FD7B6C', '#6788EC', '#FFFFFF', '#DEA414'];
9
+ exports.MENU_ACTIVE_COLORS = ['#F57634', '#20BD22', '#FD7B6C', '#6788EC', '#DEA414'];
10
10
  //# sourceMappingURL=constant.js.map
package/dist/cjs/components/MainWrapV4/constant.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"constant.js","sourceRoot":"","sources":["../../../../src/components/MainWrapV4/constant.ts"],"names":[],"mappings":";;;AAAA,IAAY,SAEX;AAFD,WAAY,SAAS;IACnB,oCAAuB,CAAA;AACzB,CAAC,EAFW,SAAS,yBAAT,SAAS,QAEpB;AAEY,QAAA,2BAA2B,GAAG,YAAY,CAAA;AAC1C,QAAA,kBAAkB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA"}
1
+ {"version":3,"file":"constant.js","sourceRoot":"","sources":["../../../../src/components/MainWrapV4/constant.ts"],"names":[],"mappings":";;;AAAA,IAAY,SAEX;AAFD,WAAY,SAAS;IACnB,oCAAuB,CAAA;AACzB,CAAC,EAFW,SAAS,yBAAT,SAAS,QAEpB;AAEY,QAAA,2BAA2B,GAAG,YAAY,CAAA;AAC1C,QAAA,kBAAkB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA"}
package/dist/cjs/components/TextEditor/custom/CustomImage.js CHANGED
@@ -49,7 +49,7 @@ var CustomImage = core_1.Node.create({
49
49
  {
50
50
  'data-image-wrapper': 'true',
51
51
  draggable: 'false',
52
- style: "display: flex; justify-content: ".concat(justify, "; width: 100%;"),
52
+ style: "display: flex; justify-content: ".concat(justify, "; width: 100%; margin-bottom: 16px;"),
53
53
  },
54
54
  [
55
55
  'img',
package/dist/cjs/components/TextEditor/custom/CustomImage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CustomImage.js","sourceRoot":"","sources":["../../../../../src/components/TextEditor/custom/CustomImage.ts"],"names":[],"mappings":";;AAAA,qCAAoD;AAEpD,IAAM,WAAW,GAAG,WAAI,CAAC,MAAM,CAAC;IAC9B,IAAI,EAAE,OAAO;IAEb,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,IAAI;IAEV,aAAa;QACX,OAAO;YACL,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACtB,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACtB,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACxB,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACjC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YAEjC,SAAS,EAAE;gBACT,OAAO,EAAE,QAAQ;aAClB;SACF,CAAA;IACH,CAAC;IAED,SAAS;QACP,OAAO;YACL;gBACE,GAAG,EAAE,6BAA6B;gBAClC,QAAQ,EAAE,UAAC,IAAI;oBACb,IAAI,CAAC,CAAC,IAAI,YAAY,gBAAgB,CAAC;wBAAE,OAAO,KAAK,CAAA;oBACrD,OAAO;wBACL,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;wBAC7B,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;wBAC7B,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;qBAClC,CAAA;gBACH,CAAC;aACF;YACD,EAAE,GAAG,EAAE,KAAK,EAAE;SACf,CAAA;IACH,CAAC;IAED,UAAU,YAAC,EAAkB;YAAhB,cAAc,oBAAA;QACzB,IAAM,KAAK,GAAG,cAAc,CAAC,SAAS,IAAI,QAAQ,CAAA;QAElD,IAAI,OAAO,GAAG,QAAQ,CAAA;QACtB,IAAI,KAAK,KAAK,MAAM;YAAE,OAAO,GAAG,YAAY,CAAA;QAC5C,IAAI,KAAK,KAAK,OAAO;YAAE,OAAO,GAAG,UAAU,CAAA;QAE3C,OAAO;YACL,KAAK;YACL;gBACE,oBAAoB,EAAE,MAAM;gBAC5B,SAAS,EAAE,OAAO;gBAClB,KAAK,EAAE,0CAAmC,OAAO,mBAAgB;aAClE;YACD;gBACE,KAAK;gBACL,IAAA,sBAAe,EAAC,cAAc,EAAE;oBAC9B,KAAK,EAAE,gCAAgC;oBACvC,SAAS,EAAE,OAAO;iBACnB,CAAC;aACH;SACF,CAAA;IACH,CAAC;IAED,oBAAoB;QAClB,OAAO;YACL,MAAM,EAAE,UAAC,EAAU;oBAAR,MAAM,YAAA;gBACP,IAAA,SAAS,GAAK,MAAM,CAAC,KAAK,UAAjB,CAAiB;gBAElC,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBACjD,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAA;oBACjC,OAAO,IAAI,CAAA;gBACb,CAAC;gBACD,OAAO,KAAK,CAAA;YACd,CAAC;YAED,SAAS,EAAE,UAAC,EAAU;oBAAR,MAAM,YAAA;gBACV,IAAA,SAAS,GAAK,MAAM,CAAC,KAAK,UAAjB,CAAiB;gBAElC,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBACjD,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAA;oBACjC,OAAO,IAAI,CAAA;gBACb,CAAC;gBACD,OAAO,KAAK,CAAA;YACd,CAAC;SACF,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAEF,kBAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"CustomImage.js","sourceRoot":"","sources":["../../../../../src/components/TextEditor/custom/CustomImage.ts"],"names":[],"mappings":";;AAAA,qCAAoD;AAEpD,IAAM,WAAW,GAAG,WAAI,CAAC,MAAM,CAAC;IAC9B,IAAI,EAAE,OAAO;IAEb,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,IAAI;IAEV,aAAa;QACX,OAAO;YACL,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACtB,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACtB,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACxB,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACjC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YAEjC,SAAS,EAAE;gBACT,OAAO,EAAE,QAAQ;aAClB;SACF,CAAA;IACH,CAAC;IAED,SAAS;QACP,OAAO;YACL;gBACE,GAAG,EAAE,6BAA6B;gBAClC,QAAQ,EAAE,UAAC,IAAI;oBACb,IAAI,CAAC,CAAC,IAAI,YAAY,gBAAgB,CAAC;wBAAE,OAAO,KAAK,CAAA;oBACrD,OAAO;wBACL,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;wBAC7B,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;wBAC7B,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;qBAClC,CAAA;gBACH,CAAC;aACF;YACD,EAAE,GAAG,EAAE,KAAK,EAAE;SACf,CAAA;IACH,CAAC;IAED,UAAU,YAAC,EAAkB;YAAhB,cAAc,oBAAA;QACzB,IAAM,KAAK,GAAG,cAAc,CAAC,SAAS,IAAI,QAAQ,CAAA;QAElD,IAAI,OAAO,GAAG,QAAQ,CAAA;QACtB,IAAI,KAAK,KAAK,MAAM;YAAE,OAAO,GAAG,YAAY,CAAA;QAC5C,IAAI,KAAK,KAAK,OAAO;YAAE,OAAO,GAAG,UAAU,CAAA;QAE3C,OAAO;YACL,KAAK;YACL;gBACE,oBAAoB,EAAE,MAAM;gBAC5B,SAAS,EAAE,OAAO;gBAClB,KAAK,EAAE,0CAAmC,OAAO,wCAAqC;aACvF;YACD;gBACE,KAAK;gBACL,IAAA,sBAAe,EAAC,cAAc,EAAE;oBAC9B,KAAK,EAAE,gCAAgC;oBACvC,SAAS,EAAE,OAAO;iBACnB,CAAC;aACH;SACF,CAAA;IACH,CAAC;IAED,oBAAoB;QAClB,OAAO;YACL,MAAM,EAAE,UAAC,EAAU;oBAAR,MAAM,YAAA;gBACP,IAAA,SAAS,GAAK,MAAM,CAAC,KAAK,UAAjB,CAAiB;gBAElC,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBACjD,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAA;oBACjC,OAAO,IAAI,CAAA;gBACb,CAAC;gBACD,OAAO,KAAK,CAAA;YACd,CAAC;YAED,SAAS,EAAE,UAAC,EAAU;oBAAR,MAAM,YAAA;gBACV,IAAA,SAAS,GAAK,MAAM,CAAC,KAAK,UAAjB,CAAiB;gBAElC,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBACjD,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAA;oBACjC,OAAO,IAAI,CAAA;gBACb,CAAC;gBACD,OAAO,KAAK,CAAA;YACd,CAAC;SACF,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAEF,kBAAe,WAAW,CAAA"}
package/dist/cjs/components/TextEditor/styles/EditorStyle.js CHANGED
@@ -4,7 +4,7 @@ var tslib_1 = require("tslib");
4
4
  var react_1 = tslib_1.__importDefault(require("react"));
5
5
  var StyledEditorLayout = function (_a) {
6
6
  var editorHeight = _a.editorHeight;
7
- return (react_1.default.createElement("style", null, "\n .editor-height {\n height: ".concat(editorHeight || 'calc(100vh - 220px)', ";\n min-height: ").concat(editorHeight, ";\n max-height: 80vh;\n resize: vertical;\n }\n.prose {\n\t max-width: 100%;\n}\n.ProseMirror [data-image-wrapper] {\n -webkit-user-drag: none;\n user-select: none;\n}\n\n.ProseMirror [data-image-wrapper] img {\n pointer-events: none;\n}\n.ProseMirror-selectednode[data-image-wrapper] img {\n border: 2px solid #8b5cf6;\n}\n .prose strong, .prose b {\n\t color: inherit !important;\n}\n .prose [style*='color:'] * {\n\t color: inherit !important;\n}\n a {\n\t color: #193fe9 !important;\n\t cursor: pointer;\n}\n a:hover {\n\t opacity: 0.8;\n\t animation-duration: 0.3s;\n}\n.selected {\n background: #dcdcdc;\n}\n.prose :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.25em;\n margin-bottom: 0.25em;\n}\n.prose :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-lead);\n font-size: 1.25em;\n line-height: 1.6;\n margin-top: 1.2em;\n margin-bottom: 1.2em;\n}\n.prose :where(a):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-links);\n text-decoration: underline;\n font-weight: 500;\n}\n.prose :where(strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-bold);\n font-weight: 600;\n}\n.prose :where(a strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(blockquote strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(thead th strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: decimal;\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n padding-inline-start: 1.625em;\n}\n.prose :where(ol[type='A']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: upper-alpha;\n}\n.prose :where(ol[type='a']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: lower-alpha;\n}\n.prose :where(ol[type='A' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: upper-alpha;\n}\n.prose :where(ol[type='a' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: lower-alpha;\n}\n.prose :where(ol[type='I']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: upper-roman;\n}\n.prose :where(ol[type='i']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: lower-roman;\n}\n.prose :where(ol[type='I' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: upper-roman;\n}\n.prose :where(ol[type='i' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: lower-roman;\n}\n.prose :where(ol[type='1']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: decimal;\n}\n.prose :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: disc;\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n padding-inline-start: 1.625em;\n}\n.prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *))::marker {\n font-weight: 400;\n color: var(--tw-prose-counters);\n}\n.prose :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *))::marker {\n color: var(--tw-prose-bullets);\n}\n.prose :where(dt):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n margin-top: 1.25em;\n}\n.prose :where(hr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-color: var(--tw-prose-hr);\n border-top-width: 1px;\n margin-top: 3em;\n margin-bottom: 3em;\n}\n.prose :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 500;\n font-style: italic;\n color: var(--tw-prose-quotes);\n border-inline-start-width: 0.25rem;\n border-inline-start-color: var(--tw-prose-quote-borders);\n margin-top: 1.6em;\n margin-bottom: 1.6em;\n padding-inline-start: 1em;\n}\n.prose :where(blockquote p:first-of-type):not(:where([class~='not-prose'], [class~='not-prose'] *))::before {\n content: open-quote;\n}\n.prose :where(blockquote p:last-of-type):not(:where([class~='not-prose'], [class~='not-prose'] *))::after {\n content: close-quote;\n}\n.prose :where(h1):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 800;\n font-size: 2.25em;\n margin-top: 0;\n margin-bottom: 0.8888889em;\n line-height: 1.1111111;\n}\n.prose :where(h1 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 900;\n color: inherit;\n}\n.prose :where(h2):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 700;\n font-size: 1.5em;\n margin-top: 2em;\n margin-bottom: 1em;\n line-height: 1.3333333;\n}\n.prose :where(h2 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 800;\n color: inherit;\n}\n.prose :where(h3):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n font-size: 1.25em;\n margin-top: 1.6em;\n margin-bottom: 0.6em;\n line-height: 1.6;\n}\n.prose :where(h3 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 700;\n color: inherit;\n}\n.prose :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n margin-top: 1.5em;\n margin-bottom: 0.5em;\n line-height: 1.5;\n}\n.prose :where(h4 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 700;\n color: inherit;\n}\n.prose :where(img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n.prose :where(picture):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n display: block;\n margin-top: 2em;\n margin-bottom: 2em;\n}\n.prose :where(video):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n.prose :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 500;\n font-family: inherit;\n color: var(--tw-prose-kbd);\n box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);\n font-size: 0.875em;\n border-radius: 0.3125rem;\n padding-top: 0.1875em;\n padding-inline-end: 0.375em;\n padding-bottom: 0.1875em;\n padding-inline-start: 0.375em;\n}\n.prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-code);\n font-weight: 600;\n font-size: 0.875em;\n}\n.prose :where(a code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(h1 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(h2 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n font-size: 0.875em;\n}\n.prose :where(h3 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n font-size: 0.9em;\n}\n.prose :where(h4 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(blockquote code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(thead th code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-pre-code);\n background-color: var(--tw-prose-pre-bg);\n overflow-x: auto;\n font-weight: 400;\n font-size: 0.875em;\n line-height: 1.7142857;\n margin-top: 1.7142857em;\n margin-bottom: 1.7142857em;\n border-radius: 0.375rem;\n padding-top: 0.8571429em;\n padding-inline-end: 1.1428571em;\n padding-bottom: 0.8571429em;\n padding-inline-start: 1.1428571em;\n}\n.prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n background-color: transparent;\n border-width: 0;\n border-radius: 0;\n padding: 0;\n font-weight: inherit;\n color: inherit;\n font-size: inherit;\n font-family: inherit;\n line-height: inherit;\n}\n.prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *))::before {\n content: none;\n}\n.prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *))::after {\n content: none;\n}\n.prose :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n width: 100%;\n table-layout: auto;\n margin-top: 2em;\n margin-bottom: 2em;\n font-size: 0.875em;\n line-height: 1.7142857;\n}\n.prose :where(thead):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-bottom-width: 1px;\n border-bottom-color: var(--tw-prose-th-borders);\n}\n.prose :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n vertical-align: bottom;\n padding-inline-end: 0.5714286em;\n padding-bottom: 0.5714286em;\n padding-inline-start: 0.5714286em;\n}\n.prose :where(tbody tr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-bottom-width: 1px;\n border-bottom-color: var(--tw-prose-td-borders);\n}\n.prose :where(tbody tr:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-bottom-width: 0;\n}\n.prose :where(tbody td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n vertical-align: baseline;\n}\n.prose :where(tfoot):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-top-width: 1px;\n border-top-color: var(--tw-prose-th-borders);\n}\n.prose :where(tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n vertical-align: top;\n}\n.prose :where(th, td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n text-align: start;\n}\n.prose :where(figure > *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n margin-bottom: 0;\n}\n.prose :where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-captions);\n font-size: 0.875em;\n line-height: 1.4285714;\n margin-top: 0.8571429em;\n}\n.react-colorful__saturation {\n border-radius: 4px !important;\n margin-bottom: 0.5rem;\n}\n.react-colorful__hue {\n border-radius: 4px !important;\n margin-bottom: 0.5rem;\n}\n.react-colorful__alpha-gradient {\n border-radius: 4px !important;\n}\n.prose {\n --tw-prose-body: #374151;\n --tw-prose-headings: #111827;\n --tw-prose-lead: #4b5563;\n --tw-prose-links: #111827;\n --tw-prose-bold: #111827;\n --tw-prose-bullets: #333;\n --tw-prose-counters: #333;\n --tw-prose-hr: #e5e7eb;\n --tw-prose-quotes: #111827;\n --tw-prose-quote-borders: #e5e7eb;\n --tw-prose-captions: #6b7280;\n --tw-prose-kbd: #111827;\n --tw-prose-kbd-shadows: 17 24 39;\n --tw-prose-code: #111827;\n --tw-prose-pre-code: #e5e7eb;\n --tw-prose-pre-bg: #1f2937;\n --tw-prose-th-borders: #d1d5db;\n --tw-prose-td-borders: #e5e7eb;\n --tw-prose-invert-body: #d1d5db;\n --tw-prose-invert-headings: #fff;\n --tw-prose-invert-lead: #9ca3af;\n --tw-prose-invert-links: #fff;\n --tw-prose-invert-bold: #fff;\n --tw-prose-invert-counters: #9ca3af;\n --tw-prose-invert-bullets: #4b5563;\n --tw-prose-invert-hr: #374151;\n --tw-prose-invert-quotes: #f3f4f6;\n --tw-prose-invert-quote-borders: #374151;\n --tw-prose-invert-captions: #9ca3af;\n --tw-prose-invert-kbd: #fff;\n --tw-prose-invert-kbd-shadows: 255 255 255;\n --tw-prose-invert-code: #fff;\n --tw-prose-invert-pre-code: #d1d5db;\n --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);\n --tw-prose-invert-th-borders: #4b5563;\n --tw-prose-invert-td-borders: #374151;\n font-size: 1rem;\n line-height: 1.75;\n}\n.prose :where(picture > img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n margin-bottom: 0;\n}\n.prose :where(li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-start: 0.375em;\n}\n.prose :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-start: 0.375em;\n}\n.prose :where(.prose > ul > li p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.75em;\n margin-bottom: 0.75em;\n}\n.prose :where(.prose > ul > li > p:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 1.25em;\n}\n.prose :where(.prose > ul > li > p:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-bottom: 1.25em;\n}\n.prose :where(.prose > ol > li > p:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 1.25em;\n}\n.prose :where(.prose > ol > li > p:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-bottom: 1.25em;\n}\n.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.75em;\n margin-bottom: 0.75em;\n}\n.prose :where(dl):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n}\n.prose :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.5em;\n padding-inline-start: 1.625em;\n}\n.prose :where(hr + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(h2 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(h3 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(h4 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(thead th:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-start: 0;\n}\n.prose :where(thead th:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-end: 0;\n}\n.prose :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-top: 0.5714286em;\n padding-inline-end: 0.5714286em;\n padding-bottom: 0.5714286em;\n padding-inline-start: 0.5714286em;\n}\n.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-start: 0;\n}\n.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-end: 0;\n}\n.prose :where(figure):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n.prose :where(.prose > :first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(.prose > :last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-bottom: 0;\n}\n\n.phx-editor .prose {\n font-size: 12px;\n}\n\n .phx-editor input::-webkit-outer-spin-button, .phx-editor input::-webkit-inner-spin-button {\n\t -webkit-appearance: none;\n\t margin: 0;\n}\n .phx-editor input[type='number'] {\n\t -moz-appearance: textfield;\n}\n .phx-editor img[data-loading='true'] {\n\t opacity: 0.5;\n\t filter: blur(2px);\n\t transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;\n}\n .phx-editor img:not([data-loading]) {\n\t opacity: 1;\n\t filter: blur(0);\n\t transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;\n}\n .phx-editor img {\n\t -webkit-user-drag: none;\n\t -khtml-user-drag: none;\n\t -moz-user-drag: none;\n\t -o-user-drag: none;\n\t user-drag: none;\n border: solid 2px transparent;\n border-radius: 8px;\n}\n\n.phx-editor .ProseMirror p.is-editor-empty:first-child::before {\n color: #9ca3af;\n content: attr(data-placeholder);\n float: left;\n height: 0;\n pointer-events: none;\n}\n ")));
7
+ return (react_1.default.createElement("style", null, "\n .editor-height {\n height: ".concat(editorHeight || 'calc(100vh - 220px)', ";\n min-height: ").concat(editorHeight, ";\n max-height: 80vh;\n resize: vertical;\n }\n.prose {\n\t max-width: 100%;\n}\n.ProseMirror [data-image-wrapper] {\n -webkit-user-drag: none;\n user-select: none;\n}\n\n.ProseMirror [data-image-wrapper] img {\n pointer-events: none;\n}\n.ProseMirror-selectednode[data-image-wrapper] img {\n border: 2px solid #8b5cf6;\n}\n .prose strong, .prose b {\n\t color: inherit !important;\n}\n .prose [style*='color:'] * {\n\t color: inherit !important;\n}\n a {\n\t color: #193fe9 !important;\n\t cursor: pointer;\n}\n a:hover {\n\t opacity: 0.8;\n\t animation-duration: 0.3s;\n}\n.selected {\n background: #dcdcdc;\n}\n.prose :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.25em;\n margin-bottom: 0.25em;\n}\n.prose :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-lead);\n font-size: 1.25em;\n line-height: 1.6;\n margin-top: 1.2em;\n margin-bottom: 1.2em;\n}\n.prose :where(a):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-links);\n text-decoration: underline;\n font-weight: 500;\n}\n.prose :where(strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-bold);\n font-weight: 600;\n}\n.prose :where(a strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(blockquote strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(thead th strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: decimal;\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n padding-inline-start: 1.625em;\n}\n.prose :where(ol[type='A']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: upper-alpha;\n}\n.prose :where(ol[type='a']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: lower-alpha;\n}\n.prose :where(ol[type='A' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: upper-alpha;\n}\n.prose :where(ol[type='a' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: lower-alpha;\n}\n.prose :where(ol[type='I']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: upper-roman;\n}\n.prose :where(ol[type='i']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: lower-roman;\n}\n.prose :where(ol[type='I' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: upper-roman;\n}\n.prose :where(ol[type='i' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: lower-roman;\n}\n.prose :where(ol[type='1']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: decimal;\n}\n.prose :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: disc;\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n padding-inline-start: 1.625em;\n}\n.prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *))::marker {\n font-weight: 400;\n color: var(--tw-prose-counters);\n}\n.prose :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *))::marker {\n color: var(--tw-prose-bullets);\n}\n.prose :where(dt):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n margin-top: 1.25em;\n}\n.prose :where(hr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-color: var(--tw-prose-hr);\n border-top-width: 1px;\n margin-top: 3em;\n margin-bottom: 3em;\n}\n.prose :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 500;\n font-style: italic;\n color: var(--tw-prose-quotes);\n border-inline-start-width: 0.25rem;\n border-inline-start-color: var(--tw-prose-quote-borders);\n margin-top: 1.6em;\n margin-bottom: 1.6em;\n padding-inline-start: 1em;\n}\n.prose :where(blockquote p:first-of-type):not(:where([class~='not-prose'], [class~='not-prose'] *))::before {\n content: open-quote;\n}\n.prose :where(blockquote p:last-of-type):not(:where([class~='not-prose'], [class~='not-prose'] *))::after {\n content: close-quote;\n}\n.prose :where(h1):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 800;\n font-size: 2.25em;\n margin-top: 0;\n margin-bottom: 0.8888889em;\n line-height: 1.1111111;\n}\n.prose :where(h1 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 900;\n color: inherit;\n}\n.prose :where(h2):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 700;\n font-size: 1.5em;\n margin-top: 2em;\n margin-bottom: 1em;\n line-height: 1.3333333;\n}\n.prose :where(h2 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 800;\n color: inherit;\n}\n.prose :where(h3):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n font-size: 1.25em;\n margin-top: 1.6em;\n margin-bottom: 0.6em;\n line-height: 1.6;\n}\n.prose :where(h3 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 700;\n color: inherit;\n}\n.prose :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n margin-top: 1.5em;\n margin-bottom: 0.5em;\n line-height: 1.5;\n}\n.prose :where(h4 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 700;\n color: inherit;\n}\n.prose :where(picture):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n display: block;\n margin-top: 2em;\n margin-bottom: 2em;\n}\n.prose :where(video):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n.prose :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 500;\n font-family: inherit;\n color: var(--tw-prose-kbd);\n box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);\n font-size: 0.875em;\n border-radius: 0.3125rem;\n padding-top: 0.1875em;\n padding-inline-end: 0.375em;\n padding-bottom: 0.1875em;\n padding-inline-start: 0.375em;\n}\n.prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-code);\n font-weight: 600;\n font-size: 0.875em;\n}\n.prose :where(a code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(h1 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(h2 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n font-size: 0.875em;\n}\n.prose :where(h3 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n font-size: 0.9em;\n}\n.prose :where(h4 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(blockquote code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(thead th code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-pre-code);\n background-color: var(--tw-prose-pre-bg);\n overflow-x: auto;\n font-weight: 400;\n font-size: 0.875em;\n line-height: 1.7142857;\n margin-top: 1.7142857em;\n margin-bottom: 1.7142857em;\n border-radius: 0.375rem;\n padding-top: 0.8571429em;\n padding-inline-end: 1.1428571em;\n padding-bottom: 0.8571429em;\n padding-inline-start: 1.1428571em;\n}\n.prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n background-color: transparent;\n border-width: 0;\n border-radius: 0;\n padding: 0;\n font-weight: inherit;\n color: inherit;\n font-size: inherit;\n font-family: inherit;\n line-height: inherit;\n}\n.prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *))::before {\n content: none;\n}\n.prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *))::after {\n content: none;\n}\n.prose :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n width: 100%;\n table-layout: auto;\n margin-top: 2em;\n margin-bottom: 2em;\n font-size: 0.875em;\n line-height: 1.7142857;\n}\n.prose :where(thead):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-bottom-width: 1px;\n border-bottom-color: var(--tw-prose-th-borders);\n}\n.prose :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n vertical-align: bottom;\n padding-inline-end: 0.5714286em;\n padding-bottom: 0.5714286em;\n padding-inline-start: 0.5714286em;\n}\n.prose :where(tbody tr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-bottom-width: 1px;\n border-bottom-color: var(--tw-prose-td-borders);\n}\n.prose :where(tbody tr:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-bottom-width: 0;\n}\n.prose :where(tbody td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n vertical-align: baseline;\n}\n.prose :where(tfoot):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-top-width: 1px;\n border-top-color: var(--tw-prose-th-borders);\n}\n.prose :where(tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n vertical-align: top;\n}\n.prose :where(th, td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n text-align: start;\n}\n.prose :where(figure > *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n margin-bottom: 0;\n}\n.prose :where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-captions);\n font-size: 0.875em;\n line-height: 1.4285714;\n margin-top: 0.8571429em;\n}\n.react-colorful__saturation {\n border-radius: 4px !important;\n margin-bottom: 0.5rem;\n}\n.react-colorful__hue {\n border-radius: 4px !important;\n margin-bottom: 0.5rem;\n}\n.react-colorful__alpha-gradient {\n border-radius: 4px !important;\n}\n.prose {\n --tw-prose-body: #374151;\n --tw-prose-headings: #111827;\n --tw-prose-lead: #4b5563;\n --tw-prose-links: #111827;\n --tw-prose-bold: #111827;\n --tw-prose-bullets: #333;\n --tw-prose-counters: #333;\n --tw-prose-hr: #e5e7eb;\n --tw-prose-quotes: #111827;\n --tw-prose-quote-borders: #e5e7eb;\n --tw-prose-captions: #6b7280;\n --tw-prose-kbd: #111827;\n --tw-prose-kbd-shadows: 17 24 39;\n --tw-prose-code: #111827;\n --tw-prose-pre-code: #e5e7eb;\n --tw-prose-pre-bg: #1f2937;\n --tw-prose-th-borders: #d1d5db;\n --tw-prose-td-borders: #e5e7eb;\n --tw-prose-invert-body: #d1d5db;\n --tw-prose-invert-headings: #fff;\n --tw-prose-invert-lead: #9ca3af;\n --tw-prose-invert-links: #fff;\n --tw-prose-invert-bold: #fff;\n --tw-prose-invert-counters: #9ca3af;\n --tw-prose-invert-bullets: #4b5563;\n --tw-prose-invert-hr: #374151;\n --tw-prose-invert-quotes: #f3f4f6;\n --tw-prose-invert-quote-borders: #374151;\n --tw-prose-invert-captions: #9ca3af;\n --tw-prose-invert-kbd: #fff;\n --tw-prose-invert-kbd-shadows: 255 255 255;\n --tw-prose-invert-code: #fff;\n --tw-prose-invert-pre-code: #d1d5db;\n --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);\n --tw-prose-invert-th-borders: #4b5563;\n --tw-prose-invert-td-borders: #374151;\n font-size: 1rem;\n line-height: 1.75;\n}\n.prose :where(picture > img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n margin-bottom: 0;\n}\n.prose :where(li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-start: 0.375em;\n}\n.prose :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-start: 0.375em;\n}\n.prose :where(.prose > ul > li p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.75em;\n margin-bottom: 0.75em;\n}\n.prose :where(.prose > ul > li > p:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 1.25em;\n}\n.prose :where(.prose > ul > li > p:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-bottom: 1.25em;\n}\n.prose :where(.prose > ol > li > p:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 1.25em;\n}\n.prose :where(.prose > ol > li > p:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-bottom: 1.25em;\n}\n.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.75em;\n margin-bottom: 0.75em;\n}\n.prose :where(dl):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n}\n.prose :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.5em;\n padding-inline-start: 1.625em;\n}\n.prose :where(hr + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(h2 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(h3 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(h4 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(thead th:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-start: 0;\n}\n.prose :where(thead th:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-end: 0;\n}\n.prose :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-top: 0.5714286em;\n padding-inline-end: 0.5714286em;\n padding-bottom: 0.5714286em;\n padding-inline-start: 0.5714286em;\n}\n.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-start: 0;\n}\n.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-end: 0;\n}\n.prose :where(figure):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n.prose :where(.prose > :first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(.prose > :last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-bottom: 0;\n}\n\n.phx-editor .prose {\n font-size: 12px;\n}\n\n .phx-editor input::-webkit-outer-spin-button, .phx-editor input::-webkit-inner-spin-button {\n\t -webkit-appearance: none;\n\t margin: 0;\n}\n .phx-editor input[type='number'] {\n\t -moz-appearance: textfield;\n}\n .phx-editor img[data-loading='true'] {\n\t opacity: 0.5;\n\t filter: blur(2px);\n\t transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;\n}\n .phx-editor img:not([data-loading]) {\n\t opacity: 1;\n\t filter: blur(0);\n\t transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;\n}\n .phx-editor img {\n\t -webkit-user-drag: none;\n\t -khtml-user-drag: none;\n\t -moz-user-drag: none;\n\t -o-user-drag: none;\n\t user-drag: none;\n border: solid 2px transparent;\n border-radius: 8px;\n}\n\n.phx-editor .ProseMirror p.is-editor-empty:first-child::before {\n color: #9ca3af;\n content: attr(data-placeholder);\n float: left;\n height: 0;\n pointer-events: none;\n}\n ")));
8
8
  };
9
9
  exports.default = StyledEditorLayout;
10
10
  //# sourceMappingURL=EditorStyle.js.map
package/dist/cjs/components/TextEditor/styles/EditorStyle.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EditorStyle.js","sourceRoot":"","sources":["../../../../../src/components/TextEditor/styles/EditorStyle.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAEzB,IAAM,kBAAkB,GAAG,UAAC,EAAuD;QAArD,YAAY,kBAAA;IAA8C,OAAA,CACtF,6CACG,gDAEW,YAAY,IAAI,qBAAqB,kCACjC,YAAY,qvfA2e3B,CACK,CACT;AAlfuF,CAkfvF,CAAA;AAED,kBAAe,kBAAkB,CAAA"}
1
+ {"version":3,"file":"EditorStyle.js","sourceRoot":"","sources":["../../../../../src/components/TextEditor/styles/EditorStyle.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAEzB,IAAM,kBAAkB,GAAG,UAAC,EAAuD;QAArD,YAAY,kBAAA;IAA8C,OAAA,CACtF,6CACG,gDAEW,YAAY,IAAI,qBAAqB,kCACjC,YAAY,unfAue3B,CACK,CACT;AA9euF,CA8evF,CAAA;AAED,kBAAe,kBAAkB,CAAA"}
package/dist/esm/components/MainWrapV4/components/nav-item.js CHANGED
@@ -7,17 +7,17 @@ export default function NavItem(_a) {
7
7
  var bgActiveColor = _a.bgActiveColor, child = _a.child, code = _a.code, href = _a.href, icon = _a.icon, isActive = _a.isActive, _c = _a.isShowOtherMenu, isShowOtherMenu = _c === void 0 ? false : _c, name = _a.name, parentPath = _a.parentPath, _d = _a.showSubMenu, showSubMenu = _d === void 0 ? false : _d;
8
8
  var basePath = (_b = parentPath === null || parentPath === void 0 ? void 0 : parentPath.split('/')) === null || _b === void 0 ? void 0 : _b[1];
9
9
  var isShowSubMenuWhenHover = child && !showSubMenu && !isShowOtherMenu;
10
- return (React.createElement("div", { className: "".concat(classNames('inline-flex w-full items-center justify-center ', !isActive && ' bg-opacity-25'), " group mb-4 flex flex-col items-center gap-y-2 ") },
10
+ return (React.createElement("div", { className: "".concat(classNames('inline-flex w-full items-center justify-center ', !isActive && ' bg-opacity-25'), " group relative mb-4 flex flex-col items-center gap-y-2 ") },
11
11
  React.createElement("a", { className: ' relative flex w-full items-center justify-center', href: href },
12
12
  React.createElement("div", { className: ' absolute -top-4 left-0 right-0 h-4 ' }),
13
13
  React.createElement(Image, { alt: 'icon', className: "relative z-10 h-5 w-5 ".concat(isActive ? '' : 'brightness-75 group-hover:brightness-200'), height: 20, src: icon, width: 20 }),
14
14
  isShowSubMenuWhenHover && (React.createElement("div", { className: 'absolute -right-[0.3rem] top-1 z-[9999] hidden h-5 w-3 overflow-hidden pl-1 group-hover:block' },
15
15
  React.createElement("div", { className: ' h-4 w-4 -rotate-[37.5deg] skew-x-[12deg] rounded-[3px] border border-gray-300 bg-white' })))),
16
16
  React.createElement("a", { className: 'relative', href: href },
17
- React.createElement("p", { className: "text-center text-[10px] ".concat(isActive ? 'text-white' : 'text-gray-300 brightness-75 group-hover:brightness-200') }, name.length > 7 ? "".concat(name.slice(0, 7), "..") : name),
18
- isActive ? (React.createElement("div", { className: 'absolute -top-8 left-[0.3rem] h-8 w-8 rounded-full blur-[10px]', style: {
19
- backgroundColor: bgActiveColor,
20
- } })) : (React.createElement("div", { className: 'absolute -top-8 left-[0.3rem] h-8 w-8 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[19px]' }))),
17
+ React.createElement("p", { className: "text-center text-[10px] ".concat(isActive ? 'text-white' : 'text-gray-300 brightness-75 group-hover:brightness-200') }, name.length > 7 ? "".concat(name.slice(0, 7), "..") : name)),
18
+ isActive ? (React.createElement("div", { className: 'absolute -top-1.5 left-3 h-8 w-8 rounded-full blur-[10px]', style: {
19
+ backgroundColor: bgActiveColor,
20
+ } })) : (React.createElement("div", { className: 'absolute -top-8 left-[0.3rem] h-8 w-8 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[19px]' })),
21
21
  isShowSubMenuWhenHover && (React.createElement("div", { className: 'shadow-soft absolute left-[3.75rem] top-[0.05rem] z-[50] hidden h-[calc(100vh-8rem)] w-[17.25rem] rounded-2xl bg-white pl-4 pr-2 group-hover:block' },
22
22
  React.createElement("div", { className: ' absolute -left-4 bottom-0 top-0 z-30 w-5 ' }),
23
23
  React.createElement("h2", { className: 'mb-1 mt-[0.631rem] py-1.5 pr-1 text-sm font-[650] text-gray-900' }, name),
package/dist/esm/components/MainWrapV4/components/nav-item.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/nav-item.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/nav-item.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/MainWrapV4/constant.js CHANGED
@@ -3,5 +3,5 @@ export var MENU_CODE;
3
3
  MENU_CODE["DASHBOARD"] = "DASHBOARD";
4
4
  })(MENU_CODE || (MENU_CODE = {}));
5
5
  export var LOCALSTORAGE_MENU_PINED_KEY = 'menu_pined';
6
- export var MENU_ACTIVE_COLORS = ['#F57634', '#20BD22', '#FD7B6C', '#6788EC', '#FFFFFF', '#DEA414'];
6
+ export var MENU_ACTIVE_COLORS = ['#F57634', '#20BD22', '#FD7B6C', '#6788EC', '#DEA414'];
7
7
  //# sourceMappingURL=constant.js.map
package/dist/esm/components/MainWrapV4/constant.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"constant.js","sourceRoot":"","sources":["../../../../src/components/MainWrapV4/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,SAEX;AAFD,WAAY,SAAS;IACnB,oCAAuB,CAAA;AACzB,CAAC,EAFW,SAAS,KAAT,SAAS,QAEpB;AAED,MAAM,CAAC,IAAM,2BAA2B,GAAG,YAAY,CAAA;AACvD,MAAM,CAAC,IAAM,kBAAkB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA"}
1
+ {"version":3,"file":"constant.js","sourceRoot":"","sources":["../../../../src/components/MainWrapV4/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,SAEX;AAFD,WAAY,SAAS;IACnB,oCAAuB,CAAA;AACzB,CAAC,EAFW,SAAS,KAAT,SAAS,QAEpB;AAED,MAAM,CAAC,IAAM,2BAA2B,GAAG,YAAY,CAAA;AACvD,MAAM,CAAC,IAAM,kBAAkB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA"}
package/dist/esm/components/TextEditor/custom/CustomImage.js CHANGED
@@ -47,7 +47,7 @@ var CustomImage = Node.create({
47
47
  {
48
48
  'data-image-wrapper': 'true',
49
49
  draggable: 'false',
50
- style: "display: flex; justify-content: ".concat(justify, "; width: 100%;"),
50
+ style: "display: flex; justify-content: ".concat(justify, "; width: 100%; margin-bottom: 16px;"),
51
51
  },
52
52
  [
53
53
  'img',
package/dist/esm/components/TextEditor/custom/CustomImage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CustomImage.js","sourceRoot":"","sources":["../../../../../src/components/TextEditor/custom/CustomImage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEpD,IAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;IAC9B,IAAI,EAAE,OAAO;IAEb,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,IAAI;IAEV,aAAa;QACX,OAAO;YACL,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACtB,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACtB,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACxB,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACjC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YAEjC,SAAS,EAAE;gBACT,OAAO,EAAE,QAAQ;aAClB;SACF,CAAA;IACH,CAAC;IAED,SAAS;QACP,OAAO;YACL;gBACE,GAAG,EAAE,6BAA6B;gBAClC,QAAQ,EAAE,UAAC,IAAI;oBACb,IAAI,CAAC,CAAC,IAAI,YAAY,gBAAgB,CAAC;wBAAE,OAAO,KAAK,CAAA;oBACrD,OAAO;wBACL,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;wBAC7B,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;wBAC7B,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;qBAClC,CAAA;gBACH,CAAC;aACF;YACD,EAAE,GAAG,EAAE,KAAK,EAAE;SACf,CAAA;IACH,CAAC;IAED,UAAU,YAAC,EAAkB;YAAhB,cAAc,oBAAA;QACzB,IAAM,KAAK,GAAG,cAAc,CAAC,SAAS,IAAI,QAAQ,CAAA;QAElD,IAAI,OAAO,GAAG,QAAQ,CAAA;QACtB,IAAI,KAAK,KAAK,MAAM;YAAE,OAAO,GAAG,YAAY,CAAA;QAC5C,IAAI,KAAK,KAAK,OAAO;YAAE,OAAO,GAAG,UAAU,CAAA;QAE3C,OAAO;YACL,KAAK;YACL;gBACE,oBAAoB,EAAE,MAAM;gBAC5B,SAAS,EAAE,OAAO;gBAClB,KAAK,EAAE,0CAAmC,OAAO,mBAAgB;aAClE;YACD;gBACE,KAAK;gBACL,eAAe,CAAC,cAAc,EAAE;oBAC9B,KAAK,EAAE,gCAAgC;oBACvC,SAAS,EAAE,OAAO;iBACnB,CAAC;aACH;SACF,CAAA;IACH,CAAC;IAED,oBAAoB;QAClB,OAAO;YACL,MAAM,EAAE,UAAC,EAAU;oBAAR,MAAM,YAAA;gBACP,IAAA,SAAS,GAAK,MAAM,CAAC,KAAK,UAAjB,CAAiB;gBAElC,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBACjD,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAA;oBACjC,OAAO,IAAI,CAAA;gBACb,CAAC;gBACD,OAAO,KAAK,CAAA;YACd,CAAC;YAED,SAAS,EAAE,UAAC,EAAU;oBAAR,MAAM,YAAA;gBACV,IAAA,SAAS,GAAK,MAAM,CAAC,KAAK,UAAjB,CAAiB;gBAElC,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBACjD,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAA;oBACjC,OAAO,IAAI,CAAA;gBACb,CAAC;gBACD,OAAO,KAAK,CAAA;YACd,CAAC;SACF,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAEF,eAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"CustomImage.js","sourceRoot":"","sources":["../../../../../src/components/TextEditor/custom/CustomImage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEpD,IAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;IAC9B,IAAI,EAAE,OAAO;IAEb,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,IAAI;IAEV,aAAa;QACX,OAAO;YACL,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACtB,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACtB,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACxB,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACjC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YAEjC,SAAS,EAAE;gBACT,OAAO,EAAE,QAAQ;aAClB;SACF,CAAA;IACH,CAAC;IAED,SAAS;QACP,OAAO;YACL;gBACE,GAAG,EAAE,6BAA6B;gBAClC,QAAQ,EAAE,UAAC,IAAI;oBACb,IAAI,CAAC,CAAC,IAAI,YAAY,gBAAgB,CAAC;wBAAE,OAAO,KAAK,CAAA;oBACrD,OAAO;wBACL,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;wBAC7B,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;wBAC7B,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;qBAClC,CAAA;gBACH,CAAC;aACF;YACD,EAAE,GAAG,EAAE,KAAK,EAAE;SACf,CAAA;IACH,CAAC;IAED,UAAU,YAAC,EAAkB;YAAhB,cAAc,oBAAA;QACzB,IAAM,KAAK,GAAG,cAAc,CAAC,SAAS,IAAI,QAAQ,CAAA;QAElD,IAAI,OAAO,GAAG,QAAQ,CAAA;QACtB,IAAI,KAAK,KAAK,MAAM;YAAE,OAAO,GAAG,YAAY,CAAA;QAC5C,IAAI,KAAK,KAAK,OAAO;YAAE,OAAO,GAAG,UAAU,CAAA;QAE3C,OAAO;YACL,KAAK;YACL;gBACE,oBAAoB,EAAE,MAAM;gBAC5B,SAAS,EAAE,OAAO;gBAClB,KAAK,EAAE,0CAAmC,OAAO,wCAAqC;aACvF;YACD;gBACE,KAAK;gBACL,eAAe,CAAC,cAAc,EAAE;oBAC9B,KAAK,EAAE,gCAAgC;oBACvC,SAAS,EAAE,OAAO;iBACnB,CAAC;aACH;SACF,CAAA;IACH,CAAC;IAED,oBAAoB;QAClB,OAAO;YACL,MAAM,EAAE,UAAC,EAAU;oBAAR,MAAM,YAAA;gBACP,IAAA,SAAS,GAAK,MAAM,CAAC,KAAK,UAAjB,CAAiB;gBAElC,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBACjD,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAA;oBACjC,OAAO,IAAI,CAAA;gBACb,CAAC;gBACD,OAAO,KAAK,CAAA;YACd,CAAC;YAED,SAAS,EAAE,UAAC,EAAU;oBAAR,MAAM,YAAA;gBACV,IAAA,SAAS,GAAK,MAAM,CAAC,KAAK,UAAjB,CAAiB;gBAElC,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBACjD,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAA;oBACjC,OAAO,IAAI,CAAA;gBACb,CAAC;gBACD,OAAO,KAAK,CAAA;YACd,CAAC;SACF,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAEF,eAAe,WAAW,CAAA"}
package/dist/esm/components/TextEditor/styles/EditorStyle.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  var StyledEditorLayout = function (_a) {
3
3
  var editorHeight = _a.editorHeight;
4
- return (React.createElement("style", null, "\n .editor-height {\n height: ".concat(editorHeight || 'calc(100vh - 220px)', ";\n min-height: ").concat(editorHeight, ";\n max-height: 80vh;\n resize: vertical;\n }\n.prose {\n\t max-width: 100%;\n}\n.ProseMirror [data-image-wrapper] {\n -webkit-user-drag: none;\n user-select: none;\n}\n\n.ProseMirror [data-image-wrapper] img {\n pointer-events: none;\n}\n.ProseMirror-selectednode[data-image-wrapper] img {\n border: 2px solid #8b5cf6;\n}\n .prose strong, .prose b {\n\t color: inherit !important;\n}\n .prose [style*='color:'] * {\n\t color: inherit !important;\n}\n a {\n\t color: #193fe9 !important;\n\t cursor: pointer;\n}\n a:hover {\n\t opacity: 0.8;\n\t animation-duration: 0.3s;\n}\n.selected {\n background: #dcdcdc;\n}\n.prose :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.25em;\n margin-bottom: 0.25em;\n}\n.prose :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-lead);\n font-size: 1.25em;\n line-height: 1.6;\n margin-top: 1.2em;\n margin-bottom: 1.2em;\n}\n.prose :where(a):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-links);\n text-decoration: underline;\n font-weight: 500;\n}\n.prose :where(strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-bold);\n font-weight: 600;\n}\n.prose :where(a strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(blockquote strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(thead th strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: decimal;\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n padding-inline-start: 1.625em;\n}\n.prose :where(ol[type='A']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: upper-alpha;\n}\n.prose :where(ol[type='a']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: lower-alpha;\n}\n.prose :where(ol[type='A' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: upper-alpha;\n}\n.prose :where(ol[type='a' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: lower-alpha;\n}\n.prose :where(ol[type='I']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: upper-roman;\n}\n.prose :where(ol[type='i']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: lower-roman;\n}\n.prose :where(ol[type='I' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: upper-roman;\n}\n.prose :where(ol[type='i' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: lower-roman;\n}\n.prose :where(ol[type='1']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: decimal;\n}\n.prose :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: disc;\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n padding-inline-start: 1.625em;\n}\n.prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *))::marker {\n font-weight: 400;\n color: var(--tw-prose-counters);\n}\n.prose :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *))::marker {\n color: var(--tw-prose-bullets);\n}\n.prose :where(dt):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n margin-top: 1.25em;\n}\n.prose :where(hr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-color: var(--tw-prose-hr);\n border-top-width: 1px;\n margin-top: 3em;\n margin-bottom: 3em;\n}\n.prose :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 500;\n font-style: italic;\n color: var(--tw-prose-quotes);\n border-inline-start-width: 0.25rem;\n border-inline-start-color: var(--tw-prose-quote-borders);\n margin-top: 1.6em;\n margin-bottom: 1.6em;\n padding-inline-start: 1em;\n}\n.prose :where(blockquote p:first-of-type):not(:where([class~='not-prose'], [class~='not-prose'] *))::before {\n content: open-quote;\n}\n.prose :where(blockquote p:last-of-type):not(:where([class~='not-prose'], [class~='not-prose'] *))::after {\n content: close-quote;\n}\n.prose :where(h1):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 800;\n font-size: 2.25em;\n margin-top: 0;\n margin-bottom: 0.8888889em;\n line-height: 1.1111111;\n}\n.prose :where(h1 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 900;\n color: inherit;\n}\n.prose :where(h2):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 700;\n font-size: 1.5em;\n margin-top: 2em;\n margin-bottom: 1em;\n line-height: 1.3333333;\n}\n.prose :where(h2 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 800;\n color: inherit;\n}\n.prose :where(h3):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n font-size: 1.25em;\n margin-top: 1.6em;\n margin-bottom: 0.6em;\n line-height: 1.6;\n}\n.prose :where(h3 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 700;\n color: inherit;\n}\n.prose :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n margin-top: 1.5em;\n margin-bottom: 0.5em;\n line-height: 1.5;\n}\n.prose :where(h4 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 700;\n color: inherit;\n}\n.prose :where(img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n.prose :where(picture):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n display: block;\n margin-top: 2em;\n margin-bottom: 2em;\n}\n.prose :where(video):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n.prose :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 500;\n font-family: inherit;\n color: var(--tw-prose-kbd);\n box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);\n font-size: 0.875em;\n border-radius: 0.3125rem;\n padding-top: 0.1875em;\n padding-inline-end: 0.375em;\n padding-bottom: 0.1875em;\n padding-inline-start: 0.375em;\n}\n.prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-code);\n font-weight: 600;\n font-size: 0.875em;\n}\n.prose :where(a code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(h1 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(h2 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n font-size: 0.875em;\n}\n.prose :where(h3 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n font-size: 0.9em;\n}\n.prose :where(h4 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(blockquote code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(thead th code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-pre-code);\n background-color: var(--tw-prose-pre-bg);\n overflow-x: auto;\n font-weight: 400;\n font-size: 0.875em;\n line-height: 1.7142857;\n margin-top: 1.7142857em;\n margin-bottom: 1.7142857em;\n border-radius: 0.375rem;\n padding-top: 0.8571429em;\n padding-inline-end: 1.1428571em;\n padding-bottom: 0.8571429em;\n padding-inline-start: 1.1428571em;\n}\n.prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n background-color: transparent;\n border-width: 0;\n border-radius: 0;\n padding: 0;\n font-weight: inherit;\n color: inherit;\n font-size: inherit;\n font-family: inherit;\n line-height: inherit;\n}\n.prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *))::before {\n content: none;\n}\n.prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *))::after {\n content: none;\n}\n.prose :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n width: 100%;\n table-layout: auto;\n margin-top: 2em;\n margin-bottom: 2em;\n font-size: 0.875em;\n line-height: 1.7142857;\n}\n.prose :where(thead):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-bottom-width: 1px;\n border-bottom-color: var(--tw-prose-th-borders);\n}\n.prose :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n vertical-align: bottom;\n padding-inline-end: 0.5714286em;\n padding-bottom: 0.5714286em;\n padding-inline-start: 0.5714286em;\n}\n.prose :where(tbody tr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-bottom-width: 1px;\n border-bottom-color: var(--tw-prose-td-borders);\n}\n.prose :where(tbody tr:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-bottom-width: 0;\n}\n.prose :where(tbody td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n vertical-align: baseline;\n}\n.prose :where(tfoot):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-top-width: 1px;\n border-top-color: var(--tw-prose-th-borders);\n}\n.prose :where(tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n vertical-align: top;\n}\n.prose :where(th, td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n text-align: start;\n}\n.prose :where(figure > *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n margin-bottom: 0;\n}\n.prose :where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-captions);\n font-size: 0.875em;\n line-height: 1.4285714;\n margin-top: 0.8571429em;\n}\n.react-colorful__saturation {\n border-radius: 4px !important;\n margin-bottom: 0.5rem;\n}\n.react-colorful__hue {\n border-radius: 4px !important;\n margin-bottom: 0.5rem;\n}\n.react-colorful__alpha-gradient {\n border-radius: 4px !important;\n}\n.prose {\n --tw-prose-body: #374151;\n --tw-prose-headings: #111827;\n --tw-prose-lead: #4b5563;\n --tw-prose-links: #111827;\n --tw-prose-bold: #111827;\n --tw-prose-bullets: #333;\n --tw-prose-counters: #333;\n --tw-prose-hr: #e5e7eb;\n --tw-prose-quotes: #111827;\n --tw-prose-quote-borders: #e5e7eb;\n --tw-prose-captions: #6b7280;\n --tw-prose-kbd: #111827;\n --tw-prose-kbd-shadows: 17 24 39;\n --tw-prose-code: #111827;\n --tw-prose-pre-code: #e5e7eb;\n --tw-prose-pre-bg: #1f2937;\n --tw-prose-th-borders: #d1d5db;\n --tw-prose-td-borders: #e5e7eb;\n --tw-prose-invert-body: #d1d5db;\n --tw-prose-invert-headings: #fff;\n --tw-prose-invert-lead: #9ca3af;\n --tw-prose-invert-links: #fff;\n --tw-prose-invert-bold: #fff;\n --tw-prose-invert-counters: #9ca3af;\n --tw-prose-invert-bullets: #4b5563;\n --tw-prose-invert-hr: #374151;\n --tw-prose-invert-quotes: #f3f4f6;\n --tw-prose-invert-quote-borders: #374151;\n --tw-prose-invert-captions: #9ca3af;\n --tw-prose-invert-kbd: #fff;\n --tw-prose-invert-kbd-shadows: 255 255 255;\n --tw-prose-invert-code: #fff;\n --tw-prose-invert-pre-code: #d1d5db;\n --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);\n --tw-prose-invert-th-borders: #4b5563;\n --tw-prose-invert-td-borders: #374151;\n font-size: 1rem;\n line-height: 1.75;\n}\n.prose :where(picture > img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n margin-bottom: 0;\n}\n.prose :where(li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-start: 0.375em;\n}\n.prose :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-start: 0.375em;\n}\n.prose :where(.prose > ul > li p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.75em;\n margin-bottom: 0.75em;\n}\n.prose :where(.prose > ul > li > p:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 1.25em;\n}\n.prose :where(.prose > ul > li > p:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-bottom: 1.25em;\n}\n.prose :where(.prose > ol > li > p:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 1.25em;\n}\n.prose :where(.prose > ol > li > p:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-bottom: 1.25em;\n}\n.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.75em;\n margin-bottom: 0.75em;\n}\n.prose :where(dl):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n}\n.prose :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.5em;\n padding-inline-start: 1.625em;\n}\n.prose :where(hr + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(h2 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(h3 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(h4 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(thead th:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-start: 0;\n}\n.prose :where(thead th:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-end: 0;\n}\n.prose :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-top: 0.5714286em;\n padding-inline-end: 0.5714286em;\n padding-bottom: 0.5714286em;\n padding-inline-start: 0.5714286em;\n}\n.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-start: 0;\n}\n.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-end: 0;\n}\n.prose :where(figure):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n.prose :where(.prose > :first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(.prose > :last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-bottom: 0;\n}\n\n.phx-editor .prose {\n font-size: 12px;\n}\n\n .phx-editor input::-webkit-outer-spin-button, .phx-editor input::-webkit-inner-spin-button {\n\t -webkit-appearance: none;\n\t margin: 0;\n}\n .phx-editor input[type='number'] {\n\t -moz-appearance: textfield;\n}\n .phx-editor img[data-loading='true'] {\n\t opacity: 0.5;\n\t filter: blur(2px);\n\t transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;\n}\n .phx-editor img:not([data-loading]) {\n\t opacity: 1;\n\t filter: blur(0);\n\t transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;\n}\n .phx-editor img {\n\t -webkit-user-drag: none;\n\t -khtml-user-drag: none;\n\t -moz-user-drag: none;\n\t -o-user-drag: none;\n\t user-drag: none;\n border: solid 2px transparent;\n border-radius: 8px;\n}\n\n.phx-editor .ProseMirror p.is-editor-empty:first-child::before {\n color: #9ca3af;\n content: attr(data-placeholder);\n float: left;\n height: 0;\n pointer-events: none;\n}\n ")));
4
+ return (React.createElement("style", null, "\n .editor-height {\n height: ".concat(editorHeight || 'calc(100vh - 220px)', ";\n min-height: ").concat(editorHeight, ";\n max-height: 80vh;\n resize: vertical;\n }\n.prose {\n\t max-width: 100%;\n}\n.ProseMirror [data-image-wrapper] {\n -webkit-user-drag: none;\n user-select: none;\n}\n\n.ProseMirror [data-image-wrapper] img {\n pointer-events: none;\n}\n.ProseMirror-selectednode[data-image-wrapper] img {\n border: 2px solid #8b5cf6;\n}\n .prose strong, .prose b {\n\t color: inherit !important;\n}\n .prose [style*='color:'] * {\n\t color: inherit !important;\n}\n a {\n\t color: #193fe9 !important;\n\t cursor: pointer;\n}\n a:hover {\n\t opacity: 0.8;\n\t animation-duration: 0.3s;\n}\n.selected {\n background: #dcdcdc;\n}\n.prose :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.25em;\n margin-bottom: 0.25em;\n}\n.prose :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-lead);\n font-size: 1.25em;\n line-height: 1.6;\n margin-top: 1.2em;\n margin-bottom: 1.2em;\n}\n.prose :where(a):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-links);\n text-decoration: underline;\n font-weight: 500;\n}\n.prose :where(strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-bold);\n font-weight: 600;\n}\n.prose :where(a strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(blockquote strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(thead th strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: decimal;\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n padding-inline-start: 1.625em;\n}\n.prose :where(ol[type='A']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: upper-alpha;\n}\n.prose :where(ol[type='a']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: lower-alpha;\n}\n.prose :where(ol[type='A' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: upper-alpha;\n}\n.prose :where(ol[type='a' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: lower-alpha;\n}\n.prose :where(ol[type='I']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: upper-roman;\n}\n.prose :where(ol[type='i']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: lower-roman;\n}\n.prose :where(ol[type='I' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: upper-roman;\n}\n.prose :where(ol[type='i' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: lower-roman;\n}\n.prose :where(ol[type='1']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: decimal;\n}\n.prose :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n list-style-type: disc;\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n padding-inline-start: 1.625em;\n}\n.prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *))::marker {\n font-weight: 400;\n color: var(--tw-prose-counters);\n}\n.prose :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *))::marker {\n color: var(--tw-prose-bullets);\n}\n.prose :where(dt):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n margin-top: 1.25em;\n}\n.prose :where(hr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-color: var(--tw-prose-hr);\n border-top-width: 1px;\n margin-top: 3em;\n margin-bottom: 3em;\n}\n.prose :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 500;\n font-style: italic;\n color: var(--tw-prose-quotes);\n border-inline-start-width: 0.25rem;\n border-inline-start-color: var(--tw-prose-quote-borders);\n margin-top: 1.6em;\n margin-bottom: 1.6em;\n padding-inline-start: 1em;\n}\n.prose :where(blockquote p:first-of-type):not(:where([class~='not-prose'], [class~='not-prose'] *))::before {\n content: open-quote;\n}\n.prose :where(blockquote p:last-of-type):not(:where([class~='not-prose'], [class~='not-prose'] *))::after {\n content: close-quote;\n}\n.prose :where(h1):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 800;\n font-size: 2.25em;\n margin-top: 0;\n margin-bottom: 0.8888889em;\n line-height: 1.1111111;\n}\n.prose :where(h1 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 900;\n color: inherit;\n}\n.prose :where(h2):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 700;\n font-size: 1.5em;\n margin-top: 2em;\n margin-bottom: 1em;\n line-height: 1.3333333;\n}\n.prose :where(h2 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 800;\n color: inherit;\n}\n.prose :where(h3):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n font-size: 1.25em;\n margin-top: 1.6em;\n margin-bottom: 0.6em;\n line-height: 1.6;\n}\n.prose :where(h3 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 700;\n color: inherit;\n}\n.prose :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n margin-top: 1.5em;\n margin-bottom: 0.5em;\n line-height: 1.5;\n}\n.prose :where(h4 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 700;\n color: inherit;\n}\n.prose :where(picture):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n display: block;\n margin-top: 2em;\n margin-bottom: 2em;\n}\n.prose :where(video):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n.prose :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n font-weight: 500;\n font-family: inherit;\n color: var(--tw-prose-kbd);\n box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);\n font-size: 0.875em;\n border-radius: 0.3125rem;\n padding-top: 0.1875em;\n padding-inline-end: 0.375em;\n padding-bottom: 0.1875em;\n padding-inline-start: 0.375em;\n}\n.prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-code);\n font-weight: 600;\n font-size: 0.875em;\n}\n.prose :where(a code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(h1 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(h2 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n font-size: 0.875em;\n}\n.prose :where(h3 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n font-size: 0.9em;\n}\n.prose :where(h4 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(blockquote code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(thead th code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: inherit;\n}\n.prose :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-pre-code);\n background-color: var(--tw-prose-pre-bg);\n overflow-x: auto;\n font-weight: 400;\n font-size: 0.875em;\n line-height: 1.7142857;\n margin-top: 1.7142857em;\n margin-bottom: 1.7142857em;\n border-radius: 0.375rem;\n padding-top: 0.8571429em;\n padding-inline-end: 1.1428571em;\n padding-bottom: 0.8571429em;\n padding-inline-start: 1.1428571em;\n}\n.prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n background-color: transparent;\n border-width: 0;\n border-radius: 0;\n padding: 0;\n font-weight: inherit;\n color: inherit;\n font-size: inherit;\n font-family: inherit;\n line-height: inherit;\n}\n.prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *))::before {\n content: none;\n}\n.prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *))::after {\n content: none;\n}\n.prose :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n width: 100%;\n table-layout: auto;\n margin-top: 2em;\n margin-bottom: 2em;\n font-size: 0.875em;\n line-height: 1.7142857;\n}\n.prose :where(thead):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-bottom-width: 1px;\n border-bottom-color: var(--tw-prose-th-borders);\n}\n.prose :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-headings);\n font-weight: 600;\n vertical-align: bottom;\n padding-inline-end: 0.5714286em;\n padding-bottom: 0.5714286em;\n padding-inline-start: 0.5714286em;\n}\n.prose :where(tbody tr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-bottom-width: 1px;\n border-bottom-color: var(--tw-prose-td-borders);\n}\n.prose :where(tbody tr:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-bottom-width: 0;\n}\n.prose :where(tbody td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n vertical-align: baseline;\n}\n.prose :where(tfoot):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n border-top-width: 1px;\n border-top-color: var(--tw-prose-th-borders);\n}\n.prose :where(tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n vertical-align: top;\n}\n.prose :where(th, td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n text-align: start;\n}\n.prose :where(figure > *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n margin-bottom: 0;\n}\n.prose :where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n color: var(--tw-prose-captions);\n font-size: 0.875em;\n line-height: 1.4285714;\n margin-top: 0.8571429em;\n}\n.react-colorful__saturation {\n border-radius: 4px !important;\n margin-bottom: 0.5rem;\n}\n.react-colorful__hue {\n border-radius: 4px !important;\n margin-bottom: 0.5rem;\n}\n.react-colorful__alpha-gradient {\n border-radius: 4px !important;\n}\n.prose {\n --tw-prose-body: #374151;\n --tw-prose-headings: #111827;\n --tw-prose-lead: #4b5563;\n --tw-prose-links: #111827;\n --tw-prose-bold: #111827;\n --tw-prose-bullets: #333;\n --tw-prose-counters: #333;\n --tw-prose-hr: #e5e7eb;\n --tw-prose-quotes: #111827;\n --tw-prose-quote-borders: #e5e7eb;\n --tw-prose-captions: #6b7280;\n --tw-prose-kbd: #111827;\n --tw-prose-kbd-shadows: 17 24 39;\n --tw-prose-code: #111827;\n --tw-prose-pre-code: #e5e7eb;\n --tw-prose-pre-bg: #1f2937;\n --tw-prose-th-borders: #d1d5db;\n --tw-prose-td-borders: #e5e7eb;\n --tw-prose-invert-body: #d1d5db;\n --tw-prose-invert-headings: #fff;\n --tw-prose-invert-lead: #9ca3af;\n --tw-prose-invert-links: #fff;\n --tw-prose-invert-bold: #fff;\n --tw-prose-invert-counters: #9ca3af;\n --tw-prose-invert-bullets: #4b5563;\n --tw-prose-invert-hr: #374151;\n --tw-prose-invert-quotes: #f3f4f6;\n --tw-prose-invert-quote-borders: #374151;\n --tw-prose-invert-captions: #9ca3af;\n --tw-prose-invert-kbd: #fff;\n --tw-prose-invert-kbd-shadows: 255 255 255;\n --tw-prose-invert-code: #fff;\n --tw-prose-invert-pre-code: #d1d5db;\n --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);\n --tw-prose-invert-th-borders: #4b5563;\n --tw-prose-invert-td-borders: #374151;\n font-size: 1rem;\n line-height: 1.75;\n}\n.prose :where(picture > img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n margin-bottom: 0;\n}\n.prose :where(li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-start: 0.375em;\n}\n.prose :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-start: 0.375em;\n}\n.prose :where(.prose > ul > li p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.75em;\n margin-bottom: 0.75em;\n}\n.prose :where(.prose > ul > li > p:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 1.25em;\n}\n.prose :where(.prose > ul > li > p:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-bottom: 1.25em;\n}\n.prose :where(.prose > ol > li > p:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 1.25em;\n}\n.prose :where(.prose > ol > li > p:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-bottom: 1.25em;\n}\n.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.75em;\n margin-bottom: 0.75em;\n}\n.prose :where(dl):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n}\n.prose :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0.5em;\n padding-inline-start: 1.625em;\n}\n.prose :where(hr + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(h2 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(h3 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(h4 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(thead th:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-start: 0;\n}\n.prose :where(thead th:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-end: 0;\n}\n.prose :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-top: 0.5714286em;\n padding-inline-end: 0.5714286em;\n padding-bottom: 0.5714286em;\n padding-inline-start: 0.5714286em;\n}\n.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-start: 0;\n}\n.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n padding-inline-end: 0;\n}\n.prose :where(figure):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n}\n.prose :where(.prose > :first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-top: 0;\n}\n.prose :where(.prose > :last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {\n margin-bottom: 0;\n}\n\n.phx-editor .prose {\n font-size: 12px;\n}\n\n .phx-editor input::-webkit-outer-spin-button, .phx-editor input::-webkit-inner-spin-button {\n\t -webkit-appearance: none;\n\t margin: 0;\n}\n .phx-editor input[type='number'] {\n\t -moz-appearance: textfield;\n}\n .phx-editor img[data-loading='true'] {\n\t opacity: 0.5;\n\t filter: blur(2px);\n\t transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;\n}\n .phx-editor img:not([data-loading]) {\n\t opacity: 1;\n\t filter: blur(0);\n\t transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;\n}\n .phx-editor img {\n\t -webkit-user-drag: none;\n\t -khtml-user-drag: none;\n\t -moz-user-drag: none;\n\t -o-user-drag: none;\n\t user-drag: none;\n border: solid 2px transparent;\n border-radius: 8px;\n}\n\n.phx-editor .ProseMirror p.is-editor-empty:first-child::before {\n color: #9ca3af;\n content: attr(data-placeholder);\n float: left;\n height: 0;\n pointer-events: none;\n}\n ")));
5
5
  };
6
6
  export default StyledEditorLayout;
7
7
  //# sourceMappingURL=EditorStyle.js.map
package/dist/esm/components/TextEditor/styles/EditorStyle.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EditorStyle.js","sourceRoot":"","sources":["../../../../../src/components/TextEditor/styles/EditorStyle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,IAAM,kBAAkB,GAAG,UAAC,EAAuD;QAArD,YAAY,kBAAA;IAA8C,OAAA,CACtF,mCACG,gDAEW,YAAY,IAAI,qBAAqB,kCACjC,YAAY,qvfA2e3B,CACK,CACT;AAlfuF,CAkfvF,CAAA;AAED,eAAe,kBAAkB,CAAA"}
1
+ {"version":3,"file":"EditorStyle.js","sourceRoot":"","sources":["../../../../../src/components/TextEditor/styles/EditorStyle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,IAAM,kBAAkB,GAAG,UAAC,EAAuD;QAArD,YAAY,kBAAA;IAA8C,OAAA,CACtF,mCACG,gDAEW,YAAY,IAAI,qBAAqB,kCACjC,YAAY,unfAue3B,CACK,CACT;AA9euF,CA8evF,CAAA;AAED,eAAe,kBAAkB,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "phx-react",
3
- "version": "1.3.1323",
3
+ "version": "1.3.1325",
4
4
  "description": "PHX REACT",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",