@oneblink/apps-react 8.13.0-beta.3 → 8.13.1-beta.2

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/dist/components/QuillHTML.js +10 -2
  2. package/dist/components/QuillHTML.js.map +1 -1
  3. package/dist/styles/ob-html.scss +99 -193
  4. package/dist/styles.css +100 -215
  5. package/package.json +6 -8
package/dist/components/QuillHTML.js CHANGED
@@ -2,8 +2,16 @@ import * as React from 'react';
2
2
  import clsx from 'clsx';
3
3
  import sanitizeHtml from '../services/sanitize-html';
4
4
  export default function QuillHTML({ html, ...props }) {
5
- const __html = React.useMemo(() => sanitizeHtml(html), [html]);
6
- return (React.createElement("div", { ...props, className: clsx(props.className, 'ob-quill-content'),
5
+ const [__html, includesLegacyLists] = React.useMemo(() => {
6
+ const sanitizedHtml = sanitizeHtml(html);
7
+ const quillLegacyListsIndicator = 'ql-indent-';
8
+ return [sanitizedHtml, sanitizedHtml.includes(quillLegacyListsIndicator)];
9
+ }, [html]);
10
+ return (React.createElement("div", { ...props, className: clsx(props.className, 'ob-quill-content', {
11
+ 'ob-quill-legacy-content': includesLegacyLists,
12
+ // "content" is a bulma class: https://bulma.io/documentation/elements/content/
13
+ content: !includesLegacyLists,
14
+ }),
7
15
  // eslint-disable-next-line react/no-danger
8
16
  dangerouslySetInnerHTML: {
9
17
  __html,
package/dist/components/QuillHTML.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"QuillHTML.js","sourceRoot":"","sources":["../../src/components/QuillHTML.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,YAAY,MAAM,2BAA2B,CAAA;AAEpD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAI,EACJ,GAAG,KAAK,EAGT;IACC,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAC9D,OAAO,CACL,gCACM,KAAK,EACT,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,kBAAkB,CAAC;QACpD,2CAA2C;QAC3C,uBAAuB,EAAE;YACvB,MAAM;SACP,GACD,CACH,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport sanitizeHtml from '../services/sanitize-html'\n\nexport default function QuillHTML({\n html,\n ...props\n}: React.ComponentProps<'div'> & {\n html: string\n}) {\n const __html = React.useMemo(() => sanitizeHtml(html), [html])\n return (\n <div\n {...props}\n className={clsx(props.className, 'ob-quill-content')}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{\n __html,\n }}\n />\n )\n}\n"]}
1
+ {"version":3,"file":"QuillHTML.js","sourceRoot":"","sources":["../../src/components/QuillHTML.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,YAAY,MAAM,2BAA2B,CAAA;AAEpD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAI,EACJ,GAAG,KAAK,EAGT;IACC,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvD,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,CAAA;QACxC,MAAM,yBAAyB,GAAG,YAAY,CAAA;QAC9C,OAAO,CAAC,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC,CAAA;IAC3E,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IACV,OAAO,CACL,gCACM,KAAK,EACT,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,kBAAkB,EAAE;YACnD,yBAAyB,EAAE,mBAAmB;YAC9C,+EAA+E;YAC/E,OAAO,EAAE,CAAC,mBAAmB;SAC9B,CAAC;QACF,2CAA2C;QAC3C,uBAAuB,EAAE;YACvB,MAAM;SACP,GACD,CACH,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport sanitizeHtml from '../services/sanitize-html'\n\nexport default function QuillHTML({\n html,\n ...props\n}: React.ComponentProps<'div'> & {\n html: string\n}) {\n const [__html, includesLegacyLists] = React.useMemo(() => {\n const sanitizedHtml = sanitizeHtml(html)\n const quillLegacyListsIndicator = 'ql-indent-'\n return [sanitizedHtml, sanitizedHtml.includes(quillLegacyListsIndicator)]\n }, [html])\n return (\n <div\n {...props}\n className={clsx(props.className, 'ob-quill-content', {\n 'ob-quill-legacy-content': includesLegacyLists,\n // \"content\" is a bulma class: https://bulma.io/documentation/elements/content/\n content: !includesLegacyLists,\n })}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{\n __html,\n }}\n />\n )\n}\n"]}
package/dist/styles/ob-html.scss CHANGED
@@ -2,362 +2,268 @@
2
2
  .ob-quill-content > * {
3
3
  cursor: text;
4
4
  }
5
- .ob-quill-content p,
6
- .ob-quill-content ol,
7
- .ob-quill-content ul,
8
- .ob-quill-content pre,
9
- .ob-quill-content blockquote,
10
- .ob-quill-content h1,
11
- .ob-quill-content h2,
12
- .ob-quill-content h3,
13
- .ob-quill-content h4,
14
- .ob-quill-content h5,
15
- .ob-quill-content h6 {
5
+ .ob-quill-content.content .ql-list-no-margin {
6
+ margin-top: 0;
7
+ margin-bottom: 0;
8
+ }
9
+ .ob-quill-legacy-content p,
10
+ .ob-quill-legacy-content ol,
11
+ .ob-quill-legacy-content ul,
12
+ .ob-quill-legacy-content pre,
13
+ .ob-quill-legacy-content blockquote,
14
+ .ob-quill-legacy-content h1,
15
+ .ob-quill-legacy-content h2,
16
+ .ob-quill-legacy-content h3,
17
+ .ob-quill-legacy-content h4,
18
+ .ob-quill-legacy-content h5,
19
+ .ob-quill-legacy-content h6 {
16
20
  margin: 0;
17
21
  padding: 0;
18
22
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
19
23
  }
20
- .ob-quill-content ol,
21
- .ob-quill-content ul {
24
+ .ob-quill-legacy-content ol,
25
+ .ob-quill-legacy-content ul {
22
26
  padding-left: 1.5em;
23
27
  }
24
- .ob-quill-content ol > li,
25
- .ob-quill-content ul > li {
28
+ .ob-quill-legacy-content ol > li,
29
+ .ob-quill-legacy-content ul > li {
26
30
  list-style-type: none;
27
31
  }
28
- .ob-quill-content ul > li::before {
32
+ .ob-quill-legacy-content ul > li::before {
29
33
  content: '\2022';
30
34
  }
31
- .ob-quill-content ul[data-checked='true'],
32
- .ob-quill-content ul[data-checked='false'] {
35
+ .ob-quill-legacy-content ul[data-checked='true'],
36
+ .ob-quill-legacy-content ul[data-checked='false'] {
33
37
  pointer-events: none;
34
38
  }
35
- .ob-quill-content ul[data-checked='true'] > li *,
36
- .ob-quill-content ul[data-checked='false'] > li * {
39
+ .ob-quill-legacy-content ul[data-checked='true'] > li *,
40
+ .ob-quill-legacy-content ul[data-checked='false'] > li * {
37
41
  pointer-events: all;
38
42
  }
39
- .ob-quill-content ul[data-checked='true'] > li::before,
40
- .ob-quill-content ul[data-checked='false'] > li::before {
43
+ .ob-quill-legacy-content ul[data-checked='true'] > li::before,
44
+ .ob-quill-legacy-content ul[data-checked='false'] > li::before {
41
45
  color: #777;
42
46
  cursor: pointer;
43
47
  pointer-events: all;
44
48
  }
45
- .ob-quill-content ul[data-checked='true'] > li::before {
49
+ .ob-quill-legacy-content ul[data-checked='true'] > li::before {
46
50
  content: '\2611';
47
51
  }
48
- .ob-quill-content ul[data-checked='false'] > li::before {
52
+ .ob-quill-legacy-content ul[data-checked='false'] > li::before {
49
53
  content: '\2610';
50
54
  }
51
- .ob-quill-content li::before {
55
+ .ob-quill-legacy-content li::before {
52
56
  display: inline-block;
53
57
  white-space: nowrap;
54
58
  width: 1.2em;
55
59
  }
56
- .ob-quill-content li:not(.ql-direction-rtl)::before {
60
+ .ob-quill-legacy-content li:not(.ql-direction-rtl)::before {
57
61
  margin-left: -1.5em;
58
62
  margin-right: 0.3em;
59
63
  text-align: right;
60
64
  }
61
- .ob-quill-content li.ql-direction-rtl::before {
65
+ .ob-quill-legacy-content li.ql-direction-rtl::before {
62
66
  margin-left: 0.3em;
63
67
  margin-right: -1.5em;
64
68
  }
65
- .ob-quill-content ol li:not(.ql-direction-rtl),
66
- .ob-quill-content ul li:not(.ql-direction-rtl) {
69
+ .ob-quill-legacy-content ol li:not(.ql-direction-rtl),
70
+ .ob-quill-legacy-content ul li:not(.ql-direction-rtl) {
67
71
  padding-left: 1.5em;
68
72
  }
69
- .ob-quill-content ol li.ql-direction-rtl,
70
- .ob-quill-content ul li.ql-direction-rtl {
73
+ .ob-quill-legacy-content ol li.ql-direction-rtl,
74
+ .ob-quill-legacy-content ul li.ql-direction-rtl {
71
75
  padding-right: 1.5em;
72
76
  }
73
- .ob-quill-content ol li {
77
+ .ob-quill-legacy-content ol li {
74
78
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
75
79
  counter-increment: list-0;
76
80
  }
77
- .ob-quill-content ol li:before {
81
+ .ob-quill-legacy-content ol li:before {
78
82
  content: counter(list-0, decimal) '. ';
79
83
  }
80
- .ob-quill-content ol li.ql-indent-1 {
84
+ .ob-quill-legacy-content ol li.ql-indent-1 {
81
85
  counter-increment: list-1;
82
86
  }
83
- .ob-quill-content ol li.ql-indent-1:before {
87
+ .ob-quill-legacy-content ol li.ql-indent-1:before {
84
88
  content: counter(list-1, lower-alpha) '. ';
85
89
  }
86
- .ob-quill-content ol li.ql-indent-1 {
90
+ .ob-quill-legacy-content ol li.ql-indent-1 {
87
91
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
88
92
  }
89
- .ob-quill-content ol li.ql-indent-2 {
93
+ .ob-quill-legacy-content ol li.ql-indent-2 {
90
94
  counter-increment: list-2;
91
95
  }
92
- .ob-quill-content ol li.ql-indent-2:before {
96
+ .ob-quill-legacy-content ol li.ql-indent-2:before {
93
97
  content: counter(list-2, lower-roman) '. ';
94
98
  }
95
- .ob-quill-content ol li.ql-indent-2 {
99
+ .ob-quill-legacy-content ol li.ql-indent-2 {
96
100
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
97
101
  }
98
- .ob-quill-content ol li.ql-indent-3 {
102
+ .ob-quill-legacy-content ol li.ql-indent-3 {
99
103
  counter-increment: list-3;
100
104
  }
101
- .ob-quill-content ol li.ql-indent-3:before {
105
+ .ob-quill-legacy-content ol li.ql-indent-3:before {
102
106
  content: counter(list-3, decimal) '. ';
103
107
  }
104
- .ob-quill-content ol li.ql-indent-3 {
108
+ .ob-quill-legacy-content ol li.ql-indent-3 {
105
109
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
106
110
  }
107
- .ob-quill-content ol li.ql-indent-4 {
111
+ .ob-quill-legacy-content ol li.ql-indent-4 {
108
112
  counter-increment: list-4;
109
113
  }
110
- .ob-quill-content ol li.ql-indent-4:before {
114
+ .ob-quill-legacy-content ol li.ql-indent-4:before {
111
115
  content: counter(list-4, lower-alpha) '. ';
112
116
  }
113
- .ob-quill-content ol li.ql-indent-4 {
117
+ .ob-quill-legacy-content ol li.ql-indent-4 {
114
118
  counter-reset: list-5 list-6 list-7 list-8 list-9;
115
119
  }
116
- .ob-quill-content ol li.ql-indent-5 {
120
+ .ob-quill-legacy-content ol li.ql-indent-5 {
117
121
  counter-increment: list-5;
118
122
  }
119
- .ob-quill-content ol li.ql-indent-5:before {
123
+ .ob-quill-legacy-content ol li.ql-indent-5:before {
120
124
  content: counter(list-5, lower-roman) '. ';
121
125
  }
122
- .ob-quill-content ol li.ql-indent-5 {
126
+ .ob-quill-legacy-content ol li.ql-indent-5 {
123
127
  counter-reset: list-6 list-7 list-8 list-9;
124
128
  }
125
- .ob-quill-content ol li.ql-indent-6 {
129
+ .ob-quill-legacy-content ol li.ql-indent-6 {
126
130
  counter-increment: list-6;
127
131
  }
128
- .ob-quill-content ol li.ql-indent-6:before {
132
+ .ob-quill-legacy-content ol li.ql-indent-6:before {
129
133
  content: counter(list-6, decimal) '. ';
130
134
  }
131
- .ob-quill-content ol li.ql-indent-6 {
135
+ .ob-quill-legacy-content ol li.ql-indent-6 {
132
136
  counter-reset: list-7 list-8 list-9;
133
137
  }
134
- .ob-quill-content ol li.ql-indent-7 {
138
+ .ob-quill-legacy-content ol li.ql-indent-7 {
135
139
  counter-increment: list-7;
136
140
  }
137
- .ob-quill-content ol li.ql-indent-7:before {
141
+ .ob-quill-legacy-content ol li.ql-indent-7:before {
138
142
  content: counter(list-7, lower-alpha) '. ';
139
143
  }
140
- .ob-quill-content ol li.ql-indent-7 {
144
+ .ob-quill-legacy-content ol li.ql-indent-7 {
141
145
  counter-reset: list-8 list-9;
142
146
  }
143
- .ob-quill-content ol li.ql-indent-8 {
147
+ .ob-quill-legacy-content ol li.ql-indent-8 {
144
148
  counter-increment: list-8;
145
149
  }
146
- .ob-quill-content ol li.ql-indent-8:before {
150
+ .ob-quill-legacy-content ol li.ql-indent-8:before {
147
151
  content: counter(list-8, lower-roman) '. ';
148
152
  }
149
- .ob-quill-content ol li.ql-indent-8 {
153
+ .ob-quill-legacy-content ol li.ql-indent-8 {
150
154
  counter-reset: list-9;
151
155
  }
152
- .ob-quill-content ol li.ql-indent-9 {
156
+ .ob-quill-legacy-content ol li.ql-indent-9 {
153
157
  counter-increment: list-9;
154
158
  }
155
- .ob-quill-content ol li.ql-indent-9:before {
159
+ .ob-quill-legacy-content ol li.ql-indent-9:before {
156
160
  content: counter(list-9, decimal) '. ';
157
161
  }
158
- .ob-quill-content .ql-indent-1:not(.ql-direction-rtl) {
162
+ .ob-quill-legacy-content .ql-indent-1:not(.ql-direction-rtl) {
159
163
  padding-left: 3em;
160
164
  }
161
- .ob-quill-content li.ql-indent-1:not(.ql-direction-rtl) {
165
+ .ob-quill-legacy-content li.ql-indent-1:not(.ql-direction-rtl) {
162
166
  padding-left: 4.5em;
163
167
  }
164
- .ob-quill-content .ql-indent-1.ql-direction-rtl.ql-align-right {
168
+ .ob-quill-legacy-content .ql-indent-1.ql-direction-rtl.ql-align-right {
165
169
  padding-right: 3em;
166
170
  }
167
- .ob-quill-content li.ql-indent-1.ql-direction-rtl.ql-align-right {
171
+ .ob-quill-legacy-content li.ql-indent-1.ql-direction-rtl.ql-align-right {
168
172
  padding-right: 4.5em;
169
173
  }
170
- .ob-quill-content .ql-indent-2:not(.ql-direction-rtl) {
174
+ .ob-quill-legacy-content .ql-indent-2:not(.ql-direction-rtl) {
171
175
  padding-left: 6em;
172
176
  }
173
- .ob-quill-content li.ql-indent-2:not(.ql-direction-rtl) {
177
+ .ob-quill-legacy-content li.ql-indent-2:not(.ql-direction-rtl) {
174
178
  padding-left: 7.5em;
175
179
  }
176
- .ob-quill-content .ql-indent-2.ql-direction-rtl.ql-align-right {
180
+ .ob-quill-legacy-content .ql-indent-2.ql-direction-rtl.ql-align-right {
177
181
  padding-right: 6em;
178
182
  }
179
- .ob-quill-content li.ql-indent-2.ql-direction-rtl.ql-align-right {
183
+ .ob-quill-legacy-content li.ql-indent-2.ql-direction-rtl.ql-align-right {
180
184
  padding-right: 7.5em;
181
185
  }
182
- .ob-quill-content .ql-indent-3:not(.ql-direction-rtl) {
186
+ .ob-quill-legacy-content .ql-indent-3:not(.ql-direction-rtl) {
183
187
  padding-left: 9em;
184
188
  }
185
- .ob-quill-content li.ql-indent-3:not(.ql-direction-rtl) {
189
+ .ob-quill-legacy-content li.ql-indent-3:not(.ql-direction-rtl) {
186
190
  padding-left: 10.5em;
187
191
  }
188
- .ob-quill-content .ql-indent-3.ql-direction-rtl.ql-align-right {
192
+ .ob-quill-legacy-content .ql-indent-3.ql-direction-rtl.ql-align-right {
189
193
  padding-right: 9em;
190
194
  }
191
- .ob-quill-content li.ql-indent-3.ql-direction-rtl.ql-align-right {
195
+ .ob-quill-legacy-content li.ql-indent-3.ql-direction-rtl.ql-align-right {
192
196
  padding-right: 10.5em;
193
197
  }
194
- .ob-quill-content .ql-indent-4:not(.ql-direction-rtl) {
198
+ .ob-quill-legacy-content .ql-indent-4:not(.ql-direction-rtl) {
195
199
  padding-left: 12em;
196
200
  }
197
- .ob-quill-content li.ql-indent-4:not(.ql-direction-rtl) {
201
+ .ob-quill-legacy-content li.ql-indent-4:not(.ql-direction-rtl) {
198
202
  padding-left: 13.5em;
199
203
  }
200
- .ob-quill-content .ql-indent-4.ql-direction-rtl.ql-align-right {
204
+ .ob-quill-legacy-content .ql-indent-4.ql-direction-rtl.ql-align-right {
201
205
  padding-right: 12em;
202
206
  }
203
- .ob-quill-content li.ql-indent-4.ql-direction-rtl.ql-align-right {
207
+ .ob-quill-legacy-content li.ql-indent-4.ql-direction-rtl.ql-align-right {
204
208
  padding-right: 13.5em;
205
209
  }
206
- .ob-quill-content .ql-indent-5:not(.ql-direction-rtl) {
210
+ .ob-quill-legacy-content .ql-indent-5:not(.ql-direction-rtl) {
207
211
  padding-left: 15em;
208
212
  }
209
- .ob-quill-content li.ql-indent-5:not(.ql-direction-rtl) {
213
+ .ob-quill-legacy-content li.ql-indent-5:not(.ql-direction-rtl) {
210
214
  padding-left: 16.5em;
211
215
  }
212
- .ob-quill-content .ql-indent-5.ql-direction-rtl.ql-align-right {
216
+ .ob-quill-legacy-content .ql-indent-5.ql-direction-rtl.ql-align-right {
213
217
  padding-right: 15em;
214
218
  }
215
- .ob-quill-content li.ql-indent-5.ql-direction-rtl.ql-align-right {
219
+ .ob-quill-legacy-content li.ql-indent-5.ql-direction-rtl.ql-align-right {
216
220
  padding-right: 16.5em;
217
221
  }
218
- .ob-quill-content .ql-indent-6:not(.ql-direction-rtl) {
222
+ .ob-quill-legacy-content .ql-indent-6:not(.ql-direction-rtl) {
219
223
  padding-left: 18em;
220
224
  }
221
- .ob-quill-content li.ql-indent-6:not(.ql-direction-rtl) {
225
+ .ob-quill-legacy-content li.ql-indent-6:not(.ql-direction-rtl) {
222
226
  padding-left: 19.5em;
223
227
  }
224
- .ob-quill-content .ql-indent-6.ql-direction-rtl.ql-align-right {
228
+ .ob-quill-legacy-content .ql-indent-6.ql-direction-rtl.ql-align-right {
225
229
  padding-right: 18em;
226
230
  }
227
- .ob-quill-content li.ql-indent-6.ql-direction-rtl.ql-align-right {
231
+ .ob-quill-legacy-content li.ql-indent-6.ql-direction-rtl.ql-align-right {
228
232
  padding-right: 19.5em;
229
233
  }
230
- .ob-quill-content .ql-indent-7:not(.ql-direction-rtl) {
234
+ .ob-quill-legacy-content .ql-indent-7:not(.ql-direction-rtl) {
231
235
  padding-left: 21em;
232
236
  }
233
- .ob-quill-content li.ql-indent-7:not(.ql-direction-rtl) {
237
+ .ob-quill-legacy-content li.ql-indent-7:not(.ql-direction-rtl) {
234
238
  padding-left: 22.5em;
235
239
  }
236
- .ob-quill-content .ql-indent-7.ql-direction-rtl.ql-align-right {
240
+ .ob-quill-legacy-content .ql-indent-7.ql-direction-rtl.ql-align-right {
237
241
  padding-right: 21em;
238
242
  }
239
- .ob-quill-content li.ql-indent-7.ql-direction-rtl.ql-align-right {
243
+ .ob-quill-legacy-content li.ql-indent-7.ql-direction-rtl.ql-align-right {
240
244
  padding-right: 22.5em;
241
245
  }
242
- .ob-quill-content .ql-indent-8:not(.ql-direction-rtl) {
246
+ .ob-quill-legacy-content .ql-indent-8:not(.ql-direction-rtl) {
243
247
  padding-left: 24em;
244
248
  }
245
- .ob-quill-content li.ql-indent-8:not(.ql-direction-rtl) {
249
+ .ob-quill-legacy-content li.ql-indent-8:not(.ql-direction-rtl) {
246
250
  padding-left: 25.5em;
247
251
  }
248
- .ob-quill-content .ql-indent-8.ql-direction-rtl.ql-align-right {
252
+ .ob-quill-legacy-content .ql-indent-8.ql-direction-rtl.ql-align-right {
249
253
  padding-right: 24em;
250
254
  }
251
- .ob-quill-content li.ql-indent-8.ql-direction-rtl.ql-align-right {
255
+ .ob-quill-legacy-content li.ql-indent-8.ql-direction-rtl.ql-align-right {
252
256
  padding-right: 25.5em;
253
257
  }
254
- .ob-quill-content .ql-indent-9:not(.ql-direction-rtl) {
258
+ .ob-quill-legacy-content .ql-indent-9:not(.ql-direction-rtl) {
255
259
  padding-left: 27em;
256
260
  }
257
- .ob-quill-content li.ql-indent-9:not(.ql-direction-rtl) {
261
+ .ob-quill-legacy-content li.ql-indent-9:not(.ql-direction-rtl) {
258
262
  padding-left: 28.5em;
259
263
  }
260
- .ob-quill-content .ql-indent-9.ql-direction-rtl.ql-align-right {
264
+ .ob-quill-legacy-content .ql-indent-9.ql-direction-rtl.ql-align-right {
261
265
  padding-right: 27em;
262
266
  }
263
- .ob-quill-content li.ql-indent-9.ql-direction-rtl.ql-align-right {
267
+ .ob-quill-legacy-content li.ql-indent-9.ql-direction-rtl.ql-align-right {
264
268
  padding-right: 28.5em;
265
269
  }
266
- .ob-quill-content .ql-video {
267
- display: block;
268
- max-width: 100%;
269
- }
270
- .ob-quill-content .ql-video.ql-align-center {
271
- margin: 0 auto;
272
- }
273
- .ob-quill-content .ql-video.ql-align-right {
274
- margin: 0 0 0 auto;
275
- }
276
- .ob-quill-content .ql-bg-black {
277
- background-color: #000;
278
- }
279
- .ob-quill-content .ql-bg-red {
280
- background-color: #e60000;
281
- }
282
- .ob-quill-content .ql-bg-orange {
283
- background-color: #f90;
284
- }
285
- .ob-quill-content .ql-bg-yellow {
286
- background-color: #ff0;
287
- }
288
- .ob-quill-content .ql-bg-green {
289
- background-color: #008a00;
290
- }
291
- .ob-quill-content .ql-bg-blue {
292
- background-color: #06c;
293
- }
294
- .ob-quill-content .ql-bg-purple {
295
- background-color: #93f;
296
- }
297
- .ob-quill-content .ql-color-white {
298
- color: #fff;
299
- }
300
- .ob-quill-content .ql-color-red {
301
- color: #e60000;
302
- }
303
- .ob-quill-content .ql-color-orange {
304
- color: #f90;
305
- }
306
- .ob-quill-content .ql-color-yellow {
307
- color: #ff0;
308
- }
309
- .ob-quill-content .ql-color-green {
310
- color: #008a00;
311
- }
312
- .ob-quill-content .ql-color-blue {
313
- color: #06c;
314
- }
315
- .ob-quill-content .ql-color-purple {
316
- color: #93f;
317
- }
318
- .ob-quill-content .ql-font-serif {
319
- font-family:
320
- Georgia,
321
- Times New Roman,
322
- serif;
323
- }
324
- .ob-quill-content .ql-font-monospace {
325
- font-family:
326
- Monaco,
327
- Courier New,
328
- monospace;
329
- }
330
- .ob-quill-content .ql-size-small {
331
- font-size: 0.75em;
332
- }
333
- .ob-quill-content .ql-size-large {
334
- font-size: 1.5em;
335
- }
336
- .ob-quill-content .ql-size-huge {
337
- font-size: 2.5em;
338
- }
339
- .ob-quill-content .ql-direction-rtl {
340
- direction: rtl;
341
- text-align: inherit;
342
- }
343
- .ob-quill-content .ql-align-center {
344
- text-align: center;
345
- }
346
- .ob-quill-content .ql-align-justify {
347
- text-align: justify;
348
- }
349
- .ob-quill-content .ql-align-right {
350
- text-align: right;
351
- }
352
- .ob-quill-content.ql-blank::before {
353
- color: rgba(0, 0, 0, 0.6);
354
- content: attr(data-placeholder);
355
- font-style: italic;
356
- left: 15px;
357
- pointer-events: none;
358
- position: absolute;
359
- right: 15px;
360
- }
361
- .ob-quill-content strong {
362
- color: inherit;
363
- }
package/dist/styles.css CHANGED
@@ -8467,465 +8467,350 @@ button on-loading {
8467
8467
  cursor: text;
8468
8468
  }
8469
8469
 
8470
- .ob-quill-content p,
8471
- .ob-quill-content ol,
8472
- .ob-quill-content ul,
8473
- .ob-quill-content pre,
8474
- .ob-quill-content blockquote,
8475
- .ob-quill-content h1,
8476
- .ob-quill-content h2,
8477
- .ob-quill-content h3,
8478
- .ob-quill-content h4,
8479
- .ob-quill-content h5,
8480
- .ob-quill-content h6 {
8470
+ .ob-quill-content.content .ql-list-no-margin {
8471
+ margin-top: 0;
8472
+ margin-bottom: 0;
8473
+ }
8474
+
8475
+ .ob-quill-legacy-content p,
8476
+ .ob-quill-legacy-content ol,
8477
+ .ob-quill-legacy-content ul,
8478
+ .ob-quill-legacy-content pre,
8479
+ .ob-quill-legacy-content blockquote,
8480
+ .ob-quill-legacy-content h1,
8481
+ .ob-quill-legacy-content h2,
8482
+ .ob-quill-legacy-content h3,
8483
+ .ob-quill-legacy-content h4,
8484
+ .ob-quill-legacy-content h5,
8485
+ .ob-quill-legacy-content h6 {
8481
8486
  margin: 0;
8482
8487
  padding: 0;
8483
8488
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
8484
8489
  }
8485
8490
 
8486
- .ob-quill-content ol,
8487
- .ob-quill-content ul {
8491
+ .ob-quill-legacy-content ol,
8492
+ .ob-quill-legacy-content ul {
8488
8493
  padding-left: 1.5em;
8489
8494
  }
8490
8495
 
8491
- .ob-quill-content ol > li,
8492
- .ob-quill-content ul > li {
8496
+ .ob-quill-legacy-content ol > li,
8497
+ .ob-quill-legacy-content ul > li {
8493
8498
  list-style-type: none;
8494
8499
  }
8495
8500
 
8496
- .ob-quill-content ul > li::before {
8501
+ .ob-quill-legacy-content ul > li::before {
8497
8502
  content: "•";
8498
8503
  }
8499
8504
 
8500
- .ob-quill-content ul[data-checked=true],
8501
- .ob-quill-content ul[data-checked=false] {
8505
+ .ob-quill-legacy-content ul[data-checked=true],
8506
+ .ob-quill-legacy-content ul[data-checked=false] {
8502
8507
  pointer-events: none;
8503
8508
  }
8504
8509
 
8505
- .ob-quill-content ul[data-checked=true] > li *,
8506
- .ob-quill-content ul[data-checked=false] > li * {
8510
+ .ob-quill-legacy-content ul[data-checked=true] > li *,
8511
+ .ob-quill-legacy-content ul[data-checked=false] > li * {
8507
8512
  pointer-events: all;
8508
8513
  }
8509
8514
 
8510
- .ob-quill-content ul[data-checked=true] > li::before,
8511
- .ob-quill-content ul[data-checked=false] > li::before {
8515
+ .ob-quill-legacy-content ul[data-checked=true] > li::before,
8516
+ .ob-quill-legacy-content ul[data-checked=false] > li::before {
8512
8517
  color: #777;
8513
8518
  cursor: pointer;
8514
8519
  pointer-events: all;
8515
8520
  }
8516
8521
 
8517
- .ob-quill-content ul[data-checked=true] > li::before {
8522
+ .ob-quill-legacy-content ul[data-checked=true] > li::before {
8518
8523
  content: "☑";
8519
8524
  }
8520
8525
 
8521
- .ob-quill-content ul[data-checked=false] > li::before {
8526
+ .ob-quill-legacy-content ul[data-checked=false] > li::before {
8522
8527
  content: "☐";
8523
8528
  }
8524
8529
 
8525
- .ob-quill-content li::before {
8530
+ .ob-quill-legacy-content li::before {
8526
8531
  display: inline-block;
8527
8532
  white-space: nowrap;
8528
8533
  width: 1.2em;
8529
8534
  }
8530
8535
 
8531
- .ob-quill-content li:not(.ql-direction-rtl)::before {
8536
+ .ob-quill-legacy-content li:not(.ql-direction-rtl)::before {
8532
8537
  margin-left: -1.5em;
8533
8538
  margin-right: 0.3em;
8534
8539
  text-align: right;
8535
8540
  }
8536
8541
 
8537
- .ob-quill-content li.ql-direction-rtl::before {
8542
+ .ob-quill-legacy-content li.ql-direction-rtl::before {
8538
8543
  margin-left: 0.3em;
8539
8544
  margin-right: -1.5em;
8540
8545
  }
8541
8546
 
8542
- .ob-quill-content ol li:not(.ql-direction-rtl),
8543
- .ob-quill-content ul li:not(.ql-direction-rtl) {
8547
+ .ob-quill-legacy-content ol li:not(.ql-direction-rtl),
8548
+ .ob-quill-legacy-content ul li:not(.ql-direction-rtl) {
8544
8549
  padding-left: 1.5em;
8545
8550
  }
8546
8551
 
8547
- .ob-quill-content ol li.ql-direction-rtl,
8548
- .ob-quill-content ul li.ql-direction-rtl {
8552
+ .ob-quill-legacy-content ol li.ql-direction-rtl,
8553
+ .ob-quill-legacy-content ul li.ql-direction-rtl {
8549
8554
  padding-right: 1.5em;
8550
8555
  }
8551
8556
 
8552
- .ob-quill-content ol li {
8557
+ .ob-quill-legacy-content ol li {
8553
8558
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
8554
8559
  counter-increment: list-0;
8555
8560
  }
8556
8561
 
8557
- .ob-quill-content ol li:before {
8562
+ .ob-quill-legacy-content ol li:before {
8558
8563
  content: counter(list-0, decimal) ". ";
8559
8564
  }
8560
8565
 
8561
- .ob-quill-content ol li.ql-indent-1 {
8566
+ .ob-quill-legacy-content ol li.ql-indent-1 {
8562
8567
  counter-increment: list-1;
8563
8568
  }
8564
8569
 
8565
- .ob-quill-content ol li.ql-indent-1:before {
8570
+ .ob-quill-legacy-content ol li.ql-indent-1:before {
8566
8571
  content: counter(list-1, lower-alpha) ". ";
8567
8572
  }
8568
8573
 
8569
- .ob-quill-content ol li.ql-indent-1 {
8574
+ .ob-quill-legacy-content ol li.ql-indent-1 {
8570
8575
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
8571
8576
  }
8572
8577
 
8573
- .ob-quill-content ol li.ql-indent-2 {
8578
+ .ob-quill-legacy-content ol li.ql-indent-2 {
8574
8579
  counter-increment: list-2;
8575
8580
  }
8576
8581
 
8577
- .ob-quill-content ol li.ql-indent-2:before {
8582
+ .ob-quill-legacy-content ol li.ql-indent-2:before {
8578
8583
  content: counter(list-2, lower-roman) ". ";
8579
8584
  }
8580
8585
 
8581
- .ob-quill-content ol li.ql-indent-2 {
8586
+ .ob-quill-legacy-content ol li.ql-indent-2 {
8582
8587
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
8583
8588
  }
8584
8589
 
8585
- .ob-quill-content ol li.ql-indent-3 {
8590
+ .ob-quill-legacy-content ol li.ql-indent-3 {
8586
8591
  counter-increment: list-3;
8587
8592
  }
8588
8593
 
8589
- .ob-quill-content ol li.ql-indent-3:before {
8594
+ .ob-quill-legacy-content ol li.ql-indent-3:before {
8590
8595
  content: counter(list-3, decimal) ". ";
8591
8596
  }
8592
8597
 
8593
- .ob-quill-content ol li.ql-indent-3 {
8598
+ .ob-quill-legacy-content ol li.ql-indent-3 {
8594
8599
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
8595
8600
  }
8596
8601
 
8597
- .ob-quill-content ol li.ql-indent-4 {
8602
+ .ob-quill-legacy-content ol li.ql-indent-4 {
8598
8603
  counter-increment: list-4;
8599
8604
  }
8600
8605
 
8601
- .ob-quill-content ol li.ql-indent-4:before {
8606
+ .ob-quill-legacy-content ol li.ql-indent-4:before {
8602
8607
  content: counter(list-4, lower-alpha) ". ";
8603
8608
  }
8604
8609
 
8605
- .ob-quill-content ol li.ql-indent-4 {
8610
+ .ob-quill-legacy-content ol li.ql-indent-4 {
8606
8611
  counter-reset: list-5 list-6 list-7 list-8 list-9;
8607
8612
  }
8608
8613
 
8609
- .ob-quill-content ol li.ql-indent-5 {
8614
+ .ob-quill-legacy-content ol li.ql-indent-5 {
8610
8615
  counter-increment: list-5;
8611
8616
  }
8612
8617
 
8613
- .ob-quill-content ol li.ql-indent-5:before {
8618
+ .ob-quill-legacy-content ol li.ql-indent-5:before {
8614
8619
  content: counter(list-5, lower-roman) ". ";
8615
8620
  }
8616
8621
 
8617
- .ob-quill-content ol li.ql-indent-5 {
8622
+ .ob-quill-legacy-content ol li.ql-indent-5 {
8618
8623
  counter-reset: list-6 list-7 list-8 list-9;
8619
8624
  }
8620
8625
 
8621
- .ob-quill-content ol li.ql-indent-6 {
8626
+ .ob-quill-legacy-content ol li.ql-indent-6 {
8622
8627
  counter-increment: list-6;
8623
8628
  }
8624
8629
 
8625
- .ob-quill-content ol li.ql-indent-6:before {
8630
+ .ob-quill-legacy-content ol li.ql-indent-6:before {
8626
8631
  content: counter(list-6, decimal) ". ";
8627
8632
  }
8628
8633
 
8629
- .ob-quill-content ol li.ql-indent-6 {
8634
+ .ob-quill-legacy-content ol li.ql-indent-6 {
8630
8635
  counter-reset: list-7 list-8 list-9;
8631
8636
  }
8632
8637
 
8633
- .ob-quill-content ol li.ql-indent-7 {
8638
+ .ob-quill-legacy-content ol li.ql-indent-7 {
8634
8639
  counter-increment: list-7;
8635
8640
  }
8636
8641
 
8637
- .ob-quill-content ol li.ql-indent-7:before {
8642
+ .ob-quill-legacy-content ol li.ql-indent-7:before {
8638
8643
  content: counter(list-7, lower-alpha) ". ";
8639
8644
  }
8640
8645
 
8641
- .ob-quill-content ol li.ql-indent-7 {
8646
+ .ob-quill-legacy-content ol li.ql-indent-7 {
8642
8647
  counter-reset: list-8 list-9;
8643
8648
  }
8644
8649
 
8645
- .ob-quill-content ol li.ql-indent-8 {
8650
+ .ob-quill-legacy-content ol li.ql-indent-8 {
8646
8651
  counter-increment: list-8;
8647
8652
  }
8648
8653
 
8649
- .ob-quill-content ol li.ql-indent-8:before {
8654
+ .ob-quill-legacy-content ol li.ql-indent-8:before {
8650
8655
  content: counter(list-8, lower-roman) ". ";
8651
8656
  }
8652
8657
 
8653
- .ob-quill-content ol li.ql-indent-8 {
8658
+ .ob-quill-legacy-content ol li.ql-indent-8 {
8654
8659
  counter-reset: list-9;
8655
8660
  }
8656
8661
 
8657
- .ob-quill-content ol li.ql-indent-9 {
8662
+ .ob-quill-legacy-content ol li.ql-indent-9 {
8658
8663
  counter-increment: list-9;
8659
8664
  }
8660
8665
 
8661
- .ob-quill-content ol li.ql-indent-9:before {
8666
+ .ob-quill-legacy-content ol li.ql-indent-9:before {
8662
8667
  content: counter(list-9, decimal) ". ";
8663
8668
  }
8664
8669
 
8665
- .ob-quill-content .ql-indent-1:not(.ql-direction-rtl) {
8670
+ .ob-quill-legacy-content .ql-indent-1:not(.ql-direction-rtl) {
8666
8671
  padding-left: 3em;
8667
8672
  }
8668
8673
 
8669
- .ob-quill-content li.ql-indent-1:not(.ql-direction-rtl) {
8674
+ .ob-quill-legacy-content li.ql-indent-1:not(.ql-direction-rtl) {
8670
8675
  padding-left: 4.5em;
8671
8676
  }
8672
8677
 
8673
- .ob-quill-content .ql-indent-1.ql-direction-rtl.ql-align-right {
8678
+ .ob-quill-legacy-content .ql-indent-1.ql-direction-rtl.ql-align-right {
8674
8679
  padding-right: 3em;
8675
8680
  }
8676
8681
 
8677
- .ob-quill-content li.ql-indent-1.ql-direction-rtl.ql-align-right {
8682
+ .ob-quill-legacy-content li.ql-indent-1.ql-direction-rtl.ql-align-right {
8678
8683
  padding-right: 4.5em;
8679
8684
  }
8680
8685
 
8681
- .ob-quill-content .ql-indent-2:not(.ql-direction-rtl) {
8686
+ .ob-quill-legacy-content .ql-indent-2:not(.ql-direction-rtl) {
8682
8687
  padding-left: 6em;
8683
8688
  }
8684
8689
 
8685
- .ob-quill-content li.ql-indent-2:not(.ql-direction-rtl) {
8690
+ .ob-quill-legacy-content li.ql-indent-2:not(.ql-direction-rtl) {
8686
8691
  padding-left: 7.5em;
8687
8692
  }
8688
8693
 
8689
- .ob-quill-content .ql-indent-2.ql-direction-rtl.ql-align-right {
8694
+ .ob-quill-legacy-content .ql-indent-2.ql-direction-rtl.ql-align-right {
8690
8695
  padding-right: 6em;
8691
8696
  }
8692
8697
 
8693
- .ob-quill-content li.ql-indent-2.ql-direction-rtl.ql-align-right {
8698
+ .ob-quill-legacy-content li.ql-indent-2.ql-direction-rtl.ql-align-right {
8694
8699
  padding-right: 7.5em;
8695
8700
  }
8696
8701
 
8697
- .ob-quill-content .ql-indent-3:not(.ql-direction-rtl) {
8702
+ .ob-quill-legacy-content .ql-indent-3:not(.ql-direction-rtl) {
8698
8703
  padding-left: 9em;
8699
8704
  }
8700
8705
 
8701
- .ob-quill-content li.ql-indent-3:not(.ql-direction-rtl) {
8706
+ .ob-quill-legacy-content li.ql-indent-3:not(.ql-direction-rtl) {
8702
8707
  padding-left: 10.5em;
8703
8708
  }
8704
8709
 
8705
- .ob-quill-content .ql-indent-3.ql-direction-rtl.ql-align-right {
8710
+ .ob-quill-legacy-content .ql-indent-3.ql-direction-rtl.ql-align-right {
8706
8711
  padding-right: 9em;
8707
8712
  }
8708
8713
 
8709
- .ob-quill-content li.ql-indent-3.ql-direction-rtl.ql-align-right {
8714
+ .ob-quill-legacy-content li.ql-indent-3.ql-direction-rtl.ql-align-right {
8710
8715
  padding-right: 10.5em;
8711
8716
  }
8712
8717
 
8713
- .ob-quill-content .ql-indent-4:not(.ql-direction-rtl) {
8718
+ .ob-quill-legacy-content .ql-indent-4:not(.ql-direction-rtl) {
8714
8719
  padding-left: 12em;
8715
8720
  }
8716
8721
 
8717
- .ob-quill-content li.ql-indent-4:not(.ql-direction-rtl) {
8722
+ .ob-quill-legacy-content li.ql-indent-4:not(.ql-direction-rtl) {
8718
8723
  padding-left: 13.5em;
8719
8724
  }
8720
8725
 
8721
- .ob-quill-content .ql-indent-4.ql-direction-rtl.ql-align-right {
8726
+ .ob-quill-legacy-content .ql-indent-4.ql-direction-rtl.ql-align-right {
8722
8727
  padding-right: 12em;
8723
8728
  }
8724
8729
 
8725
- .ob-quill-content li.ql-indent-4.ql-direction-rtl.ql-align-right {
8730
+ .ob-quill-legacy-content li.ql-indent-4.ql-direction-rtl.ql-align-right {
8726
8731
  padding-right: 13.5em;
8727
8732
  }
8728
8733
 
8729
- .ob-quill-content .ql-indent-5:not(.ql-direction-rtl) {
8734
+ .ob-quill-legacy-content .ql-indent-5:not(.ql-direction-rtl) {
8730
8735
  padding-left: 15em;
8731
8736
  }
8732
8737
 
8733
- .ob-quill-content li.ql-indent-5:not(.ql-direction-rtl) {
8738
+ .ob-quill-legacy-content li.ql-indent-5:not(.ql-direction-rtl) {
8734
8739
  padding-left: 16.5em;
8735
8740
  }
8736
8741
 
8737
- .ob-quill-content .ql-indent-5.ql-direction-rtl.ql-align-right {
8742
+ .ob-quill-legacy-content .ql-indent-5.ql-direction-rtl.ql-align-right {
8738
8743
  padding-right: 15em;
8739
8744
  }
8740
8745
 
8741
- .ob-quill-content li.ql-indent-5.ql-direction-rtl.ql-align-right {
8746
+ .ob-quill-legacy-content li.ql-indent-5.ql-direction-rtl.ql-align-right {
8742
8747
  padding-right: 16.5em;
8743
8748
  }
8744
8749
 
8745
- .ob-quill-content .ql-indent-6:not(.ql-direction-rtl) {
8750
+ .ob-quill-legacy-content .ql-indent-6:not(.ql-direction-rtl) {
8746
8751
  padding-left: 18em;
8747
8752
  }
8748
8753
 
8749
- .ob-quill-content li.ql-indent-6:not(.ql-direction-rtl) {
8754
+ .ob-quill-legacy-content li.ql-indent-6:not(.ql-direction-rtl) {
8750
8755
  padding-left: 19.5em;
8751
8756
  }
8752
8757
 
8753
- .ob-quill-content .ql-indent-6.ql-direction-rtl.ql-align-right {
8758
+ .ob-quill-legacy-content .ql-indent-6.ql-direction-rtl.ql-align-right {
8754
8759
  padding-right: 18em;
8755
8760
  }
8756
8761
 
8757
- .ob-quill-content li.ql-indent-6.ql-direction-rtl.ql-align-right {
8762
+ .ob-quill-legacy-content li.ql-indent-6.ql-direction-rtl.ql-align-right {
8758
8763
  padding-right: 19.5em;
8759
8764
  }
8760
8765
 
8761
- .ob-quill-content .ql-indent-7:not(.ql-direction-rtl) {
8766
+ .ob-quill-legacy-content .ql-indent-7:not(.ql-direction-rtl) {
8762
8767
  padding-left: 21em;
8763
8768
  }
8764
8769
 
8765
- .ob-quill-content li.ql-indent-7:not(.ql-direction-rtl) {
8770
+ .ob-quill-legacy-content li.ql-indent-7:not(.ql-direction-rtl) {
8766
8771
  padding-left: 22.5em;
8767
8772
  }
8768
8773
 
8769
- .ob-quill-content .ql-indent-7.ql-direction-rtl.ql-align-right {
8774
+ .ob-quill-legacy-content .ql-indent-7.ql-direction-rtl.ql-align-right {
8770
8775
  padding-right: 21em;
8771
8776
  }
8772
8777
 
8773
- .ob-quill-content li.ql-indent-7.ql-direction-rtl.ql-align-right {
8778
+ .ob-quill-legacy-content li.ql-indent-7.ql-direction-rtl.ql-align-right {
8774
8779
  padding-right: 22.5em;
8775
8780
  }
8776
8781
 
8777
- .ob-quill-content .ql-indent-8:not(.ql-direction-rtl) {
8782
+ .ob-quill-legacy-content .ql-indent-8:not(.ql-direction-rtl) {
8778
8783
  padding-left: 24em;
8779
8784
  }
8780
8785
 
8781
- .ob-quill-content li.ql-indent-8:not(.ql-direction-rtl) {
8786
+ .ob-quill-legacy-content li.ql-indent-8:not(.ql-direction-rtl) {
8782
8787
  padding-left: 25.5em;
8783
8788
  }
8784
8789
 
8785
- .ob-quill-content .ql-indent-8.ql-direction-rtl.ql-align-right {
8790
+ .ob-quill-legacy-content .ql-indent-8.ql-direction-rtl.ql-align-right {
8786
8791
  padding-right: 24em;
8787
8792
  }
8788
8793
 
8789
- .ob-quill-content li.ql-indent-8.ql-direction-rtl.ql-align-right {
8794
+ .ob-quill-legacy-content li.ql-indent-8.ql-direction-rtl.ql-align-right {
8790
8795
  padding-right: 25.5em;
8791
8796
  }
8792
8797
 
8793
- .ob-quill-content .ql-indent-9:not(.ql-direction-rtl) {
8798
+ .ob-quill-legacy-content .ql-indent-9:not(.ql-direction-rtl) {
8794
8799
  padding-left: 27em;
8795
8800
  }
8796
8801
 
8797
- .ob-quill-content li.ql-indent-9:not(.ql-direction-rtl) {
8802
+ .ob-quill-legacy-content li.ql-indent-9:not(.ql-direction-rtl) {
8798
8803
  padding-left: 28.5em;
8799
8804
  }
8800
8805
 
8801
- .ob-quill-content .ql-indent-9.ql-direction-rtl.ql-align-right {
8806
+ .ob-quill-legacy-content .ql-indent-9.ql-direction-rtl.ql-align-right {
8802
8807
  padding-right: 27em;
8803
8808
  }
8804
8809
 
8805
- .ob-quill-content li.ql-indent-9.ql-direction-rtl.ql-align-right {
8810
+ .ob-quill-legacy-content li.ql-indent-9.ql-direction-rtl.ql-align-right {
8806
8811
  padding-right: 28.5em;
8807
8812
  }
8808
8813
 
8809
- .ob-quill-content .ql-video {
8810
- display: block;
8811
- max-width: 100%;
8812
- }
8813
-
8814
- .ob-quill-content .ql-video.ql-align-center {
8815
- margin: 0 auto;
8816
- }
8817
-
8818
- .ob-quill-content .ql-video.ql-align-right {
8819
- margin: 0 0 0 auto;
8820
- }
8821
-
8822
- .ob-quill-content .ql-bg-black {
8823
- background-color: #000;
8824
- }
8825
-
8826
- .ob-quill-content .ql-bg-red {
8827
- background-color: #e60000;
8828
- }
8829
-
8830
- .ob-quill-content .ql-bg-orange {
8831
- background-color: #f90;
8832
- }
8833
-
8834
- .ob-quill-content .ql-bg-yellow {
8835
- background-color: #ff0;
8836
- }
8837
-
8838
- .ob-quill-content .ql-bg-green {
8839
- background-color: #008a00;
8840
- }
8841
-
8842
- .ob-quill-content .ql-bg-blue {
8843
- background-color: #06c;
8844
- }
8845
-
8846
- .ob-quill-content .ql-bg-purple {
8847
- background-color: #93f;
8848
- }
8849
-
8850
- .ob-quill-content .ql-color-white {
8851
- color: #fff;
8852
- }
8853
-
8854
- .ob-quill-content .ql-color-red {
8855
- color: #e60000;
8856
- }
8857
-
8858
- .ob-quill-content .ql-color-orange {
8859
- color: #f90;
8860
- }
8861
-
8862
- .ob-quill-content .ql-color-yellow {
8863
- color: #ff0;
8864
- }
8865
-
8866
- .ob-quill-content .ql-color-green {
8867
- color: #008a00;
8868
- }
8869
-
8870
- .ob-quill-content .ql-color-blue {
8871
- color: #06c;
8872
- }
8873
-
8874
- .ob-quill-content .ql-color-purple {
8875
- color: #93f;
8876
- }
8877
-
8878
- .ob-quill-content .ql-font-serif {
8879
- font-family: Georgia, Times New Roman, serif;
8880
- }
8881
-
8882
- .ob-quill-content .ql-font-monospace {
8883
- font-family: Monaco, Courier New, monospace;
8884
- }
8885
-
8886
- .ob-quill-content .ql-size-small {
8887
- font-size: 0.75em;
8888
- }
8889
-
8890
- .ob-quill-content .ql-size-large {
8891
- font-size: 1.5em;
8892
- }
8893
-
8894
- .ob-quill-content .ql-size-huge {
8895
- font-size: 2.5em;
8896
- }
8897
-
8898
- .ob-quill-content .ql-direction-rtl {
8899
- direction: rtl;
8900
- text-align: inherit;
8901
- }
8902
-
8903
- .ob-quill-content .ql-align-center {
8904
- text-align: center;
8905
- }
8906
-
8907
- .ob-quill-content .ql-align-justify {
8908
- text-align: justify;
8909
- }
8910
-
8911
- .ob-quill-content .ql-align-right {
8912
- text-align: right;
8913
- }
8914
-
8915
- .ob-quill-content.ql-blank::before {
8916
- color: rgba(0, 0, 0, 0.6);
8917
- content: attr(data-placeholder);
8918
- font-style: italic;
8919
- left: 15px;
8920
- pointer-events: none;
8921
- position: absolute;
8922
- right: 15px;
8923
- }
8924
-
8925
- .ob-quill-content strong {
8926
- color: inherit;
8927
- }
8928
-
8929
8814
  .ob-buttons-radio {
8930
8815
  container-name: ob-buttons-radio;
8931
8816
  container-type: inline-size;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@oneblink/apps-react",
3
3
  "description": "Helper functions for OneBlink apps in ReactJS.",
4
- "version": "8.13.0-beta.3",
4
+ "version": "8.13.1-beta.2",
5
5
  "author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
6
6
  "bugs": {
7
7
  "url": "https://github.com/oneblink/apps-react/issues"
@@ -55,7 +55,6 @@
55
55
  "@types/color": "^3.0.6",
56
56
  "@types/file-saver": "^2.0.7",
57
57
  "@types/filesystem": "^0.0.34",
58
- "@types/jest": "^27.5.2",
59
58
  "@types/lodash.clonedeep": "^4.5.9",
60
59
  "@types/lodash.debounce": "^4.0.9",
61
60
  "@types/lodash.throttle": "^4.1.9",
@@ -78,18 +77,17 @@
78
77
  "eslint-plugin-react": "^7.33.2",
79
78
  "eslint-plugin-react-hooks": "^4.6.0",
80
79
  "fixpack": "^4.0.0",
81
- "jest": "^29.7.0",
82
- "jest-environment-jsdom": "^29.7.0",
80
+ "jsdom": "^27.2.0",
83
81
  "prettier": "^3.2.4",
84
82
  "prettier-plugin-jsdoc": "^1.3.0",
85
83
  "react": "^17.0.2",
86
84
  "react-dom": "^17.0.2",
87
85
  "react-router-dom": "^5.3.4",
88
86
  "sass": "^1.70.0",
89
- "ts-jest": "^29.2.5",
90
87
  "tsc-watch": "^6.0.4",
91
88
  "typedoc": "^0.26.9",
92
- "typescript": "^5.6.3"
89
+ "typescript": "^5.6.3",
90
+ "vitest": "^4.0.9"
93
91
  },
94
92
  "directories": {
95
93
  "doc": "docs"
@@ -134,9 +132,9 @@
134
132
  "pretest": "npm run fixpack && npm run eslint && npm run typescript",
135
133
  "release": "oneblink-release repository --no-name",
136
134
  "start": "tsc-watch",
137
- "test": "jest",
135
+ "test": "vitest",
138
136
  "types": "npm i -D github:oneblink/types",
139
137
  "typescript": "tsc --noEmit",
140
- "update-dependents": "oneblink-release update-dependents"
138
+ "update-dependents": "oneblink-release update-dependents --force"
141
139
  }
142
140
  }