@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
  }
@@ -301,8 +329,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
301
329
  z-index: 1;
302
330
  top: 1px;
303
331
  bottom: 1px;
304
- width: 40px;
305
- background: var(--el-fill-color-light);
332
+ width: 22px;
333
+ background: transparent;
306
334
  color: var(--el-text-color-regular);
307
335
  cursor: pointer;
308
336
  font-size: 13px;
@@ -319,6 +347,14 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
319
347
  cursor: not-allowed;
320
348
  }
321
349
 
350
+ .el-input-number:not(.is-disabled):not(.is-controls-right):hover .el-input-number__decrease {
351
+ border-right: 1px solid var(--el-color-primary);
352
+ }
353
+
354
+ .el-input-number:not(.is-disabled):not(.is-controls-right):hover .el-input-number__increase {
355
+ border-left: 1px solid var(--el-color-primary);
356
+ }
357
+
322
358
  .el-input-number__increase {
323
359
  right: 1px;
324
360
  border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
@@ -345,7 +381,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
345
381
  line-height: 38px;
346
382
  }
347
383
  .el-input-number--large .el-input-number__increase, .el-input-number--large .el-input-number__decrease {
348
- width: 40px;
384
+ width: 22px;
349
385
  font-size: 14px;
350
386
  }
351
387
 
@@ -358,7 +394,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
358
394
  line-height: 34px;
359
395
  }
360
396
  .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
361
- width: 36px;
397
+ width: 22px;
362
398
  font-size: 14px;
363
399
  }
364
400
 
@@ -372,7 +408,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
372
408
  line-height: 28px;
373
409
  }
374
410
  .el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
375
- width: 30px;
411
+ width: 22px;
376
412
  font-size: 12px;
377
413
  }
378
414
 
@@ -385,7 +421,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
385
421
  line-height: 26px;
386
422
  }
387
423
  .el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease {
388
- width: 28px;
424
+ width: 22px;
389
425
  font-size: 12px;
390
426
  }
391
427
 
@@ -432,6 +468,14 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
432
468
  border-radius: 0 0 var(--el-border-radius-base) 0;
433
469
  }
434
470
 
471
+ .el-input-number.is-controls-right:not(.is-disabled):hover .el-input-number__increase, .el-input-number.is-controls-right:not(.is-disabled):hover .el-input-number__decrease {
472
+ border-left: 1px solid var(--el-color-primary);
473
+ }
474
+
475
+ .el-input-number.is-controls-right:not(.is-disabled):hover .el-input-number__increase {
476
+ border-bottom: 1px solid var(--el-color-primary);
477
+ }
478
+
435
479
  .el-input-number.is-controls-right[class*=large] [class*=increase],
436
480
  .el-input-number.is-controls-right[class*=large] [class*=decrease] {
437
481
  --el-input-number-controls-height: 19px;
@@ -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
  }
@@ -275,13 +303,15 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
275
303
  .el-link {
276
304
  --el-link-font-size: var(--el-font-size-base);
277
305
  --el-link-font-weight: var(--el-font-weight-primary);
278
- --el-link-text-color: var(--el-text-color-regular);
279
- --el-link-hover-text-color: var(--el-color-primary);
280
- --el-link-disabled-text-color: var(--el-text-color-placeholder);
306
+ --el-link-text-color: var(--el-color-primary-light-5);
307
+ --el-link-hover-text-color: var(--el-color-primary-light-4);
308
+ --el-link-disabled-text-color: var(--el-color-primary-light-2);
309
+ --el-link-active-text-color: var(--el-color-primary-light-6);
281
310
  }
282
311
 
283
312
  .el-link {
284
313
  display: inline-flex;
314
+ gap: 4px;
285
315
  flex-direction: row;
286
316
  align-items: center;
287
317
  justify-content: center;
@@ -298,16 +328,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
298
328
  .el-link:hover {
299
329
  color: var(--el-link-hover-text-color);
300
330
  }
301
- .el-link.is-underline:hover:after {
302
- content: "";
303
- position: absolute;
304
- left: 0;
305
- right: 0;
306
- height: 0;
307
- bottom: 0;
308
- border-bottom: 1px solid var(--el-link-hover-text-color);
331
+ .el-link:active {
332
+ color: var(--el-link-active-text-color);
309
333
  }
310
-
311
334
  .el-link.is-disabled {
312
335
  color: var(--el-link-disabled-text-color);
313
336
  cursor: not-allowed;
@@ -327,8 +350,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
327
350
 
328
351
  .el-link.el-link--primary {
329
352
  --el-link-text-color: var(--el-color-primary);
330
- --el-link-hover-text-color: var(--el-color-primary-light-3);
331
- --el-link-disabled-text-color: var(--el-color-primary-light-5);
353
+ --el-link-hover-text-color: var(--el-color-primary-light-4);
354
+ --el-link-active-text-color: var(--el-color-primary-light-6);
355
+ --el-link-disabled-text-color: var(--el-color-primary-light-2);
332
356
  }
333
357
  .el-link.el-link--primary:after {
334
358
  border-color: var(--el-link-text-color);
@@ -339,8 +363,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
339
363
 
340
364
  .el-link.el-link--secondary {
341
365
  --el-link-text-color: var(--el-color-secondary);
342
- --el-link-hover-text-color: var(--el-color-secondary-light-3);
343
- --el-link-disabled-text-color: var(--el-color-secondary-light-5);
366
+ --el-link-hover-text-color: var(--el-color-secondary-light-4);
367
+ --el-link-active-text-color: var(--el-color-secondary-light-6);
368
+ --el-link-disabled-text-color: var(--el-color-secondary-light-2);
344
369
  }
345
370
  .el-link.el-link--secondary:after {
346
371
  border-color: var(--el-link-text-color);
@@ -351,8 +376,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
351
376
 
352
377
  .el-link.el-link--neutral {
353
378
  --el-link-text-color: var(--el-color-neutral);
354
- --el-link-hover-text-color: var(--el-color-neutral-light-3);
355
- --el-link-disabled-text-color: var(--el-color-neutral-light-5);
379
+ --el-link-hover-text-color: var(--el-color-neutral-light-4);
380
+ --el-link-active-text-color: var(--el-color-neutral-light-6);
381
+ --el-link-disabled-text-color: var(--el-color-neutral-light-2);
356
382
  }
357
383
  .el-link.el-link--neutral:after {
358
384
  border-color: var(--el-link-text-color);
@@ -363,8 +389,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
363
389
 
364
390
  .el-link.el-link--success {
365
391
  --el-link-text-color: var(--el-color-success);
366
- --el-link-hover-text-color: var(--el-color-success-light-3);
367
- --el-link-disabled-text-color: var(--el-color-success-light-5);
392
+ --el-link-hover-text-color: var(--el-color-success-light-4);
393
+ --el-link-active-text-color: var(--el-color-success-light-6);
394
+ --el-link-disabled-text-color: var(--el-color-success-light-2);
368
395
  }
369
396
  .el-link.el-link--success:after {
370
397
  border-color: var(--el-link-text-color);
@@ -375,8 +402,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
375
402
 
376
403
  .el-link.el-link--warning {
377
404
  --el-link-text-color: var(--el-color-warning);
378
- --el-link-hover-text-color: var(--el-color-warning-light-3);
379
- --el-link-disabled-text-color: var(--el-color-warning-light-5);
405
+ --el-link-hover-text-color: var(--el-color-warning-light-4);
406
+ --el-link-active-text-color: var(--el-color-warning-light-6);
407
+ --el-link-disabled-text-color: var(--el-color-warning-light-2);
380
408
  }
381
409
  .el-link.el-link--warning:after {
382
410
  border-color: var(--el-link-text-color);
@@ -387,8 +415,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
387
415
 
388
416
  .el-link.el-link--danger {
389
417
  --el-link-text-color: var(--el-color-danger);
390
- --el-link-hover-text-color: var(--el-color-danger-light-3);
391
- --el-link-disabled-text-color: var(--el-color-danger-light-5);
418
+ --el-link-hover-text-color: var(--el-color-danger-light-4);
419
+ --el-link-active-text-color: var(--el-color-danger-light-6);
420
+ --el-link-disabled-text-color: var(--el-color-danger-light-2);
392
421
  }
393
422
  .el-link.el-link--danger:after {
394
423
  border-color: var(--el-link-text-color);
@@ -399,8 +428,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
399
428
 
400
429
  .el-link.el-link--error {
401
430
  --el-link-text-color: var(--el-color-error);
402
- --el-link-hover-text-color: var(--el-color-error-light-3);
403
- --el-link-disabled-text-color: var(--el-color-error-light-5);
431
+ --el-link-hover-text-color: var(--el-color-error-light-4);
432
+ --el-link-active-text-color: var(--el-color-error-light-6);
433
+ --el-link-disabled-text-color: var(--el-color-error-light-2);
404
434
  }
405
435
  .el-link.el-link--error:after {
406
436
  border-color: var(--el-link-text-color);
@@ -411,8 +441,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
411
441
 
412
442
  .el-link.el-link--info {
413
443
  --el-link-text-color: var(--el-color-info);
414
- --el-link-hover-text-color: var(--el-color-info-light-3);
415
- --el-link-disabled-text-color: var(--el-color-info-light-5);
444
+ --el-link-hover-text-color: var(--el-color-info-light-4);
445
+ --el-link-active-text-color: var(--el-color-info-light-6);
446
+ --el-link-disabled-text-color: var(--el-color-info-light-2);
416
447
  }
417
448
  .el-link.el-link--info:after {
418
449
  border-color: var(--el-link-text-color);
@@ -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
  }
@@ -369,7 +397,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
369
397
  padding-bottom: var(--el-messagebox-padding-primary);
370
398
  }
371
399
  .el-message-box__header.show-close {
372
- padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px));
400
+ padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 12px));
373
401
  }
374
402
 
375
403
  .el-message-box__title {
@@ -388,7 +416,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
388
416
  border: none;
389
417
  outline: none;
390
418
  background: transparent;
391
- font-size: var(--el-message-close-size, 16px);
419
+ font-size: var(--el-message-close-size, 12px);
392
420
  cursor: pointer;
393
421
  }
394
422
  .el-message-box__headerbtn .el-message-box__close {
@@ -439,6 +467,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
439
467
  --el-messagebox-color: var(--el-color-error);
440
468
  color: var(--el-messagebox-color);
441
469
  }
470
+ .el-message-box__status.el-message-box-icon--danger {
471
+ --el-messagebox-color: var(--el-color-danger);
472
+ color: var(--el-messagebox-color);
473
+ }
442
474
 
443
475
  .el-message-box__message {
444
476
  margin: 0;