@innovaccer/rich-text-editor 1.3.1-0 → 1.3.3

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 (9) hide show
  1. package/.prettierignore +3 -0
  2. package/.prettierrc +6 -0
  3. package/CHANGELOG.md +2 -132
  4. package/dist/rich-text-editor.css +211 -26
  5. package/dist/rich-text-editor.css.map +1 -1
  6. package/dist/rich-text-editor.js +8 -8
  7. package/package.json +9 -6
  8. package/public/design-system.css +71 -67
  9. package/public/design-system.css.map +1 -1
package/.prettierignore ADDED
@@ -0,0 +1,3 @@
1
+ node_modules
2
+ images
3
+ dist
package/.prettierrc ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "singleQuote": true,
3
+ "trailingComma": "es5",
4
+ "printWidth": 120,
5
+ "tabWidth": 2
6
+ }
package/CHANGELOG.md CHANGED
@@ -1,135 +1,5 @@
1
- # Changelog
2
1
 
3
- ## 22/11/2016 (1.0.0)
4
- Initial stable release
2
+ -------------------
3
+ **v1.3.3** (2022-01-10)
5
4
 
6
- ## 29/11/2016 (1.1.1)
7
- - #62: Toolbar behaves weird at times if toolbarOnFocus is set.
8
- - #73: Making spell check configurable.
9
- - #74: Allow user to use RTL.
10
- - #69: Prefix 'rdw-' to all class names.
11
- - #70: Avoid 'undefined' class name.
12
- - #65: Cannot set bold/italics/underline without any text highlighted.
13
5
 
14
- ## 29/11/2016 (1.1.2)
15
- - #35: use of tab for indenting is broken
16
- - #30: As user types after link the new text should not be linkified.
17
- - #92: Inputs in toolbar can not be focused.
18
-
19
- ## 1/12/2016 (1.1.3)
20
- - #94: Support ReadOnly mode.
21
- - #84: Developer to be able to update editor editor content.
22
-
23
- ## 5/12/2016 (1.2.0)
24
- - #80: It should be possible for user to set size of embedded media.
25
- - #75: Issue in image, embedded link.
26
- - #66: Multiple toolbar modals open causes bugs.
27
- - #31: Popups in toolbar should close when user clicks anywhere else on the page.
28
- - #20: It should be possible for user to provide image size also.
29
-
30
- ## 7/12/2016 (1.2.1)
31
- - #109: Link control behaving weird to events.
32
- - #105: Adding placeholder support.
33
- - #59: Mentions should get deleted on whole by single backspace.
34
- - #61: Unlink should not get highlighted for mentions.
35
-
36
- ## 7/12/2016 (1.3.0)
37
- - #56: Improvements in mention dropdown.
38
-
39
- ## 7/12/2016 (1.3.1)
40
- - #115: uncaught TypeError: t.suggestionCallback is not a function.
41
-
42
- ## 10/12/2016 (1.3.2)
43
- - #120: Toolbar modals closing prematurely.
44
-
45
- ## 14/12/2016 (1.3.3)
46
- - #126: Rehydrating editor state with mention gives error.
47
-
48
- ## 25/12/2016
49
- - #142: Selection state broken when using contentState and onContentStateChange props.
50
- - #140: Request: customizable blockTypes.
51
-
52
- ## 22/01/2017
53
- - #181: Ability to add custom block renderer.
54
- - #183: Default toolbar order by config.
55
-
56
- ## 25/01/2017
57
- - #176: image upload issue: drag and drop
58
-
59
- ## 10/02/2017
60
- - #127: Support for hashtags.
61
-
62
- ## 09/07/2017 (1.10.2)
63
- - #348: Reduce bindle size by making ImmutableJS external dependency.
64
-
65
- ## 14/07/2017 (1.10.5)
66
- - #393: Lots of toolbar icons not working when multiple editors are rendered.
67
-
68
- ## 19/07/2017 (1.10.6)
69
- - #247: When you drag and drop an image in the image uploader from another browser it crashes.
70
- - #389: Hiding toolbar should not destroy the component.
71
- - Fixing broken mentions.
72
-
73
- ## 20/07/2017 (1.10.7)
74
- - #380: add support for alt field.
75
- - #325: internalization of titles.
76
-
77
- ## 18/08/2017 (1.10.8)
78
- - Support for code block.
79
-
80
- ## 10/09/2017 (1.10.8)
81
- - #429: Copy paste issue in code block.
82
- - #440: Limit pre and blockquote styles to only within the wysiwyg.
83
- - Translations for Italian locale.
84
-
85
- ## 19/09/2017 (1.10.10)
86
- - #451: Indent, outdent enabled only for lists.
87
-
88
- ## 20/09/2017 (1.10.11)
89
- - #437: Disabling the toolbar buttons is not disabling the corresponding keyboard shortcut
90
-
91
- ## 23/09/2017 (1.10.12)
92
- - #444: Images not copied when copying content from microsoft word.
93
- - Translations for de and nl locales.
94
-
95
- ## 7/12/2017 (1.12.0)
96
- - Adding custom component for rendering of mentions and hashtags.
97
- - Using targetOption property to save target of link.
98
-
99
- ## 18/12/2017 (1.12.1)
100
- - Changes in German Translations.
101
- - Using linkify-it to linkify link targets.
102
-
103
- ## 25/12/2017 (1.12.2)
104
- - #502, In some scenario, editor does not extract inline style when editorState is changed
105
-
106
- ## 1/1/2018 (1.12.3)
107
- - # Adding UMD module bundling.
108
-
109
- ## 8/1/2018 (1.12.3)
110
- - #514, Avoid error when an alignment is not defined.
111
- - #555, Image preview option.
112
-
113
- ## 15/1/2018
114
- - #549, stripPastedStyles not working.
115
-
116
- ## 25/1/2018
117
- - Adding ref property to editor to get teference of underlying DraftJS editor.
118
-
119
- ## 26/1/2018
120
- - #581, onBlur not firing.
121
-
122
- ## 14/2/2018 (1.12.9)
123
- - #425, text alignment broken for multiple text.
124
- - #549, Prop stripPastedStyles is ignored.
125
- - Support for Japanese locale.
126
-
127
- ## 4/3/2018 (1.12.11)
128
- - #621, variable declaration causes handlePastedText function error after js minified.
129
-
130
- ## 16/4/2018 (1.12.12)
131
- - #630, Passing editorState into onBlur callback.
132
- - #642, Fix an error when a tab failed to open.
133
-
134
- ## 25/4/2018 (1.12.13)
135
- - Bundle size optimization.
package/dist/rich-text-editor.css CHANGED
@@ -2,7 +2,7 @@
2
2
  display: flex;
3
3
  align-items: center;
4
4
  margin-bottom: 6px;
5
- flex-wrap: wrap
5
+ flex-wrap: wrap;
6
6
  }
7
7
  .rdw-fontsize-dropdown {
8
8
  min-width: 40px;
@@ -16,7 +16,7 @@
16
16
  display: flex;
17
17
  align-items: center;
18
18
  margin-bottom: 6px;
19
- flex-wrap: wrap
19
+ flex-wrap: wrap;
20
20
  }
21
21
  .rdw-fontfamily-dropdown {
22
22
  width: 115px;
@@ -35,7 +35,7 @@
35
35
  display: flex;
36
36
  align-items: center;
37
37
  margin-bottom: 6px;
38
- flex-wrap: wrap
38
+ flex-wrap: wrap;
39
39
  }
40
40
  .rdw-text-align-dropdown {
41
41
  width: 50px;
@@ -76,7 +76,7 @@
76
76
  align-items: center;
77
77
  margin-bottom: 6px;
78
78
  position: relative;
79
- flex-wrap: wrap
79
+ flex-wrap: wrap;
80
80
  }
81
81
  .rdw-embedded-modal {
82
82
  position: absolute;
@@ -86,13 +86,13 @@
86
86
  flex-direction: column;
87
87
  width: 235px;
88
88
  height: 180px;
89
- border: 1px solid #F1F1F1;
89
+ border: 1px solid #f1f1f1;
90
90
  padding: 15px;
91
91
  border-radius: 2px;
92
92
  z-index: 100;
93
93
  background: white;
94
94
  justify-content: space-between;
95
- box-shadow: 3px 3px 5px #BFBDBD;
95
+ box-shadow: 3px 3px 5px #bfbdbd;
96
96
  }
97
97
  .rdw-embedded-modal-header {
98
98
  font-size: 15px;
@@ -110,7 +110,7 @@
110
110
  width: 95px;
111
111
  border: 1px solid #f1f1f1;
112
112
  margin-top: 5px;
113
- background: #6EB8D4;
113
+ background: #6eb8d4;
114
114
  border-bottom: 2px solid #0a66b7;
115
115
  }
116
116
  .rdw-embedded-modal-link-section {
@@ -121,7 +121,7 @@
121
121
  width: 88%;
122
122
  height: 35px;
123
123
  margin: 10px 0;
124
- border: 1px solid #F1F1F1;
124
+ border: 1px solid #f1f1f1;
125
125
  border-radius: 2px;
126
126
  font-size: 15px;
127
127
  padding: 0 5px;
@@ -141,17 +141,17 @@
141
141
  margin: 0 3px;
142
142
  width: 75px;
143
143
  height: 30px;
144
- border: 1px solid #F1F1F1;
144
+ border: 1px solid #f1f1f1;
145
145
  border-radius: 2px;
146
146
  cursor: pointer;
147
147
  background: white;
148
148
  text-transform: capitalize;
149
149
  }
150
150
  .rdw-embedded-modal-btn:hover {
151
- box-shadow: 1px 1px 0px #BFBDBD;
151
+ box-shadow: 1px 1px 0px #bfbdbd;
152
152
  }
153
153
  .rdw-embedded-modal-btn:active {
154
- box-shadow: 1px 1px 0px #BFBDBD inset;
154
+ box-shadow: 1px 1px 0px #bfbdbd inset;
155
155
  }
156
156
  .rdw-embedded-modal-btn:focus {
157
157
  outline: none !important;
@@ -168,7 +168,7 @@
168
168
  .rdw-embedded-modal-size-input {
169
169
  width: 80%;
170
170
  height: 20px;
171
- border: 1px solid #F1F1F1;
171
+ border: 1px solid #f1f1f1;
172
172
  border-radius: 2px;
173
173
  font-size: 12px;
174
174
  }
@@ -181,7 +181,7 @@
181
181
  align-items: center;
182
182
  margin-bottom: 6px;
183
183
  position: relative;
184
- flex-wrap: wrap
184
+ flex-wrap: wrap;
185
185
  }
186
186
  .rdw-emoji-modal {
187
187
  overflow: auto;
@@ -192,12 +192,12 @@
192
192
  flex-wrap: wrap;
193
193
  width: 235px;
194
194
  height: 180px;
195
- border: 1px solid #F1F1F1;
195
+ border: 1px solid #f1f1f1;
196
196
  padding: 15px;
197
197
  border-radius: 2px;
198
198
  z-index: 100;
199
199
  background: white;
200
- box-shadow: 3px 3px 5px #BFBDBD;
200
+ box-shadow: 3px 3px 5px #bfbdbd;
201
201
  }
202
202
  .rdw-emoji-icon {
203
203
  margin: 2.5px;
@@ -215,14 +215,14 @@
215
215
  align-items: center;
216
216
  margin-bottom: 6px;
217
217
  position: relative;
218
- flex-wrap: wrap
218
+ flex-wrap: wrap;
219
219
  }
220
220
 
221
221
  .rdw-history-wrapper {
222
222
  display: flex;
223
223
  align-items: center;
224
224
  margin-bottom: 6px;
225
- flex-wrap: wrap
225
+ flex-wrap: wrap;
226
226
  }
227
227
  .rdw-history-dropdownoption {
228
228
  height: 40px;
@@ -243,7 +243,182 @@
243
243
  * LICENSE file in the root directory of this source tree. An additional grant
244
244
  * of patent rights can be found in the PATENTS file in the same directory.
245
245
  */
246
- .DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial;overflow:auto;}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
246
+ .hide-placeholder .public-DraftEditorPlaceholder-inner {
247
+ display: none;
248
+ }
249
+
250
+ .DraftEditor-editorContainer,
251
+ .DraftEditor-root,
252
+ .public-DraftEditor-content {
253
+ height: inherit;
254
+ text-align: initial;
255
+ overflow: auto;
256
+ }
257
+ .public-DraftEditor-content[contenteditable='true'] {
258
+ -webkit-user-modify: read-write-plaintext-only;
259
+ }
260
+ .DraftEditor-root {
261
+ position: relative;
262
+ }
263
+ .DraftEditor-editorContainer {
264
+ background-color: rgba(255, 255, 255, 0);
265
+ border-left: 0.1px solid transparent;
266
+ position: relative;
267
+ z-index: 1;
268
+ }
269
+ .public-DraftEditor-block {
270
+ position: relative;
271
+ }
272
+ .DraftEditor-alignLeft .public-DraftStyleDefault-block {
273
+ text-align: left;
274
+ }
275
+ .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
276
+ left: 0;
277
+ text-align: left;
278
+ }
279
+ .DraftEditor-alignCenter .public-DraftStyleDefault-block {
280
+ text-align: center;
281
+ }
282
+ .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
283
+ margin: 0 auto;
284
+ text-align: center;
285
+ width: 100%;
286
+ }
287
+ .DraftEditor-alignRight .public-DraftStyleDefault-block {
288
+ text-align: right;
289
+ }
290
+ .DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
291
+ right: 0;
292
+ text-align: right;
293
+ }
294
+ .public-DraftEditorPlaceholder-root {
295
+ color: #9197a3;
296
+ position: absolute;
297
+ z-index: 0;
298
+ }
299
+ .public-DraftEditorPlaceholder-hasFocus {
300
+ color: #bdc1c9;
301
+ }
302
+ .DraftEditorPlaceholder-hidden {
303
+ display: none;
304
+ }
305
+ .public-DraftStyleDefault-block {
306
+ position: relative;
307
+ white-space: pre-wrap;
308
+ }
309
+ .public-DraftStyleDefault-ltr {
310
+ direction: ltr;
311
+ text-align: left;
312
+ }
313
+ .public-DraftStyleDefault-rtl {
314
+ direction: rtl;
315
+ text-align: right;
316
+ }
317
+ .public-DraftStyleDefault-listLTR {
318
+ direction: ltr;
319
+ }
320
+ .public-DraftStyleDefault-listRTL {
321
+ direction: rtl;
322
+ }
323
+ .public-DraftStyleDefault-ol,
324
+ .public-DraftStyleDefault-ul {
325
+ margin: 0;
326
+ padding: 0;
327
+ }
328
+ .public-DraftStyleDefault-ol {
329
+ margin-left: 1em;
330
+ }
331
+ .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
332
+ margin-left: 1.5em;
333
+ }
334
+ .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
335
+ margin-right: 1.5em;
336
+ }
337
+ .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
338
+ margin-left: 3em;
339
+ }
340
+ .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
341
+ margin-right: 3em;
342
+ }
343
+ .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
344
+ margin-left: 4.5em;
345
+ }
346
+ .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
347
+ margin-right: 4.5em;
348
+ }
349
+ .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
350
+ margin-left: 6em;
351
+ }
352
+ .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
353
+ margin-right: 6em;
354
+ }
355
+ .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
356
+ margin-left: 7.5em;
357
+ }
358
+ .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
359
+ margin-right: 7.5em;
360
+ }
361
+ .public-DraftStyleDefault-unorderedListItem {
362
+ list-style-type: square;
363
+ position: relative;
364
+ }
365
+ .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
366
+ list-style-type: disc;
367
+ }
368
+ .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
369
+ list-style-type: circle;
370
+ }
371
+ .public-DraftStyleDefault-orderedListItem {
372
+ list-style-type: none;
373
+ position: relative;
374
+ }
375
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
376
+ left: -36px;
377
+ position: absolute;
378
+ text-align: right;
379
+ width: 30px;
380
+ }
381
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
382
+ position: absolute;
383
+ right: -36px;
384
+ text-align: left;
385
+ width: 30px;
386
+ }
387
+ .public-DraftStyleDefault-orderedListItem:before {
388
+ content: counter(ol0) '. ';
389
+ counter-increment: ol0;
390
+ }
391
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
392
+ content: counter(ol1) '. ';
393
+ counter-increment: ol1;
394
+ }
395
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
396
+ content: counter(ol2) '. ';
397
+ counter-increment: ol2;
398
+ }
399
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
400
+ content: counter(ol3) '. ';
401
+ counter-increment: ol3;
402
+ }
403
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
404
+ content: counter(ol4) '. ';
405
+ counter-increment: ol4;
406
+ }
407
+ .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
408
+ counter-reset: ol0;
409
+ }
410
+ .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
411
+ counter-reset: ol1;
412
+ }
413
+ .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
414
+ counter-reset: ol2;
415
+ }
416
+ .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
417
+ counter-reset: ol3;
418
+ }
419
+ .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
420
+ counter-reset: ol4;
421
+ }
247
422
 
248
423
  .public-DraftEditor-content::-webkit-scrollbar {
249
424
  width: var(--spacing-2);
@@ -255,6 +430,7 @@
255
430
  border-radius: var(--spacing);
256
431
  background-color: var(--secondary-dark);
257
432
  }
433
+
258
434
  .Editor-toolbar {
259
435
  display: flex;
260
436
  justify-content: flex-start;
@@ -358,25 +534,25 @@ figure {
358
534
  display: flex;
359
535
  padding: var(--spacing) 0 var(--spacing) var(--spacing);
360
536
  }
361
-
537
+
362
538
  .Editor-colorPicker-circleWrapper {
363
539
  margin-right: var(--spacing);
364
540
  position: relative;
365
541
  }
366
-
542
+
367
543
  .Editor-colorPicker-circle {
368
544
  height: var(--spacing-xl);
369
545
  width: var(--spacing-xl);
370
546
  border-radius: 50%;
371
547
  cursor: pointer;
372
548
  }
373
-
549
+
374
550
  .Editor-colorPicker-selectedCircle {
375
551
  position: absolute;
376
552
  top: var(--spacing-m);
377
553
  left: var(--spacing-m);
378
554
  }
379
-
555
+
380
556
  .Editor-textDecoration {
381
557
  display: flex;
382
558
  align-items: center;
@@ -389,6 +565,7 @@ figure {
389
565
  height: var(--spacing-3);
390
566
  width: var(--spacing-3);
391
567
  }
568
+
392
569
  .Editor-insert-imageLabel {
393
570
  cursor: pointer;
394
571
  height: 100%;
@@ -402,9 +579,9 @@ figure {
402
579
  height: 0px;
403
580
  width: 0px;
404
581
  opacity: 0;
405
- overflow: hidden;
406
- position: absolute;
407
- z-index: -1;
582
+ overflow: hidden;
583
+ position: absolute;
584
+ z-index: -1;
408
585
  }
409
586
 
410
587
  .Editor-image {
@@ -476,6 +653,10 @@ figure {
476
653
  padding: var(--spacing-m) 0 var(--spacing-m) 0;
477
654
  }
478
655
 
656
+ .Editor-dropdown-optionWrapper:focus {
657
+ outline: none;
658
+ }
659
+
479
660
  .Editor-dropdown-option {
480
661
  display: flex;
481
662
  align-items: center;
@@ -486,9 +667,11 @@ figure {
486
667
  }
487
668
 
488
669
  .Editor-dropdown-option:hover,
670
+ .Editor-dropdown-option:focus,
489
671
  .Editor-dropdown-option--highlight {
490
672
  background-color: var(--secondary-lightest);
491
673
  cursor: pointer;
674
+ outline: none;
492
675
  }
493
676
 
494
677
  .Editor-dropdown-option--active {
@@ -506,8 +689,10 @@ figure {
506
689
  border-radius: var(--spacing-m);
507
690
  }
508
691
 
509
- .Editor-option:hover {
692
+ .Editor-option:hover,
693
+ .Editor-option:focus {
510
694
  background-color: var(--secondary-light);
695
+ outline: none;
511
696
  }
512
697
 
513
698
  .Editor-option--active {
package/dist/rich-text-editor.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["webpack://richText/./src/controls/FontSize/Component/styles.css","webpack://richText/./src/controls/FontFamily/Component/styles.css","webpack://richText/./src/controls/TextAlign/Component/styles.css","webpack://richText/./src/controls/Embedded/Component/styles.css","webpack://richText/./src/controls/Emoji/Component/styles.css","webpack://richText/./src/controls/Remove/Component/styles.css","webpack://richText/./src/controls/History/Component/styles.css","webpack://richText/./css/Draft.css","webpack://richText/./css/src/components/toolbar.css","webpack://richText/./css/src/components/editor.css","webpack://richText/./css/src/components/colorPicker.css","webpack://richText/./css/src/components/textDecoration.css","webpack://richText/./css/src/components/insert.css","webpack://richText/./css/src/components/dropdown.css","webpack://richText/./css/src/components/option.css","webpack://richText/./css/src/components/utils.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACjBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACtCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACvGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AChCA;AACA;AACA;AACA;AACA;AACA;AACA;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2EAA2E,eAAe,mBAAmB,eAAe,kDAAkD,8CAA8C,kBAAkB,kBAAkB,6BAA6B,qCAAqC,mCAAmC,kBAAkB,UAAU,0BAA0B,kBAAkB,uDAAuD,gBAAgB,2DAA2D,OAAO,gBAAgB,yDAAyD,kBAAkB,6DAA6D,cAAc,kBAAkB,WAAW,wDAAwD,iBAAiB,4DAA4D,QAAQ,iBAAiB,oCAAoC,cAAc,kBAAkB,UAAU,wCAAwC,cAAc,+BAA+B,aAAa,gCAAgC,kBAAkB,qBAAqB,8BAA8B,cAAc,gBAAgB,8BAA8B,cAAc,iBAAiB,kCAAkC,cAAc,kCAAkC,cAAc,0DAA0D,SAAS,UAAU,kEAAkE,kBAAkB,kEAAkE,mBAAmB,kEAAkE,gBAAgB,kEAAkE,iBAAiB,kEAAkE,kBAAkB,kEAAkE,mBAAmB,kEAAkE,gBAAgB,kEAAkE,iBAAiB,kEAAkE,kBAAkB,kEAAkE,mBAAmB,4CAA4C,uBAAuB,kBAAkB,4EAA4E,qBAAqB,4EAA4E,uBAAuB,0CAA0C,qBAAqB,kBAAkB,kFAAkF,WAAW,kBAAkB,iBAAiB,WAAW,kFAAkF,kBAAkB,YAAY,gBAAgB,WAAW,iDAAiD,0BAA0B,sBAAsB,iFAAiF,0BAA0B,sBAAsB,iFAAiF,0BAA0B,sBAAsB,iFAAiF,0BAA0B,sBAAsB,iFAAiF,0BAA0B,sBAAsB,gEAAgE,kBAAkB,gEAAgE,kBAAkB,gEAAgE,kBAAkB,gEAAgE,kBAAkB,gEAAgE;;AAEt2H;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,C;ACrBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACtCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACzDA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACrBA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACvDA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AC/CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACjBA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"rich-text-editor.css","sourcesContent":[".rdw-fontsize-wrapper {\n display: flex;\n align-items: center;\n margin-bottom: 6px;\n flex-wrap: wrap\n}\n.rdw-fontsize-dropdown {\n min-width: 40px;\n}\n.rdw-fontsize-option {\n display: flex;\n justify-content: center;\n}\n",".rdw-fontfamily-wrapper {\n display: flex;\n align-items: center;\n margin-bottom: 6px;\n flex-wrap: wrap\n}\n.rdw-fontfamily-dropdown {\n width: 115px;\n}\n.rdw-fontfamily-placeholder {\n white-space: nowrap;\n max-width: 90px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.rdw-fontfamily-optionwrapper {\n width: 140px;\n}\n",".rdw-text-align-wrapper {\n display: flex;\n align-items: center;\n margin-bottom: 6px;\n flex-wrap: wrap\n}\n.rdw-text-align-dropdown {\n width: 50px;\n z-index: 90;\n}\n.rdw-text-align-dropdownOption {\n height: 40px;\n display: flex;\n justify-content: center;\n}\n.rdw-right-aligned-block {\n text-align: right;\n}\n.rdw-left-aligned-block {\n text-align: left !important;\n}\n.rdw-center-aligned-block {\n text-align: center !important;\n}\n.rdw-justify-aligned-block {\n text-align: justify !important;\n}\n.rdw-right-aligned-block > div {\n display: inline-block;\n}\n.rdw-left-aligned-block > div {\n display: inline-block;\n}\n.rdw-center-aligned-block > div {\n display: inline-block;\n}\n.rdw-justify-aligned-block > div {\n display: inline-block;\n}\n",".rdw-embedded-wrapper {\n display: flex;\n align-items: center;\n margin-bottom: 6px;\n position: relative;\n flex-wrap: wrap\n}\n.rdw-embedded-modal {\n position: absolute;\n top: 35px;\n left: 5px;\n display: flex;\n flex-direction: column;\n width: 235px;\n height: 180px;\n border: 1px solid #F1F1F1;\n padding: 15px;\n border-radius: 2px;\n z-index: 100;\n background: white;\n justify-content: space-between;\n box-shadow: 3px 3px 5px #BFBDBD;\n}\n.rdw-embedded-modal-header {\n font-size: 15px;\n display: flex;\n}\n.rdw-embedded-modal-header-option {\n width: 50%;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n}\n.rdw-embedded-modal-header-label {\n width: 95px;\n border: 1px solid #f1f1f1;\n margin-top: 5px;\n background: #6EB8D4;\n border-bottom: 2px solid #0a66b7;\n}\n.rdw-embedded-modal-link-section {\n display: flex;\n flex-direction: column;\n}\n.rdw-embedded-modal-link-input {\n width: 88%;\n height: 35px;\n margin: 10px 0;\n border: 1px solid #F1F1F1;\n border-radius: 2px;\n font-size: 15px;\n padding: 0 5px;\n}\n.rdw-embedded-modal-link-input-wrapper {\n display: flex;\n align-items: center;\n}\n.rdw-embedded-modal-link-input:focus {\n outline: none;\n}\n.rdw-embedded-modal-btn-section {\n display: flex;\n justify-content: center;\n}\n.rdw-embedded-modal-btn {\n margin: 0 3px;\n width: 75px;\n height: 30px;\n border: 1px solid #F1F1F1;\n border-radius: 2px;\n cursor: pointer;\n background: white;\n text-transform: capitalize;\n}\n.rdw-embedded-modal-btn:hover {\n box-shadow: 1px 1px 0px #BFBDBD;\n}\n.rdw-embedded-modal-btn:active {\n box-shadow: 1px 1px 0px #BFBDBD inset;\n}\n.rdw-embedded-modal-btn:focus {\n outline: none !important;\n}\n.rdw-embedded-modal-btn:disabled {\n background: #ece9e9;\n}\n.rdw-embedded-modal-size {\n align-items: center;\n display: flex;\n margin: 8px 0;\n justify-content: space-between;\n}\n.rdw-embedded-modal-size-input {\n width: 80%;\n height: 20px;\n border: 1px solid #F1F1F1;\n border-radius: 2px;\n font-size: 12px;\n}\n.rdw-embedded-modal-size-input:focus {\n outline: none;\n}\n",".rdw-emoji-wrapper {\n display: flex;\n align-items: center;\n margin-bottom: 6px;\n position: relative;\n flex-wrap: wrap\n}\n.rdw-emoji-modal {\n overflow: auto;\n position: absolute;\n top: 35px;\n left: 5px;\n display: flex;\n flex-wrap: wrap;\n width: 235px;\n height: 180px;\n border: 1px solid #F1F1F1;\n padding: 15px;\n border-radius: 2px;\n z-index: 100;\n background: white;\n box-shadow: 3px 3px 5px #BFBDBD;\n}\n.rdw-emoji-icon {\n margin: 2.5px;\n height: 24px;\n width: 24px;\n cursor: pointer;\n font-size: 22px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n",".rdw-remove-wrapper {\n display: flex;\n align-items: center;\n margin-bottom: 6px;\n position: relative;\n flex-wrap: wrap\n}\n",".rdw-history-wrapper {\n display: flex;\n align-items: center;\n margin-bottom: 6px;\n flex-wrap: wrap\n}\n.rdw-history-dropdownoption {\n height: 40px;\n display: flex;\n justify-content: center;\n}\n.rdw-history-dropdown {\n width: 50px;\n}\n","/**\n * Draft v0.9.1\n *\n * Copyright (c) 2013-present, Facebook, Inc.\n * All rights reserved.\n *\n * This source code is licensed under the BSD-style license found in the\n * LICENSE file in the root directory of this source tree. An additional grant\n * of patent rights can be found in the PATENTS file in the same directory.\n */\n.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial;overflow:auto;}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) \". \";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) \". \";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) \". \";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) \". \";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) \". \";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}\n\n.public-DraftEditor-content::-webkit-scrollbar {\n width: var(--spacing-2);\n}\n\n.public-DraftEditor-content::-webkit-scrollbar-thumb {\n border: var(--spacing-s) solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: var(--spacing);\n background-color: var(--secondary-dark);\n}",".Editor-toolbar {\n display: flex;\n justify-content: flex-start;\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n padding-left: var(--spacing-m);\n border-radius: 3px;\n background-color: var(--secondary-lightest);\n user-select: none;\n flex-wrap: wrap;\n}\n\n.Editor-toolbar-options {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n height: var(--spacing-3);\n border-right: var(--border);\n}\n\n.Editor-toolbar-insert {\n display: flex;\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n height: var(--spacing-3);\n}\n\n.Editor-heading-trigger {\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: relative;\n height: var(--spacing-3);\n padding-right: var(--spacing);\n padding-left: var(--spacing);\n}\n\n.Editor-heading-option {\n white-space: nowrap;\n}\n",".Editor {\n box-sizing: border-box;\n margin-top: var(--spacing);\n margin-bottom: var(--spacing);\n margin-left: var(--spacing-l);\n}\n\n.Editor p {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.Editor-wrapper {\n box-sizing: content-box;\n border-radius: var(--spacing-m);\n border: var(--border);\n}\n\n.Editor-wrapper:focus {\n outline: none;\n}\n\n.Editor-seperator {\n margin-left: var(--spacing);\n margin-right: var(--spacing);\n background-color: var(--secondary);\n width: var(--spacing-xs);\n height: 24px;\n}\n\n.Editor-mention-dropdown {\n display: flex;\n flex-direction: column;\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n min-width: var(--spacing-7);\n max-height: 150px;\n overflow: auto;\n}\n\n.Editor-mention-chip {\n display: inline-flex;\n}\n\n.Editor-mention-dropdown::-webkit-scrollbar {\n width: var(--spacing);\n}\n\n.Editor-mention-dropdown::-webkit-scrollbar-thumb {\n background: var(--secondary);\n border-radius: var(--spacing-m);\n}\n\nfigure {\n margin: 0;\n padding: 0;\n cursor: pointer;\n}\n",".Editor-colorPicker {\n display: flex;\n padding: var(--spacing) 0 var(--spacing) var(--spacing);\n}\n \n.Editor-colorPicker-circleWrapper {\n margin-right: var(--spacing);\n position: relative;\n}\n \n.Editor-colorPicker-circle {\n height: var(--spacing-xl);\n width: var(--spacing-xl);\n border-radius: 50%;\n cursor: pointer;\n}\n \n.Editor-colorPicker-selectedCircle {\n position: absolute;\n top: var(--spacing-m);\n left: var(--spacing-m);\n}\n ",".Editor-textDecoration {\n display: flex;\n align-items: center;\n}\n\n.Editor-textDecoration-moreIcon {\n display: flex;\n align-items: center;\n justify-content: center;\n height: var(--spacing-3);\n width: var(--spacing-3);\n}",".Editor-insert-imageLabel {\n cursor: pointer;\n height: 100%;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.Editor-insert-imageInput {\n height: 0px;\n width: 0px;\n opacity: 0;\n\toverflow: hidden;\n\tposition: absolute;\n\tz-index: -1;\n}\n\n.Editor-image {\n box-sizing: border-box;\n}\n\n.Editor-image-options {\n height: 48px;\n width: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: var(--spacing-m);\n}\n\n.Editor-image--delete {\n border-radius: var(--spacing-m);\n border: var(--spacing-xs) solid var(--primary-lighter);\n}\n\n.Editor-link {\n max-width: var(--spacing-9);\n margin-right: var(--spacing-m);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.Editor-linkButtons {\n height: var(--spacing-3);\n width: var(--spacing-3);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n\n.Editor-mention-suggestion {\n position: relative;\n}\n",".Editor-dropdown {\n height: var(--spacing-3);\n position: relative;\n cursor: pointer;\n border-radius: var(--spacing-m);\n text-transform: capitalize;\n}\n\n.Editor-dropdown:focus {\n outline: none;\n}\n\n.Editor-dropdown:hover {\n background-color: var(--secondary-light);\n}\n\n.Editor-dropdown:active,\n.Editor-dropdown--expanded {\n background-color: var(--secondary) !important;\n}\n\n.Editor-dropdown-optionWrapper {\n z-index: 500;\n position: absolute;\n margin-top: var(--spacing);\n box-shadow: var(--shadow-l);\n background: var(--white);\n padding: var(--spacing-m) 0 var(--spacing-m) 0;\n}\n\n.Editor-dropdown-option {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-l);\n padding-right: var(--spacing-l);\n padding-top: 6px;\n padding-bottom: 6px;\n}\n\n.Editor-dropdown-option:hover,\n.Editor-dropdown-option--highlight {\n background-color: var(--secondary-lightest);\n cursor: pointer;\n}\n\n.Editor-dropdown-option--active {\n background-color: var(--primary) !important;\n}\n",".Editor-option {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n text-transform: capitalize;\n height: var(--spacing-3);\n width: var(--spacing-3);\n border-radius: var(--spacing-m);\n}\n\n.Editor-option:hover {\n background-color: var(--secondary-light);\n}\n\n.Editor-option--active {\n background-color: var(--primary-lightest) !important;\n}\n",".bg-secondary {\n background-color: var(--secondary);\n}\n\n.bg-primary-lightest {\n background-color: var(--primary-lightest);\n}\n\ndiv {\n margin: 0px;\n}\n"],"sourceRoot":""}
1
+ {"version":3,"sources":["webpack://richText/./src/controls/FontSize/Component/styles.css","webpack://richText/./src/controls/FontFamily/Component/styles.css","webpack://richText/./src/controls/TextAlign/Component/styles.css","webpack://richText/./src/controls/Embedded/Component/styles.css","webpack://richText/./src/controls/Emoji/Component/styles.css","webpack://richText/./src/controls/Remove/Component/styles.css","webpack://richText/./src/controls/History/Component/styles.css","webpack://richText/./css/Draft.css","webpack://richText/./css/src/components/toolbar.css","webpack://richText/./css/src/components/editor.css","webpack://richText/./css/src/components/colorPicker.css","webpack://richText/./css/src/components/textDecoration.css","webpack://richText/./css/src/components/insert.css","webpack://richText/./css/src/components/dropdown.css","webpack://richText/./css/src/components/option.css","webpack://richText/./css/src/components/utils.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACjBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACtCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACvGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AChCA;AACA;AACA;AACA;AACA;AACA;AACA;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;ACpMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACtCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACzDA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACrBA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;ACXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACvDA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACrDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACnBA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"rich-text-editor.css","sourcesContent":[".rdw-fontsize-wrapper {\n display: flex;\n align-items: center;\n margin-bottom: 6px;\n flex-wrap: wrap;\n}\n.rdw-fontsize-dropdown {\n min-width: 40px;\n}\n.rdw-fontsize-option {\n display: flex;\n justify-content: center;\n}\n",".rdw-fontfamily-wrapper {\n display: flex;\n align-items: center;\n margin-bottom: 6px;\n flex-wrap: wrap;\n}\n.rdw-fontfamily-dropdown {\n width: 115px;\n}\n.rdw-fontfamily-placeholder {\n white-space: nowrap;\n max-width: 90px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.rdw-fontfamily-optionwrapper {\n width: 140px;\n}\n",".rdw-text-align-wrapper {\n display: flex;\n align-items: center;\n margin-bottom: 6px;\n flex-wrap: wrap;\n}\n.rdw-text-align-dropdown {\n width: 50px;\n z-index: 90;\n}\n.rdw-text-align-dropdownOption {\n height: 40px;\n display: flex;\n justify-content: center;\n}\n.rdw-right-aligned-block {\n text-align: right;\n}\n.rdw-left-aligned-block {\n text-align: left !important;\n}\n.rdw-center-aligned-block {\n text-align: center !important;\n}\n.rdw-justify-aligned-block {\n text-align: justify !important;\n}\n.rdw-right-aligned-block > div {\n display: inline-block;\n}\n.rdw-left-aligned-block > div {\n display: inline-block;\n}\n.rdw-center-aligned-block > div {\n display: inline-block;\n}\n.rdw-justify-aligned-block > div {\n display: inline-block;\n}\n",".rdw-embedded-wrapper {\n display: flex;\n align-items: center;\n margin-bottom: 6px;\n position: relative;\n flex-wrap: wrap;\n}\n.rdw-embedded-modal {\n position: absolute;\n top: 35px;\n left: 5px;\n display: flex;\n flex-direction: column;\n width: 235px;\n height: 180px;\n border: 1px solid #f1f1f1;\n padding: 15px;\n border-radius: 2px;\n z-index: 100;\n background: white;\n justify-content: space-between;\n box-shadow: 3px 3px 5px #bfbdbd;\n}\n.rdw-embedded-modal-header {\n font-size: 15px;\n display: flex;\n}\n.rdw-embedded-modal-header-option {\n width: 50%;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n}\n.rdw-embedded-modal-header-label {\n width: 95px;\n border: 1px solid #f1f1f1;\n margin-top: 5px;\n background: #6eb8d4;\n border-bottom: 2px solid #0a66b7;\n}\n.rdw-embedded-modal-link-section {\n display: flex;\n flex-direction: column;\n}\n.rdw-embedded-modal-link-input {\n width: 88%;\n height: 35px;\n margin: 10px 0;\n border: 1px solid #f1f1f1;\n border-radius: 2px;\n font-size: 15px;\n padding: 0 5px;\n}\n.rdw-embedded-modal-link-input-wrapper {\n display: flex;\n align-items: center;\n}\n.rdw-embedded-modal-link-input:focus {\n outline: none;\n}\n.rdw-embedded-modal-btn-section {\n display: flex;\n justify-content: center;\n}\n.rdw-embedded-modal-btn {\n margin: 0 3px;\n width: 75px;\n height: 30px;\n border: 1px solid #f1f1f1;\n border-radius: 2px;\n cursor: pointer;\n background: white;\n text-transform: capitalize;\n}\n.rdw-embedded-modal-btn:hover {\n box-shadow: 1px 1px 0px #bfbdbd;\n}\n.rdw-embedded-modal-btn:active {\n box-shadow: 1px 1px 0px #bfbdbd inset;\n}\n.rdw-embedded-modal-btn:focus {\n outline: none !important;\n}\n.rdw-embedded-modal-btn:disabled {\n background: #ece9e9;\n}\n.rdw-embedded-modal-size {\n align-items: center;\n display: flex;\n margin: 8px 0;\n justify-content: space-between;\n}\n.rdw-embedded-modal-size-input {\n width: 80%;\n height: 20px;\n border: 1px solid #f1f1f1;\n border-radius: 2px;\n font-size: 12px;\n}\n.rdw-embedded-modal-size-input:focus {\n outline: none;\n}\n",".rdw-emoji-wrapper {\n display: flex;\n align-items: center;\n margin-bottom: 6px;\n position: relative;\n flex-wrap: wrap;\n}\n.rdw-emoji-modal {\n overflow: auto;\n position: absolute;\n top: 35px;\n left: 5px;\n display: flex;\n flex-wrap: wrap;\n width: 235px;\n height: 180px;\n border: 1px solid #f1f1f1;\n padding: 15px;\n border-radius: 2px;\n z-index: 100;\n background: white;\n box-shadow: 3px 3px 5px #bfbdbd;\n}\n.rdw-emoji-icon {\n margin: 2.5px;\n height: 24px;\n width: 24px;\n cursor: pointer;\n font-size: 22px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n",".rdw-remove-wrapper {\n display: flex;\n align-items: center;\n margin-bottom: 6px;\n position: relative;\n flex-wrap: wrap;\n}\n",".rdw-history-wrapper {\n display: flex;\n align-items: center;\n margin-bottom: 6px;\n flex-wrap: wrap;\n}\n.rdw-history-dropdownoption {\n height: 40px;\n display: flex;\n justify-content: center;\n}\n.rdw-history-dropdown {\n width: 50px;\n}\n","/**\n * Draft v0.9.1\n *\n * Copyright (c) 2013-present, Facebook, Inc.\n * All rights reserved.\n *\n * This source code is licensed under the BSD-style license found in the\n * LICENSE file in the root directory of this source tree. An additional grant\n * of patent rights can be found in the PATENTS file in the same directory.\n */\n.hide-placeholder .public-DraftEditorPlaceholder-inner {\n display: none;\n}\n\n.DraftEditor-editorContainer,\n.DraftEditor-root,\n.public-DraftEditor-content {\n height: inherit;\n text-align: initial;\n overflow: auto;\n}\n.public-DraftEditor-content[contenteditable='true'] {\n -webkit-user-modify: read-write-plaintext-only;\n}\n.DraftEditor-root {\n position: relative;\n}\n.DraftEditor-editorContainer {\n background-color: rgba(255, 255, 255, 0);\n border-left: 0.1px solid transparent;\n position: relative;\n z-index: 1;\n}\n.public-DraftEditor-block {\n position: relative;\n}\n.DraftEditor-alignLeft .public-DraftStyleDefault-block {\n text-align: left;\n}\n.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {\n left: 0;\n text-align: left;\n}\n.DraftEditor-alignCenter .public-DraftStyleDefault-block {\n text-align: center;\n}\n.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {\n margin: 0 auto;\n text-align: center;\n width: 100%;\n}\n.DraftEditor-alignRight .public-DraftStyleDefault-block {\n text-align: right;\n}\n.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {\n right: 0;\n text-align: right;\n}\n.public-DraftEditorPlaceholder-root {\n color: #9197a3;\n position: absolute;\n z-index: 0;\n}\n.public-DraftEditorPlaceholder-hasFocus {\n color: #bdc1c9;\n}\n.DraftEditorPlaceholder-hidden {\n display: none;\n}\n.public-DraftStyleDefault-block {\n position: relative;\n white-space: pre-wrap;\n}\n.public-DraftStyleDefault-ltr {\n direction: ltr;\n text-align: left;\n}\n.public-DraftStyleDefault-rtl {\n direction: rtl;\n text-align: right;\n}\n.public-DraftStyleDefault-listLTR {\n direction: ltr;\n}\n.public-DraftStyleDefault-listRTL {\n direction: rtl;\n}\n.public-DraftStyleDefault-ol,\n.public-DraftStyleDefault-ul {\n margin: 0;\n padding: 0;\n}\n.public-DraftStyleDefault-ol {\n margin-left: 1em;\n}\n.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {\n margin-left: 1.5em;\n}\n.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {\n margin-right: 1.5em;\n}\n.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {\n margin-left: 3em;\n}\n.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {\n margin-right: 3em;\n}\n.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {\n margin-left: 4.5em;\n}\n.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {\n margin-right: 4.5em;\n}\n.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {\n margin-left: 6em;\n}\n.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {\n margin-right: 6em;\n}\n.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {\n margin-left: 7.5em;\n}\n.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {\n margin-right: 7.5em;\n}\n.public-DraftStyleDefault-unorderedListItem {\n list-style-type: square;\n position: relative;\n}\n.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {\n list-style-type: disc;\n}\n.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {\n list-style-type: circle;\n}\n.public-DraftStyleDefault-orderedListItem {\n list-style-type: none;\n position: relative;\n}\n.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {\n left: -36px;\n position: absolute;\n text-align: right;\n width: 30px;\n}\n.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {\n position: absolute;\n right: -36px;\n text-align: left;\n width: 30px;\n}\n.public-DraftStyleDefault-orderedListItem:before {\n content: counter(ol0) '. ';\n counter-increment: ol0;\n}\n.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {\n content: counter(ol1) '. ';\n counter-increment: ol1;\n}\n.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {\n content: counter(ol2) '. ';\n counter-increment: ol2;\n}\n.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {\n content: counter(ol3) '. ';\n counter-increment: ol3;\n}\n.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {\n content: counter(ol4) '. ';\n counter-increment: ol4;\n}\n.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {\n counter-reset: ol0;\n}\n.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {\n counter-reset: ol1;\n}\n.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {\n counter-reset: ol2;\n}\n.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {\n counter-reset: ol3;\n}\n.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {\n counter-reset: ol4;\n}\n\n.public-DraftEditor-content::-webkit-scrollbar {\n width: var(--spacing-2);\n}\n\n.public-DraftEditor-content::-webkit-scrollbar-thumb {\n border: var(--spacing-s) solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: var(--spacing);\n background-color: var(--secondary-dark);\n}\n",".Editor-toolbar {\n display: flex;\n justify-content: flex-start;\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n padding-left: var(--spacing-m);\n border-radius: 3px;\n background-color: var(--secondary-lightest);\n user-select: none;\n flex-wrap: wrap;\n}\n\n.Editor-toolbar-options {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n height: var(--spacing-3);\n border-right: var(--border);\n}\n\n.Editor-toolbar-insert {\n display: flex;\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n height: var(--spacing-3);\n}\n\n.Editor-heading-trigger {\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: relative;\n height: var(--spacing-3);\n padding-right: var(--spacing);\n padding-left: var(--spacing);\n}\n\n.Editor-heading-option {\n white-space: nowrap;\n}\n",".Editor {\n box-sizing: border-box;\n margin-top: var(--spacing);\n margin-bottom: var(--spacing);\n margin-left: var(--spacing-l);\n}\n\n.Editor p {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.Editor-wrapper {\n box-sizing: content-box;\n border-radius: var(--spacing-m);\n border: var(--border);\n}\n\n.Editor-wrapper:focus {\n outline: none;\n}\n\n.Editor-seperator {\n margin-left: var(--spacing);\n margin-right: var(--spacing);\n background-color: var(--secondary);\n width: var(--spacing-xs);\n height: 24px;\n}\n\n.Editor-mention-dropdown {\n display: flex;\n flex-direction: column;\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n min-width: var(--spacing-7);\n max-height: 150px;\n overflow: auto;\n}\n\n.Editor-mention-chip {\n display: inline-flex;\n}\n\n.Editor-mention-dropdown::-webkit-scrollbar {\n width: var(--spacing);\n}\n\n.Editor-mention-dropdown::-webkit-scrollbar-thumb {\n background: var(--secondary);\n border-radius: var(--spacing-m);\n}\n\nfigure {\n margin: 0;\n padding: 0;\n cursor: pointer;\n}\n",".Editor-colorPicker {\n display: flex;\n padding: var(--spacing) 0 var(--spacing) var(--spacing);\n}\n\n.Editor-colorPicker-circleWrapper {\n margin-right: var(--spacing);\n position: relative;\n}\n\n.Editor-colorPicker-circle {\n height: var(--spacing-xl);\n width: var(--spacing-xl);\n border-radius: 50%;\n cursor: pointer;\n}\n\n.Editor-colorPicker-selectedCircle {\n position: absolute;\n top: var(--spacing-m);\n left: var(--spacing-m);\n}\n",".Editor-textDecoration {\n display: flex;\n align-items: center;\n}\n\n.Editor-textDecoration-moreIcon {\n display: flex;\n align-items: center;\n justify-content: center;\n height: var(--spacing-3);\n width: var(--spacing-3);\n}\n",".Editor-insert-imageLabel {\n cursor: pointer;\n height: 100%;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.Editor-insert-imageInput {\n height: 0px;\n width: 0px;\n opacity: 0;\n overflow: hidden;\n position: absolute;\n z-index: -1;\n}\n\n.Editor-image {\n box-sizing: border-box;\n}\n\n.Editor-image-options {\n height: 48px;\n width: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: var(--spacing-m);\n}\n\n.Editor-image--delete {\n border-radius: var(--spacing-m);\n border: var(--spacing-xs) solid var(--primary-lighter);\n}\n\n.Editor-link {\n max-width: var(--spacing-9);\n margin-right: var(--spacing-m);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.Editor-linkButtons {\n height: var(--spacing-3);\n width: var(--spacing-3);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n\n.Editor-mention-suggestion {\n position: relative;\n}\n",".Editor-dropdown {\n height: var(--spacing-3);\n position: relative;\n cursor: pointer;\n border-radius: var(--spacing-m);\n text-transform: capitalize;\n}\n\n.Editor-dropdown:focus {\n outline: none;\n}\n\n.Editor-dropdown:hover {\n background-color: var(--secondary-light);\n}\n\n.Editor-dropdown:active,\n.Editor-dropdown--expanded {\n background-color: var(--secondary) !important;\n}\n\n.Editor-dropdown-optionWrapper {\n z-index: 500;\n position: absolute;\n margin-top: var(--spacing);\n box-shadow: var(--shadow-l);\n background: var(--white);\n padding: var(--spacing-m) 0 var(--spacing-m) 0;\n}\n\n.Editor-dropdown-optionWrapper:focus {\n outline: none;\n}\n\n.Editor-dropdown-option {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-l);\n padding-right: var(--spacing-l);\n padding-top: 6px;\n padding-bottom: 6px;\n}\n\n.Editor-dropdown-option:hover,\n.Editor-dropdown-option:focus,\n.Editor-dropdown-option--highlight {\n background-color: var(--secondary-lightest);\n cursor: pointer;\n outline: none;\n}\n\n.Editor-dropdown-option--active {\n background-color: var(--primary) !important;\n}\n",".Editor-option {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n text-transform: capitalize;\n height: var(--spacing-3);\n width: var(--spacing-3);\n border-radius: var(--spacing-m);\n}\n\n.Editor-option:hover,\n.Editor-option:focus {\n background-color: var(--secondary-light);\n outline: none;\n}\n\n.Editor-option--active {\n background-color: var(--primary-lightest) !important;\n}\n",".bg-secondary {\n background-color: var(--secondary);\n}\n\n.bg-primary-lightest {\n background-color: var(--primary-lightest);\n}\n\ndiv {\n margin: 0px;\n}\n"],"sourceRoot":""}