@timus-networks/theme 2.4.156 → 2.4.158

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.155",
+  "version": "2.4.157",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
 const name = "@timus-networks/theme";
-const version = "2.4.155";
+const version = "2.4.157";
 const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
 const type = "module";
 const exports = {

package/dist/runtime/assets/scss/main.css

@@ -11711,14 +11711,14 @@ heights > $common-component-size
   }
 }
 .el-message {
-  --el-message-bg-color: var(--el-color-info-light-1);
-  --el-message-border-color: var(--el-color-info-light-3);
+  --el-message-bg-color: var(--el-color-primary-light-1);
+  --el-message-border-color: var(--el-color-primary-light-3);
   --el-message-padding: 8px 11px 8px 16px;
   --el-message-font-size: 12px;
   --el-message-close-size: 12px;
-  --el-message-close-icon-color: var(--el-color-neutral-primary-5);
-  --el-message-close-hover-color: var(--el-color-neutral-primary-4);
-  --el-message-text-color: var(--el-color-info-light-5);
+  --el-message-close-icon-color: var(--el-color-primary-light-5);
+  --el-message-close-hover-color: var(--el-color-primary-light-4);
+  --el-message-text-color: var(--el-color-primary-light-5);
 }
 
 .el-message {

package/dist/runtime/components/development/example.message.vue

@@ -17,7 +17,7 @@
             <el-radio-button :value="true">plain</el-radio-button>
           </el-radio-group>
           <div class="flex gap-4">
-            <el-button @click="basicOpener">default</el-button>
+            <el-button type="secondary" @click="basicOpener">default</el-button>
             <el-button v-for="color of colors" :key="color" :type="color" @click="open(color, isPlain)">{{ color }}</el-button>
           </div>
         </div>
@@ -31,7 +31,7 @@
   import { ElMessage, type MessageOptions } from 'element-plus';
   import { ref } from 'vue';
 
-  const colors = ref(['success', 'warning', 'info', 'error' /* , 'danger' */]);
+  const colors = ref(['primary', 'success', 'warning', 'info', 'error' /* , 'danger' */]);
 
   const snippets = ref({
     basic: `

package/dist/runtime/public/scss/element-plus/common/var.scss

@@ -592,14 +592,14 @@ $messagebox: map.merge(
 $message: () !default;
 $message: map.merge(
   (
-    'bg-color': getCssVar('color', 'info', 'light-1'),
-    'border-color': getCssVar('color', 'info-light-3'),
+    'bg-color': getCssVar('color', 'primary', 'light-1'),
+    'border-color': getCssVar('color', 'primary-light-3'),
     'padding': 8px 11px 8px 16px,
     'font-size': 12px,
     'close-size': 12px,
-    'close-icon-color': getCssVar('color', 'neutral-primary-5'),
-    'close-hover-color': getCssVar('color', 'neutral-primary-4'),
-    'text-color': getCssVar('color', 'info-light-5'),
+    'close-icon-color': getCssVar('color', 'primary-light-5'),
+    'close-hover-color': getCssVar('color', 'primary-light-4'),
+    'text-color': getCssVar('color', 'primary-light-5'),
   ),
   $message
 );

package/dist/runtime/public/scss/element-plus/index.css

@@ -10825,14 +10825,14 @@ h6,
   }
 }
 .el-message {
-  --el-message-bg-color: var(--el-color-info-light-1);
-  --el-message-border-color: var(--el-color-info-light-3);
+  --el-message-bg-color: var(--el-color-primary-light-1);
+  --el-message-border-color: var(--el-color-primary-light-3);
   --el-message-padding: 8px 11px 8px 16px;
   --el-message-font-size: 12px;
   --el-message-close-size: 12px;
-  --el-message-close-icon-color: var(--el-color-neutral-primary-5);
-  --el-message-close-hover-color: var(--el-color-neutral-primary-4);
-  --el-message-text-color: var(--el-color-info-light-5);
+  --el-message-close-icon-color: var(--el-color-primary-light-5);
+  --el-message-close-hover-color: var(--el-color-primary-light-4);
+  --el-message-text-color: var(--el-color-primary-light-5);
 }
 
 .el-message {

package/dist/runtime/public/scss/element-plus/message.css

@@ -301,14 +301,14 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 **/
 .el-message {
-  --el-message-bg-color: var(--el-color-info-light-1);
-  --el-message-border-color: var(--el-color-info-light-3);
+  --el-message-bg-color: var(--el-color-primary-light-1);
+  --el-message-border-color: var(--el-color-primary-light-3);
   --el-message-padding: 8px 11px 8px 16px;
   --el-message-font-size: 12px;
   --el-message-close-size: 12px;
-  --el-message-close-icon-color: var(--el-color-neutral-primary-5);
-  --el-message-close-hover-color: var(--el-color-neutral-primary-4);
-  --el-message-text-color: var(--el-color-info-light-5);
+  --el-message-close-icon-color: var(--el-color-primary-light-5);
+  --el-message-close-hover-color: var(--el-color-primary-light-4);
+  --el-message-text-color: var(--el-color-primary-light-5);
 }
 
 .el-message {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timus-networks/theme",
-  "version": "2.4.156",
+  "version": "2.4.158",
   "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
   "type": "module",
   "exports": {