@opendesign-plus/components 0.0.1-rc.81 → 0.0.1-rc.83

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

@@ -1,99 +1,105 @@
-.hover-icon-rotate .o-icon[data-v-e7014221] {
+.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-e7014221] {
+.hover-icon-rotate:hover .o-icon[data-v-6db02a96] {
     transform: rotate(-180deg);
 }
 }
-.o-brand-logo[data-v-e7014221] .o-row {
+.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-e7014221] .o-row {
+.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-e7014221] .o-row {
+.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-e7014221] .o-row {
+.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-e7014221] .o-card {
+.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-e7014221] .o-card {
+.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-e7014221] .o-card {
+.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-e7014221] .o-card .o-card-cover {
+.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-e7014221] .o-card .o-card-cover {
+.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-e7014221] .o-card .o-card-cover {
+.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-e7014221] .o-card .o-card-cover .o-figure {
+.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-e7014221] .o-card .o-card-cover .o-figure {
+.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-e7014221] .o-card .o-card-cover .o-figure {
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover .o-figure {
     padding: var(--o-gap-2);
 }
 }
-.o-brand-logo[data-v-e7014221] .o-card .o-card-cover .o-figure img {
+.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-e7014221] {
+.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-e7014221], .o-brand-logo .o-brand-logo-btn .o-btn:active .o-icon[data-v-e7014221] {
+.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-e7014221] {
+.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-e7014221] {
+.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-e7014221] {
+.o-brand-logo .o-brand-logo-btn .o-btn .o-icon[data-v-6db02a96] {
     font-size: 24px;
 }
 }

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

@@ -2,7 +2,7 @@ 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-e7014221"]]);
+const _OBrandLogo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6db02a96"]]);
 export {
   _OBrandLogo as default
 };

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

@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     title: item.title,
                     cover: getCover(item),
                     "cover-fit": "contain",
-                    class: normalizeClass(["o-brand-logo-card", item.coverClass])
+                    class: normalizeClass(["o-brand-logo-card", `type-${item.type}`])
                   }, {
                     default: withCtx(() => [
                       createElementVNode("div", _hoisted_2, [