@timus-networks/theme 2.4.67 → 2.4.69

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.67",
+  "version": "2.4.69",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
 const name = "@timus-networks/theme";
-const version = "2.4.67";
+const version = "2.4.69";
 const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
 const type = "module";
 const exports = {

package/dist/runtime/pages/colors.vue

@@ -1,19 +1,39 @@
 <template>
-  <div class="flex gap-2 items-start">
-    <div class="flex flex-col gap-[20px]">
-      <div class="text-gray-600 h-3" />
-      <div v-for="number in [1, 2, 3, 4, 5, 6, 7, 8, 9]" :key="number" class="rounded-sm h-10 p-1 flex items-center justify-center text-neutral-9 text-sm">{{ number }}</div>
+  <div class="flex flex-col gap-6 items-start">
+    <div class="flex flex-col gap-2 p-medium text-neutral-7">
+      <h1>Colors</h1>
+      <p class="p-medium text-neutral-7">
+        Renk skalası aşağıda son haline göre listelenmektedir. Dokumantasyon detayı için figma tasarımına
+        <el-link href="https://www.figma.com/design/4vi5mIqUrEXbT05Jgmcvop/Timus-Design-System-v2.0?node-id=0-1" target="_blank">bu linkten</el-link> erişebilirsiniz.
+      </p>
+      <ul class="list-disc flex flex-col gap-1 pl-4">
+        <li>
+          Css içerisinde: <el-text tag="mark" size="small">background-color: var(--el-color-info-light-5)</el-text> şeklinde kullanabilirsiniz. Aşağıda
+          <el-text tag="mark" size="small">--el-color-</el-text> dan sonrası verilmiştir. Birleştirip kullanmanız gerekir.
+        </li>
+        <li>HTML içerisinde: <el-text tag="mark" size="small">class='bg-info-5 text-info-9'</el-text> şeklinde kullanabilirsiniz.</li>
+      </ul>
     </div>
-    <div class="grid grid-cols-7 !gap-[20px] items-center w-full">
-      <div v-for="color of Object.keys(colors)" :key="color" class="flex flex-col gap-[20px] col-span-1">
-        <div class="text-gray-600 text-xs font-semibold h-3">
-          {{ color }}
-        </div>
-        <template v-for="item in [1, 2, 3, 4, 5, 6, 7, 8, 9]" :key="item">
-          <div class="rounded-[4px] h-10 pl-2 flex items-center justify-start" :class="`bg-${color}-${item} ${item >= 5 ? 'text-white' : 'text-neutral-9'}`" tag="mark">
-            {{ colors[color as keyof typeof colors][item] }}
+    <div class="flex gap-2 items-start w-full">
+      <div class="flex flex-col gap-[20px]">
+        <div class="text-gray-600 h-3" />
+        <div v-for="number in [1, 2, 3, 4, 5, 6, 7, 8, 9]" :key="number" class="rounded-sm h-[50px] p-1 flex items-center justify-center text-neutral-9 text-sm">{{ number }}</div>
+      </div>
+      <div class="grid grid-cols-7 !gap-[20px] items-center w-full">
+        <div v-for="color of Object.keys(colors)" :key="color" class="flex flex-col gap-[20px] col-span-1">
+          <div class="text-gray-600 text-xs font-semibold h-3">
+            {{ color }}
           </div>
-        </template>
+          <template v-for="item in [1, 2, 3, 4, 5, 6, 7, 8, 9]" :key="item">
+            <div class="flex gap-1 items-center p-small border border-neutral-2 rounded-md p-1">
+              <div class="rounded-[4px] h-10 w-10 pl-2 flex items-center justify-start" :class="`bg-${color}-${item} ${item >= 5 ? 'text-white' : 'text-neutral-9'}`" tag="mark" />
+              <div class="flex flex-col gap-1">
+                <span>{{ (colors as any)[color][item] }}</span>
+                <span class="p-tiny text-neutral-7r">{{ `${color}-light-${item}` }}</span>
+              </div>
+            </div>
+          </template>
+        </div>
       </div>
     </div>
   </div>

package/dist/runtime/public/scss/element-plus/alert.css

@@ -302,7 +302,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 **/
 .el-alert {
   --el-alert-padding: 8px 16px;
-  --el-alert-border-radius-base: 4px;
+  --el-alert-border-radius: var(--el-border-radius-small);
   --el-alert-border-color: var(--el-color-info-light-3);
   --el-alert-title-font-size: 14px;
   --el-alert-title-with-description-font-size: 14px;
@@ -315,7 +315,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding: var(--el-alert-padding);
   margin: 0;
   box-sizing: border-box;
-  border-radius: var(--el-alert-border-radius-base);
+  border-radius: var(--el-alert-border-radius-small);
   border-width: var(--el-border-width);
   border-style: var(--el-border-style);
   border-color: var(--el-alert-border-color);

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

@@ -9,7 +9,7 @@
   padding: getCssVar('alert', 'padding');
   margin: 0;
   box-sizing: border-box;
-  border-radius: getCssVar('alert', 'border-radius-base');
+  border-radius: getCssVar('alert', 'border-radius-small');
   border-width: getCssVar('border-width');
   border-style: getCssVar('border-style');
   border-color: getCssVar('alert', 'border-color');

package/dist/runtime/public/scss/element-plus/autocomplete.css

@@ -307,7 +307,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-input-focus-border: var(--el-color-primary);
   --el-input-transparent-border: 0 0 0 1px transparent inset;
   --el-input-border-color: var(--el-border-color);
-  --el-input-border-radius: var(--el-border-radius-base);
+  --el-input-border-radius: var(--el-border-radius-small);
   --el-input-bg-color: var(--el-fill-color-blank);
   --el-input-icon-color: var(--el-color-neutral-light-9);
   --el-input-placeholder-color: var(--el-text-color-placeholder);
@@ -349,7 +349,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-autocomplete-suggestion {
-  border-radius: var(--el-border-radius-base);
+  border-radius: var(--el-border-radius-small);
   box-sizing: border-box;
 }
 .el-autocomplete-suggestion__wrap {

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

@@ -19,7 +19,7 @@
 }
 
 @include b(autocomplete-suggestion) {
-  border-radius: getCssVar('border-radius', 'base');
+  border-radius: getCssVar('border-radius-small');
   box-sizing: border-box;
 
   @include e(wrap) {

package/dist/runtime/public/scss/element-plus/avatar.css

@@ -308,7 +308,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-avatar-icon-size: 16px;
   --el-avatar-border-color: var(--el-color-neutral-light-3);
   --el-avatar-border-color-hover: var(--el-color-neutral-light-4);
-  --el-avatar-border-radius: var(--el-border-radius-base);
+  --el-avatar-border-radius: var(--el-border-radius-small);
   --el-avatar-size: 32px;
   --el-avatar-size-large: 56px;
   --el-avatar-size-medium: 44px;

package/dist/runtime/public/scss/element-plus/base.css

@@ -324,8 +324,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-index-normal: 1;
   --el-index-top: 1000;
   --el-index-popper: 2000;
-  --el-border-radius-base: 4px;
-  --el-border-radius-small: 2px;
+  --el-border-radius-tiny: 2px;
+  --el-border-radius-small: 4px;
+  --el-border-radius-medium: 8px;
+  --el-border-radius-large: 16px;
   --el-border-radius-round: 20px;
   --el-border-radius-circle: 100%;
   --el-transition-duration: 0.3s;
@@ -339,7 +341,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
   --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
   --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
-  --el-component-size: 40px;
+  --el-component-size: 36px;
   --el-component-size-large: 40px;
   --el-component-size-medium: 36px;
   --el-component-size-small: 32px;

package/dist/runtime/public/scss/element-plus/button-group.css

@@ -332,10 +332,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   border-bottom-left-radius: 0;
 }
 .el-button-group > .el-button:first-child:last-child {
-  border-top-right-radius: var(--el-border-radius-base);
-  border-bottom-right-radius: var(--el-border-radius-base);
-  border-top-left-radius: var(--el-border-radius-base);
-  border-bottom-left-radius: var(--el-border-radius-base);
+  border-top-right-radius: var(--el-border-radius-small);
+  border-bottom-right-radius: var(--el-border-radius-small);
+  border-top-left-radius: var(--el-border-radius-small);
+  border-bottom-left-radius: var(--el-border-radius-small);
 }
 .el-button-group > .el-button:first-child:last-child.is-round {
   border-radius: var(--el-border-radius-round);

package/dist/runtime/public/scss/element-plus/button-group.scss

@@ -32,7 +32,7 @@
       border-bottom-left-radius: map.get($button-border-radius, 'default');
 
       &.is-round {
-        border-radius: getCssVar('border-radius', 'round');
+        border-radius: getCssVar('border-radius-round');
       }
 
       &.is-circle {

package/dist/runtime/public/scss/element-plus/button.css

@@ -326,7 +326,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   justify-content: center;
   align-items: center;
   line-height: 1;
-  height: 40px;
+  height: 36px;
   white-space: nowrap;
   cursor: pointer;
   color: var(--el-button-text-color);
@@ -369,13 +369,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-button {
   padding: 12px 15px;
   font-size: 14px;
-  border-radius: var(--el-border-radius-base);
+  border-radius: var(--el-border-radius-small);
 }
 .el-button.is-round {
   padding: 12px 15px;
 }
 .el-button:has(> i):not(:has(span)) {
-  width: 40px;
+  width: 36px;
   padding: 0;
 }
 .el-button::-moz-focus-inner {
@@ -436,7 +436,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button.is-circle {
-  width: 40px;
+  width: 36px;
   border-radius: 50%;
   padding: 12px;
 }
@@ -1000,7 +1000,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-button--large {
   padding: 12px 15px;
   font-size: 14px;
-  border-radius: var(--el-border-radius-base);
+  border-radius: var(--el-border-radius-small);
 }
 .el-button--large.is-round {
   padding: 12px 15px;

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

@@ -162,7 +162,7 @@ $button-icon-span-gap: map.merge(
     }
   }
   @include when(round) {
-    border-radius: getCssVar('border-radius', 'round');
+    border-radius: getCssVar('border-radius-round');
   }
   @include when(circle) {
     width: map.get($input-height, 'default');

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

@@ -305,7 +305,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-cascader-menu-selected-text-color: var(--el-color-primary);
   --el-cascader-menu-fill: var(--el-bg-color-overlay);
   --el-cascader-menu-font-size: var(--el-font-size-base);
-  --el-cascader-menu-radius: var(--el-border-radius-base);
+  --el-cascader-menu-radius: var(--el-border-radius-small);
   --el-cascader-menu-border: solid 1px var(--el-border-color-light);
   --el-cascader-menu-shadow: var(--el-box-shadow-light);
   --el-cascader-node-background-hover: var(--el-fill-color-light);

package/dist/runtime/public/scss/element-plus/cascader.css

@@ -305,7 +305,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-cascader-menu-selected-text-color: var(--el-color-primary);
   --el-cascader-menu-fill: var(--el-bg-color-overlay);
   --el-cascader-menu-font-size: var(--el-font-size-base);
-  --el-cascader-menu-radius: var(--el-border-radius-base);
+  --el-cascader-menu-radius: var(--el-border-radius-small);
   --el-cascader-menu-border: solid 1px var(--el-border-color-light);
   --el-cascader-menu-shadow: var(--el-box-shadow-light);
   --el-cascader-node-background-hover: var(--el-fill-color-light);
@@ -316,7 +316,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   vertical-align: middle;
   position: relative;
   font-size: var(--el-font-size-base);
-  line-height: 40px;
+  line-height: 36px;
   outline: none;
 }
 .el-cascader:not(.is-disabled):hover .el-input__wrapper {
@@ -382,7 +382,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-cascader-menu-selected-text-color: var(--el-color-primary);
   --el-cascader-menu-fill: var(--el-bg-color-overlay);
   --el-cascader-menu-font-size: var(--el-font-size-base);
-  --el-cascader-menu-radius: var(--el-border-radius-base);
+  --el-cascader-menu-radius: var(--el-border-radius-small);
   --el-cascader-menu-border: solid 1px var(--el-border-color-light);
   --el-cascader-menu-shadow: var(--el-box-shadow-light);
   --el-cascader-node-background-hover: var(--el-fill-color-light);

package/dist/runtime/public/scss/element-plus/checkbox-button.css

@@ -393,13 +393,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-checkbox-button:first-child .el-checkbox-button__inner {
   border-left: 1px solid var(--el-checkbox-button-border-color);
-  border-top-left-radius: var(--el-border-radius-base);
-  border-bottom-left-radius: var(--el-border-radius-base);
+  border-top-left-radius: var(--el-border-radius-small);
+  border-bottom-left-radius: var(--el-border-radius-small);
   box-shadow: none !important;
 }
 .el-checkbox-button:last-child .el-checkbox-button__inner {
-  border-top-right-radius: var(--el-border-radius-base);
-  border-bottom-right-radius: var(--el-border-radius-base);
+  border-top-right-radius: var(--el-border-radius-small);
+  border-bottom-right-radius: var(--el-border-radius-small);
 }
 .el-checkbox-button--large .el-checkbox-button__inner {
   --el-button-size: 40px;

package/dist/runtime/public/scss/element-plus/checkbox-button.scss

@@ -103,8 +103,8 @@
   &:first-child {
     .#{$namespace}-checkbox-button__inner {
       border-left: 1px solid getCssVar('checkbox-button-border-color');
-      border-top-left-radius: getCssVar('border-radius-base');
-      border-bottom-left-radius: getCssVar('border-radius-base');
+      border-top-left-radius: getCssVar('border-radius-small');
+      border-bottom-left-radius: getCssVar('border-radius-small');
       box-shadow: none !important;
     }
   }
@@ -117,8 +117,8 @@
 
   &:last-child {
     .#{$namespace}-checkbox-button__inner {
-      border-top-right-radius: getCssVar('border-radius-base');
-      border-bottom-right-radius: getCssVar('border-radius-base');
+      border-top-right-radius: getCssVar('border-radius-small');
+      border-bottom-right-radius: getCssVar('border-radius-small');
     }
   }
 

package/dist/runtime/public/scss/element-plus/checkbox.css

@@ -332,7 +332,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   align-items: center;
   white-space: nowrap;
   user-select: none;
-  height: var(--el-checkbox-height, 40px);
+  height: var(--el-checkbox-height, 36px);
 }
 .el-checkbox.is-disabled {
   cursor: not-allowed;
@@ -340,7 +340,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-checkbox.is-bordered {
   padding: 0 19px 0 11px;
-  border-radius: var(--el-border-radius-base);
+  border-radius: var(--el-border-radius-small);
   border: var(--el-border);
   box-sizing: border-box;
 }
@@ -352,7 +352,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-checkbox.is-bordered.el-checkbox--large {
   padding: 0 19px 0 11px;
-  border-radius: var(--el-border-radius-base);
+  border-radius: var(--el-border-radius-small);
 }
 .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
   font-size: 14px;

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

@@ -49,7 +49,7 @@ $checkbox-bordered-input-width: map.merge($checkbox-bordered-input-height, $chec
 
   @include when(bordered) {
     padding: 0 map.get($checkbox-bordered-padding-right, 'default')-$border-width 0 map.get($checkbox-bordered-padding-left, 'default')-$border-width;
-    border-radius: getCssVar('border-radius-base');
+    border-radius: getCssVar('border-radius-small');
     border: getCssVar('border');
     box-sizing: border-box;
 

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

@@ -564,8 +564,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-color-picker__mask {
-  height: 38px;
-  width: 38px;
+  height: 34px;
+  width: 34px;
   border-radius: 4px;
   position: absolute;
   top: 1px;
@@ -580,8 +580,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   justify-content: center;
   align-items: center;
   box-sizing: border-box;
-  height: 40px;
-  width: 40px;
+  height: 36px;
+  width: 36px;
   padding: 4px;
   border: 1px solid var(--el-border-color);
   border-radius: 4px;
@@ -631,7 +631,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding: 6px;
   box-sizing: content-box;
   background-color: #ffffff;
-  border-radius: var(--el-border-radius-base);
+  border-radius: var(--el-border-radius-small);
   box-shadow: var(--el-box-shadow-light);
 }
 .el-color-picker__panel.el-popper {

package/dist/runtime/public/scss/element-plus/color-picker.scss

@@ -343,7 +343,7 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
     padding: 6px;
     box-sizing: content-box;
     background-color: $color-white;
-    border-radius: getCssVar('border-radius-base');
+    border-radius: getCssVar('border-radius-small');
     box-shadow: map.get($dropdown, 'menu-box-shadow');
     &.#{$namespace}-popper {
       border: 1px solid getCssVar('border-color-lighter');

package/dist/runtime/public/scss/element-plus/common/var.scss

@@ -172,8 +172,10 @@ $border-color-hover: getCssVar('text-color', 'disabled') !default;
 $border-radius: () !default;
 $border-radius: map.merge(
   (
-    'base': 4px,
-    'small': 2px,
+    'tiny': 2px,
+    'small': 4px,
+    'medium': 8px,
+    'large': 16px,
     'round': 20px,
     'circle': 100%,
   ),
@@ -252,7 +254,7 @@ $disabled: map.merge(
 $common-component-size: () !default;
 $common-component-size: map.merge(
   (
-    'default': 40px,
+    'default': 36px,
     'large': 40px,
     'medium': 36px,
     'small': 32px,
@@ -537,7 +539,7 @@ $alert: () !default;
 $alert: map.merge(
   (
     'padding': 8px 16px,
-    'border-radius-base': 4px,
+    'border-radius': getCssVar('border-radius-small'),
     'border-color': getCssVar('color', 'info-light-3'),
     'title-font-size': 14px,
     'title-with-description-font-size': 14px,
@@ -557,7 +559,7 @@ $messagebox: map.merge(
   (
     'title-color': getCssVar('text-color-primary'),
     'width': 420px,
-    'border-radius': 16px,
+    'border-radius': getCssVar('border-radius-medium'),
     'box-shadow': getCssVar('box-shadow'),
     'font-size': getCssVar('font-size-large'),
     'content-font-size': getCssVar('font-size-base'),
@@ -621,7 +623,7 @@ $input: map.merge(
     'focus-border': getCssVar('color-primary'),
     'transparent-border': 0 0 0 1px transparent inset,
     'border-color': getCssVar('border-color'),
-    'border-radius': getCssVar('border-radius-base'),
+    'border-radius': getCssVar('border-radius-small'),
     'bg-color': getCssVar('fill-color', 'blank'),
     'icon-color': getCssVar('color', 'neutral', 'light-9'),
     'placeholder-color': getCssVar('text-color-placeholder'),
@@ -694,7 +696,7 @@ $cascader: map.merge(
     'menu-selected-text-color': getCssVar('color-primary'),
     'menu-fill': getCssVar('bg-color', 'overlay'),
     'menu-font-size': getCssVar('font-size-base'),
-    'menu-radius': getCssVar('border-radius-base'),
+    'menu-radius': getCssVar('border-radius-small'),
     'menu-border': solid 1px getCssVar('border-color-light'),
     'menu-shadow': getCssVar('box-shadow-light'),
     'node-background-hover': getCssVar('fill-color', 'light'),
@@ -785,10 +787,10 @@ $button-font-size: map.merge(
 $button-border-radius: () !default;
 $button-border-radius: map.merge(
   (
-    // 'default': getCssVar('border-radius', 'base'),
-    // 'small': calc(#{getCssVar('border-radius', 'base')} - 1px),
-    'default': getCssVar('border-radius', 'base'),
-    'large': getCssVar('border-radius', 'base'),
+    // 'default': getCssVar('border-radius-small'),
+    // 'small': calc(#{getCssVar('border-radius-small')} - 1px),
+    'default': getCssVar('border-radius-small'),
+    'large': getCssVar('border-radius-small'),
     'medium': 4px,
     'small': 4px,
     'mini': 4px
@@ -849,7 +851,7 @@ $dialog: map.merge(
     'content-font-size': 14px,
     'content-line-height': 22px,
     'padding-primary': 24px,
-    'border-radius': 16px,
+    'border-radius': 8px,
   ),
   $dialog
 );
@@ -869,7 +871,7 @@ $tour: map.merge(
     'font-size': 14px,
     'color': getCssVar('text-color-primary'),
     'bg-color': getCssVar('bg-color'),
-    'border-radius': 4px,
+    'border-radius': getCssVar('border-radius-medium'),
   ),
   $tour
 );
@@ -1359,7 +1361,7 @@ $transfer: () !default;
 $transfer: map.merge(
   (
     'border-color': getCssVar('border-color-lighter'),
-    'border-radius': getCssVar('border-radius-base'),
+    'border-radius': getCssVar('border-radius-small'),
     'panel-width': 200px,
     'panel-header-height': 40px,
     'panel-header-bg-color': getCssVar('fill-color', 'light'),
@@ -1468,7 +1470,7 @@ $avatar: map.merge(
     'icon-size': 16px,
     'border-color': getCssVar('color-neutral-light-3'),
     'border-color-hover': getCssVar('color-neutral-light-4'),
-    'border-radius': getCssVar('border-radius-base'),
+    'border-radius': getCssVar('border-radius-small'),
   ),
   $avatar
 );

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

@@ -303,7 +303,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-picker-panel {
   color: var(--el-text-color-regular);
   background: var(--el-bg-color-overlay);
-  border-radius: var(--el-border-radius-base);
+  border-radius: var(--el-border-radius-small);
   line-height: 30px;
 }
 .el-picker-panel .el-time-panel {

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

@@ -303,7 +303,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-picker-panel {
   color: var(--el-text-color-regular);
   background: var(--el-bg-color-overlay);
-  border-radius: var(--el-border-radius-base);
+  border-radius: var(--el-border-radius-small);
   line-height: 30px;
 }
 .el-picker-panel .el-time-panel {

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

@@ -4,7 +4,7 @@
 @include b(picker-panel) {
   color: getCssVar('text-color', 'regular');
   background: getCssVar('bg-color', 'overlay');
-  border-radius: getCssVar('border-radius-base');
+  border-radius: getCssVar('border-radius-small');
   line-height: 30px;
 
   .#{$namespace}-time-panel {

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

@@ -458,7 +458,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-input-focus-border: var(--el-color-primary);
   --el-input-transparent-border: 0 0 0 1px transparent inset;
   --el-input-border-color: var(--el-border-color);
-  --el-input-border-radius: var(--el-border-radius-base);
+  --el-input-border-radius: var(--el-border-radius-small);
   --el-input-bg-color: var(--el-fill-color-blank);
   --el-input-icon-color: var(--el-color-neutral-light-9);
   --el-input-placeholder-color: var(--el-text-color-placeholder);
@@ -521,8 +521,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   border: none;
   outline: none;
   display: inline-block;
-  height: 38px;
-  line-height: 38px;
+  height: 34px;
+  line-height: 34px;
   margin: 0;
   padding: 0;
   width: 39%;

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

@@ -841,7 +841,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-input-focus-border: var(--el-color-primary);
   --el-input-transparent-border: 0 0 0 1px transparent inset;
   --el-input-border-color: var(--el-border-color);
-  --el-input-border-radius: var(--el-border-radius-base);
+  --el-input-border-radius: var(--el-border-radius-small);
   --el-input-bg-color: var(--el-fill-color-blank);
   --el-input-icon-color: var(--el-color-neutral-light-9);
   --el-input-placeholder-color: var(--el-text-color-placeholder);
@@ -904,8 +904,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   border: none;
   outline: none;
   display: inline-block;
-  height: 38px;
-  line-height: 38px;
+  height: 34px;
+  line-height: 34px;
   margin: 0;
   padding: 0;
   width: 39%;
@@ -1047,7 +1047,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-picker-panel {
   color: var(--el-text-color-regular);
   background: var(--el-bg-color-overlay);
-  border-radius: var(--el-border-radius-base);
+  border-radius: var(--el-border-radius-small);
   line-height: 30px;
 }
 .el-picker-panel .el-time-panel {

package/dist/runtime/public/scss/element-plus/dialog.css

@@ -347,7 +347,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-dialog-content-font-size: 14px;
   --el-dialog-content-line-height: 22px;
   --el-dialog-padding-primary: 24px;
-  --el-dialog-border-radius: 16px;
+  --el-dialog-border-radius: 8px;
   position: relative;
   margin: var(--el-dialog-margin-top, 15vh) auto 50px;
   background: var(--el-dialog-bg-color);

package/dist/runtime/public/scss/element-plus/dropdown.css

@@ -372,7 +372,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  width: 40px;
+  width: 36px;
   border-left: none;
 }
 .el-dropdown .el-dropdown__caret-button > span {
@@ -424,7 +424,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   margin: 0;
   background-color: var(--el-bg-color-overlay);
   border: none;
-  border-radius: var(--el-border-radius-base);
+  border-radius: var(--el-border-radius-small);
   box-shadow: var(--el-box-shadow-light);
   list-style: none;
 }

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

@@ -156,7 +156,7 @@ $dropdown-menu-padding-vertical: map.merge(
   margin: 0;
   background-color: getCssVar('bg-color', 'overlay');
   border: none;
-  border-radius: getCssVar('border-radius-base');
+  border-radius: getCssVar('border-radius-small');
   box-shadow: getCssVar('box-shadow-light');
 
   list-style: none;