beyond-webui 1.1.7 → 1.1.8

package/theme-chalk/src/checkbox.scss

@@ -151,7 +151,7 @@ $checkbox-bordered-input-width: map.merge(
       }
 
       & + span.#{$namespace}-checkbox__label {
-        color: getCssVar('disabled-text-color');
+        //color: getCssVar('disabled-text-color');
         cursor: not-allowed;
       }
     }
@@ -225,7 +225,7 @@ $checkbox-bordered-input-width: map.merge(
       border: 1px solid getCssVar('checkbox-checked-icon-color');
       border-left: 0;
       border-top: 0;
-      height: 7px;
+      height: 8px;
       left: 5px;
       position: absolute;
       top: 1px;

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

@@ -123,7 +123,7 @@ $fill-color: () !default;
 $fill-color: map.merge(
     (
       '': #f0f2f5,
-      'light': #f5f7fa,
+      'light': #f2f5f7,
       'lighter': #fafafa,
       'extra-light': #fafcff,
       'dark': #ebedf0,
@@ -270,21 +270,21 @@ $checkbox: map.merge(
     (
       'font-size': 14px,
       'font-weight': getCssVar('font-weight-primary'),
-      'text-color': #1c2b36,
-      'input-height': 14px,
-      'input-width': 14px,
+      'text-color': var(--color-cloudy-gray-cloudy-gray-900, #243037),
+      'input-height': 16px,
+      'input-width': 16px,
       'border-radius': getCssVar('border-radius-base'),
       'bg-color': getCssVar('fill-color', 'blank'),
       'input-border': 1px solid #1c2b36,
       'disabled-border-color': getCssVar('border-color'),
       'disabled-input-fill': getCssVar('fill-color', 'light'),
       'disabled-icon-color': getCssVar('text-color-placeholder'),
-      'disabled-checked-input-fill': #dfe7f1,
-      'disabled-checked-input-border-color': #dfe7f1,
+      'disabled-checked-input-fill': rgba(193, 204, 214, 0.38),
+      'disabled-checked-input-border-color': rgba(193, 204, 214, 0.38),
       'disabled-checked-icon-color': #fff,
-      'checked-text-color': #1c2b36,
-      'checked-input-border-color': #1c2b36,
-      'checked-bg-color': #1c2b36,
+      'checked-text-color':var(--color-cloudy-gray-cloudy-gray-900, #243037),
+      'checked-input-border-color': #2A3F4D,
+      'checked-bg-color':#2A3F4D,
       'checked-icon-color': getCssVar('color', 'white'),
       'input-border-color-hover': getCssVar('color-primary'),
     ),
@@ -750,12 +750,12 @@ $dialog: map.merge(
       'width': 50%,
       'margin-top': 15vh,
       'bg-color': getCssVar('bg-color'),
-      'box-shadow': getCssVar('box-shadow'),
+      'box-shadow': 0 12px 20px -8px rgba(26, 26, 26, 0.24),
       'title-font-size': getCssVar('font-size-large'),
       'content-font-size': 14px,
       'font-line-height': getCssVar('font-line-height-primary'),
       'padding-primary': 20px,
-      'border-radius':16px,
+      'border-radius':8px,
     ),
     $dialog
 );
@@ -806,7 +806,7 @@ $table-cell-padding: () !default;
 $table-cell-padding: map.merge(
     (
       'large': 0 16px,
-      'default': 0 48px 0 8px,
+      'default': 0 24px,
       'small': 0 8px,
     ),
     $table-cell-padding

package/theme-chalk/src/dialog.scss

@@ -52,39 +52,44 @@
   }
 
   @include e(header) {
-    padding: 16px 24px;
+    padding: 16px;
+    border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    background-color: #f2f7f7;
   }
 
   @include e(headerbtn) {
     position: absolute;
     top: 16px;
-    right: 24px;
+    right: 16px;
     padding: 0;
-    width: 32px;
-    height: 32px;
-    background: transparent;
+    width: 24px;
+    height: 24px;
     border: none;
     outline: none;
     cursor: pointer;
+    &:hover {
+      background-color: #dcdfe0 !important;
+    }
   }
 
   @include e(title) {
     font-family: var(--header-font-semibold);
+    font-size: 16px;
     font-weight: 600;
-    font-size: 20px;
-    line-height: 32px;
-    color: #000;
+    line-height: 24px;
+    color: #0E171F;
   }
 
   @include e(body) {
     font-family: var(--body-font);
-    padding: 24px;
+    padding: 16px;
     color: getCssVar('text-color', 'regular');
-    font-size: 16px;
+    font-size: 14px;
   }
 
   @include e(footer) {
-    padding: 24px;
+    padding: 12px 16px 24px;
     text-align: right;
     box-sizing: border-box;
   }
@@ -115,6 +120,7 @@
 
 .dialog-fade-enter-active {
   animation: modal-fade-in getCssVar('transition-duration');
+
   .#{$namespace}-overlay-dialog {
     animation: dialog-fade-in getCssVar('transition-duration');
   }
@@ -122,6 +128,7 @@
 
 .dialog-fade-leave-active {
   animation: modal-fade-out getCssVar('transition-duration');
+
   .#{$namespace}-overlay-dialog {
     animation: dialog-fade-out getCssVar('transition-duration');
   }

package/theme-chalk/src/table.scss

@@ -172,9 +172,6 @@
 
     @include when(right) {
       text-align: right;
-      .header-cell {
-        justify-content: flex-end;
-      }
     }
 
     &.gutter {