@opendesign-plus-test/components 0.0.1-rc.190 → 0.0.1-rc.192

package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.css

@@ -1,43 +1,43 @@
-.hover-icon-rotate .o-icon[data-v-2620f484] {
+.hover-icon-rotate .o-icon[data-v-423f1b29] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-2620f484] {
+.hover-icon-rotate:hover .o-icon[data-v-423f1b29] {
     transform: rotate(-180deg);
 }
 }
-.hide-lang[data-v-2620f484] {
+.hide-lang[data-v-423f1b29] {
   display: none;
 }
-.header-lang[data-v-2620f484] {
+.header-lang[data-v-423f1b29] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.header-lang .info-wrap[data-v-2620f484] {
+.header-lang .info-wrap[data-v-423f1b29] {
   height: 100%;
   display: flex;
   align-items: center;
   cursor: pointer;
 }
-.header-lang .info-wrap .icon[data-v-2620f484] {
+.header-lang .info-wrap .icon[data-v-423f1b29] {
   font-size: var(--o-icon_size_control-m);
   position: relative;
   color: var(--o-color-info2);
 }
 @media (hover: hover) {
-.header-lang .info-wrap .icon[data-v-2620f484]:hover {
+.header-lang .info-wrap .icon[data-v-423f1b29]:hover {
     color: var(--o-color-primary2);
     background-color: var(--o-color-control2-light);
     border-radius: var(--o-radius-xs);
 }
 }
 @media (max-width: 1200px) {
-.header-lang .info-wrap .icon[data-v-2620f484] {
+.header-lang .info-wrap .icon[data-v-423f1b29] {
     font-size: var(--o-icon_size_control-s);
 }
 }
-.header-lang .info-wrap .locale-tag[data-v-2620f484] {
+.header-lang .info-wrap .locale-tag[data-v-423f1b29] {
   position: absolute;
   font-size: 10px;
   height: 12px;
@@ -49,28 +49,28 @@
   left: 12px;
   top: 11px;
 }
-.header-lang .info-wrap .locale-tag.is-en[data-v-2620f484] {
+.header-lang .info-wrap .locale-tag.is-en[data-v-423f1b29] {
   width: 16px;
 }
-.header-lang.is-disabled .info-wrap[data-v-2620f484] {
+.header-lang.is-disabled .info-wrap[data-v-423f1b29] {
   color: var(--o-color-info4);
   cursor: not-allowed;
 }
-.header-lang.is-disabled .info-wrap[data-v-2620f484]:hover {
+.header-lang.is-disabled .info-wrap[data-v-423f1b29]:hover {
   color: var(--o-color-info4);
 }
-.header-lang.is-disabled .info-wrap .o-icon[data-v-2620f484] {
+.header-lang.is-disabled .info-wrap .o-icon[data-v-423f1b29] {
   color: inherit;
 }
 @media (hover: hover) {
-.header-lang.is-disabled .info-wrap .o-icon[data-v-2620f484]:hover {
+.header-lang.is-disabled .info-wrap .o-icon[data-v-423f1b29]:hover {
     background-color: transparent;
 }
 }
-.o-dropdown[data-v-2620f484] {
+.o-dropdown[data-v-423f1b29] {
   height: 100%;
 }
-.o-dropdown-item[data-v-2620f484] {
+.o-dropdown-item[data-v-423f1b29] {
   background: var(--o-color-control5-light);
   cursor: pointer;
   --dropdown-item-color: var(--o-color-info2);
@@ -80,45 +80,45 @@
   --dropdown-item-text-height: 22px;
 }
 @media (hover: hover) {
-.o-dropdown-item[data-v-2620f484]:hover {
+.o-dropdown-item[data-v-423f1b29]:hover {
     background: var(--o-color-control2-light);
 }
 }
-.o-dropdown-item[data-v-2620f484]:active {
+.o-dropdown-item[data-v-423f1b29]:active {
   color: var(--o-color-primary1);
   background: var(--o-color-control3-light);
   font-weight: 600;
 }
-.o-dropdown-item.is-active[data-v-2620f484] {
+.o-dropdown-item.is-active[data-v-423f1b29] {
   color: var(--o-color-primary1);
   background: var(--o-color-control3-light);
 }
-.mobile-change-language[data-v-2620f484] {
+.mobile-change-language[data-v-423f1b29] {
   display: flex;
   align-items: center;
 }
-.mobile-change-language .o-divider[data-v-2620f484] {
+.mobile-change-language .o-divider[data-v-423f1b29] {
   margin: 0 var(--o-gap-2);
   height: 8px;
   background-color: var(--o-color-control4);
 }
-.mobile-change-language span[data-v-2620f484] {
+.mobile-change-language span[data-v-423f1b29] {
   color: var(--o-color-info1);
   text-align: center;
   cursor: pointer;
   font-size: 14px;
   line-height: 22px;
 }
-.mobile-change-language span.active[data-v-2620f484] {
+.mobile-change-language span.active[data-v-423f1b29] {
   color: var(--o-color-primary1);
   font-weight: 500;
 }
-.mobile-change-language.is-disabled span[data-v-2620f484] {
+.mobile-change-language.is-disabled span[data-v-423f1b29] {
   color: var(--o-color-info4);
   cursor: not-allowed;
 }
 @media (hover: hover) {
-.mobile-change-language.is-disabled span[data-v-2620f484]:hover {
+.mobile-change-language.is-disabled span[data-v-423f1b29]:hover {
     color: var(--o-color-info4);
 }
 }

package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue.d.ts

@@ -1,7 +1,7 @@
 export interface LanguageOptionT {
     id: string;
     label: string;
-    simple: string;
+    simple?: string;
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     options: {
@@ -60,8 +60,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     type: "auto" | "common" | "mobile";
     disabled: boolean;
-    options: LanguageOptionT[];
     auto: boolean;
+    options: LanguageOptionT[];
     itemRadius: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./OHeaderLanguageSwitcher.vue2.mjs";
 import './OHeaderLanguageSwitcher.css';
 import './OHeaderLanguageSwitcher2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OHeaderLanguageSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2620f484"]]);
+const OHeaderLanguageSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-423f1b29"]]);
 export {
-  _OHeaderLanguageSwitcher as default
+  OHeaderLanguageSwitcher as default
 };

package/dist/treeshaking/components/header-language-switcher/index.d.ts

@@ -32,8 +32,8 @@ declare const OHeaderLanguageSwitcher: {
     }, import('vue').PublicProps, {
         type: "auto" | "common" | "mobile";
         disabled: boolean;
-        options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
         auto: boolean;
+        options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
         itemRadius: number;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -72,8 +72,8 @@ declare const OHeaderLanguageSwitcher: {
     }>, {}, {}, {}, {}, {
         type: "auto" | "common" | "mobile";
         disabled: boolean;
-        options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
         auto: boolean;
+        options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
         itemRadius: number;
     }>;
     __isFragment?: never;
@@ -111,8 +111,8 @@ declare const OHeaderLanguageSwitcher: {
 }, string, {
     type: "auto" | "common" | "mobile";
     disabled: boolean;
-    options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
     auto: boolean;
+    options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
     itemRadius: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;

package/dist/treeshaking/components/header-language-switcher/index.mjs

@@ -1,7 +1,7 @@
-import _OHeaderLanguageSwitcher from "./OHeaderLanguageSwitcher.vue.mjs";
-const OHeaderLanguageSwitcher = Object.assign(_OHeaderLanguageSwitcher, {
+import OHeaderLanguageSwitcher$1 from "./OHeaderLanguageSwitcher.vue.mjs";
+const OHeaderLanguageSwitcher = Object.assign(OHeaderLanguageSwitcher$1, {
   install(app) {
-    app.component("OHeaderLanguageSwitcher", _OHeaderLanguageSwitcher);
+    app.component("OHeaderLanguageSwitcher", OHeaderLanguageSwitcher$1);
   }
 });
 export {

package/dist/treeshaking/components/header-search/OHeaderSearch.css

@@ -1,59 +1,60 @@
-.hover-icon-rotate .o-icon[data-v-bf46f1ee] {
+.hover-icon-rotate .o-icon[data-v-426c3515] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-bf46f1ee] {
+.hover-icon-rotate:hover .o-icon[data-v-426c3515] {
     transform: rotate(-180deg);
 }
 }
-.o-header-search[data-v-bf46f1ee] {
+.o-header-search[data-v-426c3515] {
   position: relative;
   width: 160px;
   height: 32px;
 }
 @media (max-width: 1440px) {
-.o-header-search[data-v-bf46f1ee] {
+.o-header-search[data-v-426c3515] {
+    width: 120px;
     height: 32px;
 }
 }
 @media (max-width: 840px) {
-.o-header-search[data-v-bf46f1ee] {
+.o-header-search[data-v-426c3515] {
     width: 24px;
     height: 24px;
     margin-left: auto;
 }
 }
-.o-header-search-pos[data-v-bf46f1ee] {
+.o-header-search-pos[data-v-426c3515] {
   position: absolute;
   top: 0;
   width: fit-content;
   background-color: var(--o-color-fill2);
   z-index: 100;
 }
-.o-header-search-pos.is-left[data-v-bf46f1ee] {
+.o-header-search-pos.is-left[data-v-426c3515] {
   right: 0;
 }
-.o-header-search-pos.is-right[data-v-bf46f1ee] {
+.o-header-search-pos.is-right[data-v-426c3515] {
   left: 0;
 }
-.o-header-search-pos.is-mobile[data-v-bf46f1ee] {
+.o-header-search-pos.is-mobile[data-v-426c3515] {
   display: none;
 }
-.o-header-search-pos.is-simple[data-v-bf46f1ee] {
+.o-header-search-pos.is-simple[data-v-426c3515] {
   display: none;
 }
-.o-header-search-pos.is-pc.is-focus[data-v-bf46f1ee] {
+.o-header-search-pos.is-pc.is-focus[data-v-426c3515] {
   box-shadow: var(--o-shadow-2);
   top: calc(-1 * var(--o-gap-4));
   border-radius: var(--o-radius-xs);
 }
-.o-header-search-pos.is-simple.is-focus[data-v-bf46f1ee] {
+.o-header-search-pos.is-simple.is-focus[data-v-426c3515] {
   display: block;
   box-shadow: var(--o-shadow-2);
   top: calc(-1 * var(--o-gap-4));
   border-radius: var(--o-radius-xs);
 }
-.o-header-search-pos.is-mobile.is-focus[data-v-bf46f1ee] {
+.o-header-search-pos.is-mobile.is-focus[data-v-426c3515] {
   position: fixed;
   top: 0;
   right: 0;
@@ -66,52 +67,57 @@
   z-index: 100;
   overflow-y: auto;
 }
-.o-header-search-row[data-v-bf46f1ee] {
+.o-header-search-row[data-v-426c3515] {
   display: flex;
   align-items: start;
 }
-.o-header-search-row.is-focus[data-v-bf46f1ee] {
+.o-header-search-row.is-focus[data-v-426c3515] {
   padding: var(--o-gap-4);
   border-radius: var(--o-radius-xs);
 }
 @media (max-width: 840px) {
-.o-header-search-row.is-focus[data-v-bf46f1ee] {
+.o-header-search-row.is-focus[data-v-426c3515] {
     align-items: center;
     gap: var(--o-gap-4);
     padding: 10px var(--o-gap-4) var(--o-gap-4) var(--o-gap-4);
     border-radius: unset;
 }
 }
-.o-header-search-input[data-v-bf46f1ee] {
+.o-header-search-input[data-v-426c3515] {
   width: 160px;
   transition: width var(--o-duration-m2) var(--o-easing-standard-in);
 }
-.o-header-search-row.is-focus .o-header-search-input[data-v-bf46f1ee] {
+@media (max-width: 1440px) {
+.o-header-search-input[data-v-426c3515] {
+    width: 120px;
+}
+}
+.o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
   width: 480px;
 }
 @media (min-width: 1201px) and (max-width: 1440px) {
-.o-header-search-row.is-focus .o-header-search-input[data-v-bf46f1ee] {
+.o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
     width: 360px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-header-search-row.is-focus .o-header-search-input[data-v-bf46f1ee] {
+.o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
     width: 272px;
 }
 }
 @media (max-width: 840px) {
-.o-header-search-row.is-focus .o-header-search-input[data-v-bf46f1ee] {
+.o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
     flex: 1;
     width: auto;
 }
 }
-.o-header-search-back-icon[data-v-bf46f1ee] {
+.o-header-search-back-icon[data-v-426c3515] {
   cursor: pointer;
   color: var(--o-color-info1);
   font-size: 20px;
   height: 30px;
 }
-.o-header-search-text[data-v-bf46f1ee] {
+.o-header-search-text[data-v-426c3515] {
   white-space: nowrap;
   font-size: 16px;
   line-height: 24px;
@@ -120,11 +126,11 @@
   height: 30px;
 }
 @media (hover: hover) {
-.o-header-search-text[data-v-bf46f1ee]:hover {
+.o-header-search-text[data-v-426c3515]:hover {
     color: var(--o-color-primary1);
 }
 }
-.o-header-search-drawer[data-v-bf46f1ee] {
+.o-header-search-drawer[data-v-426c3515] {
   position: absolute;
   width: 100%;
   padding: var(--o-gap-4);
@@ -134,7 +140,7 @@
   border-radius: 0 0 var(--o-radius-xs) var(--o-radius-xs);
 }
 @media (max-width: 840px) {
-.o-header-search-drawer[data-v-bf46f1ee] {
+.o-header-search-drawer[data-v-426c3515] {
     position: static;
     height: calc(100vh - 50px);
     padding-top: 0;
@@ -143,7 +149,7 @@
     border-radius: unset;
 }
 }
-.o-header-search-drawer[data-v-bf46f1ee]::before {
+.o-header-search-drawer[data-v-426c3515]::before {
   content: "";
   position: absolute;
   left: 0;
@@ -153,11 +159,11 @@
   background-color: var(--o-color-fill2);
 }
 @media (max-width: 840px) {
-.o-header-search-drawer[data-v-bf46f1ee]::before {
+.o-header-search-drawer[data-v-426c3515]::before {
     display: none;
 }
 }
-.o-header-search-mobile-icon[data-v-bf46f1ee] {
+.o-header-search-mobile-icon[data-v-426c3515] {
   font-size: 24px;
   line-height: 28px;
   color: var(--o-color-info2);
@@ -165,34 +171,34 @@
   display: none;
 }
 @media (max-width: 840px) {
-.o-header-search-mobile-icon[data-v-bf46f1ee] {
+.o-header-search-mobile-icon[data-v-426c3515] {
     display: block;
 }
 }
-.o-header-search-drawer-enter-active[data-v-bf46f1ee] {
+.o-header-search-drawer-enter-active[data-v-426c3515] {
   transition: opacity var(--o-duration-m1);
 }
-.o-header-search-drawer-enter-from[data-v-bf46f1ee] {
+.o-header-search-drawer-enter-from[data-v-426c3515] {
   opacity: 0;
 }
-.o-header-search.is-mobile-mode[data-v-bf46f1ee] {
+.o-header-search.is-mobile-mode[data-v-426c3515] {
   width: 24px;
   height: 24px;
 }
-.o-header-search.is-mobile-mode .o-header-search-mobile-icon[data-v-bf46f1ee] {
+.o-header-search.is-mobile-mode .o-header-search-mobile-icon[data-v-426c3515] {
   display: block;
 }
-.o-header-search.is-mobile-mode .o-header-search-row.is-focus[data-v-bf46f1ee] {
+.o-header-search.is-mobile-mode .o-header-search-row.is-focus[data-v-426c3515] {
   align-items: center;
   gap: var(--o-gap-4);
   padding: 10px var(--o-gap-4) var(--o-gap-4) var(--o-gap-4);
   border-radius: unset;
 }
-.o-header-search.is-mobile-mode .o-header-search-row.is-focus .o-header-search-input[data-v-bf46f1ee] {
+.o-header-search.is-mobile-mode .o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
   flex: 1;
   width: auto;
 }
-.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-bf46f1ee] {
+.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-426c3515] {
   position: static;
   height: calc(100vh - 50px);
   padding-top: 0;
@@ -200,21 +206,21 @@
   box-shadow: unset;
   border-radius: unset;
 }
-.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-bf46f1ee]::before {
+.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-426c3515]::before {
   display: none;
 }
-.o-header-search.is-simple[data-v-bf46f1ee] {
+.o-header-search.is-simple[data-v-426c3515] {
   width: 24px;
   height: 24px;
 }
-.o-header-search.is-simple .o-header-search-mobile-icon[data-v-bf46f1ee] {
+.o-header-search.is-simple .o-header-search-mobile-icon[data-v-426c3515] {
   display: block;
 }
-[data-v-bf46f1ee] .o-input.o_box-medium {
+[data-v-426c3515] .o-input.o_box-medium {
   --_box-height: 32px;
 }
 @media (max-width: 840px) {
-[data-v-bf46f1ee] .o-input.o_box-medium {
+[data-v-426c3515] .o-input.o_box-medium {
     --_box-height: 40px;
 }
 }