decap-cms-core 3.2.4 → 3.2.6

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 (136) hide show
  1. package/dist/decap-cms-core.js +9 -9
  2. package/dist/decap-cms-core.js.map +1 -1
  3. package/dist/esm/actions/auth.js +6 -12
  4. package/dist/esm/actions/config.js +5 -8
  5. package/dist/esm/actions/deploys.js +3 -6
  6. package/dist/esm/actions/editorialWorkflow.js +19 -36
  7. package/dist/esm/actions/entries.js +35 -68
  8. package/dist/esm/actions/media.js +6 -12
  9. package/dist/esm/actions/mediaLibrary.js +19 -36
  10. package/dist/esm/actions/notifications.js +3 -6
  11. package/dist/esm/actions/search.js +29 -19
  12. package/dist/esm/actions/status.js +3 -6
  13. package/dist/esm/backend.js +19 -11
  14. package/dist/esm/bootstrap.js +11 -12
  15. package/dist/esm/components/App/App.js +49 -50
  16. package/dist/esm/components/App/Header.js +42 -43
  17. package/dist/esm/components/App/NotFoundPage.js +5 -6
  18. package/dist/esm/components/Collection/Collection.js +23 -24
  19. package/dist/esm/components/Collection/CollectionControls.js +9 -10
  20. package/dist/esm/components/Collection/CollectionSearch.js +36 -37
  21. package/dist/esm/components/Collection/CollectionTop.js +18 -19
  22. package/dist/esm/components/Collection/ControlButton.js +6 -6
  23. package/dist/esm/components/Collection/Entries/Entries.js +15 -16
  24. package/dist/esm/components/Collection/Entries/EntriesCollection.js +11 -12
  25. package/dist/esm/components/Collection/Entries/EntriesSearch.js +3 -4
  26. package/dist/esm/components/Collection/Entries/EntryCard.js +35 -36
  27. package/dist/esm/components/Collection/Entries/EntryListing.js +10 -10
  28. package/dist/esm/components/Collection/FilterControl.js +5 -6
  29. package/dist/esm/components/Collection/GroupControl.js +5 -6
  30. package/dist/esm/components/Collection/NestedCollection.js +40 -41
  31. package/dist/esm/components/Collection/Sidebar.js +27 -28
  32. package/dist/esm/components/Collection/SortControl.js +5 -6
  33. package/dist/esm/components/Collection/ViewStyleControl.js +15 -16
  34. package/dist/esm/components/Editor/Editor.js +5 -6
  35. package/dist/esm/components/Editor/EditorControlPane/EditorControl.js +24 -26
  36. package/dist/esm/components/Editor/EditorControlPane/EditorControlPane.js +39 -39
  37. package/dist/esm/components/Editor/EditorControlPane/Widget.js +2 -2
  38. package/dist/esm/components/Editor/EditorInterface.js +67 -68
  39. package/dist/esm/components/Editor/EditorPreviewPane/EditorPreview.js +8 -8
  40. package/dist/esm/components/Editor/EditorPreviewPane/EditorPreviewContent.js +3 -4
  41. package/dist/esm/components/Editor/EditorPreviewPane/EditorPreviewPane.js +18 -19
  42. package/dist/esm/components/Editor/EditorPreviewPane/PreviewHOC.js +1 -2
  43. package/dist/esm/components/Editor/EditorToolbar.js +155 -156
  44. package/dist/esm/components/Editor/withWorkflow.js +4 -4
  45. package/dist/esm/components/EditorWidgets/Unknown/UnknownControl.js +3 -4
  46. package/dist/esm/components/EditorWidgets/Unknown/UnknownPreview.js +3 -4
  47. package/dist/esm/components/MediaLibrary/EmptyMessage.js +6 -7
  48. package/dist/esm/components/MediaLibrary/MediaLibrary.js +7 -8
  49. package/dist/esm/components/MediaLibrary/MediaLibraryButtons.js +17 -21
  50. package/dist/esm/components/MediaLibrary/MediaLibraryCard.js +25 -26
  51. package/dist/esm/components/MediaLibrary/MediaLibraryCardGrid.js +29 -30
  52. package/dist/esm/components/MediaLibrary/MediaLibraryHeader.js +10 -11
  53. package/dist/esm/components/MediaLibrary/MediaLibraryModal.js +10 -12
  54. package/dist/esm/components/MediaLibrary/MediaLibrarySearch.js +15 -16
  55. package/dist/esm/components/MediaLibrary/MediaLibraryTop.js +27 -28
  56. package/dist/esm/components/UI/DragDrop.js +3 -3
  57. package/dist/esm/components/UI/ErrorBoundary.js +15 -16
  58. package/dist/esm/components/UI/FileUploadButton.js +3 -3
  59. package/dist/esm/components/UI/Modal.js +5 -5
  60. package/dist/esm/components/UI/Notifications.js +7 -8
  61. package/dist/esm/components/UI/SettingsDropdown.js +41 -42
  62. package/dist/esm/components/Workflow/Workflow.js +21 -22
  63. package/dist/esm/components/Workflow/WorkflowCard.js +44 -45
  64. package/dist/esm/components/Workflow/WorkflowList.js +56 -57
  65. package/dist/esm/constants/collectionTypes.js +2 -4
  66. package/dist/esm/constants/collectionViews.js +2 -4
  67. package/dist/esm/constants/commitProps.js +2 -4
  68. package/dist/esm/constants/configSchema.js +4 -4
  69. package/dist/esm/constants/fieldInference.js +8 -11
  70. package/dist/esm/constants/publishModes.js +6 -11
  71. package/dist/esm/constants/validationErrorTypes.js +2 -3
  72. package/dist/esm/formats/formats.js +5 -8
  73. package/dist/esm/formats/frontmatter.js +3 -4
  74. package/dist/esm/formats/json.js +2 -3
  75. package/dist/esm/formats/toml.js +2 -3
  76. package/dist/esm/formats/yaml.js +2 -3
  77. package/dist/esm/index.js +4 -6
  78. package/dist/esm/integrations/index.js +2 -3
  79. package/dist/esm/integrations/providers/algolia/implementation.js +2 -2
  80. package/dist/esm/integrations/providers/assetStore/implementation.js +2 -2
  81. package/dist/esm/lib/formatters.js +2 -2
  82. package/dist/esm/lib/i18n.js +5 -8
  83. package/dist/esm/lib/registry.js +3 -4
  84. package/dist/esm/lib/urlHelper.js +2 -2
  85. package/dist/esm/reducers/auth.js +2 -4
  86. package/dist/esm/reducers/collections.js +3 -4
  87. package/dist/esm/reducers/combinedReducer.js +3 -4
  88. package/dist/esm/reducers/config.js +3 -4
  89. package/dist/esm/reducers/cursors.js +1 -2
  90. package/dist/esm/reducers/deploys.js +1 -2
  91. package/dist/esm/reducers/editorialWorkflow.js +3 -4
  92. package/dist/esm/reducers/entries.js +3 -4
  93. package/dist/esm/reducers/entryDraft.js +5 -6
  94. package/dist/esm/reducers/globalUI.js +1 -2
  95. package/dist/esm/reducers/index.js +15 -12
  96. package/dist/esm/reducers/integrations.js +3 -4
  97. package/dist/esm/reducers/mediaLibrary.js +6 -8
  98. package/dist/esm/reducers/medias.js +1 -2
  99. package/dist/esm/reducers/notifications.js +5 -7
  100. package/dist/esm/reducers/search.js +13 -4
  101. package/dist/esm/reducers/status.js +1 -2
  102. package/dist/esm/redux/index.js +1 -2
  103. package/dist/esm/redux/middleware/waitUntilAction.js +1 -2
  104. package/dist/esm/routing/history.js +1 -2
  105. package/dist/esm/types/redux.js +2 -3
  106. package/dist/esm/valueObjects/EditorComponent.js +2 -2
  107. package/package.json +4 -4
  108. package/src/actions/__tests__/editorialWorkflow.spec.js +2 -2
  109. package/src/actions/search.ts +31 -4
  110. package/src/backend.ts +15 -2
  111. package/src/components/App/Header.js +1 -1
  112. package/src/components/Collection/ControlButton.js +1 -1
  113. package/src/components/Collection/NestedCollection.js +1 -1
  114. package/src/components/Collection/Sidebar.js +1 -1
  115. package/src/components/Collection/__tests__/__snapshots__/Collection.spec.js.snap +16 -16
  116. package/src/components/Collection/__tests__/__snapshots__/NestedCollection.spec.js.snap +143 -143
  117. package/src/components/Collection/__tests__/__snapshots__/Sidebar.spec.js.snap +36 -36
  118. package/src/components/Editor/EditorControlPane/EditorControl.js +1 -1
  119. package/src/components/Editor/EditorControlPane/EditorControlPane.js +1 -1
  120. package/src/components/Editor/EditorInterface.js +1 -1
  121. package/src/components/Editor/EditorToolbar.js +1 -1
  122. package/src/components/Editor/__tests__/__snapshots__/EditorToolbar.spec.js.snap +1000 -1102
  123. package/src/components/MediaLibrary/MediaLibraryButtons.js +1 -1
  124. package/src/components/MediaLibrary/__tests__/__snapshots__/MediaLibraryCard.spec.js.snap +94 -46
  125. package/src/components/UI/Modal.js +1 -1
  126. package/src/components/UI/SettingsDropdown.js +1 -1
  127. package/src/components/Workflow/WorkflowCard.js +1 -1
  128. package/src/components/Workflow/WorkflowList.js +1 -1
  129. package/src/constants/configSchema.js +1 -1
  130. package/src/lib/i18n.ts +1 -1
  131. package/src/reducers/__tests__/entryDraft.spec.js +1 -1
  132. package/src/reducers/__tests__/mediaLibrary.spec.js +1 -1
  133. package/src/reducers/entryDraft.js +1 -1
  134. package/src/reducers/mediaLibrary.ts +1 -1
  135. package/src/reducers/notifications.ts +1 -1
  136. package/src/reducers/search.ts +23 -1
package/src/components/Editor/__tests__/__snapshots__/EditorToolbar.spec.js.snap CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  exports[`EditorToolbar should render normal save button 1`] = `
4
4
  <DocumentFragment>
5
- .emotion-21 {
6
- box-shadow: 0 2px 6px 0 rgba(68,74,87,0.05),0 1px 3px 0 rgba(68,74,87,0.1),0 2px 54px rgba(0,0,0,0.1);
5
+ .emotion-0 {
6
+ box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
7
7
  position: fixed;
8
8
  top: 0;
9
9
  left: 0;
@@ -18,28 +18,32 @@ exports[`EditorToolbar should render normal save button 1`] = `
18
18
  display: flex;
19
19
  -webkit-box-pack: justify;
20
20
  -webkit-justify-content: space-between;
21
- -ms-flex-pack: justify;
22
21
  justify-content: space-between;
23
22
  }
24
23
 
25
- .emotion-0 {
24
+ .emotion-2 {
26
25
  color: #313d3e;
27
26
  font-size: 21px;
28
27
  font-weight: 600;
29
28
  margin-right: 16px;
30
29
  }
31
30
 
32
- .emotion-2 {
31
+ .emotion-4 {
33
32
  color: #313d3e;
34
33
  font-size: 14px;
35
34
  }
36
35
 
37
- .emotion-2 {
38
- color: #313d3e;
39
- font-size: 14px;
36
+ .emotion-6 {
37
+ margin-top: 6px;
38
+ font-size: 13px;
39
+ line-height: 1;
40
+ display: inline-block;
41
+ font-weight: 700;
42
+ text-transform: uppercase;
43
+ color: #ff003b;
40
44
  }
41
45
 
42
- .emotion-17 {
46
+ .emotion-8 {
43
47
  height: 100%;
44
48
  display: -webkit-box;
45
49
  display: -webkit-flex;
@@ -59,64 +63,11 @@ exports[`EditorToolbar should render normal save button 1`] = `
59
63
  display: flex;
60
64
  -webkit-box-pack: justify;
61
65
  -webkit-justify-content: space-between;
62
- -ms-flex-pack: justify;
63
66
  justify-content: space-between;
64
67
  padding: 0 10px;
65
68
  }
66
69
 
67
- .emotion-13 {
68
- display: -webkit-box;
69
- display: -webkit-flex;
70
- display: -ms-flexbox;
71
- display: flex;
72
- -webkit-align-items: center;
73
- -webkit-box-align: center;
74
- -ms-flex-align: center;
75
- align-items: center;
76
- }
77
-
78
- .emotion-11 {
79
- border: 0;
80
- border-radius: 5px;
81
- cursor: pointer;
82
- height: 36px;
83
- line-height: 36px;
84
- font-weight: 500;
85
- padding: 0 15px;
86
- background-color: #798291;
87
- color: #fff;
88
- margin: 0 10px;
89
- overflow: hidden;
90
- white-space: nowrap;
91
- text-overflow: ellipsis;
92
- display: block;
93
- background-color: #fcefea;
94
- color: #D60032;
95
- }
96
-
97
- @media (max-width:1200px) {
98
- .emotion-11 {
99
- padding: 0 10px;
100
- }
101
- }
102
-
103
- .emotion-15 {
104
- display: -webkit-box;
105
- display: -webkit-flex;
106
- display: -ms-flexbox;
107
- display: flex;
108
- -webkit-align-items: center;
109
- -webkit-box-align: center;
110
- -ms-flex-align: center;
111
- align-items: center;
112
- -webkit-box-pack: end;
113
- -webkit-justify-content: flex-end;
114
- -ms-flex-pack: end;
115
- justify-content: flex-end;
116
- }
117
-
118
- .emotion-19 {
119
- height: 100%;
70
+ .emotion-10 {
120
71
  display: -webkit-box;
121
72
  display: -webkit-flex;
122
73
  display: -ms-flexbox;
@@ -125,12 +76,9 @@ exports[`EditorToolbar should render normal save button 1`] = `
125
76
  -webkit-box-align: center;
126
77
  -ms-flex-align: center;
127
78
  align-items: center;
128
- border: 0 solid #dfdfe3;
129
- border-left-width: 1px;
130
- padding: 0 7px;
131
79
  }
132
80
 
133
- .emotion-9 {
81
+ .emotion-13 {
134
82
  position: relative;
135
83
  font-size: 14px;
136
84
  -webkit-user-select: none;
@@ -140,21 +88,11 @@ exports[`EditorToolbar should render normal save button 1`] = `
140
88
  margin: 0 10px;
141
89
  }
142
90
 
143
- .emotion-9 .e1jeq5dr1 {
91
+ .emotion-13 .e1jeq5dr0 {
144
92
  color: #17a2b8;
145
93
  }
146
94
 
147
- .emotion-4 {
148
- margin-top: 6px;
149
- font-size: 13px;
150
- line-height: 1;
151
- display: inline-block;
152
- font-weight: 700;
153
- text-transform: uppercase;
154
- color: #ff003b;
155
- }
156
-
157
- .emotion-6 {
95
+ .emotion-15 {
158
96
  border: 0;
159
97
  border-radius: 5px;
160
98
  cursor: pointer;
@@ -174,7 +112,7 @@ exports[`EditorToolbar should render normal save button 1`] = `
174
112
  background-color: #17a2b8;
175
113
  }
176
114
 
177
- .emotion-6:after {
115
+ .emotion-15:after {
178
116
  color: #fff;
179
117
  width: 0;
180
118
  height: 0;
@@ -190,51 +128,106 @@ exports[`EditorToolbar should render normal save button 1`] = `
190
128
  color: currentColor;
191
129
  }
192
130
 
193
- @media (max-width:1200px) {
194
- .emotion-6 {
131
+ @media (max-width: 1200px) {
132
+ .emotion-15 {
195
133
  padding-left: 10px;
196
134
  }
197
135
  }
198
136
 
137
+ .emotion-17 {
138
+ border: 0;
139
+ border-radius: 5px;
140
+ cursor: pointer;
141
+ height: 36px;
142
+ line-height: 36px;
143
+ font-weight: 500;
144
+ padding: 0 15px;
145
+ background-color: #798291;
146
+ color: #fff;
147
+ margin: 0 10px;
148
+ overflow: hidden;
149
+ white-space: nowrap;
150
+ text-overflow: ellipsis;
151
+ display: block;
152
+ background-color: #fcefea;
153
+ color: #D60032;
154
+ }
155
+
156
+ @media (max-width: 1200px) {
157
+ .emotion-17 {
158
+ padding: 0 10px;
159
+ }
160
+ }
161
+
162
+ .emotion-19 {
163
+ display: -webkit-box;
164
+ display: -webkit-flex;
165
+ display: -ms-flexbox;
166
+ display: flex;
167
+ -webkit-align-items: center;
168
+ -webkit-box-align: center;
169
+ -ms-flex-align: center;
170
+ align-items: center;
171
+ -webkit-box-pack: end;
172
+ -ms-flex-pack: end;
173
+ -webkit-justify-content: flex-end;
174
+ justify-content: flex-end;
175
+ }
176
+
177
+ .emotion-21 {
178
+ height: 100%;
179
+ display: -webkit-box;
180
+ display: -webkit-flex;
181
+ display: -ms-flexbox;
182
+ display: flex;
183
+ -webkit-align-items: center;
184
+ -webkit-box-align: center;
185
+ -ms-flex-align: center;
186
+ align-items: center;
187
+ border: 0 solid #dfdfe3;
188
+ border-left-width: 1px;
189
+ padding: 0 7px;
190
+ }
191
+
199
192
  <div
200
- class="emotion-21 emotion-22"
193
+ class="emotion-0 emotion-1"
201
194
  >
202
195
  <mock-link
203
- classname="css-h6rugo-ToolbarSectionBackLink-toolbarSection e1d2l9mo8"
196
+ classname="css-abwcjt-ToolbarSectionBackLink-toolbarSection e1d2l9mo18"
204
197
  to=""
205
198
  >
206
199
  <div
207
- class="emotion-0 emotion-1"
200
+ class="emotion-2 emotion-3"
208
201
  >
209
202
  ←
210
203
  </div>
211
204
  <div>
212
205
  <div
213
- class="emotion-2 emotion-3"
206
+ class="emotion-4 emotion-5"
214
207
  >
215
208
  editor.editorToolbar.backCollection
216
209
  </div>
217
210
  <div
218
- class="emotion-4 emotion-5"
211
+ class="emotion-6 emotion-7"
219
212
  >
220
213
  editor.editorToolbar.unsavedChanges
221
214
  </div>
222
215
  </div>
223
216
  </mock-link>
224
217
  <div
225
- class="emotion-17 emotion-18"
218
+ class="emotion-8 emotion-9"
226
219
  >
227
220
  <div
228
- class="emotion-13 emotion-14"
221
+ class="emotion-10 emotion-11"
229
222
  >
230
223
  <div>
231
224
  <div
232
- class="emotion-8 emotion-9 emotion-10"
225
+ class="emotion-12 emotion-13 emotion-14"
233
226
  >
234
227
  <span
235
228
  aria-expanded="false"
236
229
  aria-haspopup="true"
237
- class="emotion-6 emotion-7"
230
+ class="emotion-15 emotion-16"
238
231
  role="button"
239
232
  tabindex="0"
240
233
  >
@@ -244,18 +237,18 @@ exports[`EditorToolbar should render normal save button 1`] = `
244
237
  </div>
245
238
  <div>
246
239
  <button
247
- class="emotion-11 emotion-12"
240
+ class="emotion-17 emotion-18"
248
241
  >
249
242
  editor.editorToolbar.deleteEntry
250
243
  </button>
251
244
  </div>
252
245
  </div>
253
246
  <div
254
- class="emotion-15 emotion-16"
247
+ class="emotion-19 emotion-20"
255
248
  />
256
249
  </div>
257
250
  <div
258
- class="emotion-19 emotion-20"
251
+ class="emotion-21 emotion-22"
259
252
  >
260
253
  <mock-settings-dropdown />
261
254
  </div>
@@ -265,8 +258,8 @@ exports[`EditorToolbar should render normal save button 1`] = `
265
258
 
266
259
  exports[`EditorToolbar should render normal save button 2`] = `
267
260
  <DocumentFragment>
268
- .emotion-21 {
269
- box-shadow: 0 2px 6px 0 rgba(68,74,87,0.05),0 1px 3px 0 rgba(68,74,87,0.1),0 2px 54px rgba(0,0,0,0.1);
261
+ .emotion-0 {
262
+ box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
270
263
  position: fixed;
271
264
  top: 0;
272
265
  left: 0;
@@ -281,28 +274,32 @@ exports[`EditorToolbar should render normal save button 2`] = `
281
274
  display: flex;
282
275
  -webkit-box-pack: justify;
283
276
  -webkit-justify-content: space-between;
284
- -ms-flex-pack: justify;
285
277
  justify-content: space-between;
286
278
  }
287
279
 
288
- .emotion-0 {
280
+ .emotion-2 {
289
281
  color: #313d3e;
290
282
  font-size: 21px;
291
283
  font-weight: 600;
292
284
  margin-right: 16px;
293
285
  }
294
286
 
295
- .emotion-2 {
287
+ .emotion-4 {
296
288
  color: #313d3e;
297
289
  font-size: 14px;
298
290
  }
299
291
 
300
- .emotion-2 {
301
- color: #313d3e;
302
- font-size: 14px;
292
+ .emotion-6 {
293
+ margin-top: 6px;
294
+ font-size: 13px;
295
+ line-height: 1;
296
+ display: inline-block;
297
+ font-weight: 700;
298
+ text-transform: uppercase;
299
+ color: #ff003b;
303
300
  }
304
301
 
305
- .emotion-17 {
302
+ .emotion-8 {
306
303
  height: 100%;
307
304
  display: -webkit-box;
308
305
  display: -webkit-flex;
@@ -322,64 +319,11 @@ exports[`EditorToolbar should render normal save button 2`] = `
322
319
  display: flex;
323
320
  -webkit-box-pack: justify;
324
321
  -webkit-justify-content: space-between;
325
- -ms-flex-pack: justify;
326
322
  justify-content: space-between;
327
323
  padding: 0 10px;
328
324
  }
329
325
 
330
- .emotion-13 {
331
- display: -webkit-box;
332
- display: -webkit-flex;
333
- display: -ms-flexbox;
334
- display: flex;
335
- -webkit-align-items: center;
336
- -webkit-box-align: center;
337
- -ms-flex-align: center;
338
- align-items: center;
339
- }
340
-
341
- .emotion-11 {
342
- border: 0;
343
- border-radius: 5px;
344
- cursor: pointer;
345
- height: 36px;
346
- line-height: 36px;
347
- font-weight: 500;
348
- padding: 0 15px;
349
- background-color: #798291;
350
- color: #fff;
351
- margin: 0 10px;
352
- overflow: hidden;
353
- white-space: nowrap;
354
- text-overflow: ellipsis;
355
- display: block;
356
- background-color: #fcefea;
357
- color: #D60032;
358
- }
359
-
360
- @media (max-width:1200px) {
361
- .emotion-11 {
362
- padding: 0 10px;
363
- }
364
- }
365
-
366
- .emotion-15 {
367
- display: -webkit-box;
368
- display: -webkit-flex;
369
- display: -ms-flexbox;
370
- display: flex;
371
- -webkit-align-items: center;
372
- -webkit-box-align: center;
373
- -ms-flex-align: center;
374
- align-items: center;
375
- -webkit-box-pack: end;
376
- -webkit-justify-content: flex-end;
377
- -ms-flex-pack: end;
378
- justify-content: flex-end;
379
- }
380
-
381
- .emotion-19 {
382
- height: 100%;
326
+ .emotion-10 {
383
327
  display: -webkit-box;
384
328
  display: -webkit-flex;
385
329
  display: -ms-flexbox;
@@ -388,12 +332,9 @@ exports[`EditorToolbar should render normal save button 2`] = `
388
332
  -webkit-box-align: center;
389
333
  -ms-flex-align: center;
390
334
  align-items: center;
391
- border: 0 solid #dfdfe3;
392
- border-left-width: 1px;
393
- padding: 0 7px;
394
335
  }
395
336
 
396
- .emotion-9 {
337
+ .emotion-13 {
397
338
  position: relative;
398
339
  font-size: 14px;
399
340
  -webkit-user-select: none;
@@ -403,21 +344,11 @@ exports[`EditorToolbar should render normal save button 2`] = `
403
344
  margin: 0 10px;
404
345
  }
405
346
 
406
- .emotion-9 .e1jeq5dr1 {
347
+ .emotion-13 .e1jeq5dr0 {
407
348
  color: #17a2b8;
408
349
  }
409
350
 
410
- .emotion-4 {
411
- margin-top: 6px;
412
- font-size: 13px;
413
- line-height: 1;
414
- display: inline-block;
415
- font-weight: 700;
416
- text-transform: uppercase;
417
- color: #ff003b;
418
- }
419
-
420
- .emotion-6 {
351
+ .emotion-15 {
421
352
  border: 0;
422
353
  border-radius: 5px;
423
354
  cursor: pointer;
@@ -437,7 +368,7 @@ exports[`EditorToolbar should render normal save button 2`] = `
437
368
  background-color: #17a2b8;
438
369
  }
439
370
 
440
- .emotion-6:after {
371
+ .emotion-15:after {
441
372
  color: #fff;
442
373
  width: 0;
443
374
  height: 0;
@@ -453,51 +384,106 @@ exports[`EditorToolbar should render normal save button 2`] = `
453
384
  color: currentColor;
454
385
  }
455
386
 
456
- @media (max-width:1200px) {
457
- .emotion-6 {
387
+ @media (max-width: 1200px) {
388
+ .emotion-15 {
458
389
  padding-left: 10px;
459
390
  }
460
391
  }
461
392
 
393
+ .emotion-17 {
394
+ border: 0;
395
+ border-radius: 5px;
396
+ cursor: pointer;
397
+ height: 36px;
398
+ line-height: 36px;
399
+ font-weight: 500;
400
+ padding: 0 15px;
401
+ background-color: #798291;
402
+ color: #fff;
403
+ margin: 0 10px;
404
+ overflow: hidden;
405
+ white-space: nowrap;
406
+ text-overflow: ellipsis;
407
+ display: block;
408
+ background-color: #fcefea;
409
+ color: #D60032;
410
+ }
411
+
412
+ @media (max-width: 1200px) {
413
+ .emotion-17 {
414
+ padding: 0 10px;
415
+ }
416
+ }
417
+
418
+ .emotion-19 {
419
+ display: -webkit-box;
420
+ display: -webkit-flex;
421
+ display: -ms-flexbox;
422
+ display: flex;
423
+ -webkit-align-items: center;
424
+ -webkit-box-align: center;
425
+ -ms-flex-align: center;
426
+ align-items: center;
427
+ -webkit-box-pack: end;
428
+ -ms-flex-pack: end;
429
+ -webkit-justify-content: flex-end;
430
+ justify-content: flex-end;
431
+ }
432
+
433
+ .emotion-21 {
434
+ height: 100%;
435
+ display: -webkit-box;
436
+ display: -webkit-flex;
437
+ display: -ms-flexbox;
438
+ display: flex;
439
+ -webkit-align-items: center;
440
+ -webkit-box-align: center;
441
+ -ms-flex-align: center;
442
+ align-items: center;
443
+ border: 0 solid #dfdfe3;
444
+ border-left-width: 1px;
445
+ padding: 0 7px;
446
+ }
447
+
462
448
  <div
463
- class="emotion-21 emotion-22"
449
+ class="emotion-0 emotion-1"
464
450
  >
465
451
  <mock-link
466
- classname="css-h6rugo-ToolbarSectionBackLink-toolbarSection e1d2l9mo8"
452
+ classname="css-abwcjt-ToolbarSectionBackLink-toolbarSection e1d2l9mo18"
467
453
  to=""
468
454
  >
469
455
  <div
470
- class="emotion-0 emotion-1"
456
+ class="emotion-2 emotion-3"
471
457
  >
472
458
  ←
473
459
  </div>
474
460
  <div>
475
461
  <div
476
- class="emotion-2 emotion-3"
462
+ class="emotion-4 emotion-5"
477
463
  >
478
464
  editor.editorToolbar.backCollection
479
465
  </div>
480
466
  <div
481
- class="emotion-4 emotion-5"
467
+ class="emotion-6 emotion-7"
482
468
  >
483
469
  editor.editorToolbar.unsavedChanges
484
470
  </div>
485
471
  </div>
486
472
  </mock-link>
487
473
  <div
488
- class="emotion-17 emotion-18"
474
+ class="emotion-8 emotion-9"
489
475
  >
490
476
  <div
491
- class="emotion-13 emotion-14"
477
+ class="emotion-10 emotion-11"
492
478
  >
493
479
  <div>
494
480
  <div
495
- class="emotion-8 emotion-9 emotion-10"
481
+ class="emotion-12 emotion-13 emotion-14"
496
482
  >
497
483
  <span
498
484
  aria-expanded="false"
499
485
  aria-haspopup="true"
500
- class="emotion-6 emotion-7"
486
+ class="emotion-15 emotion-16"
501
487
  role="button"
502
488
  tabindex="0"
503
489
  >
@@ -507,18 +493,18 @@ exports[`EditorToolbar should render normal save button 2`] = `
507
493
  </div>
508
494
  <div>
509
495
  <button
510
- class="emotion-11 emotion-12"
496
+ class="emotion-17 emotion-18"
511
497
  >
512
498
  editor.editorToolbar.deleteEntry
513
499
  </button>
514
500
  </div>
515
501
  </div>
516
502
  <div
517
- class="emotion-15 emotion-16"
503
+ class="emotion-19 emotion-20"
518
504
  />
519
505
  </div>
520
506
  <div
521
- class="emotion-19 emotion-20"
507
+ class="emotion-21 emotion-22"
522
508
  >
523
509
  <mock-settings-dropdown />
524
510
  </div>
@@ -528,8 +514,8 @@ exports[`EditorToolbar should render normal save button 2`] = `
528
514
 
529
515
  exports[`EditorToolbar should render with default props 1`] = `
530
516
  <DocumentFragment>
531
- .emotion-18 {
532
- box-shadow: 0 2px 6px 0 rgba(68,74,87,0.05),0 1px 3px 0 rgba(68,74,87,0.1),0 2px 54px rgba(0,0,0,0.1);
517
+ .emotion-0 {
518
+ box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
533
519
  position: fixed;
534
520
  top: 0;
535
521
  left: 0;
@@ -544,28 +530,22 @@ exports[`EditorToolbar should render with default props 1`] = `
544
530
  display: flex;
545
531
  -webkit-box-pack: justify;
546
532
  -webkit-justify-content: space-between;
547
- -ms-flex-pack: justify;
548
533
  justify-content: space-between;
549
534
  }
550
535
 
551
- .emotion-0 {
536
+ .emotion-2 {
552
537
  color: #313d3e;
553
538
  font-size: 21px;
554
539
  font-weight: 600;
555
540
  margin-right: 16px;
556
541
  }
557
542
 
558
- .emotion-2 {
559
- color: #313d3e;
560
- font-size: 14px;
561
- }
562
-
563
- .emotion-2 {
543
+ .emotion-4 {
564
544
  color: #313d3e;
565
545
  font-size: 14px;
566
546
  }
567
547
 
568
- .emotion-4 {
548
+ .emotion-6 {
569
549
  margin-top: 6px;
570
550
  font-size: 13px;
571
551
  line-height: 1;
@@ -575,7 +555,7 @@ exports[`EditorToolbar should render with default props 1`] = `
575
555
  color: #005614;
576
556
  }
577
557
 
578
- .emotion-14 {
558
+ .emotion-8 {
579
559
  height: 100%;
580
560
  display: -webkit-box;
581
561
  display: -webkit-flex;
@@ -595,7 +575,6 @@ exports[`EditorToolbar should render with default props 1`] = `
595
575
  display: flex;
596
576
  -webkit-box-pack: justify;
597
577
  -webkit-justify-content: space-between;
598
- -ms-flex-pack: justify;
599
578
  justify-content: space-between;
600
579
  padding: 0 10px;
601
580
  }
@@ -611,7 +590,7 @@ exports[`EditorToolbar should render with default props 1`] = `
611
590
  align-items: center;
612
591
  }
613
592
 
614
- .emotion-6 {
593
+ .emotion-12 {
615
594
  border: 0;
616
595
  border-radius: 5px;
617
596
  cursor: pointer;
@@ -630,13 +609,13 @@ exports[`EditorToolbar should render with default props 1`] = `
630
609
  color: #117888;
631
610
  }
632
611
 
633
- @media (max-width:1200px) {
634
- .emotion-6 {
612
+ @media (max-width: 1200px) {
613
+ .emotion-12 {
635
614
  padding: 0 10px;
636
615
  }
637
616
  }
638
617
 
639
- .emotion-8 {
618
+ .emotion-14 {
640
619
  border: 0;
641
620
  border-radius: 5px;
642
621
  cursor: pointer;
@@ -655,13 +634,13 @@ exports[`EditorToolbar should render with default props 1`] = `
655
634
  color: #D60032;
656
635
  }
657
636
 
658
- @media (max-width:1200px) {
659
- .emotion-8 {
637
+ @media (max-width: 1200px) {
638
+ .emotion-14 {
660
639
  padding: 0 10px;
661
640
  }
662
641
  }
663
642
 
664
- .emotion-12 {
643
+ .emotion-16 {
665
644
  display: -webkit-box;
666
645
  display: -webkit-flex;
667
646
  display: -ms-flexbox;
@@ -671,12 +650,12 @@ exports[`EditorToolbar should render with default props 1`] = `
671
650
  -ms-flex-align: center;
672
651
  align-items: center;
673
652
  -webkit-box-pack: end;
674
- -webkit-justify-content: flex-end;
675
653
  -ms-flex-pack: end;
654
+ -webkit-justify-content: flex-end;
676
655
  justify-content: flex-end;
677
656
  }
678
657
 
679
- .emotion-16 {
658
+ .emotion-18 {
680
659
  height: 100%;
681
660
  display: -webkit-box;
682
661
  display: -webkit-flex;
@@ -692,55 +671,55 @@ exports[`EditorToolbar should render with default props 1`] = `
692
671
  }
693
672
 
694
673
  <div
695
- class="emotion-18 emotion-19"
674
+ class="emotion-0 emotion-1"
696
675
  >
697
676
  <mock-link
698
- classname="css-h6rugo-ToolbarSectionBackLink-toolbarSection e1d2l9mo8"
677
+ classname="css-abwcjt-ToolbarSectionBackLink-toolbarSection e1d2l9mo18"
699
678
  to=""
700
679
  >
701
680
  <div
702
- class="emotion-0 emotion-1"
681
+ class="emotion-2 emotion-3"
703
682
  >
704
683
  ←
705
684
  </div>
706
685
  <div>
707
686
  <div
708
- class="emotion-2 emotion-3"
687
+ class="emotion-4 emotion-5"
709
688
  >
710
689
  editor.editorToolbar.backCollection
711
690
  </div>
712
691
  <div
713
- class="emotion-4 emotion-5"
692
+ class="emotion-6 emotion-7"
714
693
  >
715
694
  editor.editorToolbar.changesSaved
716
695
  </div>
717
696
  </div>
718
697
  </mock-link>
719
698
  <div
720
- class="emotion-14 emotion-15"
699
+ class="emotion-8 emotion-9"
721
700
  >
722
701
  <div
723
702
  class="emotion-10 emotion-11"
724
703
  >
725
704
  <button
726
- class="emotion-6 emotion-7"
705
+ class="emotion-12 emotion-13"
727
706
  >
728
707
  editor.editorToolbar.published
729
708
  </button>
730
709
  <div>
731
710
  <button
732
- class="emotion-8 emotion-9"
711
+ class="emotion-14 emotion-15"
733
712
  >
734
713
  editor.editorToolbar.deleteEntry
735
714
  </button>
736
715
  </div>
737
716
  </div>
738
717
  <div
739
- class="emotion-12 emotion-13"
718
+ class="emotion-16 emotion-17"
740
719
  />
741
720
  </div>
742
721
  <div
743
- class="emotion-16 emotion-17"
722
+ class="emotion-18 emotion-19"
744
723
  >
745
724
  <mock-settings-dropdown />
746
725
  </div>
@@ -750,8 +729,8 @@ exports[`EditorToolbar should render with default props 1`] = `
750
729
 
751
730
  exports[`EditorToolbar should render with status=draft,useOpenAuthoring=false 1`] = `
752
731
  <DocumentFragment>
753
- .emotion-23 {
754
- box-shadow: 0 2px 6px 0 rgba(68,74,87,0.05),0 1px 3px 0 rgba(68,74,87,0.1),0 2px 54px rgba(0,0,0,0.1);
732
+ .emotion-0 {
733
+ box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
755
734
  position: fixed;
756
735
  top: 0;
757
736
  left: 0;
@@ -766,28 +745,22 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=false 1`
766
745
  display: flex;
767
746
  -webkit-box-pack: justify;
768
747
  -webkit-justify-content: space-between;
769
- -ms-flex-pack: justify;
770
748
  justify-content: space-between;
771
749
  }
772
750
 
773
- .emotion-0 {
751
+ .emotion-2 {
774
752
  color: #313d3e;
775
753
  font-size: 21px;
776
754
  font-weight: 600;
777
755
  margin-right: 16px;
778
756
  }
779
757
 
780
- .emotion-2 {
781
- color: #313d3e;
782
- font-size: 14px;
783
- }
784
-
785
- .emotion-2 {
758
+ .emotion-4 {
786
759
  color: #313d3e;
787
760
  font-size: 14px;
788
761
  }
789
762
 
790
- .emotion-4 {
763
+ .emotion-6 {
791
764
  margin-top: 6px;
792
765
  font-size: 13px;
793
766
  line-height: 1;
@@ -797,7 +770,7 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=false 1`
797
770
  color: #005614;
798
771
  }
799
772
 
800
- .emotion-19 {
773
+ .emotion-8 {
801
774
  height: 100%;
802
775
  display: -webkit-box;
803
776
  display: -webkit-flex;
@@ -817,64 +790,11 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=false 1`
817
790
  display: flex;
818
791
  -webkit-box-pack: justify;
819
792
  -webkit-justify-content: space-between;
820
- -ms-flex-pack: justify;
821
793
  justify-content: space-between;
822
794
  padding: 0 10px;
823
795
  }
824
796
 
825
- .emotion-15 {
826
- display: -webkit-box;
827
- display: -webkit-flex;
828
- display: -ms-flexbox;
829
- display: flex;
830
- -webkit-align-items: center;
831
- -webkit-box-align: center;
832
- -ms-flex-align: center;
833
- align-items: center;
834
- }
835
-
836
- .emotion-13 {
837
- border: 0;
838
- border-radius: 5px;
839
- cursor: pointer;
840
- height: 36px;
841
- line-height: 36px;
842
- font-weight: 500;
843
- padding: 0 15px;
844
- background-color: #798291;
845
- color: #fff;
846
- margin: 0 10px;
847
- overflow: hidden;
848
- white-space: nowrap;
849
- text-overflow: ellipsis;
850
- display: block;
851
- background-color: #fcefea;
852
- color: #D60032;
853
- }
854
-
855
- @media (max-width:1200px) {
856
- .emotion-13 {
857
- padding: 0 10px;
858
- }
859
- }
860
-
861
- .emotion-17 {
862
- display: -webkit-box;
863
- display: -webkit-flex;
864
- display: -ms-flexbox;
865
- display: flex;
866
- -webkit-align-items: center;
867
- -webkit-box-align: center;
868
- -ms-flex-align: center;
869
- align-items: center;
870
- -webkit-box-pack: end;
871
- -webkit-justify-content: flex-end;
872
- -ms-flex-pack: end;
873
- justify-content: flex-end;
874
- }
875
-
876
- .emotion-21 {
877
- height: 100%;
797
+ .emotion-10 {
878
798
  display: -webkit-box;
879
799
  display: -webkit-flex;
880
800
  display: -ms-flexbox;
@@ -883,12 +803,9 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=false 1`
883
803
  -webkit-box-align: center;
884
804
  -ms-flex-align: center;
885
805
  align-items: center;
886
- border: 0 solid #dfdfe3;
887
- border-left-width: 1px;
888
- padding: 0 7px;
889
806
  }
890
807
 
891
- .emotion-6 {
808
+ .emotion-12 {
892
809
  border: 0;
893
810
  border-radius: 5px;
894
811
  cursor: pointer;
@@ -907,19 +824,19 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=false 1`
907
824
  color: #3a69c7;
908
825
  }
909
826
 
910
- @media (max-width:1200px) {
911
- .emotion-6 {
827
+ @media (max-width: 1200px) {
828
+ .emotion-12 {
912
829
  padding: 0 10px;
913
830
  }
914
831
  }
915
832
 
916
- .emotion-6[disabled] {
833
+ .emotion-12[disabled] {
917
834
  background-color: #eff0f4;
918
835
  color: #798291;
919
836
  cursor: default;
920
837
  }
921
838
 
922
- .emotion-11 {
839
+ .emotion-15 {
923
840
  position: relative;
924
841
  font-size: 14px;
925
842
  -webkit-user-select: none;
@@ -929,11 +846,11 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=false 1`
929
846
  margin: 0 10px;
930
847
  }
931
848
 
932
- .emotion-11 .e1jeq5dr1 {
849
+ .emotion-15 .e1jeq5dr0 {
933
850
  color: #17a2b8;
934
851
  }
935
852
 
936
- .emotion-8 {
853
+ .emotion-17 {
937
854
  border: 0;
938
855
  border-radius: 5px;
939
856
  cursor: pointer;
@@ -954,7 +871,7 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=false 1`
954
871
  color: #17a2b8;
955
872
  }
956
873
 
957
- .emotion-8:after {
874
+ .emotion-17:after {
958
875
  color: #fff;
959
876
  width: 0;
960
877
  height: 0;
@@ -970,56 +887,111 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=false 1`
970
887
  color: currentColor;
971
888
  }
972
889
 
973
- @media (max-width:1200px) {
974
- .emotion-8 {
890
+ @media (max-width: 1200px) {
891
+ .emotion-17 {
975
892
  padding-left: 10px;
976
893
  }
977
894
  }
978
895
 
896
+ .emotion-19 {
897
+ border: 0;
898
+ border-radius: 5px;
899
+ cursor: pointer;
900
+ height: 36px;
901
+ line-height: 36px;
902
+ font-weight: 500;
903
+ padding: 0 15px;
904
+ background-color: #798291;
905
+ color: #fff;
906
+ margin: 0 10px;
907
+ overflow: hidden;
908
+ white-space: nowrap;
909
+ text-overflow: ellipsis;
910
+ display: block;
911
+ background-color: #fcefea;
912
+ color: #D60032;
913
+ }
914
+
915
+ @media (max-width: 1200px) {
916
+ .emotion-19 {
917
+ padding: 0 10px;
918
+ }
919
+ }
920
+
921
+ .emotion-21 {
922
+ display: -webkit-box;
923
+ display: -webkit-flex;
924
+ display: -ms-flexbox;
925
+ display: flex;
926
+ -webkit-align-items: center;
927
+ -webkit-box-align: center;
928
+ -ms-flex-align: center;
929
+ align-items: center;
930
+ -webkit-box-pack: end;
931
+ -ms-flex-pack: end;
932
+ -webkit-justify-content: flex-end;
933
+ justify-content: flex-end;
934
+ }
935
+
936
+ .emotion-23 {
937
+ height: 100%;
938
+ display: -webkit-box;
939
+ display: -webkit-flex;
940
+ display: -ms-flexbox;
941
+ display: flex;
942
+ -webkit-align-items: center;
943
+ -webkit-box-align: center;
944
+ -ms-flex-align: center;
945
+ align-items: center;
946
+ border: 0 solid #dfdfe3;
947
+ border-left-width: 1px;
948
+ padding: 0 7px;
949
+ }
950
+
979
951
  <div
980
- class="emotion-23 emotion-24"
952
+ class="emotion-0 emotion-1"
981
953
  >
982
954
  <mock-link
983
- classname="css-h6rugo-ToolbarSectionBackLink-toolbarSection e1d2l9mo8"
955
+ classname="css-abwcjt-ToolbarSectionBackLink-toolbarSection e1d2l9mo18"
984
956
  to=""
985
957
  >
986
958
  <div
987
- class="emotion-0 emotion-1"
959
+ class="emotion-2 emotion-3"
988
960
  >
989
961
  ←
990
962
  </div>
991
963
  <div>
992
964
  <div
993
- class="emotion-2 emotion-3"
965
+ class="emotion-4 emotion-5"
994
966
  >
995
967
  editor.editorToolbar.backCollection
996
968
  </div>
997
969
  <div
998
- class="emotion-4 emotion-5"
970
+ class="emotion-6 emotion-7"
999
971
  >
1000
972
  editor.editorToolbar.changesSaved
1001
973
  </div>
1002
974
  </div>
1003
975
  </mock-link>
1004
976
  <div
1005
- class="emotion-19 emotion-20"
977
+ class="emotion-8 emotion-9"
1006
978
  >
1007
979
  <div
1008
- class="emotion-15 emotion-16"
980
+ class="emotion-10 emotion-11"
1009
981
  >
1010
982
  <button
1011
- class="emotion-6 emotion-7"
983
+ class="emotion-12 emotion-13"
1012
984
  disabled=""
1013
985
  >
1014
986
  editor.editorToolbar.save
1015
987
  </button>
1016
988
  <div
1017
- class="emotion-10 emotion-11 emotion-12"
989
+ class="emotion-14 emotion-15 emotion-16"
1018
990
  >
1019
991
  <span
1020
992
  aria-expanded="false"
1021
993
  aria-haspopup="true"
1022
- class="emotion-8 emotion-9"
994
+ class="emotion-17 emotion-18"
1023
995
  role="button"
1024
996
  tabindex="0"
1025
997
  >
@@ -1027,17 +999,17 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=false 1`
1027
999
  </span>
1028
1000
  </div>
1029
1001
  <button
1030
- class="emotion-13 emotion-14"
1002
+ class="emotion-19 emotion-20"
1031
1003
  >
1032
1004
  editor.editorToolbar.deletePublishedEntry
1033
1005
  </button>
1034
1006
  </div>
1035
1007
  <div
1036
- class="emotion-17 emotion-18"
1008
+ class="emotion-21 emotion-22"
1037
1009
  />
1038
1010
  </div>
1039
1011
  <div
1040
- class="emotion-21 emotion-22"
1012
+ class="emotion-23 emotion-24"
1041
1013
  >
1042
1014
  <mock-settings-dropdown />
1043
1015
  </div>
@@ -1047,8 +1019,8 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=false 1`
1047
1019
 
1048
1020
  exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`] = `
1049
1021
  <DocumentFragment>
1050
- .emotion-30 {
1051
- box-shadow: 0 2px 6px 0 rgba(68,74,87,0.05),0 1px 3px 0 rgba(68,74,87,0.1),0 2px 54px rgba(0,0,0,0.1);
1022
+ .emotion-0 {
1023
+ box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
1052
1024
  position: fixed;
1053
1025
  top: 0;
1054
1026
  left: 0;
@@ -1063,28 +1035,22 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`]
1063
1035
  display: flex;
1064
1036
  -webkit-box-pack: justify;
1065
1037
  -webkit-justify-content: space-between;
1066
- -ms-flex-pack: justify;
1067
1038
  justify-content: space-between;
1068
1039
  }
1069
1040
 
1070
- .emotion-0 {
1071
- color: #313d3e;
1072
- font-size: 21px;
1073
- font-weight: 600;
1074
- margin-right: 16px;
1075
- }
1076
-
1077
1041
  .emotion-2 {
1078
1042
  color: #313d3e;
1079
- font-size: 14px;
1043
+ font-size: 21px;
1044
+ font-weight: 600;
1045
+ margin-right: 16px;
1080
1046
  }
1081
1047
 
1082
- .emotion-2 {
1048
+ .emotion-4 {
1083
1049
  color: #313d3e;
1084
1050
  font-size: 14px;
1085
1051
  }
1086
1052
 
1087
- .emotion-4 {
1053
+ .emotion-6 {
1088
1054
  margin-top: 6px;
1089
1055
  font-size: 13px;
1090
1056
  line-height: 1;
@@ -1094,7 +1060,7 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`]
1094
1060
  color: #005614;
1095
1061
  }
1096
1062
 
1097
- .emotion-26 {
1063
+ .emotion-8 {
1098
1064
  height: 100%;
1099
1065
  display: -webkit-box;
1100
1066
  display: -webkit-flex;
@@ -1114,39 +1080,11 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`]
1114
1080
  display: flex;
1115
1081
  -webkit-box-pack: justify;
1116
1082
  -webkit-justify-content: space-between;
1117
- -ms-flex-pack: justify;
1118
1083
  justify-content: space-between;
1119
1084
  padding: 0 10px;
1120
1085
  }
1121
1086
 
1122
- .emotion-22 {
1123
- display: -webkit-box;
1124
- display: -webkit-flex;
1125
- display: -ms-flexbox;
1126
- display: flex;
1127
- -webkit-align-items: center;
1128
- -webkit-box-align: center;
1129
- -ms-flex-align: center;
1130
- align-items: center;
1131
- }
1132
-
1133
- .emotion-24 {
1134
- display: -webkit-box;
1135
- display: -webkit-flex;
1136
- display: -ms-flexbox;
1137
- display: flex;
1138
- -webkit-align-items: center;
1139
- -webkit-box-align: center;
1140
- -ms-flex-align: center;
1141
- align-items: center;
1142
- -webkit-box-pack: end;
1143
- -webkit-justify-content: flex-end;
1144
- -ms-flex-pack: end;
1145
- justify-content: flex-end;
1146
- }
1147
-
1148
- .emotion-28 {
1149
- height: 100%;
1087
+ .emotion-10 {
1150
1088
  display: -webkit-box;
1151
1089
  display: -webkit-flex;
1152
1090
  display: -ms-flexbox;
@@ -1155,12 +1093,9 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`]
1155
1093
  -webkit-box-align: center;
1156
1094
  -ms-flex-align: center;
1157
1095
  align-items: center;
1158
- border: 0 solid #dfdfe3;
1159
- border-left-width: 1px;
1160
- padding: 0 7px;
1161
1096
  }
1162
1097
 
1163
- .emotion-6 {
1098
+ .emotion-12 {
1164
1099
  border: 0;
1165
1100
  border-radius: 5px;
1166
1101
  cursor: pointer;
@@ -1179,19 +1114,19 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`]
1179
1114
  color: #3a69c7;
1180
1115
  }
1181
1116
 
1182
- @media (max-width:1200px) {
1183
- .emotion-6 {
1117
+ @media (max-width: 1200px) {
1118
+ .emotion-12 {
1184
1119
  padding: 0 10px;
1185
1120
  }
1186
1121
  }
1187
1122
 
1188
- .emotion-6[disabled] {
1123
+ .emotion-12[disabled] {
1189
1124
  background-color: #eff0f4;
1190
1125
  color: #798291;
1191
1126
  cursor: default;
1192
1127
  }
1193
1128
 
1194
- .emotion-11 {
1129
+ .emotion-15 {
1195
1130
  position: relative;
1196
1131
  font-size: 14px;
1197
1132
  -webkit-user-select: none;
@@ -1201,11 +1136,11 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`]
1201
1136
  margin: 0 10px;
1202
1137
  }
1203
1138
 
1204
- .emotion-11 .emotion-13 {
1139
+ .emotion-15 .emotion-23 {
1205
1140
  color: #17a2b8;
1206
1141
  }
1207
1142
 
1208
- .emotion-8 {
1143
+ .emotion-17 {
1209
1144
  border: 0;
1210
1145
  border-radius: 5px;
1211
1146
  cursor: pointer;
@@ -1226,7 +1161,7 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`]
1226
1161
  color: #17a2b8;
1227
1162
  }
1228
1163
 
1229
- .emotion-8:after {
1164
+ .emotion-17:after {
1230
1165
  color: #fff;
1231
1166
  width: 0;
1232
1167
  height: 0;
@@ -1242,53 +1177,54 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`]
1242
1177
  color: currentColor;
1243
1178
  }
1244
1179
 
1245
- @media (max-width:1200px) {
1246
- .emotion-8 {
1180
+ @media (max-width: 1200px) {
1181
+ .emotion-17 {
1247
1182
  padding-left: 10px;
1248
1183
  }
1249
1184
  }
1250
1185
 
1251
- .emotion-20 {
1186
+ .emotion-19 {
1252
1187
  position: relative;
1253
1188
  }
1254
1189
 
1255
- .emotion-16 {
1190
+ .emotion-21 {
1256
1191
  position: relative;
1257
1192
  display: inline-block;
1258
1193
  }
1259
1194
 
1260
- .emotion-16:hover + .emotion-19 {
1195
+ .emotion-21:hover+.emotion-27 {
1261
1196
  visibility: visible;
1262
1197
  opacity: 0.9;
1263
1198
  }
1264
1199
 
1265
- .emotion-14 {
1200
+ .emotion-24 {
1266
1201
  display: inline-block;
1267
1202
  line-height: 0;
1268
1203
  width: 18px;
1269
1204
  height: 18px;
1270
1205
  -webkit-transform: rotate(0deg);
1206
+ -moz-transform: rotate(0deg);
1271
1207
  -ms-transform: rotate(0deg);
1272
1208
  transform: rotate(0deg);
1273
1209
  }
1274
1210
 
1275
- .emotion-14 path:not(.no-fill),
1276
- .emotion-14 circle:not(.no-fill),
1277
- .emotion-14 polygon:not(.no-fill),
1278
- .emotion-14 rect:not(.no-fill) {
1211
+ .emotion-24 path:not(.no-fill),
1212
+ .emotion-24 circle:not(.no-fill),
1213
+ .emotion-24 polygon:not(.no-fill),
1214
+ .emotion-24 rect:not(.no-fill) {
1279
1215
  fill: currentColor;
1280
1216
  }
1281
1217
 
1282
- .emotion-14 path.clipped {
1218
+ .emotion-24 path.clipped {
1283
1219
  fill: transparent;
1284
1220
  }
1285
1221
 
1286
- .emotion-14 svg {
1222
+ .emotion-24 svg {
1287
1223
  width: 100%;
1288
1224
  height: 100%;
1289
1225
  }
1290
1226
 
1291
- .emotion-18 {
1227
+ .emotion-26 {
1292
1228
  visibility: hidden;
1293
1229
  width: 321px;
1294
1230
  background-color: #555;
@@ -1306,50 +1242,80 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`]
1306
1242
  transition: opacity 0.3s;
1307
1243
  }
1308
1244
 
1245
+ .emotion-28 {
1246
+ display: -webkit-box;
1247
+ display: -webkit-flex;
1248
+ display: -ms-flexbox;
1249
+ display: flex;
1250
+ -webkit-align-items: center;
1251
+ -webkit-box-align: center;
1252
+ -ms-flex-align: center;
1253
+ align-items: center;
1254
+ -webkit-box-pack: end;
1255
+ -ms-flex-pack: end;
1256
+ -webkit-justify-content: flex-end;
1257
+ justify-content: flex-end;
1258
+ }
1259
+
1260
+ .emotion-30 {
1261
+ height: 100%;
1262
+ display: -webkit-box;
1263
+ display: -webkit-flex;
1264
+ display: -ms-flexbox;
1265
+ display: flex;
1266
+ -webkit-align-items: center;
1267
+ -webkit-box-align: center;
1268
+ -ms-flex-align: center;
1269
+ align-items: center;
1270
+ border: 0 solid #dfdfe3;
1271
+ border-left-width: 1px;
1272
+ padding: 0 7px;
1273
+ }
1274
+
1309
1275
  <div
1310
- class="emotion-30 emotion-31"
1276
+ class="emotion-0 emotion-1"
1311
1277
  >
1312
1278
  <mock-link
1313
- classname="css-h6rugo-ToolbarSectionBackLink-toolbarSection e1d2l9mo8"
1279
+ classname="css-abwcjt-ToolbarSectionBackLink-toolbarSection e1d2l9mo18"
1314
1280
  to=""
1315
1281
  >
1316
1282
  <div
1317
- class="emotion-0 emotion-1"
1283
+ class="emotion-2 emotion-3"
1318
1284
  >
1319
1285
  ←
1320
1286
  </div>
1321
1287
  <div>
1322
1288
  <div
1323
- class="emotion-2 emotion-3"
1289
+ class="emotion-4 emotion-5"
1324
1290
  >
1325
1291
  editor.editorToolbar.backCollection
1326
1292
  </div>
1327
1293
  <div
1328
- class="emotion-4 emotion-5"
1294
+ class="emotion-6 emotion-7"
1329
1295
  >
1330
1296
  editor.editorToolbar.changesSaved
1331
1297
  </div>
1332
1298
  </div>
1333
1299
  </mock-link>
1334
1300
  <div
1335
- class="emotion-26 emotion-27"
1301
+ class="emotion-8 emotion-9"
1336
1302
  >
1337
1303
  <div
1338
- class="emotion-22 emotion-23"
1304
+ class="emotion-10 emotion-11"
1339
1305
  >
1340
1306
  <button
1341
- class="emotion-6 emotion-7"
1307
+ class="emotion-12 emotion-13"
1342
1308
  disabled=""
1343
1309
  >
1344
1310
  editor.editorToolbar.save
1345
1311
  </button>
1346
1312
  <div
1347
- class="emotion-10 emotion-11 emotion-12"
1313
+ class="emotion-14 emotion-15 emotion-16"
1348
1314
  >
1349
1315
  <span
1350
1316
  aria-expanded="false"
1351
1317
  aria-haspopup="true"
1352
- class="emotion-8 emotion-9"
1318
+ class="emotion-17 emotion-18"
1353
1319
  role="button"
1354
1320
  tabindex="0"
1355
1321
  >
@@ -1357,13 +1323,13 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`]
1357
1323
  </span>
1358
1324
  </div>
1359
1325
  <div
1360
- class="emotion-20 emotion-21"
1326
+ class="emotion-19 emotion-20"
1361
1327
  >
1362
1328
  <div
1363
- class="emotion-16 emotion-17"
1329
+ class="emotion-21 emotion-22"
1364
1330
  >
1365
1331
  <span
1366
- class="tooltip emotion-13 emotion-14 emotion-15"
1332
+ class="tooltip emotion-23 emotion-24 emotion-25"
1367
1333
  >
1368
1334
  <svg
1369
1335
  class="bi bi-info-circle"
@@ -1383,18 +1349,18 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`]
1383
1349
  </span>
1384
1350
  </div>
1385
1351
  <div
1386
- class="emotion-18 emotion-19"
1352
+ class="emotion-26 emotion-27"
1387
1353
  >
1388
1354
  editor.editorToolbar.statusInfoTooltipDraft
1389
1355
  </div>
1390
1356
  </div>
1391
1357
  </div>
1392
1358
  <div
1393
- class="emotion-24 emotion-25"
1359
+ class="emotion-28 emotion-29"
1394
1360
  />
1395
1361
  </div>
1396
1362
  <div
1397
- class="emotion-28 emotion-29"
1363
+ class="emotion-30 emotion-31"
1398
1364
  >
1399
1365
  <mock-settings-dropdown />
1400
1366
  </div>
@@ -1404,8 +1370,8 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`]
1404
1370
 
1405
1371
  exports[`EditorToolbar should render with status=pending_publish,useOpenAuthoring=false 1`] = `
1406
1372
  <DocumentFragment>
1407
- .emotion-23 {
1408
- box-shadow: 0 2px 6px 0 rgba(68,74,87,0.05),0 1px 3px 0 rgba(68,74,87,0.1),0 2px 54px rgba(0,0,0,0.1);
1373
+ .emotion-0 {
1374
+ box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
1409
1375
  position: fixed;
1410
1376
  top: 0;
1411
1377
  left: 0;
@@ -1420,28 +1386,22 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1420
1386
  display: flex;
1421
1387
  -webkit-box-pack: justify;
1422
1388
  -webkit-justify-content: space-between;
1423
- -ms-flex-pack: justify;
1424
1389
  justify-content: space-between;
1425
1390
  }
1426
1391
 
1427
- .emotion-0 {
1392
+ .emotion-2 {
1428
1393
  color: #313d3e;
1429
1394
  font-size: 21px;
1430
1395
  font-weight: 600;
1431
1396
  margin-right: 16px;
1432
1397
  }
1433
1398
 
1434
- .emotion-2 {
1435
- color: #313d3e;
1436
- font-size: 14px;
1437
- }
1438
-
1439
- .emotion-2 {
1399
+ .emotion-4 {
1440
1400
  color: #313d3e;
1441
1401
  font-size: 14px;
1442
1402
  }
1443
1403
 
1444
- .emotion-4 {
1404
+ .emotion-6 {
1445
1405
  margin-top: 6px;
1446
1406
  font-size: 13px;
1447
1407
  line-height: 1;
@@ -1451,7 +1411,7 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1451
1411
  color: #005614;
1452
1412
  }
1453
1413
 
1454
- .emotion-19 {
1414
+ .emotion-8 {
1455
1415
  height: 100%;
1456
1416
  display: -webkit-box;
1457
1417
  display: -webkit-flex;
@@ -1471,64 +1431,11 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1471
1431
  display: flex;
1472
1432
  -webkit-box-pack: justify;
1473
1433
  -webkit-justify-content: space-between;
1474
- -ms-flex-pack: justify;
1475
1434
  justify-content: space-between;
1476
1435
  padding: 0 10px;
1477
1436
  }
1478
1437
 
1479
- .emotion-15 {
1480
- display: -webkit-box;
1481
- display: -webkit-flex;
1482
- display: -ms-flexbox;
1483
- display: flex;
1484
- -webkit-align-items: center;
1485
- -webkit-box-align: center;
1486
- -ms-flex-align: center;
1487
- align-items: center;
1488
- }
1489
-
1490
- .emotion-13 {
1491
- border: 0;
1492
- border-radius: 5px;
1493
- cursor: pointer;
1494
- height: 36px;
1495
- line-height: 36px;
1496
- font-weight: 500;
1497
- padding: 0 15px;
1498
- background-color: #798291;
1499
- color: #fff;
1500
- margin: 0 10px;
1501
- overflow: hidden;
1502
- white-space: nowrap;
1503
- text-overflow: ellipsis;
1504
- display: block;
1505
- background-color: #fcefea;
1506
- color: #D60032;
1507
- }
1508
-
1509
- @media (max-width:1200px) {
1510
- .emotion-13 {
1511
- padding: 0 10px;
1512
- }
1513
- }
1514
-
1515
- .emotion-17 {
1516
- display: -webkit-box;
1517
- display: -webkit-flex;
1518
- display: -ms-flexbox;
1519
- display: flex;
1520
- -webkit-align-items: center;
1521
- -webkit-box-align: center;
1522
- -ms-flex-align: center;
1523
- align-items: center;
1524
- -webkit-box-pack: end;
1525
- -webkit-justify-content: flex-end;
1526
- -ms-flex-pack: end;
1527
- justify-content: flex-end;
1528
- }
1529
-
1530
- .emotion-21 {
1531
- height: 100%;
1438
+ .emotion-10 {
1532
1439
  display: -webkit-box;
1533
1440
  display: -webkit-flex;
1534
1441
  display: -ms-flexbox;
@@ -1537,12 +1444,9 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1537
1444
  -webkit-box-align: center;
1538
1445
  -ms-flex-align: center;
1539
1446
  align-items: center;
1540
- border: 0 solid #dfdfe3;
1541
- border-left-width: 1px;
1542
- padding: 0 7px;
1543
1447
  }
1544
1448
 
1545
- .emotion-6 {
1449
+ .emotion-12 {
1546
1450
  border: 0;
1547
1451
  border-radius: 5px;
1548
1452
  cursor: pointer;
@@ -1561,19 +1465,19 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1561
1465
  color: #3a69c7;
1562
1466
  }
1563
1467
 
1564
- @media (max-width:1200px) {
1565
- .emotion-6 {
1468
+ @media (max-width: 1200px) {
1469
+ .emotion-12 {
1566
1470
  padding: 0 10px;
1567
1471
  }
1568
1472
  }
1569
1473
 
1570
- .emotion-6[disabled] {
1474
+ .emotion-12[disabled] {
1571
1475
  background-color: #eff0f4;
1572
1476
  color: #798291;
1573
1477
  cursor: default;
1574
1478
  }
1575
1479
 
1576
- .emotion-11 {
1480
+ .emotion-15 {
1577
1481
  position: relative;
1578
1482
  font-size: 14px;
1579
1483
  -webkit-user-select: none;
@@ -1583,11 +1487,11 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1583
1487
  margin: 0 10px;
1584
1488
  }
1585
1489
 
1586
- .emotion-11 .e1jeq5dr1 {
1490
+ .emotion-15 .e1jeq5dr0 {
1587
1491
  color: #17a2b8;
1588
1492
  }
1589
1493
 
1590
- .emotion-8 {
1494
+ .emotion-17 {
1591
1495
  border: 0;
1592
1496
  border-radius: 5px;
1593
1497
  cursor: pointer;
@@ -1608,7 +1512,7 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1608
1512
  color: #17a2b8;
1609
1513
  }
1610
1514
 
1611
- .emotion-8:after {
1515
+ .emotion-17:after {
1612
1516
  color: #fff;
1613
1517
  width: 0;
1614
1518
  height: 0;
@@ -1624,56 +1528,111 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1624
1528
  color: currentColor;
1625
1529
  }
1626
1530
 
1627
- @media (max-width:1200px) {
1628
- .emotion-8 {
1531
+ @media (max-width: 1200px) {
1532
+ .emotion-17 {
1629
1533
  padding-left: 10px;
1630
1534
  }
1631
1535
  }
1632
1536
 
1537
+ .emotion-19 {
1538
+ border: 0;
1539
+ border-radius: 5px;
1540
+ cursor: pointer;
1541
+ height: 36px;
1542
+ line-height: 36px;
1543
+ font-weight: 500;
1544
+ padding: 0 15px;
1545
+ background-color: #798291;
1546
+ color: #fff;
1547
+ margin: 0 10px;
1548
+ overflow: hidden;
1549
+ white-space: nowrap;
1550
+ text-overflow: ellipsis;
1551
+ display: block;
1552
+ background-color: #fcefea;
1553
+ color: #D60032;
1554
+ }
1555
+
1556
+ @media (max-width: 1200px) {
1557
+ .emotion-19 {
1558
+ padding: 0 10px;
1559
+ }
1560
+ }
1561
+
1562
+ .emotion-21 {
1563
+ display: -webkit-box;
1564
+ display: -webkit-flex;
1565
+ display: -ms-flexbox;
1566
+ display: flex;
1567
+ -webkit-align-items: center;
1568
+ -webkit-box-align: center;
1569
+ -ms-flex-align: center;
1570
+ align-items: center;
1571
+ -webkit-box-pack: end;
1572
+ -ms-flex-pack: end;
1573
+ -webkit-justify-content: flex-end;
1574
+ justify-content: flex-end;
1575
+ }
1576
+
1577
+ .emotion-23 {
1578
+ height: 100%;
1579
+ display: -webkit-box;
1580
+ display: -webkit-flex;
1581
+ display: -ms-flexbox;
1582
+ display: flex;
1583
+ -webkit-align-items: center;
1584
+ -webkit-box-align: center;
1585
+ -ms-flex-align: center;
1586
+ align-items: center;
1587
+ border: 0 solid #dfdfe3;
1588
+ border-left-width: 1px;
1589
+ padding: 0 7px;
1590
+ }
1591
+
1633
1592
  <div
1634
- class="emotion-23 emotion-24"
1593
+ class="emotion-0 emotion-1"
1635
1594
  >
1636
1595
  <mock-link
1637
- classname="css-h6rugo-ToolbarSectionBackLink-toolbarSection e1d2l9mo8"
1596
+ classname="css-abwcjt-ToolbarSectionBackLink-toolbarSection e1d2l9mo18"
1638
1597
  to=""
1639
1598
  >
1640
1599
  <div
1641
- class="emotion-0 emotion-1"
1600
+ class="emotion-2 emotion-3"
1642
1601
  >
1643
1602
  ←
1644
1603
  </div>
1645
1604
  <div>
1646
1605
  <div
1647
- class="emotion-2 emotion-3"
1606
+ class="emotion-4 emotion-5"
1648
1607
  >
1649
1608
  editor.editorToolbar.backCollection
1650
1609
  </div>
1651
1610
  <div
1652
- class="emotion-4 emotion-5"
1611
+ class="emotion-6 emotion-7"
1653
1612
  >
1654
1613
  editor.editorToolbar.changesSaved
1655
1614
  </div>
1656
1615
  </div>
1657
1616
  </mock-link>
1658
1617
  <div
1659
- class="emotion-19 emotion-20"
1618
+ class="emotion-8 emotion-9"
1660
1619
  >
1661
1620
  <div
1662
- class="emotion-15 emotion-16"
1621
+ class="emotion-10 emotion-11"
1663
1622
  >
1664
1623
  <button
1665
- class="emotion-6 emotion-7"
1624
+ class="emotion-12 emotion-13"
1666
1625
  disabled=""
1667
1626
  >
1668
1627
  editor.editorToolbar.save
1669
1628
  </button>
1670
1629
  <div
1671
- class="emotion-10 emotion-11 emotion-12"
1630
+ class="emotion-14 emotion-15 emotion-16"
1672
1631
  >
1673
1632
  <span
1674
1633
  aria-expanded="false"
1675
1634
  aria-haspopup="true"
1676
- class="emotion-8 emotion-9"
1635
+ class="emotion-17 emotion-18"
1677
1636
  role="button"
1678
1637
  tabindex="0"
1679
1638
  >
@@ -1681,17 +1640,17 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1681
1640
  </span>
1682
1641
  </div>
1683
1642
  <button
1684
- class="emotion-13 emotion-14"
1643
+ class="emotion-19 emotion-20"
1685
1644
  >
1686
1645
  editor.editorToolbar.deletePublishedEntry
1687
1646
  </button>
1688
1647
  </div>
1689
1648
  <div
1690
- class="emotion-17 emotion-18"
1649
+ class="emotion-21 emotion-22"
1691
1650
  />
1692
1651
  </div>
1693
1652
  <div
1694
- class="emotion-21 emotion-22"
1653
+ class="emotion-23 emotion-24"
1695
1654
  >
1696
1655
  <mock-settings-dropdown />
1697
1656
  </div>
@@ -1701,8 +1660,8 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1701
1660
 
1702
1661
  exports[`EditorToolbar should render with status=pending_publish,useOpenAuthoring=true 1`] = `
1703
1662
  <DocumentFragment>
1704
- .emotion-28 {
1705
- box-shadow: 0 2px 6px 0 rgba(68,74,87,0.05),0 1px 3px 0 rgba(68,74,87,0.1),0 2px 54px rgba(0,0,0,0.1);
1663
+ .emotion-0 {
1664
+ box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
1706
1665
  position: fixed;
1707
1666
  top: 0;
1708
1667
  left: 0;
@@ -1717,28 +1676,22 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1717
1676
  display: flex;
1718
1677
  -webkit-box-pack: justify;
1719
1678
  -webkit-justify-content: space-between;
1720
- -ms-flex-pack: justify;
1721
1679
  justify-content: space-between;
1722
1680
  }
1723
1681
 
1724
- .emotion-0 {
1682
+ .emotion-2 {
1725
1683
  color: #313d3e;
1726
1684
  font-size: 21px;
1727
1685
  font-weight: 600;
1728
1686
  margin-right: 16px;
1729
1687
  }
1730
1688
 
1731
- .emotion-2 {
1732
- color: #313d3e;
1733
- font-size: 14px;
1734
- }
1735
-
1736
- .emotion-2 {
1689
+ .emotion-4 {
1737
1690
  color: #313d3e;
1738
1691
  font-size: 14px;
1739
1692
  }
1740
1693
 
1741
- .emotion-4 {
1694
+ .emotion-6 {
1742
1695
  margin-top: 6px;
1743
1696
  font-size: 13px;
1744
1697
  line-height: 1;
@@ -1748,7 +1701,7 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1748
1701
  color: #005614;
1749
1702
  }
1750
1703
 
1751
- .emotion-24 {
1704
+ .emotion-8 {
1752
1705
  height: 100%;
1753
1706
  display: -webkit-box;
1754
1707
  display: -webkit-flex;
@@ -1768,39 +1721,11 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1768
1721
  display: flex;
1769
1722
  -webkit-box-pack: justify;
1770
1723
  -webkit-justify-content: space-between;
1771
- -ms-flex-pack: justify;
1772
1724
  justify-content: space-between;
1773
1725
  padding: 0 10px;
1774
1726
  }
1775
-
1776
- .emotion-20 {
1777
- display: -webkit-box;
1778
- display: -webkit-flex;
1779
- display: -ms-flexbox;
1780
- display: flex;
1781
- -webkit-align-items: center;
1782
- -webkit-box-align: center;
1783
- -ms-flex-align: center;
1784
- align-items: center;
1785
- }
1786
-
1787
- .emotion-22 {
1788
- display: -webkit-box;
1789
- display: -webkit-flex;
1790
- display: -ms-flexbox;
1791
- display: flex;
1792
- -webkit-align-items: center;
1793
- -webkit-box-align: center;
1794
- -ms-flex-align: center;
1795
- align-items: center;
1796
- -webkit-box-pack: end;
1797
- -webkit-justify-content: flex-end;
1798
- -ms-flex-pack: end;
1799
- justify-content: flex-end;
1800
- }
1801
-
1802
- .emotion-26 {
1803
- height: 100%;
1727
+
1728
+ .emotion-10 {
1804
1729
  display: -webkit-box;
1805
1730
  display: -webkit-flex;
1806
1731
  display: -ms-flexbox;
@@ -1809,12 +1734,9 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1809
1734
  -webkit-box-align: center;
1810
1735
  -ms-flex-align: center;
1811
1736
  align-items: center;
1812
- border: 0 solid #dfdfe3;
1813
- border-left-width: 1px;
1814
- padding: 0 7px;
1815
1737
  }
1816
1738
 
1817
- .emotion-6 {
1739
+ .emotion-12 {
1818
1740
  border: 0;
1819
1741
  border-radius: 5px;
1820
1742
  cursor: pointer;
@@ -1833,19 +1755,19 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1833
1755
  color: #3a69c7;
1834
1756
  }
1835
1757
 
1836
- @media (max-width:1200px) {
1837
- .emotion-6 {
1758
+ @media (max-width: 1200px) {
1759
+ .emotion-12 {
1838
1760
  padding: 0 10px;
1839
1761
  }
1840
1762
  }
1841
1763
 
1842
- .emotion-6[disabled] {
1764
+ .emotion-12[disabled] {
1843
1765
  background-color: #eff0f4;
1844
1766
  color: #798291;
1845
1767
  cursor: default;
1846
1768
  }
1847
1769
 
1848
- .emotion-11 {
1770
+ .emotion-15 {
1849
1771
  position: relative;
1850
1772
  font-size: 14px;
1851
1773
  -webkit-user-select: none;
@@ -1855,11 +1777,11 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1855
1777
  margin: 0 10px;
1856
1778
  }
1857
1779
 
1858
- .emotion-11 .emotion-13 {
1780
+ .emotion-15 .emotion-23 {
1859
1781
  color: #17a2b8;
1860
1782
  }
1861
1783
 
1862
- .emotion-8 {
1784
+ .emotion-17 {
1863
1785
  border: 0;
1864
1786
  border-radius: 5px;
1865
1787
  cursor: pointer;
@@ -1880,7 +1802,7 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1880
1802
  color: #17a2b8;
1881
1803
  }
1882
1804
 
1883
- .emotion-8:after {
1805
+ .emotion-17:after {
1884
1806
  color: #fff;
1885
1807
  width: 0;
1886
1808
  height: 0;
@@ -1896,96 +1818,127 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1896
1818
  color: currentColor;
1897
1819
  }
1898
1820
 
1899
- @media (max-width:1200px) {
1900
- .emotion-8 {
1821
+ @media (max-width: 1200px) {
1822
+ .emotion-17 {
1901
1823
  padding-left: 10px;
1902
1824
  }
1903
1825
  }
1904
1826
 
1905
- .emotion-18 {
1827
+ .emotion-19 {
1906
1828
  position: relative;
1907
1829
  }
1908
1830
 
1909
- .emotion-16 {
1831
+ .emotion-21 {
1910
1832
  position: relative;
1911
1833
  display: inline-block;
1912
1834
  }
1913
1835
 
1914
- .emotion-16:hover + .e1d2l9mo0 {
1836
+ .emotion-21:hover+.e1d2l9mo26 {
1915
1837
  visibility: visible;
1916
1838
  opacity: 0.9;
1917
1839
  }
1918
1840
 
1919
- .emotion-14 {
1841
+ .emotion-24 {
1920
1842
  display: inline-block;
1921
1843
  line-height: 0;
1922
1844
  width: 18px;
1923
1845
  height: 18px;
1924
1846
  -webkit-transform: rotate(0deg);
1847
+ -moz-transform: rotate(0deg);
1925
1848
  -ms-transform: rotate(0deg);
1926
1849
  transform: rotate(0deg);
1927
1850
  }
1928
1851
 
1929
- .emotion-14 path:not(.no-fill),
1930
- .emotion-14 circle:not(.no-fill),
1931
- .emotion-14 polygon:not(.no-fill),
1932
- .emotion-14 rect:not(.no-fill) {
1852
+ .emotion-24 path:not(.no-fill),
1853
+ .emotion-24 circle:not(.no-fill),
1854
+ .emotion-24 polygon:not(.no-fill),
1855
+ .emotion-24 rect:not(.no-fill) {
1933
1856
  fill: currentColor;
1934
1857
  }
1935
1858
 
1936
- .emotion-14 path.clipped {
1859
+ .emotion-24 path.clipped {
1937
1860
  fill: transparent;
1938
1861
  }
1939
1862
 
1940
- .emotion-14 svg {
1863
+ .emotion-24 svg {
1941
1864
  width: 100%;
1942
1865
  height: 100%;
1943
1866
  }
1944
1867
 
1868
+ .emotion-26 {
1869
+ display: -webkit-box;
1870
+ display: -webkit-flex;
1871
+ display: -ms-flexbox;
1872
+ display: flex;
1873
+ -webkit-align-items: center;
1874
+ -webkit-box-align: center;
1875
+ -ms-flex-align: center;
1876
+ align-items: center;
1877
+ -webkit-box-pack: end;
1878
+ -ms-flex-pack: end;
1879
+ -webkit-justify-content: flex-end;
1880
+ justify-content: flex-end;
1881
+ }
1882
+
1883
+ .emotion-28 {
1884
+ height: 100%;
1885
+ display: -webkit-box;
1886
+ display: -webkit-flex;
1887
+ display: -ms-flexbox;
1888
+ display: flex;
1889
+ -webkit-align-items: center;
1890
+ -webkit-box-align: center;
1891
+ -ms-flex-align: center;
1892
+ align-items: center;
1893
+ border: 0 solid #dfdfe3;
1894
+ border-left-width: 1px;
1895
+ padding: 0 7px;
1896
+ }
1897
+
1945
1898
  <div
1946
- class="emotion-28 emotion-29"
1899
+ class="emotion-0 emotion-1"
1947
1900
  >
1948
1901
  <mock-link
1949
- classname="css-h6rugo-ToolbarSectionBackLink-toolbarSection e1d2l9mo8"
1902
+ classname="css-abwcjt-ToolbarSectionBackLink-toolbarSection e1d2l9mo18"
1950
1903
  to=""
1951
1904
  >
1952
1905
  <div
1953
- class="emotion-0 emotion-1"
1906
+ class="emotion-2 emotion-3"
1954
1907
  >
1955
1908
  ←
1956
1909
  </div>
1957
1910
  <div>
1958
1911
  <div
1959
- class="emotion-2 emotion-3"
1912
+ class="emotion-4 emotion-5"
1960
1913
  >
1961
1914
  editor.editorToolbar.backCollection
1962
1915
  </div>
1963
1916
  <div
1964
- class="emotion-4 emotion-5"
1917
+ class="emotion-6 emotion-7"
1965
1918
  >
1966
1919
  editor.editorToolbar.changesSaved
1967
1920
  </div>
1968
1921
  </div>
1969
1922
  </mock-link>
1970
1923
  <div
1971
- class="emotion-24 emotion-25"
1924
+ class="emotion-8 emotion-9"
1972
1925
  >
1973
1926
  <div
1974
- class="emotion-20 emotion-21"
1927
+ class="emotion-10 emotion-11"
1975
1928
  >
1976
1929
  <button
1977
- class="emotion-6 emotion-7"
1930
+ class="emotion-12 emotion-13"
1978
1931
  disabled=""
1979
1932
  >
1980
1933
  editor.editorToolbar.save
1981
1934
  </button>
1982
1935
  <div
1983
- class="emotion-10 emotion-11 emotion-12"
1936
+ class="emotion-14 emotion-15 emotion-16"
1984
1937
  >
1985
1938
  <span
1986
1939
  aria-expanded="false"
1987
1940
  aria-haspopup="true"
1988
- class="emotion-8 emotion-9"
1941
+ class="emotion-17 emotion-18"
1989
1942
  role="button"
1990
1943
  tabindex="0"
1991
1944
  >
@@ -1993,13 +1946,13 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
1993
1946
  </span>
1994
1947
  </div>
1995
1948
  <div
1996
- class="emotion-18 emotion-19"
1949
+ class="emotion-19 emotion-20"
1997
1950
  >
1998
1951
  <div
1999
- class="emotion-16 emotion-17"
1952
+ class="emotion-21 emotion-22"
2000
1953
  >
2001
1954
  <span
2002
- class="tooltip emotion-13 emotion-14 emotion-15"
1955
+ class="tooltip emotion-23 emotion-24 emotion-25"
2003
1956
  >
2004
1957
  <svg
2005
1958
  class="bi bi-info-circle"
@@ -2021,11 +1974,11 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
2021
1974
  </div>
2022
1975
  </div>
2023
1976
  <div
2024
- class="emotion-22 emotion-23"
1977
+ class="emotion-26 emotion-27"
2025
1978
  />
2026
1979
  </div>
2027
1980
  <div
2028
- class="emotion-26 emotion-27"
1981
+ class="emotion-28 emotion-29"
2029
1982
  >
2030
1983
  <mock-settings-dropdown />
2031
1984
  </div>
@@ -2035,8 +1988,8 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
2035
1988
 
2036
1989
  exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring=false 1`] = `
2037
1990
  <DocumentFragment>
2038
- .emotion-23 {
2039
- box-shadow: 0 2px 6px 0 rgba(68,74,87,0.05),0 1px 3px 0 rgba(68,74,87,0.1),0 2px 54px rgba(0,0,0,0.1);
1991
+ .emotion-0 {
1992
+ box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
2040
1993
  position: fixed;
2041
1994
  top: 0;
2042
1995
  left: 0;
@@ -2051,28 +2004,22 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2051
2004
  display: flex;
2052
2005
  -webkit-box-pack: justify;
2053
2006
  -webkit-justify-content: space-between;
2054
- -ms-flex-pack: justify;
2055
2007
  justify-content: space-between;
2056
2008
  }
2057
2009
 
2058
- .emotion-0 {
2010
+ .emotion-2 {
2059
2011
  color: #313d3e;
2060
2012
  font-size: 21px;
2061
2013
  font-weight: 600;
2062
2014
  margin-right: 16px;
2063
2015
  }
2064
2016
 
2065
- .emotion-2 {
2066
- color: #313d3e;
2067
- font-size: 14px;
2068
- }
2069
-
2070
- .emotion-2 {
2017
+ .emotion-4 {
2071
2018
  color: #313d3e;
2072
2019
  font-size: 14px;
2073
2020
  }
2074
2021
 
2075
- .emotion-4 {
2022
+ .emotion-6 {
2076
2023
  margin-top: 6px;
2077
2024
  font-size: 13px;
2078
2025
  line-height: 1;
@@ -2082,7 +2029,7 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2082
2029
  color: #005614;
2083
2030
  }
2084
2031
 
2085
- .emotion-19 {
2032
+ .emotion-8 {
2086
2033
  height: 100%;
2087
2034
  display: -webkit-box;
2088
2035
  display: -webkit-flex;
@@ -2102,64 +2049,11 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2102
2049
  display: flex;
2103
2050
  -webkit-box-pack: justify;
2104
2051
  -webkit-justify-content: space-between;
2105
- -ms-flex-pack: justify;
2106
2052
  justify-content: space-between;
2107
2053
  padding: 0 10px;
2108
2054
  }
2109
2055
 
2110
- .emotion-15 {
2111
- display: -webkit-box;
2112
- display: -webkit-flex;
2113
- display: -ms-flexbox;
2114
- display: flex;
2115
- -webkit-align-items: center;
2116
- -webkit-box-align: center;
2117
- -ms-flex-align: center;
2118
- align-items: center;
2119
- }
2120
-
2121
- .emotion-13 {
2122
- border: 0;
2123
- border-radius: 5px;
2124
- cursor: pointer;
2125
- height: 36px;
2126
- line-height: 36px;
2127
- font-weight: 500;
2128
- padding: 0 15px;
2129
- background-color: #798291;
2130
- color: #fff;
2131
- margin: 0 10px;
2132
- overflow: hidden;
2133
- white-space: nowrap;
2134
- text-overflow: ellipsis;
2135
- display: block;
2136
- background-color: #fcefea;
2137
- color: #D60032;
2138
- }
2139
-
2140
- @media (max-width:1200px) {
2141
- .emotion-13 {
2142
- padding: 0 10px;
2143
- }
2144
- }
2145
-
2146
- .emotion-17 {
2147
- display: -webkit-box;
2148
- display: -webkit-flex;
2149
- display: -ms-flexbox;
2150
- display: flex;
2151
- -webkit-align-items: center;
2152
- -webkit-box-align: center;
2153
- -ms-flex-align: center;
2154
- align-items: center;
2155
- -webkit-box-pack: end;
2156
- -webkit-justify-content: flex-end;
2157
- -ms-flex-pack: end;
2158
- justify-content: flex-end;
2159
- }
2160
-
2161
- .emotion-21 {
2162
- height: 100%;
2056
+ .emotion-10 {
2163
2057
  display: -webkit-box;
2164
2058
  display: -webkit-flex;
2165
2059
  display: -ms-flexbox;
@@ -2168,12 +2062,9 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2168
2062
  -webkit-box-align: center;
2169
2063
  -ms-flex-align: center;
2170
2064
  align-items: center;
2171
- border: 0 solid #dfdfe3;
2172
- border-left-width: 1px;
2173
- padding: 0 7px;
2174
2065
  }
2175
2066
 
2176
- .emotion-6 {
2067
+ .emotion-12 {
2177
2068
  border: 0;
2178
2069
  border-radius: 5px;
2179
2070
  cursor: pointer;
@@ -2192,19 +2083,19 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2192
2083
  color: #3a69c7;
2193
2084
  }
2194
2085
 
2195
- @media (max-width:1200px) {
2196
- .emotion-6 {
2086
+ @media (max-width: 1200px) {
2087
+ .emotion-12 {
2197
2088
  padding: 0 10px;
2198
2089
  }
2199
2090
  }
2200
2091
 
2201
- .emotion-6[disabled] {
2092
+ .emotion-12[disabled] {
2202
2093
  background-color: #eff0f4;
2203
2094
  color: #798291;
2204
2095
  cursor: default;
2205
2096
  }
2206
2097
 
2207
- .emotion-11 {
2098
+ .emotion-15 {
2208
2099
  position: relative;
2209
2100
  font-size: 14px;
2210
2101
  -webkit-user-select: none;
@@ -2214,11 +2105,11 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2214
2105
  margin: 0 10px;
2215
2106
  }
2216
2107
 
2217
- .emotion-11 .e1jeq5dr1 {
2108
+ .emotion-15 .e1jeq5dr0 {
2218
2109
  color: #17a2b8;
2219
2110
  }
2220
2111
 
2221
- .emotion-8 {
2112
+ .emotion-17 {
2222
2113
  border: 0;
2223
2114
  border-radius: 5px;
2224
2115
  cursor: pointer;
@@ -2239,7 +2130,7 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2239
2130
  color: #17a2b8;
2240
2131
  }
2241
2132
 
2242
- .emotion-8:after {
2133
+ .emotion-17:after {
2243
2134
  color: #fff;
2244
2135
  width: 0;
2245
2136
  height: 0;
@@ -2255,56 +2146,111 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2255
2146
  color: currentColor;
2256
2147
  }
2257
2148
 
2258
- @media (max-width:1200px) {
2259
- .emotion-8 {
2149
+ @media (max-width: 1200px) {
2150
+ .emotion-17 {
2260
2151
  padding-left: 10px;
2261
2152
  }
2262
2153
  }
2263
2154
 
2155
+ .emotion-19 {
2156
+ border: 0;
2157
+ border-radius: 5px;
2158
+ cursor: pointer;
2159
+ height: 36px;
2160
+ line-height: 36px;
2161
+ font-weight: 500;
2162
+ padding: 0 15px;
2163
+ background-color: #798291;
2164
+ color: #fff;
2165
+ margin: 0 10px;
2166
+ overflow: hidden;
2167
+ white-space: nowrap;
2168
+ text-overflow: ellipsis;
2169
+ display: block;
2170
+ background-color: #fcefea;
2171
+ color: #D60032;
2172
+ }
2173
+
2174
+ @media (max-width: 1200px) {
2175
+ .emotion-19 {
2176
+ padding: 0 10px;
2177
+ }
2178
+ }
2179
+
2180
+ .emotion-21 {
2181
+ display: -webkit-box;
2182
+ display: -webkit-flex;
2183
+ display: -ms-flexbox;
2184
+ display: flex;
2185
+ -webkit-align-items: center;
2186
+ -webkit-box-align: center;
2187
+ -ms-flex-align: center;
2188
+ align-items: center;
2189
+ -webkit-box-pack: end;
2190
+ -ms-flex-pack: end;
2191
+ -webkit-justify-content: flex-end;
2192
+ justify-content: flex-end;
2193
+ }
2194
+
2195
+ .emotion-23 {
2196
+ height: 100%;
2197
+ display: -webkit-box;
2198
+ display: -webkit-flex;
2199
+ display: -ms-flexbox;
2200
+ display: flex;
2201
+ -webkit-align-items: center;
2202
+ -webkit-box-align: center;
2203
+ -ms-flex-align: center;
2204
+ align-items: center;
2205
+ border: 0 solid #dfdfe3;
2206
+ border-left-width: 1px;
2207
+ padding: 0 7px;
2208
+ }
2209
+
2264
2210
  <div
2265
- class="emotion-23 emotion-24"
2211
+ class="emotion-0 emotion-1"
2266
2212
  >
2267
2213
  <mock-link
2268
- classname="css-h6rugo-ToolbarSectionBackLink-toolbarSection e1d2l9mo8"
2214
+ classname="css-abwcjt-ToolbarSectionBackLink-toolbarSection e1d2l9mo18"
2269
2215
  to=""
2270
2216
  >
2271
2217
  <div
2272
- class="emotion-0 emotion-1"
2218
+ class="emotion-2 emotion-3"
2273
2219
  >
2274
2220
  ←
2275
2221
  </div>
2276
2222
  <div>
2277
2223
  <div
2278
- class="emotion-2 emotion-3"
2224
+ class="emotion-4 emotion-5"
2279
2225
  >
2280
2226
  editor.editorToolbar.backCollection
2281
2227
  </div>
2282
2228
  <div
2283
- class="emotion-4 emotion-5"
2229
+ class="emotion-6 emotion-7"
2284
2230
  >
2285
2231
  editor.editorToolbar.changesSaved
2286
2232
  </div>
2287
2233
  </div>
2288
2234
  </mock-link>
2289
2235
  <div
2290
- class="emotion-19 emotion-20"
2236
+ class="emotion-8 emotion-9"
2291
2237
  >
2292
2238
  <div
2293
- class="emotion-15 emotion-16"
2239
+ class="emotion-10 emotion-11"
2294
2240
  >
2295
2241
  <button
2296
- class="emotion-6 emotion-7"
2242
+ class="emotion-12 emotion-13"
2297
2243
  disabled=""
2298
2244
  >
2299
2245
  editor.editorToolbar.save
2300
2246
  </button>
2301
2247
  <div
2302
- class="emotion-10 emotion-11 emotion-12"
2248
+ class="emotion-14 emotion-15 emotion-16"
2303
2249
  >
2304
2250
  <span
2305
2251
  aria-expanded="false"
2306
2252
  aria-haspopup="true"
2307
- class="emotion-8 emotion-9"
2253
+ class="emotion-17 emotion-18"
2308
2254
  role="button"
2309
2255
  tabindex="0"
2310
2256
  >
@@ -2312,17 +2258,17 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2312
2258
  </span>
2313
2259
  </div>
2314
2260
  <button
2315
- class="emotion-13 emotion-14"
2261
+ class="emotion-19 emotion-20"
2316
2262
  >
2317
2263
  editor.editorToolbar.deletePublishedEntry
2318
2264
  </button>
2319
2265
  </div>
2320
2266
  <div
2321
- class="emotion-17 emotion-18"
2267
+ class="emotion-21 emotion-22"
2322
2268
  />
2323
2269
  </div>
2324
2270
  <div
2325
- class="emotion-21 emotion-22"
2271
+ class="emotion-23 emotion-24"
2326
2272
  >
2327
2273
  <mock-settings-dropdown />
2328
2274
  </div>
@@ -2332,8 +2278,8 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2332
2278
 
2333
2279
  exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring=true 1`] = `
2334
2280
  <DocumentFragment>
2335
- .emotion-30 {
2336
- box-shadow: 0 2px 6px 0 rgba(68,74,87,0.05),0 1px 3px 0 rgba(68,74,87,0.1),0 2px 54px rgba(0,0,0,0.1);
2281
+ .emotion-0 {
2282
+ box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
2337
2283
  position: fixed;
2338
2284
  top: 0;
2339
2285
  left: 0;
@@ -2348,28 +2294,22 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2348
2294
  display: flex;
2349
2295
  -webkit-box-pack: justify;
2350
2296
  -webkit-justify-content: space-between;
2351
- -ms-flex-pack: justify;
2352
2297
  justify-content: space-between;
2353
2298
  }
2354
2299
 
2355
- .emotion-0 {
2300
+ .emotion-2 {
2356
2301
  color: #313d3e;
2357
2302
  font-size: 21px;
2358
2303
  font-weight: 600;
2359
2304
  margin-right: 16px;
2360
2305
  }
2361
2306
 
2362
- .emotion-2 {
2363
- color: #313d3e;
2364
- font-size: 14px;
2365
- }
2366
-
2367
- .emotion-2 {
2307
+ .emotion-4 {
2368
2308
  color: #313d3e;
2369
2309
  font-size: 14px;
2370
2310
  }
2371
2311
 
2372
- .emotion-4 {
2312
+ .emotion-6 {
2373
2313
  margin-top: 6px;
2374
2314
  font-size: 13px;
2375
2315
  line-height: 1;
@@ -2379,7 +2319,7 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2379
2319
  color: #005614;
2380
2320
  }
2381
2321
 
2382
- .emotion-26 {
2322
+ .emotion-8 {
2383
2323
  height: 100%;
2384
2324
  display: -webkit-box;
2385
2325
  display: -webkit-flex;
@@ -2399,39 +2339,11 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2399
2339
  display: flex;
2400
2340
  -webkit-box-pack: justify;
2401
2341
  -webkit-justify-content: space-between;
2402
- -ms-flex-pack: justify;
2403
2342
  justify-content: space-between;
2404
2343
  padding: 0 10px;
2405
2344
  }
2406
2345
 
2407
- .emotion-22 {
2408
- display: -webkit-box;
2409
- display: -webkit-flex;
2410
- display: -ms-flexbox;
2411
- display: flex;
2412
- -webkit-align-items: center;
2413
- -webkit-box-align: center;
2414
- -ms-flex-align: center;
2415
- align-items: center;
2416
- }
2417
-
2418
- .emotion-24 {
2419
- display: -webkit-box;
2420
- display: -webkit-flex;
2421
- display: -ms-flexbox;
2422
- display: flex;
2423
- -webkit-align-items: center;
2424
- -webkit-box-align: center;
2425
- -ms-flex-align: center;
2426
- align-items: center;
2427
- -webkit-box-pack: end;
2428
- -webkit-justify-content: flex-end;
2429
- -ms-flex-pack: end;
2430
- justify-content: flex-end;
2431
- }
2432
-
2433
- .emotion-28 {
2434
- height: 100%;
2346
+ .emotion-10 {
2435
2347
  display: -webkit-box;
2436
2348
  display: -webkit-flex;
2437
2349
  display: -ms-flexbox;
@@ -2440,12 +2352,9 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2440
2352
  -webkit-box-align: center;
2441
2353
  -ms-flex-align: center;
2442
2354
  align-items: center;
2443
- border: 0 solid #dfdfe3;
2444
- border-left-width: 1px;
2445
- padding: 0 7px;
2446
2355
  }
2447
2356
 
2448
- .emotion-6 {
2357
+ .emotion-12 {
2449
2358
  border: 0;
2450
2359
  border-radius: 5px;
2451
2360
  cursor: pointer;
@@ -2464,19 +2373,19 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2464
2373
  color: #3a69c7;
2465
2374
  }
2466
2375
 
2467
- @media (max-width:1200px) {
2468
- .emotion-6 {
2376
+ @media (max-width: 1200px) {
2377
+ .emotion-12 {
2469
2378
  padding: 0 10px;
2470
2379
  }
2471
2380
  }
2472
2381
 
2473
- .emotion-6[disabled] {
2382
+ .emotion-12[disabled] {
2474
2383
  background-color: #eff0f4;
2475
2384
  color: #798291;
2476
2385
  cursor: default;
2477
2386
  }
2478
2387
 
2479
- .emotion-11 {
2388
+ .emotion-15 {
2480
2389
  position: relative;
2481
2390
  font-size: 14px;
2482
2391
  -webkit-user-select: none;
@@ -2486,11 +2395,11 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2486
2395
  margin: 0 10px;
2487
2396
  }
2488
2397
 
2489
- .emotion-11 .emotion-13 {
2398
+ .emotion-15 .emotion-23 {
2490
2399
  color: #17a2b8;
2491
2400
  }
2492
2401
 
2493
- .emotion-8 {
2402
+ .emotion-17 {
2494
2403
  border: 0;
2495
2404
  border-radius: 5px;
2496
2405
  cursor: pointer;
@@ -2511,7 +2420,7 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2511
2420
  color: #17a2b8;
2512
2421
  }
2513
2422
 
2514
- .emotion-8:after {
2423
+ .emotion-17:after {
2515
2424
  color: #fff;
2516
2425
  width: 0;
2517
2426
  height: 0;
@@ -2527,53 +2436,54 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2527
2436
  color: currentColor;
2528
2437
  }
2529
2438
 
2530
- @media (max-width:1200px) {
2531
- .emotion-8 {
2439
+ @media (max-width: 1200px) {
2440
+ .emotion-17 {
2532
2441
  padding-left: 10px;
2533
2442
  }
2534
2443
  }
2535
2444
 
2536
- .emotion-20 {
2445
+ .emotion-19 {
2537
2446
  position: relative;
2538
2447
  }
2539
2448
 
2540
- .emotion-16 {
2449
+ .emotion-21 {
2541
2450
  position: relative;
2542
2451
  display: inline-block;
2543
2452
  }
2544
2453
 
2545
- .emotion-16:hover + .emotion-19 {
2454
+ .emotion-21:hover+.emotion-27 {
2546
2455
  visibility: visible;
2547
2456
  opacity: 0.9;
2548
2457
  }
2549
2458
 
2550
- .emotion-14 {
2459
+ .emotion-24 {
2551
2460
  display: inline-block;
2552
2461
  line-height: 0;
2553
2462
  width: 18px;
2554
2463
  height: 18px;
2555
2464
  -webkit-transform: rotate(0deg);
2465
+ -moz-transform: rotate(0deg);
2556
2466
  -ms-transform: rotate(0deg);
2557
2467
  transform: rotate(0deg);
2558
2468
  }
2559
2469
 
2560
- .emotion-14 path:not(.no-fill),
2561
- .emotion-14 circle:not(.no-fill),
2562
- .emotion-14 polygon:not(.no-fill),
2563
- .emotion-14 rect:not(.no-fill) {
2470
+ .emotion-24 path:not(.no-fill),
2471
+ .emotion-24 circle:not(.no-fill),
2472
+ .emotion-24 polygon:not(.no-fill),
2473
+ .emotion-24 rect:not(.no-fill) {
2564
2474
  fill: currentColor;
2565
2475
  }
2566
2476
 
2567
- .emotion-14 path.clipped {
2477
+ .emotion-24 path.clipped {
2568
2478
  fill: transparent;
2569
2479
  }
2570
2480
 
2571
- .emotion-14 svg {
2481
+ .emotion-24 svg {
2572
2482
  width: 100%;
2573
2483
  height: 100%;
2574
2484
  }
2575
2485
 
2576
- .emotion-18 {
2486
+ .emotion-26 {
2577
2487
  visibility: hidden;
2578
2488
  width: 321px;
2579
2489
  background-color: #555;
@@ -2591,50 +2501,80 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2591
2501
  transition: opacity 0.3s;
2592
2502
  }
2593
2503
 
2504
+ .emotion-28 {
2505
+ display: -webkit-box;
2506
+ display: -webkit-flex;
2507
+ display: -ms-flexbox;
2508
+ display: flex;
2509
+ -webkit-align-items: center;
2510
+ -webkit-box-align: center;
2511
+ -ms-flex-align: center;
2512
+ align-items: center;
2513
+ -webkit-box-pack: end;
2514
+ -ms-flex-pack: end;
2515
+ -webkit-justify-content: flex-end;
2516
+ justify-content: flex-end;
2517
+ }
2518
+
2519
+ .emotion-30 {
2520
+ height: 100%;
2521
+ display: -webkit-box;
2522
+ display: -webkit-flex;
2523
+ display: -ms-flexbox;
2524
+ display: flex;
2525
+ -webkit-align-items: center;
2526
+ -webkit-box-align: center;
2527
+ -ms-flex-align: center;
2528
+ align-items: center;
2529
+ border: 0 solid #dfdfe3;
2530
+ border-left-width: 1px;
2531
+ padding: 0 7px;
2532
+ }
2533
+
2594
2534
  <div
2595
- class="emotion-30 emotion-31"
2535
+ class="emotion-0 emotion-1"
2596
2536
  >
2597
2537
  <mock-link
2598
- classname="css-h6rugo-ToolbarSectionBackLink-toolbarSection e1d2l9mo8"
2538
+ classname="css-abwcjt-ToolbarSectionBackLink-toolbarSection e1d2l9mo18"
2599
2539
  to=""
2600
2540
  >
2601
2541
  <div
2602
- class="emotion-0 emotion-1"
2542
+ class="emotion-2 emotion-3"
2603
2543
  >
2604
2544
  ←
2605
2545
  </div>
2606
2546
  <div>
2607
2547
  <div
2608
- class="emotion-2 emotion-3"
2548
+ class="emotion-4 emotion-5"
2609
2549
  >
2610
2550
  editor.editorToolbar.backCollection
2611
2551
  </div>
2612
2552
  <div
2613
- class="emotion-4 emotion-5"
2553
+ class="emotion-6 emotion-7"
2614
2554
  >
2615
2555
  editor.editorToolbar.changesSaved
2616
2556
  </div>
2617
2557
  </div>
2618
2558
  </mock-link>
2619
2559
  <div
2620
- class="emotion-26 emotion-27"
2560
+ class="emotion-8 emotion-9"
2621
2561
  >
2622
2562
  <div
2623
- class="emotion-22 emotion-23"
2563
+ class="emotion-10 emotion-11"
2624
2564
  >
2625
2565
  <button
2626
- class="emotion-6 emotion-7"
2566
+ class="emotion-12 emotion-13"
2627
2567
  disabled=""
2628
2568
  >
2629
2569
  editor.editorToolbar.save
2630
2570
  </button>
2631
2571
  <div
2632
- class="emotion-10 emotion-11 emotion-12"
2572
+ class="emotion-14 emotion-15 emotion-16"
2633
2573
  >
2634
2574
  <span
2635
2575
  aria-expanded="false"
2636
2576
  aria-haspopup="true"
2637
- class="emotion-8 emotion-9"
2577
+ class="emotion-17 emotion-18"
2638
2578
  role="button"
2639
2579
  tabindex="0"
2640
2580
  >
@@ -2642,13 +2582,13 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2642
2582
  </span>
2643
2583
  </div>
2644
2584
  <div
2645
- class="emotion-20 emotion-21"
2585
+ class="emotion-19 emotion-20"
2646
2586
  >
2647
2587
  <div
2648
- class="emotion-16 emotion-17"
2588
+ class="emotion-21 emotion-22"
2649
2589
  >
2650
2590
  <span
2651
- class="tooltip emotion-13 emotion-14 emotion-15"
2591
+ class="tooltip emotion-23 emotion-24 emotion-25"
2652
2592
  >
2653
2593
  <svg
2654
2594
  class="bi bi-info-circle"
@@ -2668,18 +2608,18 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2668
2608
  </span>
2669
2609
  </div>
2670
2610
  <div
2671
- class="emotion-18 emotion-19"
2611
+ class="emotion-26 emotion-27"
2672
2612
  >
2673
2613
  editor.editorToolbar.statusInfoTooltipInReview
2674
2614
  </div>
2675
2615
  </div>
2676
2616
  </div>
2677
2617
  <div
2678
- class="emotion-24 emotion-25"
2618
+ class="emotion-28 emotion-29"
2679
2619
  />
2680
2620
  </div>
2681
2621
  <div
2682
- class="emotion-28 emotion-29"
2622
+ class="emotion-30 emotion-31"
2683
2623
  >
2684
2624
  <mock-settings-dropdown />
2685
2625
  </div>
@@ -2689,8 +2629,8 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
2689
2629
 
2690
2630
  exports[`EditorToolbar should render with workflow controls hasUnpublishedChanges=false,isNewEntry=false,isModification=false,useOpenAuthoring=false 1`] = `
2691
2631
  <DocumentFragment>
2692
- .emotion-18 {
2693
- box-shadow: 0 2px 6px 0 rgba(68,74,87,0.05),0 1px 3px 0 rgba(68,74,87,0.1),0 2px 54px rgba(0,0,0,0.1);
2632
+ .emotion-0 {
2633
+ box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
2694
2634
  position: fixed;
2695
2635
  top: 0;
2696
2636
  left: 0;
@@ -2705,28 +2645,22 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
2705
2645
  display: flex;
2706
2646
  -webkit-box-pack: justify;
2707
2647
  -webkit-justify-content: space-between;
2708
- -ms-flex-pack: justify;
2709
2648
  justify-content: space-between;
2710
2649
  }
2711
2650
 
2712
- .emotion-0 {
2651
+ .emotion-2 {
2713
2652
  color: #313d3e;
2714
2653
  font-size: 21px;
2715
2654
  font-weight: 600;
2716
2655
  margin-right: 16px;
2717
2656
  }
2718
2657
 
2719
- .emotion-2 {
2720
- color: #313d3e;
2721
- font-size: 14px;
2722
- }
2723
-
2724
- .emotion-2 {
2658
+ .emotion-4 {
2725
2659
  color: #313d3e;
2726
2660
  font-size: 14px;
2727
2661
  }
2728
2662
 
2729
- .emotion-4 {
2663
+ .emotion-6 {
2730
2664
  margin-top: 6px;
2731
2665
  font-size: 13px;
2732
2666
  line-height: 1;
@@ -2736,7 +2670,7 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
2736
2670
  color: #005614;
2737
2671
  }
2738
2672
 
2739
- .emotion-14 {
2673
+ .emotion-8 {
2740
2674
  height: 100%;
2741
2675
  display: -webkit-box;
2742
2676
  display: -webkit-flex;
@@ -2756,7 +2690,6 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
2756
2690
  display: flex;
2757
2691
  -webkit-box-pack: justify;
2758
2692
  -webkit-justify-content: space-between;
2759
- -ms-flex-pack: justify;
2760
2693
  justify-content: space-between;
2761
2694
  padding: 0 10px;
2762
2695
  }
@@ -2772,7 +2705,38 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
2772
2705
  align-items: center;
2773
2706
  }
2774
2707
 
2775
- .emotion-8 {
2708
+ .emotion-12 {
2709
+ border: 0;
2710
+ border-radius: 5px;
2711
+ cursor: pointer;
2712
+ height: 36px;
2713
+ line-height: 36px;
2714
+ font-weight: 500;
2715
+ padding: 0 15px;
2716
+ background-color: #798291;
2717
+ color: #fff;
2718
+ margin: 0 10px;
2719
+ overflow: hidden;
2720
+ white-space: nowrap;
2721
+ text-overflow: ellipsis;
2722
+ display: block;
2723
+ background-color: #e8f5fe;
2724
+ color: #3a69c7;
2725
+ }
2726
+
2727
+ @media (max-width: 1200px) {
2728
+ .emotion-12 {
2729
+ padding: 0 10px;
2730
+ }
2731
+ }
2732
+
2733
+ .emotion-12[disabled] {
2734
+ background-color: #eff0f4;
2735
+ color: #798291;
2736
+ cursor: default;
2737
+ }
2738
+
2739
+ .emotion-14 {
2776
2740
  border: 0;
2777
2741
  border-radius: 5px;
2778
2742
  cursor: pointer;
@@ -2791,13 +2755,13 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
2791
2755
  color: #D60032;
2792
2756
  }
2793
2757
 
2794
- @media (max-width:1200px) {
2795
- .emotion-8 {
2758
+ @media (max-width: 1200px) {
2759
+ .emotion-14 {
2796
2760
  padding: 0 10px;
2797
2761
  }
2798
2762
  }
2799
2763
 
2800
- .emotion-12 {
2764
+ .emotion-16 {
2801
2765
  display: -webkit-box;
2802
2766
  display: -webkit-flex;
2803
2767
  display: -ms-flexbox;
@@ -2807,12 +2771,12 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
2807
2771
  -ms-flex-align: center;
2808
2772
  align-items: center;
2809
2773
  -webkit-box-pack: end;
2810
- -webkit-justify-content: flex-end;
2811
2774
  -ms-flex-pack: end;
2775
+ -webkit-justify-content: flex-end;
2812
2776
  justify-content: flex-end;
2813
2777
  }
2814
2778
 
2815
- .emotion-16 {
2779
+ .emotion-18 {
2816
2780
  height: 100%;
2817
2781
  display: -webkit-box;
2818
2782
  display: -webkit-flex;
@@ -2827,86 +2791,55 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
2827
2791
  padding: 0 7px;
2828
2792
  }
2829
2793
 
2830
- .emotion-6 {
2831
- border: 0;
2832
- border-radius: 5px;
2833
- cursor: pointer;
2834
- height: 36px;
2835
- line-height: 36px;
2836
- font-weight: 500;
2837
- padding: 0 15px;
2838
- background-color: #798291;
2839
- color: #fff;
2840
- margin: 0 10px;
2841
- overflow: hidden;
2842
- white-space: nowrap;
2843
- text-overflow: ellipsis;
2844
- display: block;
2845
- background-color: #e8f5fe;
2846
- color: #3a69c7;
2847
- }
2848
-
2849
- @media (max-width:1200px) {
2850
- .emotion-6 {
2851
- padding: 0 10px;
2852
- }
2853
- }
2854
-
2855
- .emotion-6[disabled] {
2856
- background-color: #eff0f4;
2857
- color: #798291;
2858
- cursor: default;
2859
- }
2860
-
2861
2794
  <div
2862
- class="emotion-18 emotion-19"
2795
+ class="emotion-0 emotion-1"
2863
2796
  >
2864
2797
  <mock-link
2865
- classname="css-h6rugo-ToolbarSectionBackLink-toolbarSection e1d2l9mo8"
2798
+ classname="css-abwcjt-ToolbarSectionBackLink-toolbarSection e1d2l9mo18"
2866
2799
  to=""
2867
2800
  >
2868
2801
  <div
2869
- class="emotion-0 emotion-1"
2802
+ class="emotion-2 emotion-3"
2870
2803
  >
2871
2804
  ←
2872
2805
  </div>
2873
2806
  <div>
2874
2807
  <div
2875
- class="emotion-2 emotion-3"
2808
+ class="emotion-4 emotion-5"
2876
2809
  >
2877
2810
  editor.editorToolbar.backCollection
2878
2811
  </div>
2879
2812
  <div
2880
- class="emotion-4 emotion-5"
2813
+ class="emotion-6 emotion-7"
2881
2814
  >
2882
2815
  editor.editorToolbar.changesSaved
2883
2816
  </div>
2884
2817
  </div>
2885
2818
  </mock-link>
2886
2819
  <div
2887
- class="emotion-14 emotion-15"
2820
+ class="emotion-8 emotion-9"
2888
2821
  >
2889
2822
  <div
2890
2823
  class="emotion-10 emotion-11"
2891
2824
  >
2892
2825
  <button
2893
- class="emotion-6 emotion-7"
2826
+ class="emotion-12 emotion-13"
2894
2827
  disabled=""
2895
2828
  >
2896
2829
  editor.editorToolbar.save
2897
2830
  </button>
2898
2831
  <button
2899
- class="emotion-8 emotion-9"
2832
+ class="emotion-14 emotion-15"
2900
2833
  >
2901
2834
  editor.editorToolbar.deletePublishedEntry
2902
2835
  </button>
2903
2836
  </div>
2904
2837
  <div
2905
- class="emotion-12 emotion-13"
2838
+ class="emotion-16 emotion-17"
2906
2839
  />
2907
2840
  </div>
2908
2841
  <div
2909
- class="emotion-16 emotion-17"
2842
+ class="emotion-18 emotion-19"
2910
2843
  >
2911
2844
  <mock-settings-dropdown />
2912
2845
  </div>
@@ -2916,8 +2849,8 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
2916
2849
 
2917
2850
  exports[`EditorToolbar should render with workflow controls hasUnpublishedChanges=false,isNewEntry=false,isModification=false,useOpenAuthoring=true 1`] = `
2918
2851
  <DocumentFragment>
2919
- .emotion-16 {
2920
- box-shadow: 0 2px 6px 0 rgba(68,74,87,0.05),0 1px 3px 0 rgba(68,74,87,0.1),0 2px 54px rgba(0,0,0,0.1);
2852
+ .emotion-0 {
2853
+ box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
2921
2854
  position: fixed;
2922
2855
  top: 0;
2923
2856
  left: 0;
@@ -2932,28 +2865,22 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
2932
2865
  display: flex;
2933
2866
  -webkit-box-pack: justify;
2934
2867
  -webkit-justify-content: space-between;
2935
- -ms-flex-pack: justify;
2936
2868
  justify-content: space-between;
2937
2869
  }
2938
2870
 
2939
- .emotion-0 {
2871
+ .emotion-2 {
2940
2872
  color: #313d3e;
2941
2873
  font-size: 21px;
2942
2874
  font-weight: 600;
2943
2875
  margin-right: 16px;
2944
2876
  }
2945
2877
 
2946
- .emotion-2 {
2947
- color: #313d3e;
2948
- font-size: 14px;
2949
- }
2950
-
2951
- .emotion-2 {
2878
+ .emotion-4 {
2952
2879
  color: #313d3e;
2953
2880
  font-size: 14px;
2954
2881
  }
2955
2882
 
2956
- .emotion-4 {
2883
+ .emotion-6 {
2957
2884
  margin-top: 6px;
2958
2885
  font-size: 13px;
2959
2886
  line-height: 1;
@@ -2963,7 +2890,7 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
2963
2890
  color: #005614;
2964
2891
  }
2965
2892
 
2966
- .emotion-12 {
2893
+ .emotion-8 {
2967
2894
  height: 100%;
2968
2895
  display: -webkit-box;
2969
2896
  display: -webkit-flex;
@@ -2983,22 +2910,10 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
2983
2910
  display: flex;
2984
2911
  -webkit-box-pack: justify;
2985
2912
  -webkit-justify-content: space-between;
2986
- -ms-flex-pack: justify;
2987
2913
  justify-content: space-between;
2988
2914
  padding: 0 10px;
2989
2915
  }
2990
2916
 
2991
- .emotion-8 {
2992
- display: -webkit-box;
2993
- display: -webkit-flex;
2994
- display: -ms-flexbox;
2995
- display: flex;
2996
- -webkit-align-items: center;
2997
- -webkit-box-align: center;
2998
- -ms-flex-align: center;
2999
- align-items: center;
3000
- }
3001
-
3002
2917
  .emotion-10 {
3003
2918
  display: -webkit-box;
3004
2919
  display: -webkit-flex;
@@ -3008,28 +2923,9 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3008
2923
  -webkit-box-align: center;
3009
2924
  -ms-flex-align: center;
3010
2925
  align-items: center;
3011
- -webkit-box-pack: end;
3012
- -webkit-justify-content: flex-end;
3013
- -ms-flex-pack: end;
3014
- justify-content: flex-end;
3015
- }
3016
-
3017
- .emotion-14 {
3018
- height: 100%;
3019
- display: -webkit-box;
3020
- display: -webkit-flex;
3021
- display: -ms-flexbox;
3022
- display: flex;
3023
- -webkit-align-items: center;
3024
- -webkit-box-align: center;
3025
- -ms-flex-align: center;
3026
- align-items: center;
3027
- border: 0 solid #dfdfe3;
3028
- border-left-width: 1px;
3029
- padding: 0 7px;
3030
2926
  }
3031
2927
 
3032
- .emotion-6 {
2928
+ .emotion-12 {
3033
2929
  border: 0;
3034
2930
  border-radius: 5px;
3035
2931
  cursor: pointer;
@@ -3048,62 +2944,92 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3048
2944
  color: #3a69c7;
3049
2945
  }
3050
2946
 
3051
- @media (max-width:1200px) {
3052
- .emotion-6 {
2947
+ @media (max-width: 1200px) {
2948
+ .emotion-12 {
3053
2949
  padding: 0 10px;
3054
2950
  }
3055
2951
  }
3056
2952
 
3057
- .emotion-6[disabled] {
2953
+ .emotion-12[disabled] {
3058
2954
  background-color: #eff0f4;
3059
2955
  color: #798291;
3060
2956
  cursor: default;
3061
2957
  }
3062
2958
 
2959
+ .emotion-14 {
2960
+ display: -webkit-box;
2961
+ display: -webkit-flex;
2962
+ display: -ms-flexbox;
2963
+ display: flex;
2964
+ -webkit-align-items: center;
2965
+ -webkit-box-align: center;
2966
+ -ms-flex-align: center;
2967
+ align-items: center;
2968
+ -webkit-box-pack: end;
2969
+ -ms-flex-pack: end;
2970
+ -webkit-justify-content: flex-end;
2971
+ justify-content: flex-end;
2972
+ }
2973
+
2974
+ .emotion-16 {
2975
+ height: 100%;
2976
+ display: -webkit-box;
2977
+ display: -webkit-flex;
2978
+ display: -ms-flexbox;
2979
+ display: flex;
2980
+ -webkit-align-items: center;
2981
+ -webkit-box-align: center;
2982
+ -ms-flex-align: center;
2983
+ align-items: center;
2984
+ border: 0 solid #dfdfe3;
2985
+ border-left-width: 1px;
2986
+ padding: 0 7px;
2987
+ }
2988
+
3063
2989
  <div
3064
- class="emotion-16 emotion-17"
2990
+ class="emotion-0 emotion-1"
3065
2991
  >
3066
2992
  <mock-link
3067
- classname="css-h6rugo-ToolbarSectionBackLink-toolbarSection e1d2l9mo8"
2993
+ classname="css-abwcjt-ToolbarSectionBackLink-toolbarSection e1d2l9mo18"
3068
2994
  to=""
3069
2995
  >
3070
2996
  <div
3071
- class="emotion-0 emotion-1"
2997
+ class="emotion-2 emotion-3"
3072
2998
  >
3073
2999
  ←
3074
3000
  </div>
3075
3001
  <div>
3076
3002
  <div
3077
- class="emotion-2 emotion-3"
3003
+ class="emotion-4 emotion-5"
3078
3004
  >
3079
3005
  editor.editorToolbar.backCollection
3080
3006
  </div>
3081
3007
  <div
3082
- class="emotion-4 emotion-5"
3008
+ class="emotion-6 emotion-7"
3083
3009
  >
3084
3010
  editor.editorToolbar.changesSaved
3085
3011
  </div>
3086
3012
  </div>
3087
3013
  </mock-link>
3088
3014
  <div
3089
- class="emotion-12 emotion-13"
3015
+ class="emotion-8 emotion-9"
3090
3016
  >
3091
3017
  <div
3092
- class="emotion-8 emotion-9"
3018
+ class="emotion-10 emotion-11"
3093
3019
  >
3094
3020
  <button
3095
- class="emotion-6 emotion-7"
3021
+ class="emotion-12 emotion-13"
3096
3022
  disabled=""
3097
3023
  >
3098
3024
  editor.editorToolbar.save
3099
3025
  </button>
3100
3026
  </div>
3101
3027
  <div
3102
- class="emotion-10 emotion-11"
3028
+ class="emotion-14 emotion-15"
3103
3029
  />
3104
3030
  </div>
3105
3031
  <div
3106
- class="emotion-14 emotion-15"
3032
+ class="emotion-16 emotion-17"
3107
3033
  >
3108
3034
  <mock-settings-dropdown />
3109
3035
  </div>
@@ -3113,8 +3039,8 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3113
3039
 
3114
3040
  exports[`EditorToolbar should render with workflow controls hasUnpublishedChanges=true,isNewEntry=false,isModification=false,useOpenAuthoring=false 1`] = `
3115
3041
  <DocumentFragment>
3116
- .emotion-18 {
3117
- box-shadow: 0 2px 6px 0 rgba(68,74,87,0.05),0 1px 3px 0 rgba(68,74,87,0.1),0 2px 54px rgba(0,0,0,0.1);
3042
+ .emotion-0 {
3043
+ box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
3118
3044
  position: fixed;
3119
3045
  top: 0;
3120
3046
  left: 0;
@@ -3129,28 +3055,22 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3129
3055
  display: flex;
3130
3056
  -webkit-box-pack: justify;
3131
3057
  -webkit-justify-content: space-between;
3132
- -ms-flex-pack: justify;
3133
3058
  justify-content: space-between;
3134
3059
  }
3135
3060
 
3136
- .emotion-0 {
3061
+ .emotion-2 {
3137
3062
  color: #313d3e;
3138
3063
  font-size: 21px;
3139
3064
  font-weight: 600;
3140
3065
  margin-right: 16px;
3141
3066
  }
3142
3067
 
3143
- .emotion-2 {
3144
- color: #313d3e;
3145
- font-size: 14px;
3146
- }
3147
-
3148
- .emotion-2 {
3068
+ .emotion-4 {
3149
3069
  color: #313d3e;
3150
3070
  font-size: 14px;
3151
3071
  }
3152
3072
 
3153
- .emotion-4 {
3073
+ .emotion-6 {
3154
3074
  margin-top: 6px;
3155
3075
  font-size: 13px;
3156
3076
  line-height: 1;
@@ -3160,7 +3080,7 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3160
3080
  color: #005614;
3161
3081
  }
3162
3082
 
3163
- .emotion-14 {
3083
+ .emotion-8 {
3164
3084
  height: 100%;
3165
3085
  display: -webkit-box;
3166
3086
  display: -webkit-flex;
@@ -3180,7 +3100,6 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3180
3100
  display: flex;
3181
3101
  -webkit-box-pack: justify;
3182
3102
  -webkit-justify-content: space-between;
3183
- -ms-flex-pack: justify;
3184
3103
  justify-content: space-between;
3185
3104
  padding: 0 10px;
3186
3105
  }
@@ -3196,7 +3115,7 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3196
3115
  align-items: center;
3197
3116
  }
3198
3117
 
3199
- .emotion-8 {
3118
+ .emotion-12 {
3200
3119
  border: 0;
3201
3120
  border-radius: 5px;
3202
3121
  cursor: pointer;
@@ -3211,47 +3130,23 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3211
3130
  white-space: nowrap;
3212
3131
  text-overflow: ellipsis;
3213
3132
  display: block;
3214
- background-color: #fcefea;
3215
- color: #D60032;
3133
+ background-color: #e8f5fe;
3134
+ color: #3a69c7;
3216
3135
  }
3217
3136
 
3218
- @media (max-width:1200px) {
3219
- .emotion-8 {
3137
+ @media (max-width: 1200px) {
3138
+ .emotion-12 {
3220
3139
  padding: 0 10px;
3221
3140
  }
3222
3141
  }
3223
3142
 
3224
- .emotion-12 {
3225
- display: -webkit-box;
3226
- display: -webkit-flex;
3227
- display: -ms-flexbox;
3228
- display: flex;
3229
- -webkit-align-items: center;
3230
- -webkit-box-align: center;
3231
- -ms-flex-align: center;
3232
- align-items: center;
3233
- -webkit-box-pack: end;
3234
- -webkit-justify-content: flex-end;
3235
- -ms-flex-pack: end;
3236
- justify-content: flex-end;
3237
- }
3238
-
3239
- .emotion-16 {
3240
- height: 100%;
3241
- display: -webkit-box;
3242
- display: -webkit-flex;
3243
- display: -ms-flexbox;
3244
- display: flex;
3245
- -webkit-align-items: center;
3246
- -webkit-box-align: center;
3247
- -ms-flex-align: center;
3248
- align-items: center;
3249
- border: 0 solid #dfdfe3;
3250
- border-left-width: 1px;
3251
- padding: 0 7px;
3143
+ .emotion-12[disabled] {
3144
+ background-color: #eff0f4;
3145
+ color: #798291;
3146
+ cursor: default;
3252
3147
  }
3253
3148
 
3254
- .emotion-6 {
3149
+ .emotion-14 {
3255
3150
  border: 0;
3256
3151
  border-radius: 5px;
3257
3152
  cursor: pointer;
@@ -3266,71 +3161,95 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3266
3161
  white-space: nowrap;
3267
3162
  text-overflow: ellipsis;
3268
3163
  display: block;
3269
- background-color: #e8f5fe;
3270
- color: #3a69c7;
3164
+ background-color: #fcefea;
3165
+ color: #D60032;
3271
3166
  }
3272
3167
 
3273
- @media (max-width:1200px) {
3274
- .emotion-6 {
3168
+ @media (max-width: 1200px) {
3169
+ .emotion-14 {
3275
3170
  padding: 0 10px;
3276
3171
  }
3277
3172
  }
3278
3173
 
3279
- .emotion-6[disabled] {
3280
- background-color: #eff0f4;
3281
- color: #798291;
3282
- cursor: default;
3174
+ .emotion-16 {
3175
+ display: -webkit-box;
3176
+ display: -webkit-flex;
3177
+ display: -ms-flexbox;
3178
+ display: flex;
3179
+ -webkit-align-items: center;
3180
+ -webkit-box-align: center;
3181
+ -ms-flex-align: center;
3182
+ align-items: center;
3183
+ -webkit-box-pack: end;
3184
+ -ms-flex-pack: end;
3185
+ -webkit-justify-content: flex-end;
3186
+ justify-content: flex-end;
3187
+ }
3188
+
3189
+ .emotion-18 {
3190
+ height: 100%;
3191
+ display: -webkit-box;
3192
+ display: -webkit-flex;
3193
+ display: -ms-flexbox;
3194
+ display: flex;
3195
+ -webkit-align-items: center;
3196
+ -webkit-box-align: center;
3197
+ -ms-flex-align: center;
3198
+ align-items: center;
3199
+ border: 0 solid #dfdfe3;
3200
+ border-left-width: 1px;
3201
+ padding: 0 7px;
3283
3202
  }
3284
3203
 
3285
3204
  <div
3286
- class="emotion-18 emotion-19"
3205
+ class="emotion-0 emotion-1"
3287
3206
  >
3288
3207
  <mock-link
3289
- classname="css-h6rugo-ToolbarSectionBackLink-toolbarSection e1d2l9mo8"
3208
+ classname="css-abwcjt-ToolbarSectionBackLink-toolbarSection e1d2l9mo18"
3290
3209
  to=""
3291
3210
  >
3292
3211
  <div
3293
- class="emotion-0 emotion-1"
3212
+ class="emotion-2 emotion-3"
3294
3213
  >
3295
3214
  ←
3296
3215
  </div>
3297
3216
  <div>
3298
3217
  <div
3299
- class="emotion-2 emotion-3"
3218
+ class="emotion-4 emotion-5"
3300
3219
  >
3301
3220
  editor.editorToolbar.backCollection
3302
3221
  </div>
3303
3222
  <div
3304
- class="emotion-4 emotion-5"
3223
+ class="emotion-6 emotion-7"
3305
3224
  >
3306
3225
  editor.editorToolbar.changesSaved
3307
3226
  </div>
3308
3227
  </div>
3309
3228
  </mock-link>
3310
3229
  <div
3311
- class="emotion-14 emotion-15"
3230
+ class="emotion-8 emotion-9"
3312
3231
  >
3313
3232
  <div
3314
3233
  class="emotion-10 emotion-11"
3315
3234
  >
3316
3235
  <button
3317
- class="emotion-6 emotion-7"
3236
+ class="emotion-12 emotion-13"
3318
3237
  disabled=""
3319
3238
  >
3320
3239
  editor.editorToolbar.save
3321
3240
  </button>
3322
3241
  <button
3323
- class="emotion-8 emotion-9"
3242
+ class="emotion-14 emotion-15"
3324
3243
  >
3325
3244
  editor.editorToolbar.deleteUnpublishedEntry
3326
3245
  </button>
3327
3246
  </div>
3328
3247
  <div
3329
- class="emotion-12 emotion-13"
3248
+ class="emotion-16 emotion-17"
3330
3249
  />
3331
3250
  </div>
3332
3251
  <div
3333
- class="emotion-16 emotion-17"
3252
+ class="emotion-18 emotion-19"
3334
3253
  >
3335
3254
  <mock-settings-dropdown />
3336
3255
  </div>
@@ -3340,8 +3259,8 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3340
3259
 
3341
3260
  exports[`EditorToolbar should render with workflow controls hasUnpublishedChanges=true,isNewEntry=false,isModification=false,useOpenAuthoring=true 1`] = `
3342
3261
  <DocumentFragment>
3343
- .emotion-18 {
3344
- box-shadow: 0 2px 6px 0 rgba(68,74,87,0.05),0 1px 3px 0 rgba(68,74,87,0.1),0 2px 54px rgba(0,0,0,0.1);
3262
+ .emotion-0 {
3263
+ box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
3345
3264
  position: fixed;
3346
3265
  top: 0;
3347
3266
  left: 0;
@@ -3356,28 +3275,22 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3356
3275
  display: flex;
3357
3276
  -webkit-box-pack: justify;
3358
3277
  -webkit-justify-content: space-between;
3359
- -ms-flex-pack: justify;
3360
3278
  justify-content: space-between;
3361
3279
  }
3362
3280
 
3363
- .emotion-0 {
3281
+ .emotion-2 {
3364
3282
  color: #313d3e;
3365
3283
  font-size: 21px;
3366
3284
  font-weight: 600;
3367
3285
  margin-right: 16px;
3368
3286
  }
3369
3287
 
3370
- .emotion-2 {
3371
- color: #313d3e;
3372
- font-size: 14px;
3373
- }
3374
-
3375
- .emotion-2 {
3288
+ .emotion-4 {
3376
3289
  color: #313d3e;
3377
3290
  font-size: 14px;
3378
3291
  }
3379
3292
 
3380
- .emotion-4 {
3293
+ .emotion-6 {
3381
3294
  margin-top: 6px;
3382
3295
  font-size: 13px;
3383
3296
  line-height: 1;
@@ -3387,7 +3300,7 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3387
3300
  color: #005614;
3388
3301
  }
3389
3302
 
3390
- .emotion-14 {
3303
+ .emotion-8 {
3391
3304
  height: 100%;
3392
3305
  display: -webkit-box;
3393
3306
  display: -webkit-flex;
@@ -3407,7 +3320,6 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3407
3320
  display: flex;
3408
3321
  -webkit-box-pack: justify;
3409
3322
  -webkit-justify-content: space-between;
3410
- -ms-flex-pack: justify;
3411
3323
  justify-content: space-between;
3412
3324
  padding: 0 10px;
3413
3325
  }
@@ -3423,7 +3335,38 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3423
3335
  align-items: center;
3424
3336
  }
3425
3337
 
3426
- .emotion-8 {
3338
+ .emotion-12 {
3339
+ border: 0;
3340
+ border-radius: 5px;
3341
+ cursor: pointer;
3342
+ height: 36px;
3343
+ line-height: 36px;
3344
+ font-weight: 500;
3345
+ padding: 0 15px;
3346
+ background-color: #798291;
3347
+ color: #fff;
3348
+ margin: 0 10px;
3349
+ overflow: hidden;
3350
+ white-space: nowrap;
3351
+ text-overflow: ellipsis;
3352
+ display: block;
3353
+ background-color: #e8f5fe;
3354
+ color: #3a69c7;
3355
+ }
3356
+
3357
+ @media (max-width: 1200px) {
3358
+ .emotion-12 {
3359
+ padding: 0 10px;
3360
+ }
3361
+ }
3362
+
3363
+ .emotion-12[disabled] {
3364
+ background-color: #eff0f4;
3365
+ color: #798291;
3366
+ cursor: default;
3367
+ }
3368
+
3369
+ .emotion-14 {
3427
3370
  border: 0;
3428
3371
  border-radius: 5px;
3429
3372
  cursor: pointer;
@@ -3442,13 +3385,13 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3442
3385
  color: #D60032;
3443
3386
  }
3444
3387
 
3445
- @media (max-width:1200px) {
3446
- .emotion-8 {
3388
+ @media (max-width: 1200px) {
3389
+ .emotion-14 {
3447
3390
  padding: 0 10px;
3448
3391
  }
3449
3392
  }
3450
3393
 
3451
- .emotion-12 {
3394
+ .emotion-16 {
3452
3395
  display: -webkit-box;
3453
3396
  display: -webkit-flex;
3454
3397
  display: -ms-flexbox;
@@ -3458,12 +3401,12 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3458
3401
  -ms-flex-align: center;
3459
3402
  align-items: center;
3460
3403
  -webkit-box-pack: end;
3461
- -webkit-justify-content: flex-end;
3462
3404
  -ms-flex-pack: end;
3405
+ -webkit-justify-content: flex-end;
3463
3406
  justify-content: flex-end;
3464
3407
  }
3465
3408
 
3466
- .emotion-16 {
3409
+ .emotion-18 {
3467
3410
  height: 100%;
3468
3411
  display: -webkit-box;
3469
3412
  display: -webkit-flex;
@@ -3478,86 +3421,55 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3478
3421
  padding: 0 7px;
3479
3422
  }
3480
3423
 
3481
- .emotion-6 {
3482
- border: 0;
3483
- border-radius: 5px;
3484
- cursor: pointer;
3485
- height: 36px;
3486
- line-height: 36px;
3487
- font-weight: 500;
3488
- padding: 0 15px;
3489
- background-color: #798291;
3490
- color: #fff;
3491
- margin: 0 10px;
3492
- overflow: hidden;
3493
- white-space: nowrap;
3494
- text-overflow: ellipsis;
3495
- display: block;
3496
- background-color: #e8f5fe;
3497
- color: #3a69c7;
3498
- }
3499
-
3500
- @media (max-width:1200px) {
3501
- .emotion-6 {
3502
- padding: 0 10px;
3503
- }
3504
- }
3505
-
3506
- .emotion-6[disabled] {
3507
- background-color: #eff0f4;
3508
- color: #798291;
3509
- cursor: default;
3510
- }
3511
-
3512
3424
  <div
3513
- class="emotion-18 emotion-19"
3425
+ class="emotion-0 emotion-1"
3514
3426
  >
3515
3427
  <mock-link
3516
- classname="css-h6rugo-ToolbarSectionBackLink-toolbarSection e1d2l9mo8"
3428
+ classname="css-abwcjt-ToolbarSectionBackLink-toolbarSection e1d2l9mo18"
3517
3429
  to=""
3518
3430
  >
3519
3431
  <div
3520
- class="emotion-0 emotion-1"
3432
+ class="emotion-2 emotion-3"
3521
3433
  >
3522
3434
  ←
3523
3435
  </div>
3524
3436
  <div>
3525
3437
  <div
3526
- class="emotion-2 emotion-3"
3438
+ class="emotion-4 emotion-5"
3527
3439
  >
3528
3440
  editor.editorToolbar.backCollection
3529
3441
  </div>
3530
3442
  <div
3531
- class="emotion-4 emotion-5"
3443
+ class="emotion-6 emotion-7"
3532
3444
  >
3533
3445
  editor.editorToolbar.changesSaved
3534
3446
  </div>
3535
3447
  </div>
3536
3448
  </mock-link>
3537
3449
  <div
3538
- class="emotion-14 emotion-15"
3450
+ class="emotion-8 emotion-9"
3539
3451
  >
3540
3452
  <div
3541
3453
  class="emotion-10 emotion-11"
3542
3454
  >
3543
3455
  <button
3544
- class="emotion-6 emotion-7"
3456
+ class="emotion-12 emotion-13"
3545
3457
  disabled=""
3546
3458
  >
3547
3459
  editor.editorToolbar.save
3548
3460
  </button>
3549
3461
  <button
3550
- class="emotion-8 emotion-9"
3462
+ class="emotion-14 emotion-15"
3551
3463
  >
3552
3464
  editor.editorToolbar.deleteUnpublishedEntry
3553
3465
  </button>
3554
3466
  </div>
3555
3467
  <div
3556
- class="emotion-12 emotion-13"
3468
+ class="emotion-16 emotion-17"
3557
3469
  />
3558
3470
  </div>
3559
3471
  <div
3560
- class="emotion-16 emotion-17"
3472
+ class="emotion-18 emotion-19"
3561
3473
  >
3562
3474
  <mock-settings-dropdown />
3563
3475
  </div>
@@ -3567,8 +3479,8 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3567
3479
 
3568
3480
  exports[`EditorToolbar should render with workflow controls hasUnpublishedChanges=true,isNewEntry=false,isModification=true,useOpenAuthoring=false 1`] = `
3569
3481
  <DocumentFragment>
3570
- .emotion-18 {
3571
- box-shadow: 0 2px 6px 0 rgba(68,74,87,0.05),0 1px 3px 0 rgba(68,74,87,0.1),0 2px 54px rgba(0,0,0,0.1);
3482
+ .emotion-0 {
3483
+ box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
3572
3484
  position: fixed;
3573
3485
  top: 0;
3574
3486
  left: 0;
@@ -3583,28 +3495,22 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3583
3495
  display: flex;
3584
3496
  -webkit-box-pack: justify;
3585
3497
  -webkit-justify-content: space-between;
3586
- -ms-flex-pack: justify;
3587
3498
  justify-content: space-between;
3588
3499
  }
3589
3500
 
3590
- .emotion-0 {
3501
+ .emotion-2 {
3591
3502
  color: #313d3e;
3592
3503
  font-size: 21px;
3593
3504
  font-weight: 600;
3594
3505
  margin-right: 16px;
3595
3506
  }
3596
3507
 
3597
- .emotion-2 {
3598
- color: #313d3e;
3599
- font-size: 14px;
3600
- }
3601
-
3602
- .emotion-2 {
3508
+ .emotion-4 {
3603
3509
  color: #313d3e;
3604
3510
  font-size: 14px;
3605
3511
  }
3606
3512
 
3607
- .emotion-4 {
3513
+ .emotion-6 {
3608
3514
  margin-top: 6px;
3609
3515
  font-size: 13px;
3610
3516
  line-height: 1;
@@ -3614,7 +3520,7 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3614
3520
  color: #005614;
3615
3521
  }
3616
3522
 
3617
- .emotion-14 {
3523
+ .emotion-8 {
3618
3524
  height: 100%;
3619
3525
  display: -webkit-box;
3620
3526
  display: -webkit-flex;
@@ -3634,7 +3540,6 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3634
3540
  display: flex;
3635
3541
  -webkit-box-pack: justify;
3636
3542
  -webkit-justify-content: space-between;
3637
- -ms-flex-pack: justify;
3638
3543
  justify-content: space-between;
3639
3544
  padding: 0 10px;
3640
3545
  }
@@ -3650,7 +3555,38 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3650
3555
  align-items: center;
3651
3556
  }
3652
3557
 
3653
- .emotion-8 {
3558
+ .emotion-12 {
3559
+ border: 0;
3560
+ border-radius: 5px;
3561
+ cursor: pointer;
3562
+ height: 36px;
3563
+ line-height: 36px;
3564
+ font-weight: 500;
3565
+ padding: 0 15px;
3566
+ background-color: #798291;
3567
+ color: #fff;
3568
+ margin: 0 10px;
3569
+ overflow: hidden;
3570
+ white-space: nowrap;
3571
+ text-overflow: ellipsis;
3572
+ display: block;
3573
+ background-color: #e8f5fe;
3574
+ color: #3a69c7;
3575
+ }
3576
+
3577
+ @media (max-width: 1200px) {
3578
+ .emotion-12 {
3579
+ padding: 0 10px;
3580
+ }
3581
+ }
3582
+
3583
+ .emotion-12[disabled] {
3584
+ background-color: #eff0f4;
3585
+ color: #798291;
3586
+ cursor: default;
3587
+ }
3588
+
3589
+ .emotion-14 {
3654
3590
  border: 0;
3655
3591
  border-radius: 5px;
3656
3592
  cursor: pointer;
@@ -3669,13 +3605,13 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3669
3605
  color: #D60032;
3670
3606
  }
3671
3607
 
3672
- @media (max-width:1200px) {
3673
- .emotion-8 {
3608
+ @media (max-width: 1200px) {
3609
+ .emotion-14 {
3674
3610
  padding: 0 10px;
3675
3611
  }
3676
3612
  }
3677
3613
 
3678
- .emotion-12 {
3614
+ .emotion-16 {
3679
3615
  display: -webkit-box;
3680
3616
  display: -webkit-flex;
3681
3617
  display: -ms-flexbox;
@@ -3685,12 +3621,12 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3685
3621
  -ms-flex-align: center;
3686
3622
  align-items: center;
3687
3623
  -webkit-box-pack: end;
3688
- -webkit-justify-content: flex-end;
3689
3624
  -ms-flex-pack: end;
3625
+ -webkit-justify-content: flex-end;
3690
3626
  justify-content: flex-end;
3691
3627
  }
3692
3628
 
3693
- .emotion-16 {
3629
+ .emotion-18 {
3694
3630
  height: 100%;
3695
3631
  display: -webkit-box;
3696
3632
  display: -webkit-flex;
@@ -3705,86 +3641,55 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3705
3641
  padding: 0 7px;
3706
3642
  }
3707
3643
 
3708
- .emotion-6 {
3709
- border: 0;
3710
- border-radius: 5px;
3711
- cursor: pointer;
3712
- height: 36px;
3713
- line-height: 36px;
3714
- font-weight: 500;
3715
- padding: 0 15px;
3716
- background-color: #798291;
3717
- color: #fff;
3718
- margin: 0 10px;
3719
- overflow: hidden;
3720
- white-space: nowrap;
3721
- text-overflow: ellipsis;
3722
- display: block;
3723
- background-color: #e8f5fe;
3724
- color: #3a69c7;
3725
- }
3726
-
3727
- @media (max-width:1200px) {
3728
- .emotion-6 {
3729
- padding: 0 10px;
3730
- }
3731
- }
3732
-
3733
- .emotion-6[disabled] {
3734
- background-color: #eff0f4;
3735
- color: #798291;
3736
- cursor: default;
3737
- }
3738
-
3739
3644
  <div
3740
- class="emotion-18 emotion-19"
3645
+ class="emotion-0 emotion-1"
3741
3646
  >
3742
3647
  <mock-link
3743
- classname="css-h6rugo-ToolbarSectionBackLink-toolbarSection e1d2l9mo8"
3648
+ classname="css-abwcjt-ToolbarSectionBackLink-toolbarSection e1d2l9mo18"
3744
3649
  to=""
3745
3650
  >
3746
3651
  <div
3747
- class="emotion-0 emotion-1"
3652
+ class="emotion-2 emotion-3"
3748
3653
  >
3749
3654
  ←
3750
3655
  </div>
3751
3656
  <div>
3752
3657
  <div
3753
- class="emotion-2 emotion-3"
3658
+ class="emotion-4 emotion-5"
3754
3659
  >
3755
3660
  editor.editorToolbar.backCollection
3756
3661
  </div>
3757
3662
  <div
3758
- class="emotion-4 emotion-5"
3663
+ class="emotion-6 emotion-7"
3759
3664
  >
3760
3665
  editor.editorToolbar.changesSaved
3761
3666
  </div>
3762
3667
  </div>
3763
3668
  </mock-link>
3764
3669
  <div
3765
- class="emotion-14 emotion-15"
3670
+ class="emotion-8 emotion-9"
3766
3671
  >
3767
3672
  <div
3768
3673
  class="emotion-10 emotion-11"
3769
3674
  >
3770
3675
  <button
3771
- class="emotion-6 emotion-7"
3676
+ class="emotion-12 emotion-13"
3772
3677
  disabled=""
3773
3678
  >
3774
3679
  editor.editorToolbar.save
3775
3680
  </button>
3776
3681
  <button
3777
- class="emotion-8 emotion-9"
3682
+ class="emotion-14 emotion-15"
3778
3683
  >
3779
3684
  editor.editorToolbar.deleteUnpublishedChanges
3780
3685
  </button>
3781
3686
  </div>
3782
3687
  <div
3783
- class="emotion-12 emotion-13"
3688
+ class="emotion-16 emotion-17"
3784
3689
  />
3785
3690
  </div>
3786
3691
  <div
3787
- class="emotion-16 emotion-17"
3692
+ class="emotion-18 emotion-19"
3788
3693
  >
3789
3694
  <mock-settings-dropdown />
3790
3695
  </div>
@@ -3794,8 +3699,8 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3794
3699
 
3795
3700
  exports[`EditorToolbar should render with workflow controls hasUnpublishedChanges=true,isNewEntry=false,isModification=true,useOpenAuthoring=true 1`] = `
3796
3701
  <DocumentFragment>
3797
- .emotion-18 {
3798
- box-shadow: 0 2px 6px 0 rgba(68,74,87,0.05),0 1px 3px 0 rgba(68,74,87,0.1),0 2px 54px rgba(0,0,0,0.1);
3702
+ .emotion-0 {
3703
+ box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
3799
3704
  position: fixed;
3800
3705
  top: 0;
3801
3706
  left: 0;
@@ -3810,28 +3715,22 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3810
3715
  display: flex;
3811
3716
  -webkit-box-pack: justify;
3812
3717
  -webkit-justify-content: space-between;
3813
- -ms-flex-pack: justify;
3814
3718
  justify-content: space-between;
3815
3719
  }
3816
3720
 
3817
- .emotion-0 {
3721
+ .emotion-2 {
3818
3722
  color: #313d3e;
3819
3723
  font-size: 21px;
3820
3724
  font-weight: 600;
3821
3725
  margin-right: 16px;
3822
3726
  }
3823
3727
 
3824
- .emotion-2 {
3825
- color: #313d3e;
3826
- font-size: 14px;
3827
- }
3828
-
3829
- .emotion-2 {
3728
+ .emotion-4 {
3830
3729
  color: #313d3e;
3831
3730
  font-size: 14px;
3832
3731
  }
3833
3732
 
3834
- .emotion-4 {
3733
+ .emotion-6 {
3835
3734
  margin-top: 6px;
3836
3735
  font-size: 13px;
3837
3736
  line-height: 1;
@@ -3841,7 +3740,7 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3841
3740
  color: #005614;
3842
3741
  }
3843
3742
 
3844
- .emotion-14 {
3743
+ .emotion-8 {
3845
3744
  height: 100%;
3846
3745
  display: -webkit-box;
3847
3746
  display: -webkit-flex;
@@ -3861,7 +3760,6 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3861
3760
  display: flex;
3862
3761
  -webkit-box-pack: justify;
3863
3762
  -webkit-justify-content: space-between;
3864
- -ms-flex-pack: justify;
3865
3763
  justify-content: space-between;
3866
3764
  padding: 0 10px;
3867
3765
  }
@@ -3877,7 +3775,38 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3877
3775
  align-items: center;
3878
3776
  }
3879
3777
 
3880
- .emotion-8 {
3778
+ .emotion-12 {
3779
+ border: 0;
3780
+ border-radius: 5px;
3781
+ cursor: pointer;
3782
+ height: 36px;
3783
+ line-height: 36px;
3784
+ font-weight: 500;
3785
+ padding: 0 15px;
3786
+ background-color: #798291;
3787
+ color: #fff;
3788
+ margin: 0 10px;
3789
+ overflow: hidden;
3790
+ white-space: nowrap;
3791
+ text-overflow: ellipsis;
3792
+ display: block;
3793
+ background-color: #e8f5fe;
3794
+ color: #3a69c7;
3795
+ }
3796
+
3797
+ @media (max-width: 1200px) {
3798
+ .emotion-12 {
3799
+ padding: 0 10px;
3800
+ }
3801
+ }
3802
+
3803
+ .emotion-12[disabled] {
3804
+ background-color: #eff0f4;
3805
+ color: #798291;
3806
+ cursor: default;
3807
+ }
3808
+
3809
+ .emotion-14 {
3881
3810
  border: 0;
3882
3811
  border-radius: 5px;
3883
3812
  cursor: pointer;
@@ -3896,13 +3825,13 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3896
3825
  color: #D60032;
3897
3826
  }
3898
3827
 
3899
- @media (max-width:1200px) {
3900
- .emotion-8 {
3828
+ @media (max-width: 1200px) {
3829
+ .emotion-14 {
3901
3830
  padding: 0 10px;
3902
3831
  }
3903
3832
  }
3904
3833
 
3905
- .emotion-12 {
3834
+ .emotion-16 {
3906
3835
  display: -webkit-box;
3907
3836
  display: -webkit-flex;
3908
3837
  display: -ms-flexbox;
@@ -3912,12 +3841,12 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3912
3841
  -ms-flex-align: center;
3913
3842
  align-items: center;
3914
3843
  -webkit-box-pack: end;
3915
- -webkit-justify-content: flex-end;
3916
3844
  -ms-flex-pack: end;
3845
+ -webkit-justify-content: flex-end;
3917
3846
  justify-content: flex-end;
3918
3847
  }
3919
3848
 
3920
- .emotion-16 {
3849
+ .emotion-18 {
3921
3850
  height: 100%;
3922
3851
  display: -webkit-box;
3923
3852
  display: -webkit-flex;
@@ -3932,86 +3861,55 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
3932
3861
  padding: 0 7px;
3933
3862
  }
3934
3863
 
3935
- .emotion-6 {
3936
- border: 0;
3937
- border-radius: 5px;
3938
- cursor: pointer;
3939
- height: 36px;
3940
- line-height: 36px;
3941
- font-weight: 500;
3942
- padding: 0 15px;
3943
- background-color: #798291;
3944
- color: #fff;
3945
- margin: 0 10px;
3946
- overflow: hidden;
3947
- white-space: nowrap;
3948
- text-overflow: ellipsis;
3949
- display: block;
3950
- background-color: #e8f5fe;
3951
- color: #3a69c7;
3952
- }
3953
-
3954
- @media (max-width:1200px) {
3955
- .emotion-6 {
3956
- padding: 0 10px;
3957
- }
3958
- }
3959
-
3960
- .emotion-6[disabled] {
3961
- background-color: #eff0f4;
3962
- color: #798291;
3963
- cursor: default;
3964
- }
3965
-
3966
3864
  <div
3967
- class="emotion-18 emotion-19"
3865
+ class="emotion-0 emotion-1"
3968
3866
  >
3969
3867
  <mock-link
3970
- classname="css-h6rugo-ToolbarSectionBackLink-toolbarSection e1d2l9mo8"
3868
+ classname="css-abwcjt-ToolbarSectionBackLink-toolbarSection e1d2l9mo18"
3971
3869
  to=""
3972
3870
  >
3973
3871
  <div
3974
- class="emotion-0 emotion-1"
3872
+ class="emotion-2 emotion-3"
3975
3873
  >
3976
3874
  ←
3977
3875
  </div>
3978
3876
  <div>
3979
3877
  <div
3980
- class="emotion-2 emotion-3"
3878
+ class="emotion-4 emotion-5"
3981
3879
  >
3982
3880
  editor.editorToolbar.backCollection
3983
3881
  </div>
3984
3882
  <div
3985
- class="emotion-4 emotion-5"
3883
+ class="emotion-6 emotion-7"
3986
3884
  >
3987
3885
  editor.editorToolbar.changesSaved
3988
3886
  </div>
3989
3887
  </div>
3990
3888
  </mock-link>
3991
3889
  <div
3992
- class="emotion-14 emotion-15"
3890
+ class="emotion-8 emotion-9"
3993
3891
  >
3994
3892
  <div
3995
3893
  class="emotion-10 emotion-11"
3996
3894
  >
3997
3895
  <button
3998
- class="emotion-6 emotion-7"
3896
+ class="emotion-12 emotion-13"
3999
3897
  disabled=""
4000
3898
  >
4001
3899
  editor.editorToolbar.save
4002
3900
  </button>
4003
3901
  <button
4004
- class="emotion-8 emotion-9"
3902
+ class="emotion-14 emotion-15"
4005
3903
  >
4006
3904
  editor.editorToolbar.deleteUnpublishedChanges
4007
3905
  </button>
4008
3906
  </div>
4009
3907
  <div
4010
- class="emotion-12 emotion-13"
3908
+ class="emotion-16 emotion-17"
4011
3909
  />
4012
3910
  </div>
4013
3911
  <div
4014
- class="emotion-16 emotion-17"
3912
+ class="emotion-18 emotion-19"
4015
3913
  >
4016
3914
  <mock-settings-dropdown />
4017
3915
  </div>