@opendesign-plus-test/components 0.0.1-rc.222 → 0.0.1-rc.223

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
 };

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

@@ -1,151 +1,155 @@
-.hover-icon-rotate .o-icon[data-v-b3c8f1f6] {
+.hover-icon-rotate .o-icon[data-v-4cd638c6] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-b3c8f1f6] {
+.hover-icon-rotate:hover .o-icon[data-v-4cd638c6] {
     transform: rotate(-180deg);
 }
 }
-.o-search-result-feedback-banner[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner[data-v-4cd638c6] {
   --o-search-result-feedback-radius: var(--o-search-result-radius, var(--o-radius-xs));
   padding: 32px;
   background-color: var(--o-color-fill1);
   border-radius: var(--o-search-result-feedback-radius);
 }
 @media (max-width: 1680px) {
-.o-search-result-feedback-banner[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner[data-v-4cd638c6] {
     padding: 16px 24px;
 }
 }
 @media (max-width: 1200px) {
-.o-search-result-feedback-banner[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner[data-v-4cd638c6] {
     padding: 12px 16px;
 }
 }
 @media (max-width: 840px) {
-.o-search-result-feedback-banner[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner[data-v-4cd638c6] {
     padding: 12px;
 }
 }
-.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-4cd638c6] {
   display: flex;
   align-items: center;
   font-size: 18px;
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-4cd638c6] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-4cd638c6] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-4cd638c6] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-4cd638c6] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) {
-.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-4cd638c6] {
     flex-direction: column;
     align-items: flex-start;
 }
 }
-.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-4cd638c6] {
   margin-right: 8px;
   font-size: 24px;
   line-height: 32px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-4cd638c6] {
     font-size: 20px;
     line-height: 28px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-4cd638c6] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-4cd638c6] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) {
-.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-4cd638c6] {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.o-search-result-feedback-banner .o-search-result-feedback-banner-btns[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-btns[data-v-4cd638c6] {
   display: flex;
   align-items: center;
-  gap: 16px;
   margin-left: 48px;
 }
 @media (max-width: 1680px) {
-.o-search-result-feedback-banner .o-search-result-feedback-banner-btns[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-btns[data-v-4cd638c6] {
     margin-left: 24px;
 }
 }
 @media (max-width: 1200px) {
-.o-search-result-feedback-banner .o-search-result-feedback-banner-btns[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-btns[data-v-4cd638c6] {
     margin-left: 16px;
 }
 }
 @media (max-width: 840px) {
-.o-search-result-feedback-banner .o-search-result-feedback-banner-btns[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-btns[data-v-4cd638c6] {
     margin-left: 0;
     margin-top: 16px;
 }
 }
-.o-search-result-feedback-banner .o-search-result-feedback-input-wrap[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-btns .o-btn + .o-btn[data-v-4cd638c6] {
+  margin-left: 16px;
+}
+.o-search-result-feedback-banner .o-search-result-feedback-input-wrap[data-v-4cd638c6] {
   margin-top: 16px;
   padding-left: 32px;
   background-color: var(--o-color-fill1);
   border-radius: var(--o-search-result-feedback-radius);
 }
 @media (max-width: 1680px) {
-.o-search-result-feedback-banner .o-search-result-feedback-input-wrap[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-input-wrap[data-v-4cd638c6] {
     margin-top: 12px;
     padding-left: 28px;
 }
 }
 @media (max-width: 1200px) {
-.o-search-result-feedback-banner .o-search-result-feedback-input-wrap[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-input-wrap[data-v-4cd638c6] {
     padding-left: 24px;
 }
 }
 @media (max-width: 840px) {
-.o-search-result-feedback-banner .o-search-result-feedback-input-wrap[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-input-wrap[data-v-4cd638c6] {
     padding-left: 0;
 }
 }
-.o-search-result-feedback-banner .o-search-result-feedback-textarea[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-textarea[data-v-4cd638c6] {
   width: 100%;
 }
-.o-search-result-feedback-banner .o-search-result-feedback-input-btn[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-input-btn[data-v-4cd638c6] {
   display: flex;
   align-items: center;
-  gap: 16px;
   margin-top: 12px;
 }
-.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-input-btn .o-btn + .o-btn[data-v-4cd638c6] {
+  margin-left: 16px;
+}
+.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-4cd638c6] {
   display: flex;
   align-items: center;
   font-weight: 600;
@@ -153,36 +157,36 @@
   line-height: 28px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-4cd638c6] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-4cd638c6] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-4cd638c6] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) {
-.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-4cd638c6] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.o-search-result-feedback-banner .o-search-result-feedback-divider[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-divider[data-v-4cd638c6] {
   margin: 8px 0;
 }
-.o-search-result-feedback-banner .o-search-result-feedback-mb-desc[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-mb-desc[data-v-4cd638c6] {
   font-size: 14px;
   line-height: 22px;
 }
-.o-search-result-feedback-banner .o-search-result-message-wrap[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-message-wrap[data-v-4cd638c6] {
   margin-top: 12px;
 }

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

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

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

@@ -1,20 +1,20 @@
-.hover-icon-rotate .o-icon[data-v-bb8a3a0b] {
+.hover-icon-rotate .o-icon[data-v-6872ff03] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-bb8a3a0b] {
+.hover-icon-rotate:hover .o-icon[data-v-6872ff03] {
     transform: rotate(-180deg);
 }
 }
-.o-search-result-relative[data-v-bb8a3a0b] {
+.o-search-result-relative[data-v-6872ff03] {
   margin-bottom: 32px;
 }
 @media (max-width: 1680px) {
-.o-search-result-relative[data-v-bb8a3a0b] {
+.o-search-result-relative[data-v-6872ff03] {
     margin-bottom: 24px;
 }
 }
-.o-search-result-relative .o-search-result-relative-header[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-relative-header[data-v-6872ff03] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -23,75 +23,75 @@
   line-height: 28px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-relative .o-search-result-relative-header[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-relative-header[data-v-6872ff03] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-relative .o-search-result-relative-header[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-relative-header[data-v-6872ff03] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-relative .o-search-result-relative-header[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-relative-header[data-v-6872ff03] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) {
-.o-search-result-relative .o-search-result-relative-header[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-relative-header[data-v-6872ff03] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-6872ff03] {
   font-size: 24px;
   line-height: 32px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-6872ff03] {
     font-size: 20px;
     line-height: 28px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-6872ff03] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-6872ff03] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) {
-.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-6872ff03] {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.o-search-result-relative .o-search-result-feedback-relative-divider[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-divider[data-v-6872ff03] {
   margin: 12px 0;
 }
 @media (max-width: 1680px) {
-.o-search-result-relative .o-search-result-feedback-relative-divider[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-divider[data-v-6872ff03] {
     margin: 8px 0;
 }
 }
-.o-search-result-relative .o-search-result-feedback-relative-items[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-items[data-v-6872ff03] {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-.o-search-result-relative .o-search-result-feedback-relative-item[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-item[data-v-6872ff03] {
   color: var(--o-color-info2);
 }
 @media (hover: hover) {
-.o-search-result-relative .o-search-result-feedback-relative-item[data-v-bb8a3a0b]:hover {
+.o-search-result-relative .o-search-result-feedback-relative-item[data-v-6872ff03]:hover {
     color: var(--o-color-primary1);
 }
 }

package/dist/treeshaking/components/search-result/components/OSearchResultRelative.vue.d.ts

@@ -2,5 +2,9 @@ import { OSearchRelativeItemT } from '../types';
 type __VLS_Props = {
     relativeItems: OSearchRelativeItemT[];
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "click-relative-search-item": (item: OSearchRelativeItemT) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onClick-relative-search-item"?: ((item: OSearchRelativeItemT) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

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

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

@@ -13,7 +13,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     relativeItems: {}
   },
-  setup(__props) {
+  emits: ["click-relative-search-item"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const { t } = useI18n();
     return (_ctx, _cache) => {
       return unref(isArray)(__props.relativeItems) && __props.relativeItems.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
@@ -34,13 +36,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               href: item.href,
               target: "_self",
               "hover-underline": false,
-              class: "o-search-result-feedback-relative-item"
+              class: "o-search-result-feedback-relative-item",
+              onClick: ($event) => emit("click-relative-search-item", item)
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(item.label), 1)
               ]),
               _: 2
-            }, 1032, ["href"]);
+            }, 1032, ["href", "onClick"]);
           }), 128))
         ])
       ])) : createCommentVNode("", true);