@opendesign-plus-test/components 0.0.1-rc.121 → 0.0.1-rc.123

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

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-de9a7ad2] {
+.hover-icon-rotate .o-icon[data-v-cbdc0409] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-de9a7ad2] {
+.hover-icon-rotate:hover .o-icon[data-v-cbdc0409] {
     transform: rotate(-180deg);
 }
 }
-.o-search-image-input[data-v-de9a7ad2] {
+.o-search-image-input[data-v-cbdc0409] {
   display: flex;
   flex-direction: column;
   border: 1px solid transparent;
@@ -14,66 +14,69 @@
   background-color: var(--o-color-fill2);
   transition: border-color var(--o-duration-m1);
 }
-.o-search-image-input.is-expanded[data-v-de9a7ad2] {
+.o-search-image-input.is-expanded[data-v-cbdc0409] {
   border-color: var(--o-color-primary1);
 }
-.o-search-image-input.is-expanded[data-v-de9a7ad2] .o-input.el-input .el-input__wrapper,
-.o-search-image-input.is-expanded[data-v-de9a7ad2] .o_box-main {
+.o-search-image-input.is-expanded[data-v-cbdc0409] .o-input.el-input .el-input__wrapper,
+.o-search-image-input.is-expanded[data-v-cbdc0409] .o_box-main {
   border: none !important;
   border-radius: var(--o-radius-xs) var(--o-radius-xs) 0 0;
   box-shadow: none !important;
 }
-.o-search-image-input-row[data-v-de9a7ad2] {
+.o-search-image-input-row[data-v-cbdc0409] {
   display: flex;
   align-items: center;
 }
-.o-search-image-input-input[data-v-de9a7ad2] {
+.o-search-image-input-input[data-v-cbdc0409] {
   width: 100%;
-  --_box-bg-color: transparent;
+  --_box-bg-color: var(--o-color-fill2);
+  --_box-bg-color-hover: var(--o-color-fill2);
+  --_box-bg-color-focus: var(--o-color-fill2);
+  --_box-bg-color-disabled: var(--o-color-fill2);
 }
 @media (max-width: 840px) {
-.o-search-image-input-input[data-v-de9a7ad2] input {
+.o-search-image-input-input[data-v-cbdc0409] input {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1440px) {
-.o-search-image-input-input.o_box-medium[data-v-de9a7ad2] {
+.o-search-image-input-input.o_box-medium[data-v-cbdc0409] {
     --_box-height: 32px;
 }
 }
-.o-search-image-input-icon[data-v-de9a7ad2] {
+.o-search-image-input-icon[data-v-cbdc0409] {
   cursor: pointer;
   color: var(--o-color-info1);
   font-size: 16px;
 }
-.o-search-image-input-icon.close[data-v-de9a7ad2] {
+.o-search-image-input-icon.close[data-v-cbdc0409] {
   font-size: 16px;
   margin-left: var(--o-gap-2);
 }
-.o-search-image-input-icon.close[data-v-de9a7ad2] {
+.o-search-image-input-icon.close[data-v-cbdc0409] {
   overflow: hidden;
 }
-.o-search-image-input-icon.close svg[data-v-de9a7ad2] {
+.o-search-image-input-icon.close svg[data-v-cbdc0409] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.o-search-image-input-icon.close:hover svg[data-v-de9a7ad2] {
+.o-search-image-input-icon.close:hover svg[data-v-cbdc0409] {
     transform: rotate(180deg);
 }
 }
-.o-search-image-input-icon.upload[data-v-de9a7ad2] {
+.o-search-image-input-icon.upload[data-v-cbdc0409] {
   fill: var(--o-color-info1);
 }
 @media (max-width: 840px) {
-.o-search-image-input-icon[data-v-de9a7ad2] {
+.o-search-image-input-icon[data-v-cbdc0409] {
     font-size: 24px;
 }
-.o-search-image-input-icon.close[data-v-de9a7ad2] {
+.o-search-image-input-icon.close[data-v-cbdc0409] {
     font-size: 24px;
 }
 }
-.o-search-image-input-upload-btn[data-v-de9a7ad2] {
+.o-search-image-input-upload-btn[data-v-cbdc0409] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -84,23 +87,23 @@
   flex-shrink: 0;
 }
 @media (hover: hover) {
-.o-search-image-input-upload-btn[data-v-de9a7ad2]:hover {
+.o-search-image-input-upload-btn[data-v-cbdc0409]:hover {
     background-color: var(--o-color-control2-light);
 }
-.o-search-image-input-upload-btn:hover .o-search-image-input-icon.upload[data-v-de9a7ad2] {
+.o-search-image-input-upload-btn:hover .o-search-image-input-icon.upload[data-v-cbdc0409] {
     color: var(--o-color-primary2);
 }
 }
 @media (max-width: 840px) {
-.o-search-image-input-upload-btn[data-v-de9a7ad2] {
+.o-search-image-input-upload-btn[data-v-cbdc0409] {
     width: 24px;
     height: 24px;
 }
 }
-.o-search-image-input-file[data-v-de9a7ad2] {
+.o-search-image-input-file[data-v-cbdc0409] {
   display: none;
 }
-.o-search-image-input-thumb[data-v-de9a7ad2] {
+.o-search-image-input-thumb[data-v-cbdc0409] {
   display: inline-flex;
   align-items: center;
   margin-left: 8px;
@@ -109,18 +112,18 @@
   flex-shrink: 0;
 }
 @media (hover: hover) {
-.o-search-image-input-thumb:hover .o-search-image-input-thumb-remove[data-v-de9a7ad2],
-  .o-search-image-input-thumb:hover .o-search-image-input-thumb-zoom[data-v-de9a7ad2] {
+.o-search-image-input-thumb:hover .o-search-image-input-thumb-remove[data-v-cbdc0409],
+  .o-search-image-input-thumb:hover .o-search-image-input-thumb-zoom[data-v-cbdc0409] {
     opacity: 1;
 }
 }
-.o-search-image-input-thumb-figure[data-v-de9a7ad2] {
+.o-search-image-input-thumb-figure[data-v-cbdc0409] {
   height: 40px;
   width: 40px;
   border-radius: 4px;
   overflow: hidden;
 }
-.o-search-image-input-thumb-figure[data-v-de9a7ad2] img {
+.o-search-image-input-thumb-figure[data-v-cbdc0409] img {
   height: 40px;
   width: 40px;
   object-fit: cover;
@@ -128,18 +131,18 @@
   border-radius: 4px;
 }
 @media (min-width: 841px) and (max-width: 1680px) {
-.o-search-image-input-thumb-figure[data-v-de9a7ad2] {
+.o-search-image-input-thumb-figure[data-v-cbdc0409] {
     height: 32px;
     width: 32px;
 }
 }
 @media (max-width: 840px) {
-.o-search-image-input-thumb-figure[data-v-de9a7ad2] {
+.o-search-image-input-thumb-figure[data-v-cbdc0409] {
     height: 24px;
     width: 24px;
 }
 }
-.o-search-image-input-thumb-zoom[data-v-de9a7ad2] {
+.o-search-image-input-thumb-zoom[data-v-cbdc0409] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -152,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-de9a7ad2] {
+.o-search-image-input-thumb-zoom .o-search-image-input-thumb-zoom-icon[data-v-cbdc0409] {
   color: #fff;
   font-size: 16px;
 }
-.o-search-image-input-thumb-remove[data-v-de9a7ad2] {
+.o-search-image-input-thumb-remove[data-v-cbdc0409] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -170,27 +173,27 @@
   z-index: 1;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-thumb-remove[data-v-de9a7ad2] svg {
+.o-search-image-input-thumb-remove[data-v-cbdc0409] svg {
   width: 16px;
   height: 16px;
   fill: rgb(var(--o-mixedgray-9));
 }
-.o-search-image-input-preview[data-v-de9a7ad2] {
+.o-search-image-input-preview[data-v-cbdc0409] {
   padding: 0 12px 8px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-wrapper[data-v-de9a7ad2] {
+.o-search-image-input-preview .o-search-image-input-preview-wrapper[data-v-cbdc0409] {
   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-de9a7ad2],
-  .o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-zoom[data-v-de9a7ad2] {
+.o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-remove[data-v-cbdc0409],
+  .o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-zoom[data-v-cbdc0409] {
     opacity: 1;
 }
 }
-.o-search-image-input-preview .o-search-image-input-preview-zoom[data-v-de9a7ad2] {
+.o-search-image-input-preview .o-search-image-input-preview-zoom[data-v-cbdc0409] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -202,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-de9a7ad2] {
+.o-search-image-input-preview .o-search-image-input-preview-zoom .o-search-image-input-preview-zoom-icon[data-v-cbdc0409] {
   color: #fff;
   font-size: 24px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-de9a7ad2] {
+.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-cbdc0409] {
   height: 72px;
   width: 72px;
   border-radius: 4px;
   overflow: hidden;
 }
-.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-de9a7ad2] img {
+.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-cbdc0409] 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-de9a7ad2] {
+.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-cbdc0409] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -233,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-de9a7ad2] svg {
+.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-cbdc0409] svg {
   width: 16px;
   height: 16px;
 }

package/dist/treeshaking/components/search/internal/SearchImageInput.vue.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus-test/components",
-  "version": "0.0.1-rc.121",
+  "version": "0.0.1-rc.123",
   "type": "module",
   "publishConfig": {
     "access": "public",
@@ -45,8 +45,8 @@
     "vue-dompurify-html": "^3.1.2",
     "vue": "^3.5.13",
     "element-plus": "2.13.1",
-    "@opendesign-plus/composables": "0.0.1-rc.10",
-    "@opendesign-plus/styles": "0.0.1-rc.2"
+    "@opendesign-plus/styles": "0.0.1-rc.2",
+    "@opendesign-plus/composables": "0.0.1-rc.10"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.1",