@timus-networks/theme 2.0.1 → 2.0.2

package/dist/runtime/public/scss/element-plus/date-picker/month-table.css

@@ -203,6 +203,34 @@
 :root {
   --el-color-danger-light-9: #7d1f1f;
 }
+:root {
+  --el-color-error-light-1: #fde3e3;
+}
+:root {
+  --el-color-error-light-2: #fdcbcb;
+}
+:root {
+  --el-color-error-light-3: #faa7a7;
+}
+:root {
+  --el-color-error-light-4: #f35c5c;
+}
+:root {
+  --el-color-error-light-5: #eb4848;
+  --el-color-error: #eb4848;
+}
+:root {
+  --el-color-error-light-6: #d82a2a;
+}
+:root {
+  --el-color-error-light-7: #b52020;
+}
+:root {
+  --el-color-error-light-8: #961e1e;
+}
+:root {
+  --el-color-error-light-9: #7d1f1f;
+}
 :root {
   --el-color-success-light-1: #f0f8ed;
 }

package/dist/runtime/public/scss/element-plus/date-picker/picker-panel.css

@@ -203,6 +203,34 @@
 :root {
   --el-color-danger-light-9: #7d1f1f;
 }
+:root {
+  --el-color-error-light-1: #fde3e3;
+}
+:root {
+  --el-color-error-light-2: #fdcbcb;
+}
+:root {
+  --el-color-error-light-3: #faa7a7;
+}
+:root {
+  --el-color-error-light-4: #f35c5c;
+}
+:root {
+  --el-color-error-light-5: #eb4848;
+  --el-color-error: #eb4848;
+}
+:root {
+  --el-color-error-light-6: #d82a2a;
+}
+:root {
+  --el-color-error-light-7: #b52020;
+}
+:root {
+  --el-color-error-light-8: #961e1e;
+}
+:root {
+  --el-color-error-light-9: #7d1f1f;
+}
 :root {
   --el-color-success-light-1: #f0f8ed;
 }
@@ -297,11 +325,44 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-picker-panel__footer {
   border-top: 1px solid var(--el-datepicker-inner-border-color);
-  padding: 4px 12px;
+  padding: 16px;
   text-align: right;
   background-color: var(--el-bg-color-overlay);
   position: relative;
   font-size: 0;
+  display: flex;
+  gap: 30px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.el-picker-panel__footer .el-button {
+  display: flex;
+  flex-basis: 100%;
+}
+.el-picker-panel__footer .el-button.is-text {
+  --el-button-active-border-color: var(--el-color-primary-light-6);
+  border: 1px solid var(--el-color-primary-light-5);
+}
+.el-picker-panel__footer .el-button.is-text:hover {
+  --el-button-text-color: var(--el-color-primary-light-4);
+  border: 1px solid var(--el-color-primary-light-4);
+  background-color: transparent;
+}
+.el-picker-panel__footer .el-button.is-text:active {
+  --el-button-text-color: var(--el-color-primary-light-6);
+  --el-button-border-color: var(--el-color-primary-light-6);
+  border: 1px solid var(--el-color-primary-light-6);
+  background-color: transparent;
+}
+.el-picker-panel__footer .el-button.is-plain {
+  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-bg-color: var(--el-color-primary-light-4);
+  --el-button-hover-border-color: var(--el-color-primary-light-4);
+  --el-button-active-text-color: var(--el-button-hover-text-color);
+  --el-button-active-bg-color: var(--el-color-primary-light-6);
+  --el-button-active-border-color: var(--el-color-primary-light-6);
+  --el-button-bg-color: var(--el-color-primary-light-5);
+  --el-button-text-color: var(--el-color-white);
 }
 
 .el-picker-panel__shortcut {
@@ -310,9 +371,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   border: 0;
   background-color: transparent;
   line-height: 28px;
-  font-size: 14px;
-  color: var(--el-datepicker-text-color);
-  padding-left: 12px;
+  font-size: 12px;
+  color: var(--el-color-neutral-light-7);
+  padding-left: 16px;
   text-align: left;
   outline: none;
   cursor: pointer;
@@ -348,7 +409,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   background: transparent;
   cursor: pointer;
   outline: none;
-  margin-top: 8px;
+  width: 24px;
 }
 .el-picker-panel__icon-btn:hover {
   color: var(--el-datepicker-hover-text-color);
@@ -380,9 +441,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   width: 110px;
   border-right: 1px solid var(--el-datepicker-inner-border-color);
   box-sizing: border-box;
-  padding-top: 6px;
+  padding-top: 16px;
   background-color: var(--el-bg-color-overlay);
   overflow: auto;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
 }
 
 .el-picker-panel *[slot=sidebar] + .el-picker-panel__body,

package/dist/runtime/public/scss/element-plus/date-picker/picker.css

@@ -203,6 +203,34 @@
 :root {
   --el-color-danger-light-9: #7d1f1f;
 }
+:root {
+  --el-color-error-light-1: #fde3e3;
+}
+:root {
+  --el-color-error-light-2: #fdcbcb;
+}
+:root {
+  --el-color-error-light-3: #faa7a7;
+}
+:root {
+  --el-color-error-light-4: #f35c5c;
+}
+:root {
+  --el-color-error-light-5: #eb4848;
+  --el-color-error: #eb4848;
+}
+:root {
+  --el-color-error-light-6: #d82a2a;
+}
+:root {
+  --el-color-error-light-7: #b52020;
+}
+:root {
+  --el-color-error-light-8: #961e1e;
+}
+:root {
+  --el-color-error-light-9: #7d1f1f;
+}
 :root {
   --el-color-success-light-1: #f0f8ed;
 }

package/dist/runtime/public/scss/element-plus/date-picker/time-picker.css

@@ -203,6 +203,34 @@
 :root {
   --el-color-danger-light-9: #7d1f1f;
 }
+:root {
+  --el-color-error-light-1: #fde3e3;
+}
+:root {
+  --el-color-error-light-2: #fdcbcb;
+}
+:root {
+  --el-color-error-light-3: #faa7a7;
+}
+:root {
+  --el-color-error-light-4: #f35c5c;
+}
+:root {
+  --el-color-error-light-5: #eb4848;
+  --el-color-error: #eb4848;
+}
+:root {
+  --el-color-error-light-6: #d82a2a;
+}
+:root {
+  --el-color-error-light-7: #b52020;
+}
+:root {
+  --el-color-error-light-8: #961e1e;
+}
+:root {
+  --el-color-error-light-9: #7d1f1f;
+}
 :root {
   --el-color-success-light-1: #f0f8ed;
 }
@@ -308,8 +336,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding-left: 50%;
   margin-right: 12%;
   margin-left: 12%;
-  border-top: 1px solid var(--el-border-color-light);
-  border-bottom: 1px solid var(--el-border-color-light);
+  border-top: 1px solid var(--el-color-neutral-light-4);
+  border-bottom: 1px solid var(--el-color-neutral-light-4);
 }
 .el-time-panel__content.has-seconds::after {
   left: 66.6666666667%;
@@ -319,26 +347,38 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-time-panel__footer {
-  border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
-  padding: 4px;
-  height: 36px;
+  border-top: 1px solid var(--el-color-neutral-light-4, var(--el-border-color-light));
+  padding: 16px;
   line-height: 25px;
   text-align: right;
   box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: 16px;
 }
 
 .el-time-panel__btn {
-  border: none;
-  line-height: 28px;
-  padding: 0 5px;
-  margin: 0 5px;
-  cursor: pointer;
-  background-color: transparent;
-  outline: none;
-  font-size: 12px;
-  color: var(--el-text-color-primary);
+  flex-basis: 100%;
 }
 .el-time-panel__btn.confirm {
-  font-weight: 800;
-  color: var(--el-timepicker-active-color, var(--el-color-primary));
+  @apply el-button--small el-button el-button--primary;
+  font-weight: 400;
+}
+.el-time-panel__btn.cancel {
+  @apply el-button--small is-plain;
+  --el-button-text-color: var(--el-color-primary-light-5);
+  line-height: normal;
+  border: 1px solid var(--el-color-primary-light-5);
+  color: var(--el-button-text-color);
+}
+.el-time-panel__btn.cancel:hover {
+  --el-button-text-color: var(--el-color-primary-light-4);
+  border: 1px solid var(--el-color-primary-light-4);
+  background-color: transparent;
+}
+.el-time-panel__btn.cancel:active {
+  --el-button-text-color: var(--el-color-primary-light-6);
+  --el-button-border-color: var(--el-color-primary-light-6);
+  border: 1px solid var(--el-color-primary-light-6);
+  background-color: transparent;
 }

package/dist/runtime/public/scss/element-plus/date-picker/time-range-picker.css

@@ -203,6 +203,34 @@
 :root {
   --el-color-danger-light-9: #7d1f1f;
 }
+:root {
+  --el-color-error-light-1: #fde3e3;
+}
+:root {
+  --el-color-error-light-2: #fdcbcb;
+}
+:root {
+  --el-color-error-light-3: #faa7a7;
+}
+:root {
+  --el-color-error-light-4: #f35c5c;
+}
+:root {
+  --el-color-error-light-5: #eb4848;
+  --el-color-error: #eb4848;
+}
+:root {
+  --el-color-error-light-6: #d82a2a;
+}
+:root {
+  --el-color-error-light-7: #b52020;
+}
+:root {
+  --el-color-error-light-8: #961e1e;
+}
+:root {
+  --el-color-error-light-9: #7d1f1f;
+}
 :root {
   --el-color-success-light-1: #f0f8ed;
 }
@@ -279,25 +307,32 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-time-range-picker__content {
   position: relative;
   text-align: center;
-  padding: 10px;
+  padding: 24px 30px;
   z-index: 1;
+  display: flex;
+  gap: 30px;
 }
 
 .el-time-range-picker__cell {
   box-sizing: border-box;
   margin: 0;
-  padding: 4px 7px 7px;
+  padding: 0;
   width: 50%;
   display: inline-block;
 }
 
 .el-time-range-picker__header {
-  margin-bottom: 5px;
+  margin-bottom: 16px;
   text-align: center;
   font-size: 14px;
+  font-weight: 500;
+  line-height: 14px;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
 }
 
 .el-time-range-picker__body {
-  border-radius: 2px;
+  border-radius: 4px;
   border: 1px solid var(--el-datepicker-border-color);
 }

package/dist/runtime/public/scss/element-plus/date-picker/time-spinner.css

@@ -203,6 +203,34 @@
 :root {
   --el-color-danger-light-9: #7d1f1f;
 }
+:root {
+  --el-color-error-light-1: #fde3e3;
+}
+:root {
+  --el-color-error-light-2: #fdcbcb;
+}
+:root {
+  --el-color-error-light-3: #faa7a7;
+}
+:root {
+  --el-color-error-light-4: #f35c5c;
+}
+:root {
+  --el-color-error-light-5: #eb4848;
+  --el-color-error: #eb4848;
+}
+:root {
+  --el-color-error-light-6: #d82a2a;
+}
+:root {
+  --el-color-error-light-7: #b52020;
+}
+:root {
+  --el-color-error-light-8: #961e1e;
+}
+:root {
+  --el-color-error-light-9: #7d1f1f;
+}
 :root {
   --el-color-success-light-1: #f0f8ed;
 }
@@ -345,16 +373,15 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-time-spinner__item {
   height: 32px;
   line-height: 32px;
-  font-size: 12px;
-  color: var(--el-text-color-regular);
+  font-size: 14px;
+  color: var(--el-color-neutral-light-7);
 }
 .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
   background: var(--el-fill-color-light);
   cursor: pointer;
 }
 .el-time-spinner__item.is-active:not(.is-disabled) {
-  color: var(--el-text-color-primary);
-  font-weight: bold;
+  color: var(--el-color-primary);
 }
 .el-time-spinner__item.is-disabled {
   color: var(--el-text-color-placeholder);

package/dist/runtime/public/scss/element-plus/date-picker/year-table.css

@@ -203,6 +203,34 @@
 :root {
   --el-color-danger-light-9: #7d1f1f;
 }
+:root {
+  --el-color-error-light-1: #fde3e3;
+}
+:root {
+  --el-color-error-light-2: #fdcbcb;
+}
+:root {
+  --el-color-error-light-3: #faa7a7;
+}
+:root {
+  --el-color-error-light-4: #f35c5c;
+}
+:root {
+  --el-color-error-light-5: #eb4848;
+  --el-color-error: #eb4848;
+}
+:root {
+  --el-color-error-light-6: #d82a2a;
+}
+:root {
+  --el-color-error-light-7: #b52020;
+}
+:root {
+  --el-color-error-light-8: #961e1e;
+}
+:root {
+  --el-color-error-light-9: #7d1f1f;
+}
 :root {
   --el-color-success-light-1: #f0f8ed;
 }