@sdata/web-vue 1.9.0 → 1.11.0

package/dist/sd.css

@@ -1,5 +1,6 @@
 @charset "UTF-8";
 /*! Tailwind CSS v4 preflight baseline scoped to SD Design layer */
+@import url("vue-virtual-scroller/dist/vue-virtual-scroller.css");
 /******** borderSize *******/
 /******** borderStyle *******/
 /******** radius *******/
@@ -228,7 +229,7 @@
 }
 .sd-icon-hover {
   position: relative;
-  display: inline-block;
+  display: block;
   cursor: pointer;
 }
 .sd-icon-hover .sd-icon {
@@ -1321,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));
@@ -1340,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));
@@ -1359,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));
@@ -1378,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));
@@ -1397,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));
@@ -1416,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));
@@ -1435,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));
@@ -1454,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));
@@ -1473,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));
@@ -1492,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));
@@ -1511,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));
@@ -1530,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));
@@ -3200,6 +3117,11 @@ body {
   padding-left: 10px;
   overflow: auto;
 }
+.sd-tree-select-popup .sd-tree-select-tree-wrapper.sd-tree-select-tree-wrapper-virtual {
+  height: auto;
+  max-height: none;
+  overflow: hidden;
+}
 .sd-tree-select-popup .sd-tree-node {
   padding-left: 0;
 }
@@ -5177,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;
@@ -5193,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;
@@ -5235,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;
@@ -5254,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;
@@ -5342,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));
@@ -5379,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;
@@ -5408,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 {
@@ -5549,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;
@@ -5580,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 {
@@ -5614,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) {
@@ -5637,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);
@@ -5681,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 {
@@ -5759,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;
 }
 
@@ -7307,95 +7305,52 @@ body {
 
 .sd-scrollbar {
   position: relative;
-}
-.sd-scrollbar-container {
-  position: relative;
-  scrollbar-width: none;
-}
-.sd-scrollbar-container::-webkit-scrollbar {
-  display: none;
-}
-.sd-scrollbar-track {
-  position: absolute;
-  z-index: 100;
-}
-.sd-scrollbar-track-direction-horizontal {
-  bottom: 0;
-  left: 0;
-  box-sizing: border-box;
-  width: 100%;
-  height: 15px;
-}
-.sd-scrollbar-track-direction-vertical {
-  top: 0;
-  right: 0;
-  box-sizing: border-box;
-  width: 15px;
-  height: 100%;
-}
-.sd-scrollbar-thumb {
-  position: absolute;
-  display: block;
-  box-sizing: border-box;
-}
-.sd-scrollbar-thumb-bar {
   width: 100%;
   height: 100%;
-  background-color: var(--color-neutral-4);
-  border-radius: 6px;
-}
-.sd-scrollbar-thumb:hover .sd-scrollbar-thumb-bar, .sd-scrollbar-thumb-dragging .sd-scrollbar-thumb-bar {
-  background-color: var(--color-neutral-6);
-}
-.sd-scrollbar-thumb-direction-horizontal .sd-scrollbar-thumb-bar {
-  height: 9px;
-  margin: 3px 0;
-}
-.sd-scrollbar-thumb-direction-vertical .sd-scrollbar-thumb-bar {
-  width: 9px;
-  margin: 0 3px;
-}
-.sd-scrollbar.sd-scrollbar-type-embed .sd-scrollbar-thumb {
-  opacity: 0;
-}
-.sd-scrollbar.sd-scrollbar-type-embed .sd-scrollbar-thumb-dragging {
-  opacity: 0.8;
-}
-.sd-scrollbar.sd-scrollbar-type-embed .sd-scrollbar-thumb {
-  transition: opacity ease 200ms;
-}
-.sd-scrollbar.sd-scrollbar-type-embed:hover .sd-scrollbar-thumb {
-  opacity: 0.8;
-}
-.sd-scrollbar.sd-scrollbar-type-track .sd-scrollbar-track {
-  background-color: var(--color-neutral-1);
-}
-.sd-scrollbar.sd-scrollbar-type-track .sd-scrollbar-track-direction-horizontal {
-  border-top: 1px solid var(--color-neutral-3);
-  border-bottom: 1px solid var(--color-neutral-3);
-}
-.sd-scrollbar.sd-scrollbar-type-track .sd-scrollbar-track-direction-vertical {
-  border-right: 1px solid var(--color-neutral-3);
-  border-left: 1px solid var(--color-neutral-3);
-}
-.sd-scrollbar.sd-scrollbar-type-track .sd-scrollbar-thumb-direction-horizontal {
-  margin: -1px 0;
-}
-.sd-scrollbar.sd-scrollbar-type-track .sd-scrollbar-thumb-direction-vertical {
-  margin: 0 -1px;
 }
-.sd-scrollbar.sd-scrollbar-type-track.sd-scrollbar-both .sd-scrollbar-track-direction-vertical::after {
-  position: absolute;
-  right: -1px;
-  bottom: 0;
-  display: block;
-  box-sizing: border-box;
-  width: 15px;
-  height: 15px;
-  background-color: var(--color-neutral-1);
-  border-right: 1px solid var(--color-neutral-3);
-  border-bottom: 1px solid var(--color-neutral-3);
-  content: "";
+.sd-scrollbar-container {
+  min-width: 100%;
+  min-height: 100%;
+}
+.sd-scrollbar .os-scrollbar {
+  --os-size: 6px;
+  --os-handle-bg: var(--color-neutral-4);
+  --os-handle-bg-hover: var(--color-neutral-5);
+  --os-handle-bg-active: var(--color-neutral-6);
+  --os-track-bg: transparent;
+  --os-track-bg-hover: transparent;
+  --os-track-bg-active: transparent;
+  --os-padding-axis: 0;
+  --os-padding-perpendicular: 0;
+  --os-handle-border-radius: 6px;
+}
+.sd-scrollbar .os-scrollbar-handle {
+  transition: background-color 0.16s ease, opacity 0.16s ease;
+}
+.sd-scrollbar .sd-scrollbar-theme-embed {
+  --os-handle-perpendicular-size: 6px;
+  --os-handle-perpendicular-size-hover: 6px;
+  --os-handle-perpendicular-size-active: 6px;
+  --os-handle-interactive-area-offset: 0;
+}
+.sd-scrollbar .sd-scrollbar-theme-track {
+  --os-size: 6px;
+  --os-track-bg: var(--color-neutral-1);
+  --os-track-bg-hover: var(--color-neutral-1);
+  --os-track-bg-active: var(--color-neutral-1);
+  --os-track-border: 1px solid var(--color-neutral-3);
+  --os-handle-perpendicular-size: 6px;
+  --os-padding-axis: -1px;
+}
+.sd-scrollbar.sd-scrollbar-type-embed .sd-scrollbar-theme-embed {
+  --os-handle-bg: var(--color-neutral-4);
+  --os-handle-bg-hover: var(--color-neutral-5);
+  --os-handle-bg-active: var(--color-neutral-6);
+}
+.sd-scrollbar.sd-scrollbar-type-track .sd-scrollbar-theme-track {
+  --os-handle-bg: var(--color-neutral-4);
+  --os-handle-bg-hover: var(--color-neutral-5);
+  --os-handle-bg-active: var(--color-neutral-6);
 }
 
 .sd-result {
@@ -7423,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;
 }
@@ -8161,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);
@@ -8317,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;
@@ -8338,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;
@@ -8359,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;
@@ -9165,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,
@@ -9252,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;
@@ -9266,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,
@@ -9359,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;
@@ -9373,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,
@@ -13033,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-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;
+  box-shadow: 0 0 0;
 }
 .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;
+  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 {
@@ -15378,8 +14963,10 @@ body {
 }
 .sd-cascader-list-multiple .sd-cascader-option-label, .sd-cascader-list-strictly .sd-cascader-option-label {
   padding-left: 0;
+  text-align: start;
 }
 .sd-cascader-list-multiple .sd-cascader-option, .sd-cascader-list-strictly .sd-cascader-option {
+  width: 100%;
   padding-left: 12px;
 }
 .sd-cascader-list-multiple .sd-cascader-option .sd-checkbox,
@@ -15457,6 +15044,9 @@ body {
 .sd-cascader-option-disabled .sd-icon-check, .sd-cascader-option-disabled:hover .sd-icon-check, .sd-cascader-search-option-disabled .sd-icon-check, .sd-cascader-search-option-disabled:hover .sd-icon-check {
   color: var(--color-primary-light-3);
 }
+.sd-cascader-option {
+  width: 100%;
+}
 .sd-cascader-option-active {
   color: var(--color-text-1);
   background-color: var(--color-fill-2);
@@ -16563,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 {
@@ -16592,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,
@@ -16692,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 {
@@ -16721,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,
@@ -16821,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 {
@@ -16850,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,
@@ -16950,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 {
@@ -16979,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,
@@ -17079,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 {
@@ -17108,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 {
@@ -17788,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;
 }