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

package/dist/treeshaking/components/search-result/OSearchResultHeader.vue2.mjs

@@ -1,13 +1,12 @@
-import { defineComponent, useCssVars, useModel, ref, computed, openBlock, createElementBlock, createElementVNode, unref, createVNode, withCtx, renderSlot, mergeProps, toDisplayString, Fragment, renderList, createBlock, createCommentVNode, mergeModels } from "vue";
+import { defineComponent, useCssVars, useModel, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, unref, createVNode, withCtx, renderSlot, mergeProps, toDisplayString, Fragment, renderList, createBlock, createCommentVNode, mergeModels } from "vue";
 import { OIcon, isArray, OTab, OTabPane } from "@opensig/opendesign";
 import IconArrowLeft from "../../_virtual/icon-arrow-left.mjs";
 import OSearchInput from "../search/OSearchInput.vue.mjs";
 import { useI18n } from "../../i18n/index.mjs";
-const _hoisted_1 = { class: "o-search-result-header" };
-const _hoisted_2 = { class: "o-search-result-header-content" };
-const _hoisted_3 = { class: "o-search-result-header-input-row" };
-const _hoisted_4 = ["aria-label"];
-const _hoisted_5 = {
+const _hoisted_1 = { class: "o-search-result-header-content" };
+const _hoisted_2 = { class: "o-search-result-header-input-row" };
+const _hoisted_3 = ["aria-label"];
+const _hoisted_4 = {
   key: 0,
   class: "o-search-result-header-tab-wrap"
 };
@@ -16,21 +15,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeModels({
     bg: {},
     tabs: {},
-    inputProps: {}
+    inputProps: {},
+    responsive: { type: Boolean, default: false },
+    hideTabOnMobile: { type: Boolean, default: false }
   }, {
     "searchInput": {},
     "searchInputModifiers": {},
+    "imageUrl": {},
+    "imageUrlModifiers": {},
     "tab": {},
     "tabModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["back", "search"], ["update:searchInput", "update:tab"]),
+  emits: /* @__PURE__ */ mergeModels(["back", "search"], ["update:searchInput", "update:imageUrl", "update:tab"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v5b9f5904": bgStyle.value
+      "v1c86e469": bgStyle.value
     }));
     const props = __props;
     const emit = __emit;
     const searchInput = useModel(__props, "searchInput");
+    const imageUrl = useModel(__props, "imageUrl");
     const tabVal = useModel(__props, "tab");
     const { t } = useI18n();
     const searchInputRef = ref(null);
@@ -40,9 +44,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const bgStyle = computed(() => props.bg ? `url(${props.bg})` : "none");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["o-search-result-header", { "is-responsive": __props.responsive, "is-hide-tab-mobile": __props.hideTabOnMobile }])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
             createElementVNode("button", {
               type: "button",
               class: "o-search-result-header-back",
@@ -55,7 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })
-            ], 8, _hoisted_4),
+            ], 8, _hoisted_3),
             renderSlot(_ctx.$slots, "input", {}, () => [
               createVNode(OSearchInput, mergeProps({
                 ref_key: "searchInputRef",
@@ -63,9 +69,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, __props.inputProps, {
                 modelValue: searchInput.value,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchInput.value = $event),
+                "image-url": imageUrl.value,
+                "onUpdate:imageUrl": _cache[2] || (_cache[2] = ($event) => imageUrl.value = $event),
                 class: "o-search-result-header-input",
-                onSearch: _cache[2] || (_cache[2] = (payload) => emit("search", payload))
-              }), null, 16, ["modelValue"])
+                onSearch: _cache[3] || (_cache[3] = (payload) => emit("search", payload))
+              }), null, 16, ["modelValue", "image-url"])
             ], true),
             createElementVNode("div", {
               class: "o-search-result-header-search-btn",
@@ -73,10 +81,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, toDisplayString(unref(t)("search")), 1)
           ]),
           renderSlot(_ctx.$slots, "tab", {}, () => [
-            unref(isArray)(__props.tabs) && __props.tabs.length ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            unref(isArray)(__props.tabs) && __props.tabs.length ? (openBlock(), createElementBlock("div", _hoisted_4, [
               createVNode(unref(OTab), {
                 modelValue: tabVal.value,
-                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => tabVal.value = $event),
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => tabVal.value = $event),
                 class: "o-search-result-header-tab",
                 line: false,
                 size: "large"
@@ -95,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ], true)
         ])
-      ]);
+      ], 2);
     };
   }
 });

package/dist/treeshaking/components/search-result/OSearchResultItem.css

@@ -1,129 +1,117 @@
-.hover-icon-rotate .o-icon[data-v-468b74b0] {
+.hover-icon-rotate .o-icon[data-v-0914fdb7] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-468b74b0] {
+.hover-icon-rotate:hover .o-icon[data-v-0914fdb7] {
     transform: rotate(-180deg);
 }
 }
-.o-search-result-item[data-v-468b74b0]:not(:first-child) {
-  padding-top: 16px;
-  border-top: 1px solid var(--o-color-control4);
-}
-@media (max-width: 1680px) {
-.o-search-result-item[data-v-468b74b0]:not(:first-child) {
-    padding-top: 12px;
-}
-}
-.o-search-result-item[data-v-468b74b0]:not(:last-child) {
-  padding-bottom: 16px;
-}
-@media (max-width: 1680px) {
-.o-search-result-item[data-v-468b74b0]:not(:last-child) {
-    padding-bottom: 12px;
-}
-}
-.o-search-result-item[data-v-468b74b0] {
+.o-search-result-item[data-v-0914fdb7] {
   --o-search-result-item-radius: var(--o-search-result-radius, var(--o-radius-xs));
   display: flex;
   align-items: center;
   gap: 24px;
 }
 @media (max-width: 1680px) {
-.o-search-result-item[data-v-468b74b0] {
+.o-search-result-item[data-v-0914fdb7] {
     gap: 16px;
 }
 }
 @media (max-width: 1200px) {
-.o-search-result-item[data-v-468b74b0] {
+.o-search-result-item[data-v-0914fdb7] {
     gap: 12px;
 }
 }
 @media (max-width: 840px) {
-.o-search-result-item[data-v-468b74b0] {
+.o-search-result-item[data-v-0914fdb7] {
     padding: 12px 16px;
     background-color: var(--o-color-fill2);
     border-radius: var(--o-radius-xs);
 }
 }
 @media (max-width: 600px) {
-.o-search-result-item[data-v-468b74b0] {
+.o-search-result-item[data-v-0914fdb7] {
     flex-direction: column;
     align-items: stretch;
     gap: 0;
 }
 }
-.o-search-result-item .o-search-result-item-body[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-body[data-v-0914fdb7] {
   flex: 1;
   min-width: 0;
 }
-.o-search-result-item .o-search-result-item-img[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-img[data-v-0914fdb7] {
   flex-shrink: 0;
   width: 108px;
   height: 108px;
   border-radius: var(--o-search-result-item-radius);
 }
 @media (max-width: 1680px) {
-.o-search-result-item .o-search-result-item-img[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-img[data-v-0914fdb7] {
     width: 96px;
     height: 96px;
 }
 }
 @media (max-width: 1200px) {
-.o-search-result-item .o-search-result-item-img[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-img[data-v-0914fdb7] {
     width: 72px;
     height: 72px;
 }
 }
 @media (max-width: 600px) {
-.o-search-result-item .o-search-result-item-img[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-img[data-v-0914fdb7] {
     margin-top: 8px;
 }
 }
-.o-search-result-item .o-search-result-item-title[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-title[data-v-0914fdb7] {
   font-weight: 600;
   color: var(--o-color-info1);
   font-size: 20px;
   line-height: 28px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-item .o-search-result-item-title[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-title[data-v-0914fdb7] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-item .o-search-result-item-title[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-title[data-v-0914fdb7] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-item .o-search-result-item-title[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-title[data-v-0914fdb7] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) {
-.o-search-result-item .o-search-result-item-title[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-title[data-v-0914fdb7] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (hover: hover) {
-.o-search-result-item .o-search-result-item-title[data-v-468b74b0]:hover {
+.o-search-result-item .o-search-result-item-title[data-v-0914fdb7]:hover {
     color: var(--o-color-primary1);
 }
 }
-.o-search-result-item .o-search-result-item-title .o-search-result-item-title-link[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-title .o-search-result-item-title-link[data-v-0914fdb7] {
   color: inherit;
   text-decoration: none;
 }
-.o-search-result-item .o-search-result-item-title .o-search-result-item-title-link[data-v-468b74b0] span,
-.o-search-result-item .o-search-result-item-title .o-search-result-item-title-content[data-v-468b74b0] span {
+.o-search-result-item .o-search-result-item-title .o-search-result-item-title-link[data-v-0914fdb7],
+.o-search-result-item .o-search-result-item-title .o-search-result-item-title-content[data-v-0914fdb7] {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
+.o-search-result-item .o-search-result-item-title .o-search-result-item-title-link[data-v-0914fdb7] span,
+.o-search-result-item .o-search-result-item-title .o-search-result-item-title-content[data-v-0914fdb7] span {
   color: var(--o-color-primary1);
 }
-.o-search-result-item .o-search-result-item-detail[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-detail[data-v-0914fdb7] {
   display: -webkit-box;
   margin-top: 8px;
   overflow: hidden;
@@ -136,33 +124,33 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-item .o-search-result-item-detail[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-detail[data-v-0914fdb7] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-item .o-search-result-item-detail[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-detail[data-v-0914fdb7] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-item .o-search-result-item-detail[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-detail[data-v-0914fdb7] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-search-result-item .o-search-result-item-detail[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-detail[data-v-0914fdb7] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-result-item .o-search-result-item-detail[data-v-468b74b0] span {
+.o-search-result-item .o-search-result-item-detail[data-v-0914fdb7] span {
   color: var(--o-color-primary1);
 }
-.o-search-result-item .o-search-result-item-footer[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-footer[data-v-0914fdb7] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -173,41 +161,41 @@
   color: var(--o-color-info3);
 }
 @media (max-width: 600px) {
-.o-search-result-item .o-search-result-item-footer[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-footer[data-v-0914fdb7] {
     font-size: 10px;
     line-height: 16px;
 }
-.o-search-result-item .o-search-result-item-footer .o-search-result-item-version[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-footer .o-search-result-item-version[data-v-0914fdb7] {
     width: 100%;
 }
-.o-search-result-item .o-search-result-item-footer .o-search-result-item-version-divider[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-footer .o-search-result-item-version-divider[data-v-0914fdb7] {
     display: none;
 }
 }
-.o-search-result-item .o-search-result-item-footer .o-search-result-item-breadcrumb[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-footer .o-search-result-item-breadcrumb[data-v-0914fdb7] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   row-gap: 4px;
 }
-.o-search-result-item .o-search-result-item-footer .o-search-result-item-breadcrumb-icon[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-footer .o-search-result-item-breadcrumb-icon[data-v-0914fdb7] {
   margin: 0 4px;
   font-size: 12px;
 }
-.o-search-result-item .o-search-result-item-footer .o-search-result-item-version[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-footer .o-search-result-item-version[data-v-0914fdb7] {
   display: inline-flex;
   align-items: center;
 }
-.o-search-result-item .o-search-result-item-footer .o-search-result-item-version-divider[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-footer .o-search-result-item-version-divider[data-v-0914fdb7] {
   margin: 0 16px;
 }
 @media (max-width: 1680px) {
-.o-search-result-item .o-search-result-item-footer .o-search-result-item-version-divider[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-footer .o-search-result-item-version-divider[data-v-0914fdb7] {
     margin: 0 12px;
 }
 }
 @media (max-width: 1200px) {
-.o-search-result-item .o-search-result-item-footer .o-search-result-item-version-divider[data-v-468b74b0] {
+.o-search-result-item .o-search-result-item-footer .o-search-result-item-version-divider[data-v-0914fdb7] {
     margin: 0 8px;
 }
 }

package/dist/treeshaking/components/search-result/OSearchResultItem.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OSearchResultItem.vue2.mjs";
 import './OSearchResultItem.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OSearchResultItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-468b74b0"]]);
+const _OSearchResultItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0914fdb7"]]);
 export {
   _OSearchResultItem as default
 };

package/dist/treeshaking/components/search-result/OSearchResultItem.vue2.mjs

@@ -55,7 +55,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: 0,
                 class: "o-search-result-item-title-link",
                 href: __props.href,
-                target: "_self"
+                target: "_blank",
+                rel: "noopener noreferrer"
               }, null, 8, _hoisted_4)), [
                 [unref(vDompurifyHtml), __props.title]
               ]) : withDirectives((openBlock(), createElementBlock("span", _hoisted_5, null, 512)), [

package/dist/treeshaking/components/search-result/components/OSearchResultFeedback.css

@@ -1,22 +1,16 @@
-.hover-icon-rotate .o-icon[data-v-bf624516] {
+.hover-icon-rotate .o-icon[data-v-72958e79] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-bf624516] {
+.hover-icon-rotate:hover .o-icon[data-v-72958e79] {
     transform: rotate(-180deg);
 }
 }
-.o-search-result-feedback[data-v-bf624516] {
+.o-search-result-feedback[data-v-72958e79] {
   --o-search-result-feedback-radius: var(--o-search-result-radius, var(--o-radius-xs));
-  max-width: var(--grid-4);
   color: var(--o-color-info1);
 }
-@media (max-width: 1680px) {
-.o-search-result-feedback[data-v-bf624516] {
-    max-width: var(--grid-5);
-}
-}
-.o-search-result-feedback .o-search-result-feedback-title[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-title[data-v-72958e79] {
   display: flex;
   align-items: center;
   font-weight: 600;
@@ -24,131 +18,135 @@
   line-height: 28px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-feedback .o-search-result-feedback-title[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-title[data-v-72958e79] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-feedback .o-search-result-feedback-title[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-title[data-v-72958e79] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-feedback .o-search-result-feedback-title[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-title[data-v-72958e79] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) {
-.o-search-result-feedback .o-search-result-feedback-title[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-title[data-v-72958e79] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.o-search-result-feedback .o-search-result-feedback-icon-edit[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-icon-edit[data-v-72958e79] {
   margin-right: 12px;
   font-size: 24px;
   line-height: 32px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-feedback .o-search-result-feedback-icon-edit[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-icon-edit[data-v-72958e79] {
     font-size: 20px;
     line-height: 28px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-feedback .o-search-result-feedback-icon-edit[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-icon-edit[data-v-72958e79] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-feedback .o-search-result-feedback-icon-edit[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-icon-edit[data-v-72958e79] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) {
-.o-search-result-feedback .o-search-result-feedback-icon-edit[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-icon-edit[data-v-72958e79] {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.o-search-result-feedback .o-search-result-feedback-divider[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-divider[data-v-72958e79] {
   margin: 12px 0;
 }
 @media (max-width: 1680px) {
-.o-search-result-feedback .o-search-result-feedback-divider[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-divider[data-v-72958e79] {
     margin: 8px 0;
 }
 }
-.o-search-result-feedback .o-search-result-feedback-desc[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-desc[data-v-72958e79] {
   color: var(--o-color-info2);
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-feedback .o-search-result-feedback-desc[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-desc[data-v-72958e79] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-feedback .o-search-result-feedback-desc[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-desc[data-v-72958e79] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-feedback .o-search-result-feedback-desc[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-desc[data-v-72958e79] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-search-result-feedback .o-search-result-feedback-desc[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-desc[data-v-72958e79] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-result-feedback .o-search-result-feedback-btn[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-btn[data-v-72958e79] {
   display: flex;
   align-items: center;
-  gap: 16px;
   margin-top: 12px;
 }
 @media (max-width: 1680px) {
-.o-search-result-feedback .o-search-result-feedback-btn[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-btn[data-v-72958e79] {
     margin-top: 8px;
 }
 }
-.o-search-result-feedback .o-search-result-feedback-input-wrap[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-btn .o-btn + .o-btn[data-v-72958e79] {
+  margin-left: 16px;
+}
+.o-search-result-feedback .o-search-result-feedback-input-wrap[data-v-72958e79] {
   margin-top: 12px;
   padding: 16px;
   background-color: var(--o-color-fill1);
   border-radius: var(--o-search-result-feedback-radius);
 }
 @media (max-width: 1680px) {
-.o-search-result-feedback .o-search-result-feedback-input-wrap[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-input-wrap[data-v-72958e79] {
     margin-top: 8px;
     padding: 12px;
 }
 }
-.o-search-result-feedback .o-search-result-feedback-textarea[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-textarea[data-v-72958e79] {
   width: 100%;
 }
-.o-search-result-feedback .o-search-result-feedback-input-btn[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-input-btn[data-v-72958e79] {
   display: flex;
   justify-content: center;
   align-items: center;
-  gap: 16px;
   margin-top: 12px;
 }
-.o-search-result-feedback .o-search-result-message-wrap[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-feedback-input-btn .o-btn + .o-btn[data-v-72958e79] {
+  margin-left: 16px;
+}
+.o-search-result-feedback .o-search-result-message-wrap[data-v-72958e79] {
   margin-top: 12px;
 }
-.o-search-result-feedback .o-search-result-message[data-v-bf624516] {
+.o-search-result-feedback .o-search-result-message[data-v-72958e79] {
   --message-padding: 8px 10px;
 }

package/dist/treeshaking/components/search-result/components/OSearchResultFeedback.vue.mjs

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