@timus-networks/theme 2.0.1 → 2.0.2

package/dist/runtime/public/scss/element-plus/switch.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;
 }
@@ -273,8 +301,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 **/
 .el-switch {
-  --el-switch-on-color: var(--el-color-primary);
-  --el-switch-off-color: var(--el-border-color);
+  --el-switch-on-color: var(--el-color-success);
+  --el-switch-on-box-shadow: 0 0 0 4px var(--el-color-success-light-2);
+  --el-switch-off-box-shadow: 0 0 0 4px var(--el-color-neutral-light-3);
+  --el-switch-off-color: var(--el-color-neutral-light-7);
+  --el-switch-on-disabled-color: var(--el-color-neutral-light-3);
+  --el-switch-off-disabled-color: var(--el-color-success-light-3);
 }
 
 .el-switch {
@@ -283,11 +315,31 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   position: relative;
   font-size: 14px;
   line-height: 20px;
-  height: 32px;
+  height: 40px;
   vertical-align: middle;
 }
+.el-switch:active .el-switch__core {
+  box-shadow: var(--el-switch-off-box-shadow);
+  transition: box-shadow 0.1s ease-in-out;
+}
+.el-switch:active.is-checked .el-switch__core {
+  box-shadow: var(--el-switch-on-box-shadow);
+  transition: box-shadow 0.1s ease-in-out;
+}
+
+.el-switch:active.is-disabled .el-switch__core {
+  box-shadow: none;
+}
+
 .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
   cursor: not-allowed;
+  background-color: var(--el-switch-on-disabled-color);
+  border-color: var(--el-switch-on-disabled-color);
+}
+.el-switch.is-disabled.is-checked .el-switch__core, .el-switch.is-disabled.is-checked .el-switch__label {
+  cursor: not-allowed;
+  background-color: var(--el-switch-off-disabled-color);
+  border-color: var(--el-switch-off-disabled-color);
 }
 
 .el-switch__label {
@@ -298,18 +350,18 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   font-weight: 500;
   cursor: pointer;
   vertical-align: middle;
-  color: var(--el-text-color-primary);
+  color: var(--el-color-neutral-light-9);
 }
 .el-switch__label.is-active {
-  color: var(--el-color-primary);
+  color: var(--el-color-neutral-light-9);
 }
 
 .el-switch__label--left {
-  margin-right: 10px;
+  margin-right: 16px;
 }
 
 .el-switch__label--right {
-  margin-left: 10px;
+  margin-left: 16px;
 }
 
 .el-switch__label * {
@@ -395,10 +447,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding: 0 calc(16px + 2px) 0 4px;
 }
 
-.el-switch.is-disabled {
-  opacity: 0.6;
-}
-
 .el-switch--wide .el-switch__label.el-switch__label--left span {
   left: 10px;
 }
@@ -429,7 +477,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-switch--large .el-switch__core .el-switch__inner {
   height: 20px;
-  padding: 0 6px 0 calc(20px + 2px);
+  padding: 0 116px 0 calc(20px + 2px);
 }
 .el-switch--large .el-switch__core .el-switch__action {
   width: 20px;
@@ -440,23 +488,47 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   left: calc(100% - 21px);
 }
 .el-switch--large.is-checked .el-switch__core .el-switch__inner {
-  padding: 0 calc(20px + 2px) 0 6px;
+  padding: 0 calc(20px + 2px) 0 116px;
 }
 
+.el-switch--medium {
+  font-size: 14px;
+  line-height: 20px;
+  height: 36px;
+}
+.el-switch--medium .el-switch__label {
+  height: 20px;
+  font-size: 14px;
+}
+.el-switch--medium .el-switch__label * {
+  font-size: 14px;
+}
+
+.el-switch--medium .el-switch__core {
+  min-width: 36px;
+  height: 20px;
+  border-radius: 10px;
+}
 .el-switch--medium .el-switch__core .el-switch__inner {
-  padding: 0 0 calc( + 2px);
+  height: 16px;
+  padding: 0 0 calc(16px + 2px);
 }
+.el-switch--medium .el-switch__core .el-switch__action {
+  width: 16px;
+  height: 16px;
+}
+
 .el-switch--medium.is-checked .el-switch__core .el-switch__action {
-  left: calc(100% - 1px);
+  left: calc(100% - 17px);
 }
 .el-switch--medium.is-checked .el-switch__core .el-switch__inner {
-  padding: 0 calc( + 2px) 0;
+  padding: 0 calc(16px + 2px) 0;
 }
 
 .el-switch--small {
   font-size: 12px;
   line-height: 16px;
-  height: 24px;
+  height: 30px;
 }
 .el-switch--small .el-switch__label {
   height: 16px;
@@ -487,12 +559,36 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding: 0 calc(12px + 2px) 0 2px;
 }
 
+.el-switch--mini {
+  font-size: 12px;
+  line-height: 12px;
+  height: 28px;
+}
+.el-switch--mini .el-switch__label {
+  height: 12px;
+  font-size: 12px;
+}
+.el-switch--mini .el-switch__label * {
+  font-size: 12px;
+}
+
+.el-switch--mini .el-switch__core {
+  min-width: 20px;
+  height: 12px;
+  border-radius: 6px;
+}
 .el-switch--mini .el-switch__core .el-switch__inner {
-  padding: 0 0 calc( + 2px);
+  height: 8px;
+  padding: 0 0 calc(8px + 2px);
+}
+.el-switch--mini .el-switch__core .el-switch__action {
+  width: 8px;
+  height: 8px;
 }
+
 .el-switch--mini.is-checked .el-switch__core .el-switch__action {
-  left: calc(100% - 1px);
+  left: calc(100% - 9px);
 }
 .el-switch--mini.is-checked .el-switch__core .el-switch__inner {
-  padding: 0 calc( + 2px) 0;
+  padding: 0 calc(8px + 2px) 0;
 }

package/dist/runtime/public/scss/element-plus/table-column.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;
 }
@@ -299,7 +327,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   font-size: var(--el-font-size-base);
 }
 .el-table-filter__list-item:hover {
-  background-color: var(--el-color-primary-light-9);
+  background-color: var(--el-color-white);
   color: var(--el-color-primary);
 }
 .el-table-filter__list-item.is-active {

package/dist/runtime/public/scss/element-plus/table-v2.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/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/tabs.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;
 }
@@ -393,7 +421,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-tabs__item {
-  padding: 0 20px;
+  padding: 0 12px;
   height: var(--el-tabs-header-height);
   box-sizing: border-box;
   display: flex;
@@ -402,7 +430,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   list-style: none;
   font-size: var(--el-font-size-base);
   font-weight: 500;
-  color: var(--el-text-color-primary);
+  color: var(--el-color-neutral-light-4);
   position: relative;
 }
 .el-tabs__item:focus, .el-tabs__item:focus:active {

package/dist/runtime/public/scss/element-plus/tag.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/text.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;
 }
@@ -341,4 +369,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-text > .el-icon {
   vertical-align: -2px;
+}
+
+mark.el-text {
+  border: 1px solid #eaea0d;
+  border-radius: 4px;
+  padding: 0 4px;
 }

package/dist/runtime/public/scss/element-plus/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;
 }
@@ -658,11 +686,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 {
@@ -671,9 +732,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;
@@ -709,7 +770,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);
@@ -741,9 +802,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,
@@ -824,16 +887,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);
@@ -876,8 +938,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%;
@@ -887,28 +949,40 @@ 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;
 }
 
 .el-time-range-picker {
@@ -918,25 +992,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);
 }