@timus-networks/theme 2.0.1 → 2.0.2

package/dist/runtime/public/scss/element-plus/time-select.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,
@@ -754,12 +817,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-date-picker {
   --el-datepicker-text-color: var(--el-text-color-regular);
   --el-datepicker-off-text-color: var(--el-text-color-placeholder);
-  --el-datepicker-header-text-color: var(--el-text-color-regular);
-  --el-datepicker-icon-color: var(--el-text-color-primary);
+  --el-datepicker-header-text-color: var(--el-color-neutral-light-4);
+  --el-datepicker-icon-color: var(--el-color-neutral-light-4);
   --el-datepicker-border-color: var(--el-disabled-border-color);
   --el-datepicker-inner-border-color: var(--el-border-color-light);
-  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
-  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
+  --el-datepicker-inrange-bg-color: var(--el-color-primary-light-1);
+  --el-datepicker-inrange-hover-bg-color: var(--el-color-primary-light-1);
   --el-datepicker-active-color: var(--el-color-primary);
   --el-datepicker-hover-text-color: var(--el-color-primary);
 }
@@ -785,16 +848,15 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-date-picker__editor-wrap {
   position: relative;
-  display: table-cell;
-  padding: 0 5px;
 }
 
 .el-date-picker__time-header {
   position: relative;
   border-bottom: 1px solid var(--el-datepicker-inner-border-color);
   font-size: 12px;
-  padding: 8px 5px 5px;
-  display: table;
+  padding: 16px;
+  display: inline-flex;
+  gap: 30px;
   width: 100%;
   box-sizing: border-box;
 }

package/dist/runtime/public/scss/element-plus/timeline-item.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/timeline.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/tooltip-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/tour.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;
 }
@@ -348,7 +376,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   border: none;
   outline: none;
   cursor: pointer;
-  font-size: var(--el-message-close-size, 16px);
+  font-size: var(--el-message-close-size, 12px);
 }
 .el-tour__closebtn .el-tour__close {
   color: var(--el-tour-close-color);
@@ -362,7 +390,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding-bottom: var(--el-tour-padding-primary);
 }
 .el-tour__header.show-close {
-  padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 16px));
+  padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 12px));
 }
 
 .el-tour__title {

package/dist/runtime/public/scss/element-plus/transfer.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/tree-select.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/tree.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/upload.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/var.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);

package/dist/runtime/public/scss/element-plus/virtual-list.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/theme.css

@@ -217,6 +217,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;
 }
@@ -695,6 +723,55 @@
   border-color: transparent !important;
 }
 
+.btn-error {
+  --button-background-color: var(--error-500);
+  --button-border-color: var(--error-500);
+  --button-hover-color: var(--button-hover-font-color);
+  --button-hover-background-color: var(--error-600);
+  --button-hover-border-color: var(--error-600);
+  --button-active-color: var(--button-active-font-color);
+  --button-active-background-color: rgba(var(--error-600-rgb), 0.95);
+  --button-active-border-color: var(--error-600);
+  background-color: var(--button-background-color);
+  border-color: var(--button-border-color);
+  color: var(--button-font-color);
+}
+.btn-error:disabled:not(.btn-ghost, .btn-outline) {
+  background-color: var(--button-border-color);
+  border-color: var(--button-border-color);
+}
+.btn-error-outline, .btn-error-ghost {
+  --button-background-color: var(--error-500);
+  --button-border-color: var(--error-500);
+  --button-hover-color: var(--button-hover-font-color);
+  --button-hover-background-color: var(--error-600);
+  --button-hover-border-color: var(--error-600);
+  --button-active-color: var(--button-active-font-color);
+  --button-active-background-color: rgba(var(--error-600-rgb), 0.95);
+  --button-active-border-color: var(--error-600);
+  border-color: var(--button-border-color);
+  color: var(--button-background-color);
+}
+.btn-error-outline:hover, .btn-error-ghost:hover {
+  background-color: var(--button-hover-background-color);
+  border-color: var(--button-hover-background-color);
+  color: var(--button-font-color);
+}
+.btn-error-outline:active, .btn-error-ghost:active {
+  border-color: var(--button-active-background-color);
+  color: var(--button-font-color);
+  background-color: var(--button-active-background-color);
+}
+.btn-error-outline {
+  background-color: transparent;
+  border-style: solid;
+  border-width: 1px;
+}
+.btn-error-ghost {
+  background-color: transparent;
+  border-color: transparent !important;
+}
+
 .btn-success {
   --button-background-color: var(--success-500);
   --button-border-color: var(--success-500);
@@ -882,7 +959,7 @@ h6,
 .p-medium {
   ---p-medium-font-size: 14px;
   font-size: var(---p-medium-font-size);
-  ---p-medium-line-height: 20px;
+  ---p-medium-line-height: 24px;
   line-height: var(---p-medium-line-height);
 }
 
@@ -911,7 +988,7 @@ h6,
 [class*=" icon"] {
   align-items: center;
   display: flex;
-  gap: 0.375rem;
+  gap: 4px;
   position: relative;
 }
 [class^=icon-xxs]::before,

package/dist/runtime/types.d.ts

@@ -1,7 +1,7 @@
-import '@timus-networks/element-plus';
+import 'element-plus';
 import '@nuxt/schema';
 
-declare module '@timus-networks/element-plus/es/constants' {
+declare module 'element-plus/es/constants' {
   export const componentSizes: readonly string[];
   export type ComponentSize = (typeof componentSizes)[number];
 
@@ -16,25 +16,16 @@ declare module '@timus-networks/element-plus/es/constants' {
   >;
 }
 
-declare module '@timus-networks/element-plus' {
-  export type ThemeSize = typeof import('element-plus/es/constants').componentSizeMap;
-}
-
-declare module '@timus-networks/element-plus/es/utils' {
+declare module 'element-plus/es/utils' {
   export interface EpPropMergeType<T, U, V> extends T {}
 }
 
-declare module '@timus-networks/element-plus' {
-  export type ButtonType = (typeof buttonTypes)[number];
-  export type ExtendedComponentSize = ComponentSize | 'medium' | 'mini' | 'huge';
-  export type ExtendedButtonType = ButtonType | 'secondary' | 'neutral';
-
+declare module 'element-plus' {
   export interface ButtonProps {
-    type: ExtendedButtonType;
-    size?: ExtendedComponentSize;
+    type?: '' | 'default' | 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'text' | 'neutral' | 'secondary';
   }
 
-  export interface InputProps {
-    size?: ExtendedComponentSize;
+  export interface TagProps {
+    type?: 'success' | 'warning' | 'info' | 'primary' | 'danger' | 'secondary' | 'neutral';
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timus-networks/theme",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
   "type": "module",
   "exports": {