cleek 2.7.20 → 2.8.0

package/dist/cleek.es.js

@@ -3799,7 +3799,8 @@ const cleekOptions = {
   button: {
     type: "outlined",
     layout: "base",
-    backgroundColor: "transparent"
+    backgroundColor: "transparent",
+    textColor: ""
   },
   div: {
     gap: 0
@@ -47383,6 +47384,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent$1({
     isLoading: { type: Boolean },
     type: null,
     color: null,
+    textColor: null,
     backgroundColor: null,
     align: null,
     size: null,
@@ -47420,6 +47422,13 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent$1({
         return cleekOptions2.value.button.backgroundColor;
       return defaultBackgroundColor;
     });
+    const realTextColor = computed$3(() => {
+      if (props.textColor)
+        return props.textColor;
+      if (cleekOptions2.value && !props.type)
+        return cleekOptions2.value.button.textColor;
+      return "";
+    });
     const computedClass = computed$3(() => {
       var _a;
       const list = [];
@@ -47435,6 +47444,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent$1({
       if (realBackgroundColor.value !== defaultBackgroundColor && hooks9.isColorTemplateVariable(realBackgroundColor.value)) {
         list.push(`ck-component__bg-color--${realBackgroundColor.value}`);
       }
+      if (realTextColor.value && hooks9.isColorTemplateVariable(realTextColor.value)) {
+        list.push(`ck-component__color--${realTextColor.value}`);
+      }
       const align = props.align || defaultAlign;
       if (align === "center" || align === "right") {
         list.push(`ck-button__align--${props.align}`);
@@ -47450,7 +47462,6 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent$1({
       return list;
     });
     const computedStyle = computed$3(() => {
-      var _a, _b;
       const list = [];
       let isWidthDefined = false;
       if (props.widthBreaks) {
@@ -47460,12 +47471,13 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent$1({
           list.push({ width });
         }
       }
+      if (realTextColor.value && !hooks9.isColorTemplateVariable(realTextColor.value)) {
+        list.push({ color: realTextColor.value });
+      }
       if (props.width && !isWidthDefined)
         list.push({ width: props.width });
       if (realBackgroundColor.value !== defaultBackgroundColor && !hooks9.isColorTemplateVariable(realBackgroundColor.value)) {
         list.push({ "background-color": realBackgroundColor.value });
-      } else if ((_a = cleekOptions2.value) == null ? void 0 : _a.darkMode) {
-        list.push({ "background-color": (_b = cleekOptions2.value) == null ? void 0 : _b.darkModeColorItems });
       }
       return list;
     });
@@ -47508,7 +47520,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-269ef4f6"]]);
+var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-302a41b5"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$j = ["for"];
 const _sfc_main$o = /* @__PURE__ */ defineComponent$1({