@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
  }
@@ -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
  }
@@ -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
  }
@@ -297,11 +325,44 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
297
325
 
298
326
  .el-picker-panel__footer {
299
327
  border-top: 1px solid var(--el-datepicker-inner-border-color);
300
- padding: 4px 12px;
328
+ padding: 16px;
301
329
  text-align: right;
302
330
  background-color: var(--el-bg-color-overlay);
303
331
  position: relative;
304
332
  font-size: 0;
333
+ display: flex;
334
+ gap: 30px;
335
+ border-bottom-left-radius: 4px;
336
+ border-bottom-right-radius: 4px;
337
+ }
338
+ .el-picker-panel__footer .el-button {
339
+ display: flex;
340
+ flex-basis: 100%;
341
+ }
342
+ .el-picker-panel__footer .el-button.is-text {
343
+ --el-button-active-border-color: var(--el-color-primary-light-6);
344
+ border: 1px solid var(--el-color-primary-light-5);
345
+ }
346
+ .el-picker-panel__footer .el-button.is-text:hover {
347
+ --el-button-text-color: var(--el-color-primary-light-4);
348
+ border: 1px solid var(--el-color-primary-light-4);
349
+ background-color: transparent;
350
+ }
351
+ .el-picker-panel__footer .el-button.is-text:active {
352
+ --el-button-text-color: var(--el-color-primary-light-6);
353
+ --el-button-border-color: var(--el-color-primary-light-6);
354
+ border: 1px solid var(--el-color-primary-light-6);
355
+ background-color: transparent;
356
+ }
357
+ .el-picker-panel__footer .el-button.is-plain {
358
+ --el-button-hover-text-color: var(--el-color-white);
359
+ --el-button-hover-bg-color: var(--el-color-primary-light-4);
360
+ --el-button-hover-border-color: var(--el-color-primary-light-4);
361
+ --el-button-active-text-color: var(--el-button-hover-text-color);
362
+ --el-button-active-bg-color: var(--el-color-primary-light-6);
363
+ --el-button-active-border-color: var(--el-color-primary-light-6);
364
+ --el-button-bg-color: var(--el-color-primary-light-5);
365
+ --el-button-text-color: var(--el-color-white);
305
366
  }
306
367
 
307
368
  .el-picker-panel__shortcut {
@@ -310,9 +371,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
310
371
  border: 0;
311
372
  background-color: transparent;
312
373
  line-height: 28px;
313
- font-size: 14px;
314
- color: var(--el-datepicker-text-color);
315
- padding-left: 12px;
374
+ font-size: 12px;
375
+ color: var(--el-color-neutral-light-7);
376
+ padding-left: 16px;
316
377
  text-align: left;
317
378
  outline: none;
318
379
  cursor: pointer;
@@ -348,7 +409,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
348
409
  background: transparent;
349
410
  cursor: pointer;
350
411
  outline: none;
351
- margin-top: 8px;
412
+ width: 24px;
352
413
  }
353
414
  .el-picker-panel__icon-btn:hover {
354
415
  color: var(--el-datepicker-hover-text-color);
@@ -380,9 +441,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
380
441
  width: 110px;
381
442
  border-right: 1px solid var(--el-datepicker-inner-border-color);
382
443
  box-sizing: border-box;
383
- padding-top: 6px;
444
+ padding-top: 16px;
384
445
  background-color: var(--el-bg-color-overlay);
385
446
  overflow: auto;
447
+ border-top-left-radius: 4px;
448
+ border-bottom-left-radius: 4px;
386
449
  }
387
450
 
388
451
  .el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
@@ -393,12 +456,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
393
456
  .el-date-picker {
394
457
  --el-datepicker-text-color: var(--el-text-color-regular);
395
458
  --el-datepicker-off-text-color: var(--el-text-color-placeholder);
396
- --el-datepicker-header-text-color: var(--el-text-color-regular);
397
- --el-datepicker-icon-color: var(--el-text-color-primary);
459
+ --el-datepicker-header-text-color: var(--el-color-neutral-light-4);
460
+ --el-datepicker-icon-color: var(--el-color-neutral-light-4);
398
461
  --el-datepicker-border-color: var(--el-disabled-border-color);
399
462
  --el-datepicker-inner-border-color: var(--el-border-color-light);
400
- --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
401
- --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
463
+ --el-datepicker-inrange-bg-color: var(--el-color-primary-light-1);
464
+ --el-datepicker-inrange-hover-bg-color: var(--el-color-primary-light-1);
402
465
  --el-datepicker-active-color: var(--el-color-primary);
403
466
  --el-datepicker-hover-text-color: var(--el-color-primary);
404
467
  }
@@ -424,16 +487,15 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
424
487
  }
425
488
  .el-date-picker__editor-wrap {
426
489
  position: relative;
427
- display: table-cell;
428
- padding: 0 5px;
429
490
  }
430
491
 
431
492
  .el-date-picker__time-header {
432
493
  position: relative;
433
494
  border-bottom: 1px solid var(--el-datepicker-inner-border-color);
434
495
  font-size: 12px;
435
- padding: 8px 5px 5px;
436
- display: table;
496
+ padding: 16px;
497
+ display: inline-flex;
498
+ gap: 30px;
437
499
  width: 100%;
438
500
  box-sizing: border-box;
439
501
  }
@@ -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,12 +303,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
275
303
  .el-date-range-picker {
276
304
  --el-datepicker-text-color: var(--el-text-color-regular);
277
305
  --el-datepicker-off-text-color: var(--el-text-color-placeholder);
278
- --el-datepicker-header-text-color: var(--el-text-color-regular);
279
- --el-datepicker-icon-color: var(--el-text-color-primary);
306
+ --el-datepicker-header-text-color: var(--el-color-neutral-light-4);
307
+ --el-datepicker-icon-color: var(--el-color-neutral-light-4);
280
308
  --el-datepicker-border-color: var(--el-disabled-border-color);
281
309
  --el-datepicker-inner-border-color: var(--el-border-color-light);
282
- --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
283
- --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
310
+ --el-datepicker-inrange-bg-color: var(--el-color-primary-light-1);
311
+ --el-datepicker-inrange-hover-bg-color: var(--el-color-primary-light-1);
284
312
  --el-datepicker-active-color: var(--el-color-primary);
285
313
  --el-datepicker-hover-text-color: var(--el-color-primary);
286
314
  }
@@ -316,7 +344,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
316
344
  float: right;
317
345
  }
318
346
  .el-date-range-picker__header div {
319
- font-size: 16px;
347
+ font-size: 14px;
348
+ line-height: 25px;
349
+ color: var(--el-color-neutral-light-9);
320
350
  font-weight: 500;
321
351
  margin-right: 50px;
322
352
  }
@@ -339,7 +369,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
339
369
 
340
370
  .el-date-range-picker__editors-wrap {
341
371
  box-sizing: border-box;
342
- display: table-cell;
372
+ display: inline-flex;
373
+ gap: 30px;
343
374
  }
344
375
  .el-date-range-picker__editors-wrap.is-right {
345
376
  text-align: right;
@@ -349,8 +380,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
349
380
  position: relative;
350
381
  border-bottom: 1px solid var(--el-datepicker-inner-border-color);
351
382
  font-size: 12px;
352
- padding: 8px 5px 5px 5px;
353
- display: table;
383
+ padding: 16px;
384
+ display: inline-flex;
385
+ gap: 30px;
354
386
  width: 100%;
355
387
  box-sizing: border-box;
356
388
  }
@@ -364,7 +396,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
364
396
  .el-date-range-picker__time-picker-wrap {
365
397
  position: relative;
366
398
  display: table-cell;
367
- padding: 0 5px;
399
+ padding: 0;
368
400
  }
369
401
  .el-date-range-picker__time-picker-wrap .el-picker-panel {
370
402
  position: absolute;
@@ -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
  }
@@ -329,7 +357,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
329
357
  }
330
358
  .el-date-table td.today .el-date-table-cell__text {
331
359
  color: var(--el-color-primary);
332
- font-weight: bold;
360
+ font-weight: 500;
333
361
  }
334
362
  .el-date-table td.today.start-date .el-date-table-cell__text, .el-date-table td.today.end-date .el-date-table-cell__text {
335
363
  color: #ffffff;
@@ -391,8 +419,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
391
419
  outline: none;
392
420
  }
393
421
  .el-date-table th {
394
- padding: 5px;
422
+ padding: 0;
395
423
  color: var(--el-datepicker-header-text-color);
396
424
  font-weight: 400;
397
- border-bottom: solid 1px var(--el-border-color-lighter);
425
+ border-bottom: solid 1px var(--el-color-neutral-light-4);
398
426
  }