@timus-networks/theme 2.4.155 → 2.4.158

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.154",
+  "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.154";
+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

@@ -9177,7 +9177,7 @@ heights > $common-component-size
   padding-bottom: var(--el-dialog-padding-primary);
 }
 .el-dialog__header.show-close {
-  padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 24px));
+  padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 12px));
 }
 
 .el-dialog__headerbtn {
@@ -9191,7 +9191,7 @@ heights > $common-component-size
   border: none;
   outline: none;
   cursor: pointer;
-  font-size: var(--el-message-close-size, 24px);
+  font-size: var(--el-message-close-size, 12px);
 }
 .el-dialog__headerbtn .el-dialog__close {
   color: var(--el-color-primary);
@@ -11531,7 +11531,7 @@ heights > $common-component-size
 }
 
 .el-message-box__header.show-close {
-  padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 24px));
+  padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 12px));
 }
 
 .el-message-box__title {
@@ -11555,7 +11555,7 @@ heights > $common-component-size
   border: none;
   outline: none;
   background: transparent;
-  font-size: var(--el-message-close-size, 24px);
+  font-size: var(--el-message-close-size, 12px);
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -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: 24px;
-  --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-size: 12px;
+  --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 {
@@ -11773,7 +11773,7 @@ heights > $common-component-size
 .el-message--primary {
   --el-message-bg-color: var(--el-color-primary-light-1);
   --el-message-border-color: var(--el-color-primary-light-3);
-  --el-message-text-color: var(--el-color-primary);
+  --el-message-text-color: var(--el-color-primary-light-5);
 }
 .el-message--primary .el-message__content {
   color: var(--el-message-text-color);
@@ -11797,7 +11797,7 @@ heights > $common-component-size
 .el-message--success {
   --el-message-bg-color: var(--el-color-success-light-1);
   --el-message-border-color: var(--el-color-success-light-3);
-  --el-message-text-color: var(--el-color-success);
+  --el-message-text-color: var(--el-color-success-light-5);
 }
 .el-message--success .el-message__content {
   color: var(--el-message-text-color);
@@ -11819,22 +11819,22 @@ heights > $common-component-size
   height: 12px;
 }
 .el-message--info {
-  --el-message-bg-color: var(--el-color-info-light-1);
-  --el-message-border-color: var(--el-color-info-light-3);
-  --el-message-text-color: var(--el-color-info);
+  --el-message-bg-color: var(--el-color-neutral-light-1);
+  --el-message-border-color: var(--el-color-neutral-light-3);
+  --el-message-text-color: var(--el-color-neutral-light-6);
 }
 .el-message--info .el-message__content {
   color: var(--el-message-text-color);
   overflow-wrap: break-word;
 }
 .el-message--info .el-message__closeBtn {
-  color: var(--el-color-info);
+  color: var(--el-color-neutral);
 }
 .el-message--info .el-message__closeBtn:hover {
-  color: var(--el-color-info-light-4);
+  color: var(--el-color-neutral-light-4);
 }
 .el-message--info .el-message__closeBtn:active {
-  color: var(--el-color-info-light-6);
+  color: var(--el-color-neutral-light-6);
 }
 
 .el-message .el-message-icon--info {
@@ -11845,7 +11845,7 @@ heights > $common-component-size
 .el-message--warning {
   --el-message-bg-color: var(--el-color-warning-light-1);
   --el-message-border-color: var(--el-color-warning-light-3);
-  --el-message-text-color: var(--el-color-warning);
+  --el-message-text-color: var(--el-color-warning-light-5);
 }
 .el-message--warning .el-message__content {
   color: var(--el-message-text-color);
@@ -11869,7 +11869,7 @@ heights > $common-component-size
 .el-message--error {
   --el-message-bg-color: var(--el-color-error-light-1);
   --el-message-border-color: var(--el-color-error-light-3);
-  --el-message-text-color: var(--el-color-error);
+  --el-message-text-color: var(--el-color-error-light-5);
 }
 .el-message--error .el-message__content {
   color: var(--el-message-text-color);
@@ -11911,7 +11911,7 @@ heights > $common-component-size
 }
 
 .el-message::before {
-  font-family: "iconsax" !important;
+  font-family: "Material Symbols Outlined" !important;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-style: normal;
@@ -11923,16 +11923,16 @@ heights > $common-component-size
   font-size: 12px;
 }
 .el-message.el-message--success::before {
-  content: "\ec2a";
+  content: "check_circle";
 }
 .el-message.el-message--info::before {
-  content: "\eb4d";
+  content: "info";
 }
 .el-message.el-message--warning::before {
-  content: "\e9f6";
+  content: "warning";
 }
 .el-message.el-message--danger::before, .el-message.el-message--error::before {
-  content: "\e9c8";
+  content: "cancel";
 }
 .el-message .el-message__icon {
   display: none;
@@ -11945,7 +11945,7 @@ heights > $common-component-size
   --el-notification-shadow: var(--el-box-shadow-light);
   --el-notification-border-color: var(--el-color-neutral-light-3);
   --el-notification-icon-size: 24px;
-  --el-notification-close-font-size: var(--el-message-close-size, 24px);
+  --el-notification-close-font-size: var(--el-message-close-size, 12px);
   --el-notification-group-margin-left: 13px;
   --el-notification-group-margin-right: 8px;
   --el-notification-content-font-size: var(--el-font-size-base);
@@ -18164,7 +18164,7 @@ mark.el-text {
   border: none;
   outline: none;
   cursor: pointer;
-  font-size: var(--el-message-close-size, 24px);
+  font-size: var(--el-message-close-size, 12px);
 }
 .el-tour__closebtn .el-tour__close {
   color: var(--el-tour-close-color);
@@ -18178,7 +18178,7 @@ mark.el-text {
   padding-bottom: var(--el-tour-padding-primary);
 }
 .el-tour__header.show-close {
-  padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 24px));
+  padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 12px));
 }
 
 .el-tour__title {

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': 24px,
-    'close-icon-color': getCssVar('color', 'neutral-primary-5'),
-    'close-hover-color': getCssVar('color', 'neutral-primary-4'),
-    'text-color': getCssVar('color', 'info-light-5'),
+    'close-size': 12px,
+    '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/dialog.css

@@ -392,7 +392,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding-bottom: var(--el-dialog-padding-primary);
 }
 .el-dialog__header.show-close {
-  padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 24px));
+  padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 12px));
 }
 
 .el-dialog__headerbtn {
@@ -406,7 +406,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   border: none;
   outline: none;
   cursor: pointer;
-  font-size: var(--el-message-close-size, 24px);
+  font-size: var(--el-message-close-size, 12px);
 }
 .el-dialog__headerbtn .el-dialog__close {
   color: var(--el-color-primary);

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

@@ -8180,7 +8180,7 @@ heights > $common-component-size
   padding-bottom: var(--el-dialog-padding-primary);
 }
 .el-dialog__header.show-close {
-  padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 24px));
+  padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 12px));
 }
 
 .el-dialog__headerbtn {
@@ -8194,7 +8194,7 @@ heights > $common-component-size
   border: none;
   outline: none;
   cursor: pointer;
-  font-size: var(--el-message-close-size, 24px);
+  font-size: var(--el-message-close-size, 12px);
 }
 .el-dialog__headerbtn .el-dialog__close {
   color: var(--el-color-primary);
@@ -10645,7 +10645,7 @@ h6,
 }
 
 .el-message-box__header.show-close {
-  padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 24px));
+  padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 12px));
 }
 
 .el-message-box__title {
@@ -10669,7 +10669,7 @@ h6,
   border: none;
   outline: none;
   background: transparent;
-  font-size: var(--el-message-close-size, 24px);
+  font-size: var(--el-message-close-size, 12px);
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -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: 24px;
-  --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-size: 12px;
+  --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 {
@@ -10887,7 +10887,7 @@ h6,
 .el-message--primary {
   --el-message-bg-color: var(--el-color-primary-light-1);
   --el-message-border-color: var(--el-color-primary-light-3);
-  --el-message-text-color: var(--el-color-primary);
+  --el-message-text-color: var(--el-color-primary-light-5);
 }
 .el-message--primary .el-message__content {
   color: var(--el-message-text-color);
@@ -10911,7 +10911,7 @@ h6,
 .el-message--success {
   --el-message-bg-color: var(--el-color-success-light-1);
   --el-message-border-color: var(--el-color-success-light-3);
-  --el-message-text-color: var(--el-color-success);
+  --el-message-text-color: var(--el-color-success-light-5);
 }
 .el-message--success .el-message__content {
   color: var(--el-message-text-color);
@@ -10933,22 +10933,22 @@ h6,
   height: 12px;
 }
 .el-message--info {
-  --el-message-bg-color: var(--el-color-info-light-1);
-  --el-message-border-color: var(--el-color-info-light-3);
-  --el-message-text-color: var(--el-color-info);
+  --el-message-bg-color: var(--el-color-neutral-light-1);
+  --el-message-border-color: var(--el-color-neutral-light-3);
+  --el-message-text-color: var(--el-color-neutral-light-6);
 }
 .el-message--info .el-message__content {
   color: var(--el-message-text-color);
   overflow-wrap: break-word;
 }
 .el-message--info .el-message__closeBtn {
-  color: var(--el-color-info);
+  color: var(--el-color-neutral);
 }
 .el-message--info .el-message__closeBtn:hover {
-  color: var(--el-color-info-light-4);
+  color: var(--el-color-neutral-light-4);
 }
 .el-message--info .el-message__closeBtn:active {
-  color: var(--el-color-info-light-6);
+  color: var(--el-color-neutral-light-6);
 }
 
 .el-message .el-message-icon--info {
@@ -10959,7 +10959,7 @@ h6,
 .el-message--warning {
   --el-message-bg-color: var(--el-color-warning-light-1);
   --el-message-border-color: var(--el-color-warning-light-3);
-  --el-message-text-color: var(--el-color-warning);
+  --el-message-text-color: var(--el-color-warning-light-5);
 }
 .el-message--warning .el-message__content {
   color: var(--el-message-text-color);
@@ -10983,7 +10983,7 @@ h6,
 .el-message--error {
   --el-message-bg-color: var(--el-color-error-light-1);
   --el-message-border-color: var(--el-color-error-light-3);
-  --el-message-text-color: var(--el-color-error);
+  --el-message-text-color: var(--el-color-error-light-5);
 }
 .el-message--error .el-message__content {
   color: var(--el-message-text-color);
@@ -11025,7 +11025,7 @@ h6,
 }
 
 .el-message::before {
-  font-family: "iconsax" !important;
+  font-family: "Material Symbols Outlined" !important;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-style: normal;
@@ -11037,16 +11037,16 @@ h6,
   font-size: 12px;
 }
 .el-message.el-message--success::before {
-  content: "\ec2a";
+  content: "check_circle";
 }
 .el-message.el-message--info::before {
-  content: "\eb4d";
+  content: "info";
 }
 .el-message.el-message--warning::before {
-  content: "\e9f6";
+  content: "warning";
 }
 .el-message.el-message--danger::before, .el-message.el-message--error::before {
-  content: "\e9c8";
+  content: "cancel";
 }
 .el-message .el-message__icon {
   display: none;
@@ -11059,7 +11059,7 @@ h6,
   --el-notification-shadow: var(--el-box-shadow-light);
   --el-notification-border-color: var(--el-color-neutral-light-3);
   --el-notification-icon-size: 24px;
-  --el-notification-close-font-size: var(--el-message-close-size, 24px);
+  --el-notification-close-font-size: var(--el-message-close-size, 12px);
   --el-notification-group-margin-left: 13px;
   --el-notification-group-margin-right: 8px;
   --el-notification-content-font-size: var(--el-font-size-base);
@@ -17278,7 +17278,7 @@ mark.el-text {
   border: none;
   outline: none;
   cursor: pointer;
-  font-size: var(--el-message-close-size, 24px);
+  font-size: var(--el-message-close-size, 12px);
 }
 .el-tour__closebtn .el-tour__close {
   color: var(--el-tour-close-color);
@@ -17292,7 +17292,7 @@ mark.el-text {
   padding-bottom: var(--el-tour-padding-primary);
 }
 .el-tour__header.show-close {
-  padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 24px));
+  padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 12px));
 }
 
 .el-tour__title {

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

@@ -395,7 +395,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-message-box__header.show-close {
-  padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 24px));
+  padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 12px));
 }
 
 .el-message-box__title {
@@ -419,7 +419,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   border: none;
   outline: none;
   background: transparent;
-  font-size: var(--el-message-close-size, 24px);
+  font-size: var(--el-message-close-size, 12px);
   cursor: pointer;
   display: flex;
   align-items: center;

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: 24px;
-  --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-size: 12px;
+  --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 {
@@ -363,7 +363,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-message--primary {
   --el-message-bg-color: var(--el-color-primary-light-1);
   --el-message-border-color: var(--el-color-primary-light-3);
-  --el-message-text-color: var(--el-color-primary);
+  --el-message-text-color: var(--el-color-primary-light-5);
 }
 .el-message--primary .el-message__content {
   color: var(--el-message-text-color);
@@ -387,7 +387,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-message--success {
   --el-message-bg-color: var(--el-color-success-light-1);
   --el-message-border-color: var(--el-color-success-light-3);
-  --el-message-text-color: var(--el-color-success);
+  --el-message-text-color: var(--el-color-success-light-5);
 }
 .el-message--success .el-message__content {
   color: var(--el-message-text-color);
@@ -409,22 +409,22 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   height: 12px;
 }
 .el-message--info {
-  --el-message-bg-color: var(--el-color-info-light-1);
-  --el-message-border-color: var(--el-color-info-light-3);
-  --el-message-text-color: var(--el-color-info);
+  --el-message-bg-color: var(--el-color-neutral-light-1);
+  --el-message-border-color: var(--el-color-neutral-light-3);
+  --el-message-text-color: var(--el-color-neutral-light-6);
 }
 .el-message--info .el-message__content {
   color: var(--el-message-text-color);
   overflow-wrap: break-word;
 }
 .el-message--info .el-message__closeBtn {
-  color: var(--el-color-info);
+  color: var(--el-color-neutral);
 }
 .el-message--info .el-message__closeBtn:hover {
-  color: var(--el-color-info-light-4);
+  color: var(--el-color-neutral-light-4);
 }
 .el-message--info .el-message__closeBtn:active {
-  color: var(--el-color-info-light-6);
+  color: var(--el-color-neutral-light-6);
 }
 
 .el-message .el-message-icon--info {
@@ -435,7 +435,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-message--warning {
   --el-message-bg-color: var(--el-color-warning-light-1);
   --el-message-border-color: var(--el-color-warning-light-3);
-  --el-message-text-color: var(--el-color-warning);
+  --el-message-text-color: var(--el-color-warning-light-5);
 }
 .el-message--warning .el-message__content {
   color: var(--el-message-text-color);
@@ -459,7 +459,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-message--error {
   --el-message-bg-color: var(--el-color-error-light-1);
   --el-message-border-color: var(--el-color-error-light-3);
-  --el-message-text-color: var(--el-color-error);
+  --el-message-text-color: var(--el-color-error-light-5);
 }
 .el-message--error .el-message__content {
   color: var(--el-message-text-color);
@@ -501,7 +501,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-message::before {
-  font-family: "iconsax" !important;
+  font-family: "Material Symbols Outlined" !important;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-style: normal;
@@ -513,16 +513,16 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   font-size: 12px;
 }
 .el-message.el-message--success::before {
-  content: "\ec2a";
+  content: "check_circle";
 }
 .el-message.el-message--info::before {
-  content: "\eb4d";
+  content: "info";
 }
 .el-message.el-message--warning::before {
-  content: "\e9f6";
+  content: "warning";
 }
 .el-message.el-message--danger::before, .el-message.el-message--error::before {
-  content: "\e9c8";
+  content: "cancel";
 }
 .el-message .el-message__icon {
   display: none;

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

@@ -2,6 +2,8 @@
 @use 'mixins/var' as *;
 @use 'common/var' as *;
 
+$material-icons-font-family: 'Material Symbols Outlined';
+
 @include b(message) {
   @include set-component-css-var('message', $message);
 }
@@ -64,9 +66,9 @@
 
   @each $type in $semantic {
     @include m($type) {
-      @include css-var-from-global(('message', 'bg-color'), ('color', $type, 'light-1'));
-      @include css-var-from-global(('message', 'border-color'), ('color', $type, 'light-3'));
-      @include css-var-from-global(('message', 'text-color'), ('color', $type));
+      @include css-var-from-global(('message', 'bg-color'), ('color', if($type == 'info', 'neutral', $type), 'light-1'));
+      @include css-var-from-global(('message', 'border-color'), ('color', if($type == 'info', 'neutral', $type), 'light-3'));
+      @include css-var-from-global(('message', 'text-color'), ('color', if($type == 'info', 'neutral', $type), if($type == 'info', 'light-6', 'light-5')));
 
       .#{$namespace}-message__content {
         color: getCssVar('message', 'text-color');
@@ -74,14 +76,14 @@
       }
 
       & .#{$namespace}-message__closeBtn {
-        color: getCssVar('color', $type);
+        color: getCssVar('color', if($type == 'info', 'neutral', $type));
 
         &:hover {
-          color: getCssVar('color', $type, 'light-4');
+          color: getCssVar('color', if($type == 'info', 'neutral', $type), 'light-4');
         }
 
         &:active {
-          color: getCssVar('color', $type, 'light-6');
+          color: getCssVar('color', if($type == 'info', 'neutral', $type), 'light-6');
         }
       }
     }
@@ -117,7 +119,7 @@
 
 .el-message {
   &::before {
-    font-family: 'iconsax' !important;
+    font-family: $material-icons-font-family !important;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-style: normal;
@@ -131,26 +133,26 @@
 
   &.el-message--success {
     &::before {
-      content: '\ec2a';
+      content: 'check_circle';
     }
   }
 
   &.el-message--info {
     &::before {
-      content: '\eb4d';
+      content: 'info';
     }
   }
 
   &.el-message--warning {
     &::before {
-      content: '\e9f6';
+      content: 'warning';
     }
   }
 
   &.el-message--danger,
   &.el-message--error {
     &::before {
-      content: '\e9c8';
+      content: 'cancel';
     }
   }
 

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

@@ -307,7 +307,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-notification-shadow: var(--el-box-shadow-light);
   --el-notification-border-color: var(--el-color-neutral-light-3);
   --el-notification-icon-size: 24px;
-  --el-notification-close-font-size: var(--el-message-close-size, 24px);
+  --el-notification-close-font-size: var(--el-message-close-size, 12px);
   --el-notification-group-margin-left: 13px;
   --el-notification-group-margin-right: 8px;
   --el-notification-content-font-size: var(--el-font-size-base);

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

@@ -376,7 +376,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   border: none;
   outline: none;
   cursor: pointer;
-  font-size: var(--el-message-close-size, 24px);
+  font-size: var(--el-message-close-size, 12px);
 }
 .el-tour__closebtn .el-tour__close {
   color: var(--el-tour-close-color);
@@ -390,7 +390,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding-bottom: var(--el-tour-padding-primary);
 }
 .el-tour__header.show-close {
-  padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 24px));
+  padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 12px));
 }
 
 .el-tour__title {

package/package.json

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