beyond-webui 1.1.14 → 1.1.16

package/theme-chalk/src/button.scss

@@ -43,7 +43,13 @@ $button-icon-span-gap: map.merge(
   background-color: getCssVar('button', 'bg-color');
   border: getCssVar('border');
   border-color: getCssVar('button', 'border-color');
-
+  &.el-button--primary {
+    box-shadow: 0 1px 0 0 rgba(26, 26, 26, 0.07),
+    0 1px 0 0 rgba(204, 204, 204, 0.5) inset,
+    0 -1px 0 0 rgba(0, 0, 0, 0.17) inset,
+    -1px 0 0 0 rgba(0, 0, 0, 0.13) inset,
+    1px 0 0 0 rgba(0, 0, 0, 0.13) inset;
+  }
   &:hover {
     background-color: getCssVar('button', 'hover', 'bg-color');
     outline: none;
@@ -62,7 +68,6 @@ $button-icon-span-gap: map.merge(
     outline: 2px solid rgba(36, 48, 55, 0.80);
     outline-offset: 1px;
   }
-
   > span {
     display: inline-flex;
     align-items: center;
@@ -278,11 +283,6 @@ $button-icon-span-gap: map.merge(
   @each $type in (primary, success, warning, danger, info) {
 
     @include m($type) {
-      box-shadow: 0 1px 0 0 rgba(26, 26, 26, 0.07),
-      0 1px 0 0 rgba(204, 204, 204, 0.5) inset,
-      0 -1px 0 0 rgba(0, 0, 0, 0.17) inset,
-      -1px 0 0 0 rgba(0, 0, 0, 0.13) inset,
-      1px 0 0 0 rgba(0, 0, 0, 0.13) inset;
       &.is-disabled, &.is-disabled:hover {
         background-color: rgba(193, 204, 214, 0.38);
         border-color: rgba(193, 204, 214, 0.38);

package/theme-chalk/src/checkbox.scss

@@ -98,7 +98,7 @@ $checkbox-bordered-input-width: map.merge(
 
   input:focus-visible {
     & + .#{$namespace}-checkbox__inner {
-      outline: 2px solid getCssVar('checkbox-input-border-color-hover');
+      outline: 2px solid var(--color-gray-gray-800);
       outline-offset: 1px;
       border-radius: getCssVar('checkbox-border-radius');
     }
@@ -114,24 +114,22 @@ $checkbox-bordered-input-width: map.merge(
     @include when(disabled) {
       .#{$namespace}-checkbox__inner {
         background-color: getCssVar('checkbox-disabled-input-fill');
-        border-color: getCssVar('checkbox-disabled-border-color');
+        border-color: transparent;
         cursor: not-allowed;
 
         &::after {
           cursor: not-allowed;
-          border-color: getCssVar('checkbox-disabled-icon-color');
+          border-color: transparent;
         }
       }
 
       &.is-checked {
         .#{$namespace}-checkbox__inner {
-          background-color: getCssVar('checkbox-disabled-checked-input-fill');
-          border-color: getCssVar(
-              'checkbox-disabled-checked-input-border-color'
-          );
+          background-color: getCssVar('checkbox-disabled-input-fill');
+          border-color: transparent;
 
           &::after {
-            border-color: getCssVar('checkbox-disabled-checked-icon-color');
+            border-color: var(--color-gray-gray-500);
           }
         }
       }
@@ -204,7 +202,7 @@ $checkbox-bordered-input-width: map.merge(
   @include e(inner) {
     display: inline-block;
     position: relative;
-    border: getCssVar('checkbox-input-border');
+    border: 1px solid var(--color-cloudy-gray-cloudy-gray-500);
     border-radius: getCssVar('checkbox-border-radius');
     box-sizing: border-box;
     width: getCssVar('checkbox-input-width');
@@ -216,7 +214,7 @@ $checkbox-bordered-input-width: map.merge(
     outline 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
 
     &:hover {
-      border-color: getCssVar('checkbox-input-border-color-hover');
+      border-color: var(--color-cloudy-gray-cloudy-gray-800);
     }
 
     &::after {

package/theme-chalk/src/common/var.scss

@@ -33,7 +33,7 @@ $colors: map.deep-merge(
         'base': #e0450e,
       ),
       'info': (
-        'base': #909399,
+        'base': #3D8DF5,
       ),
     ),
     $colors
@@ -279,7 +279,7 @@ $checkbox: map.merge(
       'disabled-border-color': getCssVar('border-color'),
       'disabled-input-fill': getCssVar('fill-color', 'light'),
       'disabled-icon-color': getCssVar('text-color-placeholder'),
-      'disabled-checked-input-fill': rgba(193, 204, 214, 0.38),
+      'disabled-checked-input-fill': rgba(193, 204, 214, 0.34),
       'disabled-checked-input-border-color': rgba(193, 204, 214, 0.38),
       'disabled-checked-icon-color': #fff,
       'checked-text-color':var(--color-cloudy-gray-cloudy-gray-900, #243037),

package/theme-chalk/src/var.scss

@@ -82,9 +82,8 @@
   @include set-css-var-value('border-style', $border-style);
   @include set-css-var-value('border-color-hover', $border-color-hover);
   @include set-css-var-value(
-    'border',
-    getCssVar('border-width') getCssVar('border-style')
-      getCssVar('border-color')
+      'border',
+      getCssVar('border-width') getCssVar('border-style') getCssVar('border-color')
   );
 
   // Svg
@@ -215,5 +214,6 @@
   --color-pink-pink-900: #47153f;
   --color-pink-pink-990: #241020;
   --transparent-transparent-1: #00000000;
-
+  --el-button-info-hover-color: #186ade;
+  --el-color-info-dark-2: #0d4ea6 ;
 }