@timus-networks/theme 2.4.88 → 2.4.89

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.88",
+  "version": "2.4.89",
   "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.88";
+const version = "2.4.89";
 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/public/scss/element-plus/card.css

@@ -301,9 +301,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 **/
 .el-card {
-  --el-card-border-color: var(--el-border-color-light);
-  --el-card-border-radius: 6px;
-  --el-card-padding: 24px;
+  --el-card-border-color: var(--el-color-primary-light-1);
+  --el-card-border-radius: 4px;
+  --el-card-padding: 16px;
   --el-card-bg-color: var(--el-fill-color-blank);
 }
 
@@ -314,6 +314,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   overflow: hidden;
   color: var(--el-text-color-primary);
   transition: var(--el-transition-duration);
+  flex-direction: column;
+  gap: 8px;
 }
 .el-card.is-always-shadow {
   box-shadow: var(--el-box-shadow-light);
@@ -332,10 +334,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-card__body {
-  padding: var(--el-card-padding);
   font-size: 14px;
   line-height: 24px;
   color: var(--el-color-neutral-light-8);
+  padding: 0 var(--el-card-padding) var(--el-card-padding) var(--el-card-padding);
 }
 
 .el-card__footer {

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

@@ -15,6 +15,8 @@
   overflow: hidden;
   color: getCssVar('text-color', 'primary');
   transition: getCssVar('transition-duration');
+  flex-direction: column;
+  gap: 8px;
 
   @include when(always-shadow) {
     box-shadow: getCssVar('box-shadow', 'light');
@@ -37,10 +39,10 @@
   }
 
   @include e(body) {
-    padding: $padding;
     font-size: 14px;
     line-height: 24px;
     color: getCssVar('color-neutral-light-8');
+    padding: 0 $padding $padding $padding;
   }
 
   @include e(footer) {

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

@@ -1200,9 +1200,9 @@ $badge: map.merge(
 $card: () !default;
 $card: map.merge(
   (
-    'border-color': getCssVar('border-color', 'light'),
-    'border-radius': 6px,
-    'padding': 24px,
+    'border-color': getCssVar('color-primary-light-1'),
+    'border-radius': 4px,
+    'padding': 16px,
     'bg-color': getCssVar('fill-color', 'blank'),
   ),
   $card

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

@@ -2222,9 +2222,9 @@ heights > $common-component-size
 }
 
 .el-card {
-  --el-card-border-color: var(--el-border-color-light);
-  --el-card-border-radius: 6px;
-  --el-card-padding: 24px;
+  --el-card-border-color: var(--el-color-primary-light-1);
+  --el-card-border-radius: 4px;
+  --el-card-padding: 16px;
   --el-card-bg-color: var(--el-fill-color-blank);
 }
 
@@ -2235,6 +2235,8 @@ heights > $common-component-size
   overflow: hidden;
   color: var(--el-text-color-primary);
   transition: var(--el-transition-duration);
+  flex-direction: column;
+  gap: 8px;
 }
 .el-card.is-always-shadow {
   box-shadow: var(--el-box-shadow-light);
@@ -2253,10 +2255,10 @@ heights > $common-component-size
 }
 
 .el-card__body {
-  padding: var(--el-card-padding);
   font-size: 14px;
   line-height: 24px;
   color: var(--el-color-neutral-light-8);
+  padding: 0 var(--el-card-padding) var(--el-card-padding) var(--el-card-padding);
 }
 
 .el-card__footer {
@@ -10210,7 +10212,7 @@ h6,
   background-color: var(--el-menu-bg-color);
   box-sizing: border-box;
 }
-.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title {
+.el-menu--vertical .el-menu-item, .el-menu--vertical .el-sub-menu__title, .el-menu--vertical .el-menu-item-group__title {
   display: flex;
   gap: var(--el-menu-items-gap);
   border-radius: var(--el-menu-border-radius);
@@ -10332,6 +10334,10 @@ h6,
   border-radius: var(--el-border-radius-small);
   box-shadow: var(--el-box-shadow-light);
 }
+.el-menu--popup .el-menu-item {
+  padding: 0 var(--el-menu-base-level-padding);
+  height: var(--el-menu-horizontal-sub-item-height);
+}
 
 .el-menu .el-icon {
   flex-shrink: 0;
@@ -10344,7 +10350,7 @@ h6,
   line-height: var(--el-menu-item-height);
   font-size: var(--el-menu-item-font-size);
   color: var(--el-menu-text-color);
-  padding: 0;
+  padding: var(--el-menu-base-level-padding);
   list-style: none;
   cursor: pointer;
   position: relative;
@@ -10409,7 +10415,7 @@ h6,
   line-height: var(--el-menu-item-height);
   font-size: var(--el-menu-item-font-size);
   color: var(--el-menu-text-color);
-  padding: 0;
+  padding: var(--el-menu-base-level-padding);
   list-style: none;
   cursor: pointer;
   position: relative;

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

@@ -448,7 +448,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   background-color: var(--el-menu-bg-color);
   box-sizing: border-box;
 }
-.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title {
+.el-menu--vertical .el-menu-item, .el-menu--vertical .el-sub-menu__title, .el-menu--vertical .el-menu-item-group__title {
   display: flex;
   gap: var(--el-menu-items-gap);
   border-radius: var(--el-menu-border-radius);
@@ -570,6 +570,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   border-radius: var(--el-border-radius-small);
   box-shadow: var(--el-box-shadow-light);
 }
+.el-menu--popup .el-menu-item {
+  padding: 0 var(--el-menu-base-level-padding);
+  height: var(--el-menu-horizontal-sub-item-height);
+}
 
 .el-menu .el-icon {
   flex-shrink: 0;
@@ -582,7 +586,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   line-height: var(--el-menu-item-height);
   font-size: var(--el-menu-item-font-size);
   color: var(--el-menu-text-color);
-  padding: 0;
+  padding: var(--el-menu-base-level-padding);
   list-style: none;
   cursor: pointer;
   position: relative;
@@ -647,7 +651,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   line-height: var(--el-menu-item-height);
   font-size: var(--el-menu-item-font-size);
   color: var(--el-menu-text-color);
-  padding: 0;
+  padding: var(--el-menu-base-level-padding);
   list-style: none;
   cursor: pointer;
   position: relative;

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

@@ -11,7 +11,7 @@
   line-height: getCssVar('menu-item-height');
   font-size: getCssVar('menu-item-font-size');
   color: getCssVar('menu-text-color');
-  padding: 0; // getCssVar('menu-base-level-padding');
+  padding: getCssVar('menu-base-level-padding');
   list-style: none;
   cursor: pointer;
   position: relative;
@@ -62,17 +62,17 @@
   box-sizing: border-box;
 
   @include m(vertical) {
-    &:not(.#{$namespace}-menu--collapse):not(.#{$namespace}-menu--popup-container) {
-      & .#{$namespace}-menu-item,
-      & .#{$namespace}-sub-menu__title,
-      & .#{$namespace}-menu-item-group__title {
-        display: flex;
-        gap: getCssVar('menu-items-gap');
-        border-radius: getCssVar('menu-border-radius');
-        white-space: nowrap;
-        padding-left: calc(#{getCssVar('menu-base-level-padding')} + #{getCssVar('menu-level')} * #{getCssVar('menu-level-padding')});
-      }
+    // &:not(.#{$namespace}-menu--collapse):not(.#{$namespace}-menu--popup-container) {
+    & .#{$namespace}-menu-item,
+    & .#{$namespace}-sub-menu__title,
+    & .#{$namespace}-menu-item-group__title {
+      display: flex;
+      gap: getCssVar('menu-items-gap');
+      border-radius: getCssVar('menu-border-radius');
+      white-space: nowrap;
+      padding-left: calc(#{getCssVar('menu-base-level-padding')} + #{getCssVar('menu-level')} * #{getCssVar('menu-level-padding')});
     }
+    // }
   }
 
   &:not(.#{$namespace}-menu--collapse) .#{$namespace}-sub-menu__title {
@@ -217,6 +217,11 @@
     padding: 5px 0;
     border-radius: getCssVar('border-radius-small');
     box-shadow: getCssVar('box-shadow-light');
+
+    .#{$namespace}-menu-item {
+      padding: 0 getCssVar('menu-base-level-padding');
+      height: getCssVar('menu-horizontal-sub-item-height');
+    }
   }
 
   .#{$namespace}-icon {

package/package.json

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