@opendesign-plus-test/components 0.0.1-rc.20 → 0.0.1-rc.200

package/dist/treeshaking/components/banner/OBannerContent.css

@@ -0,0 +1,113 @@
+.hover-icon-rotate .o-icon[data-v-1904d05a] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-1904d05a] {
+    transform: rotate(-180deg);
+}
+}
+.banner-bg[data-v-1904d05a] {
+  width: 100%;
+  height: 100%;
+}
+.banner-bg[data-v-1904d05a] .o-figure-img {
+  width: 100%;
+  height: 100%;
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.banner-bg[data-v-1904d05a] .o-figure-img {
+    transition: object-position 0.3s ease;
+    object-position: var(--pad-offset);
+}
+}
+@media (max-width: 600px) {
+.banner-bg[data-v-1904d05a] {
+    --figure-radius: 4px;
+}
+}
+.banner-wrapper[data-v-1904d05a] {
+  height: 100%;
+}
+.banner-wrapper.content-center[data-v-1904d05a] {
+  display: flex;
+  justify-content: center;
+}
+.banner-wrapper.content-center .banner-content[data-v-1904d05a] {
+  align-items: center;
+}
+.banner-content[data-v-1904d05a] {
+  height: 100%;
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: center;
+  position: relative;
+}
+.banner-title[data-v-1904d05a] {
+  font-size: 56px;
+  line-height: 80px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 48px;
+    line-height: 64px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 40px;
+    line-height: 56px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 40px;
+    line-height: 56px;
+}
+}
+@media (max-width: 600px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 22px;
+    line-height: 30px;
+}
+}
+.banner-title[data-v-1904d05a] {
+  color: var(--o-color-info1);
+  font-weight: 500;
+  margin-bottom: 8px;
+}
+.banner-title.text-dark[data-v-1904d05a] {
+  color: var(--o-color-info1-inverse);
+}
+@media (max-width: 840px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 22px;
+    line-height: 30px;
+}
+}
+.banner-subtitle[data-v-1904d05a] {
+  color: var(--o-color-info1);
+  margin-top: 8px;
+  font-size: 16px;
+}
+.banner-subtitle.text-dark[data-v-1904d05a] {
+  color: var(--o-color-info1-inverse);
+}
+.banner-text[data-v-1904d05a] {
+  height: var(--pc-height);
+  width: var(--pc-width);
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.banner-text[data-v-1904d05a] {
+    height: var(--pad-height);
+    width: var(--pad-width);
+}
+}
+.banner-opts[data-v-1904d05a] {
+  margin-top: 24px;
+  --d: 20px;
+}
+.cursor-pointer[data-v-1904d05a] {
+  cursor: pointer;
+}

package/dist/treeshaking/components/banner/OBannerContent.vue.d.ts

@@ -0,0 +1,7 @@
+import { BannerContentProps } from './types';
+declare const _default: import('vue').DefineComponent<BannerContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (href: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<BannerContentProps> & Readonly<{
+    onClick?: ((href: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/treeshaking/components/banner/OBannerContent.vue.mjs

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

package/dist/treeshaking/components/banner/OBannerContent.vue2.mjs

@@ -0,0 +1,102 @@
+import { defineComponent, openBlock, createBlock, unref, normalizeStyle, normalizeClass, withCtx, createVNode, createElementVNode, createElementBlock, createCommentVNode, toDisplayString, createTextVNode } from "vue";
+import { OFigure, OButton } from "@opensig/opendesign";
+import ContentWrapper from "../common/ContentWrapper.vue.mjs";
+const _hoisted_1 = { class: "banner-content" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
+  key: 4,
+  class: "banner-opts"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OBannerContent",
+  props: {
+    info: {},
+    size: {},
+    contentJustifyCenter: { type: Boolean },
+    isPhone: { type: Boolean },
+    isLight: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onClick = (href, hasBtn) => {
+      if (href && !hasBtn) {
+        window.open(href);
+        emit("click", href);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(OFigure), {
+        class: normalizeClass(["banner-bg", {
+          "with-sticky-bg": __props.info.withStickyBg,
+          "cursor-pointer": __props.info.href && !__props.info.btn
+        }]),
+        src: __props.info.bg,
+        style: normalizeStyle({
+          "--pad-offset": __props.info.pad_offset
+        }),
+        onClick: _cache[0] || (_cache[0] = ($event) => onClick(__props.info.href, __props.info.btn))
+      }, {
+        default: withCtx(() => [
+          createVNode(ContentWrapper, {
+            class: normalizeClass(["banner-wrapper", ["banner-wrapper", __props.contentJustifyCenter ? "content-center" : ""]])
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                !__props.isPhone && __props.info.attach ? (openBlock(), createElementBlock("img", {
+                  key: 0,
+                  src: __props.info.attach,
+                  class: "banner-attach"
+                }, null, 8, _hoisted_2)) : createCommentVNode("", true),
+                __props.info.title ? (openBlock(), createElementBlock("div", {
+                  key: 1,
+                  class: normalizeClass({
+                    "banner-title": true,
+                    "text-dark": __props.info.text_theme === "dark"
+                  })
+                }, toDisplayString(__props.info.title), 3)) : createCommentVNode("", true),
+                __props.info.subtitle ? (openBlock(), createElementBlock("div", {
+                  key: 2,
+                  class: normalizeClass({
+                    "banner-subtitle": true,
+                    "text-dark": __props.info.text_theme === "dark"
+                  })
+                }, toDisplayString(__props.info.subtitle), 3)) : createCommentVNode("", true),
+                __props.info.bg_text ? (openBlock(), createElementBlock("div", {
+                  key: 3,
+                  class: "banner-text",
+                  style: normalizeStyle({
+                    backgroundImage: `url(${__props.info.bg_text})`,
+                    "--pc-width": __props.info.pc_text_width,
+                    "--pc-height": __props.info.pc_text_height,
+                    "--pad-width": __props.info.pad_text_width,
+                    "--pad-height": __props.info.pad_text_height
+                  })
+                }, null, 4)) : createCommentVNode("", true),
+                __props.info.btn ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                  createVNode(unref(OButton), {
+                    href: __props.info.href,
+                    target: "_blank",
+                    variant: "solid",
+                    color: "primary",
+                    size: __props.size === "tiny" ? void 0 : __props.size
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(__props.info.btn), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["href", "size"])
+                ])) : createCommentVNode("", true)
+              ])
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ]),
+        _: 1
+      }, 8, ["src", "class", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/banner/index.d.ts

@@ -0,0 +1,68 @@
+import { App } from 'vue';
+declare const OBanner: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        options?: import('./types').BannerItem | import('./types').BannerItem[];
+        size?: "large" | "medium" | "small" | "tiny";
+        contentJustifyCenter?: boolean;
+        autoPlay?: boolean;
+    }> & Readonly<{
+        onClick?: ((href: string | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        click: (href: string | undefined) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        options?: import('./types').BannerItem | import('./types').BannerItem[];
+        size?: "large" | "medium" | "small" | "tiny";
+        contentJustifyCenter?: boolean;
+        autoPlay?: boolean;
+    }> & Readonly<{
+        onClick?: ((href: string | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    options?: import('./types').BannerItem | import('./types').BannerItem[];
+    size?: "large" | "medium" | "small" | "tiny";
+    contentJustifyCenter?: boolean;
+    autoPlay?: boolean;
+}> & Readonly<{
+    onClick?: ((href: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (href: string | undefined) => any;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+declare const OBannerContent: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').BannerContentProps> & Readonly<{
+        onClick?: ((href: string | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        click: (href: string | undefined) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').BannerContentProps> & Readonly<{
+        onClick?: ((href: string | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').BannerContentProps> & Readonly<{
+    onClick?: ((href: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (href: string | undefined) => any;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+export { OBanner, OBannerContent };
+export * from './types';

package/dist/treeshaking/components/banner/index.mjs

@@ -0,0 +1,16 @@
+import _OBanner from "./OBanner.vue.mjs";
+import _OBannerContent from "./OBannerContent.vue.mjs";
+const OBanner = Object.assign(_OBanner, {
+  install(app) {
+    app.component("OBanner", _OBanner);
+  }
+});
+const OBannerContent = Object.assign(_OBannerContent, {
+  install(app) {
+    app.component("OBannerContent", _OBannerContent);
+  }
+});
+export {
+  OBanner,
+  OBannerContent
+};

package/dist/treeshaking/components/banner/types.d.ts

@@ -0,0 +1,31 @@
+export interface BannerItem {
+    title?: string;
+    subtitle?: string;
+    bg: string;
+    text_theme?: 'light' | 'dark';
+    bg_text?: string;
+    pc_text_width?: string;
+    pc_text_height?: string;
+    pad_text_width?: string;
+    pad_text_height?: string;
+    attach?: string;
+    href?: string;
+    btn?: string;
+    withStickyBg?: boolean;
+    pad_offset?: string;
+}
+export interface BannerContentProps {
+    info: BannerItem;
+    size?: 'large' | 'medium' | 'small' | 'tiny';
+    contentJustifyCenter?: boolean;
+    isPhone?: boolean;
+    isLight?: boolean;
+}
+export interface HomeBannerEmits {
+    (e: 'before-change', index: number): void;
+    (e: 'click', href: string | undefined): void;
+}
+export interface BannerContentEmits {
+    (e: 'click', href: string | undefined): void;
+}
+export type ComponentSize = 'large' | 'medium' | 'small' | 'tiny';

package/dist/treeshaking/components/brand/OBrandFile.css

@@ -0,0 +1,65 @@
+.hover-icon-rotate .o-icon[data-v-2630f96f] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-2630f96f] {
+    transform: rotate(-180deg);
+}
+}
+.o-brand-file[data-v-2630f96f] .o-row {
+  --row-gap-x: var(--o-gap-6);
+  --row-gap-y: var(--o-gap-6);
+}
+@media (max-width: 1680px) {
+.o-brand-file[data-v-2630f96f] .o-row {
+    --row-gap-x: var(--o-gap-5);
+    --row-gap-y: var(--o-gap-5);
+}
+}
+@media (min-width: ) {
+.o-brand-file[data-v-2630f96f] .o-row {
+    --row-gap-x: var(--o-gap-4);
+    --row-gap-y: var(--o-gap-4);
+}
+}
+@media (max-width: 840px) {
+.o-brand-file[data-v-2630f96f] .o-row {
+    --row-gap-x: var(--o-gap-3);
+    --row-gap-y: var(--o-gap-3);
+}
+}
+.o-brand-file[data-v-2630f96f] .o-card {
+  --card-main-padding: var(--o-gap-5) var(--o-gap-5) var(--o-gap-4) var(--o-gap-5);
+  --card-content-gap: var(--o-gap-5);
+}
+@media (max-width: 1680px) {
+.o-brand-file[data-v-2630f96f] .o-card {
+    --card-main-padding: var(--o-gap-4) var(--o-gap-4) var(--o-gap-3) var(--o-gap-4);
+    --card-content-gap: var(--o-gap-4);
+}
+}
+@media (min-width: ) {
+.o-brand-file[data-v-2630f96f] .o-card {
+    --card-main-padding: var(--o-gap-3) var(--o-gap-3) var(--o-gap-2) var(--o-gap-3);
+    --card-content-gap: var(--o-gap-3);
+}
+}
+.o-brand-file[data-v-2630f96f] .o-card .o-card-cover {
+  --card-cover-padding: 0;
+}
+.o-brand-file[data-v-2630f96f] .o-card .o-card-cover .o-figure {
+  height: 266px;
+}
+@media (min-width: ) {
+.o-brand-file[data-v-2630f96f] .o-card .o-card-cover .o-figure {
+    height: 180px;
+}
+}
+.o-brand-file[data-v-2630f96f] .o-card .o-card-cover [data-o-theme*=dark] img {
+  filter: brightness(80%) grayscale(20%) contrast(1.2);
+}
+.o-brand-file .o-brand-file-btn[data-v-2630f96f] {
+  display: flex;
+  align-items: center;
+  gap: var(--o-gap-3) var(--o-gap-7);
+}

package/dist/treeshaking/components/brand/OBrandFile.vue.d.ts

@@ -0,0 +1,5 @@
+import { BrandFileItemT, BrandFilePropsT } from './types';
+declare const _default: import('vue').DefineComponent<BrandFilePropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BrandFilePropsT> & Readonly<{}>, {
+    list: BrandFileItemT[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/treeshaking/components/brand/OBrandFile.vue.mjs

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

package/dist/treeshaking/components/brand/OBrandFile.vue2.mjs

@@ -0,0 +1,70 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { ORow, OCol, OCard, OButton } from "@opensig/opendesign";
+import { useI18n } from "../../i18n/index.mjs";
+import { useBrandDownload } from "./utils.mjs";
+const _hoisted_1 = { class: "o-brand-file" };
+const _hoisted_2 = { class: "o-brand-file-btn" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OBrandFile",
+  props: {
+    list: { default: () => [] }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useI18n();
+    const { downloadByUrl } = useBrandDownload();
+    const getFilename = (item) => item.filename || item.file.split("/").pop() || item.title;
+    const downloadFile = (item) => {
+      downloadByUrl(item.file, getFilename(item));
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(ORow), null, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(props.list, (item, index) => {
+              return openBlock(), createBlock(unref(OCol), {
+                key: index,
+                flex: "0 1 33.33%",
+                laptop: { flex: "0 1 33.33%" },
+                pad: { flex: "0 1 33.33%" },
+                "pad-v": { flex: "0 1 50%" },
+                phone: { flex: "0 1 100%" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(OCard), {
+                    title: item.title,
+                    cover: item.cover,
+                    class: normalizeClass(["o-brand-file-card", item.coverClass])
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_2, [
+                        createVNode(unref(OButton), {
+                          size: "large",
+                          color: "primary",
+                          variant: "outline",
+                          round: "pill",
+                          onClick: ($event) => downloadFile(item)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(t)("brand.download")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["onClick"])
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["title", "cover", "class"])
+                ]),
+                _: 2
+              }, 1024);
+            }), 128))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/brand/OBrandLogo.css

@@ -0,0 +1,105 @@
+.hover-icon-rotate .o-icon[data-v-6db02a96] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-6db02a96] {
+    transform: rotate(-180deg);
+}
+}
+.o-brand-logo[data-v-6db02a96] .o-row {
+  --row-gap-x: var(--o-gap-6);
+  --row-gap-y: var(--o-gap-6);
+}
+@media (max-width: 1680px) {
+.o-brand-logo[data-v-6db02a96] .o-row {
+    --row-gap-x: var(--o-gap-5);
+    --row-gap-y: var(--o-gap-5);
+}
+}
+@media (min-width: ) {
+.o-brand-logo[data-v-6db02a96] .o-row {
+    --row-gap-x: var(--o-gap-4);
+    --row-gap-y: var(--o-gap-4);
+}
+}
+@media (max-width: 840px) {
+.o-brand-logo[data-v-6db02a96] .o-row {
+    --row-gap-x: var(--o-gap-3);
+    --row-gap-y: var(--o-gap-3);
+}
+}
+.o-brand-logo[data-v-6db02a96] .o-card {
+  --card-main-padding: var(--o-gap-5) var(--o-gap-5) var(--o-gap-4) var(--o-gap-5);
+  --card-content-gap: var(--o-gap-5);
+}
+@media (max-width: 1680px) {
+.o-brand-logo[data-v-6db02a96] .o-card {
+    --card-main-padding: var(--o-gap-4) var(--o-gap-4) var(--o-gap-3) var(--o-gap-4);
+    --card-content-gap: var(--o-gap-4);
+}
+}
+@media (min-width: ) {
+.o-brand-logo[data-v-6db02a96] .o-card {
+    --card-main-padding: var(--o-gap-3) var(--o-gap-3) var(--o-gap-2) var(--o-gap-3);
+    --card-content-gap: var(--o-gap-3);
+}
+}
+.o-brand-logo[data-v-6db02a96] .o-card.type-dark {
+  color: red;
+}
+.o-brand-logo[data-v-6db02a96] .o-card.type-dark .o-card-cover .o-figure {
+  background-color: rgb(43, 43, 47);
+}
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover {
+  --card-cover-padding: var(--o-gap-5) var(--o-gap-5) 0;
+}
+@media (max-width: 1680px) {
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover {
+    --card-cover-padding: var(--o-gap-4) var(--o-gap-4) 0;
+}
+}
+@media (min-width: ) {
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover {
+    --card-cover-padding: var(--o-gap-3) var(--o-gap-3) 0;
+}
+}
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover .o-figure {
+  height: 100px;
+  background-color: rgba(237, 237, 240, 0.9);
+  padding: var(--o-gap-4);
+}
+@media (max-width: 1680px) {
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover .o-figure {
+    padding: var(--o-gap-3);
+}
+}
+@media (min-width: ) {
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover .o-figure {
+    padding: var(--o-gap-2);
+}
+}
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover .o-figure img {
+  height: 56px;
+}
+.o-brand-logo .o-brand-logo-btn[data-v-6db02a96] {
+  display: flex;
+  align-items: center;
+  gap: var(--o-gap-3) var(--o-gap-7);
+}
+.o-brand-logo .o-brand-logo-btn .o-btn:hover .o-icon[data-v-6db02a96], .o-brand-logo .o-brand-logo-btn .o-btn:active .o-icon[data-v-6db02a96] {
+  transform: rotate(180deg);
+}
+.o-brand-logo .o-brand-logo-btn .o-btn .o-icon[data-v-6db02a96] {
+  font-size: 24px;
+  transition: rotate var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (max-width: 1680px) {
+.o-brand-logo .o-brand-logo-btn .o-btn .o-icon[data-v-6db02a96] {
+    font-size: 20px;
+}
+}
+@media (max-width: 840px) {
+.o-brand-logo .o-brand-logo-btn .o-btn .o-icon[data-v-6db02a96] {
+    font-size: 24px;
+}
+}

package/dist/treeshaking/components/brand/OBrandLogo.vue.d.ts

@@ -0,0 +1,6 @@
+import { BrandLogoItemT, BrandLogoPropsT } from './types';
+declare const _default: import('vue').DefineComponent<BrandLogoPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BrandLogoPropsT> & Readonly<{}>, {
+    list: BrandLogoItemT[];
+    formats: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/treeshaking/components/brand/OBrandLogo.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from "./OBrandLogo.vue2.mjs";
+import './OBrandLogo.css';
+import './OBrandLogo2.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _OBrandLogo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6db02a96"]]);
+export {
+  _OBrandLogo as default
+};