@timus-networks/theme 2.4.178 → 2.4.180

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 +29 -19
  4. package/dist/runtime/public/scss/element-plus/common/var.scss +5 -5
  5. package/dist/runtime/public/scss/element-plus/index.css +29 -19
  6. package/dist/runtime/public/scss/element-plus/menu.css +12 -5
  7. package/dist/runtime/public/scss/element-plus/menu.scss +12 -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.179",
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.179";
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,20 @@ 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: 28px;
11319
+ font-size: 12px;
11313
11320
  }
11314
11321
 
11315
11322
  .el-menu .el-icon {
@@ -13401,6 +13408,9 @@ heights > $common-component-size
13401
13408
  padding: 8px;
13402
13409
  margin: 0;
13403
13410
  box-sizing: border-box;
13411
+ display: flex;
13412
+ flex-direction: column;
13413
+ gap: 2px;
13404
13414
  }
13405
13415
  .el-select-dropdown__list.el-vl__window {
13406
13416
  margin: 8px;
@@ -13421,31 +13431,31 @@ heights > $common-component-size
13421
13431
  display: flex;
13422
13432
  font-size: var(--el-font-size-small);
13423
13433
  font-weight: 500;
13424
- padding: 0 44px 0 16px;
13434
+ padding: 0 28px 0 8px;
13425
13435
  position: relative;
13426
13436
  white-space: nowrap;
13427
13437
  overflow: hidden;
13428
13438
  text-overflow: ellipsis;
13429
- color: var(--el-text-color-neutral-light-9);
13430
- height: 32px;
13431
- line-height: 32px;
13439
+ color: var(--el-color-neutral-light-9);
13440
+ height: 28px;
13441
+ line-height: 28px;
13432
13442
  box-sizing: border-box;
13433
13443
  cursor: pointer;
13434
13444
  border-radius: var(--el-border-radius-small);
13435
13445
  }
13436
13446
  .el-select-dropdown__item.is-hovering {
13437
13447
  background-color: var(--el-color-neutral-light-1);
13438
- color: var(--el-text-color-neutral-light-9);
13448
+ color: var(--el-color-neutral-light-9);
13439
13449
  }
13440
13450
 
13441
13451
  .el-select-dropdown__item.is-selected {
13442
- color: var(--el-text-color-neutral-light-9);
13452
+ color: var(--el-color-neutral-light-9);
13443
13453
  background-color: var(--el-color-neutral-light-2);
13444
13454
  font-weight: 500;
13445
13455
  }
13446
13456
 
13447
13457
  .el-select-dropdown__item.is-disabled {
13448
- color: var(--el-text-color-disabled);
13458
+ color: var(--el-color-disabled);
13449
13459
  cursor: not-allowed;
13450
13460
  background-color: unset;
13451
13461
  }
@@ -13454,12 +13464,12 @@ heights > $common-component-size
13454
13464
  content: "";
13455
13465
  position: absolute;
13456
13466
  top: 50%;
13457
- right: 16px;
13467
+ right: 8px;
13458
13468
  border-top: none;
13459
13469
  border-right: none;
13460
13470
  background-repeat: no-repeat;
13461
13471
  background-position: center;
13462
- background-color: var(--el-text-color-neutral-light-9);
13472
+ background-color: var(--el-color-neutral-light-9);
13463
13473
  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
13474
  mask-size: 100% 100%;
13465
13475
  -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 +13479,7 @@ heights > $common-component-size
13469
13479
  height: 12px;
13470
13480
  }
13471
13481
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
13472
- background-color: var(--el-text-color-disabled);
13482
+ background-color: var(--el-color-disabled);
13473
13483
  }
13474
13484
 
13475
13485
  .el-select-group {
@@ -13483,23 +13493,23 @@ heights > $common-component-size
13483
13493
  padding: 0;
13484
13494
  }
13485
13495
  .el-select-group__wrap:not(:first-of-type):before {
13486
- padding: 0 16px;
13496
+ padding: 0 8px;
13487
13497
  border-top: 1px solid var(--el-color-neutral-light-2);
13488
13498
  content: "";
13489
13499
  display: flex;
13490
13500
  flex-grow: 1;
13491
- margin: 4px 16px;
13501
+ margin: 4px 8px;
13492
13502
  }
13493
13503
 
13494
13504
  .el-select-group__title {
13495
- padding-left: 16px;
13505
+ padding-left: 8px;
13496
13506
  font-size: 10px;
13497
13507
  color: var(--el-color-neutral-light-4);
13498
13508
  line-height: 32px;
13499
13509
  }
13500
13510
 
13501
13511
  .el-select-group .el-select-dropdown__item {
13502
- padding-left: 16px;
13512
+ padding-left: 8px;
13503
13513
  }
13504
13514
 
13505
13515
  .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,20 @@ 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: 28px;
10432
+ font-size: 12px;
10426
10433
  }
10427
10434
 
10428
10435
  .el-menu .el-icon {
@@ -12514,6 +12521,9 @@ h6,
12514
12521
  padding: 8px;
12515
12522
  margin: 0;
12516
12523
  box-sizing: border-box;
12524
+ display: flex;
12525
+ flex-direction: column;
12526
+ gap: 2px;
12517
12527
  }
12518
12528
  .el-select-dropdown__list.el-vl__window {
12519
12529
  margin: 8px;
@@ -12534,31 +12544,31 @@ h6,
12534
12544
  display: flex;
12535
12545
  font-size: var(--el-font-size-small);
12536
12546
  font-weight: 500;
12537
- padding: 0 44px 0 16px;
12547
+ padding: 0 28px 0 8px;
12538
12548
  position: relative;
12539
12549
  white-space: nowrap;
12540
12550
  overflow: hidden;
12541
12551
  text-overflow: ellipsis;
12542
- color: var(--el-text-color-neutral-light-9);
12543
- height: 32px;
12544
- line-height: 32px;
12552
+ color: var(--el-color-neutral-light-9);
12553
+ height: 28px;
12554
+ line-height: 28px;
12545
12555
  box-sizing: border-box;
12546
12556
  cursor: pointer;
12547
12557
  border-radius: var(--el-border-radius-small);
12548
12558
  }
12549
12559
  .el-select-dropdown__item.is-hovering {
12550
12560
  background-color: var(--el-color-neutral-light-1);
12551
- color: var(--el-text-color-neutral-light-9);
12561
+ color: var(--el-color-neutral-light-9);
12552
12562
  }
12553
12563
 
12554
12564
  .el-select-dropdown__item.is-selected {
12555
- color: var(--el-text-color-neutral-light-9);
12565
+ color: var(--el-color-neutral-light-9);
12556
12566
  background-color: var(--el-color-neutral-light-2);
12557
12567
  font-weight: 500;
12558
12568
  }
12559
12569
 
12560
12570
  .el-select-dropdown__item.is-disabled {
12561
- color: var(--el-text-color-disabled);
12571
+ color: var(--el-color-disabled);
12562
12572
  cursor: not-allowed;
12563
12573
  background-color: unset;
12564
12574
  }
@@ -12567,12 +12577,12 @@ h6,
12567
12577
  content: "";
12568
12578
  position: absolute;
12569
12579
  top: 50%;
12570
- right: 16px;
12580
+ right: 8px;
12571
12581
  border-top: none;
12572
12582
  border-right: none;
12573
12583
  background-repeat: no-repeat;
12574
12584
  background-position: center;
12575
- background-color: var(--el-text-color-neutral-light-9);
12585
+ background-color: var(--el-color-neutral-light-9);
12576
12586
  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
12587
  mask-size: 100% 100%;
12578
12588
  -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 +12592,7 @@ h6,
12582
12592
  height: 12px;
12583
12593
  }
12584
12594
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
12585
- background-color: var(--el-text-color-disabled);
12595
+ background-color: var(--el-color-disabled);
12586
12596
  }
12587
12597
 
12588
12598
  .el-select-group {
@@ -12596,23 +12606,23 @@ h6,
12596
12606
  padding: 0;
12597
12607
  }
12598
12608
  .el-select-group__wrap:not(:first-of-type):before {
12599
- padding: 0 16px;
12609
+ padding: 0 8px;
12600
12610
  border-top: 1px solid var(--el-color-neutral-light-2);
12601
12611
  content: "";
12602
12612
  display: flex;
12603
12613
  flex-grow: 1;
12604
- margin: 4px 16px;
12614
+ margin: 4px 8px;
12605
12615
  }
12606
12616
 
12607
12617
  .el-select-group__title {
12608
- padding-left: 16px;
12618
+ padding-left: 8px;
12609
12619
  font-size: 10px;
12610
12620
  color: var(--el-color-neutral-light-4);
12611
12621
  line-height: 32px;
12612
12622
  }
12613
12623
 
12614
12624
  .el-select-group .el-select-dropdown__item {
12615
- padding-left: 16px;
12625
+ padding-left: 8px;
12616
12626
  }
12617
12627
 
12618
12628
  .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,20 @@ 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: 28px;
587
+ font-size: 12px;
581
588
  }
582
589
 
583
590
  .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,20 @@
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: 28px;
242
+ font-size: 12px;
236
243
  }
237
244
  }
238
245
 
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.180",
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": {