@opendesign-plus/components 0.0.1-rc.90 → 0.0.1-rc.92

package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./HeaderContent.vue2.mjs";
 import './HeaderContent.css';
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const HeaderContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c397bb44"]]);
+const HeaderContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-366a2b01"]]);
 export {
   HeaderContent as default
 };

package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs

@@ -27,7 +27,7 @@ const _hoisted_12 = { class: "content-label" };
 const _hoisted_13 = ["href", "target"];
 const _hoisted_14 = { class: "popover-shortcut" };
 const _hoisted_15 = ["href", "target"];
-const _hoisted_16 = ["src"];
+const _hoisted_16 = ["src", "alt"];
 const _hoisted_17 = { class: "review-content" };
 const _hoisted_18 = { class: "popover-shortcut" };
 const _hoisted_19 = { class: "popover-shortcut" };
@@ -298,6 +298,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, [
                           createElementVNode("img", {
                             src: unref(isDark) && (shortcut == null ? void 0 : shortcut.pictureDark) ? shortcut == null ? void 0 : shortcut.pictureDark : shortcut.picture,
+                            alt: shortcut.label,
                             class: "review-picture",
                             loading: "lazy"
                           }, null, 8, _hoisted_16),

package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.css

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-a34497b2] {
+.hover-icon-rotate .o-icon[data-v-2d960cc9] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-a34497b2] {
+.hover-icon-rotate:hover .o-icon[data-v-2d960cc9] {
     transform: rotate(-180deg);
 }
 }
-.o-logo-swiper-items[data-v-a34497b2] {
+.o-logo-swiper-items[data-v-2d960cc9] {
   display: flex;
   white-space: nowrap;
   overflow: hidden;
@@ -14,27 +14,27 @@
   overflow-y: visible;
   position: relative;
 }
-.o-logo-swiper-items .o-logo-swiper-track[data-v-a34497b2] {
+.o-logo-swiper-items .o-logo-swiper-track[data-v-2d960cc9] {
   display: flex;
   flex-shrink: 0;
-  animation: logo-swiper-marquee-a34497b2 var(--logo-swiper-duration) linear infinite;
+  animation: logo-swiper-marquee-2d960cc9 var(--logo-swiper-duration) linear infinite;
   animation-play-state: paused;
 }
-.o-logo-swiper-items.is-reverse .o-logo-swiper-track[data-v-a34497b2] {
-  animation-name: logo-swiper-marquee-reverse-a34497b2;
+.o-logo-swiper-items.is-reverse .o-logo-swiper-track[data-v-2d960cc9] {
+  animation-name: logo-swiper-marquee-reverse-2d960cc9;
 }
-.o-logo-swiper-items.is-paused .o-logo-swiper-track[data-v-a34497b2] {
+.o-logo-swiper-items.is-paused .o-logo-swiper-track[data-v-2d960cc9] {
   animation-play-state: paused;
 }
-.o-logo-swiper-items.is-visible:not(.is-paused) .o-logo-swiper-track[data-v-a34497b2] {
+.o-logo-swiper-items.is-visible:not(.is-paused) .o-logo-swiper-track[data-v-2d960cc9] {
   animation-play-state: running;
 }
 @media (min-width: 601px) and (hover: hover) {
-.o-logo-swiper-items.pause-on-hover:hover .o-logo-swiper-track[data-v-a34497b2] {
+.o-logo-swiper-items.pause-on-hover:hover .o-logo-swiper-track[data-v-2d960cc9] {
     animation-play-state: paused;
 }
 }
-.o-logo-swiper-item[data-v-a34497b2] {
+.o-logo-swiper-item[data-v-2d960cc9] {
   --o-logo-swiper-item-gap: 32px;
   --o-logo-swiper-item-width: 268px;
   --o-logo-swiper-item-height: 96px;
@@ -49,41 +49,41 @@
   border-radius: var(--o-logo-swiper-item-radius, var(--o-radius-xs));
 }
 @media (max-width: 1680px) {
-.o-logo-swiper-item[data-v-a34497b2] {
+.o-logo-swiper-item[data-v-2d960cc9] {
     --o-logo-swiper-item-width: 201px;
     --o-logo-swiper-item-height: 72px;
     --o-logo-swiper-item-gap: 24px;
 }
 }
 @media (max-width: 1200px) {
-.o-logo-swiper-item[data-v-a34497b2] {
+.o-logo-swiper-item[data-v-2d960cc9] {
     --o-logo-swiper-item-width: 150px;
     --o-logo-swiper-item-height: 54px;
     --o-logo-swiper-item-gap: 16px;
 }
 }
 @media (max-width: 840px) {
-.o-logo-swiper-item[data-v-a34497b2] {
+.o-logo-swiper-item[data-v-2d960cc9] {
     --o-logo-swiper-item-width: 103px;
     --o-logo-swiper-item-height: 37px;
     --o-logo-swiper-item-gap: 12px;
 }
 }
-.o-logo-swiper-item .o-logo-swiper-img[data-v-a34497b2] {
+.o-logo-swiper-item .o-logo-swiper-img[data-v-2d960cc9] {
   --figure-radius: var(--o-logo-swiper-item-radius, var(--o-radius-xs));
   width: var(--o-logo-swiper-item-width);
   height: var(--o-logo-swiper-item-height);
 }
-.o-logo-swiper-item .o-logo-swiper-img img[data-v-a34497b2] {
+.o-logo-swiper-item .o-logo-swiper-img img[data-v-2d960cc9] {
   width: var(--o-logo-swiper-item-width);
   height: var(--o-logo-swiper-item-height);
 }
 @media (hover: hover) {
-.o-logo-swiper-item.link[data-v-a34497b2]:hover {
+.o-logo-swiper-item.link[data-v-2d960cc9]:hover {
     box-shadow: var(--o-shadow-2);
 }
 }
-@keyframes logo-swiper-marquee-a34497b2 {
+@keyframes logo-swiper-marquee-2d960cc9 {
 0% {
     transform: translateX(0);
 }
@@ -91,7 +91,7 @@
     transform: translateX(-50%);
 }
 }
-@keyframes logo-swiper-marquee-reverse-a34497b2 {
+@keyframes logo-swiper-marquee-reverse-2d960cc9 {
 0% {
     transform: translateX(-50%);
 }

package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OLogoSwiperItems.vue2.mjs";
 import './OLogoSwiperItems.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OLogoSwiperItems = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a34497b2"]]);
+const _OLogoSwiperItems = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2d960cc9"]]);
 export {
   _OLogoSwiperItems as default
 };

package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.vue2.mjs

@@ -142,14 +142,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createVNode(unref(OFigure), {
                   class: "o-logo-swiper-img",
                   src: getLogo(item),
+                  alt: item.alt,
                   fit: __props.fit
-                }, null, 8, ["src", "fit"])
+                }, null, 8, ["src", "alt", "fit"])
               ], 8, _hoisted_3)) : (openBlock(), createBlock(unref(OFigure), {
                 key: 1,
                 class: "o-logo-swiper-img",
                 src: getLogo(item),
+                alt: item.alt,
                 fit: __props.fit
-              }, null, 8, ["src", "fit"]))
+              }, null, 8, ["src", "alt", "fit"]))
             ], 10, _hoisted_2);
           }), 128))
         ])

package/dist/treeshaking/components/logo-swiper/types.d.ts

@@ -3,6 +3,7 @@ export interface OLogoSwiperItemT {
     logoDark?: string;
     href?: string;
     hrefEn?: string;
+    alt?: string;
 }
 export interface OLogoSwiperItemsPropsT {
     data: OLogoSwiperItemT[];

package/dist/treeshaking/components/markdown/OMarkdown.css

@@ -286,6 +286,7 @@
   --o-md-code-radius: var(--o-radius-xs);
   --o-md-code-bg-color: #f6f7f8;
   --o-md-table-radius: var(--o-radius-xs);
+  --o-md-video-radius: var(--o-radius-xs);
   background: var(--o-color-fill2) !important;
   color: rgba(var(--o-grey-14), 0.9);
   font-family: inherit;
@@ -722,6 +723,12 @@
   background-color: transparent;
   border: 1px solid var(--o-color-control4);
 }
+.o-markdown-body video:not([class*=o-]) {
+  display: block;
+  max-width: 100%;
+  margin-bottom: var(--o-gap-2);
+  border-radius: var(--o-md-video-radius);
+}
 .o-markdown-body code:not([class*=o-]) {
   padding: 2px 4px;
   margin: 0 4px;

package/dist/treeshaking/components/org/OOrgMembers.vue2.mjs

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment
 import { OLink, OButton, OIcon, OIconChevronUp, OIconChevronDown } from "@opensig/opendesign";
 import { useScreen } from "@opendesign-plus/composables";
 import { useI18n } from "../../i18n/index.mjs";
-import IconEmail from "../../_virtual/icon-email2.mjs";
+import IconEmail from "../../_virtual/icon-email.mjs";
 const _hoisted_1 = { class: "o-org-members" };
 const _hoisted_2 = ["src", "alt"];
 const _hoisted_3 = { class: "o-org-members-title" };

package/dist/treeshaking/components/search/OSearchInput.css

@@ -1,52 +1,55 @@
-.hover-icon-rotate .o-icon[data-v-18e8aec0] {
+.hover-icon-rotate .o-icon[data-v-ee331b07] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-18e8aec0] {
+.hover-icon-rotate:hover .o-icon[data-v-ee331b07] {
     transform: rotate(-180deg);
 }
 }
-.o-search-input[data-v-18e8aec0] {
+.o-search-input[data-v-ee331b07] {
   position: relative;
   width: 100%;
   background-color: var(--o-color-fill2);
-  border-radius: var(--o-radius-xs);
+  border-radius: var(--o-search-input-radius, var(--o-radius-xs));
 }
-.o-search-input[data-v-18e8aec0] .o-input.o_box-large {
+.o-search-input[data-v-ee331b07] .o-input.o_box {
+  --_box-radius: var(--o-search-input-radius, var(--o-radius-xs));
+}
+.o-search-input[data-v-ee331b07] .o-input.o_box-large {
   --_box-height: 48px;
 }
-.o-search-input[data-v-18e8aec0] .o-search-image-input-icon {
+.o-search-input[data-v-ee331b07] .o-search-image-input-icon {
   font-size: 24px;
 }
-.o-search-input[data-v-18e8aec0] .o-search-image-input-upload-btn {
+.o-search-input[data-v-ee331b07] .o-search-image-input-upload-btn {
   width: 24px;
   height: 24px;
 }
 @media (min-width: 841px) and (max-width: 1680px) {
-.o-search-input[data-v-18e8aec0] .o-input.o_box-large {
+.o-search-input[data-v-ee331b07] .o-input.o_box-large {
     --_box-height: 40px;
 }
 }
 @media (max-width: 840px) {
-.o-search-input[data-v-18e8aec0] .o-input.o_box-large {
+.o-search-input[data-v-ee331b07] .o-input.o_box-large {
     --_box-height: 32px;
 }
-.o-search-input[data-v-18e8aec0] .o-search-image-input-icon {
+.o-search-input[data-v-ee331b07] .o-search-image-input-icon {
     font-size: 16px;
 }
-.o-search-input[data-v-18e8aec0] .o-search-image-input-upload-btn {
+.o-search-input[data-v-ee331b07] .o-search-image-input-upload-btn {
     width: 16px;
     height: 16px;
 }
 }
-.o-search-input-box[data-v-18e8aec0] {
+.o-search-input-box[data-v-ee331b07] {
   position: relative;
   width: 100%;
 }
-.o-search-input-field[data-v-18e8aec0] {
+.o-search-input-field[data-v-ee331b07] {
   width: 100%;
 }
-.o-search-input-dropdown[data-v-18e8aec0] {
+.o-search-input-dropdown[data-v-ee331b07] {
   position: absolute;
   top: calc(100% + 4px);
   left: 0;
@@ -54,19 +57,19 @@
   z-index: 10;
   padding: var(--o-gap-4);
   background-color: var(--o-color-fill2);
-  border-radius: var(--o-radius-xs);
+  border-radius: var(--o-search-input-dropdown-radius, var(--o-search-input-radius, var(--o-radius-xs)));
   box-shadow: var(--o-shadow-2);
 }
-.o-search-input-dropdown-enter-active[data-v-18e8aec0],
-.o-search-input-dropdown-leave-active[data-v-18e8aec0] {
+.o-search-input-dropdown-enter-active[data-v-ee331b07],
+.o-search-input-dropdown-leave-active[data-v-ee331b07] {
   transition: opacity var(--o-duration-m1), transform var(--o-duration-m1);
 }
-.o-search-input-dropdown-enter-from[data-v-18e8aec0],
-.o-search-input-dropdown-leave-to[data-v-18e8aec0] {
+.o-search-input-dropdown-enter-from[data-v-ee331b07],
+.o-search-input-dropdown-leave-to[data-v-ee331b07] {
   opacity: 0;
   transform: translateY(-4px);
 }
-.o-search-input-suggest-list-row[data-v-18e8aec0] {
+.o-search-input-suggest-list-row[data-v-ee331b07] {
   display: flex;
   margin-top: 8px;
   align-items: center;
@@ -75,63 +78,63 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-input-suggest-list-row[data-v-18e8aec0] {
+.o-search-input-suggest-list-row[data-v-ee331b07] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-input-suggest-list-row[data-v-18e8aec0] {
+.o-search-input-suggest-list-row[data-v-ee331b07] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-input-suggest-list-row[data-v-18e8aec0] {
+.o-search-input-suggest-list-row[data-v-ee331b07] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-input-suggest-list-row[data-v-18e8aec0] {
+.o-search-input-suggest-list-row[data-v-ee331b07] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-input-suggest-list-row[data-v-18e8aec0] {
+.o-search-input-suggest-list-row[data-v-ee331b07] {
   color: var(--o-color-info1);
 }
-.o-search-input-suggest-list-label[data-v-18e8aec0] {
+.o-search-input-suggest-list-label[data-v-ee331b07] {
   color: var(--o-color-info3);
   margin-right: 4px;
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-input-suggest-list-label[data-v-18e8aec0] {
+.o-search-input-suggest-list-label[data-v-ee331b07] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-input-suggest-list-label[data-v-18e8aec0] {
+.o-search-input-suggest-list-label[data-v-ee331b07] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-input-suggest-list-label[data-v-18e8aec0] {
+.o-search-input-suggest-list-label[data-v-ee331b07] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-input-suggest-list-label[data-v-18e8aec0] {
+.o-search-input-suggest-list-label[data-v-ee331b07] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-input-suggest-list[data-v-18e8aec0] {
+.o-search-input-suggest-list[data-v-ee331b07] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -139,17 +142,17 @@
   margin: 0;
   list-style: none;
 }
-.o-search-input-suggest-list-item[data-v-18e8aec0] {
+.o-search-input-suggest-list-item[data-v-ee331b07] {
   margin-right: 8px;
   cursor: pointer;
   color: var(--o-color-primary1);
 }
-.o-search-input-suggest-list-item[data-v-18e8aec0] em {
+.o-search-input-suggest-list-item[data-v-ee331b07] em {
   color: var(--o-color-primary1);
   font-style: normal;
 }
 @media (hover: hover) {
-.o-search-input-suggest-list-item[data-v-18e8aec0]:hover {
+.o-search-input-suggest-list-item[data-v-ee331b07]:hover {
     text-decoration: underline;
 }
 }

package/dist/treeshaking/components/search/OSearchInput.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OSearchInput.vue2.mjs";
 import './OSearchInput.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const OSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-18e8aec0"]]);
+const OSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ee331b07"]]);
 export {
   OSearchInput as default
 };

package/dist/treeshaking/components/search/internal/SearchImageInput.css

@@ -1,31 +1,32 @@
-.hover-icon-rotate .o-icon[data-v-07ee5c5f] {
+.hover-icon-rotate .o-icon[data-v-4a3e5145] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-07ee5c5f] {
+.hover-icon-rotate:hover .o-icon[data-v-4a3e5145] {
     transform: rotate(-180deg);
 }
 }
-.o-search-image-input[data-v-07ee5c5f] {
+.o-search-image-input[data-v-4a3e5145] {
+  --radius: var(--o-search-image-input-radius, var(--o-search-input-radius, var(--o-radius-xs)));
   display: flex;
   flex-direction: column;
-  border-radius: var(--o-radius-xs);
+  border-radius: var(--radius);
   transition: box-shadow var(--o-duration-m1);
 }
-.o-search-image-input.is-expanded[data-v-07ee5c5f] {
+.o-search-image-input.is-expanded[data-v-4a3e5145] {
   box-shadow: 0 0 0 1px var(--o-color-primary1);
 }
-.o-search-image-input.is-expanded[data-v-07ee5c5f] .o-input.el-input .el-input__wrapper,
-.o-search-image-input.is-expanded[data-v-07ee5c5f] .o_box-main {
-  border: none !important;
-  border-radius: var(--o-radius-xs) var(--o-radius-xs) 0 0;
+.o-search-image-input.is-expanded[data-v-4a3e5145] .o-input.el-input .el-input__wrapper,
+.o-search-image-input.is-expanded[data-v-4a3e5145] .o_box-main {
+  border: 0 solid transparent !important;
+  border-radius: var(--radius) var(--radius) 0 0;
   box-shadow: none !important;
 }
-.o-search-image-input-row[data-v-07ee5c5f] {
+.o-search-image-input-row[data-v-4a3e5145] {
   display: flex;
   align-items: center;
 }
-.o-search-image-input-input[data-v-07ee5c5f] {
+.o-search-image-input-input[data-v-4a3e5145] {
   width: 100%;
   --_box-bg-color: var(--o-color-fill2);
   --_box-bg-color-hover: var(--o-color-fill2);
@@ -33,51 +34,52 @@
   --_box-bg-color-disabled: var(--o-color-fill2);
 }
 @media (max-width: 840px) {
-.o-search-image-input-input[data-v-07ee5c5f] input {
+.o-search-image-input-input[data-v-4a3e5145] input {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1440px) {
-.o-search-image-input-input.o_box-medium[data-v-07ee5c5f] {
+.o-search-image-input-input.o_box-medium[data-v-4a3e5145] {
     --_box-height: 32px;
 }
 }
-.o-search-image-input-icon[data-v-07ee5c5f] {
+.o-search-image-input-icon[data-v-4a3e5145] {
   cursor: pointer;
   color: var(--o-color-info1);
   font-size: 16px;
 }
-.o-search-image-input-icon.close[data-v-07ee5c5f] {
+.o-search-image-input-icon.close[data-v-4a3e5145] {
   font-size: 16px;
   margin-left: var(--o-gap-2);
 }
-.o-search-image-input-icon.close[data-v-07ee5c5f] {
+.o-search-image-input-icon.close[data-v-4a3e5145] {
   overflow: hidden;
 }
-.o-search-image-input-icon.close svg[data-v-07ee5c5f] {
+.o-search-image-input-icon.close svg[data-v-4a3e5145] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.o-search-image-input-icon.close:hover svg[data-v-07ee5c5f] {
+.o-search-image-input-icon.close:hover svg[data-v-4a3e5145] {
     transform: rotate(180deg);
 }
 }
-.o-search-image-input-icon.upload[data-v-07ee5c5f] {
+.o-search-image-input-icon.upload[data-v-4a3e5145] {
   fill: var(--o-color-info1);
 }
 @media (max-width: 840px) {
-.o-search-image-input-icon[data-v-07ee5c5f] {
+.o-search-image-input-icon[data-v-4a3e5145] {
     font-size: 24px;
 }
-.o-search-image-input-icon.close[data-v-07ee5c5f] {
+.o-search-image-input-icon.close[data-v-4a3e5145] {
     font-size: 24px;
 }
 }
-.o-search-image-input-upload-btn[data-v-07ee5c5f] {
+.o-search-image-input-upload-btn[data-v-4a3e5145] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  align-self: center;
   width: 16px;
   height: 16px;
   border-radius: 4px;
@@ -85,23 +87,23 @@
   flex-shrink: 0;
 }
 @media (hover: hover) {
-.o-search-image-input-upload-btn[data-v-07ee5c5f]:hover {
+.o-search-image-input-upload-btn[data-v-4a3e5145]:hover {
     background-color: var(--o-color-control2-light);
 }
-.o-search-image-input-upload-btn:hover .o-search-image-input-icon.upload[data-v-07ee5c5f] {
+.o-search-image-input-upload-btn:hover .o-search-image-input-icon.upload[data-v-4a3e5145] {
     color: var(--o-color-primary2);
 }
 }
 @media (max-width: 840px) {
-.o-search-image-input-upload-btn[data-v-07ee5c5f] {
+.o-search-image-input-upload-btn[data-v-4a3e5145] {
     width: 24px;
     height: 24px;
 }
 }
-.o-search-image-input-file[data-v-07ee5c5f] {
+.o-search-image-input-file[data-v-4a3e5145] {
   display: none;
 }
-.o-search-image-input-thumb[data-v-07ee5c5f] {
+.o-search-image-input-thumb[data-v-4a3e5145] {
   display: inline-flex;
   align-items: center;
   margin-left: 8px;
@@ -110,18 +112,18 @@
   flex-shrink: 0;
 }
 @media (hover: hover) {
-.o-search-image-input-thumb:hover .o-search-image-input-thumb-remove[data-v-07ee5c5f],
-  .o-search-image-input-thumb:hover .o-search-image-input-thumb-zoom[data-v-07ee5c5f] {
+.o-search-image-input-thumb:hover .o-search-image-input-thumb-remove[data-v-4a3e5145],
+  .o-search-image-input-thumb:hover .o-search-image-input-thumb-zoom[data-v-4a3e5145] {
     opacity: 1;
 }
 }
-.o-search-image-input-thumb-figure[data-v-07ee5c5f] {
+.o-search-image-input-thumb-figure[data-v-4a3e5145] {
   height: 40px;
   width: 40px;
   border-radius: 4px;
   overflow: hidden;
 }
-.o-search-image-input-thumb-figure[data-v-07ee5c5f] img {
+.o-search-image-input-thumb-figure[data-v-4a3e5145] img {
   height: 40px;
   width: 40px;
   object-fit: cover;
@@ -129,18 +131,18 @@
   border-radius: 4px;
 }
 @media (min-width: 841px) and (max-width: 1680px) {
-.o-search-image-input-thumb-figure[data-v-07ee5c5f] {
+.o-search-image-input-thumb-figure[data-v-4a3e5145] {
     height: 32px;
     width: 32px;
 }
 }
 @media (max-width: 840px) {
-.o-search-image-input-thumb-figure[data-v-07ee5c5f] {
+.o-search-image-input-thumb-figure[data-v-4a3e5145] {
     height: 24px;
     width: 24px;
 }
 }
-.o-search-image-input-thumb-zoom[data-v-07ee5c5f] {
+.o-search-image-input-thumb-zoom[data-v-4a3e5145] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -153,11 +155,11 @@
   opacity: 0;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-thumb-zoom .o-search-image-input-thumb-zoom-icon[data-v-07ee5c5f] {
+.o-search-image-input-thumb-zoom .o-search-image-input-thumb-zoom-icon[data-v-4a3e5145] {
   color: #fff;
   font-size: 16px;
 }
-.o-search-image-input-thumb-remove[data-v-07ee5c5f] {
+.o-search-image-input-thumb-remove[data-v-4a3e5145] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -171,27 +173,27 @@
   z-index: 1;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-thumb-remove[data-v-07ee5c5f] svg {
+.o-search-image-input-thumb-remove[data-v-4a3e5145] svg {
   width: 16px;
   height: 16px;
   fill: rgb(var(--o-mixedgray-9));
 }
-.o-search-image-input-preview[data-v-07ee5c5f] {
+.o-search-image-input-preview[data-v-4a3e5145] {
   padding: 0 12px 8px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-wrapper[data-v-07ee5c5f] {
+.o-search-image-input-preview .o-search-image-input-preview-wrapper[data-v-4a3e5145] {
   position: relative;
   display: inline-flex;
   overflow: visible;
   margin-top: 8px;
 }
 @media (hover: hover) {
-.o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-remove[data-v-07ee5c5f],
-  .o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-zoom[data-v-07ee5c5f] {
+.o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-remove[data-v-4a3e5145],
+  .o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-zoom[data-v-4a3e5145] {
     opacity: 1;
 }
 }
-.o-search-image-input-preview .o-search-image-input-preview-zoom[data-v-07ee5c5f] {
+.o-search-image-input-preview .o-search-image-input-preview-zoom[data-v-4a3e5145] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -203,24 +205,24 @@
   opacity: 0;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-preview .o-search-image-input-preview-zoom .o-search-image-input-preview-zoom-icon[data-v-07ee5c5f] {
+.o-search-image-input-preview .o-search-image-input-preview-zoom .o-search-image-input-preview-zoom-icon[data-v-4a3e5145] {
   color: #fff;
   font-size: 24px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-07ee5c5f] {
+.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-4a3e5145] {
   height: 72px;
   width: 72px;
   border-radius: 4px;
   overflow: hidden;
 }
-.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-07ee5c5f] img {
+.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-4a3e5145] img {
   height: 72px;
   width: 72px;
   object-fit: cover;
   object-position: center;
   border-radius: 4px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-07ee5c5f] {
+.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-4a3e5145] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -234,7 +236,7 @@
   z-index: 1;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-07ee5c5f] svg {
+.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-4a3e5145] svg {
   width: 16px;
   height: 16px;
 }