@timus-networks/theme 2.4.178 → 2.4.181

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.
Files changed (15) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +1 -1
  3. package/dist/runtime/assets/scss/main.css +30 -19
  4. package/dist/runtime/public/scss/element-plus/common/var.scss +5 -5
  5. package/dist/runtime/public/scss/element-plus/index.css +30 -19
  6. package/dist/runtime/public/scss/element-plus/menu.css +13 -5
  7. package/dist/runtime/public/scss/element-plus/menu.scss +13 -5
  8. package/dist/runtime/public/scss/element-plus/option-group.css +4 -4
  9. package/dist/runtime/public/scss/element-plus/option.css +10 -10
  10. package/dist/runtime/public/scss/element-plus/select-dropdown-v2.css +3 -0
  11. package/dist/runtime/public/scss/element-plus/select-dropdown.css +3 -0
  12. package/dist/runtime/public/scss/element-plus/select-dropdown.scss +3 -0
  13. package/dist/runtime/public/scss/element-plus/select-v2.css +17 -14
  14. package/dist/runtime/public/scss/element-plus/select.css +17 -14
  15. package/package.json +1 -1
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.177",
4
+ "version": "2.4.180",
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.177";
14
+ const version = "2.4.180";
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 = {
package/dist/runtime/assets/scss/main.css CHANGED
@@ -11181,6 +11181,9 @@ heights > $common-component-size
11181
11181
  padding-left: 0;
11182
11182
  background-color: var(--el-menu-bg-color);
11183
11183
  box-sizing: border-box;
11184
+ display: flex;
11185
+ flex-direction: column;
11186
+ gap: 4px;
11184
11187
  }
11185
11188
  .el-menu--vertical .el-menu-item, .el-menu--vertical .el-sub-menu__title, .el-menu--vertical .el-menu-item-group__title {
11186
11189
  display: flex;
@@ -11300,16 +11303,21 @@ heights > $common-component-size
11300
11303
 
11301
11304
  .el-menu--popup {
11302
11305
  z-index: 100;
11303
- min-width: 200px;
11306
+ min-width: 206px;
11304
11307
  border: none;
11305
- padding: 5px 0;
11308
+ padding: 8px 0;
11306
11309
  border-radius: var(--el-border-radius-small);
11307
11310
  box-shadow: var(--el-box-shadow-light);
11311
+ display: flex;
11312
+ flex-direction: column;
11313
+ gap: 4px;
11308
11314
  }
11309
11315
  .el-menu--popup .el-menu-item {
11310
- padding: 0 12px;
11311
- margin: 0 4px;
11312
- height: var(--el-menu-horizontal-sub-item-height);
11316
+ padding: 0 8px;
11317
+ margin: 0 8px;
11318
+ height: 32px;
11319
+ font-size: 12px;
11320
+ font-weight: 500;
11313
11321
  }
11314
11322
 
11315
11323
  .el-menu .el-icon {
@@ -13401,6 +13409,9 @@ heights > $common-component-size
13401
13409
  padding: 8px;
13402
13410
  margin: 0;
13403
13411
  box-sizing: border-box;
13412
+ display: flex;
13413
+ flex-direction: column;
13414
+ gap: 2px;
13404
13415
  }
13405
13416
  .el-select-dropdown__list.el-vl__window {
13406
13417
  margin: 8px;
@@ -13421,31 +13432,31 @@ heights > $common-component-size
13421
13432
  display: flex;
13422
13433
  font-size: var(--el-font-size-small);
13423
13434
  font-weight: 500;
13424
- padding: 0 44px 0 16px;
13435
+ padding: 0 28px 0 8px;
13425
13436
  position: relative;
13426
13437
  white-space: nowrap;
13427
13438
  overflow: hidden;
13428
13439
  text-overflow: ellipsis;
13429
- color: var(--el-text-color-neutral-light-9);
13430
- height: 32px;
13431
- line-height: 32px;
13440
+ color: var(--el-color-neutral-light-9);
13441
+ height: 28px;
13442
+ line-height: 28px;
13432
13443
  box-sizing: border-box;
13433
13444
  cursor: pointer;
13434
13445
  border-radius: var(--el-border-radius-small);
13435
13446
  }
13436
13447
  .el-select-dropdown__item.is-hovering {
13437
13448
  background-color: var(--el-color-neutral-light-1);
13438
- color: var(--el-text-color-neutral-light-9);
13449
+ color: var(--el-color-neutral-light-9);
13439
13450
  }
13440
13451
 
13441
13452
  .el-select-dropdown__item.is-selected {
13442
- color: var(--el-text-color-neutral-light-9);
13453
+ color: var(--el-color-neutral-light-9);
13443
13454
  background-color: var(--el-color-neutral-light-2);
13444
13455
  font-weight: 500;
13445
13456
  }
13446
13457
 
13447
13458
  .el-select-dropdown__item.is-disabled {
13448
- color: var(--el-text-color-disabled);
13459
+ color: var(--el-color-disabled);
13449
13460
  cursor: not-allowed;
13450
13461
  background-color: unset;
13451
13462
  }
@@ -13454,12 +13465,12 @@ heights > $common-component-size
13454
13465
  content: "";
13455
13466
  position: absolute;
13456
13467
  top: 50%;
13457
- right: 16px;
13468
+ right: 8px;
13458
13469
  border-top: none;
13459
13470
  border-right: none;
13460
13471
  background-repeat: no-repeat;
13461
13472
  background-position: center;
13462
- background-color: var(--el-text-color-neutral-light-9);
13473
+ background-color: var(--el-color-neutral-light-9);
13463
13474
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
13464
13475
  mask-size: 100% 100%;
13465
13476
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
@@ -13469,7 +13480,7 @@ heights > $common-component-size
13469
13480
  height: 12px;
13470
13481
  }
13471
13482
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
13472
- background-color: var(--el-text-color-disabled);
13483
+ background-color: var(--el-color-disabled);
13473
13484
  }
13474
13485
 
13475
13486
  .el-select-group {
@@ -13483,23 +13494,23 @@ heights > $common-component-size
13483
13494
  padding: 0;
13484
13495
  }
13485
13496
  .el-select-group__wrap:not(:first-of-type):before {
13486
- padding: 0 16px;
13497
+ padding: 0 8px;
13487
13498
  border-top: 1px solid var(--el-color-neutral-light-2);
13488
13499
  content: "";
13489
13500
  display: flex;
13490
13501
  flex-grow: 1;
13491
- margin: 4px 16px;
13502
+ margin: 4px 8px;
13492
13503
  }
13493
13504
 
13494
13505
  .el-select-group__title {
13495
- padding-left: 16px;
13506
+ padding-left: 8px;
13496
13507
  font-size: 10px;
13497
13508
  color: var(--el-color-neutral-light-4);
13498
13509
  line-height: 32px;
13499
13510
  }
13500
13511
 
13501
13512
  .el-select-group .el-select-dropdown__item {
13502
- padding-left: 16px;
13513
+ padding-left: 8px;
13503
13514
  }
13504
13515
 
13505
13516
  .el-select {
package/dist/runtime/public/scss/element-plus/common/var.scss CHANGED
@@ -464,13 +464,13 @@ $select: map.merge(
464
464
  $select-option: () !default;
465
465
  $select-option: map.merge(
466
466
  (
467
- 'text-color': getCssVar('text-color', 'neutral', 'light-9'),
468
- 'disabled-color': getCssVar('text-color-disabled'),
469
- 'height': 32px,
467
+ 'text-color': getCssVar('color', 'neutral', 'light-9'),
468
+ 'disabled-color': getCssVar('color-disabled'),
469
+ 'height': 28px,
470
470
  'hover-background': getCssVar('color', 'neutral', 'light-1'),
471
- 'selected-text-color': getCssVar('text-color', 'neutral', 'light-9'),
471
+ 'selected-text-color': getCssVar('color', 'neutral', 'light-9'),
472
472
  'selected-bg-color': getCssVar('color', 'neutral', 'light-2'),
473
- 'padding': 16px,
473
+ 'padding': 8px,
474
474
  ),
475
475
  $select-option
476
476
  );
package/dist/runtime/public/scss/element-plus/index.css CHANGED
@@ -10294,6 +10294,9 @@ h6,
10294
10294
  padding-left: 0;
10295
10295
  background-color: var(--el-menu-bg-color);
10296
10296
  box-sizing: border-box;
10297
+ display: flex;
10298
+ flex-direction: column;
10299
+ gap: 4px;
10297
10300
  }
10298
10301
  .el-menu--vertical .el-menu-item, .el-menu--vertical .el-sub-menu__title, .el-menu--vertical .el-menu-item-group__title {
10299
10302
  display: flex;
@@ -10413,16 +10416,21 @@ h6,
10413
10416
 
10414
10417
  .el-menu--popup {
10415
10418
  z-index: 100;
10416
- min-width: 200px;
10419
+ min-width: 206px;
10417
10420
  border: none;
10418
- padding: 5px 0;
10421
+ padding: 8px 0;
10419
10422
  border-radius: var(--el-border-radius-small);
10420
10423
  box-shadow: var(--el-box-shadow-light);
10424
+ display: flex;
10425
+ flex-direction: column;
10426
+ gap: 4px;
10421
10427
  }
10422
10428
  .el-menu--popup .el-menu-item {
10423
- padding: 0 12px;
10424
- margin: 0 4px;
10425
- height: var(--el-menu-horizontal-sub-item-height);
10429
+ padding: 0 8px;
10430
+ margin: 0 8px;
10431
+ height: 32px;
10432
+ font-size: 12px;
10433
+ font-weight: 500;
10426
10434
  }
10427
10435
 
10428
10436
  .el-menu .el-icon {
@@ -12514,6 +12522,9 @@ h6,
12514
12522
  padding: 8px;
12515
12523
  margin: 0;
12516
12524
  box-sizing: border-box;
12525
+ display: flex;
12526
+ flex-direction: column;
12527
+ gap: 2px;
12517
12528
  }
12518
12529
  .el-select-dropdown__list.el-vl__window {
12519
12530
  margin: 8px;
@@ -12534,31 +12545,31 @@ h6,
12534
12545
  display: flex;
12535
12546
  font-size: var(--el-font-size-small);
12536
12547
  font-weight: 500;
12537
- padding: 0 44px 0 16px;
12548
+ padding: 0 28px 0 8px;
12538
12549
  position: relative;
12539
12550
  white-space: nowrap;
12540
12551
  overflow: hidden;
12541
12552
  text-overflow: ellipsis;
12542
- color: var(--el-text-color-neutral-light-9);
12543
- height: 32px;
12544
- line-height: 32px;
12553
+ color: var(--el-color-neutral-light-9);
12554
+ height: 28px;
12555
+ line-height: 28px;
12545
12556
  box-sizing: border-box;
12546
12557
  cursor: pointer;
12547
12558
  border-radius: var(--el-border-radius-small);
12548
12559
  }
12549
12560
  .el-select-dropdown__item.is-hovering {
12550
12561
  background-color: var(--el-color-neutral-light-1);
12551
- color: var(--el-text-color-neutral-light-9);
12562
+ color: var(--el-color-neutral-light-9);
12552
12563
  }
12553
12564
 
12554
12565
  .el-select-dropdown__item.is-selected {
12555
- color: var(--el-text-color-neutral-light-9);
12566
+ color: var(--el-color-neutral-light-9);
12556
12567
  background-color: var(--el-color-neutral-light-2);
12557
12568
  font-weight: 500;
12558
12569
  }
12559
12570
 
12560
12571
  .el-select-dropdown__item.is-disabled {
12561
- color: var(--el-text-color-disabled);
12572
+ color: var(--el-color-disabled);
12562
12573
  cursor: not-allowed;
12563
12574
  background-color: unset;
12564
12575
  }
@@ -12567,12 +12578,12 @@ h6,
12567
12578
  content: "";
12568
12579
  position: absolute;
12569
12580
  top: 50%;
12570
- right: 16px;
12581
+ right: 8px;
12571
12582
  border-top: none;
12572
12583
  border-right: none;
12573
12584
  background-repeat: no-repeat;
12574
12585
  background-position: center;
12575
- background-color: var(--el-text-color-neutral-light-9);
12586
+ background-color: var(--el-color-neutral-light-9);
12576
12587
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
12577
12588
  mask-size: 100% 100%;
12578
12589
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
@@ -12582,7 +12593,7 @@ h6,
12582
12593
  height: 12px;
12583
12594
  }
12584
12595
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
12585
- background-color: var(--el-text-color-disabled);
12596
+ background-color: var(--el-color-disabled);
12586
12597
  }
12587
12598
 
12588
12599
  .el-select-group {
@@ -12596,23 +12607,23 @@ h6,
12596
12607
  padding: 0;
12597
12608
  }
12598
12609
  .el-select-group__wrap:not(:first-of-type):before {
12599
- padding: 0 16px;
12610
+ padding: 0 8px;
12600
12611
  border-top: 1px solid var(--el-color-neutral-light-2);
12601
12612
  content: "";
12602
12613
  display: flex;
12603
12614
  flex-grow: 1;
12604
- margin: 4px 16px;
12615
+ margin: 4px 8px;
12605
12616
  }
12606
12617
 
12607
12618
  .el-select-group__title {
12608
- padding-left: 16px;
12619
+ padding-left: 8px;
12609
12620
  font-size: 10px;
12610
12621
  color: var(--el-color-neutral-light-4);
12611
12622
  line-height: 32px;
12612
12623
  }
12613
12624
 
12614
12625
  .el-select-group .el-select-dropdown__item {
12615
- padding-left: 16px;
12626
+ padding-left: 8px;
12616
12627
  }
12617
12628
 
12618
12629
  .el-select {
package/dist/runtime/public/scss/element-plus/menu.css CHANGED
@@ -449,6 +449,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
449
449
  padding-left: 0;
450
450
  background-color: var(--el-menu-bg-color);
451
451
  box-sizing: border-box;
452
+ display: flex;
453
+ flex-direction: column;
454
+ gap: 4px;
452
455
  }
453
456
  .el-menu--vertical .el-menu-item, .el-menu--vertical .el-sub-menu__title, .el-menu--vertical .el-menu-item-group__title {
454
457
  display: flex;
@@ -568,16 +571,21 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
568
571
 
569
572
  .el-menu--popup {
570
573
  z-index: 100;
571
- min-width: 200px;
574
+ min-width: 206px;
572
575
  border: none;
573
- padding: 5px 0;
576
+ padding: 8px 0;
574
577
  border-radius: var(--el-border-radius-small);
575
578
  box-shadow: var(--el-box-shadow-light);
579
+ display: flex;
580
+ flex-direction: column;
581
+ gap: 4px;
576
582
  }
577
583
  .el-menu--popup .el-menu-item {
578
- padding: 0 12px;
579
- margin: 0 4px;
580
- height: var(--el-menu-horizontal-sub-item-height);
584
+ padding: 0 8px;
585
+ margin: 0 8px;
586
+ height: 32px;
587
+ font-size: 12px;
588
+ font-weight: 500;
581
589
  }
582
590
 
583
591
  .el-menu .el-icon {
package/dist/runtime/public/scss/element-plus/menu.scss CHANGED
@@ -65,6 +65,9 @@
65
65
  padding-left: 0;
66
66
  background-color: getCssVar('menu-bg-color');
67
67
  box-sizing: border-box;
68
+ display: flex;
69
+ flex-direction: column;
70
+ gap: 4px;
68
71
 
69
72
  @include m(vertical) {
70
73
  // &:not(.#{$namespace}-menu--collapse):not(.#{$namespace}-menu--popup-container) {
@@ -223,16 +226,21 @@
223
226
  }
224
227
  @include m(popup) {
225
228
  z-index: 100;
226
- min-width: 200px;
229
+ min-width: 206px;
227
230
  border: none;
228
- padding: 5px 0;
231
+ padding: 8px 0;
229
232
  border-radius: getCssVar('border-radius-small');
230
233
  box-shadow: getCssVar('box-shadow-light');
234
+ display: flex;
235
+ flex-direction: column;
236
+ gap: 4px;
231
237
 
232
238
  .#{$namespace}-menu-item {
233
- padding: 0 12px;
234
- margin: 0 4px;
235
- height: getCssVar('menu-horizontal-sub-item-height');
239
+ padding: 0 8px;
240
+ margin: 0 8px;
241
+ height: 32px;
242
+ font-size: 12px;
243
+ font-weight: 500;
236
244
  }
237
245
  }
238
246
 
package/dist/runtime/public/scss/element-plus/option-group.css CHANGED
@@ -311,21 +311,21 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
311
311
  padding: 0;
312
312
  }
313
313
  .el-select-group__wrap:not(:first-of-type):before {
314
- padding: 0 16px;
314
+ padding: 0 8px;
315
315
  border-top: 1px solid var(--el-color-neutral-light-2);
316
316
  content: "";
317
317
  display: flex;
318
318
  flex-grow: 1;
319
- margin: 4px 16px;
319
+ margin: 4px 8px;
320
320
  }
321
321
 
322
322
  .el-select-group__title {
323
- padding-left: 16px;
323
+ padding-left: 8px;
324
324
  font-size: 10px;
325
325
  color: var(--el-color-neutral-light-4);
326
326
  line-height: 32px;
327
327
  }
328
328
 
329
329
  .el-select-group .el-select-dropdown__item {
330
- padding-left: 16px;
330
+ padding-left: 8px;
331
331
  }
package/dist/runtime/public/scss/element-plus/option.css CHANGED
@@ -304,31 +304,31 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
304
304
  display: flex;
305
305
  font-size: var(--el-font-size-small);
306
306
  font-weight: 500;
307
- padding: 0 44px 0 16px;
307
+ padding: 0 28px 0 8px;
308
308
  position: relative;
309
309
  white-space: nowrap;
310
310
  overflow: hidden;
311
311
  text-overflow: ellipsis;
312
- color: var(--el-text-color-neutral-light-9);
313
- height: 32px;
314
- line-height: 32px;
312
+ color: var(--el-color-neutral-light-9);
313
+ height: 28px;
314
+ line-height: 28px;
315
315
  box-sizing: border-box;
316
316
  cursor: pointer;
317
317
  border-radius: var(--el-border-radius-small);
318
318
  }
319
319
  .el-select-dropdown__item.is-hovering {
320
320
  background-color: var(--el-color-neutral-light-1);
321
- color: var(--el-text-color-neutral-light-9);
321
+ color: var(--el-color-neutral-light-9);
322
322
  }
323
323
 
324
324
  .el-select-dropdown__item.is-selected {
325
- color: var(--el-text-color-neutral-light-9);
325
+ color: var(--el-color-neutral-light-9);
326
326
  background-color: var(--el-color-neutral-light-2);
327
327
  font-weight: 500;
328
328
  }
329
329
 
330
330
  .el-select-dropdown__item.is-disabled {
331
- color: var(--el-text-color-disabled);
331
+ color: var(--el-color-disabled);
332
332
  cursor: not-allowed;
333
333
  background-color: unset;
334
334
  }
@@ -337,12 +337,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
337
337
  content: "";
338
338
  position: absolute;
339
339
  top: 50%;
340
- right: 16px;
340
+ right: 8px;
341
341
  border-top: none;
342
342
  border-right: none;
343
343
  background-repeat: no-repeat;
344
344
  background-position: center;
345
- background-color: var(--el-text-color-neutral-light-9);
345
+ background-color: var(--el-color-neutral-light-9);
346
346
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
347
347
  mask-size: 100% 100%;
348
348
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
@@ -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-text-color-disabled);
355
+ background-color: var(--el-color-disabled);
356
356
  }
package/dist/runtime/public/scss/element-plus/select-dropdown-v2.css CHANGED
@@ -334,6 +334,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
334
334
  padding: 8px;
335
335
  margin: 0;
336
336
  box-sizing: border-box;
337
+ display: flex;
338
+ flex-direction: column;
339
+ gap: 2px;
337
340
  }
338
341
  .el-select-dropdown__list.el-vl__window {
339
342
  margin: 8px;
package/dist/runtime/public/scss/element-plus/select-dropdown.css CHANGED
@@ -334,6 +334,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
334
334
  padding: 8px;
335
335
  margin: 0;
336
336
  box-sizing: border-box;
337
+ display: flex;
338
+ flex-direction: column;
339
+ gap: 2px;
337
340
  }
338
341
  .el-select-dropdown__list.el-vl__window {
339
342
  margin: 8px;
package/dist/runtime/public/scss/element-plus/select-dropdown.scss CHANGED
@@ -38,6 +38,9 @@
38
38
  padding: map.get($select-dropdown, 'padding');
39
39
  margin: 0;
40
40
  box-sizing: border-box;
41
+ display: flex;
42
+ flex-direction: column;
43
+ gap: 2px;
41
44
 
42
45
  &.#{$namespace}-vl__window {
43
46
  // for select-v2
package/dist/runtime/public/scss/element-plus/select-v2.css CHANGED
@@ -334,6 +334,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
334
334
  padding: 8px;
335
335
  margin: 0;
336
336
  box-sizing: border-box;
337
+ display: flex;
338
+ flex-direction: column;
339
+ gap: 2px;
337
340
  }
338
341
  .el-select-dropdown__list.el-vl__window {
339
342
  margin: 8px;
@@ -354,31 +357,31 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
354
357
  display: flex;
355
358
  font-size: var(--el-font-size-small);
356
359
  font-weight: 500;
357
- padding: 0 44px 0 16px;
360
+ padding: 0 28px 0 8px;
358
361
  position: relative;
359
362
  white-space: nowrap;
360
363
  overflow: hidden;
361
364
  text-overflow: ellipsis;
362
- color: var(--el-text-color-neutral-light-9);
363
- height: 32px;
364
- line-height: 32px;
365
+ color: var(--el-color-neutral-light-9);
366
+ height: 28px;
367
+ line-height: 28px;
365
368
  box-sizing: border-box;
366
369
  cursor: pointer;
367
370
  border-radius: var(--el-border-radius-small);
368
371
  }
369
372
  .el-select-dropdown__item.is-hovering {
370
373
  background-color: var(--el-color-neutral-light-1);
371
- color: var(--el-text-color-neutral-light-9);
374
+ color: var(--el-color-neutral-light-9);
372
375
  }
373
376
 
374
377
  .el-select-dropdown__item.is-selected {
375
- color: var(--el-text-color-neutral-light-9);
378
+ color: var(--el-color-neutral-light-9);
376
379
  background-color: var(--el-color-neutral-light-2);
377
380
  font-weight: 500;
378
381
  }
379
382
 
380
383
  .el-select-dropdown__item.is-disabled {
381
- color: var(--el-text-color-disabled);
384
+ color: var(--el-color-disabled);
382
385
  cursor: not-allowed;
383
386
  background-color: unset;
384
387
  }
@@ -387,12 +390,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
387
390
  content: "";
388
391
  position: absolute;
389
392
  top: 50%;
390
- right: 16px;
393
+ right: 8px;
391
394
  border-top: none;
392
395
  border-right: none;
393
396
  background-repeat: no-repeat;
394
397
  background-position: center;
395
- background-color: var(--el-text-color-neutral-light-9);
398
+ background-color: var(--el-color-neutral-light-9);
396
399
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
397
400
  mask-size: 100% 100%;
398
401
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
@@ -402,7 +405,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
402
405
  height: 12px;
403
406
  }
404
407
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
405
- background-color: var(--el-text-color-disabled);
408
+ background-color: var(--el-color-disabled);
406
409
  }
407
410
 
408
411
  .el-select-group {
@@ -416,23 +419,23 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
416
419
  padding: 0;
417
420
  }
418
421
  .el-select-group__wrap:not(:first-of-type):before {
419
- padding: 0 16px;
422
+ padding: 0 8px;
420
423
  border-top: 1px solid var(--el-color-neutral-light-2);
421
424
  content: "";
422
425
  display: flex;
423
426
  flex-grow: 1;
424
- margin: 4px 16px;
427
+ margin: 4px 8px;
425
428
  }
426
429
 
427
430
  .el-select-group__title {
428
- padding-left: 16px;
431
+ padding-left: 8px;
429
432
  font-size: 10px;
430
433
  color: var(--el-color-neutral-light-4);
431
434
  line-height: 32px;
432
435
  }
433
436
 
434
437
  .el-select-group .el-select-dropdown__item {
435
- padding-left: 16px;
438
+ padding-left: 8px;
436
439
  }
437
440
 
438
441
  .el-select {
package/dist/runtime/public/scss/element-plus/select.css CHANGED
@@ -334,6 +334,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
334
334
  padding: 8px;
335
335
  margin: 0;
336
336
  box-sizing: border-box;
337
+ display: flex;
338
+ flex-direction: column;
339
+ gap: 2px;
337
340
  }
338
341
  .el-select-dropdown__list.el-vl__window {
339
342
  margin: 8px;
@@ -354,31 +357,31 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
354
357
  display: flex;
355
358
  font-size: var(--el-font-size-small);
356
359
  font-weight: 500;
357
- padding: 0 44px 0 16px;
360
+ padding: 0 28px 0 8px;
358
361
  position: relative;
359
362
  white-space: nowrap;
360
363
  overflow: hidden;
361
364
  text-overflow: ellipsis;
362
- color: var(--el-text-color-neutral-light-9);
363
- height: 32px;
364
- line-height: 32px;
365
+ color: var(--el-color-neutral-light-9);
366
+ height: 28px;
367
+ line-height: 28px;
365
368
  box-sizing: border-box;
366
369
  cursor: pointer;
367
370
  border-radius: var(--el-border-radius-small);
368
371
  }
369
372
  .el-select-dropdown__item.is-hovering {
370
373
  background-color: var(--el-color-neutral-light-1);
371
- color: var(--el-text-color-neutral-light-9);
374
+ color: var(--el-color-neutral-light-9);
372
375
  }
373
376
 
374
377
  .el-select-dropdown__item.is-selected {
375
- color: var(--el-text-color-neutral-light-9);
378
+ color: var(--el-color-neutral-light-9);
376
379
  background-color: var(--el-color-neutral-light-2);
377
380
  font-weight: 500;
378
381
  }
379
382
 
380
383
  .el-select-dropdown__item.is-disabled {
381
- color: var(--el-text-color-disabled);
384
+ color: var(--el-color-disabled);
382
385
  cursor: not-allowed;
383
386
  background-color: unset;
384
387
  }
@@ -387,12 +390,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
387
390
  content: "";
388
391
  position: absolute;
389
392
  top: 50%;
390
- right: 16px;
393
+ right: 8px;
391
394
  border-top: none;
392
395
  border-right: none;
393
396
  background-repeat: no-repeat;
394
397
  background-position: center;
395
- background-color: var(--el-text-color-neutral-light-9);
398
+ background-color: var(--el-color-neutral-light-9);
396
399
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
397
400
  mask-size: 100% 100%;
398
401
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
@@ -402,7 +405,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
402
405
  height: 12px;
403
406
  }
404
407
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
405
- background-color: var(--el-text-color-disabled);
408
+ background-color: var(--el-color-disabled);
406
409
  }
407
410
 
408
411
  .el-select-group {
@@ -416,23 +419,23 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
416
419
  padding: 0;
417
420
  }
418
421
  .el-select-group__wrap:not(:first-of-type):before {
419
- padding: 0 16px;
422
+ padding: 0 8px;
420
423
  border-top: 1px solid var(--el-color-neutral-light-2);
421
424
  content: "";
422
425
  display: flex;
423
426
  flex-grow: 1;
424
- margin: 4px 16px;
427
+ margin: 4px 8px;
425
428
  }
426
429
 
427
430
  .el-select-group__title {
428
- padding-left: 16px;
431
+ padding-left: 8px;
429
432
  font-size: 10px;
430
433
  color: var(--el-color-neutral-light-4);
431
434
  line-height: 32px;
432
435
  }
433
436
 
434
437
  .el-select-group .el-select-dropdown__item {
435
- padding-left: 16px;
438
+ padding-left: 8px;
436
439
  }
437
440
 
438
441
  .el-select {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.178",
3
+ "version": "2.4.181",
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": {