@timus-networks/theme 2.4.63 → 2.4.66

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.63",
+  "version": "2.4.66",
   "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.63";
+const version = "2.4.66";
 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/components/development/example.button.vue

@@ -137,6 +137,10 @@
           <el-button round plain :icon="ElIconShare" />
           <el-button :icon="ElIconDelete" size="small" type="danger" />
           <el-button :icon="ElIconDelete" size="mini" type="danger" />
+          <el-button class="isax-add" size="mini" type="danger" />
+          <el-button class="isax-add" size="small" type="danger" />
+          <el-button class="isax-add" size="medium" type="danger" />
+          <el-button class="isax-add" size="large" type="danger" />
           <el-button :icon="ElIconSearch">Search</el-button>
           <el-button>
             Upload<el-icon class="el-icon--right"><ElIconUpload /></el-icon>

package/dist/runtime/public/scss/_variables.scss

@@ -4,8 +4,8 @@
   --border-width: 1px;
   --border-style: solid;
   --border-radius: 4px;
-  --border-color: var(--secondary-100);
-  --body-color: var(--secondary-500);
+  --border-color: var(--el-color-secondary-light-1);
+  --body-color: var(--el-color-secondary-light-5);
   --text-opacity: 1;
   --button-font-color: white;
   --button-font-family: var(--font-family);

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

@@ -342,7 +342,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-component-size: 40px;
   --el-component-size-large: 40px;
   --el-component-size-medium: 36px;
-  --el-component-size-small: 30px;
+  --el-component-size-small: 32px;
   --el-component-size-mini: 28px;
 }
 

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

@@ -342,6 +342,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   border: var(--el-border);
   border-color: var(--el-button-border-color);
 }
+.el-button:empty {
+  padding: 0;
+}
 .el-button:hover {
   color: var(--el-button-hover-text-color);
   border-color: var(--el-button-hover-border-color);
@@ -441,7 +444,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-button.is-text {
   color: var(--el-button-text-color);
   border: 0 solid transparent;
-  background-color: var(--el-button-bg-color);
+  background-color: transparent;
   --el-button-text-color: var(--el-color-primary);
   --el-button-bg-color: var(--el-color-white);
   --el-button-border-color: var(--el-color-white);
@@ -989,6 +992,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-button--large {
   --el-button-size: 40px;
   height: var(--el-button-size);
+  min-width: var(--el-button-size);
 }
 .el-button--large [class*=el-icon] + span {
   margin-left: 8px;
@@ -1013,6 +1017,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-button--medium {
   --el-button-size: 36px;
   height: var(--el-button-size);
+  min-width: var(--el-button-size);
 }
 .el-button--medium {
   padding: 8px 15px;
@@ -1032,8 +1037,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--small {
-  --el-button-size: 30px;
+  --el-button-size: 32px;
   height: var(--el-button-size);
+  min-width: var(--el-button-size);
 }
 .el-button--small [class*=el-icon] + span {
   margin-left: 4px;
@@ -1047,7 +1053,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding: 5px 15px;
 }
 .el-button--small:has(> i):not(:has(span)) {
-  width: 30px;
+  width: 32px;
   padding: 0;
 }
 .el-button--small.is-circle {
@@ -1058,6 +1064,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-button--mini {
   --el-button-size: 28px;
   height: var(--el-button-size);
+  min-width: var(--el-button-size);
 }
 .el-button--mini {
   padding: 5px 15px;

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

@@ -44,6 +44,10 @@ $button-icon-span-gap: map.merge(
   border: getCssVar('border');
   border-color: getCssVar('button', 'border-color');
 
+  &:empty {
+    padding: 0;
+  }
+
   &:hover {
     color: getCssVar('button', 'hover', 'text-color');
     border-color: getCssVar('button', 'hover', 'border-color');
@@ -169,7 +173,7 @@ $button-icon-span-gap: map.merge(
   @include when(text) {
     color: getCssVar('button', 'text-color');
     border: 0 solid transparent;
-    background-color: getCssVar('button-bg-color');
+    background-color: transparent;
 
     @include css-var-from-global(('button-text-color'), ('color-primary'));
     @include css-var-from-global(('button-bg-color'), ('color-white'));
@@ -315,6 +319,7 @@ $button-icon-span-gap: map.merge(
       @include set-css-var-value(('button', 'size'), map.get($common-component-size, $size));
 
       height: getCssVar('button', 'size');
+      min-width: getCssVar('button', 'size');
 
       & [class*='#{$namespace}-icon'] {
         & + span {

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

@@ -364,7 +364,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-cascader--small {
   font-size: 12px;
-  line-height: 30px;
+  line-height: 32px;
 }
 
 .el-cascader--mini {

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

@@ -424,7 +424,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-checkbox-button--small .el-checkbox-button__inner {
-  --el-button-size: 30px;
+  --el-button-size: 32px;
   height: var(--el-button-size);
   padding: 5px 15px;
   font-size: 12px;

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

@@ -544,7 +544,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-checkbox.el-checkbox--small {
-  height: 30px;
+  height: 32px;
 }
 .el-checkbox.el-checkbox--small .el-checkbox__label {
   font-size: 12px;

package/dist/runtime/public/scss/element-plus/color-picker.css

@@ -535,15 +535,15 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-color-picker--small {
-  height: 30px;
+  height: 32px;
 }
 .el-color-picker--small .el-color-picker__trigger {
-  height: 30px;
-  width: 30px;
+  height: 32px;
+  width: 32px;
 }
 .el-color-picker--small .el-color-picker__mask {
-  height: 28px;
-  width: 28px;
+  height: 30px;
+  width: 30px;
 }
 
 .el-color-picker--mini {

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

@@ -255,7 +255,7 @@ $common-component-size: map.merge(
     'default': 40px,
     'large': 40px,
     'medium': 36px,
-    'small': 30px,
+    'small': 32px,
     'mini': 28px,
   ),
   $common-component-size

package/dist/runtime/public/scss/element-plus/date-picker/picker.css

@@ -615,12 +615,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   height: var(--el-component-size-small);
 }
 .el-range-editor--small .el-range-separator {
-  line-height: 30px;
+  line-height: 32px;
   font-size: 12px;
 }
 .el-range-editor--small .el-range-input {
-  height: 28px;
-  line-height: 28px;
+  height: 30px;
+  line-height: 30px;
   font-size: 12px;
 }
 

package/dist/runtime/public/scss/element-plus/date-picker.css

@@ -998,12 +998,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   height: var(--el-component-size-small);
 }
 .el-range-editor--small .el-range-separator {
-  line-height: 30px;
+  line-height: 32px;
   font-size: 12px;
 }
 .el-range-editor--small .el-range-input {
-  height: 28px;
-  line-height: 28px;
+  height: 30px;
+  line-height: 30px;
   font-size: 12px;
 }
 

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

@@ -408,7 +408,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-dropdown--small .el-dropdown__caret-button {
-  width: 30px;
+  width: 32px;
 }
 
 .el-dropdown--mini .el-dropdown__caret-button {

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

@@ -378,12 +378,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   margin-bottom: 16px;
 }
 .el-form-item--small .el-form-item__label {
-  height: 30px;
-  line-height: 30px;
+  height: 32px;
+  line-height: 32px;
 }
 
 .el-form-item--small .el-form-item__content {
-  line-height: 30px;
+  line-height: 32px;
 }
 
 .el-form-item--small .el-form-item__error {

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

@@ -342,7 +342,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-component-size: 40px;
   --el-component-size-large: 40px;
   --el-component-size-medium: 36px;
-  --el-component-size-small: 30px;
+  --el-component-size-small: 32px;
   --el-component-size-mini: 28px;
 }
 
@@ -1403,6 +1403,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   border: var(--el-border);
   border-color: var(--el-button-border-color);
 }
+.el-button:empty {
+  padding: 0;
+}
 .el-button:hover {
   color: var(--el-button-hover-text-color);
   border-color: var(--el-button-hover-border-color);
@@ -1502,7 +1505,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-button.is-text {
   color: var(--el-button-text-color);
   border: 0 solid transparent;
-  background-color: var(--el-button-bg-color);
+  background-color: transparent;
   --el-button-text-color: var(--el-color-primary);
   --el-button-bg-color: var(--el-color-white);
   --el-button-border-color: var(--el-color-white);
@@ -2050,6 +2053,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-button--large {
   --el-button-size: 40px;
   height: var(--el-button-size);
+  min-width: var(--el-button-size);
 }
 .el-button--large [class*=el-icon] + span {
   margin-left: 8px;
@@ -2074,6 +2078,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-button--medium {
   --el-button-size: 36px;
   height: var(--el-button-size);
+  min-width: var(--el-button-size);
 }
 .el-button--medium {
   padding: 8px 15px;
@@ -2093,8 +2098,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--small {
-  --el-button-size: 30px;
+  --el-button-size: 32px;
   height: var(--el-button-size);
+  min-width: var(--el-button-size);
 }
 .el-button--small [class*=el-icon] + span {
   margin-left: 4px;
@@ -2108,7 +2114,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding: 5px 15px;
 }
 .el-button--small:has(> i):not(:has(span)) {
-  width: 30px;
+  width: 32px;
   padding: 0;
 }
 .el-button--small.is-circle {
@@ -2119,6 +2125,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-button--mini {
   --el-button-size: 28px;
   height: var(--el-button-size);
+  min-width: var(--el-button-size);
 }
 .el-button--mini {
   padding: 5px 15px;
@@ -2672,7 +2679,7 @@ heights > $common-component-size
 
 .el-cascader--small {
   font-size: 12px;
-  line-height: 30px;
+  line-height: 32px;
 }
 
 .el-cascader--mini {
@@ -3076,7 +3083,7 @@ heights > $common-component-size
 }
 
 .el-checkbox-button--small .el-checkbox-button__inner {
-  --el-button-size: 30px;
+  --el-button-size: 32px;
   height: var(--el-button-size);
   padding: 5px 15px;
   font-size: 12px;
@@ -3351,7 +3358,7 @@ heights > $common-component-size
 }
 
 .el-checkbox.el-checkbox--small {
-  height: 30px;
+  height: 32px;
 }
 .el-checkbox.el-checkbox--small .el-checkbox__label {
   font-size: 12px;
@@ -6667,15 +6674,15 @@ heights > $common-component-size
 }
 
 .el-color-picker--small {
-  height: 30px;
+  height: 32px;
 }
 .el-color-picker--small .el-color-picker__trigger {
-  height: 30px;
-  width: 30px;
+  height: 32px;
+  width: 32px;
 }
 .el-color-picker--small .el-color-picker__mask {
-  height: 28px;
-  width: 28px;
+  height: 30px;
+  width: 30px;
 }
 
 .el-color-picker--mini {
@@ -7372,12 +7379,12 @@ heights > $common-component-size
   height: var(--el-component-size-small);
 }
 .el-range-editor--small .el-range-separator {
-  line-height: 30px;
+  line-height: 32px;
   font-size: 12px;
 }
 .el-range-editor--small .el-range-input {
-  height: 28px;
-  line-height: 28px;
+  height: 30px;
+  line-height: 30px;
   font-size: 12px;
 }
 
@@ -8564,7 +8571,7 @@ heights > $common-component-size
 }
 
 .el-dropdown--small .el-dropdown__caret-button {
-  width: 30px;
+  width: 32px;
 }
 
 .el-dropdown--mini .el-dropdown__caret-button {
@@ -8790,12 +8797,12 @@ heights > $common-component-size
   margin-bottom: 16px;
 }
 .el-form-item--small .el-form-item__label {
-  height: 30px;
-  line-height: 30px;
+  height: 32px;
+  line-height: 32px;
 }
 
 .el-form-item--small .el-form-item__content {
-  line-height: 30px;
+  line-height: 32px;
 }
 
 .el-form-item--small .el-form-item__error {
@@ -9465,7 +9472,7 @@ heights > $common-component-size
 }
 
 .el-input--small .el-input__inner {
-  --el-input-inner-height: calc(var(--el-input-height, 30px) - 2px);
+  --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
 }
 
 .el-input--mini {
@@ -9716,7 +9723,7 @@ heights > $common-component-size
 
 .el-input-number--small {
   width: 120px;
-  line-height: 28px;
+  line-height: 30px;
 }
 .el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
   width: 22px;
@@ -9724,8 +9731,8 @@ heights > $common-component-size
 }
 
 .el-input-number--small .el-input--small .el-input__wrapper {
-  padding-left: 37px;
-  padding-right: 37px;
+  padding-left: 39px;
+  padding-right: 39px;
 }
 
 .el-input-number--mini {
@@ -9797,7 +9804,7 @@ heights > $common-component-size
 }
 .el-input-number.is-controls-right[class*=small] [class*=increase],
 .el-input-number.is-controls-right[class*=small] [class*=decrease] {
-  --el-input-number-controls-height: 14px;
+  --el-input-number-controls-height: 15px;
 }
 .el-input-number.is-controls-right[class*=mini] [class*=increase],
 .el-input-number.is-controls-right[class*=mini] [class*=decrease] {
@@ -11621,7 +11628,7 @@ heights > $common-component-size
   padding: 5px 15px;
   font-size: 12px;
   border-radius: 0;
-  height: 30px;
+  height: 32px;
 }
 .el-radio-button--small .el-radio-button__inner.is-round {
   padding: 5px 15px;
@@ -11681,7 +11688,7 @@ heights > $common-component-size
   height: 36px;
 }
 .el-radio.el-radio--small {
-  height: 30px;
+  height: 32px;
 }
 .el-radio.el-radio--mini {
   height: 28px;
@@ -12600,8 +12607,8 @@ heights > $common-component-size
 .el-select--small .el-select__wrapper {
   gap: 4px;
   padding: 6px 12px;
-  min-height: 30px;
-  height: 30px;
+  min-height: 32px;
+  height: 32px;
   line-height: 20px;
   font-size: 12px;
 }
@@ -13519,7 +13526,7 @@ heights > $common-component-size
 .el-switch--small {
   font-size: 12px;
   line-height: 16px;
-  height: 30px;
+  height: 32px;
 }
 .el-switch--small .el-switch__label {
   height: 16px;
@@ -17253,7 +17260,7 @@ mark.el-text {
 }
 
 .el-segmented--small {
-  min-height: 30px;
+  min-height: 32px;
   border-radius: 4px;
   font-size: 14px;
 }

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

@@ -406,7 +406,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-input-number--small {
   width: 120px;
-  line-height: 28px;
+  line-height: 30px;
 }
 .el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
   width: 22px;
@@ -414,8 +414,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-input-number--small .el-input--small .el-input__wrapper {
-  padding-left: 37px;
-  padding-right: 37px;
+  padding-left: 39px;
+  padding-right: 39px;
 }
 
 .el-input-number--mini {
@@ -487,7 +487,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-input-number.is-controls-right[class*=small] [class*=increase],
 .el-input-number.is-controls-right[class*=small] [class*=decrease] {
-  --el-input-number-controls-height: 14px;
+  --el-input-number-controls-height: 15px;
 }
 .el-input-number.is-controls-right[class*=mini] [class*=increase],
 .el-input-number.is-controls-right[class*=mini] [class*=decrease] {

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

@@ -624,7 +624,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-input--small .el-input__inner {
-  --el-input-inner-height: calc(var(--el-input-height, 30px) - 2px);
+  --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
 }
 
 .el-input--mini {

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

@@ -418,7 +418,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding: 5px 15px;
   font-size: 12px;
   border-radius: 0;
-  height: 30px;
+  height: 32px;
 }
 .el-radio-button--small .el-radio-button__inner.is-round {
   padding: 5px 15px;

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

@@ -334,7 +334,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   height: 36px;
 }
 .el-radio.el-radio--small {
-  height: 30px;
+  height: 32px;
 }
 .el-radio.el-radio--mini {
   height: 28px;

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

@@ -435,7 +435,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-segmented--small {
-  min-height: 30px;
+  min-height: 32px;
   border-radius: 4px;
   font-size: 14px;
 }

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

@@ -720,8 +720,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-select--small .el-select__wrapper {
   gap: 4px;
   padding: 6px 12px;
-  min-height: 30px;
-  height: 30px;
+  min-height: 32px;
+  height: 32px;
   line-height: 20px;
   font-size: 12px;
 }

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

@@ -720,8 +720,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-select--small .el-select__wrapper {
   gap: 4px;
   padding: 6px 12px;
-  min-height: 30px;
-  height: 30px;
+  min-height: 32px;
+  height: 32px;
   line-height: 20px;
   font-size: 12px;
 }

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

@@ -529,7 +529,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-switch--small {
   font-size: 12px;
   line-height: 16px;
-  height: 30px;
+  height: 32px;
 }
 .el-switch--small .el-switch__label {
   height: 16px;

package/dist/runtime/public/scss/element-plus/time-picker.css

@@ -615,12 +615,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   height: var(--el-component-size-small);
 }
 .el-range-editor--small .el-range-separator {
-  line-height: 30px;
+  line-height: 32px;
   font-size: 12px;
 }
 .el-range-editor--small .el-range-input {
-  height: 28px;
-  line-height: 28px;
+  height: 30px;
+  line-height: 30px;
   font-size: 12px;
 }
 

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

@@ -615,12 +615,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   height: var(--el-component-size-small);
 }
 .el-range-editor--small .el-range-separator {
-  line-height: 30px;
+  line-height: 32px;
   font-size: 12px;
 }
 .el-range-editor--small .el-range-input {
-  height: 28px;
-  line-height: 28px;
+  height: 30px;
+  line-height: 30px;
   font-size: 12px;
 }
 

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

@@ -342,7 +342,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-component-size: 40px;
   --el-component-size-large: 40px;
   --el-component-size-medium: 36px;
-  --el-component-size-small: 30px;
+  --el-component-size-small: 32px;
   --el-component-size-mini: 28px;
 }
 

package/dist/runtime/public/scss/theme.css

@@ -3,8 +3,8 @@
   --border-width: 1px;
   --border-style: solid;
   --border-radius: 4px;
-  --border-color: var(--secondary-100);
-  --body-color: var(--secondary-500);
+  --border-color: var(--el-color-secondary-light-1);
+  --body-color: var(--el-color-secondary-light-5);
   --text-opacity: 1;
   --button-font-color: white;
   --button-font-family: var(--font-family);

package/package.json

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