@sdata/web-vue 1.10.0 → 1.11.1

package/dist/sd.css

@@ -1322,13 +1322,6 @@ body {
   background-color: rgb(var(--red-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-red .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--red-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-red:hover {
-  background-color: rgb(var(--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(--red-6));
@@ -1341,13 +1334,6 @@ body {
   background-color: rgb(var(--orangered-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-orangered .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--orangered-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-orangered:hover {
-  background-color: rgb(var(--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(--orangered-6));
@@ -1360,13 +1346,6 @@ body {
   background-color: rgb(var(--orange-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-orange .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--orange-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-orange:hover {
-  background-color: rgb(var(--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(--orange-6));
@@ -1379,13 +1358,6 @@ body {
   background-color: rgb(var(--gold-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-gold .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--gold-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-gold:hover {
-  background-color: rgb(var(--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(--gold-6));
@@ -1398,13 +1370,6 @@ body {
   background-color: rgb(var(--lime-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-lime .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--lime-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-lime:hover {
-  background-color: rgb(var(--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(--lime-6));
@@ -1417,13 +1382,6 @@ body {
   background-color: rgb(var(--green-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-green .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--green-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-green:hover {
-  background-color: rgb(var(--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(--green-6));
@@ -1436,13 +1394,6 @@ body {
   background-color: rgb(var(--cyan-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-cyan .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--cyan-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-cyan:hover {
-  background-color: rgb(var(--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(--cyan-6));
@@ -1455,13 +1406,6 @@ body {
   background-color: rgb(var(--blue-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-blue .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--blue-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-blue:hover {
-  background-color: rgb(var(--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(--blue-6));
@@ -1474,13 +1418,6 @@ body {
   background-color: rgb(var(--sdblue-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-sdblue .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--sdblue-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-sdblue:hover {
-  background-color: rgb(var(--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(--sdblue-6));
@@ -1493,13 +1430,6 @@ body {
   background-color: rgb(var(--purple-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-purple .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--purple-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-purple:hover {
-  background-color: rgb(var(--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(--purple-6));
@@ -1512,13 +1442,6 @@ body {
   background-color: rgb(var(--pinkpurple-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-pinkpurple .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--pinkpurple-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-pinkpurple:hover {
-  background-color: rgb(var(--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(--pinkpurple-6));
@@ -1531,13 +1454,6 @@ body {
   background-color: rgb(var(--magenta-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-magenta .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--magenta-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-magenta:hover {
-  background-color: rgb(var(--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(--magenta-6));
@@ -5183,11 +5099,34 @@ body {
   position: absolute;
   top: 0;
   right: -4px;
-  z-index: 1;
+  z-index: 2;
+  display: flex;
+  align-items: center;
   width: 8px;
   height: 100%;
   cursor: col-resize;
 }
+.sd-table-column-handle::after {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 1;
+  width: 2px;
+  height: 0;
+  background-color: var(--color-neutral-3);
+  border-radius: 1px;
+  transform: translate(-50%, -50%);
+  transition: height 0.15s ease, background-color 0.15s ease;
+  content: "";
+}
+.sd-table-column-handle:hover::after {
+  height: 40%;
+  background-color: rgb(var(--primary-6));
+}
+.sd-table-th-resizing .sd-table-column-handle::after {
+  height: 100%;
+  background-color: rgb(var(--primary-6));
+}
 .sd-table .sd-spin {
   display: flex;
   flex-direction: column;
@@ -5199,25 +5138,47 @@ body {
 .sd-table-footer {
   border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
 }
+.sd-table-append {
+  background-color: var(--color-bg-2);
+}
 .sd-table-scroll-position-right .sd-table-col-fixed-left-last::after, .sd-table-scroll-position-middle .sd-table-col-fixed-left-last::after {
   box-shadow: inset 6px 0 8px -3px rgba(0, 0, 0, 0.15);
 }
 .sd-table-scroll-position-left .sd-table-col-fixed-right-first::after, .sd-table-scroll-position-middle .sd-table-col-fixed-right-first::after {
   box-shadow: inset -6px 0 8px -3px rgba(0, 0, 0, 0.15);
 }
-.sd-table-layout-fixed .sd-table-element {
-  table-layout: fixed;
-}
 .sd-table .sd-table-element {
+  display: flex;
+  flex-direction: column;
   width: 100%;
   min-width: 100%;
   margin: 0;
-  border-collapse: separate;
-  border-spacing: 0;
+}
+.sd-table-thead, .sd-table-tbody, .sd-table-tfoot-content {
+  display: grid;
+  grid-template-columns: var(--sd-table-grid-template, minmax(0, 1fr));
+}
+.sd-table-tr, .sd-table-virtual-row {
+  display: grid;
+  grid-column: 1/-1;
+  grid-template-columns: var(--sd-table-grid-template, minmax(0, 1fr));
+}
+.sd-table-tbody > .sd-virtual-list, .sd-table-tbody > .sd-table-body {
+  grid-column: 1/-1;
+  width: 100%;
+}
+.sd-table-virtual-item {
+  display: grid;
+  grid-template-columns: var(--sd-table-grid-template, minmax(0, 1fr));
+  width: 100%;
+}
+.sd-table-virtual-row-table {
+  background-color: var(--color-bg-2);
 }
 .sd-table-th {
   position: relative;
   box-sizing: border-box;
+  min-width: 0;
   color: rgb(var(--gray-10));
   font-weight: 500;
   line-height: 1.5715;
@@ -5241,6 +5202,7 @@ body {
 }
 .sd-table-td {
   box-sizing: border-box;
+  min-width: 0;
   color: rgb(var(--gray-10));
   line-height: 1.5715;
   text-align: left;
@@ -5260,6 +5222,9 @@ body {
 .sd-table-cell {
   display: flex;
   align-items: center;
+  width: 100%;
+  min-width: 0;
+  height: 100%;
 }
 .sd-table-cell-align-right {
   justify-content: flex-end;
@@ -5348,6 +5313,9 @@ body {
 .sd-table-cell-expand-icon .sd-table-cell-inline-icon {
   display: inline-flex;
   margin-right: 4px;
+  padding: 0;
+  background: transparent;
+  border: 0;
 }
 .sd-table-cell-expand-icon .sd-table-cell-inline-icon .sd-icon-loading {
   color: rgb(var(--primary-6));
@@ -5385,7 +5353,6 @@ body {
 .sd-table-th.sd-table-operation .sd-table-cell, .sd-table-td.sd-table-operation .sd-table-cell {
   display: flex;
   justify-content: center;
-  padding: 0;
 }
 .sd-table-radio, .sd-table-checkbox {
   justify-content: center;
@@ -5414,6 +5381,12 @@ body {
 .sd-table-cell-with-sorter {
   display: flex;
   align-items: center;
+  width: 100%;
+  padding: 0;
+  color: inherit;
+  text-align: inherit;
+  background: transparent;
+  border: 0;
   cursor: pointer;
 }
 .sd-table-cell-with-sorter:hover {
@@ -5555,10 +5528,20 @@ body {
   box-shadow: inset -6px 0 8px -3px rgba(0, 0, 0, 0.15);
 }
 .sd-table-header {
+  width: 100%;
+  min-width: 100%;
   overflow: hidden;
   background-color: var(--color-neutral-2);
   scrollbar-color: transparent transparent;
 }
+.sd-table-header > .sd-table-element {
+  width: 100%;
+  background-color: inherit;
+}
+.sd-table-header .sd-table-thead {
+  width: 100%;
+  background-color: inherit;
+}
 .sd-table-header-sticky {
   position: sticky;
   top: 0;
@@ -5586,12 +5569,12 @@ body {
   border-bottom: 1px solid var(--color-neutral-3);
 }
 .sd-table-border .sd-table-scroll-y .sd-table-body .sd-table-tr:last-of-type .sd-table-td,
-.sd-table-border .sd-table-scroll-y tfoot .sd-table-tr:last-of-type .sd-table-td {
+.sd-table-border .sd-table-scroll-y .sd-table-tfoot-content .sd-table-tr:last-of-type .sd-table-td {
   border-bottom: none;
 }
 .sd-table-border .sd-table-scroll-y .sd-table-body .sd-table-tr:last-of-type .sd-table-td.sd-table-col-fixed-left-last::after, .sd-table-border .sd-table-scroll-y .sd-table-body .sd-table-tr:last-of-type .sd-table-td.sd-table-col-fixed-right-first::after,
-.sd-table-border .sd-table-scroll-y tfoot .sd-table-tr:last-of-type .sd-table-td.sd-table-col-fixed-left-last::after,
-.sd-table-border .sd-table-scroll-y tfoot .sd-table-tr:last-of-type .sd-table-td.sd-table-col-fixed-right-first::after {
+.sd-table-border .sd-table-scroll-y .sd-table-tfoot-content .sd-table-tr:last-of-type .sd-table-td.sd-table-col-fixed-left-last::after,
+.sd-table-border .sd-table-scroll-y .sd-table-tfoot-content .sd-table-tr:last-of-type .sd-table-td.sd-table-col-fixed-right-first::after {
   bottom: 0;
 }
 .sd-table-border .sd-table-tr .sd-table-th {
@@ -5620,7 +5603,7 @@ body {
 .sd-table-border-header-cell .sd-table-td-resizing:not(.sd-table-tr-expand) {
   border-right-color: rgb(var(--primary-6));
 }
-.sd-table-border.sd-table-border-header-cell thead .sd-table-tr:first-child .sd-table-th:last-child {
+.sd-table-border.sd-table-border-header-cell .sd-table-thead .sd-table-tr:first-child .sd-table-th:last-child {
   border-right: 0;
 }
 .sd-table-border-body-cell .sd-table-td:not(:last-child):not(.sd-table-tr-expand) {
@@ -5643,9 +5626,26 @@ body {
   background-color: var(--color-fill-1);
   content: "";
 }
-.sd-table .sd-table-tr-draggable {
+.sd-table .sd-table-tr-draggable .sd-table-td {
   cursor: move;
 }
+.sd-table .sd-table-tr-drop-target .sd-table-td {
+  position: relative;
+}
+.sd-table .sd-table-tr-drop-target .sd-table-td::before {
+  position: absolute;
+  top: -1px;
+  right: 0;
+  left: 0;
+  height: 2px;
+  background-color: rgb(var(--primary-6));
+  border-radius: 1px;
+  content: "";
+  pointer-events: none;
+}
+.sd-table-dragging .sd-table-td {
+  transition: background-color 0.2s ease;
+}
 .sd-table-hover:not(.sd-table-dragging) .sd-table-tr:not(.sd-table-tr-empty):not(.sd-table-tr-summary):hover .sd-table-td:not(.sd-table-col-fixed-left):not(.sd-table-col-fixed-right),
 .sd-table-hover .sd-table-tr-drag .sd-table-td:not(.sd-table-col-fixed-left):not(.sd-table-col-fixed-right) {
   background-color: var(--color-fill-1);
@@ -5687,7 +5687,7 @@ body {
   height: 0;
   background-color: transparent;
 }
-.sd-table tfoot .sd-table-td {
+.sd-table .sd-table-tfoot-content .sd-table-td {
   background-color: var(--color-neutral-2);
 }
 .sd-table-tr-checked .sd-table-td {
@@ -5765,15 +5765,7 @@ body {
 .sd-table-size-mini .sd-table-editable-row .sd-table-cell-wrap-value {
   padding: 2px 16px;
 }
-.sd-table-virtualized .sd-table-element {
-  table-layout: fixed;
-}
-.sd-table-virtualized div.sd-table-body div.sd-table-tr {
-  display: flex;
-}
 .sd-table-virtualized div.sd-table-body div.sd-table-td {
-  display: flex;
-  flex: 1;
   align-items: center;
 }
 
@@ -7386,22 +7378,6 @@ body {
   color: inherit;
   font-size: 45px;
 }
-.sd-result-icon-success .sd-result-icon-tip {
-  color: rgb(var(--success-6));
-  background-color: var(--color-success-light-1);
-}
-.sd-result-icon-error .sd-result-icon-tip {
-  color: rgb(var(--danger-6));
-  background-color: var(--color-danger-light-1);
-}
-.sd-result-icon-info .sd-result-icon-tip {
-  color: rgb(var(--primary-6));
-  background-color: var(--color-primary-light-1);
-}
-.sd-result-icon-warning .sd-result-icon-tip {
-  color: rgb(var(--warning-6));
-  background-color: var(--color-warning-light-1);
-}
 .sd-result-icon-404, .sd-result-icon-403, .sd-result-icon-500 {
   padding-top: 24px;
 }
@@ -8124,9 +8100,6 @@ body {
   font-size: 14px;
   line-height: 32px;
 }
-.sd-pagination-item-previous, .sd-pagination-item-next {
-  font-size: 12px;
-}
 .sd-pagination-item:hover {
   color: var(--color-text-2);
   background-color: var(--color-fill-1);
@@ -8280,9 +8253,6 @@ body {
   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;
@@ -8301,9 +8271,6 @@ body {
   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;
@@ -8322,9 +8289,6 @@ body {
   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;
@@ -9128,86 +9092,6 @@ body {
 .sd-menu-light {
   background-color: var(--color-menu-light-bg);
 }
-.sd-menu-light .sd-menu-item,
-.sd-menu-light .sd-menu-group-title,
-.sd-menu-light .sd-menu-pop-header,
-.sd-menu-light .sd-menu-inline-header {
-  color: var(--color-text-2);
-  background-color: var(--color-menu-light-bg);
-}
-.sd-menu-light .sd-menu-item .sd-icon,
-.sd-menu-light .sd-menu-item .sd-menu-icon,
-.sd-menu-light .sd-menu-group-title .sd-icon,
-.sd-menu-light .sd-menu-group-title .sd-menu-icon,
-.sd-menu-light .sd-menu-pop-header .sd-icon,
-.sd-menu-light .sd-menu-pop-header .sd-menu-icon,
-.sd-menu-light .sd-menu-inline-header .sd-icon,
-.sd-menu-light .sd-menu-inline-header .sd-menu-icon {
-  color: var(--color-text-3);
-}
-.sd-menu-light .sd-menu-item:hover,
-.sd-menu-light .sd-menu-group-title:hover,
-.sd-menu-light .sd-menu-pop-header:hover,
-.sd-menu-light .sd-menu-inline-header:hover {
-  color: var(--color-text-2);
-  background-color: var(--color-fill-2);
-}
-.sd-menu-light .sd-menu-item:hover .sd-icon,
-.sd-menu-light .sd-menu-item:hover .sd-menu-icon,
-.sd-menu-light .sd-menu-group-title:hover .sd-icon,
-.sd-menu-light .sd-menu-group-title:hover .sd-menu-icon,
-.sd-menu-light .sd-menu-pop-header:hover .sd-icon,
-.sd-menu-light .sd-menu-pop-header:hover .sd-menu-icon,
-.sd-menu-light .sd-menu-inline-header:hover .sd-icon,
-.sd-menu-light .sd-menu-inline-header:hover .sd-menu-icon {
-  color: var(--color-text-3);
-}
-.sd-menu-light .sd-menu-item.sd-menu-selected,
-.sd-menu-light .sd-menu-group-title.sd-menu-selected,
-.sd-menu-light .sd-menu-pop-header.sd-menu-selected,
-.sd-menu-light .sd-menu-inline-header.sd-menu-selected {
-  color: rgb(var(--primary-6));
-}
-.sd-menu-light .sd-menu-item.sd-menu-selected .sd-icon,
-.sd-menu-light .sd-menu-item.sd-menu-selected .sd-menu-icon,
-.sd-menu-light .sd-menu-group-title.sd-menu-selected .sd-icon,
-.sd-menu-light .sd-menu-group-title.sd-menu-selected .sd-menu-icon,
-.sd-menu-light .sd-menu-pop-header.sd-menu-selected .sd-icon,
-.sd-menu-light .sd-menu-pop-header.sd-menu-selected .sd-menu-icon,
-.sd-menu-light .sd-menu-inline-header.sd-menu-selected .sd-icon,
-.sd-menu-light .sd-menu-inline-header.sd-menu-selected .sd-menu-icon {
-  color: rgb(var(--primary-6));
-}
-.sd-menu-light .sd-menu-item.sd-menu-disabled,
-.sd-menu-light .sd-menu-group-title.sd-menu-disabled,
-.sd-menu-light .sd-menu-pop-header.sd-menu-disabled,
-.sd-menu-light .sd-menu-inline-header.sd-menu-disabled {
-  color: var(--color-text-4);
-  background-color: var(--color-menu-light-bg);
-}
-.sd-menu-light .sd-menu-item.sd-menu-disabled .sd-icon,
-.sd-menu-light .sd-menu-item.sd-menu-disabled .sd-menu-icon,
-.sd-menu-light .sd-menu-group-title.sd-menu-disabled .sd-icon,
-.sd-menu-light .sd-menu-group-title.sd-menu-disabled .sd-menu-icon,
-.sd-menu-light .sd-menu-pop-header.sd-menu-disabled .sd-icon,
-.sd-menu-light .sd-menu-pop-header.sd-menu-disabled .sd-menu-icon,
-.sd-menu-light .sd-menu-inline-header.sd-menu-disabled .sd-icon,
-.sd-menu-light .sd-menu-inline-header.sd-menu-disabled .sd-menu-icon {
-  color: var(--color-text-4);
-}
-.sd-menu-light .sd-menu-item.sd-menu-selected {
-  background-color: var(--color-fill-2);
-}
-.sd-menu-light .sd-menu-inline-header.sd-menu-selected {
-  color: rgb(var(--primary-6));
-}
-.sd-menu-light .sd-menu-inline-header.sd-menu-selected .sd-icon,
-.sd-menu-light .sd-menu-inline-header.sd-menu-selected .sd-menu-icon {
-  color: rgb(var(--primary-6));
-}
-.sd-menu-light .sd-menu-inline-header.sd-menu-selected:hover {
-  background-color: var(--color-fill-2);
-}
 .sd-menu-light.sd-menu-horizontal .sd-menu-item.sd-menu-selected,
 .sd-menu-light.sd-menu-horizontal .sd-menu-group-title.sd-menu-selected,
 .sd-menu-light.sd-menu-horizontal .sd-menu-pop-header.sd-menu-selected,
@@ -9215,12 +9099,6 @@ body {
   background: none;
   transition: color 0.2s cubic-bezier(0, 0, 1, 1);
 }
-.sd-menu-light.sd-menu-horizontal .sd-menu-item.sd-menu-selected:hover,
-.sd-menu-light.sd-menu-horizontal .sd-menu-group-title.sd-menu-selected:hover,
-.sd-menu-light.sd-menu-horizontal .sd-menu-pop-header.sd-menu-selected:hover,
-.sd-menu-light.sd-menu-horizontal .sd-menu-inline-header.sd-menu-selected:hover {
-  background-color: var(--color-fill-2);
-}
 .sd-menu-light .sd-menu-group-title {
   color: var(--color-text-3);
   pointer-events: none;
@@ -9229,92 +9107,9 @@ body {
   color: var(--color-text-3);
   background-color: var(--color-fill-1);
 }
-.sd-menu-light .sd-menu-collapse-button:hover {
-  background-color: var(--color-fill-3);
-}
 .sd-menu-dark {
   background-color: var(--color-menu-dark-bg);
 }
-.sd-menu-dark .sd-menu-item,
-.sd-menu-dark .sd-menu-group-title,
-.sd-menu-dark .sd-menu-pop-header,
-.sd-menu-dark .sd-menu-inline-header {
-  color: var(--color-text-4);
-  background-color: var(--color-menu-dark-bg);
-}
-.sd-menu-dark .sd-menu-item .sd-icon,
-.sd-menu-dark .sd-menu-item .sd-menu-icon,
-.sd-menu-dark .sd-menu-group-title .sd-icon,
-.sd-menu-dark .sd-menu-group-title .sd-menu-icon,
-.sd-menu-dark .sd-menu-pop-header .sd-icon,
-.sd-menu-dark .sd-menu-pop-header .sd-menu-icon,
-.sd-menu-dark .sd-menu-inline-header .sd-icon,
-.sd-menu-dark .sd-menu-inline-header .sd-menu-icon {
-  color: var(--color-text-3);
-}
-.sd-menu-dark .sd-menu-item:hover,
-.sd-menu-dark .sd-menu-group-title:hover,
-.sd-menu-dark .sd-menu-pop-header:hover,
-.sd-menu-dark .sd-menu-inline-header:hover {
-  color: var(--color-text-4);
-  background-color: var(--color-menu-dark-hover);
-}
-.sd-menu-dark .sd-menu-item:hover .sd-icon,
-.sd-menu-dark .sd-menu-item:hover .sd-menu-icon,
-.sd-menu-dark .sd-menu-group-title:hover .sd-icon,
-.sd-menu-dark .sd-menu-group-title:hover .sd-menu-icon,
-.sd-menu-dark .sd-menu-pop-header:hover .sd-icon,
-.sd-menu-dark .sd-menu-pop-header:hover .sd-menu-icon,
-.sd-menu-dark .sd-menu-inline-header:hover .sd-icon,
-.sd-menu-dark .sd-menu-inline-header:hover .sd-menu-icon {
-  color: var(--color-text-3);
-}
-.sd-menu-dark .sd-menu-item.sd-menu-selected,
-.sd-menu-dark .sd-menu-group-title.sd-menu-selected,
-.sd-menu-dark .sd-menu-pop-header.sd-menu-selected,
-.sd-menu-dark .sd-menu-inline-header.sd-menu-selected {
-  color: var(--color-white);
-}
-.sd-menu-dark .sd-menu-item.sd-menu-selected .sd-icon,
-.sd-menu-dark .sd-menu-item.sd-menu-selected .sd-menu-icon,
-.sd-menu-dark .sd-menu-group-title.sd-menu-selected .sd-icon,
-.sd-menu-dark .sd-menu-group-title.sd-menu-selected .sd-menu-icon,
-.sd-menu-dark .sd-menu-pop-header.sd-menu-selected .sd-icon,
-.sd-menu-dark .sd-menu-pop-header.sd-menu-selected .sd-menu-icon,
-.sd-menu-dark .sd-menu-inline-header.sd-menu-selected .sd-icon,
-.sd-menu-dark .sd-menu-inline-header.sd-menu-selected .sd-menu-icon {
-  color: var(--color-white);
-}
-.sd-menu-dark .sd-menu-item.sd-menu-disabled,
-.sd-menu-dark .sd-menu-group-title.sd-menu-disabled,
-.sd-menu-dark .sd-menu-pop-header.sd-menu-disabled,
-.sd-menu-dark .sd-menu-inline-header.sd-menu-disabled {
-  color: var(--color-text-2);
-  background-color: var(--color-menu-dark-bg);
-}
-.sd-menu-dark .sd-menu-item.sd-menu-disabled .sd-icon,
-.sd-menu-dark .sd-menu-item.sd-menu-disabled .sd-menu-icon,
-.sd-menu-dark .sd-menu-group-title.sd-menu-disabled .sd-icon,
-.sd-menu-dark .sd-menu-group-title.sd-menu-disabled .sd-menu-icon,
-.sd-menu-dark .sd-menu-pop-header.sd-menu-disabled .sd-icon,
-.sd-menu-dark .sd-menu-pop-header.sd-menu-disabled .sd-menu-icon,
-.sd-menu-dark .sd-menu-inline-header.sd-menu-disabled .sd-icon,
-.sd-menu-dark .sd-menu-inline-header.sd-menu-disabled .sd-menu-icon {
-  color: var(--color-text-2);
-}
-.sd-menu-dark .sd-menu-item.sd-menu-selected {
-  background-color: var(--color-menu-dark-hover);
-}
-.sd-menu-dark .sd-menu-inline-header.sd-menu-selected {
-  color: rgb(var(--primary-6));
-}
-.sd-menu-dark .sd-menu-inline-header.sd-menu-selected .sd-icon,
-.sd-menu-dark .sd-menu-inline-header.sd-menu-selected .sd-menu-icon {
-  color: rgb(var(--primary-6));
-}
-.sd-menu-dark .sd-menu-inline-header.sd-menu-selected:hover {
-  background-color: var(--color-menu-dark-hover);
-}
 .sd-menu-dark.sd-menu-horizontal .sd-menu-item.sd-menu-selected,
 .sd-menu-dark.sd-menu-horizontal .sd-menu-group-title.sd-menu-selected,
 .sd-menu-dark.sd-menu-horizontal .sd-menu-pop-header.sd-menu-selected,
@@ -9322,12 +9117,6 @@ body {
   background: none;
   transition: color 0.2s cubic-bezier(0, 0, 1, 1);
 }
-.sd-menu-dark.sd-menu-horizontal .sd-menu-item.sd-menu-selected:hover,
-.sd-menu-dark.sd-menu-horizontal .sd-menu-group-title.sd-menu-selected:hover,
-.sd-menu-dark.sd-menu-horizontal .sd-menu-pop-header.sd-menu-selected:hover,
-.sd-menu-dark.sd-menu-horizontal .sd-menu-inline-header.sd-menu-selected:hover {
-  background-color: var(--color-menu-dark-hover);
-}
 .sd-menu-dark .sd-menu-group-title {
   color: var(--color-text-3);
   pointer-events: none;
@@ -9336,9 +9125,6 @@ body {
   color: var(--color-white);
   background-color: rgb(var(--primary-6));
 }
-.sd-menu-dark .sd-menu-collapse-button:hover {
-  background-color: rgb(var(--primary-7));
-}
 .sd-menu a,
 .sd-menu a:hover,
 .sd-menu a:focus,
@@ -12996,216 +12782,52 @@ body {
   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(--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(--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 {
-  background-color: var(--color-bg-2);
-  border-color: rgb(var(--primary-6));
-  box-shadow: 0 0 0 0 var(--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(--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(--color-fill-3);
-  border-color: transparent;
+  box-shadow: 0 0 0;
 }
 .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 {
-  background-color: var(--color-bg-2);
-  border-color: rgb(var(--primary-6));
-  box-shadow: 0 0 0 0 var(--color-primary-light-2);
-}
-.sd-form-item-status-validating .sd-picker:not(.sd-picker-disabled) {
-  background-color: var(--color-fill-2);
-  border-color: transparent;
-}
-.sd-form-item-status-validating .sd-picker:not(.sd-picker-disabled):hover {
-  background-color: var(--color-fill-3);
-  border-color: transparent;
+  box-shadow: 0 0 0;
 }
 .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 {
-  background-color: var(--color-bg-2);
-  border-color: rgb(var(--primary-6));
-  box-shadow: 0 0 0 0 var(--color-primary-light-2);
-}
-
-.sd-form-item-status-validating .sd-form-item-message-help {
-  color: rgb(var(--primary-6));
-}
-.sd-form-item-status-validating .sd-form-item-feedback {
-  color: rgb(var(--primary-6));
+  box-shadow: 0 0 0;
 }
 
-.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(--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(--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 {
-  background-color: var(--color-bg-2);
-  border-color: rgb(var(--success-6));
-  box-shadow: 0 0 0 0 var(--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(--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(--color-fill-3);
-  border-color: transparent;
+  box-shadow: 0 0 0;
 }
 .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 {
-  background-color: var(--color-bg-2);
-  border-color: rgb(var(--success-6));
-  box-shadow: 0 0 0 0 var(--color-success-light-2);
-}
-.sd-form-item-status-success .sd-picker:not(.sd-picker-disabled) {
-  background-color: var(--color-fill-2);
-  border-color: transparent;
-}
-.sd-form-item-status-success .sd-picker:not(.sd-picker-disabled):hover {
-  background-color: var(--color-fill-3);
-  border-color: transparent;
+  box-shadow: 0 0 0;
 }
 .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 {
-  background-color: var(--color-bg-2);
-  border-color: rgb(var(--success-6));
-  box-shadow: 0 0 0 0 var(--color-success-light-2);
+  box-shadow: 0 0 0;
 }
 
-.sd-form-item-status-success .sd-form-item-message-help {
-  color: rgb(var(--success-6));
+.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;
 }
-.sd-form-item-status-success .sd-form-item-feedback {
-  color: rgb(var(--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(--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(--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 {
-  background-color: var(--color-bg-2);
-  border-color: rgb(var(--warning-6));
-  box-shadow: 0 0 0 0 var(--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(--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(--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 {
-  background-color: var(--color-bg-2);
-  border-color: rgb(var(--warning-6));
-  box-shadow: 0 0 0 0 var(--color-warning-light-2);
-}
-.sd-form-item-status-warning .sd-picker:not(.sd-picker-disabled) {
-  background-color: var(--color-warning-light-1);
-  border-color: transparent;
-}
-.sd-form-item-status-warning .sd-picker:not(.sd-picker-disabled):hover {
-  background-color: var(--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;
 }
 .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 {
-  background-color: var(--color-bg-2);
-  border-color: rgb(var(--warning-6));
-  box-shadow: 0 0 0 0 var(--color-warning-light-2);
+  box-shadow: 0 0 0;
 }
 
-.sd-form-item-status-warning .sd-form-item-message-help {
-  color: rgb(var(--warning-6));
-}
-.sd-form-item-status-warning .sd-form-item-feedback {
-  color: rgb(var(--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(--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(--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 {
-  background-color: var(--color-bg-2);
-  border-color: rgb(var(--danger-6));
-  box-shadow: 0 0 0 0 var(--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(--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(--color-danger-light-2);
-  border-color: transparent;
+  box-shadow: 0 0 0;
 }
 .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 {
-  background-color: var(--color-bg-2);
-  border-color: rgb(var(--danger-6));
-  box-shadow: 0 0 0 0 var(--color-danger-light-2);
-}
-.sd-form-item-status-error .sd-picker:not(.sd-picker-disabled) {
-  background-color: var(--color-danger-light-1);
-  border-color: transparent;
-}
-.sd-form-item-status-error .sd-picker:not(.sd-picker-disabled):hover {
-  background-color: var(--color-danger-light-2);
-  border-color: transparent;
+  box-shadow: 0 0 0;
 }
 .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 {
-  background-color: var(--color-bg-2);
-  border-color: rgb(var(--danger-6));
-  box-shadow: 0 0 0 0 var(--color-danger-light-2);
-}
-
-.sd-form-item-status-error .sd-form-item-message-help {
-  color: rgb(var(--danger-6));
-}
-.sd-form-item-status-error .sd-form-item-feedback {
-  color: rgb(var(--danger-6));
+  box-shadow: 0 0 0;
 }
 
 .sd-form-item-control-children {
@@ -16531,25 +16153,11 @@ body {
   background-color: transparent;
   border: 1px solid rgb(var(--primary-6));
 }
-.sd-btn-outline:hover,
-.sd-btn-outline[type=button]:hover,
-.sd-btn-outline[type=submit]:hover {
-  color: rgb(var(--primary-5));
-  background-color: transparent;
-  border-color: rgb(var(--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(--primary-3));
 }
-.sd-btn-outline:active,
-.sd-btn-outline[type=button]:active,
-.sd-btn-outline[type=submit]:active {
-  color: rgb(var(--primary-7));
-  background-color: transparent;
-  border-color: rgb(var(--primary-7));
-}
 .sd-btn-outline.sd-btn-loading,
 .sd-btn-outline[type=button].sd-btn-loading,
 .sd-btn-outline[type=submit].sd-btn-loading {
@@ -16560,97 +16168,29 @@ body {
 .sd-btn-outline.sd-btn-disabled,
 .sd-btn-outline[type=button].sd-btn-disabled,
 .sd-btn-outline[type=submit].sd-btn-disabled {
-  color: var(--color-primary-light-3);
-  background-color: transparent;
-  border: 1px solid var(--color-primary-light-3);
+  border: 1px solid;
   cursor: not-allowed;
 }
 
-.sd-btn-outline.sd-btn-status-warning {
-  color: rgb(var(--warning-6));
-  background-color: transparent;
-  border-color: rgb(var(--warning-6));
-}
-.sd-btn-outline.sd-btn-status-warning:hover {
-  color: rgb(var(--warning-5));
-  background-color: transparent;
-  border-color: rgb(var(--warning-5));
-}
 .sd-btn-outline.sd-btn-status-warning:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--warning-3));
-}
-.sd-btn-outline.sd-btn-status-warning:active {
-  color: rgb(var(--warning-7));
-  background-color: transparent;
-  border-color: rgb(var(--warning-7));
-}
-.sd-btn-outline.sd-btn-status-warning.sd-btn-loading {
-  color: rgb(var(--warning-6));
-  background-color: transparent;
-  border-color: rgb(var(--warning-6));
+  box-shadow: 0 0 0 0.25em;
 }
 .sd-btn-outline.sd-btn-status-warning.sd-btn-disabled {
-  color: var(--color-warning-light-3);
-  background-color: transparent;
-  border: 1px solid var(--color-warning-light-3);
+  border: 1px solid;
 }
 
-.sd-btn-outline.sd-btn-status-danger {
-  color: rgb(var(--danger-6));
-  background-color: transparent;
-  border-color: rgb(var(--danger-6));
-}
-.sd-btn-outline.sd-btn-status-danger:hover {
-  color: rgb(var(--danger-5));
-  background-color: transparent;
-  border-color: rgb(var(--danger-5));
-}
 .sd-btn-outline.sd-btn-status-danger:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--danger-3));
-}
-.sd-btn-outline.sd-btn-status-danger:active {
-  color: rgb(var(--danger-7));
-  background-color: transparent;
-  border-color: rgb(var(--danger-7));
-}
-.sd-btn-outline.sd-btn-status-danger.sd-btn-loading {
-  color: rgb(var(--danger-6));
-  background-color: transparent;
-  border-color: rgb(var(--danger-6));
+  box-shadow: 0 0 0 0.25em;
 }
 .sd-btn-outline.sd-btn-status-danger.sd-btn-disabled {
-  color: var(--color-danger-light-3);
-  background-color: transparent;
-  border: 1px solid var(--color-danger-light-3);
+  border: 1px solid;
 }
 
-.sd-btn-outline.sd-btn-status-success {
-  color: rgb(var(--success-6));
-  background-color: transparent;
-  border-color: rgb(var(--success-6));
-}
-.sd-btn-outline.sd-btn-status-success:hover {
-  color: rgb(var(--success-5));
-  background-color: transparent;
-  border-color: rgb(var(--success-5));
-}
 .sd-btn-outline.sd-btn-status-success:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--success-3));
-}
-.sd-btn-outline.sd-btn-status-success:active {
-  color: rgb(var(--success-7));
-  background-color: transparent;
-  border-color: rgb(var(--success-7));
-}
-.sd-btn-outline.sd-btn-status-success.sd-btn-loading {
-  color: rgb(var(--success-6));
-  background-color: transparent;
-  border-color: rgb(var(--success-6));
+  box-shadow: 0 0 0 0.25em;
 }
 .sd-btn-outline.sd-btn-status-success.sd-btn-disabled {
-  color: var(--color-success-light-3);
-  background-color: transparent;
-  border: 1px solid var(--color-success-light-3);
+  border: 1px solid;
 }
 
 .sd-btn-primary,
@@ -16660,25 +16200,11 @@ body {
   background-color: rgb(var(--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(--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(--primary-3));
 }
-.sd-btn-primary:active,
-.sd-btn-primary[type=button]:active,
-.sd-btn-primary[type=submit]:active {
-  color: #fff;
-  background-color: rgb(var(--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 {
@@ -16689,97 +16215,29 @@ body {
 .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(--color-primary-light-3);
-  border: 1px solid transparent;
+  border: 1px solid;
   cursor: not-allowed;
 }
 
-.sd-btn-primary.sd-btn-status-warning {
-  color: #fff;
-  background-color: rgb(var(--warning-6));
-  border-color: transparent;
-}
-.sd-btn-primary.sd-btn-status-warning:hover {
-  color: #fff;
-  background-color: rgb(var(--warning-5));
-  border-color: transparent;
-}
 .sd-btn-primary.sd-btn-status-warning:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--warning-3));
-}
-.sd-btn-primary.sd-btn-status-warning:active {
-  color: #fff;
-  background-color: rgb(var(--warning-7));
-  border-color: transparent;
-}
-.sd-btn-primary.sd-btn-status-warning.sd-btn-loading {
-  color: #fff;
-  background-color: rgb(var(--warning-6));
-  border-color: transparent;
+  box-shadow: 0 0 0 0.25em;
 }
 .sd-btn-primary.sd-btn-status-warning.sd-btn-disabled {
-  color: #fff;
-  background-color: var(--color-warning-light-3);
-  border: 1px solid transparent;
+  border: 1px solid;
 }
 
-.sd-btn-primary.sd-btn-status-danger {
-  color: #fff;
-  background-color: rgb(var(--danger-6));
-  border-color: transparent;
-}
-.sd-btn-primary.sd-btn-status-danger:hover {
-  color: #fff;
-  background-color: rgb(var(--danger-5));
-  border-color: transparent;
-}
 .sd-btn-primary.sd-btn-status-danger:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--danger-3));
-}
-.sd-btn-primary.sd-btn-status-danger:active {
-  color: #fff;
-  background-color: rgb(var(--danger-7));
-  border-color: transparent;
-}
-.sd-btn-primary.sd-btn-status-danger.sd-btn-loading {
-  color: #fff;
-  background-color: rgb(var(--danger-6));
-  border-color: transparent;
+  box-shadow: 0 0 0 0.25em;
 }
 .sd-btn-primary.sd-btn-status-danger.sd-btn-disabled {
-  color: #fff;
-  background-color: var(--color-danger-light-3);
-  border: 1px solid transparent;
+  border: 1px solid;
 }
 
-.sd-btn-primary.sd-btn-status-success {
-  color: #fff;
-  background-color: rgb(var(--success-6));
-  border-color: transparent;
-}
-.sd-btn-primary.sd-btn-status-success:hover {
-  color: #fff;
-  background-color: rgb(var(--success-5));
-  border-color: transparent;
-}
 .sd-btn-primary.sd-btn-status-success:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--success-3));
-}
-.sd-btn-primary.sd-btn-status-success:active {
-  color: #fff;
-  background-color: rgb(var(--success-7));
-  border-color: transparent;
-}
-.sd-btn-primary.sd-btn-status-success.sd-btn-loading {
-  color: #fff;
-  background-color: rgb(var(--success-6));
-  border-color: transparent;
+  box-shadow: 0 0 0 0.25em;
 }
 .sd-btn-primary.sd-btn-status-success.sd-btn-disabled {
-  color: #fff;
-  background-color: var(--color-success-light-3);
-  border: 1px solid transparent;
+  border: 1px solid;
 }
 
 .sd-btn-secondary,
@@ -16789,25 +16247,11 @@ body {
   background-color: var(--color-secondary);
   border: 1px solid transparent;
 }
-.sd-btn-secondary:hover,
-.sd-btn-secondary[type=button]:hover,
-.sd-btn-secondary[type=submit]:hover {
-  color: var(--color-text-2);
-  background-color: var(--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(--color-neutral-4);
 }
-.sd-btn-secondary:active,
-.sd-btn-secondary[type=button]:active,
-.sd-btn-secondary[type=submit]:active {
-  color: var(--color-text-2);
-  background-color: var(--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 {
@@ -16818,97 +16262,29 @@ body {
 .sd-btn-secondary.sd-btn-disabled,
 .sd-btn-secondary[type=button].sd-btn-disabled,
 .sd-btn-secondary[type=submit].sd-btn-disabled {
-  color: var(--color-text-4);
-  background-color: var(--color-secondary-disabled);
-  border: 1px solid transparent;
+  border: 1px solid;
   cursor: not-allowed;
 }
 
-.sd-btn-secondary.sd-btn-status-warning {
-  color: rgb(var(--warning-6));
-  background-color: var(--color-warning-light-1);
-  border-color: transparent;
-}
-.sd-btn-secondary.sd-btn-status-warning:hover {
-  color: rgb(var(--warning-6));
-  background-color: var(--color-warning-light-2);
-  border-color: transparent;
-}
 .sd-btn-secondary.sd-btn-status-warning:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--warning-3));
-}
-.sd-btn-secondary.sd-btn-status-warning:active {
-  color: rgb(var(--warning-6));
-  background-color: var(--color-warning-light-3);
-  border-color: transparent;
-}
-.sd-btn-secondary.sd-btn-status-warning.sd-btn-loading {
-  color: rgb(var(--warning-6));
-  background-color: var(--color-warning-light-1);
-  border-color: transparent;
+  box-shadow: 0 0 0 0.25em;
 }
 .sd-btn-secondary.sd-btn-status-warning.sd-btn-disabled {
-  color: var(--color-warning-light-3);
-  background-color: var(--color-warning-light-1);
-  border: 1px solid transparent;
+  border: 1px solid;
 }
 
-.sd-btn-secondary.sd-btn-status-danger {
-  color: rgb(var(--danger-6));
-  background-color: var(--color-danger-light-1);
-  border-color: transparent;
-}
-.sd-btn-secondary.sd-btn-status-danger:hover {
-  color: rgb(var(--danger-6));
-  background-color: var(--color-danger-light-2);
-  border-color: transparent;
-}
 .sd-btn-secondary.sd-btn-status-danger:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--danger-3));
-}
-.sd-btn-secondary.sd-btn-status-danger:active {
-  color: rgb(var(--danger-6));
-  background-color: var(--color-danger-light-3);
-  border-color: transparent;
-}
-.sd-btn-secondary.sd-btn-status-danger.sd-btn-loading {
-  color: rgb(var(--danger-6));
-  background-color: var(--color-danger-light-1);
-  border-color: transparent;
+  box-shadow: 0 0 0 0.25em;
 }
 .sd-btn-secondary.sd-btn-status-danger.sd-btn-disabled {
-  color: var(--color-danger-light-3);
-  background-color: var(--color-danger-light-1);
-  border: 1px solid transparent;
+  border: 1px solid;
 }
 
-.sd-btn-secondary.sd-btn-status-success {
-  color: rgb(var(--success-6));
-  background-color: var(--color-success-light-1);
-  border-color: transparent;
-}
-.sd-btn-secondary.sd-btn-status-success:hover {
-  color: rgb(var(--success-6));
-  background-color: var(--color-success-light-2);
-  border-color: transparent;
-}
 .sd-btn-secondary.sd-btn-status-success:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--success-3));
-}
-.sd-btn-secondary.sd-btn-status-success:active {
-  color: rgb(var(--success-6));
-  background-color: var(--color-success-light-3);
-  border-color: transparent;
-}
-.sd-btn-secondary.sd-btn-status-success.sd-btn-loading {
-  color: rgb(var(--success-6));
-  background-color: var(--color-success-light-1);
-  border-color: transparent;
+  box-shadow: 0 0 0 0.25em;
 }
 .sd-btn-secondary.sd-btn-status-success.sd-btn-disabled {
-  color: var(--color-success-light-3);
-  background-color: var(--color-success-light-1);
-  border: 1px solid transparent;
+  border: 1px solid;
 }
 
 .sd-btn-dashed,
@@ -16918,25 +16294,11 @@ body {
   background-color: var(--color-fill-2);
   border: 1px dashed var(--color-neutral-3);
 }
-.sd-btn-dashed:hover,
-.sd-btn-dashed[type=button]:hover,
-.sd-btn-dashed[type=submit]:hover {
-  color: var(--color-text-2);
-  background-color: var(--color-fill-3);
-  border-color: var(--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(--color-neutral-4);
 }
-.sd-btn-dashed:active,
-.sd-btn-dashed[type=button]:active,
-.sd-btn-dashed[type=submit]:active {
-  color: var(--color-text-2);
-  background-color: var(--color-fill-4);
-  border-color: var(--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 {
@@ -16947,97 +16309,29 @@ body {
 .sd-btn-dashed.sd-btn-disabled,
 .sd-btn-dashed[type=button].sd-btn-disabled,
 .sd-btn-dashed[type=submit].sd-btn-disabled {
-  color: var(--color-text-4);
-  background-color: var(--color-fill-2);
-  border: 1px dashed var(--color-neutral-3);
+  border: 1px dashed;
   cursor: not-allowed;
 }
 
-.sd-btn-dashed.sd-btn-status-warning {
-  color: rgb(var(--warning-6));
-  background-color: var(--color-warning-light-1);
-  border-color: var(--color-warning-light-2);
-}
-.sd-btn-dashed.sd-btn-status-warning:hover {
-  color: rgb(var(--warning-6));
-  background-color: var(--color-warning-light-2);
-  border-color: var(--color-warning-light-3);
-}
 .sd-btn-dashed.sd-btn-status-warning:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--warning-3));
-}
-.sd-btn-dashed.sd-btn-status-warning:active {
-  color: rgb(var(--warning-6));
-  background-color: var(--color-warning-light-3);
-  border-color: var(--color-warning-light-4);
-}
-.sd-btn-dashed.sd-btn-status-warning.sd-btn-loading {
-  color: rgb(var(--warning-6));
-  background-color: var(--color-warning-light-1);
-  border-color: var(--color-warning-light-2);
+  box-shadow: 0 0 0 0.25em;
 }
 .sd-btn-dashed.sd-btn-status-warning.sd-btn-disabled {
-  color: var(--color-warning-light-3);
-  background-color: var(--color-warning-light-1);
-  border: 1px dashed var(--color-warning-light-2);
+  border: 1px dashed;
 }
 
-.sd-btn-dashed.sd-btn-status-danger {
-  color: rgb(var(--danger-6));
-  background-color: var(--color-danger-light-1);
-  border-color: var(--color-danger-light-2);
-}
-.sd-btn-dashed.sd-btn-status-danger:hover {
-  color: rgb(var(--danger-6));
-  background-color: var(--color-danger-light-2);
-  border-color: var(--color-danger-light-3);
-}
 .sd-btn-dashed.sd-btn-status-danger:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--danger-3));
-}
-.sd-btn-dashed.sd-btn-status-danger:active {
-  color: rgb(var(--danger-6));
-  background-color: var(--color-danger-light-3);
-  border-color: var(--color-danger-light-4);
-}
-.sd-btn-dashed.sd-btn-status-danger.sd-btn-loading {
-  color: rgb(var(--danger-6));
-  background-color: var(--color-danger-light-1);
-  border-color: var(--color-danger-light-2);
+  box-shadow: 0 0 0 0.25em;
 }
 .sd-btn-dashed.sd-btn-status-danger.sd-btn-disabled {
-  color: var(--color-danger-light-3);
-  background-color: var(--color-danger-light-1);
-  border: 1px dashed var(--color-danger-light-2);
+  border: 1px dashed;
 }
 
-.sd-btn-dashed.sd-btn-status-success {
-  color: rgb(var(--success-6));
-  background-color: var(--color-success-light-1);
-  border-color: var(--color-success-light-2);
-}
-.sd-btn-dashed.sd-btn-status-success:hover {
-  color: rgb(var(--success-6));
-  background-color: var(--color-success-light-2);
-  border-color: var(--color-success-light-3);
-}
 .sd-btn-dashed.sd-btn-status-success:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--success-3));
-}
-.sd-btn-dashed.sd-btn-status-success:active {
-  color: rgb(var(--success-6));
-  background-color: var(--color-success-light-3);
-  border-color: var(--color-success-light-4);
-}
-.sd-btn-dashed.sd-btn-status-success.sd-btn-loading {
-  color: rgb(var(--success-6));
-  background-color: var(--color-success-light-1);
-  border-color: var(--color-success-light-2);
+  box-shadow: 0 0 0 0.25em;
 }
 .sd-btn-dashed.sd-btn-status-success.sd-btn-disabled {
-  color: var(--color-success-light-3);
-  background-color: var(--color-success-light-1);
-  border: 1px dashed var(--color-success-light-2);
+  border: 1px dashed;
 }
 
 .sd-btn-text,
@@ -17047,25 +16341,11 @@ body {
   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(--primary-6));
-  background-color: var(--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(--color-neutral-4);
 }
-.sd-btn-text:active,
-.sd-btn-text[type=button]:active,
-.sd-btn-text[type=submit]:active {
-  color: rgb(var(--primary-6));
-  background-color: var(--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 {
@@ -17076,97 +16356,29 @@ body {
 .sd-btn-text.sd-btn-disabled,
 .sd-btn-text[type=button].sd-btn-disabled,
 .sd-btn-text[type=submit].sd-btn-disabled {
-  color: var(--color-primary-light-3);
-  background-color: transparent;
-  border: 1px solid transparent;
+  border: 1px solid;
   cursor: not-allowed;
 }
 
-.sd-btn-text.sd-btn-status-warning {
-  color: rgb(var(--warning-6));
-  background-color: transparent;
-  border-color: transparent;
-}
-.sd-btn-text.sd-btn-status-warning:hover {
-  color: rgb(var(--warning-6));
-  background-color: var(--color-fill-2);
-  border-color: transparent;
-}
 .sd-btn-text.sd-btn-status-warning:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--warning-3));
-}
-.sd-btn-text.sd-btn-status-warning:active {
-  color: rgb(var(--warning-6));
-  background-color: var(--color-fill-3);
-  border-color: transparent;
-}
-.sd-btn-text.sd-btn-status-warning.sd-btn-loading {
-  color: rgb(var(--warning-6));
-  background-color: transparent;
-  border-color: transparent;
+  box-shadow: 0 0 0 0.25em;
 }
 .sd-btn-text.sd-btn-status-warning.sd-btn-disabled {
-  color: var(--color-warning-light-3);
-  background-color: transparent;
-  border: 1px solid transparent;
+  border: 1px solid;
 }
 
-.sd-btn-text.sd-btn-status-danger {
-  color: rgb(var(--danger-6));
-  background-color: transparent;
-  border-color: transparent;
-}
-.sd-btn-text.sd-btn-status-danger:hover {
-  color: rgb(var(--danger-6));
-  background-color: var(--color-fill-2);
-  border-color: transparent;
-}
 .sd-btn-text.sd-btn-status-danger:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--danger-3));
-}
-.sd-btn-text.sd-btn-status-danger:active {
-  color: rgb(var(--danger-6));
-  background-color: var(--color-fill-3);
-  border-color: transparent;
-}
-.sd-btn-text.sd-btn-status-danger.sd-btn-loading {
-  color: rgb(var(--danger-6));
-  background-color: transparent;
-  border-color: transparent;
+  box-shadow: 0 0 0 0.25em;
 }
 .sd-btn-text.sd-btn-status-danger.sd-btn-disabled {
-  color: var(--color-danger-light-3);
-  background-color: transparent;
-  border: 1px solid transparent;
+  border: 1px solid;
 }
 
-.sd-btn-text.sd-btn-status-success {
-  color: rgb(var(--success-6));
-  background-color: transparent;
-  border-color: transparent;
-}
-.sd-btn-text.sd-btn-status-success:hover {
-  color: rgb(var(--success-6));
-  background-color: var(--color-fill-2);
-  border-color: transparent;
-}
 .sd-btn-text.sd-btn-status-success:focus-visible {
-  box-shadow: 0 0 0 0.25em rgb(var(--success-3));
-}
-.sd-btn-text.sd-btn-status-success:active {
-  color: rgb(var(--success-6));
-  background-color: var(--color-fill-3);
-  border-color: transparent;
-}
-.sd-btn-text.sd-btn-status-success.sd-btn-loading {
-  color: rgb(var(--success-6));
-  background-color: transparent;
-  border-color: transparent;
+  box-shadow: 0 0 0 0.25em;
 }
 .sd-btn-text.sd-btn-status-success.sd-btn-disabled {
-  color: var(--color-success-light-3);
-  background-color: transparent;
-  border: 1px solid transparent;
+  border: 1px solid;
 }
 
 .sd-btn-size-mini {
@@ -17756,22 +16968,6 @@ body {
   font-size: 14px;
   line-height: 36px;
 }
-.sd-autocomplete-popup .sd-select-popup .sd-select-option {
-  color: var(--color-text-1);
-  background-color: var(--color-bg-popup);
-}
-.sd-autocomplete-popup .sd-select-popup .sd-select-option-selected {
-  color: var(--color-text-1);
-  background-color: var(--color-bg-popup);
-}
-.sd-autocomplete-popup .sd-select-popup .sd-select-option-hover {
-  color: var(--color-text-1);
-  background-color: var(--color-fill-2);
-}
-.sd-autocomplete-popup .sd-select-popup .sd-select-option-disabled {
-  color: var(--color-text-4);
-  background-color: var(--color-bg-popup);
-}
 .sd-autocomplete-popup .sd-select-popup .sd-select-option-selected {
   font-weight: 500;
 }