@timus-networks/theme 2.4.87 → 2.4.88

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.87",
4
+ "version": "2.4.88",
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.87";
14
+ const version = "2.4.88";
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 = {
@@ -489,8 +489,8 @@ $select-dropdown: map.merge(
489
489
  $select-wrapper-padding: () !default;
490
490
  $select-wrapper-padding: map.merge(
491
491
  (
492
+ 'default': 8px 12px,
492
493
  'large': 10px 12px,
493
- 'default': 10px 12px,
494
494
  'medium': 8px 12px,
495
495
  'small': 6px 12px,
496
496
  'mini': 5px 12px,
@@ -501,7 +501,7 @@ $select-wrapper-padding: map.merge(
501
501
  $select-near-margin-left: () !default;
502
502
  $select-near-margin-left: map.merge(
503
503
  (
504
- 'default': 0,
504
+ 'default': 0 -3px,
505
505
  'large': 0,
506
506
  'medium': 0 -3px,
507
507
  'small': 0 -6px,
@@ -528,6 +528,7 @@ $select-item-height: map.merge(
528
528
  (
529
529
  'large': 20px,
530
530
  'default': 20px,
531
+ 'medium': 20px,
531
532
  'small': 20px,
532
533
  ),
533
534
  $select-item-height
@@ -670,7 +671,9 @@ $input-number-width: map.merge(
670
671
  (
671
672
  'large': 180px,
672
673
  'default': 150px,
674
+ 'medium': 150px,
673
675
  'small': 120px,
676
+ 'mini': 120px,
674
677
  ),
675
678
  $input-number-width
676
679
  );
@@ -1112,11 +1115,11 @@ $tag-padding: map.merge(
1112
1115
  $tag-icon-size: () !default;
1113
1116
  $tag-icon-size: map.merge(
1114
1117
  (
1115
- 'default': 12px,
1116
- 'large': 16px,
1117
- 'medium': 14px,
1118
- 'small': 12px,
1119
- 'mini': 8px,
1118
+ 'default': 10px,
1119
+ 'large': 10px,
1120
+ 'medium': 10px,
1121
+ 'small': 10px,
1122
+ 'mini': 10px,
1120
1123
  ),
1121
1124
  $tag-icon-size
1122
1125
  );
@@ -9714,6 +9714,7 @@ heights > $common-component-size
9714
9714
  }
9715
9715
 
9716
9716
  .el-input-number--medium {
9717
+ width: 150px;
9717
9718
  line-height: 34px;
9718
9719
  }
9719
9720
  .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
@@ -9741,6 +9742,7 @@ heights > $common-component-size
9741
9742
  }
9742
9743
 
9743
9744
  .el-input-number--mini {
9745
+ width: 120px;
9744
9746
  line-height: 26px;
9745
9747
  }
9746
9748
  .el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease {
@@ -12478,9 +12480,8 @@ h6,
12478
12480
  cursor: pointer;
12479
12481
  text-align: left;
12480
12482
  font-size: 14px;
12481
- padding: 10px 12px;
12483
+ padding: 8px 12px;
12482
12484
  gap: 8px;
12483
- height: 36px;
12484
12485
  min-height: 36px;
12485
12486
  line-height: 20px;
12486
12487
  border-radius: var(--el-border-radius-small);
@@ -12569,7 +12570,7 @@ h6,
12569
12570
  .el-select__selection {
12570
12571
  position: relative;
12571
12572
  display: flex;
12572
- flex-wrap: nowrap;
12573
+ flex-wrap: wrap;
12573
12574
  align-items: center;
12574
12575
  flex: 1;
12575
12576
  min-width: 0;
@@ -12652,6 +12653,10 @@ h6,
12652
12653
  .el-select__input-wrapper {
12653
12654
  max-width: 100%;
12654
12655
  }
12656
+ .el-select__input-wrapper input {
12657
+ max-width: 2px !important;
12658
+ min-width: 2px !important;
12659
+ }
12655
12660
  .el-select__input-wrapper.is-hidden {
12656
12661
  position: absolute;
12657
12662
  opacity: 0;
@@ -12716,6 +12721,7 @@ h6,
12716
12721
  padding: 8px 12px;
12717
12722
  min-height: 36px;
12718
12723
  height: 36px;
12724
+ line-height: 20px;
12719
12725
  font-size: 14px;
12720
12726
  }
12721
12727
 
@@ -12734,6 +12740,10 @@ h6,
12734
12740
  gap: 8px;
12735
12741
  }
12736
12742
 
12743
+ .el-select--medium .el-select__input {
12744
+ height: 20px;
12745
+ }
12746
+
12737
12747
  .el-select--small .el-select__wrapper {
12738
12748
  gap: 4px;
12739
12749
  padding: 6px 12px;
@@ -15517,7 +15527,7 @@ h6,
15517
15527
  .el-tag--large {
15518
15528
  padding: 0 7px;
15519
15529
  height: 32px;
15520
- --el-icon-size: 16px;
15530
+ --el-icon-size: 10px;
15521
15531
  }
15522
15532
  .el-tag--large .el-tag__close {
15523
15533
  margin-left: 8px;
@@ -15529,7 +15539,7 @@ h6,
15529
15539
  .el-tag--medium {
15530
15540
  padding: 0 7px;
15531
15541
  height: 28px;
15532
- --el-icon-size: 14px;
15542
+ --el-icon-size: 10px;
15533
15543
  }
15534
15544
  .el-tag--medium .el-tag__close {
15535
15545
  margin-left: 4px;
@@ -15541,7 +15551,7 @@ h6,
15541
15551
  .el-tag--small {
15542
15552
  padding: 0 7px;
15543
15553
  height: 24px;
15544
- --el-icon-size: 12px;
15554
+ --el-icon-size: 10px;
15545
15555
  }
15546
15556
  .el-tag--small .el-tag__close {
15547
15557
  margin-left: 4px;
@@ -15553,7 +15563,7 @@ h6,
15553
15563
  .el-tag--mini {
15554
15564
  padding: 0 7px;
15555
15565
  height: 18px;
15556
- --el-icon-size: 8px;
15566
+ --el-icon-size: 10px;
15557
15567
  }
15558
15568
  .el-tag--mini .el-tag__close {
15559
15569
  margin-left: 4px;
@@ -392,6 +392,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
392
392
  }
393
393
 
394
394
  .el-input-number--medium {
395
+ width: 150px;
395
396
  line-height: 34px;
396
397
  }
397
398
  .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
@@ -419,6 +420,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
419
420
  }
420
421
 
421
422
  .el-input-number--mini {
423
+ width: 120px;
422
424
  line-height: 26px;
423
425
  }
424
426
  .el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease {
@@ -462,9 +462,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
462
462
  cursor: pointer;
463
463
  text-align: left;
464
464
  font-size: 14px;
465
- padding: 10px 12px;
465
+ padding: 8px 12px;
466
466
  gap: 8px;
467
- height: 36px;
468
467
  min-height: 36px;
469
468
  line-height: 20px;
470
469
  border-radius: var(--el-border-radius-small);
@@ -553,7 +552,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
553
552
  .el-select__selection {
554
553
  position: relative;
555
554
  display: flex;
556
- flex-wrap: nowrap;
555
+ flex-wrap: wrap;
557
556
  align-items: center;
558
557
  flex: 1;
559
558
  min-width: 0;
@@ -636,6 +635,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
636
635
  .el-select__input-wrapper {
637
636
  max-width: 100%;
638
637
  }
638
+ .el-select__input-wrapper input {
639
+ max-width: 2px !important;
640
+ min-width: 2px !important;
641
+ }
639
642
  .el-select__input-wrapper.is-hidden {
640
643
  position: absolute;
641
644
  opacity: 0;
@@ -700,6 +703,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
700
703
  padding: 8px 12px;
701
704
  min-height: 36px;
702
705
  height: 36px;
706
+ line-height: 20px;
703
707
  font-size: 14px;
704
708
  }
705
709
 
@@ -718,6 +722,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
718
722
  gap: 8px;
719
723
  }
720
724
 
725
+ .el-select--medium .el-select__input {
726
+ height: 20px;
727
+ }
728
+
721
729
  .el-select--small .el-select__wrapper {
722
730
  gap: 4px;
723
731
  padding: 6px 12px;
@@ -462,9 +462,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
462
462
  cursor: pointer;
463
463
  text-align: left;
464
464
  font-size: 14px;
465
- padding: 10px 12px;
465
+ padding: 8px 12px;
466
466
  gap: 8px;
467
- height: 36px;
468
467
  min-height: 36px;
469
468
  line-height: 20px;
470
469
  border-radius: var(--el-border-radius-small);
@@ -553,7 +552,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
553
552
  .el-select__selection {
554
553
  position: relative;
555
554
  display: flex;
556
- flex-wrap: nowrap;
555
+ flex-wrap: wrap;
557
556
  align-items: center;
558
557
  flex: 1;
559
558
  min-width: 0;
@@ -636,6 +635,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
636
635
  .el-select__input-wrapper {
637
636
  max-width: 100%;
638
637
  }
638
+ .el-select__input-wrapper input {
639
+ max-width: 2px !important;
640
+ min-width: 2px !important;
641
+ }
639
642
  .el-select__input-wrapper.is-hidden {
640
643
  position: absolute;
641
644
  opacity: 0;
@@ -700,6 +703,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
700
703
  padding: 8px 12px;
701
704
  min-height: 36px;
702
705
  height: 36px;
706
+ line-height: 20px;
703
707
  font-size: 14px;
704
708
  }
705
709
 
@@ -718,6 +722,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
718
722
  gap: 8px;
719
723
  }
720
724
 
725
+ .el-select--medium .el-select__input {
726
+ height: 20px;
727
+ }
728
+
721
729
  .el-select--small .el-select__wrapper {
722
730
  gap: 4px;
723
731
  padding: 6px 12px;
@@ -39,7 +39,7 @@
39
39
  font-size: map.get($input-font-size, 'default');
40
40
  padding: map.get($select-wrapper-padding, 'default');
41
41
  gap: map.get($select-item-gap, 'default');
42
- height: map.get($common-component-size, 'default');
42
+ // height: map.get($common-component-size, 'default');
43
43
  min-height: map.get($input-height, 'default');
44
44
  line-height: map.get($select-item-height, 'default');
45
45
  border-radius: getCssVar('border-radius-small');
@@ -139,8 +139,8 @@
139
139
  @include e(selection) {
140
140
  position: relative;
141
141
  display: flex;
142
- // flex-wrap: wrap;
143
- flex-wrap: nowrap;
142
+ flex-wrap: wrap;
143
+ // flex-wrap: nowrap;
144
144
  align-items: center;
145
145
  flex: 1;
146
146
  min-width: 0;
@@ -211,6 +211,11 @@
211
211
  @include e(input-wrapper) {
212
212
  max-width: 100%;
213
213
 
214
+ input {
215
+ max-width: 2px !important;
216
+ min-width: 2px !important;
217
+ }
218
+
214
219
  @include when(hidden) {
215
220
  // Out of the document flow
216
221
  position: absolute;
@@ -543,7 +543,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
543
543
  .el-tag--large {
544
544
  padding: 0 7px;
545
545
  height: 32px;
546
- --el-icon-size: 16px;
546
+ --el-icon-size: 10px;
547
547
  }
548
548
  .el-tag--large .el-tag__close {
549
549
  margin-left: 8px;
@@ -555,7 +555,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
555
555
  .el-tag--medium {
556
556
  padding: 0 7px;
557
557
  height: 28px;
558
- --el-icon-size: 14px;
558
+ --el-icon-size: 10px;
559
559
  }
560
560
  .el-tag--medium .el-tag__close {
561
561
  margin-left: 4px;
@@ -567,7 +567,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
567
567
  .el-tag--small {
568
568
  padding: 0 7px;
569
569
  height: 24px;
570
- --el-icon-size: 12px;
570
+ --el-icon-size: 10px;
571
571
  }
572
572
  .el-tag--small .el-tag__close {
573
573
  margin-left: 4px;
@@ -579,7 +579,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
579
579
  .el-tag--mini {
580
580
  padding: 0 7px;
581
581
  height: 18px;
582
- --el-icon-size: 8px;
582
+ --el-icon-size: 10px;
583
583
  }
584
584
  .el-tag--mini .el-tag__close {
585
585
  margin-left: 4px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.87",
3
+ "version": "2.4.88",
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": {