@timus-networks/theme 2.0.1 → 2.0.2

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 (193) hide show
  1. package/README.md +34 -49
  2. package/dist/module.d.mts +1 -1
  3. package/dist/module.d.ts +1 -1
  4. package/dist/module.json +2 -2
  5. package/dist/module.mjs +40 -18
  6. package/dist/runtime/components/development/example.alert.vue +29 -0
  7. package/dist/runtime/components/development/example.avatar.vue +85 -0
  8. package/dist/runtime/components/development/example.badge.vue +93 -0
  9. package/dist/runtime/components/development/example.breadcrumb.vue +54 -0
  10. package/dist/runtime/components/development/example.button.vue +235 -0
  11. package/dist/runtime/components/{example.button.vue.d.ts → development/example.button.vue.d.ts} +2 -1
  12. package/dist/runtime/components/development/example.card.vue +68 -0
  13. package/dist/runtime/components/development/example.checkbox.vue +176 -0
  14. package/dist/runtime/components/{example.checkbox.vue.d.ts → development/example.checkbox.vue.d.ts} +2 -2
  15. package/dist/runtime/components/development/example.collapse.vue +38 -0
  16. package/dist/runtime/components/development/example.datepicker.vue +193 -0
  17. package/dist/runtime/components/development/example.description.vue +94 -0
  18. package/dist/runtime/components/{example.dialog.vue → development/example.dialog.vue} +21 -24
  19. package/dist/runtime/components/development/example.dropdown.vue +166 -0
  20. package/dist/runtime/components/development/example.form.vue +488 -0
  21. package/dist/runtime/components/development/example.input.vue +270 -0
  22. package/dist/runtime/components/development/example.input.vue.d.ts +23 -0
  23. package/dist/runtime/components/development/example.link.vue +68 -0
  24. package/dist/runtime/components/development/example.message.vue +64 -0
  25. package/dist/runtime/components/development/example.notification.vue +75 -0
  26. package/dist/runtime/components/development/example.number.vue +70 -0
  27. package/dist/runtime/components/development/example.pagination.vue +89 -0
  28. package/dist/runtime/components/development/example.popover.vue +151 -0
  29. package/dist/runtime/components/development/example.radio.vue +163 -0
  30. package/dist/runtime/components/{example.radio.vue.d.ts → development/example.radio.vue.d.ts} +3 -2
  31. package/dist/runtime/components/development/example.select.vue +588 -0
  32. package/dist/runtime/components/{example.select.vue.d.ts → development/example.select.vue.d.ts} +3 -2
  33. package/dist/runtime/components/development/example.sidebar.vue +101 -0
  34. package/dist/runtime/components/development/example.static.vue +50 -0
  35. package/dist/runtime/components/development/example.switch.vue +101 -0
  36. package/dist/runtime/components/{example.table.vue → development/example.table.vue} +8 -22
  37. package/dist/runtime/components/development/example.tag.vue +255 -0
  38. package/dist/runtime/components/development/example.timepicker.vue +89 -0
  39. package/dist/runtime/components/development/example.tooltip.vue +104 -0
  40. package/dist/runtime/components/development/example.upload.vue +84 -0
  41. package/dist/runtime/components/production/html-encode.vue +96 -0
  42. package/dist/runtime/components/production/timus-breadcrumb.d.ts +36 -0
  43. package/dist/runtime/components/production/timus-breadcrumb.js +224 -0
  44. package/dist/runtime/components/production/timus-breadcrumb.mjs +224 -0
  45. package/dist/runtime/components/production/timus-breadcrumb.vue +83 -0
  46. package/dist/runtime/components/production/timus-breadcrumb.vue.d.ts +340 -0
  47. package/dist/runtime/composables/useBreadcrumb.d.ts +8 -0
  48. package/dist/runtime/composables/useBreadcrumb.js +53 -0
  49. package/dist/runtime/composables/useBreadcrumb.mjs +53 -0
  50. package/dist/runtime/pages/theme.vue +44 -13
  51. package/dist/runtime/plugins/disable-warnings-plugin.js +18 -0
  52. package/dist/runtime/plugins/disable-warnings-plugin.mjs +18 -0
  53. package/dist/runtime/public/scss/element-plus/affix.css +28 -0
  54. package/dist/runtime/public/scss/element-plus/alert.css +116 -20
  55. package/dist/runtime/public/scss/element-plus/anchor-link.css +28 -0
  56. package/dist/runtime/public/scss/element-plus/anchor.css +28 -0
  57. package/dist/runtime/public/scss/element-plus/aside.css +28 -0
  58. package/dist/runtime/public/scss/element-plus/autocomplete.css +28 -0
  59. package/dist/runtime/public/scss/element-plus/avatar.css +60 -10
  60. package/dist/runtime/public/scss/element-plus/backtop.css +28 -0
  61. package/dist/runtime/public/scss/element-plus/badge.css +30 -2
  62. package/dist/runtime/public/scss/element-plus/base.css +31 -3
  63. package/dist/runtime/public/scss/element-plus/breadcrumb.css +46 -6
  64. package/dist/runtime/public/scss/element-plus/button-group.css +154 -32
  65. package/dist/runtime/public/scss/element-plus/button.css +70 -24
  66. package/dist/runtime/public/scss/element-plus/calendar.css +28 -0
  67. package/dist/runtime/public/scss/element-plus/card.css +41 -6
  68. package/dist/runtime/public/scss/element-plus/carousel-item.css +28 -0
  69. package/dist/runtime/public/scss/element-plus/carousel.css +28 -0
  70. package/dist/runtime/public/scss/element-plus/cascader-panel.css +28 -0
  71. package/dist/runtime/public/scss/element-plus/cascader.css +28 -0
  72. package/dist/runtime/public/scss/element-plus/check-tag.css +28 -0
  73. package/dist/runtime/public/scss/element-plus/checkbox-button.css +33 -0
  74. package/dist/runtime/public/scss/element-plus/checkbox-group.css +28 -0
  75. package/dist/runtime/public/scss/element-plus/checkbox.css +28 -0
  76. package/dist/runtime/public/scss/element-plus/col.css +28 -0
  77. package/dist/runtime/public/scss/element-plus/collapse.css +28 -0
  78. package/dist/runtime/public/scss/element-plus/color-picker.css +28 -0
  79. package/dist/runtime/public/scss/element-plus/common/popup.css +28 -0
  80. package/dist/runtime/public/scss/element-plus/common/transition.css +28 -0
  81. package/dist/runtime/public/scss/element-plus/common/var.css +28 -0
  82. package/dist/runtime/public/scss/element-plus/container.css +28 -0
  83. package/dist/runtime/public/scss/element-plus/dark/css-vars.css +28 -0
  84. package/dist/runtime/public/scss/element-plus/dark/var.css +28 -0
  85. package/dist/runtime/public/scss/element-plus/date-picker/date-picker.css +76 -14
  86. package/dist/runtime/public/scss/element-plus/date-picker/date-range-picker.css +41 -9
  87. package/dist/runtime/public/scss/element-plus/date-picker/date-table.css +31 -3
  88. package/dist/runtime/public/scss/element-plus/date-picker/month-table.css +28 -0
  89. package/dist/runtime/public/scss/element-plus/date-picker/picker-panel.css +69 -6
  90. package/dist/runtime/public/scss/element-plus/date-picker/picker.css +28 -0
  91. package/dist/runtime/public/scss/element-plus/date-picker/time-picker.css +56 -16
  92. package/dist/runtime/public/scss/element-plus/date-picker/time-range-picker.css +39 -4
  93. package/dist/runtime/public/scss/element-plus/date-picker/time-spinner.css +31 -4
  94. package/dist/runtime/public/scss/element-plus/date-picker/year-table.css +28 -0
  95. package/dist/runtime/public/scss/element-plus/date-picker.css +134 -50
  96. package/dist/runtime/public/scss/element-plus/descriptions-item.css +48 -8
  97. package/dist/runtime/public/scss/element-plus/descriptions.css +78 -16
  98. package/dist/runtime/public/scss/element-plus/dialog.css +30 -2
  99. package/dist/runtime/public/scss/element-plus/display.css +28 -0
  100. package/dist/runtime/public/scss/element-plus/divider.css +28 -0
  101. package/dist/runtime/public/scss/element-plus/drawer.css +28 -0
  102. package/dist/runtime/public/scss/element-plus/dropdown.css +43 -12
  103. package/dist/runtime/public/scss/element-plus/empty.css +28 -0
  104. package/dist/runtime/public/scss/element-plus/footer.css +28 -0
  105. package/dist/runtime/public/scss/element-plus/form.css +28 -0
  106. package/dist/runtime/public/scss/element-plus/header.css +28 -0
  107. package/dist/runtime/public/scss/element-plus/icon.css +30 -2
  108. package/dist/runtime/public/scss/element-plus/image-viewer.css +28 -0
  109. package/dist/runtime/public/scss/element-plus/image.css +28 -0
  110. package/dist/runtime/public/scss/element-plus/index.css +920 -329
  111. package/dist/runtime/public/scss/element-plus/input-number.css +50 -6
  112. package/dist/runtime/public/scss/element-plus/input.css +28 -0
  113. package/dist/runtime/public/scss/element-plus/link.css +59 -28
  114. package/dist/runtime/public/scss/element-plus/loading.css +28 -0
  115. package/dist/runtime/public/scss/element-plus/main.css +28 -0
  116. package/dist/runtime/public/scss/element-plus/mention.css +28 -0
  117. package/dist/runtime/public/scss/element-plus/menu.css +28 -0
  118. package/dist/runtime/public/scss/element-plus/message-box.css +34 -2
  119. package/dist/runtime/public/scss/element-plus/message.css +161 -31
  120. package/dist/runtime/public/scss/element-plus/mixins/mixins.css +28 -0
  121. package/dist/runtime/public/scss/element-plus/notification.css +41 -9
  122. package/dist/runtime/public/scss/element-plus/option-group.css +28 -0
  123. package/dist/runtime/public/scss/element-plus/option.css +29 -0
  124. package/dist/runtime/public/scss/element-plus/overlay.css +28 -0
  125. package/dist/runtime/public/scss/element-plus/page-header.css +28 -0
  126. package/dist/runtime/public/scss/element-plus/pagination.css +64 -11
  127. package/dist/runtime/public/scss/element-plus/popconfirm.css +28 -0
  128. package/dist/runtime/public/scss/element-plus/popover.css +28 -0
  129. package/dist/runtime/public/scss/element-plus/popper.css +29 -1
  130. package/dist/runtime/public/scss/element-plus/progress.css +28 -0
  131. package/dist/runtime/public/scss/element-plus/radio-button.css +36 -2
  132. package/dist/runtime/public/scss/element-plus/radio-group.css +28 -0
  133. package/dist/runtime/public/scss/element-plus/radio.css +28 -0
  134. package/dist/runtime/public/scss/element-plus/rate.css +28 -0
  135. package/dist/runtime/public/scss/element-plus/reset.css +28 -0
  136. package/dist/runtime/public/scss/element-plus/result.css +28 -0
  137. package/dist/runtime/public/scss/element-plus/row.css +28 -0
  138. package/dist/runtime/public/scss/element-plus/scrollbar.css +28 -0
  139. package/dist/runtime/public/scss/element-plus/segmented.css +28 -0
  140. package/dist/runtime/public/scss/element-plus/select-dropdown-v2.css +28 -0
  141. package/dist/runtime/public/scss/element-plus/select-dropdown.css +28 -0
  142. package/dist/runtime/public/scss/element-plus/select-v2.css +48 -23
  143. package/dist/runtime/public/scss/element-plus/select.css +48 -23
  144. package/dist/runtime/public/scss/element-plus/skeleton-item.css +28 -0
  145. package/dist/runtime/public/scss/element-plus/skeleton.css +28 -0
  146. package/dist/runtime/public/scss/element-plus/slider.css +28 -0
  147. package/dist/runtime/public/scss/element-plus/space.css +28 -0
  148. package/dist/runtime/public/scss/element-plus/spinner.css +28 -0
  149. package/dist/runtime/public/scss/element-plus/statistic.css +28 -0
  150. package/dist/runtime/public/scss/element-plus/step.css +28 -0
  151. package/dist/runtime/public/scss/element-plus/steps.css +28 -0
  152. package/dist/runtime/public/scss/element-plus/switch.css +116 -20
  153. package/dist/runtime/public/scss/element-plus/table-column.css +29 -1
  154. package/dist/runtime/public/scss/element-plus/table-v2.css +28 -0
  155. package/dist/runtime/public/scss/element-plus/table.css +28 -0
  156. package/dist/runtime/public/scss/element-plus/tabs.css +30 -2
  157. package/dist/runtime/public/scss/element-plus/tag.css +28 -0
  158. package/dist/runtime/public/scss/element-plus/text.css +34 -0
  159. package/dist/runtime/public/scss/element-plus/time-picker.css +111 -30
  160. package/dist/runtime/public/scss/element-plus/time-select.css +76 -14
  161. package/dist/runtime/public/scss/element-plus/timeline-item.css +28 -0
  162. package/dist/runtime/public/scss/element-plus/timeline.css +28 -0
  163. package/dist/runtime/public/scss/element-plus/tooltip-v2.css +28 -0
  164. package/dist/runtime/public/scss/element-plus/tour.css +30 -2
  165. package/dist/runtime/public/scss/element-plus/transfer.css +28 -0
  166. package/dist/runtime/public/scss/element-plus/tree-select.css +28 -0
  167. package/dist/runtime/public/scss/element-plus/tree.css +28 -0
  168. package/dist/runtime/public/scss/element-plus/upload.css +28 -0
  169. package/dist/runtime/public/scss/element-plus/var.css +29 -1
  170. package/dist/runtime/public/scss/element-plus/virtual-list.css +28 -0
  171. package/dist/runtime/public/scss/theme.css +79 -2
  172. package/dist/runtime/types.d.ts +7 -16
  173. package/package.json +1 -1
  174. package/dist/runtime/components/example.button.vue +0 -237
  175. package/dist/runtime/components/example.checkbox.vue +0 -190
  176. package/dist/runtime/components/example.form.vue +0 -494
  177. package/dist/runtime/components/example.input.vue +0 -286
  178. package/dist/runtime/components/example.input.vue.d.ts +0 -20
  179. package/dist/runtime/components/example.popover.vue +0 -161
  180. package/dist/runtime/components/example.radio.vue +0 -165
  181. package/dist/runtime/components/example.select.vue +0 -591
  182. package/dist/runtime/components/example.sidebar.vue +0 -104
  183. package/dist/runtime/components/example.tag.vue +0 -279
  184. package/dist/runtime/components/html-encode.vue +0 -37
  185. package/dist/runtime/plugins/element-extend-plugin.d.ts +0 -38
  186. package/dist/runtime/plugins/element-extend-plugin.js +0 -39
  187. package/dist/runtime/plugins/element-extend-plugin.mjs +0 -39
  188. package/dist/runtime/plugins/experimental-size-plugin.js +0 -13
  189. package/dist/runtime/plugins/experimental-size-plugin.mjs +0 -13
  190. /package/dist/runtime/plugins/{experimental-size-plugin.d.ts → disable-warnings-plugin.d.ts} +0 -0
  191. /package/dist/runtime/plugins/{theme-provider.d.ts → theme-provider-plugin.d.ts} +0 -0
  192. /package/dist/runtime/plugins/{theme-provider.js → theme-provider-plugin.js} +0 -0
  193. /package/dist/runtime/plugins/{theme-provider.mjs → theme-provider-plugin.mjs} +0 -0
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -323,6 +351,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
323
351
  }
324
352
 
325
353
  .el-select-dropdown__item {
354
+ display: flex;
326
355
  font-size: var(--el-font-size-small);
327
356
  font-weight: 500;
328
357
  padding: 0 44px 0 16px;
@@ -433,10 +462,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
433
462
  cursor: pointer;
434
463
  text-align: left;
435
464
  font-size: 14px;
436
- padding: 4px 12px;
465
+ padding: 10px 12px;
437
466
  gap: 8px;
438
467
  min-height: 40px;
439
- line-height: 24px;
468
+ line-height: 20px;
440
469
  border-radius: var(--el-border-radius-base);
441
470
  background-color: var(--el-fill-color-blank);
442
471
  transition: var(--el-transition-duration);
@@ -529,22 +558,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
529
558
  min-width: 0;
530
559
  gap: 8px;
531
560
  }
532
- .el-select__selection.is-near {
533
- margin: 6px 0;
534
- }
535
-
536
561
  .el-select__selection .el-tag {
537
562
  cursor: pointer;
538
563
  }
539
564
  .el-select__selection .el-tag.el-tag--plain {
540
565
  border-color: var(--el-tag-border-color);
541
566
  }
542
- .el-select__selection .el-tag.el-tag--light {
543
- --el-tag-bg-color: var(--el-color-primary-light-2);
544
- --el-tag-border-color: var(--el-color-primary-light-4);
545
- --el-tag-hover-color: var(--el-color-primary-light-5);
546
- --el-tag-text-color: var(--el-color-primary-light-5);
547
- }
548
567
  .el-select__selection .el-tag .el-tag__content {
549
568
  min-width: 0;
550
569
  }
@@ -557,6 +576,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
557
576
  flex-wrap: wrap;
558
577
  user-select: none;
559
578
  }
579
+ .el-select__selected-item .el-tag.el-tag--info {
580
+ --el-tag-bg-color: var(--el-color-primary-light-2);
581
+ --el-tag-border-color: var(--el-color-primary-light-4);
582
+ --el-tag-hover-color: var(--el-color-primary-light-5);
583
+ --el-tag-text-color: var(--el-color-primary-light-5);
584
+ }
560
585
 
561
586
  .el-select__tags-text {
562
587
  display: block;
@@ -623,7 +648,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
623
648
  font-size: inherit;
624
649
  font-family: inherit;
625
650
  appearance: none;
626
- height: 24px;
651
+ height: 20px;
627
652
  max-width: 100%;
628
653
  background-color: transparent;
629
654
  }
@@ -643,9 +668,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
643
668
 
644
669
  .el-select--large .el-select__wrapper {
645
670
  gap: 8px;
646
- padding: 4px 12px;
671
+ padding: 10px 12px;
647
672
  min-height: 40px;
648
- line-height: 24px;
673
+ line-height: 20px;
649
674
  font-size: 14px;
650
675
  }
651
676
 
@@ -653,7 +678,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
653
678
  gap: 8px;
654
679
  }
655
680
  .el-select--large .el-select__selection.is-near {
656
- margin: 6px 0;
681
+ margin: 0;
657
682
  }
658
683
 
659
684
  .el-select--large .el-select__prefix {
@@ -665,12 +690,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
665
690
  }
666
691
 
667
692
  .el-select--large .el-select__input {
668
- height: 24px;
693
+ height: 20px;
669
694
  }
670
695
 
671
696
  .el-select--medium .el-select__wrapper {
672
697
  gap: 8px;
673
- padding: 4px 12px;
698
+ padding: 8px 12px;
674
699
  min-height: 36px;
675
700
  font-size: 14px;
676
701
  }
@@ -679,7 +704,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
679
704
  gap: 8px;
680
705
  }
681
706
  .el-select--medium .el-select__selection.is-near {
682
- margin: 5px -3px;
707
+ margin: 0 -3px;
683
708
  }
684
709
 
685
710
  .el-select--medium .el-select__prefix {
@@ -692,7 +717,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
692
717
 
693
718
  .el-select--small .el-select__wrapper {
694
719
  gap: 4px;
695
- padding: 2px 8px;
720
+ padding: 6px 12px;
696
721
  min-height: 30px;
697
722
  line-height: 20px;
698
723
  font-size: 12px;
@@ -702,7 +727,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
702
727
  gap: 4px;
703
728
  }
704
729
  .el-select--small .el-select__selection.is-near {
705
- margin: 4px -2px;
730
+ margin: 0 -6px;
706
731
  }
707
732
 
708
733
  .el-select--small .el-select__prefix {
@@ -719,7 +744,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
719
744
 
720
745
  .el-select--mini .el-select__wrapper {
721
746
  gap: 4px;
722
- padding: 2px 8px;
747
+ padding: 5px 12px;
723
748
  min-height: 28px;
724
749
  font-size: 12px;
725
750
  }
@@ -728,7 +753,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
728
753
  gap: 4px;
729
754
  }
730
755
  .el-select--mini .el-select__selection.is-near {
731
- margin: 3px -3px;
756
+ margin: 0 -7px;
732
757
  }
733
758
 
734
759
  .el-select--mini .el-select__prefix {
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -323,6 +351,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
323
351
  }
324
352
 
325
353
  .el-select-dropdown__item {
354
+ display: flex;
326
355
  font-size: var(--el-font-size-small);
327
356
  font-weight: 500;
328
357
  padding: 0 44px 0 16px;
@@ -433,10 +462,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
433
462
  cursor: pointer;
434
463
  text-align: left;
435
464
  font-size: 14px;
436
- padding: 4px 12px;
465
+ padding: 10px 12px;
437
466
  gap: 8px;
438
467
  min-height: 40px;
439
- line-height: 24px;
468
+ line-height: 20px;
440
469
  border-radius: var(--el-border-radius-base);
441
470
  background-color: var(--el-fill-color-blank);
442
471
  transition: var(--el-transition-duration);
@@ -529,22 +558,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
529
558
  min-width: 0;
530
559
  gap: 8px;
531
560
  }
532
- .el-select__selection.is-near {
533
- margin: 6px 0;
534
- }
535
-
536
561
  .el-select__selection .el-tag {
537
562
  cursor: pointer;
538
563
  }
539
564
  .el-select__selection .el-tag.el-tag--plain {
540
565
  border-color: var(--el-tag-border-color);
541
566
  }
542
- .el-select__selection .el-tag.el-tag--light {
543
- --el-tag-bg-color: var(--el-color-primary-light-2);
544
- --el-tag-border-color: var(--el-color-primary-light-4);
545
- --el-tag-hover-color: var(--el-color-primary-light-5);
546
- --el-tag-text-color: var(--el-color-primary-light-5);
547
- }
548
567
  .el-select__selection .el-tag .el-tag__content {
549
568
  min-width: 0;
550
569
  }
@@ -557,6 +576,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
557
576
  flex-wrap: wrap;
558
577
  user-select: none;
559
578
  }
579
+ .el-select__selected-item .el-tag.el-tag--info {
580
+ --el-tag-bg-color: var(--el-color-primary-light-2);
581
+ --el-tag-border-color: var(--el-color-primary-light-4);
582
+ --el-tag-hover-color: var(--el-color-primary-light-5);
583
+ --el-tag-text-color: var(--el-color-primary-light-5);
584
+ }
560
585
 
561
586
  .el-select__tags-text {
562
587
  display: block;
@@ -623,7 +648,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
623
648
  font-size: inherit;
624
649
  font-family: inherit;
625
650
  appearance: none;
626
- height: 24px;
651
+ height: 20px;
627
652
  max-width: 100%;
628
653
  background-color: transparent;
629
654
  }
@@ -643,9 +668,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
643
668
 
644
669
  .el-select--large .el-select__wrapper {
645
670
  gap: 8px;
646
- padding: 4px 12px;
671
+ padding: 10px 12px;
647
672
  min-height: 40px;
648
- line-height: 24px;
673
+ line-height: 20px;
649
674
  font-size: 14px;
650
675
  }
651
676
 
@@ -653,7 +678,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
653
678
  gap: 8px;
654
679
  }
655
680
  .el-select--large .el-select__selection.is-near {
656
- margin: 6px 0;
681
+ margin: 0;
657
682
  }
658
683
 
659
684
  .el-select--large .el-select__prefix {
@@ -665,12 +690,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
665
690
  }
666
691
 
667
692
  .el-select--large .el-select__input {
668
- height: 24px;
693
+ height: 20px;
669
694
  }
670
695
 
671
696
  .el-select--medium .el-select__wrapper {
672
697
  gap: 8px;
673
- padding: 4px 12px;
698
+ padding: 8px 12px;
674
699
  min-height: 36px;
675
700
  font-size: 14px;
676
701
  }
@@ -679,7 +704,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
679
704
  gap: 8px;
680
705
  }
681
706
  .el-select--medium .el-select__selection.is-near {
682
- margin: 5px -3px;
707
+ margin: 0 -3px;
683
708
  }
684
709
 
685
710
  .el-select--medium .el-select__prefix {
@@ -692,7 +717,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
692
717
 
693
718
  .el-select--small .el-select__wrapper {
694
719
  gap: 4px;
695
- padding: 2px 8px;
720
+ padding: 6px 12px;
696
721
  min-height: 30px;
697
722
  line-height: 20px;
698
723
  font-size: 12px;
@@ -702,7 +727,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
702
727
  gap: 4px;
703
728
  }
704
729
  .el-select--small .el-select__selection.is-near {
705
- margin: 4px -2px;
730
+ margin: 0 -6px;
706
731
  }
707
732
 
708
733
  .el-select--small .el-select__prefix {
@@ -719,7 +744,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
719
744
 
720
745
  .el-select--mini .el-select__wrapper {
721
746
  gap: 4px;
722
- padding: 2px 8px;
747
+ padding: 5px 12px;
723
748
  min-height: 28px;
724
749
  font-size: 12px;
725
750
  }
@@ -728,7 +753,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
728
753
  gap: 4px;
729
754
  }
730
755
  .el-select--mini .el-select__selection.is-near {
731
- margin: 3px -3px;
756
+ margin: 0 -7px;
732
757
  }
733
758
 
734
759
  .el-select--mini .el-select__prefix {
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }