zartd 0.0.19 → 0.0.21

package/dist/index.css

@@ -3,6 +3,42 @@
   font-display: swap;
   src: url('din-alternate-bold.ttf') format('truetype');
 }
+@font-face {
+  font-family: 'HarmonyOS Sans';
+  font-display: swap;
+  font-weight: 100;
+  src: url('HarmonyOS_Sans_Thin.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'HarmonyOS Sans';
+  font-display: swap;
+  font-weight: 300;
+  src: url('HarmonyOS_Sans_Light.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'HarmonyOS Sans';
+  font-display: swap;
+  font-weight: 400;
+  src: url('HarmonyOS_Sans_Regular.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'HarmonyOS Sans';
+  font-display: swap;
+  font-weight: 500;
+  src: url('HarmonyOS_Sans_Medium.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'HarmonyOS Sans';
+  font-display: swap;
+  font-weight: 700;
+  src: url('HarmonyOS_Sans_Bold.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'HarmonyOS Sans';
+  font-display: swap;
+  font-weight: 900;
+  src: url('HarmonyOS_Sans_Black.ttf') format('truetype');
+}
 @font-face {
   font-family: 'Source Han Sans';
   font-display: swap;
@@ -1108,8 +1144,9 @@
   /* -------------------- common -------------------- */
   --zartd-body-background: #fff;
   --zartd-border-color: #e9ecf2;
-  --zartd-shadow-color: rgba(0, 0, 0, 0.1);
   --zartd-box-shadow: 0 2px 24px 2px rgba(0, 0, 0, 0.1);
+  --zartd-shadow-color: rgba(0, 0, 0, 0.1);
+  --zartd-input-border-color: #dde1eb;
   --zartd-text-color: #235;
   --zartd-text-color-light: #6b7a99;
   --zartd-text-color-lighter: #a8b4c8;
@@ -1403,7 +1440,7 @@
         'WenQuanYi Micro Hei', 'Source Han Sans', 'Noto Sans CJK', 'Microsoft YaHei', sans-serif, 'Apple Color Emoji', 'Noto Color Emoji', 'Segoe UI Emoji',
         'Segoe UI Symbol';
   --zartd-font-family-code: 'Consolas', 'Monaco', 'Andale Mono', 'Ubuntu Mono', monospace;
-  --zartd-font-family-number: 'DIN';
+  --zartd-font-family-number: 'HarmonyOS Sans';
 }
 :root ::-webkit-scrollbar {
   width: 6px;
@@ -1480,6 +1517,18 @@ body {
 .ant-alert.ant-alert-with-description .ant-alert-description {
   line-height: 20px;
 }
+.ant-alert-info {
+  background-color: var(--zartd-primary-2);
+}
+.ant-alert-success {
+  background-color: var(--zartd-gb-20);
+}
+.ant-alert-warning {
+  background-color: var(--zartd-o-20);
+}
+.ant-alert-error {
+  background-color: var(--zartd-r-20);
+}
 .ant-avatar-lg {
   font-size: 18px !important;
 }
@@ -1858,29 +1907,38 @@ body {
 }
 .ant-collapse.ant-collapse-icon-position-right .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
   right: 0;
-  width: 16px;
-  height: 16px;
-  font-size: 16px;
-  line-height: 16px;
+  width: 12px;
+  height: 12px;
+  font-size: 12px;
+  line-height: 12px;
+}
+.ant-collapse.ant-collapse-icon-position-right .ant-collapse-item .ant-collapse-header .ant-collapse-extra {
+  margin-right: 20px;
 }
-.ant-picker-cell-in-view.ant-picker-cell-in-range {
+.ant-picker-cell {
+  padding: 2px;
+}
+.ant-picker-cell::before {
+  height: 100%;
+}
+.ant-picker-cell-in-view.ant-picker-cell-in-range,
+.ant-picker-cell-in-view.ant-picker-cell-selected,
+.ant-picker-cell-in-view.ant-picker-cell-range-start,
+.ant-picker-cell-in-view.ant-picker-cell-range-end {
   color: var(--zartd-primary-color);
 }
-.ant-picker-cell-in-view.ant-picker-cell-in-range::before {
+.ant-picker-cell-in-view.ant-picker-cell-in-range::before,
+.ant-picker-cell-in-view.ant-picker-cell-selected::before,
+.ant-picker-cell-in-view.ant-picker-cell-range-start::before,
+.ant-picker-cell-in-view.ant-picker-cell-range-end::before {
   width: 36.5px;
 }
-.ant-picker-cell-today > .ant-picker-cell-inner::before {
-  border: none !important;
+.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::before,
+.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::before {
+  background-color: var(--zartd-primary-color-deprecated-l-35);
 }
-.ant-picker-cell-today > .ant-picker-cell-inner::after {
-  position: absolute;
-  bottom: -4.5px;
-  left: 10px;
-  width: 4px;
-  height: 4px;
-  background-color: var(--zartd-primary-color);
-  border-radius: 50%;
-  content: '';
+.ant-picker-cell-in-view.ant-picker-cell-range-start::before {
+  left: 0;
 }
 .ant-picker-cell-range-start::before,
 .ant-picker-cell-range-end::before {
@@ -1890,6 +1948,19 @@ body {
 .ant-picker-cell-range-end .ant-picker-cell-inner {
   border-radius: 4px !important;
 }
+.ant-picker-cell-in-view.ant-picker-cell-today > .ant-picker-cell-inner::before {
+  border: none;
+}
+.ant-picker-cell-in-view.ant-picker-cell-today > .ant-picker-cell-inner::after {
+  position: absolute;
+  bottom: -4.5px;
+  left: 10px;
+  width: 4px;
+  height: 4px;
+  background-color: var(--zartd-primary-color);
+  border-radius: 50%;
+  content: '';
+}
 .ant-picker-footer-extra {
   padding: 8px;
   line-height: 32px;
@@ -1921,6 +1992,9 @@ body {
   padding: 9.5px 16px 9.5px 8px;
   color: var(--zartd-text-color-7);
 }
+.ant-descriptions .ant-descriptions-view .ant-descriptions-row .ant-descriptions-item-label {
+  color: var(--zartd-text-color-7) !important;
+}
 .ant-descriptions-bordered .ant-descriptions-view {
   border: none;
 }
@@ -1957,21 +2031,49 @@ body {
   padding: 12px 20px;
   border-top: none;
 }
+.ant-dropdown-menu {
+  padding: 8px;
+}
 .ant-dropdown-menu .ant-dropdown-menu-item {
   padding: 5px 8px;
-  margin: 8px 8px 0;
+  margin-bottom: 8px;
   border-radius: 4px;
 }
-.ant-dropdown-menu .ant-dropdown-menu-item:first-child {
-  margin-top: 0;
+.ant-dropdown-menu .ant-dropdown-menu-item:last-child {
+  margin-bottom: 0;
+}
+.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content {
+  line-height: 22px;
+  height: 22px;
 }
 .ant-dropdown-menu .ant-menu-item-divider {
-  margin: 4px 0 -4px;
+  position: relative;
+  bottom: 4px;
+  margin: 0;
 }
 .ant-dropdown-menu .ant-dropdown-menu-submenu {
-  margin: 8px 8px 0;
+  margin: 0 0 8px;
   border-radius: 4px;
 }
+.ant-dropdown-menu .ant-dropdown-menu-submenu .ant-dropdown-menu-submenu-title {
+  padding: 5px 8px;
+}
+.ant-dropdown-menu .ant-dropdown-menu-submenu .ant-dropdown-menu-submenu-title .ant-dropdown-menu-title-content {
+  display: inline-block;
+  line-height: 22px;
+  height: 22px;
+}
+.ant-dropdown-menu .ant-dropdown-menu-submenu .ant-dropdown-menu-submenu-title .ant-dropdown-menu-title-content + span,
+.ant-dropdown-menu .ant-dropdown-menu-submenu .ant-dropdown-menu-submenu-title .ant-dropdown-menu-title-content + i {
+  color: var(--zartd-text-color-6);
+}
+.ant-dropdown-menu .ant-dropdown-menu-submenu .ant-dropdown-menu-submenu-title .ant-dropdown-menu-title-content + i {
+  position: absolute;
+  right: 8px;
+}
+.ant-dropdown-menu .ant-dropdown-menu-submenu:last-child {
+  margin-bottom: 0;
+}
 .ant-dropdown-menu .ant-dropdown-menu-submenu:hover {
   background-color: var(--zartd-text-color-2);
 }
@@ -2047,6 +2149,9 @@ body {
 .ant-input-affix-wrapper .ant-input-suffix {
   color: var(--zartd-text-color-6);
 }
+.ant-input-affix-wrapper .ant-input-suffix:hover {
+  color: initial;
+}
 .ant-input-affix-wrapper .ant-input-suffix .anticon {
   color: inherit;
 }
@@ -2054,8 +2159,7 @@ body {
   border-radius: 4px;
 }
 .ant-input-group-wrapper .ant-input-group-addon .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
-  border-right-color: transparent;
-  border-left-color: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .ant-input-group-wrapper .ant-input-group:focus-within {
@@ -2064,11 +2168,34 @@ body {
 }
 .ant-input-group-wrapper .ant-input-group:hover .ant-input,
 .ant-input-group-wrapper .ant-input-group:focus-within .ant-input,
+.ant-input-group-wrapper .ant-input-group:hover .ant-input-affix-wrapper,
+.ant-input-group-wrapper .ant-input-group:focus-within .ant-input-affix-wrapper,
 .ant-input-group-wrapper .ant-input-group:hover .ant-input-group-addon,
 .ant-input-group-wrapper .ant-input-group:focus-within .ant-input-group-addon {
   border-color: var(--zartd-primary-color);
   box-shadow: none;
 }
+.ant-input-search > .ant-input-group {
+  display: inline-flex;
+}
+.ant-input-search > .ant-input-group > .ant-input:hover,
+.ant-input-search > .ant-input-group > .ant-input-affix-wrapper:hover,
+.ant-input-search > .ant-input-group > .ant-input:focus-within,
+.ant-input-search > .ant-input-group > .ant-input-affix-wrapper:focus-within {
+  box-shadow: none;
+}
+.ant-input-search > .ant-input-group:hover > .ant-input-group-addon .ant-input-search-button,
+.ant-input-search > .ant-input-group:focus-within > .ant-input-group-addon .ant-input-search-button {
+  border-color: var(--zartd-primary-color);
+}
+.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
+  width: unset;
+  left: 0px;
+}
+.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
+  height: 100%;
+  border-left: none;
+}
 .ant-input-number-handler {
   color: var(--zartd-text-color-6);
   border: none;
@@ -2077,8 +2204,7 @@ body {
   border-radius: 4px;
 }
 .ant-input-number-group-wrapper .ant-input-number-group-addon .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
-  border-right-color: transparent;
-  border-left-color: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .ant-input-number-group-wrapper .ant-input-number-group:focus-within {
@@ -2087,6 +2213,8 @@ body {
 }
 .ant-input-number-group-wrapper .ant-input-number-group:hover .ant-input-number,
 .ant-input-number-group-wrapper .ant-input-number-group:focus-within .ant-input-number,
+.ant-input-number-group-wrapper .ant-input-number-group:hover .ant-input-number-affix-wrapper,
+.ant-input-number-group-wrapper .ant-input-number-group:focus-within .ant-input-number-affix-wrapper,
 .ant-input-number-group-wrapper .ant-input-number-group:hover .ant-input-number-group-addon,
 .ant-input-number-group-wrapper .ant-input-number-group:focus-within .ant-input-number-group-addon {
   border-color: var(--zartd-primary-color);
@@ -2164,6 +2292,7 @@ body {
   margin-top: 0;
 }
 .ant-menu-submenu-popup .ant-menu-vertical {
+  margin-left: 11px;
   padding: 8px;
 }
 .ant-menu-submenu-popup .ant-menu-vertical .ant-menu-item,
@@ -2188,6 +2317,8 @@ body {
   line-height: 20px;
   text-align: left;
   box-shadow: var(--zartd-box-shadow);
+  -webkit-user-select: text;
+          user-select: text;
 }
 .ant-message .ant-message-notice .ant-message-notice-content .anticon {
   top: 0;
@@ -2285,11 +2416,30 @@ body {
   border-radius: 4px;
   box-shadow: var(--zartd-collapse-body-box-shadow);
 }
+.ant-page-header .ant-breadcrumb {
+  padding: 5px 0;
+}
 .ant-page-header .ant-page-header-heading .ant-page-header-heading-left {
+  height: auto;
   margin: 0;
 }
+.ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-back {
+  margin-right: 4px;
+}
+.ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-back-button > i {
+  display: inline-block;
+  height: 20px;
+  color: var(--zartd-text-color-light);
+  font-size: 20px;
+}
 .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title {
   font-weight: 500;
+  line-height: 28px;
+}
+.ant-pagination-total-text {
+  height: auto;
+  padding: 6px 0;
+  line-height: 20px;
 }
 .ant-pagination-item {
   border-radius: 2px;
@@ -2309,7 +2459,7 @@ body {
 }
 .ant-pagination-jump-prev,
 .ant-pagination-jump-next {
-  border: 1px solid var(--zartd-border-color);
+  border: 1px solid var(--zartd-input-border-color);
 }
 .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
 .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
@@ -2379,6 +2529,11 @@ body {
 .ant-pagination.mini.ant-pagination-disabled .ant-pagination-item:not(.ant-pagination-item-active) {
   border: none;
 }
+.ant-pagination.mini .ant-pagination-total-text {
+  height: auto;
+  padding: 6px 0;
+  line-height: 20px;
+}
 /* stylelint-disable no-descending-specificity */
 /* stylelint-disable number-max-precision */
 .ant-popover-inner {
@@ -2386,9 +2541,6 @@ body {
   box-shadow: var(--zartd-box-shadow);
 }
 .ant-popover-title {
-  width: 210px;
-  min-width: initial;
-  max-width: 210px;
   height: 20px;
   min-height: 20px;
   margin-bottom: 8px;
@@ -2408,11 +2560,11 @@ body {
   padding: 0;
 }
 .ant-popover-message > .anticon {
-  top: 4.0005px;
-  font-size: 14px;
+  top: 2px;
+  padding: 1.5px;
+  font-size: 13px;
 }
 .ant-popover-message-title {
-  max-width: 182px;
   margin-left: 24px;
   padding-left: 0;
   line-height: 20px;
@@ -2492,16 +2644,21 @@ body {
   align-items: center;
 }
 .ant-radio-inner {
+  width: 16px;
+  height: 16px;
   border-color: var(--zartd-text-color-6);
 }
 .ant-radio-inner::after {
-  width: 4px;
-  height: 4px;
+  width: 8px;
+  height: 8px;
   margin: 0;
   background-color: var(--zartd-body-background);
   -webkit-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
 }
+.ant-radio-inner span {
+  font-size: 14px;
+}
 .ant-radio-checked .ant-radio-inner {
   background-color: var(--zartd-primary-6);
   border-color: var(--zartd-primary-6);
@@ -2618,6 +2775,16 @@ span.ant-radio + * {
 .ant-select-tree-list-holder-inner {
   align-items: stretch;
 }
+.ant-select-tree-list-scrollbar {
+  right: -8px !important;
+}
+.ant-select-tree-list-scrollbar,
+.ant-select-tree-list-scrollbar-show {
+  display: initial !important;
+}
+.ant-select-tree-list-scrollbar-thumb {
+  max-height: 100%;
+}
 .ant-select-tree-indent-unit {
   margin-right: 8px;
 }
@@ -2643,18 +2810,42 @@ span.ant-radio + * {
   top: -10px;
   bottom: -10px;
 }
-.ant-steps .ant-steps-item-title {
-  padding-right: 4px;
-}
 .ant-steps .ant-steps-item {
   padding-left: 4px !important;
 }
 .ant-steps .ant-steps-item:first-child {
   padding-left: 0 !important;
 }
-.ant-steps .ant-steps-item .ant-steps-item-icon {
+.ant-steps .ant-steps-item .ant-steps-item-container {
+  display: flex;
+}
+.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-tail::after {
+  background-color: var(--zartd-border-color);
+}
+.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  font-size: 14px;
+  line-height: 24px;
   border-color: var(--zartd-primary-1);
 }
+.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
+  padding-right: 4px;
+  font-size: 14px;
+  line-height: 24px;
+}
+.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title::after {
+  top: 50%;
+  background-color: var(--zartd-border-color);
+}
+.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
+  max-width: 156px;
+  font-size: 12px;
+  line-height: 20px;
+}
 .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
   color: var(--zartd-primary-color);
 }
@@ -2665,16 +2856,62 @@ span.ant-radio + * {
 .ant-steps .ant-steps-item-process .ant-steps-item-subtitle {
   color: var(--zartd-text-color-7);
 }
-.ant-steps .ant-steps-item-wait .ant-steps-item-icon {
-  background-color: var(--zartd-text-color-2);
-  border-color: var(--zartd-text-color-2);
-}
 .ant-steps .ant-steps-item-wait .ant-steps-item-container {
   color: var(--zartd-text-color-7);
 }
+.ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-icon {
+  background-color: var(--zartd-text-color-2);
+  border-color: var(--zartd-text-color-2);
+}
 .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
   color: var(--zartd-text-color-7);
 }
+.ant-steps.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
+  margin: 7px 4px 0 2px;
+}
+.ant-steps.ant-steps-vertical .ant-steps-item {
+  padding: 0 !important;
+}
+.ant-steps.ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-tail::after {
+  margin-left: -4px;
+}
+.ant-steps.ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content {
+  padding-bottom: 75px;
+}
+.ant-steps.ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
+  margin-top: 3px;
+}
+.ant-steps.ant-steps-label-vertical .ant-steps-item .ant-steps-item-container {
+  display: block;
+}
+.ant-steps.ant-steps-label-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-tail {
+  top: 8px;
+}
+.ant-steps.ant-steps-label-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content {
+  margin-top: 1px;
+}
+.ant-steps.ant-steps-label-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
+  padding: 0;
+  line-height: 22px;
+}
+.ant-steps.ant-steps-dot .ant-steps-item .ant-steps-item-container .ant-steps-item-tail {
+  top: 3.5px;
+}
+.ant-steps.ant-steps-dot .ant-steps-item .ant-steps-item-container .ant-steps-item-tail::after {
+  margin-left: 16px;
+}
+.ant-steps.ant-steps-dot .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
+  top: 0;
+  width: 10px;
+  height: 10px;
+  background-color: var(--zartd-primary-color);
+}
+.ant-steps.ant-steps-dot .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-tail::after {
+  background-color: var(--zartd-primary-color);
+}
+.ant-steps.ant-steps-dot .ant-steps-item.ant-steps-item-wait .ant-steps-item-container .ant-steps-item-icon {
+  background-color: var(--zartd-border-color);
+}
 .ant-switch {
   display: inline-flex;
   align-items: center;
@@ -2696,26 +2933,29 @@ span.ant-radio + * {
 .ant-table-thead > tr > th:not(:last-child, .ant-table-selection-column, .ant-table-row-expand-icon-cell, [colspan])::before {
   height: 20px !important;
 }
-.ant-table-thead > tr > th > div {
-  justify-content: flex-start;
-}
-.ant-table-thead > tr > th > div .ant-table-column-title {
-  flex: initial;
+.ant-table-tbody > tr > td {
+  padding-top: 13px;
+  padding-bottom: 13px;
+  border-bottom-color: var(--zartd-border-color);
 }
-.ant-table-thead > tr > th > div .ant-table-column-title .ant-table-column-sorters {
+.ant-table-filter-column,
+.ant-table-column-sorters {
   justify-content: flex-start;
 }
-.ant-table-thead > tr > th > div .ant-table-column-title + span {
-  margin: 0 0 0 4px;
+.ant-table-filter-column .ant-table-column-title,
+.ant-table-column-sorters .ant-table-column-title {
+  flex: unset;
+}
+.ant-table-filter-column .ant-table-column-title + span,
+.ant-table-column-sorters .ant-table-column-title + span {
+  margin-left: 4px;
   padding: 0;
   color: var(--zartd-text-color-6);
 }
-.ant-table-thead > tr > th > div .ant-table-column-title + span:hover {
+.ant-table-filter-column .ant-table-column-title + span:hover,
+.ant-table-column-sorters .ant-table-column-title + span:hover {
   color: var(--zartd-text-color-7);
 }
-.ant-table-tbody > tr > td {
-  border-bottom-color: var(--zartd-border-color);
-}
 .ant-table-pagination.ant-pagination {
   margin-bottom: 0;
 }
@@ -2749,7 +2989,6 @@ span.ant-radio + * {
 .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
 .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
 .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
-  min-width: 155px;
   height: 36px;
   padding: 8px 16px;
 }
@@ -2802,24 +3041,29 @@ span.ant-radio + * {
   height: 50px;
 }
 .ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
-  min-width: 153px;
   height: 34px;
   margin-right: 0;
-  margin-left: 14px;
-  padding: 14px;
+  margin-left: 8px;
+  padding: 7.5px 8px 6.5px 8px;
   border-radius: 8px 8px 0 0;
   color: var(--zartd-text-color-7);
   background-color: var(--zartd-text-color-3);
   border: none;
 }
 .ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:first-child {
-  margin-left: 6px;
+  margin-left: 8px;
 }
 .ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
   min-width: 0;
 }
 .ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-remove {
-  margin: 0;
+  width: 16px;
+  height: 16px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 8px;
+  margin-right: 0;
   padding: 0;
 }
 .ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-active {
@@ -2840,21 +3084,49 @@ span.ant-radio + * {
   display: inline-flex;
   justify-content: space-between;
 }
+.ant-tabs-dropdown-menu {
+  padding: 8px;
+}
 .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item {
   padding: 5px 8px;
-  margin: 8px 8px 0;
+  margin-bottom: 8px;
   border-radius: 4px;
 }
-.ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item:first-child {
-  margin-top: 0;
+.ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item:last-child {
+  margin-bottom: 0;
+}
+.ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item .ant-tabs-dropdown-menu-title-content {
+  line-height: 22px;
+  height: 22px;
 }
 .ant-tabs-dropdown-menu .ant-menu-item-divider {
-  margin: 4px 0 -4px;
+  position: relative;
+  bottom: 4px;
+  margin: 0;
 }
 .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-submenu {
-  margin: 8px 8px 0;
+  margin: 0 0 8px;
   border-radius: 4px;
 }
+.ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-submenu .ant-tabs-dropdown-menu-submenu-title {
+  padding: 5px 8px;
+}
+.ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-submenu .ant-tabs-dropdown-menu-submenu-title .ant-tabs-dropdown-menu-title-content {
+  display: inline-block;
+  line-height: 22px;
+  height: 22px;
+}
+.ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-submenu .ant-tabs-dropdown-menu-submenu-title .ant-tabs-dropdown-menu-title-content + span,
+.ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-submenu .ant-tabs-dropdown-menu-submenu-title .ant-tabs-dropdown-menu-title-content + i {
+  color: var(--zartd-text-color-6);
+}
+.ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-submenu .ant-tabs-dropdown-menu-submenu-title .ant-tabs-dropdown-menu-title-content + i {
+  position: absolute;
+  right: 8px;
+}
+.ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-submenu:last-child {
+  margin-bottom: 0;
+}
 .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-submenu:hover {
   background-color: var(--zartd-text-color-2);
 }
@@ -2967,6 +3239,16 @@ span.ant-radio + * {
 .ant-tree-list-holder-inner {
   align-items: stretch;
 }
+.ant-tree-list-scrollbar {
+  right: -8px !important;
+}
+.ant-tree-list-scrollbar,
+.ant-tree-list-scrollbar-show {
+  display: initial !important;
+}
+.ant-tree-list-scrollbar-thumb {
+  max-height: 100%;
+}
 .ant-tree-indent-unit {
   margin-right: 8px;
 }

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! zartd v0.0.19 */
+/*! zartd v0.0.21 */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :