@timus-networks/theme 2.4.216 → 2.4.218

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/module.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
3
  "configKey": "themeOptions",
4
- "version": "2.4.215",
4
+ "version": "2.4.217",
5
5
  "builder": {
6
6
  "@nuxt/module-builder": "0.8.4",
7
7
  "unbuild": "2.0.0"
package/dist/module.mjs CHANGED
@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
11
11
  const __dirname = __cjs_path__.dirname(__filename);
12
12
  const require = __cjs_mod__.createRequire(import.meta.url);
13
13
  const name = "@timus-networks/theme";
14
- const version = "2.4.215";
14
+ const version = "2.4.217";
15
15
  const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
16
16
  const type = "module";
17
17
  const exports = {
@@ -3072,10 +3072,10 @@ body {
3072
3072
  .el-button--large {
3073
3073
  --el-button-size: 40px;
3074
3074
  height: var(--el-button-size);
3075
- min-width: var(--el-button-size);
3076
3075
  }
3077
3076
  .el-button--large:empty {
3078
3077
  padding: 0 12px;
3078
+ min-width: var(--el-button-size);
3079
3079
  }
3080
3080
  .el-button--large [class*=el-icon] + span {
3081
3081
  margin-left: 8px;
@@ -3100,10 +3100,10 @@ body {
3100
3100
  .el-button--medium {
3101
3101
  --el-button-size: 36px;
3102
3102
  height: var(--el-button-size);
3103
- min-width: var(--el-button-size);
3104
3103
  }
3105
3104
  .el-button--medium:empty {
3106
3105
  padding: 0 10px;
3106
+ min-width: var(--el-button-size);
3107
3107
  }
3108
3108
  .el-button--medium {
3109
3109
  padding: 8px 15px;
@@ -3125,10 +3125,10 @@ body {
3125
3125
  .el-button--small {
3126
3126
  --el-button-size: 32px;
3127
3127
  height: var(--el-button-size);
3128
- min-width: var(--el-button-size);
3129
3128
  }
3130
3129
  .el-button--small:empty {
3131
3130
  padding: 0 9px;
3131
+ min-width: var(--el-button-size);
3132
3132
  }
3133
3133
  .el-button--small [class*=el-icon] + span {
3134
3134
  margin-left: 4px;
@@ -3153,10 +3153,10 @@ body {
3153
3153
  .el-button--mini {
3154
3154
  --el-button-size: 28px;
3155
3155
  height: var(--el-button-size);
3156
- min-width: var(--el-button-size);
3157
3156
  }
3158
3157
  .el-button--mini:empty {
3159
3158
  padding: 0 7px;
3159
+ min-width: var(--el-button-size);
3160
3160
  }
3161
3161
  .el-button--mini {
3162
3162
  padding: 5px 11px;
@@ -7426,8 +7426,8 @@ heights > $common-component-size
7426
7426
  border: none;
7427
7427
  display: flex;
7428
7428
  align-items: center;
7429
- height: var(--el-collapse-header-height);
7430
- line-height: var(--el-collapse-header-height);
7429
+ height: 36px;
7430
+ line-height: 36px;
7431
7431
  background-color: var(--el-collapse-header-bg-color);
7432
7432
  color: var(--el-collapse-header-text-color);
7433
7433
  cursor: pointer;
@@ -7462,28 +7462,24 @@ heights > $common-component-size
7462
7462
  }
7463
7463
 
7464
7464
  .el-collapse-item__content {
7465
- padding-bottom: 25px;
7465
+ padding-bottom: 0;
7466
7466
  font-size: var(--el-collapse-content-font-size);
7467
7467
  color: var(--el-collapse-content-text-color);
7468
7468
  line-height: 1.7692307692;
7469
7469
  }
7470
7470
 
7471
+ .el-collapse-item__title {
7472
+ display: flex;
7473
+ flex-grow: 1;
7474
+ }
7475
+
7471
7476
  .el-collapse-item:last-child {
7472
7477
  margin-bottom: -1px;
7473
7478
  }
7474
7479
 
7475
- .reverse-collapse .el-collapse-item__header {
7476
- height: 36px;
7477
- line-height: 36px;
7478
- }
7479
7480
  .reverse-collapse .el-collapse-item__header .el-collapse-item__title {
7480
- display: flex;
7481
- flex-grow: 1;
7482
7481
  order: 2;
7483
7482
  }
7484
- .reverse-collapse .el-collapse-item__content {
7485
- padding-bottom: 0 !important;
7486
- }
7487
7483
 
7488
7484
  .el-color-predefine {
7489
7485
  display: flex;
@@ -992,10 +992,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
992
992
  .el-button--large {
993
993
  --el-button-size: 40px;
994
994
  height: var(--el-button-size);
995
- min-width: var(--el-button-size);
996
995
  }
997
996
  .el-button--large:empty {
998
997
  padding: 0 12px;
998
+ min-width: var(--el-button-size);
999
999
  }
1000
1000
  .el-button--large [class*=el-icon] + span {
1001
1001
  margin-left: 8px;
@@ -1020,10 +1020,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1020
1020
  .el-button--medium {
1021
1021
  --el-button-size: 36px;
1022
1022
  height: var(--el-button-size);
1023
- min-width: var(--el-button-size);
1024
1023
  }
1025
1024
  .el-button--medium:empty {
1026
1025
  padding: 0 10px;
1026
+ min-width: var(--el-button-size);
1027
1027
  }
1028
1028
  .el-button--medium {
1029
1029
  padding: 8px 15px;
@@ -1045,10 +1045,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1045
1045
  .el-button--small {
1046
1046
  --el-button-size: 32px;
1047
1047
  height: var(--el-button-size);
1048
- min-width: var(--el-button-size);
1049
1048
  }
1050
1049
  .el-button--small:empty {
1051
1050
  padding: 0 9px;
1051
+ min-width: var(--el-button-size);
1052
1052
  }
1053
1053
  .el-button--small [class*=el-icon] + span {
1054
1054
  margin-left: 4px;
@@ -1073,10 +1073,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1073
1073
  .el-button--mini {
1074
1074
  --el-button-size: 28px;
1075
1075
  height: var(--el-button-size);
1076
- min-width: var(--el-button-size);
1077
1076
  }
1078
1077
  .el-button--mini:empty {
1079
1078
  padding: 0 7px;
1079
+ min-width: var(--el-button-size);
1080
1080
  }
1081
1081
  .el-button--mini {
1082
1082
  padding: 5px 11px;
@@ -331,10 +331,11 @@ $button-icon-span-gap: map.merge(
331
331
  @include set-css-var-value(('button', 'size'), map.get($common-component-size, $size));
332
332
 
333
333
  height: getCssVar('button', 'size');
334
- min-width: getCssVar('button', 'size');
334
+ // min-width: getCssVar('button', 'size');
335
335
 
336
336
  &:empty {
337
337
  padding: 0 math.div(map.get($common-component-size, $size) - ($button-border-width * 2) - map.get($button-font-size, $size), 2);
338
+ min-width: getCssVar('button', 'size');
338
339
  }
339
340
 
340
341
  & [class*='#{$namespace}-icon'] {
@@ -443,8 +443,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
443
443
  border: none;
444
444
  display: flex;
445
445
  align-items: center;
446
- height: var(--el-collapse-header-height);
447
- line-height: var(--el-collapse-header-height);
446
+ height: 36px;
447
+ line-height: 36px;
448
448
  background-color: var(--el-collapse-header-bg-color);
449
449
  color: var(--el-collapse-header-text-color);
450
450
  cursor: pointer;
@@ -479,25 +479,21 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
479
479
  }
480
480
 
481
481
  .el-collapse-item__content {
482
- padding-bottom: 25px;
482
+ padding-bottom: 0;
483
483
  font-size: var(--el-collapse-content-font-size);
484
484
  color: var(--el-collapse-content-text-color);
485
485
  line-height: 1.7692307692;
486
486
  }
487
487
 
488
+ .el-collapse-item__title {
489
+ display: flex;
490
+ flex-grow: 1;
491
+ }
492
+
488
493
  .el-collapse-item:last-child {
489
494
  margin-bottom: -1px;
490
495
  }
491
496
 
492
- .reverse-collapse .el-collapse-item__header {
493
- height: 36px;
494
- line-height: 36px;
495
- }
496
497
  .reverse-collapse .el-collapse-item__header .el-collapse-item__title {
497
- display: flex;
498
- flex-grow: 1;
499
498
  order: 2;
500
- }
501
- .reverse-collapse .el-collapse-item__content {
502
- padding-bottom: 0 !important;
503
499
  }
@@ -23,8 +23,10 @@
23
23
  border: none;
24
24
  display: flex;
25
25
  align-items: center;
26
- height: getCssVar('collapse-header-height');
27
- line-height: getCssVar('collapse-header-height');
26
+ // height: getCssVar('collapse-header-height');
27
+ // line-height: getCssVar('collapse-header-height');
28
+ height: 36px;
29
+ line-height: 36px;
28
30
  background-color: getCssVar('collapse-header-bg-color');
29
31
  color: getCssVar('collapse-header-text-color');
30
32
  cursor: pointer;
@@ -58,12 +60,17 @@
58
60
  }
59
61
 
60
62
  @include e(content) {
61
- padding-bottom: 25px;
63
+ padding-bottom: 0;
62
64
  font-size: getCssVar('collapse-content-font-size');
63
65
  color: getCssVar('collapse-content-text-color');
64
66
  line-height: 1.769230769230769;
65
67
  }
66
68
 
69
+ @include e(title) {
70
+ display: flex;
71
+ flex-grow: 1;
72
+ }
73
+
67
74
  &:last-child {
68
75
  margin-bottom: -1px;
69
76
  }
@@ -71,17 +78,8 @@
71
78
 
72
79
  .reverse-collapse {
73
80
  .el-collapse-item__header {
74
- height: 36px;
75
- line-height: 36px;
76
-
77
81
  .el-collapse-item__title {
78
- display: flex;
79
- flex-grow: 1;
80
82
  order: 2;
81
83
  }
82
84
  }
83
-
84
- .el-collapse-item__content {
85
- padding-bottom: 0 !important;
86
- }
87
85
  }
@@ -2069,10 +2069,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
2069
2069
  .el-button--large {
2070
2070
  --el-button-size: 40px;
2071
2071
  height: var(--el-button-size);
2072
- min-width: var(--el-button-size);
2073
2072
  }
2074
2073
  .el-button--large:empty {
2075
2074
  padding: 0 12px;
2075
+ min-width: var(--el-button-size);
2076
2076
  }
2077
2077
  .el-button--large [class*=el-icon] + span {
2078
2078
  margin-left: 8px;
@@ -2097,10 +2097,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
2097
2097
  .el-button--medium {
2098
2098
  --el-button-size: 36px;
2099
2099
  height: var(--el-button-size);
2100
- min-width: var(--el-button-size);
2101
2100
  }
2102
2101
  .el-button--medium:empty {
2103
2102
  padding: 0 10px;
2103
+ min-width: var(--el-button-size);
2104
2104
  }
2105
2105
  .el-button--medium {
2106
2106
  padding: 8px 15px;
@@ -2122,10 +2122,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
2122
2122
  .el-button--small {
2123
2123
  --el-button-size: 32px;
2124
2124
  height: var(--el-button-size);
2125
- min-width: var(--el-button-size);
2126
2125
  }
2127
2126
  .el-button--small:empty {
2128
2127
  padding: 0 9px;
2128
+ min-width: var(--el-button-size);
2129
2129
  }
2130
2130
  .el-button--small [class*=el-icon] + span {
2131
2131
  margin-left: 4px;
@@ -2150,10 +2150,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
2150
2150
  .el-button--mini {
2151
2151
  --el-button-size: 28px;
2152
2152
  height: var(--el-button-size);
2153
- min-width: var(--el-button-size);
2154
2153
  }
2155
2154
  .el-button--mini:empty {
2156
2155
  padding: 0 7px;
2156
+ min-width: var(--el-button-size);
2157
2157
  }
2158
2158
  .el-button--mini {
2159
2159
  padding: 5px 11px;
@@ -6423,8 +6423,8 @@ heights > $common-component-size
6423
6423
  border: none;
6424
6424
  display: flex;
6425
6425
  align-items: center;
6426
- height: var(--el-collapse-header-height);
6427
- line-height: var(--el-collapse-header-height);
6426
+ height: 36px;
6427
+ line-height: 36px;
6428
6428
  background-color: var(--el-collapse-header-bg-color);
6429
6429
  color: var(--el-collapse-header-text-color);
6430
6430
  cursor: pointer;
@@ -6459,28 +6459,24 @@ heights > $common-component-size
6459
6459
  }
6460
6460
 
6461
6461
  .el-collapse-item__content {
6462
- padding-bottom: 25px;
6462
+ padding-bottom: 0;
6463
6463
  font-size: var(--el-collapse-content-font-size);
6464
6464
  color: var(--el-collapse-content-text-color);
6465
6465
  line-height: 1.7692307692;
6466
6466
  }
6467
6467
 
6468
+ .el-collapse-item__title {
6469
+ display: flex;
6470
+ flex-grow: 1;
6471
+ }
6472
+
6468
6473
  .el-collapse-item:last-child {
6469
6474
  margin-bottom: -1px;
6470
6475
  }
6471
6476
 
6472
- .reverse-collapse .el-collapse-item__header {
6473
- height: 36px;
6474
- line-height: 36px;
6475
- }
6476
6477
  .reverse-collapse .el-collapse-item__header .el-collapse-item__title {
6477
- display: flex;
6478
- flex-grow: 1;
6479
6478
  order: 2;
6480
6479
  }
6481
- .reverse-collapse .el-collapse-item__content {
6482
- padding-bottom: 0 !important;
6483
- }
6484
6480
 
6485
6481
  .el-color-predefine {
6486
6482
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.216",
3
+ "version": "2.4.218",
4
4
  "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
5
5
  "type": "module",
6
6
  "exports": {