@npm-questionpro/wick-ui-editor 0.8.0 → 0.12.0

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 (5) hide show
  1. package/README.md +49 -61
  2. package/dist/index.d.ts +43 -0
  3. package/dist/style.css +1 -1
  4. package/dist/wick-ui-editor/es/index.js +664 -5952
  5. package/package.json +44 -29
package/README.md CHANGED
@@ -1,73 +1,61 @@
1
- # React + TypeScript + Vite
1
+ # @npm-questionpro/wick-ui-editor
2
2
 
3
- This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
3
+ A rich text editor component built with React and TipTap. Part of the Wick UI
4
+ design system.
4
5
 
5
- Currently, two official plugins are available:
6
+ [![npm version](https://img.shields.io/npm/v/@npm-questionpro/wick-ui-editor.svg)](https://www.npmjs.com/package/@npm-questionpro/wick-ui-editor)
7
+ [![License: ISC](https://img.shields.io/badge/License-ISC-blue.svg)](https://opensource.org/licenses/ISC)
6
8
 
7
- - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
8
- - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
9
+ ## Installation
9
10
 
10
- ## React Compiler
11
+ ```bash
12
+ # npm
13
+ npm install @npm-questionpro/wick-ui-editor
11
14
 
12
- The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
15
+ # pnpm
16
+ pnpm add @npm-questionpro/wick-ui-editor
13
17
 
14
- ## Expanding the ESLint configuration
18
+ # yarn
19
+ yarn add @npm-questionpro/wick-ui-editor
20
+ ```
15
21
 
16
- If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
22
+ ## Usage
17
23
 
18
- ```js
19
- export default defineConfig([
20
- globalIgnores(['dist']),
21
- {
22
- files: ['**/*.{ts,tsx}'],
23
- extends: [
24
- // Other configs...
24
+ CSS is automatically imported when you import the component.
25
25
 
26
- // Remove tseslint.configs.recommended and replace with this
27
- tseslint.configs.recommendedTypeChecked,
28
- // Alternatively, use this for stricter rules
29
- tseslint.configs.strictTypeChecked,
30
- // Optionally, add this for stylistic rules
31
- tseslint.configs.stylisticTypeChecked,
26
+ ```tsx
27
+ import {WuContentEditor} from '@npm-questionpro/wick-ui-editor'
32
28
 
33
- // Other configs...
34
- ],
35
- languageOptions: {
36
- parserOptions: {
37
- project: ['./tsconfig.node.json', './tsconfig.app.json'],
38
- tsconfigRootDir: import.meta.dirname,
39
- },
40
- // other options...
41
- },
42
- },
43
- ])
29
+ function App() {
30
+ return (
31
+ <WuContentEditor
32
+ defaultValue="<p>Start typing...</p>"
33
+ onUpdate={html => console.log(html)}
34
+ />
35
+ )
36
+ }
44
37
  ```
45
38
 
46
- You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
47
-
48
- ```js
49
- // eslint.config.js
50
- import reactX from 'eslint-plugin-react-x'
51
- import reactDom from 'eslint-plugin-react-dom'
52
-
53
- export default defineConfig([
54
- globalIgnores(['dist']),
55
- {
56
- files: ['**/*.{ts,tsx}'],
57
- extends: [
58
- // Other configs...
59
- // Enable lint rules for React
60
- reactX.configs['recommended-typescript'],
61
- // Enable lint rules for React DOM
62
- reactDom.configs.recommended,
63
- ],
64
- languageOptions: {
65
- parserOptions: {
66
- project: ['./tsconfig.node.json', './tsconfig.app.json'],
67
- tsconfigRootDir: import.meta.dirname,
68
- },
69
- // other options...
70
- },
71
- },
72
- ])
73
- ```
39
+ ## Props
40
+
41
+ | Prop | Type | Default | Description |
42
+ | ----------------------- | ------------------------ | ----------- | ------------------------------------- |
43
+ | `defaultValue` | `string` | `undefined` | Initial HTML content (auto-sanitized) |
44
+ | `onUpdate` | `(html: string) => void` | `undefined` | Fires when content changes |
45
+ | `readonly` | `boolean` | `false` | Disable editing |
46
+ | `renderHtml` | `boolean` | `false` | Render raw HTML in read-only mode |
47
+ | `toolbarPosition` | `'top' \| 'bottom'` | `'top'` | Toolbar placement |
48
+ | `toolbarItems` | `IToolbarExtensionKey[]` | all | Toolbar buttons to show |
49
+ | `hideToolbar` | `boolean` | `false` | Hide the toolbar |
50
+ | `customFonts` | `string[]` | `undefined` | Extra font families in font picker |
51
+ | `customToolbarChildren` | `ReactNode` | `undefined` | Custom elements appended to toolbar |
52
+ | `className` | `string` | `undefined` | Class on the root container |
53
+
54
+ ## Documentation
55
+
56
+ Full documentation and interactive examples:
57
+ [wick-ui-lib.pages.dev](https://wick-ui-lib.pages.dev)
58
+
59
+ ## License
60
+
61
+ ISC © QuestionPro
package/dist/index.d.ts ADDED
@@ -0,0 +1,43 @@
1
+ import { default as default_2 } from 'react';
2
+ import { JSX } from 'react/jsx-runtime';
3
+
4
+ declare type IToolbarExtensionKey = keyof typeof TOOLBAR_EXTENSIONS;
5
+
6
+ export declare interface IWuContentEditorProps extends default_2.HTMLAttributes<HTMLDivElement> {
7
+ defaultValue?: string;
8
+ onUpdate?: (content: string) => void;
9
+ customFonts?: string[];
10
+ toolbarPosition?: 'top' | 'bottom';
11
+ customToolbarChildren?: default_2.ReactNode;
12
+ toolbarItems?: IToolbarExtensionKey[];
13
+ hideToolbar?: boolean;
14
+ readonly?: boolean;
15
+ renderDefaultOnly?: boolean;
16
+ }
17
+
18
+ declare const TOOLBAR_EXTENSIONS: {
19
+ block: JSX.Element;
20
+ fontFamily: JSX.Element;
21
+ fontSize: JSX.Element;
22
+ bold: JSX.Element;
23
+ italic: JSX.Element;
24
+ underline: JSX.Element;
25
+ strike: JSX.Element;
26
+ color: JSX.Element;
27
+ bgColor: JSX.Element;
28
+ list: JSX.Element;
29
+ alignment: JSX.Element;
30
+ image: JSX.Element;
31
+ link: JSX.Element;
32
+ table: JSX.Element;
33
+ blockquote: JSX.Element;
34
+ superscript: JSX.Element;
35
+ subscript: JSX.Element;
36
+ codeline: JSX.Element;
37
+ clear: JSX.Element;
38
+ '|': JSX.Element;
39
+ };
40
+
41
+ export declare function WuContentEditor({ defaultValue, onUpdate, className, toolbarPosition, customToolbarChildren, toolbarItems, hideToolbar, readonly, customFonts, renderDefaultOnly, ...props }: IWuContentEditorProps): default_2.JSX.Element;
42
+
43
+ export { }
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";._WuContentEditor_kw1nx_8 img{margin:0}._WuContentEditor_kw1nx_8 [data-resize-handle]{position:absolute;background:#00000080;border:1px solid rgba(255,255,255,.8);border-radius:2px;z-index:9}._WuContentEditor_kw1nx_8 [data-resize-handle]:hover{background:#000c}._WuContentEditor_kw1nx_8 [data-resize-handle][data-resize-handle=top-left],._WuContentEditor_kw1nx_8 [data-resize-handle][data-resize-handle=top-right],._WuContentEditor_kw1nx_8 [data-resize-handle][data-resize-handle=bottom-left],._WuContentEditor_kw1nx_8 [data-resize-handle][data-resize-handle=bottom-right]{width:8px;height:8px}._WuContentEditor_kw1nx_8 [data-resize-handle][data-resize-handle=top-left]{top:0;left:-4px;cursor:nwse-resize}._WuContentEditor_kw1nx_8 [data-resize-handle][data-resize-handle=top-right]{top:-4px;right:-4px;cursor:nesw-resize}._WuContentEditor_kw1nx_8 [data-resize-handle][data-resize-handle=bottom-left]{bottom:-4px;left:-4px;cursor:nesw-resize}._WuContentEditor_kw1nx_8 [data-resize-handle][data-resize-handle=bottom-right]{bottom:-4px;right:-4px;cursor:nwse-resize}._WuContentEditor_kw1nx_8 [data-resize-handle][data-resize-handle=top],._WuContentEditor_kw1nx_8 [data-resize-handle][data-resize-handle=bottom]{height:6px;left:8px;right:8px}._WuContentEditor_kw1nx_8 [data-resize-handle][data-resize-handle=top]{top:-3px;cursor:ns-resize}._WuContentEditor_kw1nx_8 [data-resize-handle][data-resize-handle=bottom]{bottom:-3px;cursor:ns-resize}._WuContentEditor_kw1nx_8 [data-resize-handle][data-resize-handle=left],._WuContentEditor_kw1nx_8 [data-resize-handle][data-resize-handle=right]{width:6px;top:8px;bottom:8px}._WuContentEditor_kw1nx_8 [data-resize-handle][data-resize-handle=left]{left:-3px;cursor:ew-resize}._WuContentEditor_kw1nx_8 [data-resize-handle][data-resize-handle=right]{right:-3px;cursor:ew-resize}._WuContentEditor_kw1nx_8 table{border-collapse:collapse;margin:0;overflow:hidden;table-layout:fixed;width:100%}._WuContentEditor_kw1nx_8 table td,._WuContentEditor_kw1nx_8 table th{border:1px solid #e6e6e6;box-sizing:border-box;min-width:1em;padding:6px 8px;position:relative;vertical-align:top}._WuContentEditor_kw1nx_8 table td>*,._WuContentEditor_kw1nx_8 table th>*{margin-bottom:0}._WuContentEditor_kw1nx_8 table th{background-color:#f5f5f5;font-weight:700;text-align:left}._WuContentEditor_kw1nx_8 table ._selectedCell_kw1nx_1:after{background:green;content:"";left:0;right:0;top:0;bottom:0;pointer-events:none;position:absolute;z-index:2}._WuContentEditor_kw1nx_8 table ._column-resize-handle_kw1nx_1{background-color:#00f;bottom:-2px;pointer-events:none;position:absolute;right:-2px;top:0;width:4px}._WuContentEditor_kw1nx_8 ._tableWrapper_kw1nx_1{margin:1.5rem 0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgb(var(--wu-gray-20)) transparent}._WuContentEditor_kw1nx_8 ._tableWrapper_kw1nx_1::-webkit-scrollbar{width:6px;height:6px}._WuContentEditor_kw1nx_8 ._tableWrapper_kw1nx_1::-webkit-scrollbar-track{background:transparent}._WuContentEditor_kw1nx_8 ._tableWrapper_kw1nx_1::-webkit-scrollbar-thumb{background-color:rgb(var(--wu-gray-20));border-radius:4px}._WuContentEditor_kw1nx_8 ._tableWrapper_kw1nx_1::-webkit-scrollbar-corner{background:transparent}._WuContentEditor_kw1nx_8._resize-cursor_kw1nx_1{cursor:ew-resize;cursor:col-resize}img{margin:0}[data-resize-handle]{position:absolute;background:#00000080;border:1px solid rgba(255,255,255,.8);border-radius:2px;z-index:9}[data-resize-handle]:hover{background:#000c}[data-resize-handle][data-resize-handle=top-left],[data-resize-handle][data-resize-handle=top-right],[data-resize-handle][data-resize-handle=bottom-left],[data-resize-handle][data-resize-handle=bottom-right]{width:8px;height:8px}[data-resize-handle][data-resize-handle=top-left]{top:0;left:-4px;cursor:nwse-resize}[data-resize-handle][data-resize-handle=top-right]{top:-4px;right:-4px;cursor:nesw-resize}[data-resize-handle][data-resize-handle=bottom-left]{bottom:-4px;left:-4px;cursor:nesw-resize}[data-resize-handle][data-resize-handle=bottom-right]{bottom:-4px;right:-4px;cursor:nwse-resize}[data-resize-handle][data-resize-handle=top],[data-resize-handle][data-resize-handle=bottom]{height:6px;left:8px;right:8px}[data-resize-handle][data-resize-handle=top]{top:-3px;cursor:ns-resize}[data-resize-handle][data-resize-handle=bottom]{bottom:-3px;cursor:ns-resize}[data-resize-handle][data-resize-handle=left],[data-resize-handle][data-resize-handle=right]{width:6px;top:8px;bottom:8px}[data-resize-handle][data-resize-handle=left]{left:-3px;cursor:ew-resize}[data-resize-handle][data-resize-handle=right]{right:-3px;cursor:ew-resize}[data-resize-state=true] [data-resize-wrapper]{outline:1px solid rgba(0,0,0,.25);border-radius:.125rem}._WuContentEditor_kw1nx_8 h1{@apply wu-text-heading-1 wu-my-1;}._WuContentEditor_kw1nx_8 h2{@apply wu-text-heading-2 wu-my-1;}._WuContentEditor_kw1nx_8 h3{@apply wu-text-heading-3 wu-my-1;}._WuContentEditor_kw1nx_8 h4{@apply wu-text-heading-4 wu-my-1;}._WuContentEditor_kw1nx_8 p{@apply wu-text-body-1 wu-my-1;}._WuContentEditor_kw1nx_8 ul,._WuContentEditor_kw1nx_8 ol{all:unset;display:revert;box-sizing:border-box}._WuContentEditor_kw1nx_8 ul{padding-left:2rem;list-style-type:disc}._WuContentEditor_kw1nx_8 ol{padding-left:2rem;list-style-type:decimal}._WuContentEditor_kw1nx_8 ul[data-type=taskList]{list-style-type:none;padding-left:1rem}._WuContentEditor_kw1nx_8 ul[data-type=taskList] li{display:flex;align-items:center;justify-content:flex-start;gap:8px}._WuContentEditor_kw1nx_8 ul[data-type=taskList] li label{position:relative;top:2px}._WuContentEditor_kw1nx_8{--wu-blue-p: 27 135 230;display:flex;background-color:#fff;border:1px solid #ddd;border-radius:8px;line-height:1.5;overflow:auto;position:relative;min-height:160px;scrollbar-width:thin;scrollbar-color:rgb(var(--wu-gray-20)) transparent}._WuContentEditor_kw1nx_8::-webkit-scrollbar{width:6px;height:6px}._WuContentEditor_kw1nx_8::-webkit-scrollbar-track{background:transparent}._WuContentEditor_kw1nx_8::-webkit-scrollbar-thumb{background-color:rgb(var(--wu-gray-20));border-radius:4px}._WuContentEditor_kw1nx_8::-webkit-scrollbar-corner{background:transparent}._WuContentEditor_kw1nx_8 *:focus{outline:none}._WuContentEditor_kw1nx_8 a{font-weight:400;text-decoration:underline;color:rgb(var(--wu-blue-q))}._WuContentEditor_kw1nx_8 blockquote{border-left:4px solid rgb(var(--wu-blue-p) / 50);background-color:rgb(var(--wu-blue-p) / .1);padding:1rem;margin:1.5rem 0;border-radius:0 8px 8px 0;font-style:italic}._WuContentEditor_kw1nx_8 code{font-family:JetBrains Mono,monospace!important;font-size:.75em;background-color:rgb(var(--wu-gray-20));color:rgb(var(--wu-blue-q));padding:4px;border-radius:2px}._WuContentEditor_kw1nx_8 code:before,._WuContentEditor_kw1nx_8 code:after{content:""}._toolbarContainer_kw1nx_70{display:flex;gap:.25rem;padding:.5rem;align-items:center;justify-content:start;border-style:solid;border-color:#9ca3af}._editorAction_kw1nx_80{display:flex;height:1.5rem;width:1.5rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;font-size:1.125rem;line-height:1.75rem}._editorAction_kw1nx_80:hover{background-color:rgb(var(--wu-blue-p) / .15)}._editorActionActive_kw1nx_96{background-color:rgb(var(--wu-blue-p) / .05);color:rgb(var(--wu-blue-p))}._flexCol_kw1nx_101{flex-direction:column}._flexColReverse_kw1nx_105{flex-direction:column-reverse}._toolbar_kw1nx_70{position:sticky;z-index:10;background-color:#fff}._toolbarTop_kw1nx_115{top:0;border-bottom:1px solid #ddd}._toolbarBottom_kw1nx_120{bottom:0;border-top:1px solid #ddd}._editorContent_kw1nx_125{padding:1rem;flex-grow:1}._fontFamilyDropdownMenuContent_kw1nx_130{border:1px solid rgb(var(--wu-blue-p));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:rgb(var(--wu-gray-lead) / 1);font-size:.75rem;line-height:1rem;background-color:#fff;border-radius:.25rem;overflow:hidden;min-width:8rem}h1{font-size:2rem;font-weight:400;line-height:"40px"}h2{font-size:1.5rem;font-weight:400;line-height:"32px"}h3{font-size:1.25rem;font-weight:500;line-height:"32px"}h4{font-size:1.125rem;font-weight:500;line-height:"24px"}._separator_1bim7_1{background-color:#e0e0e0;flex-shrink:0}._horizontal_1bim7_6{width:100%;height:1px}._vertical_1bim7_11{width:1px;height:100%;min-height:25px}._bgColorCursorPointer_1tsqg_1{cursor:pointer}._bgColorHiddenInput_1tsqg_5{opacity:0;width:0;height:0}._fontSizeInputContainer_1tsqg_11{display:flex;align-items:center;gap:.25rem}._fontSizeInputField_1tsqg_17{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-align:center;border-width:1px;border-style:solid;border-radius:.25rem;width:2.5rem;height:1.5rem}._fontFamilyDropdown_1tsqg_29{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}._fontFamilyDropdownMenuItem_1tsqg_36{position:relative;display:flex;cursor:default;-webkit-user-select:none;user-select:none;align-items:center;font-size:.75rem;padding:.5rem;outline:none;transition:background-color .15s ease,color .15s ease}._fontFamilyDropdownMenuItem_1tsqg_36:hover{background-color:#f3f4f6}._fontFamilyDropdownMenuItem_1tsqg_36:focus{background-color:#f3f4f6}._fontFamilyDropdownMenuItem_1tsqg_36[data-disabled]{cursor:not-allowed;opacity:.5}._modalActions_1tsqg_63{display:flex;justify-content:flex-end;gap:.5rem}._tableModalContentContainer_1tsqg_69{margin-top:8px}._tableModalContent_1tsqg_69{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}._tableModalButton_1tsqg_78{font-size:12px;display:flex;justify-content:start}._tableModalActions_1tsqg_84{display:flex;justify-content:flex-end;gap:.5rem;margin-top:8px}._tableModalClose_1tsqg_91{font-size:12px}
1
+ @import"https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";._wuContentEditor_399u0_8 img{display:inline-block;margin:0}._wuContentEditor_399u0_8 [data-resize-handle]{background:#00000080;border:1px solid hsla(0,0%,100%,.8);border-radius:2px;position:absolute;z-index:9}._wuContentEditor_399u0_8 [data-resize-handle]:hover{background:#000c}._wuContentEditor_399u0_8 [data-resize-handle][data-resize-handle=bottom-left],._wuContentEditor_399u0_8 [data-resize-handle][data-resize-handle=bottom-right],._wuContentEditor_399u0_8 [data-resize-handle][data-resize-handle=top-left],._wuContentEditor_399u0_8 [data-resize-handle][data-resize-handle=top-right]{height:8px;width:8px}._wuContentEditor_399u0_8 [data-resize-handle][data-resize-handle=top-left]{cursor:nwse-resize;left:-4px;top:0}._wuContentEditor_399u0_8 [data-resize-handle][data-resize-handle=top-right]{cursor:nesw-resize;right:-4px;top:-4px}._wuContentEditor_399u0_8 [data-resize-handle][data-resize-handle=bottom-left]{bottom:-4px;cursor:nesw-resize;left:-4px}._wuContentEditor_399u0_8 [data-resize-handle][data-resize-handle=bottom-right]{bottom:-4px;cursor:nwse-resize;right:-4px}._wuContentEditor_399u0_8 [data-resize-handle][data-resize-handle=bottom],._wuContentEditor_399u0_8 [data-resize-handle][data-resize-handle=top]{height:6px;left:8px;right:8px}._wuContentEditor_399u0_8 [data-resize-handle][data-resize-handle=top]{cursor:ns-resize;top:-3px}._wuContentEditor_399u0_8 [data-resize-handle][data-resize-handle=bottom]{bottom:-3px;cursor:ns-resize}._wuContentEditor_399u0_8 [data-resize-handle][data-resize-handle=left],._wuContentEditor_399u0_8 [data-resize-handle][data-resize-handle=right]{bottom:8px;top:8px;width:6px}._wuContentEditor_399u0_8 [data-resize-handle][data-resize-handle=left]{cursor:ew-resize;left:-3px}._wuContentEditor_399u0_8 [data-resize-handle][data-resize-handle=right]{cursor:ew-resize;right:-3px}[data-resize-state=true] [data-resize-wrapper]{border-radius:.125rem;outline:1px solid rgba(0,0,0,.25)}[data-resize-wrapper]{display:inline-block!important}._wuContentEditorTable_399u0_1{display:grid;gap:24px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}._wuContentEditorTable_399u0_1 button{align-items:center;display:flex;font-size:12px;justify-content:flex-start}._wuContentEditor_399u0_8 table{border-collapse:collapse;margin:0;overflow:hidden;table-layout:fixed;width:100%}._wuContentEditor_399u0_8 table td,._wuContentEditor_399u0_8 table th{border:1px solid #e6e6e6;box-sizing:border-box;min-width:1em;padding:6px 8px;position:relative;vertical-align:top}._wuContentEditor_399u0_8 table td>*,._wuContentEditor_399u0_8 table th>*{margin-bottom:0}._wuContentEditor_399u0_8 table th{background-color:#f5f5f5;font-weight:700;text-align:left}._wuContentEditor_399u0_8 table ._selectedCell_399u0_1:after{background:green;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}._wuContentEditor_399u0_8 table ._column-resize-handle_399u0_1{background-color:#00f;bottom:-2px;pointer-events:none;position:absolute;right:-2px;top:0;width:4px}._wuContentEditor_399u0_8 ._tableWrapper_399u0_1{margin:1.5rem 0;overflow-x:auto;scrollbar-color:rgb(var(--wu-gray-20)) transparent;scrollbar-width:thin}._wuContentEditor_399u0_8 ._tableWrapper_399u0_1::-webkit-scrollbar{height:6px;width:6px}._wuContentEditor_399u0_8 ._tableWrapper_399u0_1::-webkit-scrollbar-track{background:transparent}._wuContentEditor_399u0_8 ._tableWrapper_399u0_1::-webkit-scrollbar-thumb{background-color:rgb(var(--wu-gray-20));border-radius:4px}._wuContentEditor_399u0_8 ._tableWrapper_399u0_1::-webkit-scrollbar-corner{background:transparent}._wuContentEditor_399u0_8 ._resize-cursor_399u0_1{cursor:ew-resize;cursor:col-resize}._wuContentEditor_399u0_8 ol,._wuContentEditor_399u0_8 ul{all:unset;box-sizing:border-box;display:revert}._wuContentEditor_399u0_8 ul{list-style-type:disc}._wuContentEditor_399u0_8 ol,._wuContentEditor_399u0_8 ul{padding-left:2rem}._wuContentEditor_399u0_8 ol{list-style-type:decimal}._wuContentEditor_399u0_8 ul[data-type=taskList]{list-style-type:none;padding-left:1rem}._wuContentEditor_399u0_8 ul[data-type=taskList] li{align-items:center;display:flex;gap:8px;justify-content:flex-start}._wuContentEditor_399u0_8 ul[data-type=taskList] li label{position:relative;top:2px}._wuContentEditor_399u0_8 h1{font-size:2rem;line-height:40px}._wuContentEditor_399u0_8 h1,._wuContentEditor_399u0_8 h2{font-weight:400}._wuContentEditor_399u0_8 h2{font-size:1.5rem}._wuContentEditor_399u0_8 h2,._wuContentEditor_399u0_8 h3{line-height:32px}._wuContentEditor_399u0_8 h3{font-size:1.25rem}._wuContentEditor_399u0_8 h3,._wuContentEditor_399u0_8 h4{font-weight:500}._wuContentEditor_399u0_8 h4{font-size:1.125rem;line-height:24px}._wuContentEditorContainer_399u0_8{--blue-p:rgb(var(--wu-blue-p));--blue-q:rgb(var(--wu-blue-q));--gray-20:rgb(var(--wu-gray-20));--gray-10:#ddd;background-color:#fff;border:1px solid var(--gray-10);border-radius:8px;display:flex;flex-direction:column;line-height:1.5;min-height:160px;overflow:auto;position:relative;scrollbar-color:var(--gray-20) transparent;scrollbar-width:thin}._wuContentEditorContainer_399u0_8[data-position=bottom]{flex-direction:column-reverse}._wuContentEditorContainer_399u0_8::-webkit-scrollbar{height:6px;width:6px}._wuContentEditorContainer_399u0_8::-webkit-scrollbar-track{background:transparent}._wuContentEditorContainer_399u0_8::-webkit-scrollbar-thumb{background-color:var(--gray-20);border-radius:4px}._wuContentEditorContainer_399u0_8::-webkit-scrollbar-corner{background:transparent}._wuContentEditorContainer_399u0_8 :focus{outline:none}._wuContentEditorContainer_399u0_8 a{color:var(--blue-p);font-weight:400;text-decoration:underline}._wuContentEditorContainer_399u0_8 blockquote{background-color:rgb(var(--wu-blue-p)/.1);border-left:4px solid rgb(var(--wu-blue-p)/.5);border-radius:0 8px 8px 0;font-style:italic;margin:1.5rem 0;padding:1rem}._wuContentEditorContainer_399u0_8 code{background-color:var(--gray-20);border-radius:2px;color:var(--blue-q);font-family:JetBrains Mono,monospace;font-size:.75em;padding:4px}._wuContentEditorContainer_399u0_8 code:after,._wuContentEditorContainer_399u0_8 code:before{content:""}._wuContentEditorToolbar_399u0_80{align-items:center;background-color:#fff;border-color:var(--gray-10);display:flex;gap:.25rem;justify-content:start;padding:.5rem;position:sticky;z-index:10}._wuContentEditorToolbar_399u0_80[data-position=top]{border-width:0 0 1px;top:0}._wuContentEditorToolbar_399u0_80[data-position=bottom]{border-width:1px 0 0;bottom:0}._wuContentEditor_399u0_8{flex-grow:1;padding:1rem}._wuContentEditorAction_399u0_106{align-items:center;border-radius:.25rem;cursor:pointer;display:flex;font-size:1.125rem;height:1.5rem;justify-content:center;line-height:1.75rem;width:1.5rem}._wuContentEditorAction_399u0_106:hover{background-color:rgb(var(--wu-blue-p)/.15)}._wuContentEditorAction_399u0_106[data-active=true]{background-color:rgb(var(--wu-blue-p)/.05);color:rgb(var(--wu-blue-p))}._wuContentEditorAction_399u0_106 input{height:0;width:0}._wuContentEditorDropdown_399u0_132{background-color:#fff;border:1px solid rgb(var(--wu-blue-p));border-radius:.25rem;display:flex}._wuContentEditorDropdown_399u0_132[data-inline]{gap:.25rem;padding:.25rem}._wuContentEditorDropdown_399u0_132[data-block]{flex-direction:column}._wuContentEditorDropdown_399u0_132[data-block] ._wuContentEditorDropdownItem_399u0_145{cursor:pointer;font-size:12px;padding:.25rem .5rem}._wuContentEditorDropdown_399u0_132[data-block] ._wuContentEditorDropdownItem_399u0_145:hover{background-color:rgb(var(--wu-blue-p)/.05)}._wuContentEditorFontSize_399u0_156{display:flex;gap:.25rem}._wuContentEditorFontSize_399u0_156 input{border-radius:.25rem;border-style:solid;border-width:1px;height:1.5rem;text-align:center;width:2.5rem}._wuContentEditorModal_399u0_170{border-radius:12px 12px 0 0}