superdoc 2.4.0-next.2 → 2.4.0-next.21

package/dist/style.css

@@ -366,6 +366,7 @@
  *
  * These aliases will be removed in the next major version.
  */
+
 :root {
   /* Old semantic names that map to primitives (no new-token equivalent) */
   --sd-surface-canvas: var(--sd-color-gray-50);
@@ -437,6 +438,7 @@
   --sd-ui-surface-shadow: 0 1px 3px rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
   --sd-ui-dialog-backdrop: rgba(0, 0, 0, 0.32);
 }
+
 /* Preset theme: Microsoft Word-like */
 .sd-theme-word {
   /* UI base */
@@ -497,6 +499,7 @@
   --sd-ui-surface-shadow: 0 2px 6px rgba(0, 0, 0, 0.14), 0 8px 24px rgba(0, 0, 0, 0.1);
   --sd-ui-dialog-backdrop: rgba(0, 0, 0, 0.4);
 }
+
 /* Preset theme: Blueprint */
 .sd-theme-blueprint {
   /* UI base */
@@ -567,12 +570,14 @@
 .superdoc-toolbar ::after {
   box-sizing: border-box;
 }
+
 .superdoc .sd-disabled,
 .superdoc-toolbar .sd-disabled {
   opacity: 0.5;
   cursor: not-allowed;
   pointer-events: none;
 }
+
 .sd-button {
   border-radius: 8px;
   background-color: white;
@@ -584,20 +589,25 @@
   cursor: pointer;
   transition: all 250ms ease;
 }
+
 .sd-button:hover {
   background-color: #dbdbdb;
 }
+
 .sd-button.primary {
   background-color: #1355ff;
   border: none;
   color: white;
 }
+
 .sd-button.primary:hover {
   background-color: #0d3fcc;
 }
+
 .sd-comment-box {
   width: 300px;
 }
+
 .superdoc-field {
   border-radius: 8px;
   padding: 12px;
@@ -605,15 +615,18 @@
   border: 1px solid #dbdbdb;
   width: 100%;
 }
+
 .superdoc-field:focus,
 .superdoc-field:active {
   border: 1px solid #1355ff;
 }
+
 .superdoc-field .ProseMirror {
   border: 0;
   outline: 0;
   margin: 0;
 }
+
 .sd-editor-placeholder::before {
   content: attr(data-placeholder);
   color: #aaa;
@@ -627,6 +640,7 @@
   display: block;
   fill: currentColor;
 }
+
 .superdoc-toolbar svg {
   width: 100%;
   height: 100%;
@@ -634,9 +648,11 @@
   fill: currentColor;
   pointer-events: none;
 }
+
 .superdoc-toolbar svg path {
   stroke: currentColor;
 }
+
 /* Web Layout Mode (OOXML ST_View 'web') - content reflows to container width */
 .superdoc--web-layout,
 .superdoc--web-layout .superdoc__layers,
@@ -644,7 +660,9 @@
 .superdoc--web-layout .superdoc__sub-document {
   width: 100%;
 }
+
 /* --- Upgrade transition (upgradeToCollaboration) --- */
+
 .sd-upgrade-overlay {
   position: absolute;
   inset: 0;
@@ -652,15 +670,19 @@
   pointer-events: none;
   overflow: hidden;
 }
+
 .sd-upgrade-overlay [contenteditable] {
   pointer-events: none;
   user-select: none;
 }
+
 /* visibility: hidden (not display: none) so layout engine can still measure */
 .sd-upgrade-hidden {
   visibility: hidden !important;
 }
+
 /* --- Search highlights (transient, used in both editor and presentation mode) --- */
+
 /* AIDEV-NOTE: SD-3045. The DomPainter writes `style.backgroundColor = run.highlight`
  * inline on the same span the search DecorationBridge tags. Inline styles win over
  * class selectors, so on every run whose source rPr carries a highlight mark
@@ -673,15 +695,19 @@
 .superdoc .ProseMirror-search-match:not([data-sd-search-exact-highlight]) {
   background: var(--sd-ui-search-match-bg) !important;
 }
+
 .superdoc .ProseMirror-active-search-match:not([data-sd-search-exact-highlight]) {
   background: var(--sd-ui-search-match-active-bg) !important;
 }
+
 ::highlight(superdoc-search-match) {
   background: var(--sd-ui-search-match-bg);
 }
+
 ::highlight(superdoc-search-active-match) {
   background: var(--sd-ui-search-match-active-bg);
 }
+
 /* Proofing underlines are render-only v1/v2 UI state. They must not alter DOCX
  * bytes or layout identity; the runtime owns adding/removing these classes. */
 .superdoc .sd-proofing-spelling,
@@ -692,15 +718,19 @@
   text-decoration-thickness: var(--sd-proofing-underline-thickness, 1.5px);
   text-underline-offset: var(--sd-proofing-underline-offset, 2px);
 }
+
 .superdoc .sd-proofing-spelling {
   text-decoration-color: var(--sd-proofing-spelling-color, #e53e3e);
 }
+
 .superdoc .sd-proofing-grammar {
   text-decoration-color: var(--sd-proofing-grammar-color, #3182ce);
 }
+
 .superdoc .sd-proofing-style {
   text-decoration-color: var(--sd-proofing-style-color, #805ad5);
 }
+
 /* CSS Custom Highlight variant: the v2 runtime paints per-word squiggles over
  * exact text ranges (no DOM mutation). Highlight names match the class names. */
 ::highlight(sd-proofing-spelling),
@@ -711,15 +741,19 @@
   text-decoration-thickness: var(--sd-proofing-underline-thickness, 1.5px);
   text-underline-offset: var(--sd-proofing-underline-offset, 2px);
 }
+
 ::highlight(sd-proofing-spelling) {
   text-decoration-color: var(--sd-proofing-spelling-color, #e53e3e);
 }
+
 ::highlight(sd-proofing-grammar) {
   text-decoration-color: var(--sd-proofing-grammar-color, #3182ce);
 }
+
 ::highlight(sd-proofing-style) {
   text-decoration-color: var(--sd-proofing-style-color, #805ad5);
 }
+
 /* Contained Mode - fixed-height container embedding with internal scrolling */
 .superdoc--contained,
 .superdoc--contained .superdoc__layers,
@@ -727,6 +761,7 @@
 .superdoc--contained .superdoc__sub-document {
   height: 100%;
 }
+
 /* Sub-document scroll fallback for non-document-editor content (PDF, HTML).
  * The document editor manages its own scroll container, but PDF/HTML viewers
  * don't, so they need the sub-document to scroll. */
@@ -1375,28 +1410,28 @@ img[data-v-c95b2073] {
   background-color: #1355ff7f;
 }
 
-.comment-placeholder[data-v-a0a841ce] {
+.comment-placeholder[data-v-d8d03209] {
   position: absolute;
   width: 300px;
   transition: top 0.3s ease;
 }
-.comment-placeholder.is-direct-decision-continuity-target[data-v-a0a841ce] .overflow-menu {
+.comment-placeholder.is-direct-decision-continuity-target[data-v-d8d03209] .overflow-menu {
   opacity: 1;
   pointer-events: auto;
 }
-.floating-comment[data-v-a0a841ce] {
+.floating-comment[data-v-d8d03209] {
   position: relative;
   display: block;
   min-width: 300px;
 }
-.sidebar-container[data-v-a0a841ce] {
+.sidebar-container[data-v-d8d03209] {
   position: absolute;
   width: 300px;
   min-height: 300px;
   transition: transform 0.3s ease;
   will-change: transform;
 }
-.section-wrapper[data-v-a0a841ce] {
+.section-wrapper[data-v-d8d03209] {
   position: relative;
   min-height: 100%;
   width: 300px;
@@ -1734,11 +1769,11 @@ img[data-v-c95b2073] {
   pointer-events: auto;
 }
 
-.superdoc[data-v-d75089d2] {
+.superdoc[data-v-6833a014] {
   display: flex;
   position: relative;
 }
-.sd-visually-hidden[data-v-d75089d2] {
+.sd-visually-hidden[data-v-6833a014] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -1749,30 +1784,30 @@ img[data-v-c95b2073] {
   white-space: nowrap;
   border: 0;
 }
-.right-sidebar[data-v-d75089d2] {
+.right-sidebar[data-v-6833a014] {
   min-width: 320px;
   height: 100%;
 }
-.floating-comments[data-v-d75089d2] {
+.floating-comments[data-v-6833a014] {
   min-width: 300px;
   width: 300px;
   height: 100%;
   overflow: visible;
 }
-.superdoc__layers[data-v-d75089d2] {
+.superdoc__layers[data-v-6833a014] {
   height: 100%;
   position: relative;
   box-sizing: border-box;
 }
-.superdoc__document[data-v-d75089d2] {
+.superdoc__document[data-v-6833a014] {
   width: 100%;
   position: relative;
 }
-.superdoc__sub-document[data-v-d75089d2] {
+.superdoc__sub-document[data-v-6833a014] {
   width: 100%;
   position: relative;
 }
-.superdoc__selection-layer[data-v-d75089d2] {
+.superdoc__selection-layer[data-v-6833a014] {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
@@ -1783,13 +1818,13 @@ img[data-v-c95b2073] {
 /* SD-3497: PDF whiteboard overlay sits above the rendered PDF canvas but below
    the PDF comment anchors (z-index 6 in PdfCommentsLayer) so anchors stay
    clickable, and below the selection layer (z-index 10). */
-.superdoc__whiteboard-layer[data-v-d75089d2] {
+.superdoc__whiteboard-layer[data-v-6833a014] {
   z-index: 4;
 }
-.superdoc__temp-selection[data-v-d75089d2] {
+.superdoc__temp-selection[data-v-6833a014] {
   position: absolute;
 }
-.superdoc__right-sidebar[data-v-d75089d2] {
+.superdoc__right-sidebar[data-v-6833a014] {
   width: 320px;
   min-width: 320px;
   padding: 0 10px;
@@ -1797,7 +1832,7 @@ img[data-v-c95b2073] {
   position: relative;
   z-index: 2;
 }
-.superdoc__compact-comment-popover[data-v-d75089d2] {
+.superdoc__compact-comment-popover[data-v-6833a014] {
   position: absolute;
   top: 12px;
   right: 12px;
@@ -1806,14 +1841,14 @@ img[data-v-c95b2073] {
 }
 
 /* Tools styles */
-.tools[data-v-d75089d2] {
+.tools[data-v-6833a014] {
   position: absolute;
   z-index: 3;
   display: flex;
   flex-direction: column;
   gap: var(--sd-ui-tools-gap, 6px);
 }
-.tools-item[data-v-d75089d2] {
+.tools-item[data-v-6833a014] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1824,10 +1859,10 @@ img[data-v-c95b2073] {
   cursor: pointer;
   position: relative;
 }
-.tools-item i[data-v-d75089d2] {
+.tools-item i[data-v-6833a014] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-d75089d2] {
+.superdoc__tools-icon[data-v-6833a014] {
   width: var(--sd-ui-tools-icon-size, 20px);
   height: var(--sd-ui-tools-icon-size, 20px);
   flex-shrink: 0;
@@ -1842,22 +1877,22 @@ img[data-v-c95b2073] {
 
 /* 834px is iPad screen size in portrait orientation */
 @media (max-width: 834px) {
-.superdoc .superdoc__layers[data-v-d75089d2] {
+.superdoc .superdoc__layers[data-v-6833a014] {
     margin: 0;
     border: 0 !important;
     box-shadow: none;
 }
-.superdoc__sub-document[data-v-d75089d2] {
+.superdoc__sub-document[data-v-6833a014] {
     max-width: 100%;
 }
-.superdoc__right-sidebar[data-v-d75089d2] {
+.superdoc__right-sidebar[data-v-6833a014] {
     padding: 10px;
     position: relative;
 }
 }
 
 /* AI Writer styles */
-.ai-writer-container[data-v-d75089d2] {
+.ai-writer-container[data-v-6833a014] {
   position: fixed;
   z-index: 1000;
   background: white;
@@ -1873,10 +1908,10 @@ img[data-v-c95b2073] {
   transform: translateY(-50%);
   z-index: 50;
 } */
-.ai-tool > svg[data-v-d75089d2] {
+.ai-tool > svg[data-v-6833a014] {
   fill: transparent;
 }
-.ai-tool[data-v-d75089d2]::before {
+.ai-tool[data-v-6833a014]::before {
   content: '';
   position: absolute;
   width: 20px;
@@ -1897,7 +1932,7 @@ img[data-v-c95b2073] {
   filter: brightness(1.2);
   transition: filter 0.2s ease;
 }
-.ai-tool[data-v-d75089d2]:hover::before {
+.ai-tool[data-v-6833a014]:hover::before {
   filter: brightness(1.3);
 }
 
@@ -2434,7 +2469,7 @@ img[data-v-c95b2073] {
   transform: scale(1);
 }
 
-.button-group[data-v-590293ab] {
+.button-group[data-v-2bc00f65] {
   display: flex;
 }
 
@@ -2921,7 +2956,7 @@ img[data-v-c95b2073] {
   background: var(--sd-ui-password-prompt-submit-hover-bg, var(--sd-ui-action-hover));
 }
 
-.sd-find-replace[data-v-fed15bd3] {
+.sd-find-replace[data-v-41f37c29] {
   display: flex;
   flex-direction: column;
   gap: var(--sd-ui-find-replace-gap, 6px);
@@ -2929,7 +2964,7 @@ img[data-v-c95b2073] {
      so it needs room to breathe before the query starts truncating. */
   min-width: var(--sd-ui-find-replace-min-width, 380px);
 }
-.sd-find-replace__row[data-v-fed15bd3] {
+.sd-find-replace__row[data-v-41f37c29] {
   display: flex;
   align-items: center;
   gap: var(--sd-ui-find-replace-gap, 6px);
@@ -2937,13 +2972,13 @@ img[data-v-c95b2073] {
 
 /* Mirrors the expander's footprint so the replace field and the error line
    align with the find field. */
-.sd-find-replace__row-indent[data-v-fed15bd3] {
+.sd-find-replace__row-indent[data-v-41f37c29] {
   flex: 0 0 var(--sd-ui-find-replace-expander-size, 24px);
 }
 
 /* The field carries the border; the input inside is naked so the count and
    the query toggles sit visually inside the control. */
-.sd-find-replace__field[data-v-fed15bd3] {
+.sd-find-replace__field[data-v-41f37c29] {
   flex: 1;
   min-width: 0;
   display: flex;
@@ -2958,24 +2993,24 @@ img[data-v-c95b2073] {
     border-color 0.12s ease-out,
     box-shadow 0.12s ease-out;
 }
-.sd-find-replace__field[data-v-fed15bd3]:focus-within {
+.sd-find-replace__field[data-v-41f37c29]:focus-within {
   border-color: var(--sd-ui-find-replace-input-focus-border, var(--sd-ui-action));
   box-shadow: 0 0 0 3px
     var(--sd-ui-find-replace-input-focus-ring, color-mix(in srgb, var(--sd-ui-action) 15%, transparent));
 }
-.sd-find-replace__field--error[data-v-fed15bd3],
-.sd-find-replace__field--error[data-v-fed15bd3]:focus-within {
+.sd-find-replace__field--error[data-v-41f37c29],
+.sd-find-replace__field--error[data-v-41f37c29]:focus-within {
   border-color: var(--sd-ui-find-replace-error-color, #b3261e);
 }
-.sd-find-replace__field--error[data-v-fed15bd3]:focus-within {
+.sd-find-replace__field--error[data-v-41f37c29]:focus-within {
   box-shadow: 0 0 0 3px color-mix(in srgb, var(--sd-ui-find-replace-error-color, #b3261e) 12%, transparent);
 }
-.sd-find-replace__search-icon[data-v-fed15bd3] {
+.sd-find-replace__search-icon[data-v-41f37c29] {
   color: var(--sd-ui-find-replace-search-icon-color, #9ca3af);
   flex-shrink: 0;
   margin-right: 6px;
 }
-.sd-find-replace__input[data-v-fed15bd3] {
+.sd-find-replace__input[data-v-41f37c29] {
   flex: 1;
   min-width: 0;
   height: 100%;
@@ -2987,7 +3022,7 @@ img[data-v-c95b2073] {
   border: none;
   outline: none;
 }
-.sd-find-replace__count[data-v-fed15bd3] {
+.sd-find-replace__count[data-v-41f37c29] {
   font-size: var(--sd-ui-find-replace-count-font-size, 12px);
   color: var(--sd-ui-find-replace-count-color, #6b7280);
   pointer-events: none;
@@ -2997,23 +3032,23 @@ img[data-v-c95b2073] {
   padding: 0 5px 0 4px;
   flex-shrink: 0;
 }
-.sd-find-replace__divider[data-v-fed15bd3] {
+.sd-find-replace__divider[data-v-41f37c29] {
   width: 1px;
   height: 16px;
   margin: 0 4px;
   background: var(--sd-ui-find-replace-input-border, var(--sd-ui-border));
   flex-shrink: 0;
 }
-.sd-find-replace__nav[data-v-fed15bd3] {
+.sd-find-replace__nav[data-v-41f37c29] {
   display: flex;
   align-items: center;
   gap: var(--sd-ui-find-replace-nav-gap, 2px);
   flex-shrink: 0;
 }
-.sd-find-replace__nav--actions[data-v-fed15bd3] {
+.sd-find-replace__nav--actions[data-v-41f37c29] {
   gap: var(--sd-ui-find-replace-gap, 6px);
 }
-.sd-find-replace__btn[data-v-fed15bd3] {
+.sd-find-replace__btn[data-v-41f37c29] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3028,47 +3063,47 @@ img[data-v-c95b2073] {
     border-color 0.12s ease-out,
     transform 90ms ease-out;
 }
-.sd-find-replace__btn[data-v-fed15bd3]:active:not(:disabled) {
+.sd-find-replace__btn[data-v-41f37c29]:active:not(:disabled) {
   transform: scale(0.96);
 }
-.sd-find-replace__btn[data-v-fed15bd3]:focus-visible {
+.sd-find-replace__btn[data-v-41f37c29]:focus-visible {
   outline: 2px solid var(--sd-ui-action);
   outline-offset: 1px;
 }
-.sd-find-replace__btn[data-v-fed15bd3]:disabled {
+.sd-find-replace__btn[data-v-41f37c29]:disabled {
   opacity: var(--sd-ui-find-replace-btn-disabled-opacity, 0.4);
   cursor: not-allowed;
 }
-.sd-find-replace__btn--icon[data-v-fed15bd3] {
+.sd-find-replace__btn--icon[data-v-41f37c29] {
   width: var(--sd-ui-find-replace-btn-size, 28px);
   height: var(--sd-ui-find-replace-btn-size, 28px);
   border-radius: var(--sd-ui-find-replace-btn-radius, 6px);
   color: var(--sd-ui-find-replace-btn-color, #4b5563);
 }
-.sd-find-replace__btn--icon[data-v-fed15bd3]:hover:not(:disabled) {
+.sd-find-replace__btn--icon[data-v-41f37c29]:hover:not(:disabled) {
   background: var(--sd-ui-find-replace-btn-hover-bg, color-mix(in srgb, currentColor 8%, transparent));
 }
-.sd-find-replace__btn--expander[data-v-fed15bd3] {
+.sd-find-replace__btn--expander[data-v-41f37c29] {
   width: var(--sd-ui-find-replace-expander-size, 24px);
   height: var(--sd-ui-find-replace-expander-size, 24px);
   border-radius: var(--sd-ui-find-replace-btn-radius, 6px);
   color: var(--sd-ui-find-replace-count-color, #6b7280);
   flex-shrink: 0;
 }
-.sd-find-replace__btn--expander[data-v-fed15bd3]:hover:not(:disabled) {
+.sd-find-replace__btn--expander[data-v-41f37c29]:hover:not(:disabled) {
   background: var(--sd-ui-find-replace-btn-hover-bg, color-mix(in srgb, currentColor 8%, transparent));
   color: var(--sd-ui-find-replace-btn-color, var(--sd-ui-text));
 }
-.sd-find-replace__btn--expander svg[data-v-fed15bd3] {
+.sd-find-replace__btn--expander svg[data-v-41f37c29] {
   transition: transform 0.16s ease-out;
 }
-.sd-find-replace__btn--expander-open svg[data-v-fed15bd3] {
+.sd-find-replace__btn--expander-open svg[data-v-41f37c29] {
   transform: rotate(90deg);
 }
 
 /* Query-scoped toggles inside the field (match case / diacritics / regex).
    Kept compact so they never crowd the query text. */
-.sd-find-replace__btn--toggle[data-v-fed15bd3] {
+.sd-find-replace__btn--toggle[data-v-41f37c29] {
   height: 20px;
   min-width: 20px;
   padding: var(--sd-ui-find-replace-btn-toggle-padding, 0 3px);
@@ -3079,15 +3114,15 @@ img[data-v-c95b2073] {
   color: var(--sd-ui-find-replace-count-color, #6b7280);
   flex-shrink: 0;
 }
-.sd-find-replace__btn--toggle + .sd-find-replace__btn--toggle[data-v-fed15bd3] {
+.sd-find-replace__btn--toggle + .sd-find-replace__btn--toggle[data-v-41f37c29] {
   margin-left: 1px;
 }
-.sd-find-replace__btn--toggle[data-v-fed15bd3]:hover:not(:disabled) {
+.sd-find-replace__btn--toggle[data-v-41f37c29]:hover:not(:disabled) {
   background: var(--sd-ui-find-replace-btn-hover-bg, color-mix(in srgb, currentColor 8%, transparent));
   color: var(--sd-ui-find-replace-btn-color, var(--sd-ui-text));
 }
-.sd-find-replace__btn--active[data-v-fed15bd3],
-.sd-find-replace__btn--active[data-v-fed15bd3]:hover:not(:disabled) {
+.sd-find-replace__btn--active[data-v-41f37c29],
+.sd-find-replace__btn--active[data-v-41f37c29]:hover:not(:disabled) {
   background: var(--sd-ui-find-replace-toggle-active-bg, color-mix(in srgb, var(--sd-ui-action) 12%, transparent));
   border-color: var(
     --sd-ui-find-replace-toggle-active-border,
@@ -3095,7 +3130,7 @@ img[data-v-c95b2073] {
   );
   color: var(--sd-ui-find-replace-toggle-active-color, var(--sd-ui-action));
 }
-.sd-find-replace__btn--action[data-v-fed15bd3] {
+.sd-find-replace__btn--action[data-v-41f37c29] {
   height: var(--sd-ui-find-replace-btn-size, 28px);
   padding: var(--sd-ui-find-replace-action-btn-padding, 0 12px);
   font-size: var(--sd-ui-find-replace-count-font-size, 13px);
@@ -3104,13 +3139,13 @@ img[data-v-c95b2073] {
   background: var(--sd-ui-find-replace-action-btn-bg, var(--sd-ui-action));
   color: var(--sd-ui-find-replace-action-btn-color, #fff);
 }
-.sd-find-replace__btn--action[data-v-fed15bd3]:hover:not(:disabled) {
+.sd-find-replace__btn--action[data-v-41f37c29]:hover:not(:disabled) {
   background: var(
     --sd-ui-find-replace-action-btn-hover-bg,
     color-mix(in srgb, var(--sd-ui-find-replace-action-btn-bg, var(--sd-ui-action)) 88%, #000)
   );
 }
-.sd-find-replace__error[data-v-fed15bd3] {
+.sd-find-replace__error[data-v-41f37c29] {
   display: flex;
   align-items: center;
   gap: var(--sd-ui-find-replace-gap, 6px);
@@ -3118,12 +3153,12 @@ img[data-v-c95b2073] {
   font-size: var(--sd-ui-find-replace-error-font-size, 12px);
   letter-spacing: 0.01em;
   padding: var(--sd-ui-find-replace-error-padding, 0 2px);
-  animation: sd-find-replace-error-in-fed15bd3 0.16s ease-out;
+  animation: sd-find-replace-error-in-41f37c29 0.16s ease-out;
 }
-.sd-find-replace__error-text[data-v-fed15bd3] {
+.sd-find-replace__error-text[data-v-41f37c29] {
   padding-left: 4px;
 }
-@keyframes sd-find-replace-error-in-fed15bd3 {
+@keyframes sd-find-replace-error-in-41f37c29 {
 from {
     opacity: 0;
     transform: translateY(-2px);
@@ -3134,15 +3169,15 @@ to {
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.sd-find-replace__field[data-v-fed15bd3],
-  .sd-find-replace__btn[data-v-fed15bd3],
-  .sd-find-replace__btn--expander svg[data-v-fed15bd3] {
+.sd-find-replace__field[data-v-41f37c29],
+  .sd-find-replace__btn[data-v-41f37c29],
+  .sd-find-replace__btn--expander svg[data-v-41f37c29] {
     transition: none;
 }
-.sd-find-replace__btn[data-v-fed15bd3]:active:not(:disabled) {
+.sd-find-replace__btn[data-v-41f37c29]:active:not(:disabled) {
     transform: none;
 }
-.sd-find-replace__error[data-v-fed15bd3] {
+.sd-find-replace__error[data-v-41f37c29] {
     animation: none;
 }
 }