@timus-networks/theme 2.4.166 → 2.4.169

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.165",
+  "version": "2.4.168",
   "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.165";
+const version = "2.4.168";
 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

@@ -1567,8 +1567,8 @@ body {
   --el-alert-title-font-size: 12px;
   --el-alert-title-with-description-font-size: 12px;
   --el-alert-description-font-size: 10px;
-  --el-alert-close-font-size: 14px;
-  --el-alert-close-customed-font-size: 14px;
+  --el-alert-close-font-size: 12px;
+  --el-alert-close-customed-font-size: 12px;
   --el-alert-icon-size: 12px;
   --el-alert-icon-large-size: 32px;
   position: relative;
@@ -1612,6 +1612,8 @@ body {
 }
 .el-alert--primary.is-light .el-alert__description {
   color: var(--el-color-primary-light-6);
+  line-height: 14px;
+  margin-left: -16px;
 }
 .el-alert--primary.is-dark {
   background-color: var(--el-color-primary);
@@ -1631,6 +1633,8 @@ body {
 }
 .el-alert--success.is-light .el-alert__description {
   color: var(--el-color-success-light-6);
+  line-height: 14px;
+  margin-left: -16px;
 }
 .el-alert--success.is-dark {
   background-color: var(--el-color-success);
@@ -1650,6 +1654,8 @@ body {
 }
 .el-alert--info.is-light .el-alert__description {
   color: var(--el-color-neutral-light-6);
+  line-height: 14px;
+  margin-left: -16px;
 }
 .el-alert--info.is-dark {
   background-color: var(--el-color-neutral);
@@ -1669,6 +1675,8 @@ body {
 }
 .el-alert--warning.is-light .el-alert__description {
   color: var(--el-color-warning-light-6);
+  line-height: 14px;
+  margin-left: -16px;
 }
 .el-alert--warning.is-dark {
   background-color: var(--el-color-warning);
@@ -1688,6 +1696,8 @@ body {
 }
 .el-alert--error.is-light .el-alert__description {
   color: var(--el-color-error-light-6);
+  line-height: 14px;
+  margin-left: -16px;
 }
 .el-alert--error.is-dark {
   background-color: var(--el-color-error);
@@ -1707,18 +1717,15 @@ body {
   speak: never;
   text-transform: none;
   font-size: var(--el-alert-icon-size);
-  line-height: 1;
   margin-right: 5px;
   content: "info";
-  position: absolute;
   font-weight: 500;
   width: 12px;
-  height: 12px;
+  height: 18px;
   font-size: 12px;
-  top: 14px;
-}
-.el-alert .el-alert__title {
-  padding-left: 17px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .el-alert .el-alert__icon {
   display: none;
@@ -1748,7 +1755,7 @@ body {
 .el-alert__title.with-description {
   font-size: var(--el-alert-title-with-description-font-size);
   line-height: 14px;
-  margin-top: 5px;
+  margin-top: 2px;
 }
 
 .el-alert .el-alert__description {
@@ -1759,7 +1766,7 @@ body {
   font-size: var(--el-alert-close-font-size);
   opacity: 1;
   position: absolute;
-  top: 14px;
+  top: 11px;
   right: 16px;
   cursor: pointer;
 }
@@ -2390,7 +2397,7 @@ body {
 
 .el-button {
   display: inline-flex;
-  gap: 8px;
+  gap: 4px;
   justify-content: center;
   align-items: center;
   line-height: 1;
@@ -2411,6 +2418,9 @@ body {
   border-color: var(--el-button-border-color);
   transition: all 0.5s ease;
 }
+.el-button[class^=mat-]::before, .el-button[class*=" mat-"]::before {
+  margin-left: -4px;
+}
 .el-button:empty {
   padding: 0;
   min-width: 36px;
@@ -3141,12 +3151,12 @@ body {
   padding: 0 7px;
 }
 .el-button--mini {
-  padding: 5px 15px;
+  padding: 5px 11px;
   font-size: 12px;
   border-radius: 4px;
 }
 .el-button--mini.is-round {
-  padding: 5px 15px;
+  padding: 5px 11px;
 }
 .el-button--mini:has(> i):not(:has(span)) {
   width: 28px;
@@ -4112,12 +4122,12 @@ heights > $common-component-size
 .el-checkbox-button--mini .el-checkbox-button__inner {
   --el-button-size: 28px;
   height: var(--el-button-size);
-  padding: 5px 15px;
+  padding: 5px 11px;
   font-size: 12px;
   border-radius: 0;
 }
 .el-checkbox-button--mini .el-checkbox-button__inner.is-round {
-  padding: 5px 15px;
+  padding: 5px 11px;
 }
 
 .el-checkbox-group {
@@ -8846,7 +8856,7 @@ heights > $common-component-size
 .el-time-panel {
   border-radius: 2px;
   position: relative;
-  width: 180px;
+  min-width: 200px;
   left: 0;
   z-index: var(--el-index-top);
   user-select: none;
@@ -9044,7 +9054,7 @@ heights > $common-component-size
   color: var(--el-color-neutral-light-6);
 }
 .el-descriptions__label:not(.is-bordered-label) {
-  color: var(--el-color-neutral-light-6);
+  color: var(--el-color-neutral-light-9);
   margin-right: 6px;
 }
 .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
@@ -9055,7 +9065,7 @@ heights > $common-component-size
   color: var(--el-text-color-primary);
 }
 .el-descriptions__content:not(.is-bordered-label) {
-  color: var(--el-text-color-regular);
+  color: var(--el-color-neutral-light-6);
 }
 
 .el-descriptions--large .el-descriptions__label:not(.is-bordered-label) {
@@ -9130,7 +9140,7 @@ heights > $common-component-size
   --el-dialog-box-shadow: var(--el-box-shadow);
   --el-dialog-title-font-size: 18px;
   --el-dialog-title-line-height: 22px;
-  --el-dialog-content-font-size: 14px;
+  --el-dialog-content-font-size: 12px;
   --el-dialog-content-line-height: 22px;
   --el-dialog-padding-primary: 24px;
   --el-dialog-border-radius: 8px;
@@ -9195,11 +9205,11 @@ heights > $common-component-size
   font-size: var(--el-message-close-size, 12px);
 }
 .el-dialog__headerbtn .el-dialog__close {
-  color: var(--el-color-primary);
+  color: var(--el-color-neutral-light-9);
   font-size: inherit;
 }
 .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
-  color: var(--el-color-primary);
+  color: var(--el-color-neutral-light-9);
 }
 
 .el-dialog__title {
@@ -9210,7 +9220,7 @@ heights > $common-component-size
 }
 
 .el-dialog__body {
-  color: var(--el-color-neutral-light-7);
+  color: var(--el-color-neutral-light-6);
   font-size: var(--el-dialog-content-font-size);
   line-height: var(--el-dialog-content-line-height);
 }
@@ -9218,7 +9228,7 @@ heights > $common-component-size
 .el-dialog__footer {
   display: flex;
   gap: 30px;
-  padding-top: 12px;
+  padding-top: 16px;
   text-align: right;
   box-sizing: border-box;
 }
@@ -9617,6 +9627,9 @@ heights > $common-component-size
   border: none;
   border-radius: var(--el-border-radius-small);
   box-shadow: var(--el-box-shadow-light);
+  gap: 2px;
+  display: flex;
+  flex-direction: column;
   list-style: none;
 }
 .el-dropdown-menu__item {
@@ -9624,8 +9637,8 @@ heights > $common-component-size
   align-items: center;
   white-space: nowrap;
   list-style: none;
-  line-height: 22px;
-  padding: 5px 16px;
+  line-height: 18px;
+  padding: 5px 8px;
   margin: 0;
   font-size: var(--el-font-size-small);
   font-weight: 500;
@@ -12121,7 +12134,7 @@ heights > $common-component-size
   --el-pagination-border-radius: 2px;
   --el-pagination-button-color: var(--el-color-neutral-light-6);
   --el-pagination-button-width: 24px;
-  --el-pagination-button-height: 28px;
+  --el-pagination-button-height: 24px;
   --el-pagination-select-height: 20px;
   --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
   --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
@@ -12140,7 +12153,7 @@ heights > $common-component-size
   --el-pagination-border-radius: 2px;
   --el-pagination-button-color: var(--el-color-neutral-light-6);
   --el-pagination-button-width: 24px;
-  --el-pagination-button-height: 28px;
+  --el-pagination-button-height: 24px;
   --el-pagination-select-height: 20px;
   --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
   --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
@@ -12160,6 +12173,7 @@ heights > $common-component-size
   display: flex;
   align-items: center;
   width: var(--el-pagination-width);
+  margin-top: -16px;
 }
 .el-pagination .el-input__inner {
   text-align: center;
@@ -12169,10 +12183,11 @@ heights > $common-component-size
 }
 .el-pagination .el-select {
   width: 128px;
+  height: 24px;
 }
 .el-pagination .el-select .el-select__wrapper {
-  height: var(--el-pagination-select-height);
-  min-height: var(--el-pagination-button-height);
+  height: 24px;
+  min-height: 24px;
   font-size: 12px;
 }
 .el-pagination button {
@@ -12191,7 +12206,6 @@ heights > $common-component-size
   cursor: pointer;
   text-align: center;
   box-sizing: border-box;
-  margin-top: -16px;
 }
 .el-pagination button * {
   pointer-events: none;
@@ -12272,6 +12286,11 @@ heights > $common-component-size
 }
 .el-pagination__editor.el-input {
   width: 56px;
+  height: 24px;
+}
+.el-pagination__editor.el-input .el-input__wrapper {
+  height: 24px;
+  min-height: 24px;
 }
 .el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
 .el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
@@ -12374,7 +12393,6 @@ heights > $common-component-size
   cursor: pointer;
   text-align: center;
   box-sizing: border-box;
-  margin-top: -16px;
 }
 .el-pager li * {
   pointer-events: none;
@@ -12796,13 +12814,13 @@ heights > $common-component-size
 }
 
 .el-radio-button--mini .el-radio-button__inner {
-  padding: 5px 15px;
+  padding: 5px 11px;
   font-size: 12px;
   border-radius: 0;
   height: 28px;
 }
 .el-radio-button--mini .el-radio-button__inner.is-round {
-  padding: 5px 15px;
+  padding: 5px 11px;
 }
 
 .el-radio-group {
@@ -14494,7 +14512,7 @@ heights > $common-component-size
   display: inline-flex;
   align-items: center;
   position: relative;
-  font-size: 14px;
+  font-size: 12px;
   line-height: 20px;
   height: 36px;
   vertical-align: middle;
@@ -14528,7 +14546,7 @@ heights > $common-component-size
   transition: var(--el-transition-duration-fast);
   height: 20px;
   display: inline-block;
-  font-size: 14px;
+  font-size: 12px;
   font-weight: 500;
   cursor: pointer;
   vertical-align: middle;
@@ -14548,7 +14566,7 @@ heights > $common-component-size
 
 .el-switch__label * {
   line-height: 1;
-  font-size: 14px;
+  font-size: 12px;
   display: inline-block;
 }
 .el-switch__label .el-icon {
@@ -14640,16 +14658,16 @@ heights > $common-component-size
   opacity: 0;
 }
 .el-switch--large {
-  font-size: 14px;
+  font-size: 16px;
   line-height: 24px;
   height: 40px;
 }
 .el-switch--large .el-switch__label {
   height: 24px;
-  font-size: 14px;
+  font-size: 16px;
 }
 .el-switch--large .el-switch__label * {
-  font-size: 14px;
+  font-size: 16px;
 }
 
 .el-switch--large .el-switch__core {
@@ -14674,16 +14692,16 @@ heights > $common-component-size
 }
 
 .el-switch--medium {
-  font-size: 14px;
+  font-size: 12px;
   line-height: 20px;
   height: 36px;
 }
 .el-switch--medium .el-switch__label {
   height: 20px;
-  font-size: 14px;
+  font-size: 12px;
 }
 .el-switch--medium .el-switch__label * {
-  font-size: 14px;
+  font-size: 12px;
 }
 
 .el-switch--medium .el-switch__core {
@@ -14742,16 +14760,16 @@ heights > $common-component-size
 }
 
 .el-switch--mini {
-  font-size: 12px;
+  font-size: 10px;
   line-height: 12px;
   height: 28px;
 }
 .el-switch--mini .el-switch__label {
   height: 12px;
-  font-size: 12px;
+  font-size: 10px;
 }
 .el-switch--mini .el-switch__label * {
-  font-size: 12px;
+  font-size: 10px;
 }
 
 .el-switch--mini .el-switch__core {
@@ -15017,7 +15035,7 @@ heights > $common-component-size
   visibility: hidden;
 }
 .el-table .el-table__cell:first-of-type .cell {
-  padding-left: 0;
+  margin-left: 0;
 }
 .el-table .el-table__cell:last-of-type .cell {
   padding-right: 0;
@@ -15027,7 +15045,8 @@ heights > $common-component-size
   overflow: hidden;
   text-overflow: ellipsis;
   overflow-wrap: break-word;
-  padding: 0 12px;
+  padding: 0 12px 0 0;
+  margin-left: 12px;
   align-items: center;
   gap: 2px;
   white-space: nowrap;
@@ -15090,6 +15109,7 @@ heights > $common-component-size
 }
 .el-table tr .el-checkbox {
   max-height: 20px;
+  margin-top: 1px;
 }
 .el-table tr .el-checkbox input[type=checkbox] {
   margin: 0;
@@ -15299,7 +15319,7 @@ heights > $common-component-size
   top: 3px;
 }
 .el-table__header-wrapper .el-table-column--selection + td > .cell, .el-table__header-wrapper .el-table-column--selection + th > .cell, .el-table__body-wrapper .el-table-column--selection + td > .cell, .el-table__body-wrapper .el-table-column--selection + th > .cell {
-  padding-left: 4px;
+  margin-left: 0;
 }
 
 .el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column::before {
@@ -15746,7 +15766,7 @@ heights > $common-component-size
 }
 
 .el-tabs {
-  --el-tabs-header-height: 36px;
+  --el-tabs-header-height: 28px;
   display: flex;
 }
 .el-tabs__header {
@@ -15872,7 +15892,7 @@ heights > $common-component-size
   align-items: center;
   justify-content: center;
   list-style: none;
-  font-size: var(--el-font-size-base);
+  font-size: var(--el-font-size-small);
   font-weight: 500;
   color: var(--el-color-neutral-light-6);
   position: relative;
@@ -16658,6 +16678,10 @@ heights > $common-component-size
   border-color: var(--el-color-info);
 }
 
+.el-tag.el-tag--secondary {
+  --el-tag-bg-color: var(--el-color-white);
+}
+
 .el-text {
   --el-text-font-size: var(--el-font-size-base);
   --el-text-color: var(--el-text-color-regular);
@@ -16912,7 +16936,7 @@ mark.el-text {
 .el-tooltip.el-popper.is-dark {
   padding: 8px 16px;
   background-color: var(--el-color-neutral-light-9);
-  color: var(--el-color-neutral-light-6);
+  color: var(--el-color-neutral-light-2);
   box-shadow: 0 2px 2px 0 var(--el-color-neutral-light-6);
 }
 
@@ -17965,7 +17989,6 @@ mark.el-text {
   z-index: 2000;
   font-size: 12px;
   line-height: 20px;
-  min-width: 150px;
   overflow-wrap: break-word;
   visibility: visible;
 }
@@ -17999,14 +18022,14 @@ mark.el-text {
 
 .el-popper__arrow {
   position: absolute;
-  width: 17px;
-  height: 17px;
+  width: 10px;
+  height: 10px;
   z-index: -1;
 }
 .el-popper__arrow::before {
   position: absolute;
-  width: 17px;
-  height: 17px;
+  width: 10px;
+  height: 10px;
   z-index: -1;
   content: " ";
   transform: rotate(45deg);
@@ -18015,25 +18038,25 @@ mark.el-text {
 }
 
 .el-popper[data-popper-placement^=top] > .el-popper__arrow {
-  bottom: -8.5px;
+  bottom: -5px;
 }
 .el-popper[data-popper-placement^=top] > .el-popper__arrow::before {
   border-bottom-right-radius: 2px;
 }
 .el-popper[data-popper-placement^=bottom] > .el-popper__arrow {
-  top: -8.5px;
+  top: -5px;
 }
 .el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
   border-top-left-radius: 2px;
 }
 .el-popper[data-popper-placement^=left] > .el-popper__arrow {
-  right: -8.5px;
+  right: -5px;
 }
 .el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
   border-top-right-radius: 2px;
 }
 .el-popper[data-popper-placement^=right] > .el-popper__arrow {
-  left: -8.5px;
+  left: -5px;
 }
 .el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
   border-bottom-left-radius: 2px;

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

@@ -307,8 +307,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-alert-title-font-size: 12px;
   --el-alert-title-with-description-font-size: 12px;
   --el-alert-description-font-size: 10px;
-  --el-alert-close-font-size: 14px;
-  --el-alert-close-customed-font-size: 14px;
+  --el-alert-close-font-size: 12px;
+  --el-alert-close-customed-font-size: 12px;
   --el-alert-icon-size: 12px;
   --el-alert-icon-large-size: 32px;
   position: relative;
@@ -352,6 +352,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-alert--primary.is-light .el-alert__description {
   color: var(--el-color-primary-light-6);
+  line-height: 14px;
+  margin-left: -16px;
 }
 .el-alert--primary.is-dark {
   background-color: var(--el-color-primary);
@@ -371,6 +373,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-alert--success.is-light .el-alert__description {
   color: var(--el-color-success-light-6);
+  line-height: 14px;
+  margin-left: -16px;
 }
 .el-alert--success.is-dark {
   background-color: var(--el-color-success);
@@ -390,6 +394,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-alert--info.is-light .el-alert__description {
   color: var(--el-color-neutral-light-6);
+  line-height: 14px;
+  margin-left: -16px;
 }
 .el-alert--info.is-dark {
   background-color: var(--el-color-neutral);
@@ -409,6 +415,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-alert--warning.is-light .el-alert__description {
   color: var(--el-color-warning-light-6);
+  line-height: 14px;
+  margin-left: -16px;
 }
 .el-alert--warning.is-dark {
   background-color: var(--el-color-warning);
@@ -428,6 +436,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-alert--error.is-light .el-alert__description {
   color: var(--el-color-error-light-6);
+  line-height: 14px;
+  margin-left: -16px;
 }
 .el-alert--error.is-dark {
   background-color: var(--el-color-error);
@@ -447,18 +457,15 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   speak: never;
   text-transform: none;
   font-size: var(--el-alert-icon-size);
-  line-height: 1;
   margin-right: 5px;
   content: "info";
-  position: absolute;
   font-weight: 500;
   width: 12px;
-  height: 12px;
+  height: 18px;
   font-size: 12px;
-  top: 14px;
-}
-.el-alert .el-alert__title {
-  padding-left: 17px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .el-alert .el-alert__icon {
   display: none;
@@ -488,7 +495,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-alert__title.with-description {
   font-size: var(--el-alert-title-with-description-font-size);
   line-height: 14px;
-  margin-top: 5px;
+  margin-top: 2px;
 }
 
 .el-alert .el-alert__description {
@@ -499,7 +506,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   font-size: var(--el-alert-close-font-size);
   opacity: 1;
   position: absolute;
-  top: 14px;
+  top: 11px;
   right: 16px;
   cursor: pointer;
 }

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

@@ -52,6 +52,8 @@
 
         .#{$namespace}-alert__description {
           color: getCssVar('color', if($type == 'info', 'neutral', $type), 'light-6');
+          line-height: 14px;
+          margin-left: -16px;
         }
       }
 
@@ -80,19 +82,19 @@
     speak: never;
     text-transform: none;
     font-size: getCssVar('alert', 'icon-size');
-    line-height: 1;
     margin-right: 5px;
     content: 'info';
-    position: absolute;
     font-weight: 500;
     width: 12px;
-    height: 12px;
+    height: 18px;
     font-size: 12px;
-    top: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 
   .el-alert__title {
-    padding-left: 17px;
+    // padding-left: 17px;
   }
 
   .el-alert__icon {
@@ -126,7 +128,7 @@
     &.with-description {
       font-size: getCssVar('alert', 'title-with-description-font-size');
       line-height: 14px;
-      margin-top: 5px;
+      margin-top: 2px;
     }
   }
 
@@ -139,7 +141,7 @@
     font-size: getCssVar('alert', 'close-font-size');
     opacity: 1;
     position: absolute;
-    top: 14px;
+    top: 11px;
     right: 16px;
     cursor: pointer;