@timus-networks/theme 2.4.87 → 2.4.89

package/dist/module.json

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

@@ -489,8 +489,8 @@ $select-dropdown: map.merge(
 $select-wrapper-padding: () !default;
 $select-wrapper-padding: map.merge(
   (
+    'default': 8px 12px,
     'large': 10px 12px,
-    'default': 10px 12px,
     'medium': 8px 12px,
     'small': 6px 12px,
     'mini': 5px 12px,
@@ -501,7 +501,7 @@ $select-wrapper-padding: map.merge(
 $select-near-margin-left: () !default;
 $select-near-margin-left: map.merge(
   (
-    'default': 0,
+    'default': 0 -3px,
     'large': 0,
     'medium': 0 -3px,
     'small': 0 -6px,
@@ -528,6 +528,7 @@ $select-item-height: map.merge(
   (
     'large': 20px,
     'default': 20px,
+    'medium': 20px,
     'small': 20px,
   ),
   $select-item-height
@@ -670,7 +671,9 @@ $input-number-width: map.merge(
   (
     'large': 180px,
     'default': 150px,
+    'medium': 150px,
     'small': 120px,
+    'mini': 120px,
   ),
   $input-number-width
 );
@@ -1112,11 +1115,11 @@ $tag-padding: map.merge(
 $tag-icon-size: () !default;
 $tag-icon-size: map.merge(
   (
-    'default': 12px,
-    'large': 16px,
-    'medium': 14px,
-    'small': 12px,
-    'mini': 8px,
+    'default': 10px,
+    'large': 10px,
+    'medium': 10px,
+    'small': 10px,
+    'mini': 10px,
   ),
   $tag-icon-size
 );
@@ -1197,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 {
@@ -9714,6 +9716,7 @@ heights > $common-component-size
 }
 
 .el-input-number--medium {
+  width: 150px;
   line-height: 34px;
 }
 .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
@@ -9741,6 +9744,7 @@ heights > $common-component-size
 }
 
 .el-input-number--mini {
+  width: 120px;
   line-height: 26px;
 }
 .el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease {
@@ -10208,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);
@@ -10330,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;
@@ -10342,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;
@@ -10407,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;
@@ -12478,9 +12486,8 @@ h6,
   cursor: pointer;
   text-align: left;
   font-size: 14px;
-  padding: 10px 12px;
+  padding: 8px 12px;
   gap: 8px;
-  height: 36px;
   min-height: 36px;
   line-height: 20px;
   border-radius: var(--el-border-radius-small);
@@ -12569,7 +12576,7 @@ h6,
 .el-select__selection {
   position: relative;
   display: flex;
-  flex-wrap: nowrap;
+  flex-wrap: wrap;
   align-items: center;
   flex: 1;
   min-width: 0;
@@ -12652,6 +12659,10 @@ h6,
 .el-select__input-wrapper {
   max-width: 100%;
 }
+.el-select__input-wrapper input {
+  max-width: 2px !important;
+  min-width: 2px !important;
+}
 .el-select__input-wrapper.is-hidden {
   position: absolute;
   opacity: 0;
@@ -12716,6 +12727,7 @@ h6,
   padding: 8px 12px;
   min-height: 36px;
   height: 36px;
+  line-height: 20px;
   font-size: 14px;
 }
 
@@ -12734,6 +12746,10 @@ h6,
   gap: 8px;
 }
 
+.el-select--medium .el-select__input {
+  height: 20px;
+}
+
 .el-select--small .el-select__wrapper {
   gap: 4px;
   padding: 6px 12px;
@@ -15517,7 +15533,7 @@ h6,
 .el-tag--large {
   padding: 0 7px;
   height: 32px;
-  --el-icon-size: 16px;
+  --el-icon-size: 10px;
 }
 .el-tag--large .el-tag__close {
   margin-left: 8px;
@@ -15529,7 +15545,7 @@ h6,
 .el-tag--medium {
   padding: 0 7px;
   height: 28px;
-  --el-icon-size: 14px;
+  --el-icon-size: 10px;
 }
 .el-tag--medium .el-tag__close {
   margin-left: 4px;
@@ -15541,7 +15557,7 @@ h6,
 .el-tag--small {
   padding: 0 7px;
   height: 24px;
-  --el-icon-size: 12px;
+  --el-icon-size: 10px;
 }
 .el-tag--small .el-tag__close {
   margin-left: 4px;
@@ -15553,7 +15569,7 @@ h6,
 .el-tag--mini {
   padding: 0 7px;
   height: 18px;
-  --el-icon-size: 8px;
+  --el-icon-size: 10px;
 }
 .el-tag--mini .el-tag__close {
   margin-left: 4px;

package/dist/runtime/public/scss/element-plus/input-number.css

@@ -392,6 +392,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-input-number--medium {
+  width: 150px;
   line-height: 34px;
 }
 .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
@@ -419,6 +420,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-input-number--mini {
+  width: 120px;
   line-height: 26px;
 }
 .el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease {

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/dist/runtime/public/scss/element-plus/select-v2.css

@@ -462,9 +462,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   cursor: pointer;
   text-align: left;
   font-size: 14px;
-  padding: 10px 12px;
+  padding: 8px 12px;
   gap: 8px;
-  height: 36px;
   min-height: 36px;
   line-height: 20px;
   border-radius: var(--el-border-radius-small);
@@ -553,7 +552,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-select__selection {
   position: relative;
   display: flex;
-  flex-wrap: nowrap;
+  flex-wrap: wrap;
   align-items: center;
   flex: 1;
   min-width: 0;
@@ -636,6 +635,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-select__input-wrapper {
   max-width: 100%;
 }
+.el-select__input-wrapper input {
+  max-width: 2px !important;
+  min-width: 2px !important;
+}
 .el-select__input-wrapper.is-hidden {
   position: absolute;
   opacity: 0;
@@ -700,6 +703,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding: 8px 12px;
   min-height: 36px;
   height: 36px;
+  line-height: 20px;
   font-size: 14px;
 }
 
@@ -718,6 +722,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 8px;
 }
 
+.el-select--medium .el-select__input {
+  height: 20px;
+}
+
 .el-select--small .el-select__wrapper {
   gap: 4px;
   padding: 6px 12px;

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

@@ -462,9 +462,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   cursor: pointer;
   text-align: left;
   font-size: 14px;
-  padding: 10px 12px;
+  padding: 8px 12px;
   gap: 8px;
-  height: 36px;
   min-height: 36px;
   line-height: 20px;
   border-radius: var(--el-border-radius-small);
@@ -553,7 +552,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-select__selection {
   position: relative;
   display: flex;
-  flex-wrap: nowrap;
+  flex-wrap: wrap;
   align-items: center;
   flex: 1;
   min-width: 0;
@@ -636,6 +635,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-select__input-wrapper {
   max-width: 100%;
 }
+.el-select__input-wrapper input {
+  max-width: 2px !important;
+  min-width: 2px !important;
+}
 .el-select__input-wrapper.is-hidden {
   position: absolute;
   opacity: 0;
@@ -700,6 +703,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding: 8px 12px;
   min-height: 36px;
   height: 36px;
+  line-height: 20px;
   font-size: 14px;
 }
 
@@ -718,6 +722,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 8px;
 }
 
+.el-select--medium .el-select__input {
+  height: 20px;
+}
+
 .el-select--small .el-select__wrapper {
   gap: 4px;
   padding: 6px 12px;

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

@@ -39,7 +39,7 @@
     font-size: map.get($input-font-size, 'default');
     padding: map.get($select-wrapper-padding, 'default');
     gap: map.get($select-item-gap, 'default');
-    height: map.get($common-component-size, 'default');
+    // height: map.get($common-component-size, 'default');
     min-height: map.get($input-height, 'default');
     line-height: map.get($select-item-height, 'default');
     border-radius: getCssVar('border-radius-small');
@@ -139,8 +139,8 @@
   @include e(selection) {
     position: relative;
     display: flex;
-    // flex-wrap: wrap;
-    flex-wrap: nowrap;
+    flex-wrap: wrap;
+    // flex-wrap: nowrap;
     align-items: center;
     flex: 1;
     min-width: 0;
@@ -211,6 +211,11 @@
   @include e(input-wrapper) {
     max-width: 100%;
 
+    input {
+      max-width: 2px !important;
+      min-width: 2px !important;
+    }
+
     @include when(hidden) {
       // Out of the document flow
       position: absolute;

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

@@ -543,7 +543,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-tag--large {
   padding: 0 7px;
   height: 32px;
-  --el-icon-size: 16px;
+  --el-icon-size: 10px;
 }
 .el-tag--large .el-tag__close {
   margin-left: 8px;
@@ -555,7 +555,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-tag--medium {
   padding: 0 7px;
   height: 28px;
-  --el-icon-size: 14px;
+  --el-icon-size: 10px;
 }
 .el-tag--medium .el-tag__close {
   margin-left: 4px;
@@ -567,7 +567,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-tag--small {
   padding: 0 7px;
   height: 24px;
-  --el-icon-size: 12px;
+  --el-icon-size: 10px;
 }
 .el-tag--small .el-tag__close {
   margin-left: 4px;
@@ -579,7 +579,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-tag--mini {
   padding: 0 7px;
   height: 18px;
-  --el-icon-size: 8px;
+  --el-icon-size: 10px;
 }
 .el-tag--mini .el-tag__close {
   margin-left: 4px;

package/package.json

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