@timus-networks/theme 2.2.1 → 2.3.0

package/dist/runtime/public/scss/element-plus/index.scss

@@ -0,0 +1,110 @@
+@use './base.scss';
+// component styles
+@use './affix.scss';
+@use './alert.scss';
+@use './aside.scss';
+@use './autocomplete.scss';
+@use './avatar.scss';
+@use './backtop.scss';
+@use './badge.scss';
+@use './breadcrumb-item.scss';
+@use './breadcrumb.scss';
+@use './button-group.scss';
+@use './button.scss';
+@use './calendar.scss';
+@use './card.scss';
+@use './carousel-item.scss';
+@use './carousel.scss';
+@use './cascader-panel.scss';
+@use './cascader.scss';
+@use './check-tag.scss';
+@use './checkbox-button.scss';
+@use './checkbox-group.scss';
+@use './checkbox.scss';
+@use './col.scss';
+@use './collapse-item.scss';
+@use './collapse.scss';
+@use './color-picker.scss';
+@use './config-provider.scss';
+@use './container.scss';
+@use './date-picker.scss';
+@use './descriptions';
+@use './descriptions-item';
+@use './dialog.scss';
+@use './divider.scss';
+@use './drawer.scss';
+@use './dropdown-item.scss';
+@use './dropdown-menu.scss';
+@use './dropdown.scss';
+@use './empty.scss';
+@use './footer.scss';
+@use './form-item.scss';
+@use './form.scss';
+@use './header.scss';
+@use './image-viewer.scss';
+@use './image.scss';
+@use './infinite-scroll.scss';
+@use './input.scss';
+@use './input-number.scss';
+@use './link.scss';
+@use './loading.scss';
+@use './main.scss';
+@use './menu-item-group.scss';
+@use './menu-item.scss';
+@use './menu.scss';
+@use './message-box.scss';
+@use './message.scss';
+@use './notification.scss';
+@use './overlay.scss';
+@use './page-header.scss';
+@use './pagination.scss';
+@use './popconfirm.scss';
+@use './popover.scss';
+@use './progress.scss';
+@use './radio-button.scss';
+@use './radio-group.scss';
+@use './radio.scss';
+@use './rate.scss';
+@use './result.scss';
+@use './row.scss';
+@use './scrollbar.scss';
+@use './select-v2.scss';
+@use './select.scss';
+@use './skeleton-item.scss';
+@use './skeleton.scss';
+@use './slider.scss';
+@use './space.scss';
+@use './spinner.scss';
+@use './step.scss';
+@use './steps.scss';
+@use './sub-menu.scss';
+@use './switch.scss';
+@use './tab-pane.scss';
+@use './table-column.scss';
+@use './table.scss';
+@use './table-v2.scss';
+@use './tabs.scss';
+@use './tag.scss';
+@use './text.scss';
+@use './time-picker.scss';
+@use './time-select.scss';
+@use './timeline-item.scss';
+@use './timeline.scss';
+@use './tooltip.scss';
+@use './tooltip-v2.scss';
+@use './transfer.scss';
+@use './tree.scss';
+@use './tree-select.scss';
+@use './upload.scss';
+@use './virtual-list.scss';
+@use './popper.scss';
+@use './select-dropdown-v2.scss';
+@use './select-dropdown.scss';
+@use './option.scss';
+@use './option-group.scss';
+@use './statistic.scss';
+@use './tour.scss';
+@use './anchor.scss';
+@use './anchor-link.scss';
+@use './segmented.scss';
+@use './mention.scss';

package/dist/runtime/public/scss/element-plus/input-number.css

@@ -36,116 +36,116 @@
   --el-color-light-light-9: rgba(255, 255, 255, 0.01);
 }
 :root {
-  --el-color-default-light-1: #dee2ff;
+  --el-color-default-light-1: #ddd7f7;
 }
 :root {
-  --el-color-default-light-2: #c3c8ff;
+  --el-color-default-light-2: #bcafef;
 }
 :root {
-  --el-color-default-light-3: #9fa4ff;
+  --el-color-default-light-3: #9a87e6;
 }
 :root {
-  --el-color-default-light-4: #7e79ff;
+  --el-color-default-light-4: #795fde;
 }
 :root {
-  --el-color-default-light-5: #6959fb;
-  --el-color-default: #6959fb;
+  --el-color-default-light-5: #5737d6;
+  --el-color-default: #5737d6;
 }
 :root {
-  --el-color-default-light-6: #5c3bf0;
+  --el-color-default-light-6: #462cab;
 }
 :root {
-  --el-color-default-light-7: #5737d6;
+  --el-color-default-light-7: #342180;
 }
 :root {
-  --el-color-default-light-8: #4028ab;
+  --el-color-default-light-8: #231656;
 }
 :root {
-  --el-color-default-light-9: #151517;
+  --el-color-default-light-9: #110b2b;
 }
 :root {
-  --el-color-primary-light-1: #dee2ff;
+  --el-color-primary-light-1: #ddd7f7;
 }
 :root {
-  --el-color-primary-light-2: #c3c8ff;
+  --el-color-primary-light-2: #bcafef;
 }
 :root {
-  --el-color-primary-light-3: #9fa4ff;
+  --el-color-primary-light-3: #9a87e6;
 }
 :root {
-  --el-color-primary-light-4: #7e79ff;
+  --el-color-primary-light-4: #795fde;
 }
 :root {
-  --el-color-primary-light-5: #6959fb;
-  --el-color-primary: #6959fb;
+  --el-color-primary-light-5: #5737d6;
+  --el-color-primary: #5737d6;
 }
 :root {
-  --el-color-primary-light-6: #5c3bf0;
+  --el-color-primary-light-6: #462cab;
 }
 :root {
-  --el-color-primary-light-7: #5737d6;
+  --el-color-primary-light-7: #342180;
 }
 :root {
-  --el-color-primary-light-8: #4028ab;
+  --el-color-primary-light-8: #231656;
 }
 :root {
-  --el-color-primary-light-9: #382887;
+  --el-color-primary-light-9: #110b2b;
 }
 :root {
-  --el-color-secondary-light-1: #d5f6e8;
+  --el-color-secondary-light-1: #e9fdf7;
 }
 :root {
-  --el-color-secondary-light-2: #aeecd4;
+  --el-color-secondary-light-2: #d4fbee;
 }
 :root {
-  --el-color-secondary-light-3: #7eddbf;
+  --el-color-secondary-light-3: #bef8e6;
 }
 :root {
-  --el-color-secondary-light-4: #43c49f;
+  --el-color-secondary-light-4: #a9f6dd;
 }
 :root {
-  --el-color-secondary-light-5: #20a987;
-  --el-color-secondary: #20a987;
+  --el-color-secondary-light-5: #93f4d5;
+  --el-color-secondary: #93f4d5;
 }
 :root {
-  --el-color-secondary-light-6: #12896e;
+  --el-color-secondary-light-6: #77d4b7;
 }
 :root {
-  --el-color-secondary-light-7: #0f6d5a;
+  --el-color-secondary-light-7: #5cb599;
 }
 :root {
-  --el-color-secondary-light-8: #0e5748;
+  --el-color-secondary-light-8: #40957a;
 }
 :root {
-  --el-color-secondary-light-9: #0d473d;
+  --el-color-secondary-light-9: #25765c;
 }
 :root {
-  --el-color-neutral-light-1: #f8f7f8;
+  --el-color-neutral-light-1: #eeedef;
 }
 :root {
-  --el-color-neutral-light-2: #f3f2f4;
+  --el-color-neutral-light-2: #dcdbe0;
 }
 :root {
-  --el-color-neutral-light-3: #dad9dd;
+  --el-color-neutral-light-3: #cbcad0;
 }
 :root {
-  --el-color-neutral-light-4: #c1c0c7;
+  --el-color-neutral-light-4: #b9b8c1;
 }
 :root {
   --el-color-neutral-light-5: #a8a6b1;
   --el-color-neutral: #a8a6b1;
 }
 :root {
-  --el-color-neutral-light-6: #8f8d9a;
+  --el-color-neutral-light-6: #8b8993;
 }
 :root {
-  --el-color-neutral-light-7: #83818f;
+  --el-color-neutral-light-7: #6e6c74;
 }
 :root {
-  --el-color-neutral-light-8: #454157;
+  --el-color-neutral-light-8: #515056;
 }
 :root {
-  --el-color-neutral-light-9: #07021f;
+  --el-color-neutral-light-9: #343337;
 }
 :root {
   --el-color-info-light-1: #e3f1fb;
@@ -176,116 +176,116 @@
   --el-color-info-light-9: #144a66;
 }
 :root {
-  --el-color-danger-light-1: #fde3e3;
+  --el-color-danger-light-1: #f9dede;
 }
 :root {
-  --el-color-danger-light-2: #fdcbcb;
+  --el-color-danger-light-2: #f4bcbd;
 }
 :root {
-  --el-color-danger-light-3: #faa7a7;
+  --el-color-danger-light-3: #ee9b9d;
 }
 :root {
-  --el-color-danger-light-4: #f35c5c;
+  --el-color-danger-light-4: #e9797c;
 }
 :root {
-  --el-color-danger-light-5: #eb4848;
-  --el-color-danger: #eb4848;
+  --el-color-danger-light-5: #e3585b;
+  --el-color-danger: #e3585b;
 }
 :root {
-  --el-color-danger-light-6: #d82a2a;
+  --el-color-danger-light-6: #b94749;
 }
 :root {
-  --el-color-danger-light-7: #b52020;
+  --el-color-danger-light-7: #8f3638;
 }
 :root {
-  --el-color-danger-light-8: #961e1e;
+  --el-color-danger-light-8: #642526;
 }
 :root {
-  --el-color-danger-light-9: #7d1f1f;
+  --el-color-danger-light-9: #3a1415;
 }
 :root {
-  --el-color-error-light-1: #fde3e3;
+  --el-color-error-light-1: #f9dede;
 }
 :root {
-  --el-color-error-light-2: #fdcbcb;
+  --el-color-error-light-2: #f4bcbd;
 }
 :root {
-  --el-color-error-light-3: #faa7a7;
+  --el-color-error-light-3: #ee9b9d;
 }
 :root {
-  --el-color-error-light-4: #f35c5c;
+  --el-color-error-light-4: #e9797c;
 }
 :root {
-  --el-color-error-light-5: #eb4848;
-  --el-color-error: #eb4848;
+  --el-color-error-light-5: #e3585b;
+  --el-color-error: #e3585b;
 }
 :root {
-  --el-color-error-light-6: #d82a2a;
+  --el-color-error-light-6: #b94749;
 }
 :root {
-  --el-color-error-light-7: #b52020;
+  --el-color-error-light-7: #8f3638;
 }
 :root {
-  --el-color-error-light-8: #961e1e;
+  --el-color-error-light-8: #642526;
 }
 :root {
-  --el-color-error-light-9: #7d1f1f;
+  --el-color-error-light-9: #3a1415;
 }
 :root {
-  --el-color-success-light-1: #f0f8ed;
+  --el-color-success-light-1: #dbf1e2;
 }
 :root {
-  --el-color-success-light-2: #d9edd3;
+  --el-color-success-light-2: #b7e2c6;
 }
 :root {
-  --el-color-success-light-3: #b4daa7;
+  --el-color-success-light-3: #94d4a9;
 }
 :root {
-  --el-color-success-light-4: #8ec87b;
+  --el-color-success-light-4: #70c58d;
 }
 :root {
-  --el-color-success-light-5: #69b64f;
-  --el-color-success: #69b64f;
+  --el-color-success-light-5: #4cb770;
+  --el-color-success: #4cb770;
 }
 :root {
-  --el-color-success-light-6: #488633;
+  --el-color-success-light-6: #3d925a;
 }
 :root {
-  --el-color-success-light-7: #3a6a2b;
+  --el-color-success-light-7: #2e6e43;
 }
 :root {
-  --el-color-success-light-8: #315526;
+  --el-color-success-light-8: #1e492d;
 }
 :root {
-  --el-color-success-light-9: #294621;
+  --el-color-success-light-9: #0f2516;
 }
 :root {
-  --el-color-warning-light-1: #fff5c6;
+  --el-color-warning-light-1: #faf3dc;
 }
 :root {
-  --el-color-warning-light-2: #ffe988;
+  --el-color-warning-light-2: #f6e8ba;
 }
 :root {
-  --el-color-warning-light-3: #ffd643;
+  --el-color-warning-light-3: #f1dc97;
 }
 :root {
-  --el-color-warning-light-4: #ffc520;
+  --el-color-warning-light-4: #edd175;
 }
 :root {
-  --el-color-warning-light-5: #f9a307;
-  --el-color-warning: #f9a307;
+  --el-color-warning-light-5: #e8c552;
+  --el-color-warning: #e8c552;
 }
 :root {
-  --el-color-warning-light-6: #dd7b02;
+  --el-color-warning-light-6: #bda042;
 }
 :root {
-  --el-color-warning-light-7: #b75606;
+  --el-color-warning-light-7: #927b32;
 }
 :root {
-  --el-color-warning-light-8: #94410c;
+  --el-color-warning-light-8: #665722;
 }
 :root {
-  --el-color-warning-light-9: #7a370d;
+  --el-color-warning-light-9: #3b3212;
 }
 /**
 Bununla selectorun içerisine variable ekleyebiliyorsun

package/dist/runtime/public/scss/element-plus/input-number.scss

@@ -0,0 +1,184 @@
+@use 'sass:math';
+@use 'sass:map';
+
+@use 'mixins/mixins' as *;
+@use 'common/var' as *;
+
+@include b(input-number) {
+  position: relative;
+  display: inline-flex;
+  width: map.get($input-number-width, 'default');
+  line-height: #{map.get($input-height, 'default') - 2};
+
+  .#{$namespace}-input {
+    &__wrapper {
+      padding-left: #{map.get($input-height, 'default') + 10};
+      padding-right: #{map.get($input-height, 'default') + 10};
+    }
+
+    &__inner {
+      -webkit-appearance: none;
+      -moz-appearance: textfield;
+      text-align: center;
+      line-height: 1;
+      &::-webkit-inner-spin-button,
+      &::-webkit-outer-spin-button {
+        margin: 0;
+        -webkit-appearance: none;
+      }
+    }
+  }
+
+  @include e((increase, decrease)) {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: auto;
+
+    position: absolute;
+    z-index: 1;
+    top: 1px;
+    bottom: 1px;
+
+    width: 22px;
+    background: transparent;
+    color: getCssVar('text-color', 'regular');
+    cursor: pointer;
+    font-size: 13px;
+    user-select: none;
+
+    &:hover {
+      color: getCssVar('color-primary');
+
+      & ~ .#{$namespace}-input:not(.is-disabled) .#{$namespace}-input__wrapper {
+        box-shadow: 0 0 0 1px var(#{getCssVarName('input', 'focus-border-color')}, map.get($input, 'focus-border-color')) inset;
+      }
+    }
+
+    &.is-disabled {
+      color: getCssVar('disabled-text-color');
+      cursor: not-allowed;
+    }
+  }
+
+  &:not(.is-disabled):not(.is-controls-right):hover {
+    @include e(decrease) {
+      border-right: 1px solid getCssVar('color-primary');
+    }
+
+    @include e(increase) {
+      border-left: 1px solid getCssVar('color-primary');
+    }
+  }
+
+  @include e(increase) {
+    right: 1px;
+    border-radius: 0 getCssVar('border-radius-base') getCssVar('border-radius-base') 0;
+    border-left: getCssVar('border');
+  }
+
+  @include e(decrease) {
+    left: 1px;
+    border-radius: getCssVar('border-radius-base') 0 0 getCssVar('border-radius-base');
+    border-right: getCssVar('border');
+  }
+
+  @include when(disabled) {
+    @include e((increase, decrease)) {
+      border-color: getCssVar('disabled-border-color');
+      color: getCssVar('disabled-border-color');
+
+      &:hover {
+        color: getCssVar('disabled-border-color');
+        cursor: not-allowed;
+      }
+    }
+  }
+
+  @each $size in $sizes {
+    @include m($size) {
+      width: map.get($input-number-width, $size);
+      line-height: #{map.get($input-height, $size) - 2};
+
+      @include e((increase, decrease)) {
+        width: 22px;
+        font-size: map.get($input-font-size, $size);
+      }
+
+      .#{$namespace}-input--#{$size} {
+        .#{$namespace}-input__wrapper {
+          padding-left: #{map.get($input-height, $size) + 7};
+          padding-right: #{map.get($input-height, $size) + 7};
+        }
+      }
+    }
+  }
+
+  @include m(small) {
+    @include e((increase, decrease)) {
+      [class*='#{$namespace}-icon'] {
+        transform: scale(0.9);
+      }
+    }
+  }
+
+  @include when(without-controls) {
+    .#{$namespace}-input__wrapper {
+      padding-left: 15px;
+      padding-right: 15px;
+    }
+  }
+
+  @include when(controls-right) {
+    .#{$namespace}-input__wrapper {
+      padding-left: 15px;
+      padding-right: #{map.get($input-height, 'default') + 10};
+    }
+
+    @include e((increase, decrease)) {
+      @include set-css-var-value(('input', 'number-controls-height'), math.div(map.get($input-height, 'default') - 2, 2));
+
+      height: getCssVar('input-number-controls-height');
+      line-height: getCssVar('input-number-controls-height');
+
+      [class*='#{$namespace}-icon'] {
+        transform: scale(0.8);
+      }
+    }
+
+    @include e(increase) {
+      bottom: auto;
+      left: auto;
+      border-radius: 0 getCssVar('border-radius-base') 0 0;
+      border-bottom: getCssVar('border');
+    }
+
+    @include e(decrease) {
+      right: 1px;
+      top: auto;
+      left: auto;
+      border-right: none;
+      border-left: getCssVar('border');
+      border-radius: 0 0 getCssVar('border-radius-base') 0;
+    }
+
+    &:not(.is-disabled):hover {
+      @include e((increase, decrease)) {
+        border-left: 1px solid getCssVar('color-primary');
+      }
+
+      @include e(increase) {
+        border-bottom: 1px solid getCssVar('color-primary');
+      }
+    }
+
+    @each $size in $sizes {
+      &[class*='#{$size}'] {
+        [class*='increase'],
+        [class*='decrease'] {
+          @include set-css-var-value(('input', 'number-controls-height'), math.div(map.get($input-height, $size) - 2, 2));
+        }
+      }
+    }
+  }
+}