@timus-networks/theme 2.4.165 → 2.4.168

package/dist/module.json

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

@@ -1,5 +1,6 @@
 @charset "UTF-8";
 :root {
+  --font-family: "Poppins", sans-serif;
   --font-size: 1em;
   --border-width: 1px;
   --border-style: solid;
@@ -1566,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;
@@ -1611,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);
@@ -1630,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);
@@ -1649,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);
@@ -1668,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);
@@ -1687,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);
@@ -1706,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;
@@ -1747,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 {
@@ -1758,7 +1766,7 @@ body {
   font-size: var(--el-alert-close-font-size);
   opacity: 1;
   position: absolute;
-  top: 14px;
+  top: 11px;
   right: 16px;
   cursor: pointer;
 }
@@ -2389,7 +2397,7 @@ body {
 
 .el-button {
   display: inline-flex;
-  gap: 8px;
+  gap: 4px;
   justify-content: center;
   align-items: center;
   line-height: 1;
@@ -3140,12 +3148,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;
@@ -4111,12 +4119,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 {
@@ -8845,7 +8853,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;
@@ -9043,7 +9051,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 {
@@ -9054,7 +9062,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) {
@@ -9129,7 +9137,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;
@@ -9194,11 +9202,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 {
@@ -9209,7 +9217,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);
 }
@@ -9217,7 +9225,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;
 }
@@ -9336,7 +9344,7 @@ heights > $common-component-size
   height: 1px;
   width: 100%;
   margin: 8px 0;
-  border-top: 1px var(--el-color-neutral-light-3) var(--el-border-style);
+  border-top: 1px var(--el-color-neutral-light-2) var(--el-border-style);
 }
 
 .el-divider--vertical {
@@ -9346,7 +9354,7 @@ heights > $common-component-size
   margin: 0 8px;
   vertical-align: middle;
   position: relative;
-  border-left: 1px var(--el-color-neutral-light-3) var(--el-border-style);
+  border-left: 1px var(--el-color-neutral-light-2) var(--el-border-style);
 }
 
 .el-divider__text {
@@ -9616,6 +9624,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 {
@@ -9623,8 +9634,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;
@@ -10864,10 +10875,8 @@ heights > $common-component-size
   outline: none;
   cursor: pointer;
   padding: 0;
-  font-size: var(--el-link-font-size);
   font-weight: var(--el-link-font-weight);
   color: var(--el-link-text-color);
-  line-height: var(--el-line-height-base);
 }
 .el-link:hover {
   color: var(--el-link-hover-text-color);
@@ -12122,7 +12131,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);
@@ -12141,7 +12150,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);
@@ -12161,6 +12170,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;
@@ -12170,10 +12180,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 {
@@ -12272,6 +12283,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 {
@@ -12795,13 +12811,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 {
@@ -14493,7 +14509,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;
@@ -14527,7 +14543,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;
@@ -14547,7 +14563,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 {
@@ -14639,16 +14655,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 {
@@ -14673,16 +14689,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 {
@@ -14741,16 +14757,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 {
@@ -14887,7 +14903,6 @@ heights > $common-component-size
   color: var(--el-table-text-color);
   overflow: initial;
   border-bottom: 1px solid var(--el-table-border-color);
-  border-top: 1px solid var(--el-table-border-color);
 }
 .el-table__inner-wrapper {
   position: relative;
@@ -15746,7 +15761,7 @@ heights > $common-component-size
 }
 
 .el-tabs {
-  --el-tabs-header-height: 36px;
+  --el-tabs-header-height: 28px;
   display: flex;
 }
 .el-tabs__header {
@@ -15872,7 +15887,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 +16673,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 +16931,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 +17984,6 @@ mark.el-text {
   z-index: 2000;
   font-size: 12px;
   line-height: 20px;
-  min-width: 150px;
   overflow-wrap: break-word;
   visibility: visible;
 }
@@ -17999,14 +18017,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 +18033,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/_variables.scss

@@ -1,5 +1,5 @@
 :root {
-  // --font-family: 'Satosi', sans-serif;
+  --font-family: 'Poppins', sans-serif;
   --font-size: 1em;
   --border-width: 1px;
   --border-style: solid;

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;
 

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

@@ -322,7 +322,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-button {
   display: inline-flex;
-  gap: 8px;
+  gap: 4px;
   justify-content: center;
   align-items: center;
   line-height: 1;
@@ -1073,12 +1073,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   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;