@sdata/web-vue 2.11.1 → 2.11.3

package/es/index.css

@@ -1328,6 +1328,13 @@ body {
   background-color: rgb(var(--sd-red-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-red .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-red-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-red:hover {
+  background-color: rgb(var(--sd-red-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-red.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-red.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-red-6));
 }
@@ -1339,6 +1346,13 @@ body {
   background-color: rgb(var(--sd-orangered-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-orangered .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-orangered-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-orangered:hover {
+  background-color: rgb(var(--sd-orangered-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-orangered.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-orangered.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-orangered-6));
 }
@@ -1350,6 +1364,13 @@ body {
   background-color: rgb(var(--sd-orange-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-orange .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-orange-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-orange:hover {
+  background-color: rgb(var(--sd-orange-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-orange.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-orange.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-orange-6));
 }
@@ -1361,6 +1382,13 @@ body {
   background-color: rgb(var(--sd-gold-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-gold .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-gold-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-gold:hover {
+  background-color: rgb(var(--sd-gold-3));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-gold.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-gold.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-gold-6));
 }
@@ -1372,6 +1400,13 @@ body {
   background-color: rgb(var(--sd-lime-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-lime .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-lime-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-lime:hover {
+  background-color: rgb(var(--sd-lime-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-lime.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-lime.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-lime-6));
 }
@@ -1383,6 +1418,13 @@ body {
   background-color: rgb(var(--sd-green-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-green .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-green-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-green:hover {
+  background-color: rgb(var(--sd-green-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-green.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-green.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-green-6));
 }
@@ -1394,6 +1436,13 @@ body {
   background-color: rgb(var(--sd-cyan-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-cyan .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-cyan-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-cyan:hover {
+  background-color: rgb(var(--sd-cyan-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-cyan.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-cyan.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-cyan-6));
 }
@@ -1405,6 +1454,13 @@ body {
   background-color: rgb(var(--sd-blue-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-blue .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-blue-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-blue:hover {
+  background-color: rgb(var(--sd-blue-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-blue.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-blue.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-blue-6));
 }
@@ -1416,6 +1472,13 @@ body {
   background-color: rgb(var(--sd-sdblue-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-sdblue .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-sdblue-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-sdblue:hover {
+  background-color: rgb(var(--sd-sdblue-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-sdblue.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-sdblue.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-sdblue-6));
 }
@@ -1427,6 +1490,13 @@ body {
   background-color: rgb(var(--sd-purple-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-purple .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-purple-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-purple:hover {
+  background-color: rgb(var(--sd-purple-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-purple.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-purple.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-purple-6));
 }
@@ -1438,6 +1508,13 @@ body {
   background-color: rgb(var(--sd-pinkpurple-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-pinkpurple .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-pinkpurple-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-pinkpurple:hover {
+  background-color: rgb(var(--sd-pinkpurple-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-pinkpurple.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-pinkpurple.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-pinkpurple-6));
 }
@@ -1449,6 +1526,13 @@ body {
   background-color: rgb(var(--sd-magenta-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-magenta .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-magenta-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-magenta:hover {
+  background-color: rgb(var(--sd-magenta-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-magenta.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-magenta.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-magenta-6));
 }
@@ -7709,6 +7793,22 @@ body.sd-tour-active .sd-tour-popover * {
   color: inherit;
   font-size: 45px;
 }
+.sd-result-icon-success .sd-result-icon-tip {
+  color: rgb(var(--sd-success-6));
+  background-color: var(--sd-color-success-light-1);
+}
+.sd-result-icon-error .sd-result-icon-tip {
+  color: rgb(var(--sd-danger-6));
+  background-color: var(--sd-color-danger-light-1);
+}
+.sd-result-icon-info .sd-result-icon-tip {
+  color: rgb(var(--sd-primary-6));
+  background-color: var(--sd-color-primary-light-1);
+}
+.sd-result-icon-warning .sd-result-icon-tip {
+  color: rgb(var(--sd-warning-6));
+  background-color: var(--sd-color-warning-light-1);
+}
 .sd-result-icon-404, .sd-result-icon-403, .sd-result-icon-500 {
   padding-top: 24px;
 }
@@ -8521,6 +8621,9 @@ body.sd-tour-active .sd-tour-popover * {
   font-size: 14px;
   line-height: 32px;
 }
+.sd-pagination-item-previous, .sd-pagination-item-next {
+  font-size: 12px;
+}
 .sd-pagination-item:hover {
   color: var(--sd-color-text-2);
   background-color: var(--sd-color-fill-1);
@@ -8674,6 +8777,9 @@ body.sd-tour-active .sd-tour-popover * {
   font-size: 12px;
   line-height: 24px;
 }
+.sd-pagination-size-mini .sd-pagination-item-previous, .sd-pagination-size-mini .sd-pagination-item-next {
+  font-size: 12px;
+}
 .sd-pagination-size-mini .sd-pagination-total {
   font-size: 12px;
   line-height: 24px;
@@ -8692,6 +8798,9 @@ body.sd-tour-active .sd-tour-popover * {
   font-size: 14px;
   line-height: 28px;
 }
+.sd-pagination-size-small .sd-pagination-item-previous, .sd-pagination-size-small .sd-pagination-item-next {
+  font-size: 12px;
+}
 .sd-pagination-size-small .sd-pagination-total {
   font-size: 14px;
   line-height: 28px;
@@ -8710,6 +8819,9 @@ body.sd-tour-active .sd-tour-popover * {
   font-size: 14px;
   line-height: 36px;
 }
+.sd-pagination-size-large .sd-pagination-item-previous, .sd-pagination-size-large .sd-pagination-item-next {
+  font-size: 14px;
+}
 .sd-pagination-size-large .sd-pagination-total {
   font-size: 14px;
   line-height: 36px;
@@ -13546,52 +13658,216 @@ body.sd-tour-active .sd-tour-popover * {
   display: grid;
 }
 
+.sd-form-item-status-validating .sd-input-wrapper:not(.sd-input-disabled),
+.sd-form-item-status-validating .sd-textarea-wrapper:not(.sd-textarea-disabled) {
+  background-color: var(--sd-color-fill-2);
+  border-color: transparent;
+}
+.sd-form-item-status-validating .sd-input-wrapper:not(.sd-input-disabled):hover,
+.sd-form-item-status-validating .sd-textarea-wrapper:not(.sd-textarea-disabled):hover {
+  background-color: var(--sd-color-fill-3);
+  border-color: transparent;
+}
 .sd-form-item-status-validating .sd-input-wrapper:not(.sd-input-disabled).sd-input-focus,
 .sd-form-item-status-validating .sd-textarea-wrapper:not(.sd-textarea-disabled).sd-textarea-focus {
-  box-shadow: 0 0 0;
+  background-color: var(--sd-color-bg-2);
+  border-color: rgb(var(--sd-primary-6));
+  box-shadow: 0 0 0 0 var(--sd-color-primary-light-2);
+}
+.sd-form-item-status-validating .sd-select-view:not(.sd-select-view-disabled),
+.sd-form-item-status-validating .sd-input-tag:not(.sd-input-tag-disabled) {
+  background-color: var(--sd-color-fill-2);
+  border-color: transparent;
+}
+.sd-form-item-status-validating .sd-select-view:not(.sd-select-view-disabled):hover,
+.sd-form-item-status-validating .sd-input-tag:not(.sd-input-tag-disabled):hover {
+  background-color: var(--sd-color-fill-3);
+  border-color: transparent;
 }
 .sd-form-item-status-validating .sd-select-view:not(.sd-select-view-disabled).sd-select-view-focus,
 .sd-form-item-status-validating .sd-input-tag:not(.sd-input-tag-disabled).sd-input-tag-focus {
-  box-shadow: 0 0 0;
+  background-color: var(--sd-color-bg-2);
+  border-color: rgb(var(--sd-primary-6));
+  box-shadow: 0 0 0 0 var(--sd-color-primary-light-2);
+}
+.sd-form-item-status-validating .sd-picker:not(.sd-picker-disabled) {
+  background-color: var(--sd-color-fill-2);
+  border-color: transparent;
+}
+.sd-form-item-status-validating .sd-picker:not(.sd-picker-disabled):hover {
+  background-color: var(--sd-color-fill-3);
+  border-color: transparent;
 }
 .sd-form-item-status-validating .sd-picker-focused:not(.sd-picker-disabled), .sd-form-item-status-validating .sd-picker-focused:not(.sd-picker-disabled):hover {
-  box-shadow: 0 0 0;
+  background-color: var(--sd-color-bg-2);
+  border-color: rgb(var(--sd-primary-6));
+  box-shadow: 0 0 0 0 var(--sd-color-primary-light-2);
 }
 
+.sd-form-item-status-validating .sd-form-item-message-help {
+  color: rgb(var(--sd-primary-6));
+}
+.sd-form-item-status-validating .sd-form-item-feedback {
+  color: rgb(var(--sd-primary-6));
+}
+
+.sd-form-item-status-success .sd-input-wrapper:not(.sd-input-disabled),
+.sd-form-item-status-success .sd-textarea-wrapper:not(.sd-textarea-disabled) {
+  background-color: var(--sd-color-fill-2);
+  border-color: transparent;
+}
+.sd-form-item-status-success .sd-input-wrapper:not(.sd-input-disabled):hover,
+.sd-form-item-status-success .sd-textarea-wrapper:not(.sd-textarea-disabled):hover {
+  background-color: var(--sd-color-fill-3);
+  border-color: transparent;
+}
 .sd-form-item-status-success .sd-input-wrapper:not(.sd-input-disabled).sd-input-focus,
 .sd-form-item-status-success .sd-textarea-wrapper:not(.sd-textarea-disabled).sd-textarea-focus {
-  box-shadow: 0 0 0;
+  background-color: var(--sd-color-bg-2);
+  border-color: rgb(var(--sd-success-6));
+  box-shadow: 0 0 0 0 var(--sd-color-success-light-2);
+}
+.sd-form-item-status-success .sd-select-view:not(.sd-select-view-disabled),
+.sd-form-item-status-success .sd-input-tag:not(.sd-input-tag-disabled) {
+  background-color: var(--sd-color-fill-2);
+  border-color: transparent;
+}
+.sd-form-item-status-success .sd-select-view:not(.sd-select-view-disabled):hover,
+.sd-form-item-status-success .sd-input-tag:not(.sd-input-tag-disabled):hover {
+  background-color: var(--sd-color-fill-3);
+  border-color: transparent;
 }
 .sd-form-item-status-success .sd-select-view:not(.sd-select-view-disabled).sd-select-view-focus,
 .sd-form-item-status-success .sd-input-tag:not(.sd-input-tag-disabled).sd-input-tag-focus {
-  box-shadow: 0 0 0;
+  background-color: var(--sd-color-bg-2);
+  border-color: rgb(var(--sd-success-6));
+  box-shadow: 0 0 0 0 var(--sd-color-success-light-2);
+}
+.sd-form-item-status-success .sd-picker:not(.sd-picker-disabled) {
+  background-color: var(--sd-color-fill-2);
+  border-color: transparent;
+}
+.sd-form-item-status-success .sd-picker:not(.sd-picker-disabled):hover {
+  background-color: var(--sd-color-fill-3);
+  border-color: transparent;
 }
 .sd-form-item-status-success .sd-picker-focused:not(.sd-picker-disabled), .sd-form-item-status-success .sd-picker-focused:not(.sd-picker-disabled):hover {
-  box-shadow: 0 0 0;
+  background-color: var(--sd-color-bg-2);
+  border-color: rgb(var(--sd-success-6));
+  box-shadow: 0 0 0 0 var(--sd-color-success-light-2);
+}
+
+.sd-form-item-status-success .sd-form-item-message-help {
+  color: rgb(var(--sd-success-6));
+}
+.sd-form-item-status-success .sd-form-item-feedback {
+  color: rgb(var(--sd-success-6));
 }
 
+.sd-form-item-status-warning .sd-input-wrapper:not(.sd-input-disabled),
+.sd-form-item-status-warning .sd-textarea-wrapper:not(.sd-textarea-disabled) {
+  background-color: var(--sd-color-warning-light-1);
+  border-color: transparent;
+}
+.sd-form-item-status-warning .sd-input-wrapper:not(.sd-input-disabled):hover,
+.sd-form-item-status-warning .sd-textarea-wrapper:not(.sd-textarea-disabled):hover {
+  background-color: var(--sd-color-warning-light-2);
+  border-color: transparent;
+}
 .sd-form-item-status-warning .sd-input-wrapper:not(.sd-input-disabled).sd-input-focus,
 .sd-form-item-status-warning .sd-textarea-wrapper:not(.sd-textarea-disabled).sd-textarea-focus {
-  box-shadow: 0 0 0;
+  background-color: var(--sd-color-bg-2);
+  border-color: rgb(var(--sd-warning-6));
+  box-shadow: 0 0 0 0 var(--sd-color-warning-light-2);
+}
+.sd-form-item-status-warning .sd-select-view:not(.sd-select-view-disabled),
+.sd-form-item-status-warning .sd-input-tag:not(.sd-input-tag-disabled) {
+  background-color: var(--sd-color-warning-light-1);
+  border-color: transparent;
+}
+.sd-form-item-status-warning .sd-select-view:not(.sd-select-view-disabled):hover,
+.sd-form-item-status-warning .sd-input-tag:not(.sd-input-tag-disabled):hover {
+  background-color: var(--sd-color-warning-light-2);
+  border-color: transparent;
 }
 .sd-form-item-status-warning .sd-select-view:not(.sd-select-view-disabled).sd-select-view-focus,
 .sd-form-item-status-warning .sd-input-tag:not(.sd-input-tag-disabled).sd-input-tag-focus {
-  box-shadow: 0 0 0;
+  background-color: var(--sd-color-bg-2);
+  border-color: rgb(var(--sd-warning-6));
+  box-shadow: 0 0 0 0 var(--sd-color-warning-light-2);
+}
+.sd-form-item-status-warning .sd-picker:not(.sd-picker-disabled) {
+  background-color: var(--sd-color-warning-light-1);
+  border-color: transparent;
+}
+.sd-form-item-status-warning .sd-picker:not(.sd-picker-disabled):hover {
+  background-color: var(--sd-color-warning-light-2);
+  border-color: transparent;
 }
 .sd-form-item-status-warning .sd-picker-focused:not(.sd-picker-disabled), .sd-form-item-status-warning .sd-picker-focused:not(.sd-picker-disabled):hover {
-  box-shadow: 0 0 0;
+  background-color: var(--sd-color-bg-2);
+  border-color: rgb(var(--sd-warning-6));
+  box-shadow: 0 0 0 0 var(--sd-color-warning-light-2);
+}
+
+.sd-form-item-status-warning .sd-form-item-message-help {
+  color: rgb(var(--sd-warning-6));
+}
+.sd-form-item-status-warning .sd-form-item-feedback {
+  color: rgb(var(--sd-warning-6));
 }
 
+.sd-form-item-status-error .sd-input-wrapper:not(.sd-input-disabled),
+.sd-form-item-status-error .sd-textarea-wrapper:not(.sd-textarea-disabled) {
+  background-color: var(--sd-color-danger-light-1);
+  border-color: transparent;
+}
+.sd-form-item-status-error .sd-input-wrapper:not(.sd-input-disabled):hover,
+.sd-form-item-status-error .sd-textarea-wrapper:not(.sd-textarea-disabled):hover {
+  background-color: var(--sd-color-danger-light-2);
+  border-color: transparent;
+}
 .sd-form-item-status-error .sd-input-wrapper:not(.sd-input-disabled).sd-input-focus,
 .sd-form-item-status-error .sd-textarea-wrapper:not(.sd-textarea-disabled).sd-textarea-focus {
-  box-shadow: 0 0 0;
+  background-color: var(--sd-color-bg-2);
+  border-color: rgb(var(--sd-danger-6));
+  box-shadow: 0 0 0 0 var(--sd-color-danger-light-2);
+}
+.sd-form-item-status-error .sd-select-view:not(.sd-select-view-disabled),
+.sd-form-item-status-error .sd-input-tag:not(.sd-input-tag-disabled) {
+  background-color: var(--sd-color-danger-light-1);
+  border-color: transparent;
+}
+.sd-form-item-status-error .sd-select-view:not(.sd-select-view-disabled):hover,
+.sd-form-item-status-error .sd-input-tag:not(.sd-input-tag-disabled):hover {
+  background-color: var(--sd-color-danger-light-2);
+  border-color: transparent;
 }
 .sd-form-item-status-error .sd-select-view:not(.sd-select-view-disabled).sd-select-view-focus,
 .sd-form-item-status-error .sd-input-tag:not(.sd-input-tag-disabled).sd-input-tag-focus {
-  box-shadow: 0 0 0;
+  background-color: var(--sd-color-bg-2);
+  border-color: rgb(var(--sd-danger-6));
+  box-shadow: 0 0 0 0 var(--sd-color-danger-light-2);
+}
+.sd-form-item-status-error .sd-picker:not(.sd-picker-disabled) {
+  background-color: var(--sd-color-danger-light-1);
+  border-color: transparent;
+}
+.sd-form-item-status-error .sd-picker:not(.sd-picker-disabled):hover {
+  background-color: var(--sd-color-danger-light-2);
+  border-color: transparent;
 }
 .sd-form-item-status-error .sd-picker-focused:not(.sd-picker-disabled), .sd-form-item-status-error .sd-picker-focused:not(.sd-picker-disabled):hover {
-  box-shadow: 0 0 0;
+  background-color: var(--sd-color-bg-2);
+  border-color: rgb(var(--sd-danger-6));
+  box-shadow: 0 0 0 0 var(--sd-color-danger-light-2);
+}
+
+.sd-form-item-status-error .sd-form-item-message-help {
+  color: rgb(var(--sd-danger-6));
+}
+.sd-form-item-status-error .sd-form-item-feedback {
+  color: rgb(var(--sd-danger-6));
 }
 
 .sd-form-item-control-children {
@@ -18231,11 +18507,25 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: transparent;
   border: 1px solid rgb(var(--sd-primary-6));
 }
+.sd-btn-outline:hover,
+.sd-btn-outline[type=button]:hover,
+.sd-btn-outline[type=submit]:hover {
+  color: rgb(var(--sd-primary-5));
+  background-color: transparent;
+  border-color: rgb(var(--sd-primary-5));
+}
 .sd-btn-outline:focus-visible,
 .sd-btn-outline[type=button]:focus-visible,
 .sd-btn-outline[type=submit]:focus-visible {
   box-shadow: 0 0 0 0.25em rgb(var(--sd-primary-3));
 }
+.sd-btn-outline:active,
+.sd-btn-outline[type=button]:active,
+.sd-btn-outline[type=submit]:active {
+  color: rgb(var(--sd-primary-7));
+  background-color: transparent;
+  border-color: rgb(var(--sd-primary-7));
+}
 .sd-btn-outline.sd-btn-loading,
 .sd-btn-outline[type=button].sd-btn-loading,
 .sd-btn-outline[type=submit].sd-btn-loading {
@@ -18246,18 +18536,99 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-btn-outline.sd-btn-disabled,
 .sd-btn-outline[type=button].sd-btn-disabled,
 .sd-btn-outline[type=submit].sd-btn-disabled {
+  color: var(--sd-color-primary-light-3);
+  background-color: transparent;
+  border-color: var(--sd-color-primary-light-3);
   cursor: not-allowed;
 }
 
+.sd-btn-outline.sd-btn-status-warning {
+  color: rgb(var(--sd-warning-6));
+  background-color: transparent;
+  border-color: rgb(var(--sd-warning-6));
+}
+.sd-btn-outline.sd-btn-status-warning:hover {
+  color: rgb(var(--sd-warning-5));
+  background-color: transparent;
+  border-color: rgb(var(--sd-warning-5));
+}
 .sd-btn-outline.sd-btn-status-warning:focus-visible {
-  box-shadow: 0 0 0 0.25em;
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-warning-3));
+}
+.sd-btn-outline.sd-btn-status-warning:active {
+  color: rgb(var(--sd-warning-7));
+  background-color: transparent;
+  border-color: rgb(var(--sd-warning-7));
+}
+.sd-btn-outline.sd-btn-status-warning.sd-btn-loading {
+  color: rgb(var(--sd-warning-6));
+  background-color: transparent;
+  border-color: rgb(var(--sd-warning-6));
+}
+.sd-btn-outline.sd-btn-status-warning.sd-btn-disabled {
+  color: var(--sd-color-warning-light-3);
+  background-color: transparent;
+  border-color: var(--sd-color-warning-light-3);
+}
+
+.sd-btn-outline.sd-btn-status-danger {
+  color: rgb(var(--sd-danger-6));
+  background-color: transparent;
+  border-color: rgb(var(--sd-danger-6));
+}
+.sd-btn-outline.sd-btn-status-danger:hover {
+  color: rgb(var(--sd-danger-5));
+  background-color: transparent;
+  border-color: rgb(var(--sd-danger-5));
 }
 .sd-btn-outline.sd-btn-status-danger:focus-visible {
-  box-shadow: 0 0 0 0.25em;
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-danger-3));
+}
+.sd-btn-outline.sd-btn-status-danger:active {
+  color: rgb(var(--sd-danger-7));
+  background-color: transparent;
+  border-color: rgb(var(--sd-danger-7));
+}
+.sd-btn-outline.sd-btn-status-danger.sd-btn-loading {
+  color: rgb(var(--sd-danger-6));
+  background-color: transparent;
+  border-color: rgb(var(--sd-danger-6));
+}
+.sd-btn-outline.sd-btn-status-danger.sd-btn-disabled {
+  color: var(--sd-color-danger-light-3);
+  background-color: transparent;
+  border-color: var(--sd-color-danger-light-3);
+}
+
+.sd-btn-outline.sd-btn-status-success {
+  color: rgb(var(--sd-success-6));
+  background-color: transparent;
+  border-color: rgb(var(--sd-success-6));
+}
+.sd-btn-outline.sd-btn-status-success:hover {
+  color: rgb(var(--sd-success-5));
+  background-color: transparent;
+  border-color: rgb(var(--sd-success-5));
 }
 .sd-btn-outline.sd-btn-status-success:focus-visible {
-  box-shadow: 0 0 0 0.25em;
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-success-3));
 }
+.sd-btn-outline.sd-btn-status-success:active {
+  color: rgb(var(--sd-success-7));
+  background-color: transparent;
+  border-color: rgb(var(--sd-success-7));
+}
+.sd-btn-outline.sd-btn-status-success.sd-btn-loading {
+  color: rgb(var(--sd-success-6));
+  background-color: transparent;
+  border-color: rgb(var(--sd-success-6));
+}
+.sd-btn-outline.sd-btn-status-success.sd-btn-disabled {
+  color: var(--sd-color-success-light-3);
+  background-color: transparent;
+  border-color: var(--sd-color-success-light-3);
+}
+
 .sd-btn-primary,
 .sd-btn-primary[type=button],
 .sd-btn-primary[type=submit] {
@@ -18265,11 +18636,25 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: rgb(var(--sd-primary-6));
   border: 1px solid transparent;
 }
+.sd-btn-primary:hover,
+.sd-btn-primary[type=button]:hover,
+.sd-btn-primary[type=submit]:hover {
+  color: #fff;
+  background-color: rgb(var(--sd-primary-5));
+  border-color: transparent;
+}
 .sd-btn-primary:focus-visible,
 .sd-btn-primary[type=button]:focus-visible,
 .sd-btn-primary[type=submit]:focus-visible {
   box-shadow: 0 0 0 0.25em rgb(var(--sd-primary-3));
 }
+.sd-btn-primary:active,
+.sd-btn-primary[type=button]:active,
+.sd-btn-primary[type=submit]:active {
+  color: #fff;
+  background-color: rgb(var(--sd-primary-7));
+  border-color: transparent;
+}
 .sd-btn-primary.sd-btn-loading,
 .sd-btn-primary[type=button].sd-btn-loading,
 .sd-btn-primary[type=submit].sd-btn-loading {
@@ -18280,18 +18665,99 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-btn-primary.sd-btn-disabled,
 .sd-btn-primary[type=button].sd-btn-disabled,
 .sd-btn-primary[type=submit].sd-btn-disabled {
+  color: #fff;
+  background-color: var(--sd-color-primary-light-3);
+  border-color: transparent;
   cursor: not-allowed;
 }
 
+.sd-btn-primary.sd-btn-status-warning {
+  color: #fff;
+  background-color: rgb(var(--sd-warning-6));
+  border-color: transparent;
+}
+.sd-btn-primary.sd-btn-status-warning:hover {
+  color: #fff;
+  background-color: rgb(var(--sd-warning-5));
+  border-color: transparent;
+}
 .sd-btn-primary.sd-btn-status-warning:focus-visible {
-  box-shadow: 0 0 0 0.25em;
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-warning-3));
+}
+.sd-btn-primary.sd-btn-status-warning:active {
+  color: #fff;
+  background-color: rgb(var(--sd-warning-7));
+  border-color: transparent;
+}
+.sd-btn-primary.sd-btn-status-warning.sd-btn-loading {
+  color: #fff;
+  background-color: rgb(var(--sd-warning-6));
+  border-color: transparent;
+}
+.sd-btn-primary.sd-btn-status-warning.sd-btn-disabled {
+  color: #fff;
+  background-color: var(--sd-color-warning-light-3);
+  border-color: transparent;
+}
+
+.sd-btn-primary.sd-btn-status-danger {
+  color: #fff;
+  background-color: rgb(var(--sd-danger-6));
+  border-color: transparent;
+}
+.sd-btn-primary.sd-btn-status-danger:hover {
+  color: #fff;
+  background-color: rgb(var(--sd-danger-5));
+  border-color: transparent;
 }
 .sd-btn-primary.sd-btn-status-danger:focus-visible {
-  box-shadow: 0 0 0 0.25em;
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-danger-3));
+}
+.sd-btn-primary.sd-btn-status-danger:active {
+  color: #fff;
+  background-color: rgb(var(--sd-danger-7));
+  border-color: transparent;
+}
+.sd-btn-primary.sd-btn-status-danger.sd-btn-loading {
+  color: #fff;
+  background-color: rgb(var(--sd-danger-6));
+  border-color: transparent;
+}
+.sd-btn-primary.sd-btn-status-danger.sd-btn-disabled {
+  color: #fff;
+  background-color: var(--sd-color-danger-light-3);
+  border-color: transparent;
+}
+
+.sd-btn-primary.sd-btn-status-success {
+  color: #fff;
+  background-color: rgb(var(--sd-success-6));
+  border-color: transparent;
+}
+.sd-btn-primary.sd-btn-status-success:hover {
+  color: #fff;
+  background-color: rgb(var(--sd-success-5));
+  border-color: transparent;
 }
 .sd-btn-primary.sd-btn-status-success:focus-visible {
-  box-shadow: 0 0 0 0.25em;
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-success-3));
+}
+.sd-btn-primary.sd-btn-status-success:active {
+  color: #fff;
+  background-color: rgb(var(--sd-success-7));
+  border-color: transparent;
+}
+.sd-btn-primary.sd-btn-status-success.sd-btn-loading {
+  color: #fff;
+  background-color: rgb(var(--sd-success-6));
+  border-color: transparent;
+}
+.sd-btn-primary.sd-btn-status-success.sd-btn-disabled {
+  color: #fff;
+  background-color: var(--sd-color-success-light-3);
+  border-color: transparent;
 }
+
 .sd-btn-secondary,
 .sd-btn-secondary[type=button],
 .sd-btn-secondary[type=submit] {
@@ -18299,11 +18765,25 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-secondary);
   border: 1px solid transparent;
 }
+.sd-btn-secondary:hover,
+.sd-btn-secondary[type=button]:hover,
+.sd-btn-secondary[type=submit]:hover {
+  color: var(--sd-color-text-2);
+  background-color: var(--sd-color-secondary-hover);
+  border-color: transparent;
+}
 .sd-btn-secondary:focus-visible,
 .sd-btn-secondary[type=button]:focus-visible,
 .sd-btn-secondary[type=submit]:focus-visible {
   box-shadow: 0 0 0 0.25em var(--sd-color-neutral-4);
 }
+.sd-btn-secondary:active,
+.sd-btn-secondary[type=button]:active,
+.sd-btn-secondary[type=submit]:active {
+  color: var(--sd-color-text-2);
+  background-color: var(--sd-color-secondary-active);
+  border-color: transparent;
+}
 .sd-btn-secondary.sd-btn-loading,
 .sd-btn-secondary[type=button].sd-btn-loading,
 .sd-btn-secondary[type=submit].sd-btn-loading {
@@ -18314,18 +18794,99 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-btn-secondary.sd-btn-disabled,
 .sd-btn-secondary[type=button].sd-btn-disabled,
 .sd-btn-secondary[type=submit].sd-btn-disabled {
+  color: var(--sd-color-text-4);
+  background-color: var(--sd-color-secondary-disabled);
+  border-color: transparent;
   cursor: not-allowed;
 }
 
+.sd-btn-secondary.sd-btn-status-warning {
+  color: rgb(var(--sd-warning-6));
+  background-color: var(--sd-color-warning-light-1);
+  border-color: transparent;
+}
+.sd-btn-secondary.sd-btn-status-warning:hover {
+  color: rgb(var(--sd-warning-6));
+  background-color: var(--sd-color-warning-light-2);
+  border-color: transparent;
+}
 .sd-btn-secondary.sd-btn-status-warning:focus-visible {
-  box-shadow: 0 0 0 0.25em;
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-warning-3));
+}
+.sd-btn-secondary.sd-btn-status-warning:active {
+  color: rgb(var(--sd-warning-6));
+  background-color: var(--sd-color-warning-light-3);
+  border-color: transparent;
+}
+.sd-btn-secondary.sd-btn-status-warning.sd-btn-loading {
+  color: rgb(var(--sd-warning-6));
+  background-color: var(--sd-color-warning-light-1);
+  border-color: transparent;
+}
+.sd-btn-secondary.sd-btn-status-warning.sd-btn-disabled {
+  color: var(--sd-color-warning-light-3);
+  background-color: var(--sd-color-warning-light-1);
+  border-color: transparent;
+}
+
+.sd-btn-secondary.sd-btn-status-danger {
+  color: rgb(var(--sd-danger-6));
+  background-color: var(--sd-color-danger-light-1);
+  border-color: transparent;
+}
+.sd-btn-secondary.sd-btn-status-danger:hover {
+  color: rgb(var(--sd-danger-6));
+  background-color: var(--sd-color-danger-light-2);
+  border-color: transparent;
 }
 .sd-btn-secondary.sd-btn-status-danger:focus-visible {
-  box-shadow: 0 0 0 0.25em;
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-danger-3));
+}
+.sd-btn-secondary.sd-btn-status-danger:active {
+  color: rgb(var(--sd-danger-6));
+  background-color: var(--sd-color-danger-light-3);
+  border-color: transparent;
+}
+.sd-btn-secondary.sd-btn-status-danger.sd-btn-loading {
+  color: rgb(var(--sd-danger-6));
+  background-color: var(--sd-color-danger-light-1);
+  border-color: transparent;
+}
+.sd-btn-secondary.sd-btn-status-danger.sd-btn-disabled {
+  color: var(--sd-color-danger-light-3);
+  background-color: var(--sd-color-danger-light-1);
+  border-color: transparent;
+}
+
+.sd-btn-secondary.sd-btn-status-success {
+  color: rgb(var(--sd-success-6));
+  background-color: var(--sd-color-success-light-1);
+  border-color: transparent;
+}
+.sd-btn-secondary.sd-btn-status-success:hover {
+  color: rgb(var(--sd-success-6));
+  background-color: var(--sd-color-success-light-2);
+  border-color: transparent;
 }
 .sd-btn-secondary.sd-btn-status-success:focus-visible {
-  box-shadow: 0 0 0 0.25em;
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-success-3));
+}
+.sd-btn-secondary.sd-btn-status-success:active {
+  color: rgb(var(--sd-success-6));
+  background-color: var(--sd-color-success-light-3);
+  border-color: transparent;
+}
+.sd-btn-secondary.sd-btn-status-success.sd-btn-loading {
+  color: rgb(var(--sd-success-6));
+  background-color: var(--sd-color-success-light-1);
+  border-color: transparent;
 }
+.sd-btn-secondary.sd-btn-status-success.sd-btn-disabled {
+  color: var(--sd-color-success-light-3);
+  background-color: var(--sd-color-success-light-1);
+  border-color: transparent;
+}
+
 .sd-btn-dashed,
 .sd-btn-dashed[type=button],
 .sd-btn-dashed[type=submit] {
@@ -18333,11 +18894,25 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-fill-2);
   border: 1px dashed var(--sd-color-neutral-3);
 }
+.sd-btn-dashed:hover,
+.sd-btn-dashed[type=button]:hover,
+.sd-btn-dashed[type=submit]:hover {
+  color: var(--sd-color-text-2);
+  background-color: var(--sd-color-fill-3);
+  border-color: var(--sd-color-neutral-4);
+}
 .sd-btn-dashed:focus-visible,
 .sd-btn-dashed[type=button]:focus-visible,
 .sd-btn-dashed[type=submit]:focus-visible {
   box-shadow: 0 0 0 0.25em var(--sd-color-neutral-4);
 }
+.sd-btn-dashed:active,
+.sd-btn-dashed[type=button]:active,
+.sd-btn-dashed[type=submit]:active {
+  color: var(--sd-color-text-2);
+  background-color: var(--sd-color-fill-4);
+  border-color: var(--sd-color-neutral-5);
+}
 .sd-btn-dashed.sd-btn-loading,
 .sd-btn-dashed[type=button].sd-btn-loading,
 .sd-btn-dashed[type=submit].sd-btn-loading {
@@ -18348,18 +18923,99 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-btn-dashed.sd-btn-disabled,
 .sd-btn-dashed[type=button].sd-btn-disabled,
 .sd-btn-dashed[type=submit].sd-btn-disabled {
+  color: var(--sd-color-text-4);
+  background-color: var(--sd-color-fill-2);
+  border-color: var(--sd-color-neutral-3);
   cursor: not-allowed;
 }
 
+.sd-btn-dashed.sd-btn-status-warning {
+  color: rgb(var(--sd-warning-6));
+  background-color: var(--sd-color-warning-light-1);
+  border-color: var(--sd-color-warning-light-2);
+}
+.sd-btn-dashed.sd-btn-status-warning:hover {
+  color: rgb(var(--sd-warning-6));
+  background-color: var(--sd-color-warning-light-2);
+  border-color: var(--sd-color-warning-light-3);
+}
 .sd-btn-dashed.sd-btn-status-warning:focus-visible {
-  box-shadow: 0 0 0 0.25em;
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-warning-3));
+}
+.sd-btn-dashed.sd-btn-status-warning:active {
+  color: rgb(var(--sd-warning-6));
+  background-color: var(--sd-color-warning-light-3);
+  border-color: var(--sd-color-warning-light-4);
+}
+.sd-btn-dashed.sd-btn-status-warning.sd-btn-loading {
+  color: rgb(var(--sd-warning-6));
+  background-color: var(--sd-color-warning-light-1);
+  border-color: var(--sd-color-warning-light-2);
+}
+.sd-btn-dashed.sd-btn-status-warning.sd-btn-disabled {
+  color: var(--sd-color-warning-light-3);
+  background-color: var(--sd-color-warning-light-1);
+  border-color: var(--sd-color-warning-light-2);
+}
+
+.sd-btn-dashed.sd-btn-status-danger {
+  color: rgb(var(--sd-danger-6));
+  background-color: var(--sd-color-danger-light-1);
+  border-color: var(--sd-color-danger-light-2);
+}
+.sd-btn-dashed.sd-btn-status-danger:hover {
+  color: rgb(var(--sd-danger-6));
+  background-color: var(--sd-color-danger-light-2);
+  border-color: var(--sd-color-danger-light-3);
 }
 .sd-btn-dashed.sd-btn-status-danger:focus-visible {
-  box-shadow: 0 0 0 0.25em;
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-danger-3));
+}
+.sd-btn-dashed.sd-btn-status-danger:active {
+  color: rgb(var(--sd-danger-6));
+  background-color: var(--sd-color-danger-light-3);
+  border-color: var(--sd-color-danger-light-4);
+}
+.sd-btn-dashed.sd-btn-status-danger.sd-btn-loading {
+  color: rgb(var(--sd-danger-6));
+  background-color: var(--sd-color-danger-light-1);
+  border-color: var(--sd-color-danger-light-2);
+}
+.sd-btn-dashed.sd-btn-status-danger.sd-btn-disabled {
+  color: var(--sd-color-danger-light-3);
+  background-color: var(--sd-color-danger-light-1);
+  border-color: var(--sd-color-danger-light-2);
+}
+
+.sd-btn-dashed.sd-btn-status-success {
+  color: rgb(var(--sd-success-6));
+  background-color: var(--sd-color-success-light-1);
+  border-color: var(--sd-color-success-light-2);
+}
+.sd-btn-dashed.sd-btn-status-success:hover {
+  color: rgb(var(--sd-success-6));
+  background-color: var(--sd-color-success-light-2);
+  border-color: var(--sd-color-success-light-3);
 }
 .sd-btn-dashed.sd-btn-status-success:focus-visible {
-  box-shadow: 0 0 0 0.25em;
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-success-3));
+}
+.sd-btn-dashed.sd-btn-status-success:active {
+  color: rgb(var(--sd-success-6));
+  background-color: var(--sd-color-success-light-3);
+  border-color: var(--sd-color-success-light-4);
+}
+.sd-btn-dashed.sd-btn-status-success.sd-btn-loading {
+  color: rgb(var(--sd-success-6));
+  background-color: var(--sd-color-success-light-1);
+  border-color: var(--sd-color-success-light-2);
 }
+.sd-btn-dashed.sd-btn-status-success.sd-btn-disabled {
+  color: var(--sd-color-success-light-3);
+  background-color: var(--sd-color-success-light-1);
+  border-color: var(--sd-color-success-light-2);
+}
+
 .sd-btn-text,
 .sd-btn-text[type=button],
 .sd-btn-text[type=submit] {
@@ -18367,11 +19023,25 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: transparent;
   border: 1px solid transparent;
 }
+.sd-btn-text:hover,
+.sd-btn-text[type=button]:hover,
+.sd-btn-text[type=submit]:hover {
+  color: rgb(var(--sd-primary-6));
+  background-color: var(--sd-color-fill-2);
+  border-color: transparent;
+}
 .sd-btn-text:focus-visible,
 .sd-btn-text[type=button]:focus-visible,
 .sd-btn-text[type=submit]:focus-visible {
   box-shadow: 0 0 0 0.25em var(--sd-color-neutral-4);
 }
+.sd-btn-text:active,
+.sd-btn-text[type=button]:active,
+.sd-btn-text[type=submit]:active {
+  color: rgb(var(--sd-primary-6));
+  background-color: var(--sd-color-fill-3);
+  border-color: transparent;
+}
 .sd-btn-text.sd-btn-loading,
 .sd-btn-text[type=button].sd-btn-loading,
 .sd-btn-text[type=submit].sd-btn-loading {
@@ -18382,18 +19052,99 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-btn-text.sd-btn-disabled,
 .sd-btn-text[type=button].sd-btn-disabled,
 .sd-btn-text[type=submit].sd-btn-disabled {
+  color: var(--sd-color-primary-light-3);
+  background-color: transparent;
+  border-color: transparent;
   cursor: not-allowed;
 }
 
+.sd-btn-text.sd-btn-status-warning {
+  color: rgb(var(--sd-warning-6));
+  background-color: transparent;
+  border-color: transparent;
+}
+.sd-btn-text.sd-btn-status-warning:hover {
+  color: rgb(var(--sd-warning-6));
+  background-color: var(--sd-color-fill-2);
+  border-color: transparent;
+}
 .sd-btn-text.sd-btn-status-warning:focus-visible {
-  box-shadow: 0 0 0 0.25em;
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-warning-3));
+}
+.sd-btn-text.sd-btn-status-warning:active {
+  color: rgb(var(--sd-warning-6));
+  background-color: var(--sd-color-fill-3);
+  border-color: transparent;
+}
+.sd-btn-text.sd-btn-status-warning.sd-btn-loading {
+  color: rgb(var(--sd-warning-6));
+  background-color: transparent;
+  border-color: transparent;
+}
+.sd-btn-text.sd-btn-status-warning.sd-btn-disabled {
+  color: var(--sd-color-warning-light-3);
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.sd-btn-text.sd-btn-status-danger {
+  color: rgb(var(--sd-danger-6));
+  background-color: transparent;
+  border-color: transparent;
+}
+.sd-btn-text.sd-btn-status-danger:hover {
+  color: rgb(var(--sd-danger-6));
+  background-color: var(--sd-color-fill-2);
+  border-color: transparent;
 }
 .sd-btn-text.sd-btn-status-danger:focus-visible {
-  box-shadow: 0 0 0 0.25em;
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-danger-3));
+}
+.sd-btn-text.sd-btn-status-danger:active {
+  color: rgb(var(--sd-danger-6));
+  background-color: var(--sd-color-fill-3);
+  border-color: transparent;
+}
+.sd-btn-text.sd-btn-status-danger.sd-btn-loading {
+  color: rgb(var(--sd-danger-6));
+  background-color: transparent;
+  border-color: transparent;
+}
+.sd-btn-text.sd-btn-status-danger.sd-btn-disabled {
+  color: var(--sd-color-danger-light-3);
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.sd-btn-text.sd-btn-status-success {
+  color: rgb(var(--sd-success-6));
+  background-color: transparent;
+  border-color: transparent;
+}
+.sd-btn-text.sd-btn-status-success:hover {
+  color: rgb(var(--sd-success-6));
+  background-color: var(--sd-color-fill-2);
+  border-color: transparent;
 }
 .sd-btn-text.sd-btn-status-success:focus-visible {
-  box-shadow: 0 0 0 0.25em;
+  box-shadow: 0 0 0 0.25em rgb(var(--sd-success-3));
+}
+.sd-btn-text.sd-btn-status-success:active {
+  color: rgb(var(--sd-success-6));
+  background-color: var(--sd-color-fill-3);
+  border-color: transparent;
+}
+.sd-btn-text.sd-btn-status-success.sd-btn-loading {
+  color: rgb(var(--sd-success-6));
+  background-color: transparent;
+  border-color: transparent;
+}
+.sd-btn-text.sd-btn-status-success.sd-btn-disabled {
+  color: var(--sd-color-success-light-3);
+  background-color: transparent;
+  border-color: transparent;
 }
+
 .sd-btn-size-mini {
   height: 24px;
   padding: 0 11px;
@@ -18986,6 +19737,22 @@ body.sd-tour-active .sd-tour-popover * {
   font-size: 14px;
   line-height: 36px;
 }
+.sd-autocomplete-popup .sd-select-popup .sd-select-option {
+  color: var(--sd-color-text-1);
+  background-color: var(--sd-color-bg-popup);
+}
+.sd-autocomplete-popup .sd-select-popup .sd-select-option-selected {
+  color: var(--sd-color-text-1);
+  background-color: var(--sd-color-bg-popup);
+}
+.sd-autocomplete-popup .sd-select-popup .sd-select-option-hover {
+  color: var(--sd-color-text-1);
+  background-color: var(--sd-color-fill-2);
+}
+.sd-autocomplete-popup .sd-select-popup .sd-select-option-disabled {
+  color: var(--sd-color-text-4);
+  background-color: var(--sd-color-bg-popup);
+}
 .sd-autocomplete-popup .sd-select-popup .sd-select-option-selected {
   font-weight: 500;
 }