@timus-networks/theme 2.4.88 → 2.4.90

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.88",
4
+ "version": "2.4.90",
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.88";
14
+ const version = "2.4.90";
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 = {
@@ -301,9 +301,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
301
301
  }
302
302
  **/
303
303
  .el-card {
304
- --el-card-border-color: var(--el-border-color-light);
305
- --el-card-border-radius: 6px;
306
- --el-card-padding: 24px;
304
+ --el-card-border-color: var(--el-color-neutral-light-1);
305
+ --el-card-border-radius: 4px;
306
+ --el-card-padding: 16px;
307
307
  --el-card-bg-color: var(--el-fill-color-blank);
308
308
  }
309
309
 
@@ -314,6 +314,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
314
314
  overflow: hidden;
315
315
  color: var(--el-text-color-primary);
316
316
  transition: var(--el-transition-duration);
317
+ flex-direction: column;
318
+ gap: 8px;
317
319
  }
318
320
  .el-card.is-always-shadow {
319
321
  box-shadow: var(--el-box-shadow-light);
@@ -332,10 +334,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
332
334
  }
333
335
 
334
336
  .el-card__body {
335
- padding: var(--el-card-padding);
336
337
  font-size: 14px;
337
338
  line-height: 24px;
338
339
  color: var(--el-color-neutral-light-8);
340
+ padding: 0 var(--el-card-padding) var(--el-card-padding) var(--el-card-padding);
339
341
  }
340
342
 
341
343
  .el-card__footer {
@@ -15,6 +15,8 @@
15
15
  overflow: hidden;
16
16
  color: getCssVar('text-color', 'primary');
17
17
  transition: getCssVar('transition-duration');
18
+ flex-direction: column;
19
+ gap: 8px;
18
20
 
19
21
  @include when(always-shadow) {
20
22
  box-shadow: getCssVar('box-shadow', 'light');
@@ -37,10 +39,10 @@
37
39
  }
38
40
 
39
41
  @include e(body) {
40
- padding: $padding;
41
42
  font-size: 14px;
42
43
  line-height: 24px;
43
44
  color: getCssVar('color-neutral-light-8');
45
+ padding: 0 $padding $padding $padding;
44
46
  }
45
47
 
46
48
  @include e(footer) {
@@ -946,7 +946,7 @@ $table: map.merge(
946
946
  (
947
947
  'border-color': getCssVar('color-neutral-light-2'),
948
948
  'border': 1px solid getCssVar('table-border-color'),
949
- 'text-color': getCssVar('color-neutral-light-7'),
949
+ 'text-color': getCssVar('color-neutral-light-6'),
950
950
  'header-text-color': getCssVar('color-neutral-light-9'),
951
951
  'row-hover-bg-color': getCssVar('color-white'),
952
952
  'current-row-bg-color': getCssVar('color-primary-light-9'),
@@ -958,9 +958,9 @@ $table: map.merge(
958
958
  'fixed-left-column': inset 10px 0 10px -10px rgb(0 0 0 / 15%),
959
959
  'fixed-right-column': inset -10px 0 10px -10px rgb(0 0 0 / 15%),
960
960
  'index': getCssVar('index-normal'),
961
- 'font-weight-body': 300,
961
+ 'font-weight-body': 400,
962
962
  'font-weight-head': 400,
963
- 'font-size': 14px,
963
+ 'font-size': 12px,
964
964
  ),
965
965
  $table
966
966
  );
@@ -1200,9 +1200,9 @@ $badge: map.merge(
1200
1200
  $card: () !default;
1201
1201
  $card: map.merge(
1202
1202
  (
1203
- 'border-color': getCssVar('border-color', 'light'),
1204
- 'border-radius': 6px,
1205
- 'padding': 24px,
1203
+ 'border-color': getCssVar('color-neutral-light-1'),
1204
+ 'border-radius': 4px,
1205
+ 'padding': 16px,
1206
1206
  'bg-color': getCssVar('fill-color', 'blank'),
1207
1207
  ),
1208
1208
  $card
@@ -2222,9 +2222,9 @@ heights > $common-component-size
2222
2222
  }
2223
2223
 
2224
2224
  .el-card {
2225
- --el-card-border-color: var(--el-border-color-light);
2226
- --el-card-border-radius: 6px;
2227
- --el-card-padding: 24px;
2225
+ --el-card-border-color: var(--el-color-neutral-light-1);
2226
+ --el-card-border-radius: 4px;
2227
+ --el-card-padding: 16px;
2228
2228
  --el-card-bg-color: var(--el-fill-color-blank);
2229
2229
  }
2230
2230
 
@@ -2235,6 +2235,8 @@ heights > $common-component-size
2235
2235
  overflow: hidden;
2236
2236
  color: var(--el-text-color-primary);
2237
2237
  transition: var(--el-transition-duration);
2238
+ flex-direction: column;
2239
+ gap: 8px;
2238
2240
  }
2239
2241
  .el-card.is-always-shadow {
2240
2242
  box-shadow: var(--el-box-shadow-light);
@@ -2253,10 +2255,10 @@ heights > $common-component-size
2253
2255
  }
2254
2256
 
2255
2257
  .el-card__body {
2256
- padding: var(--el-card-padding);
2257
2258
  font-size: 14px;
2258
2259
  line-height: 24px;
2259
2260
  color: var(--el-color-neutral-light-8);
2261
+ padding: 0 var(--el-card-padding) var(--el-card-padding) var(--el-card-padding);
2260
2262
  }
2261
2263
 
2262
2264
  .el-card__footer {
@@ -10210,7 +10212,7 @@ h6,
10210
10212
  background-color: var(--el-menu-bg-color);
10211
10213
  box-sizing: border-box;
10212
10214
  }
10213
- .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 {
10215
+ .el-menu--vertical .el-menu-item, .el-menu--vertical .el-sub-menu__title, .el-menu--vertical .el-menu-item-group__title {
10214
10216
  display: flex;
10215
10217
  gap: var(--el-menu-items-gap);
10216
10218
  border-radius: var(--el-menu-border-radius);
@@ -10289,9 +10291,6 @@ h6,
10289
10291
  color: var(--el-menu-active-color) !important;
10290
10292
  }
10291
10293
 
10292
- .el-menu--collapse {
10293
- width: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2);
10294
- }
10295
10294
  .el-menu--collapse > .el-menu-item [class^=el-icon],
10296
10295
  .el-menu--collapse > .el-sub-menu > .el-sub-menu__title [class^=el-icon],
10297
10296
  .el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title [class^=el-icon] {
@@ -10320,6 +10319,10 @@ h6,
10320
10319
  .el-menu--collapse .el-menu .el-sub-menu {
10321
10320
  min-width: 200px;
10322
10321
  }
10322
+ .el-menu--collapse .el-sub-menu.is-active {
10323
+ background-color: var(--el-menu-active-bg-color);
10324
+ border-radius: var(--el-menu-border-radius);
10325
+ }
10323
10326
  .el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
10324
10327
  color: var(--el-menu-active-color);
10325
10328
  }
@@ -10332,6 +10335,10 @@ h6,
10332
10335
  border-radius: var(--el-border-radius-small);
10333
10336
  box-shadow: var(--el-box-shadow-light);
10334
10337
  }
10338
+ .el-menu--popup .el-menu-item {
10339
+ padding: 0 var(--el-menu-base-level-padding);
10340
+ height: var(--el-menu-horizontal-sub-item-height);
10341
+ }
10335
10342
 
10336
10343
  .el-menu .el-icon {
10337
10344
  flex-shrink: 0;
@@ -10344,7 +10351,7 @@ h6,
10344
10351
  line-height: var(--el-menu-item-height);
10345
10352
  font-size: var(--el-menu-item-font-size);
10346
10353
  color: var(--el-menu-text-color);
10347
- padding: 0;
10354
+ padding: var(--el-menu-base-level-padding);
10348
10355
  list-style: none;
10349
10356
  cursor: pointer;
10350
10357
  position: relative;
@@ -10409,7 +10416,7 @@ h6,
10409
10416
  line-height: var(--el-menu-item-height);
10410
10417
  font-size: var(--el-menu-item-font-size);
10411
10418
  color: var(--el-menu-text-color);
10412
- padding: 0;
10419
+ padding: var(--el-menu-base-level-padding);
10413
10420
  list-style: none;
10414
10421
  cursor: pointer;
10415
10422
  position: relative;
@@ -13815,7 +13822,7 @@ h6,
13815
13822
  .el-table {
13816
13823
  --el-table-border-color: var(--el-color-neutral-light-2);
13817
13824
  --el-table-border: 1px solid var(--el-table-border-color);
13818
- --el-table-text-color: var(--el-color-neutral-light-7);
13825
+ --el-table-text-color: var(--el-color-neutral-light-6);
13819
13826
  --el-table-header-text-color: var(--el-color-neutral-light-9);
13820
13827
  --el-table-row-hover-bg-color: var(--el-color-white);
13821
13828
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
@@ -13827,9 +13834,9 @@ h6,
13827
13834
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
13828
13835
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
13829
13836
  --el-table-index: var(--el-index-normal);
13830
- --el-table-font-weight-body: 300;
13837
+ --el-table-font-weight-body: 400;
13831
13838
  --el-table-font-weight-head: 400;
13832
- --el-table-font-size: 14px;
13839
+ --el-table-font-size: 12px;
13833
13840
  }
13834
13841
 
13835
13842
  .el-table {
@@ -14478,7 +14485,7 @@ h6,
14478
14485
  .el-table-v2 {
14479
14486
  --el-table-border-color: var(--el-color-neutral-light-2);
14480
14487
  --el-table-border: 1px solid var(--el-table-border-color);
14481
- --el-table-text-color: var(--el-color-neutral-light-7);
14488
+ --el-table-text-color: var(--el-color-neutral-light-6);
14482
14489
  --el-table-header-text-color: var(--el-color-neutral-light-9);
14483
14490
  --el-table-row-hover-bg-color: var(--el-color-white);
14484
14491
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
@@ -14490,9 +14497,9 @@ h6,
14490
14497
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
14491
14498
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
14492
14499
  --el-table-index: var(--el-index-normal);
14493
- --el-table-font-weight-body: 300;
14500
+ --el-table-font-weight-body: 400;
14494
14501
  --el-table-font-weight-head: 400;
14495
- --el-table-font-size: 14px;
14502
+ --el-table-font-size: 12px;
14496
14503
  }
14497
14504
 
14498
14505
  .el-table-v2 {
@@ -448,7 +448,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
448
448
  background-color: var(--el-menu-bg-color);
449
449
  box-sizing: border-box;
450
450
  }
451
- .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 {
451
+ .el-menu--vertical .el-menu-item, .el-menu--vertical .el-sub-menu__title, .el-menu--vertical .el-menu-item-group__title {
452
452
  display: flex;
453
453
  gap: var(--el-menu-items-gap);
454
454
  border-radius: var(--el-menu-border-radius);
@@ -527,9 +527,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
527
527
  color: var(--el-menu-active-color) !important;
528
528
  }
529
529
 
530
- .el-menu--collapse {
531
- width: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2);
532
- }
533
530
  .el-menu--collapse > .el-menu-item [class^=el-icon],
534
531
  .el-menu--collapse > .el-sub-menu > .el-sub-menu__title [class^=el-icon],
535
532
  .el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title [class^=el-icon] {
@@ -558,6 +555,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
558
555
  .el-menu--collapse .el-menu .el-sub-menu {
559
556
  min-width: 200px;
560
557
  }
558
+ .el-menu--collapse .el-sub-menu.is-active {
559
+ background-color: var(--el-menu-active-bg-color);
560
+ border-radius: var(--el-menu-border-radius);
561
+ }
561
562
  .el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
562
563
  color: var(--el-menu-active-color);
563
564
  }
@@ -570,6 +571,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
570
571
  border-radius: var(--el-border-radius-small);
571
572
  box-shadow: var(--el-box-shadow-light);
572
573
  }
574
+ .el-menu--popup .el-menu-item {
575
+ padding: 0 var(--el-menu-base-level-padding);
576
+ height: var(--el-menu-horizontal-sub-item-height);
577
+ }
573
578
 
574
579
  .el-menu .el-icon {
575
580
  flex-shrink: 0;
@@ -582,7 +587,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
582
587
  line-height: var(--el-menu-item-height);
583
588
  font-size: var(--el-menu-item-font-size);
584
589
  color: var(--el-menu-text-color);
585
- padding: 0;
590
+ padding: var(--el-menu-base-level-padding);
586
591
  list-style: none;
587
592
  cursor: pointer;
588
593
  position: relative;
@@ -647,7 +652,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
647
652
  line-height: var(--el-menu-item-height);
648
653
  font-size: var(--el-menu-item-font-size);
649
654
  color: var(--el-menu-text-color);
650
- padding: 0;
655
+ padding: var(--el-menu-base-level-padding);
651
656
  list-style: none;
652
657
  cursor: pointer;
653
658
  position: relative;
@@ -11,7 +11,7 @@
11
11
  line-height: getCssVar('menu-item-height');
12
12
  font-size: getCssVar('menu-item-font-size');
13
13
  color: getCssVar('menu-text-color');
14
- padding: 0; // getCssVar('menu-base-level-padding');
14
+ padding: getCssVar('menu-base-level-padding');
15
15
  list-style: none;
16
16
  cursor: pointer;
17
17
  position: relative;
@@ -62,17 +62,17 @@
62
62
  box-sizing: border-box;
63
63
 
64
64
  @include m(vertical) {
65
- &:not(.#{$namespace}-menu--collapse):not(.#{$namespace}-menu--popup-container) {
66
- & .#{$namespace}-menu-item,
67
- & .#{$namespace}-sub-menu__title,
68
- & .#{$namespace}-menu-item-group__title {
69
- display: flex;
70
- gap: getCssVar('menu-items-gap');
71
- border-radius: getCssVar('menu-border-radius');
72
- white-space: nowrap;
73
- padding-left: calc(#{getCssVar('menu-base-level-padding')} + #{getCssVar('menu-level')} * #{getCssVar('menu-level-padding')});
74
- }
65
+ // &:not(.#{$namespace}-menu--collapse):not(.#{$namespace}-menu--popup-container) {
66
+ & .#{$namespace}-menu-item,
67
+ & .#{$namespace}-sub-menu__title,
68
+ & .#{$namespace}-menu-item-group__title {
69
+ display: flex;
70
+ gap: getCssVar('menu-items-gap');
71
+ border-radius: getCssVar('menu-border-radius');
72
+ white-space: nowrap;
73
+ padding-left: calc(#{getCssVar('menu-base-level-padding')} + #{getCssVar('menu-level')} * #{getCssVar('menu-level-padding')});
75
74
  }
75
+ // }
76
76
  }
77
77
 
78
78
  &:not(.#{$namespace}-menu--collapse) .#{$namespace}-sub-menu__title {
@@ -171,7 +171,7 @@
171
171
  }
172
172
  }
173
173
  @include m(collapse) {
174
- width: calc(#{getCssVar('menu-icon-width')} + #{getCssVar('menu-base-level-padding')} * 2);
174
+ // width: calc(#{getCssVar('menu-icon-width')} + #{getCssVar('menu-base-level-padding')} * 2);
175
175
 
176
176
  > .#{$namespace}-menu-item,
177
177
  > .#{$namespace}-sub-menu > .#{$namespace}-sub-menu__title,
@@ -205,8 +205,13 @@
205
205
  }
206
206
 
207
207
  .#{$namespace}-sub-menu {
208
- &.is-active .#{$namespace}-sub-menu__title {
209
- color: getCssVar('menu-active-color');
208
+ &.is-active {
209
+ background-color: getCssVar('menu-active-bg-color');
210
+ border-radius: getCssVar('menu-border-radius');
211
+
212
+ .#{$namespace}-sub-menu__title {
213
+ color: getCssVar('menu-active-color');
214
+ }
210
215
  }
211
216
  }
212
217
  }
@@ -217,6 +222,11 @@
217
222
  padding: 5px 0;
218
223
  border-radius: getCssVar('border-radius-small');
219
224
  box-shadow: getCssVar('box-shadow-light');
225
+
226
+ .#{$namespace}-menu-item {
227
+ padding: 0 getCssVar('menu-base-level-padding');
228
+ height: getCssVar('menu-horizontal-sub-item-height');
229
+ }
220
230
  }
221
231
 
222
232
  .#{$namespace}-icon {
@@ -303,7 +303,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
303
303
  .el-table-v2 {
304
304
  --el-table-border-color: var(--el-color-neutral-light-2);
305
305
  --el-table-border: 1px solid var(--el-table-border-color);
306
- --el-table-text-color: var(--el-color-neutral-light-7);
306
+ --el-table-text-color: var(--el-color-neutral-light-6);
307
307
  --el-table-header-text-color: var(--el-color-neutral-light-9);
308
308
  --el-table-row-hover-bg-color: var(--el-color-white);
309
309
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
@@ -315,9 +315,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
315
315
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
316
316
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
317
317
  --el-table-index: var(--el-index-normal);
318
- --el-table-font-weight-body: 300;
318
+ --el-table-font-weight-body: 400;
319
319
  --el-table-font-weight-head: 400;
320
- --el-table-font-size: 14px;
320
+ --el-table-font-size: 12px;
321
321
  }
322
322
 
323
323
  .el-table-v2 {
@@ -303,7 +303,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
303
303
  .el-table {
304
304
  --el-table-border-color: var(--el-color-neutral-light-2);
305
305
  --el-table-border: 1px solid var(--el-table-border-color);
306
- --el-table-text-color: var(--el-color-neutral-light-7);
306
+ --el-table-text-color: var(--el-color-neutral-light-6);
307
307
  --el-table-header-text-color: var(--el-color-neutral-light-9);
308
308
  --el-table-row-hover-bg-color: var(--el-color-white);
309
309
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
@@ -315,9 +315,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
315
315
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
316
316
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
317
317
  --el-table-index: var(--el-index-normal);
318
- --el-table-font-weight-body: 300;
318
+ --el-table-font-weight-body: 400;
319
319
  --el-table-font-weight-head: 400;
320
- --el-table-font-size: 14px;
320
+ --el-table-font-size: 12px;
321
321
  }
322
322
 
323
323
  .el-table {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.88",
3
+ "version": "2.4.90",
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": {