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

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

@@ -1,129 +1,112 @@
-.hover-icon-rotate .o-icon[data-v-468b74b0] {
+.hover-icon-rotate .o-icon[data-v-479ac4d6] {
   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-479ac4d6] {
     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-479ac4d6] {
   --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-479ac4d6] {
     gap: 16px;
 }
 }
 @media (max-width: 1200px) {
-.o-search-result-item[data-v-468b74b0] {
+.o-search-result-item[data-v-479ac4d6] {
     gap: 12px;
 }
 }
 @media (max-width: 840px) {
-.o-search-result-item[data-v-468b74b0] {
+.o-search-result-item[data-v-479ac4d6] {
     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-479ac4d6] {
     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-479ac4d6] {
   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-479ac4d6] {
   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-479ac4d6] {
     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-479ac4d6] {
     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-479ac4d6] {
     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-479ac4d6] {
   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-479ac4d6] {
     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-479ac4d6] {
     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-479ac4d6] {
     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-479ac4d6] {
     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-479ac4d6]: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-479ac4d6] {
   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-479ac4d6] span,
+.o-search-result-item .o-search-result-item-title .o-search-result-item-title-content[data-v-479ac4d6] 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-479ac4d6] {
   display: -webkit-box;
   margin-top: 8px;
   overflow: hidden;
@@ -136,33 +119,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-479ac4d6] {
     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-479ac4d6] {
     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-479ac4d6] {
     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-479ac4d6] {
     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-479ac4d6] 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-479ac4d6] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -173,41 +156,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-479ac4d6] {
     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-479ac4d6] {
     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-479ac4d6] {
     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-479ac4d6] {
   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-479ac4d6] {
   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-479ac4d6] {
   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-479ac4d6] {
   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-479ac4d6] {
     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-479ac4d6] {
     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-479ac4d6"]]);
 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
 };