@timus-networks/theme 2.4.180 → 2.4.182

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.179",
4
+ "version": "2.4.181",
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.179";
14
+ const version = "2.4.181";
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 = {
@@ -1381,7 +1381,7 @@ body {
1381
1381
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
1382
1382
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
1383
1383
  --el-disabled-bg-color: var(--el-color-neutral-light-1);
1384
- --el-disabled-text-color: var(--el-color-neutral-light-6);
1384
+ --el-disabled-text-color: var(--el-color-neutral-light-4);
1385
1385
  --el-disabled-border-color: var(--el-color-neutral-light-5);
1386
1386
  --el-overlay-color: rgba(0, 0, 0, 0.8);
1387
1387
  --el-overlay-color-light: rgba(0, 0, 0, 0.7);
@@ -11184,6 +11184,7 @@ heights > $common-component-size
11184
11184
  display: flex;
11185
11185
  flex-direction: column;
11186
11186
  gap: 4px;
11187
+ outline: none;
11187
11188
  }
11188
11189
  .el-menu--vertical .el-menu-item, .el-menu--vertical .el-sub-menu__title, .el-menu--vertical .el-menu-item-group__title {
11189
11190
  display: flex;
@@ -11315,8 +11316,9 @@ heights > $common-component-size
11315
11316
  .el-menu--popup .el-menu-item {
11316
11317
  padding: 0 8px;
11317
11318
  margin: 0 8px;
11318
- height: 28px;
11319
+ height: 32px;
11319
11320
  font-size: 12px;
11321
+ font-weight: 500;
11320
11322
  }
11321
11323
 
11322
11324
  .el-menu .el-icon {
@@ -12444,7 +12446,7 @@ heights > $common-component-size
12444
12446
 
12445
12447
  .el-popover {
12446
12448
  --el-popover-bg-color: var(--el-bg-color-overlay);
12447
- --el-popover-font-size: var(--el-font-size-base);
12449
+ --el-popover-font-size: var(--el-font-size-small);
12448
12450
  --el-popover-border-color: var(--el-border-color-lighter);
12449
12451
  --el-popover-padding: 12px;
12450
12452
  --el-popover-padding-large: 18px 20px;
@@ -13410,7 +13412,7 @@ heights > $common-component-size
13410
13412
  box-sizing: border-box;
13411
13413
  display: flex;
13412
13414
  flex-direction: column;
13413
- gap: 2px;
13415
+ gap: 4px;
13414
13416
  }
13415
13417
  .el-select-dropdown__list.el-vl__window {
13416
13418
  margin: 8px;
@@ -13455,7 +13457,7 @@ heights > $common-component-size
13455
13457
  }
13456
13458
 
13457
13459
  .el-select-dropdown__item.is-disabled {
13458
- color: var(--el-color-disabled);
13460
+ color: var(--el-disabled-text-color);
13459
13461
  cursor: not-allowed;
13460
13462
  background-color: unset;
13461
13463
  }
@@ -13479,7 +13481,7 @@ heights > $common-component-size
13479
13481
  height: 12px;
13480
13482
  }
13481
13483
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
13482
- background-color: var(--el-color-disabled);
13484
+ background-color: var(--el-disabled-text-color);
13483
13485
  }
13484
13486
 
13485
13487
  .el-select-group {
@@ -15293,7 +15295,7 @@ heights > $common-component-size
15293
15295
  overflow: hidden;
15294
15296
  position: sticky;
15295
15297
  z-index: 12;
15296
- top: 52px;
15298
+ top: 80px;
15297
15299
  }
15298
15300
  .el-table__header-wrapper tbody td.el-table__cell {
15299
15301
  background-color: var(--el-table-row-hover-bg-color);
@@ -383,7 +383,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
383
383
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
384
384
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
385
385
  --el-disabled-bg-color: var(--el-color-neutral-light-1);
386
- --el-disabled-text-color: var(--el-color-neutral-light-6);
386
+ --el-disabled-text-color: var(--el-color-neutral-light-4);
387
387
  --el-disabled-border-color: var(--el-color-neutral-light-5);
388
388
  --el-overlay-color: rgba(0, 0, 0, 0.8);
389
389
  --el-overlay-color-light: rgba(0, 0, 0, 0.7);
@@ -259,7 +259,7 @@ $disabled: () !default;
259
259
  $disabled: map.merge(
260
260
  (
261
261
  'bg-color': getCssVar('color', 'neutral', 'light-1'),
262
- 'text-color': getCssVar('color', 'neutral', 'light-6'),
262
+ 'text-color': getCssVar('color', 'neutral', 'light-4'),
263
263
  'border-color': getCssVar('color', 'neutral', 'light-5'),
264
264
  ),
265
265
  $disabled
@@ -465,7 +465,7 @@ $select-option: () !default;
465
465
  $select-option: map.merge(
466
466
  (
467
467
  'text-color': getCssVar('color', 'neutral', 'light-9'),
468
- 'disabled-color': getCssVar('color-disabled'),
468
+ 'disabled-color': getCssVar('disabled-text-color'),
469
469
  'height': 28px,
470
470
  'hover-background': getCssVar('color', 'neutral', 'light-1'),
471
471
  'selected-text-color': getCssVar('color', 'neutral', 'light-9'),
@@ -1059,7 +1059,7 @@ $popover: () !default;
1059
1059
  $popover: map.merge(
1060
1060
  (
1061
1061
  'bg-color': getCssVar('bg-color', 'overlay'),
1062
- 'font-size': getCssVar('font-size-base'),
1062
+ 'font-size': getCssVar('font-size-small'),
1063
1063
  'border-color': getCssVar('border-color-lighter'),
1064
1064
  'padding': 12px,
1065
1065
  'padding-large': 18px 20px,
@@ -383,7 +383,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
383
383
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
384
384
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
385
385
  --el-disabled-bg-color: var(--el-color-neutral-light-1);
386
- --el-disabled-text-color: var(--el-color-neutral-light-6);
386
+ --el-disabled-text-color: var(--el-color-neutral-light-4);
387
387
  --el-disabled-border-color: var(--el-color-neutral-light-5);
388
388
  --el-overlay-color: rgba(0, 0, 0, 0.8);
389
389
  --el-overlay-color-light: rgba(0, 0, 0, 0.7);
@@ -10297,6 +10297,7 @@ h6,
10297
10297
  display: flex;
10298
10298
  flex-direction: column;
10299
10299
  gap: 4px;
10300
+ outline: none;
10300
10301
  }
10301
10302
  .el-menu--vertical .el-menu-item, .el-menu--vertical .el-sub-menu__title, .el-menu--vertical .el-menu-item-group__title {
10302
10303
  display: flex;
@@ -10428,8 +10429,9 @@ h6,
10428
10429
  .el-menu--popup .el-menu-item {
10429
10430
  padding: 0 8px;
10430
10431
  margin: 0 8px;
10431
- height: 28px;
10432
+ height: 32px;
10432
10433
  font-size: 12px;
10434
+ font-weight: 500;
10433
10435
  }
10434
10436
 
10435
10437
  .el-menu .el-icon {
@@ -11557,7 +11559,7 @@ h6,
11557
11559
 
11558
11560
  .el-popover {
11559
11561
  --el-popover-bg-color: var(--el-bg-color-overlay);
11560
- --el-popover-font-size: var(--el-font-size-base);
11562
+ --el-popover-font-size: var(--el-font-size-small);
11561
11563
  --el-popover-border-color: var(--el-border-color-lighter);
11562
11564
  --el-popover-padding: 12px;
11563
11565
  --el-popover-padding-large: 18px 20px;
@@ -12523,7 +12525,7 @@ h6,
12523
12525
  box-sizing: border-box;
12524
12526
  display: flex;
12525
12527
  flex-direction: column;
12526
- gap: 2px;
12528
+ gap: 4px;
12527
12529
  }
12528
12530
  .el-select-dropdown__list.el-vl__window {
12529
12531
  margin: 8px;
@@ -12568,7 +12570,7 @@ h6,
12568
12570
  }
12569
12571
 
12570
12572
  .el-select-dropdown__item.is-disabled {
12571
- color: var(--el-color-disabled);
12573
+ color: var(--el-disabled-text-color);
12572
12574
  cursor: not-allowed;
12573
12575
  background-color: unset;
12574
12576
  }
@@ -12592,7 +12594,7 @@ h6,
12592
12594
  height: 12px;
12593
12595
  }
12594
12596
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
12595
- background-color: var(--el-color-disabled);
12597
+ background-color: var(--el-disabled-text-color);
12596
12598
  }
12597
12599
 
12598
12600
  .el-select-group {
@@ -14406,7 +14408,7 @@ h6,
14406
14408
  overflow: hidden;
14407
14409
  position: sticky;
14408
14410
  z-index: 12;
14409
- top: 52px;
14411
+ top: 80px;
14410
14412
  }
14411
14413
  .el-table__header-wrapper tbody td.el-table__cell {
14412
14414
  background-color: var(--el-table-row-hover-bg-color);
@@ -452,6 +452,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
452
452
  display: flex;
453
453
  flex-direction: column;
454
454
  gap: 4px;
455
+ outline: none;
455
456
  }
456
457
  .el-menu--vertical .el-menu-item, .el-menu--vertical .el-sub-menu__title, .el-menu--vertical .el-menu-item-group__title {
457
458
  display: flex;
@@ -583,8 +584,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
583
584
  .el-menu--popup .el-menu-item {
584
585
  padding: 0 8px;
585
586
  margin: 0 8px;
586
- height: 28px;
587
+ height: 32px;
587
588
  font-size: 12px;
589
+ font-weight: 500;
588
590
  }
589
591
 
590
592
  .el-menu .el-icon {
@@ -68,6 +68,7 @@
68
68
  display: flex;
69
69
  flex-direction: column;
70
70
  gap: 4px;
71
+ outline: none;
71
72
 
72
73
  @include m(vertical) {
73
74
  // &:not(.#{$namespace}-menu--collapse):not(.#{$namespace}-menu--popup-container) {
@@ -238,8 +239,9 @@
238
239
  .#{$namespace}-menu-item {
239
240
  padding: 0 8px;
240
241
  margin: 0 8px;
241
- height: 28px;
242
+ height: 32px;
242
243
  font-size: 12px;
244
+ font-weight: 500;
243
245
  }
244
246
  }
245
247
 
@@ -328,7 +328,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
328
328
  }
329
329
 
330
330
  .el-select-dropdown__item.is-disabled {
331
- color: var(--el-color-disabled);
331
+ color: var(--el-disabled-text-color);
332
332
  cursor: not-allowed;
333
333
  background-color: unset;
334
334
  }
@@ -352,5 +352,5 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
352
352
  height: 12px;
353
353
  }
354
354
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
355
- background-color: var(--el-color-disabled);
355
+ background-color: var(--el-disabled-text-color);
356
356
  }
@@ -302,7 +302,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
302
302
  **/
303
303
  .el-popover {
304
304
  --el-popover-bg-color: var(--el-bg-color-overlay);
305
- --el-popover-font-size: var(--el-font-size-base);
305
+ --el-popover-font-size: var(--el-font-size-small);
306
306
  --el-popover-border-color: var(--el-border-color-lighter);
307
307
  --el-popover-padding: 12px;
308
308
  --el-popover-padding-large: 18px 20px;
@@ -336,7 +336,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
336
336
  box-sizing: border-box;
337
337
  display: flex;
338
338
  flex-direction: column;
339
- gap: 2px;
339
+ gap: 4px;
340
340
  }
341
341
  .el-select-dropdown__list.el-vl__window {
342
342
  margin: 8px;
@@ -336,7 +336,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
336
336
  box-sizing: border-box;
337
337
  display: flex;
338
338
  flex-direction: column;
339
- gap: 2px;
339
+ gap: 4px;
340
340
  }
341
341
  .el-select-dropdown__list.el-vl__window {
342
342
  margin: 8px;
@@ -40,7 +40,7 @@
40
40
  box-sizing: border-box;
41
41
  display: flex;
42
42
  flex-direction: column;
43
- gap: 2px;
43
+ gap: 4px;
44
44
 
45
45
  &.#{$namespace}-vl__window {
46
46
  // for select-v2
@@ -336,7 +336,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
336
336
  box-sizing: border-box;
337
337
  display: flex;
338
338
  flex-direction: column;
339
- gap: 2px;
339
+ gap: 4px;
340
340
  }
341
341
  .el-select-dropdown__list.el-vl__window {
342
342
  margin: 8px;
@@ -381,7 +381,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
381
381
  }
382
382
 
383
383
  .el-select-dropdown__item.is-disabled {
384
- color: var(--el-color-disabled);
384
+ color: var(--el-disabled-text-color);
385
385
  cursor: not-allowed;
386
386
  background-color: unset;
387
387
  }
@@ -405,7 +405,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
405
405
  height: 12px;
406
406
  }
407
407
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
408
- background-color: var(--el-color-disabled);
408
+ background-color: var(--el-disabled-text-color);
409
409
  }
410
410
 
411
411
  .el-select-group {
@@ -336,7 +336,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
336
336
  box-sizing: border-box;
337
337
  display: flex;
338
338
  flex-direction: column;
339
- gap: 2px;
339
+ gap: 4px;
340
340
  }
341
341
  .el-select-dropdown__list.el-vl__window {
342
342
  margin: 8px;
@@ -381,7 +381,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
381
381
  }
382
382
 
383
383
  .el-select-dropdown__item.is-disabled {
384
- color: var(--el-color-disabled);
384
+ color: var(--el-disabled-text-color);
385
385
  cursor: not-allowed;
386
386
  background-color: unset;
387
387
  }
@@ -405,7 +405,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
405
405
  height: 12px;
406
406
  }
407
407
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
408
- background-color: var(--el-color-disabled);
408
+ background-color: var(--el-disabled-text-color);
409
409
  }
410
410
 
411
411
  .el-select-group {
@@ -708,7 +708,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
708
708
  overflow: hidden;
709
709
  position: sticky;
710
710
  z-index: 12;
711
- top: 52px;
711
+ top: 80px;
712
712
  }
713
713
  .el-table__header-wrapper tbody td.el-table__cell {
714
714
  background-color: var(--el-table-row-hover-bg-color);
@@ -477,7 +477,7 @@
477
477
  overflow: hidden;
478
478
  position: sticky;
479
479
  z-index: 12;
480
- top: 52px;
480
+ top: 80px;
481
481
 
482
482
  & tbody td.#{$namespace}-table__cell {
483
483
  background-color: getCssVar('table-row-hover-bg-color');
@@ -383,7 +383,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
383
383
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
384
384
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
385
385
  --el-disabled-bg-color: var(--el-color-neutral-light-1);
386
- --el-disabled-text-color: var(--el-color-neutral-light-6);
386
+ --el-disabled-text-color: var(--el-color-neutral-light-4);
387
387
  --el-disabled-border-color: var(--el-color-neutral-light-5);
388
388
  --el-overlay-color: rgba(0, 0, 0, 0.8);
389
389
  --el-overlay-color-light: rgba(0, 0, 0, 0.7);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.180",
3
+ "version": "2.4.182",
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": {