@timus-networks/theme 2.0.1 → 2.0.2

package/dist/runtime/public/scss/element-plus/avatar.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,15 +301,19 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 **/
 .el-avatar {
-  --el-avatar-text-color: var(--el-color-white);
-  --el-avatar-bg-color: var(--el-text-color-disabled);
-  --el-avatar-text-size: 14px;
-  --el-avatar-icon-size: 18px;
+  --el-avatar-text-color: var(--el-color-neutral-light-4);
+  --el-avatar-bg-color: var(--el-color-white);
+  --el-avatar-text-size: 16px;
+  --el-avatar-line-height: 18px;
+  --el-avatar-icon-size: 16px;
+  --el-avatar-border-color: var(--el-color-neutral-light-3);
   --el-avatar-border-radius: var(--el-border-radius-base);
+  --el-avatar-size: 32px;
   --el-avatar-size-large: 56px;
-  --el-avatar-size: 40px;
-  --el-avatar-size-small: 24px;
-  --el-avatar-size: 40px;
+  --el-avatar-size-medium: 44px;
+  --el-avatar-size-small: 32px;
+  --el-avatar-size-mini: 16px;
+  --el-avatar-size: 32px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -293,6 +325,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   width: var(--el-avatar-size);
   height: var(--el-avatar-size);
   font-size: var(--el-avatar-text-size);
+  border: 1px solid var(--el-avatar-border-color);
+  line-height: 18px;
 }
 .el-avatar > img {
   display: block;
@@ -311,10 +345,26 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   font-size: var(--el-avatar-icon-size);
 }
 
+.el-avatar--large {
+  --el-avatar-size: 56px;
+  --el-avatar-text-size: 16px;
+  --el-avatar-icon-size: 16px;
+}
+
+.el-avatar--medium {
+  --el-avatar-size: 44px;
+  --el-avatar-text-size: 16px;
+  --el-avatar-icon-size: 16px;
+}
+
 .el-avatar--small {
-  --el-avatar-size: 24px;
+  --el-avatar-size: 32px;
+  --el-avatar-text-size: 14px;
+  --el-avatar-icon-size: 14px;
 }
 
-.el-avatar--large {
-  --el-avatar-size: 56px;
+.el-avatar--mini {
+  --el-avatar-size: 16px;
+  --el-avatar-text-size: 8px;
+  --el-avatar-icon-size: 8px;
 }

package/dist/runtime/public/scss/element-plus/backtop.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/badge.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;
 }
@@ -275,9 +303,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-badge {
   --el-badge-bg-color: var(--el-color-danger);
   --el-badge-radius: 10px;
-  --el-badge-font-size: 12px;
+  --el-badge-font-size: 8px;
   --el-badge-padding: 6px;
-  --el-badge-size: 18px;
+  --el-badge-size: 16px;
   position: relative;
   vertical-align: middle;
   display: inline-block;

package/dist/runtime/public/scss/element-plus/base.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;
 }
@@ -342,7 +370,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-fill-color-darker: #e6e8eb;
   --el-fill-color-blank: #ffffff;
   --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
-  --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
+  --el-box-shadow-light: 0px 1px 2px 0px rgba(26, 11, 94, 0.1019607843);
   --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
   --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
   --el-disabled-bg-color: var(--el-color-neutral-light-2);
@@ -484,11 +512,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-icon--right {
-  margin-left: 5px;
+  margin-left: 8px;
 }
 
 .el-icon--left {
-  margin-right: 5px;
+  margin-right: 8px;
 }
 
 @keyframes rotating {

package/dist/runtime/public/scss/element-plus/breadcrumb.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,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 **/
 .el-breadcrumb {
-  font-size: 14px;
+  font-size: 12px;
   line-height: 1;
+  color: var(--el-color-neutral-light-5);
 }
 .el-breadcrumb::before,
 .el-breadcrumb::after {
@@ -287,9 +316,21 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-breadcrumb__separator {
-  margin: 0 9px;
-  font-weight: bold;
-  color: var(--el-text-color-placeholder);
+  margin: 0 4px;
+  color: var(--el-color-neutral-light-5);
+  line-height: 10px;
+}
+.el-breadcrumb__separator::before {
+  font-family: "iconsax" !important;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: 600;
+  line-height: 1;
+  speak: never;
+  text-transform: none;
+  content: "\e932";
 }
 .el-breadcrumb__separator.el-icon {
   margin: 0 6px;
@@ -308,10 +349,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   color: var(--el-text-color-regular);
 }
 .el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
-  font-weight: bold;
   text-decoration: none;
   transition: var(--el-transition-color);
-  color: var(--el-text-color-primary);
+  color: var(--el-color-neutral-light-5);
 }
 .el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
   color: var(--el-color-primary);

package/dist/runtime/public/scss/element-plus/button-group.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;
 }
@@ -294,10 +322,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   margin-left: 0;
 }
 .el-button-group > .el-button:first-child {
+  border-right-color: var(--el-color-primary-light-4);
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 .el-button-group > .el-button:last-child {
+  border-left-color: var(--el-color-primary-light-4);
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -315,10 +345,22 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-button-group > .el-button:not(:first-child):not(:last-child) {
   border-radius: 0;
+  border-left-color: var(--el-color-primary-light-4);
+  border-right-color: var(--el-color-primary-light-4);
 }
 .el-button-group > .el-button:not(:last-child) {
   margin-right: -1px;
 }
+.el-button-group > .el-button.is-disabled:first-child {
+  border-right-color: var(--el-color-primary-light-1);
+}
+.el-button-group > .el-button.is-disabled:last-child {
+  border-left-color: var(--el-color-primary-light-1);
+}
+.el-button-group > .el-button.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-primary-light-1);
+  border-right-color: var(--el-color-primary-light-1);
+}
 .el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active {
   z-index: 1;
 }
@@ -332,82 +374,162 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   border-left-color: var(--el-button-divide-border-color);
 }
 .el-button-group .el-button--primary:first-child {
-  border-right-color: var(--el-button-divide-border-color);
+  border-right-color: var(--el-color-primary-light-4);
 }
 .el-button-group .el-button--primary:last-child {
-  border-left-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-primary-light-4);
 }
 .el-button-group .el-button--primary:not(:first-child):not(:last-child) {
-  border-left-color: var(--el-button-divide-border-color);
-  border-right-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-primary-light-4);
+  border-right-color: var(--el-color-primary-light-4);
+}
+.el-button-group .el-button--primary.is-disabled:first-child {
+  border-right-color: var(--el-color-primary-light-1);
+}
+.el-button-group .el-button--primary.is-disabled:last-child {
+  border-left-color: var(--el-color-primary-light-1);
+}
+.el-button-group .el-button--primary.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-primary-light-1);
+  border-right-color: var(--el-color-primary-light-1);
 }
 .el-button-group .el-button--secondary:first-child {
-  border-right-color: var(--el-button-divide-border-color);
+  border-right-color: var(--el-color-secondary-light-4);
 }
 .el-button-group .el-button--secondary:last-child {
-  border-left-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-secondary-light-4);
 }
 .el-button-group .el-button--secondary:not(:first-child):not(:last-child) {
-  border-left-color: var(--el-button-divide-border-color);
-  border-right-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-secondary-light-4);
+  border-right-color: var(--el-color-secondary-light-4);
+}
+.el-button-group .el-button--secondary.is-disabled:first-child {
+  border-right-color: var(--el-color-secondary-light-1);
+}
+.el-button-group .el-button--secondary.is-disabled:last-child {
+  border-left-color: var(--el-color-secondary-light-1);
+}
+.el-button-group .el-button--secondary.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-secondary-light-1);
+  border-right-color: var(--el-color-secondary-light-1);
 }
 .el-button-group .el-button--neutral:first-child {
-  border-right-color: var(--el-button-divide-border-color);
+  border-right-color: var(--el-color-neutral-light-4);
 }
 .el-button-group .el-button--neutral:last-child {
-  border-left-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-neutral-light-4);
 }
 .el-button-group .el-button--neutral:not(:first-child):not(:last-child) {
-  border-left-color: var(--el-button-divide-border-color);
-  border-right-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-neutral-light-4);
+  border-right-color: var(--el-color-neutral-light-4);
+}
+.el-button-group .el-button--neutral.is-disabled:first-child {
+  border-right-color: var(--el-color-neutral-light-1);
+}
+.el-button-group .el-button--neutral.is-disabled:last-child {
+  border-left-color: var(--el-color-neutral-light-1);
+}
+.el-button-group .el-button--neutral.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-neutral-light-1);
+  border-right-color: var(--el-color-neutral-light-1);
 }
 .el-button-group .el-button--success:first-child {
-  border-right-color: var(--el-button-divide-border-color);
+  border-right-color: var(--el-color-success-light-4);
 }
 .el-button-group .el-button--success:last-child {
-  border-left-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-success-light-4);
 }
 .el-button-group .el-button--success:not(:first-child):not(:last-child) {
-  border-left-color: var(--el-button-divide-border-color);
-  border-right-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-success-light-4);
+  border-right-color: var(--el-color-success-light-4);
+}
+.el-button-group .el-button--success.is-disabled:first-child {
+  border-right-color: var(--el-color-success-light-1);
+}
+.el-button-group .el-button--success.is-disabled:last-child {
+  border-left-color: var(--el-color-success-light-1);
+}
+.el-button-group .el-button--success.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-success-light-1);
+  border-right-color: var(--el-color-success-light-1);
 }
 .el-button-group .el-button--warning:first-child {
-  border-right-color: var(--el-button-divide-border-color);
+  border-right-color: var(--el-color-warning-light-4);
 }
 .el-button-group .el-button--warning:last-child {
-  border-left-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-warning-light-4);
 }
 .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
-  border-left-color: var(--el-button-divide-border-color);
-  border-right-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-warning-light-4);
+  border-right-color: var(--el-color-warning-light-4);
+}
+.el-button-group .el-button--warning.is-disabled:first-child {
+  border-right-color: var(--el-color-warning-light-1);
+}
+.el-button-group .el-button--warning.is-disabled:last-child {
+  border-left-color: var(--el-color-warning-light-1);
+}
+.el-button-group .el-button--warning.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-warning-light-1);
+  border-right-color: var(--el-color-warning-light-1);
 }
 .el-button-group .el-button--danger:first-child {
-  border-right-color: var(--el-button-divide-border-color);
+  border-right-color: var(--el-color-danger-light-4);
 }
 .el-button-group .el-button--danger:last-child {
-  border-left-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-danger-light-4);
 }
 .el-button-group .el-button--danger:not(:first-child):not(:last-child) {
-  border-left-color: var(--el-button-divide-border-color);
-  border-right-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-danger-light-4);
+  border-right-color: var(--el-color-danger-light-4);
+}
+.el-button-group .el-button--danger.is-disabled:first-child {
+  border-right-color: var(--el-color-danger-light-1);
+}
+.el-button-group .el-button--danger.is-disabled:last-child {
+  border-left-color: var(--el-color-danger-light-1);
+}
+.el-button-group .el-button--danger.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-danger-light-1);
+  border-right-color: var(--el-color-danger-light-1);
 }
 .el-button-group .el-button--error:first-child {
-  border-right-color: var(--el-button-divide-border-color);
+  border-right-color: var(--el-color-error-light-4);
 }
 .el-button-group .el-button--error:last-child {
-  border-left-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-error-light-4);
 }
 .el-button-group .el-button--error:not(:first-child):not(:last-child) {
-  border-left-color: var(--el-button-divide-border-color);
-  border-right-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-error-light-4);
+  border-right-color: var(--el-color-error-light-4);
+}
+.el-button-group .el-button--error.is-disabled:first-child {
+  border-right-color: var(--el-color-error-light-1);
+}
+.el-button-group .el-button--error.is-disabled:last-child {
+  border-left-color: var(--el-color-error-light-1);
+}
+.el-button-group .el-button--error.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-error-light-1);
+  border-right-color: var(--el-color-error-light-1);
 }
 .el-button-group .el-button--info:first-child {
-  border-right-color: var(--el-button-divide-border-color);
+  border-right-color: var(--el-color-info-light-4);
 }
 .el-button-group .el-button--info:last-child {
-  border-left-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-info-light-4);
 }
 .el-button-group .el-button--info:not(:first-child):not(:last-child) {
-  border-left-color: var(--el-button-divide-border-color);
-  border-right-color: var(--el-button-divide-border-color);
+  border-left-color: var(--el-color-info-light-4);
+  border-right-color: var(--el-color-info-light-4);
+}
+.el-button-group .el-button--info.is-disabled:first-child {
+  border-right-color: var(--el-color-info-light-1);
+}
+.el-button-group .el-button--info.is-disabled:last-child {
+  border-left-color: var(--el-color-info-light-1);
+}
+.el-button-group .el-button--info.is-disabled:not(:first-child):not(:last-child) {
+  border-left-color: var(--el-color-info-light-1);
+  border-right-color: var(--el-color-info-light-1);
 }