phx-react 1.3.1418 → 1.3.1420
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.
- package/dist/cjs/components/Button/Button.js +2 -2
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/TextEditor/styles/EditorStyle.js +1 -1
- package/dist/cjs/components/TextEditor/styles/EditorStyle.js.map +1 -1
- package/dist/esm/components/Button/Button.js +2 -2
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/TextEditor/styles/EditorStyle.js +1 -1
- package/dist/esm/components/TextEditor/styles/EditorStyle.js.map +1 -1
- package/package.json +1 -1
|
@@ -56,7 +56,7 @@ var PHXButton = function (_a) {
|
|
|
56
56
|
"bg-indigo-50 font-normal text-red-700 shadow-sm ".concat(!disabled ? 'hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), rounded && 'rounded-full', soft &&
|
|
57
57
|
"bg-indigo-50 font-normal text-gray-700 shadow-sm ".concat(!disabled ? 'hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), size === 'micro' && isNew && "px-2 py-1 text-xs ".concat(!disabled ? 'active:pt-[0.3rem] active:pb-[0.2rem]' : ''), size === 'small' && isNew && "px-2.5 py-1.5 text-xs ".concat(!disabled ? 'active:pt-[0.45rem] active:pb-[0.3rem]' : ''), size === 'medium' && isNew && "px-2.5 py-1.5 text-sm ".concat(!disabled ? 'active:pt-[0.45rem] active:pb-[0.3rem]' : ''), size === 'large' && isNew && "px-3 py-2 text-sm ".concat(!disabled ? 'active:pt-[0.55rem] active:pb-[0.45rem]' : ''), size === 'extra-large' &&
|
|
58
58
|
isNew &&
|
|
59
|
-
"px-3.5 py-2.5 text-sm ".concat(!disabled ? 'active:pt-[0.7rem] active:pb-[0.55rem]' : ''), size === 'micro' && "px-2 py-1 text-xxs", size === 'small' && "px-3 py-1.5 text-xxs", size === 'extra-micro' && "px-1.5 py-1 text-xxs", size === 'medium' && "px-3 py-1.5 text-sm", size === 'large' && "px-3 py-2 text-sm ", size === 'extra-large' && "px-3.5 py-2.5 text-sm", (icon || typeIcon) && (size === 'medium' || size === 'large') && '
|
|
59
|
+
"px-3.5 py-2.5 text-sm ".concat(!disabled ? 'active:pt-[0.7rem] active:pb-[0.55rem]' : ''), size === 'micro' && "px-2 py-1 text-xxs", size === 'small' && "px-3 py-1.5 text-xxs", size === 'extra-micro' && "px-1.5 py-1 text-xxs", size === 'medium' && "px-3 py-1.5 text-sm", size === 'large' && "px-3 py-2 text-sm ", size === 'extra-large' && "px-3.5 py-2.5 text-sm", (icon || typeIcon) && (size === 'medium' || size === 'large') && 'items-center', (icon || typeIcon) && size === 'extra-large' && 'items-center', loading && 'opacity-30', 'relative', disabled && 'opacity-30 cursor-default', className);
|
|
60
60
|
var iconClass = (0, types_1.classNames)((icon || typeIcon) && iconPosition === 'before' && size !== 'extra-micro' && 'h-5 w-5', (icon || typeIcon) && iconPosition === 'after' && size !== 'extra-micro' && 'h-5 w-5', (icon || typeIcon) && iconPosition === 'before' && size === 'extra-micro' && 'h-4 w-4', (icon || typeIcon) && iconPosition === 'after' && size === 'extra-micro' && 'h-4 w-4', iconClassName);
|
|
61
61
|
// Icon markup
|
|
62
62
|
var iconMarkup = Icon && react_1.default.createElement(Icon, { className: iconClass });
|
|
@@ -67,7 +67,7 @@ var PHXButton = function (_a) {
|
|
|
67
67
|
react_1.default.createElement("button", tslib_1.__assign({ style: style }, interactiveProps, { type: submit ? 'submit' : 'button', onClick: handleClick, className: (0, types_1.classNames)("hover:before:opacity-100 ".concat(binClassNames), "".concat(isTextOnly
|
|
68
68
|
? ''
|
|
69
69
|
: "group relative isolate flex items-center justify-center overflow-hidden rounded-md transition duration-300 ease-[cubic-bezier(0.4,0.36,0,1)] shadow-[inset_0_1px_theme(colors.white/0.07),0_0.12px_0_theme(colors.gray.900/".concat(deleted || soft ? 0.1 : 0.5, ")]\n ")), '!rounded-[8px]'), disabled: loading ? true : disabled }),
|
|
70
|
-
react_1.default.createElement("div", { className: "".concat((icon || typeIcon) && children ? 'flex space-x-1 justify-between' : '') },
|
|
70
|
+
react_1.default.createElement("div", { className: "".concat((icon || typeIcon) && children ? 'flex space-x-1 justify-between items-center' : '') },
|
|
71
71
|
loadingMarkup,
|
|
72
72
|
iconPosition === 'before' ? iconMarkup : react_1.default.createElement(react_1.default.Fragment, null),
|
|
73
73
|
react_1.default.createElement("span", { className: (0, types_1.classNames)(loading ? 'invisible' : '', deleted ? 'flex items-center' : '') },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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(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.prose 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
|
|
@@ -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,
|
|
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,6nfAue3B,CACK,CACT;AA9euF,CA8evF,CAAA;AAED,kBAAe,kBAAkB,CAAA"}
|
|
@@ -53,7 +53,7 @@ export var PHXButton = function (_a) {
|
|
|
53
53
|
"bg-indigo-50 font-normal text-red-700 shadow-sm ".concat(!disabled ? 'hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), rounded && 'rounded-full', soft &&
|
|
54
54
|
"bg-indigo-50 font-normal text-gray-700 shadow-sm ".concat(!disabled ? 'hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), size === 'micro' && isNew && "px-2 py-1 text-xs ".concat(!disabled ? 'active:pt-[0.3rem] active:pb-[0.2rem]' : ''), size === 'small' && isNew && "px-2.5 py-1.5 text-xs ".concat(!disabled ? 'active:pt-[0.45rem] active:pb-[0.3rem]' : ''), size === 'medium' && isNew && "px-2.5 py-1.5 text-sm ".concat(!disabled ? 'active:pt-[0.45rem] active:pb-[0.3rem]' : ''), size === 'large' && isNew && "px-3 py-2 text-sm ".concat(!disabled ? 'active:pt-[0.55rem] active:pb-[0.45rem]' : ''), size === 'extra-large' &&
|
|
55
55
|
isNew &&
|
|
56
|
-
"px-3.5 py-2.5 text-sm ".concat(!disabled ? 'active:pt-[0.7rem] active:pb-[0.55rem]' : ''), size === 'micro' && "px-2 py-1 text-xxs", size === 'small' && "px-3 py-1.5 text-xxs", size === 'extra-micro' && "px-1.5 py-1 text-xxs", size === 'medium' && "px-3 py-1.5 text-sm", size === 'large' && "px-3 py-2 text-sm ", size === 'extra-large' && "px-3.5 py-2.5 text-sm", (icon || typeIcon) && (size === 'medium' || size === 'large') && '
|
|
56
|
+
"px-3.5 py-2.5 text-sm ".concat(!disabled ? 'active:pt-[0.7rem] active:pb-[0.55rem]' : ''), size === 'micro' && "px-2 py-1 text-xxs", size === 'small' && "px-3 py-1.5 text-xxs", size === 'extra-micro' && "px-1.5 py-1 text-xxs", size === 'medium' && "px-3 py-1.5 text-sm", size === 'large' && "px-3 py-2 text-sm ", size === 'extra-large' && "px-3.5 py-2.5 text-sm", (icon || typeIcon) && (size === 'medium' || size === 'large') && 'items-center', (icon || typeIcon) && size === 'extra-large' && 'items-center', loading && 'opacity-30', 'relative', disabled && 'opacity-30 cursor-default', className);
|
|
57
57
|
var iconClass = classNames((icon || typeIcon) && iconPosition === 'before' && size !== 'extra-micro' && 'h-5 w-5', (icon || typeIcon) && iconPosition === 'after' && size !== 'extra-micro' && 'h-5 w-5', (icon || typeIcon) && iconPosition === 'before' && size === 'extra-micro' && 'h-4 w-4', (icon || typeIcon) && iconPosition === 'after' && size === 'extra-micro' && 'h-4 w-4', iconClassName);
|
|
58
58
|
// Icon markup
|
|
59
59
|
var iconMarkup = Icon && React.createElement(Icon, { className: iconClass });
|
|
@@ -64,7 +64,7 @@ export var PHXButton = function (_a) {
|
|
|
64
64
|
React.createElement("button", __assign({ style: style }, interactiveProps, { type: submit ? 'submit' : 'button', onClick: handleClick, className: classNames("hover:before:opacity-100 ".concat(binClassNames), "".concat(isTextOnly
|
|
65
65
|
? ''
|
|
66
66
|
: "group relative isolate flex items-center justify-center overflow-hidden rounded-md transition duration-300 ease-[cubic-bezier(0.4,0.36,0,1)] shadow-[inset_0_1px_theme(colors.white/0.07),0_0.12px_0_theme(colors.gray.900/".concat(deleted || soft ? 0.1 : 0.5, ")]\n ")), '!rounded-[8px]'), disabled: loading ? true : disabled }),
|
|
67
|
-
React.createElement("div", { className: "".concat((icon || typeIcon) && children ? 'flex space-x-1 justify-between' : '') },
|
|
67
|
+
React.createElement("div", { className: "".concat((icon || typeIcon) && children ? 'flex space-x-1 justify-between items-center' : '') },
|
|
68
68
|
loadingMarkup,
|
|
69
69
|
iconPosition === 'before' ? iconMarkup : React.createElement(React.Fragment, null),
|
|
70
70
|
React.createElement("span", { className: classNames(loading ? 'invisible' : '', deleted ? 'flex items-center' : '') },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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(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.prose 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
|
|
@@ -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,
|
|
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,6nfAue3B,CACK,CACT;AA9euF,CA8evF,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|