@open-condo/ui 1.24.1 → 1.26.0

package/dist/styles.css

@@ -52,7 +52,7 @@
   font-weight: 400;
   font-stretch: normal;
   font-display: swap;
-  src: url(https://fonts.gstatic.com/s/notosansmono/v21/BngrUXNETWXI6LwhGYvaxZikqZqK6fBq6kPvUce2oAZcdthSBUsYck4-_FNJ49o.ttf) format('truetype');
+  src: url(https://fonts.gstatic.com/s/notosansmono/v25/BngrUXNETWXI6LwhGYvaxZikqZqK6fBq6kPvUce2oAZcdthSBUsYck4-_FNJ49o.ttf) format('truetype');
 }
 :root {
   --condo-font-fallback: sans-serif;
@@ -3218,19 +3218,6 @@ span.condo-typography-ellipsis-single-line {
   /*! autoprefixer: ignore next */
   -webkit-box-orient: vertical;
 }
-.condo-tooltip > .condo-tooltip-content .condo-tooltip-inner {
-  padding: 12px;
-  color: #222;
-  font-size: 12px;
-  font-family: "Open Sans", var(--condo-font-fallback);
-  line-height: 20px;
-  background-color: #fff;
-  border-radius: 12px;
-  box-shadow: 0 4px 14px 0 rgba(178,185,217,0.4);
-}
-.condo-tooltip > .condo-tooltip-content .condo-tooltip-arrow {
-  display: none;
-}
 
 .condo-promo-block {
   display: flex;
@@ -3614,6 +3601,39 @@ span.condo-typography-ellipsis-single-line {
   border-color: #fff;
 }
 
+.condo-control {
+  width: 40px !important;
+  height: 40px !important;
+  display: flex !important;
+  color: #707695 !important;
+  background: #fff !important;
+  border: 1px solid #fff !important;
+}
+.condo-control {
+  gap: 10px;
+  align-items: center;
+  box-sizing: border-box;
+  border-radius: 50%;
+  box-shadow: 0 4px 14px 0 rgba(178,185,217,0.4);
+  transition-timing-function: ease-out;
+  transition-duration: 0.15s;
+  transition-property: color, border;
+}
+.condo-control:hover {
+  color: #222 !important;
+  border: 1px solid #e1e5ed !important;
+}
+.condo-control-prev {
+  scale: -1 1;
+}
+.condo-control-small {
+  width: 28px !important;
+  height: 28px !important;
+}
+.condo-control-small {
+  gap: 6px;
+}
+
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
@@ -3917,51 +3937,49 @@ span.condo-typography-ellipsis-single-line {
   margin-top: 0;
   margin-bottom: 0;
 }
-.condo-carousel .slick-arrow {
-  display: flex !important;
+.condo-carousel .slick-arrow.condo-control-large {
+  margin-top: -20px;
 }
-.condo-carousel .slick-arrow {
-  gap: 10px;
-  align-items: center;
-  box-sizing: border-box;
-  color: #707695;
-  border: 1px solid #fff;
-  transition-timing-function: ease-out;
-  transition-duration: 0.15s;
-  transition-property: color, border;
+.condo-carousel .slick-arrow.condo-control-small {
+  margin-top: -14px;
 }
 .condo-carousel .slick-arrow,
 .condo-carousel .slick-arrow:hover {
   position: absolute;
   top: 50%;
   z-index: 1;
-  width: 40px;
-  height: 40px;
-  margin-top: -20px;
-  background: #fff;
-  border-radius: 20px;
-  box-shadow: 0 4px 14px 0 rgba(178,185,217,0.4);
-}
-.condo-carousel .slick-arrow:hover {
-  color: #222;
-  border: 1px solid #e1e5ed;
 }
-.condo-carousel .slick-arrow.slick-next {
+.condo-carousel .slick-arrow.slick-next.condo-control-large {
   right: -20px;
 }
-.condo-carousel .slick-arrow.slick-prev {
+.condo-carousel .slick-arrow.slick-next.condo-control-small {
+  right: -14px;
+}
+.condo-carousel .slick-arrow.slick-prev.condo-control-large {
   left: -20px;
-  transform: scaleX(-1);
+}
+.condo-carousel .slick-arrow.slick-prev.condo-control-small {
+  left: -14px;
 }
 .condo-carousel .slick-arrow.slick-disabled {
   display: none !important;
 }
+.condo-carousel .slick-slide > div {
+  margin: 0 20px;
+}
 .condo-carousel .slick-list {
   margin: 0 -20px;
   padding: 20px 0;
 }
-.condo-carousel .slick-slide > div {
-  margin: 0 20px;
+.condo-carousel .slick-list > .slick-track {
+  display: flex;
+}
+.condo-carousel .slick-list > .slick-track > .slick-slide {
+  height: inherit;
+}
+.condo-carousel .slick-list > .slick-track > .slick-slide > div,
+.condo-carousel .slick-list > .slick-track > .slick-slide > div > section {
+  height: 100%;
 }
 
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
@@ -4671,7 +4689,36 @@ span.condo-typography-ellipsis-single-line {
     margin: auto auto 16px;
   }
 }
-.condo-tooltip {
+.condo-list .condo-list-header {
+  padding-top: 0;
+  padding-bottom: 24px;
+  border-bottom: none;
+}
+.condo-list .condo-list-item {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: flex-end;
+  width: 100%;
+  padding: 6px 0;
+  border-bottom: none;
+}
+.condo-list .condo-list-item .condo-typography {
+  max-width: 40%;
+}
+.condo-list .condo-list-item .condo-typography:last-of-type {
+  text-align: right;
+}
+.condo-list .condo-list-item-divider {
+  flex: 1;
+  margin: 0 8px;
+  border-bottom: 1px solid #e1e5ed;
+}
+
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.condo-tag {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
@@ -4681,543 +4728,243 @@ span.condo-typography-ellipsis-single-line {
   line-height: 1.5715;
   list-style: none;
   font-feature-settings: 'tnum', "tnum";
-  position: absolute;
-  z-index: 1070;
-  display: block;
-  width: -webkit-max-content;
-  width: -moz-max-content;
-  width: max-content;
-  width: intrinsic;
-  max-width: 250px;
-  visibility: visible;
-}
-.condo-tooltip-content {
-  position: relative;
+  display: inline-block;
+  height: auto;
+  margin-right: 8px;
+  padding: 0 7px;
+  font-size: 12px;
+  line-height: 20px;
+  white-space: nowrap;
+  background: #fafafa;
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  opacity: 1;
+  transition: all 0.3s;
 }
-.condo-tooltip-hidden {
-  display: none;
+.condo-tag,
+.condo-tag a,
+.condo-tag a:hover {
+  color: rgba(0, 0, 0, 0.85);
 }
-.condo-tooltip-placement-top,
-.condo-tooltip-placement-topLeft,
-.condo-tooltip-placement-topRight {
-  padding-bottom: 14.3137085px;
+.condo-tag > a:first-child:last-child {
+  display: inline-block;
+  margin: 0 -8px;
+  padding: 0 8px;
 }
-.condo-tooltip-placement-right,
-.condo-tooltip-placement-rightTop,
-.condo-tooltip-placement-rightBottom {
-  padding-left: 14.3137085px;
+.condo-tag-close-icon {
+  margin-left: 3px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 10px;
+  cursor: pointer;
+  transition: all 0.3s;
 }
-.condo-tooltip-placement-bottom,
-.condo-tooltip-placement-bottomLeft,
-.condo-tooltip-placement-bottomRight {
-  padding-top: 14.3137085px;
+.condo-tag-close-icon:hover {
+  color: rgba(0, 0, 0, 0.85);
 }
-.condo-tooltip-placement-left,
-.condo-tooltip-placement-leftTop,
-.condo-tooltip-placement-leftBottom {
-  padding-right: 14.3137085px;
+.condo-tag-has-color {
+  border-color: transparent;
 }
-.condo-tooltip-inner {
-  min-width: 30px;
-  min-height: 32px;
-  padding: 6px 8px;
+.condo-tag-has-color,
+.condo-tag-has-color a,
+.condo-tag-has-color a:hover,
+.condo-tag-has-color .anticon-close,
+.condo-tag-has-color .anticon-close:hover {
   color: #fff;
-  text-align: left;
-  text-decoration: none;
-  word-wrap: break-word;
-  background-color: rgba(0, 0, 0, 0.75);
-  border-radius: 2px;
-  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
 }
-.condo-tooltip-arrow {
-  position: absolute;
-  z-index: 2;
-  display: block;
-  width: 22px;
-  height: 22px;
-  overflow: hidden;
-  background: transparent;
-  pointer-events: none;
+.condo-tag-checkable {
+  background-color: transparent;
+  border-color: transparent;
+  cursor: pointer;
 }
-.condo-tooltip-arrow-content {
-  --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: block;
-  width: 11.3137085px;
-  height: 11.3137085px;
-  margin: auto;
-  content: '';
-  pointer-events: auto;
-  border-radius: 0 0 2px;
-  pointer-events: none;
+.condo-tag-checkable:not(.condo-tag-checkable-checked):hover {
+  color: #1890ff;
 }
-.condo-tooltip-arrow-content::before {
-  position: absolute;
-  top: -11.3137085px;
-  left: -11.3137085px;
-  width: 33.9411255px;
-  height: 33.9411255px;
-  background: var(--antd-arrow-background-color);
-  background-repeat: no-repeat;
-  background-position: -10px -10px;
-  content: '';
-  -webkit-clip-path: inset(33% 33%);
-          clip-path: inset(33% 33%);
-  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
-          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
+.condo-tag-checkable:active,
+.condo-tag-checkable-checked {
+  color: #fff;
 }
-.condo-tooltip-placement-top .condo-tooltip-arrow,
-.condo-tooltip-placement-topLeft .condo-tooltip-arrow,
-.condo-tooltip-placement-topRight .condo-tooltip-arrow {
-  bottom: 0;
-  transform: translateY(100%);
+.condo-tag-checkable-checked {
+  background-color: #1890ff;
 }
-.condo-tooltip-placement-top .condo-tooltip-arrow-content,
-.condo-tooltip-placement-topLeft .condo-tooltip-arrow-content,
-.condo-tooltip-placement-topRight .condo-tooltip-arrow-content {
-  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
-  transform: translateY(-11px) rotate(45deg);
+.condo-tag-checkable:active {
+  background-color: #096dd9;
 }
-.condo-tooltip-placement-top .condo-tooltip-arrow {
-  left: 50%;
-  transform: translateY(100%) translateX(-50%);
+.condo-tag-hidden {
+  display: none;
 }
-.condo-tooltip-placement-topLeft .condo-tooltip-arrow {
-  left: 13px;
+.condo-tag-pink {
+  color: #c41d7f;
+  background: #fff0f6;
+  border-color: #ffadd2;
 }
-.condo-tooltip-placement-topRight .condo-tooltip-arrow {
-  right: 13px;
+.condo-tag-pink-inverse {
+  color: #fff;
+  background: #eb2f96;
+  border-color: #eb2f96;
 }
-.condo-tooltip-placement-right .condo-tooltip-arrow,
-.condo-tooltip-placement-rightTop .condo-tooltip-arrow,
-.condo-tooltip-placement-rightBottom .condo-tooltip-arrow {
-  left: 0;
-  transform: translateX(-100%);
+.condo-tag-magenta {
+  color: #c41d7f;
+  background: #fff0f6;
+  border-color: #ffadd2;
 }
-.condo-tooltip-placement-right .condo-tooltip-arrow-content,
-.condo-tooltip-placement-rightTop .condo-tooltip-arrow-content,
-.condo-tooltip-placement-rightBottom .condo-tooltip-arrow-content {
-  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
-  transform: translateX(11px) rotate(135deg);
-}
-.condo-tooltip-placement-right .condo-tooltip-arrow {
-  top: 50%;
-  transform: translateX(-100%) translateY(-50%);
-}
-.condo-tooltip-placement-rightTop .condo-tooltip-arrow {
-  top: 5px;
-}
-.condo-tooltip-placement-rightBottom .condo-tooltip-arrow {
-  bottom: 5px;
-}
-.condo-tooltip-placement-left .condo-tooltip-arrow,
-.condo-tooltip-placement-leftTop .condo-tooltip-arrow,
-.condo-tooltip-placement-leftBottom .condo-tooltip-arrow {
-  right: 0;
-  transform: translateX(100%);
-}
-.condo-tooltip-placement-left .condo-tooltip-arrow-content,
-.condo-tooltip-placement-leftTop .condo-tooltip-arrow-content,
-.condo-tooltip-placement-leftBottom .condo-tooltip-arrow-content {
-  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
-  transform: translateX(-11px) rotate(315deg);
-}
-.condo-tooltip-placement-left .condo-tooltip-arrow {
-  top: 50%;
-  transform: translateX(100%) translateY(-50%);
-}
-.condo-tooltip-placement-leftTop .condo-tooltip-arrow {
-  top: 5px;
-}
-.condo-tooltip-placement-leftBottom .condo-tooltip-arrow {
-  bottom: 5px;
-}
-.condo-tooltip-placement-bottom .condo-tooltip-arrow,
-.condo-tooltip-placement-bottomLeft .condo-tooltip-arrow,
-.condo-tooltip-placement-bottomRight .condo-tooltip-arrow {
-  top: 0;
-  transform: translateY(-100%);
-}
-.condo-tooltip-placement-bottom .condo-tooltip-arrow-content,
-.condo-tooltip-placement-bottomLeft .condo-tooltip-arrow-content,
-.condo-tooltip-placement-bottomRight .condo-tooltip-arrow-content {
-  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
-  transform: translateY(11px) rotate(225deg);
-}
-.condo-tooltip-placement-bottom .condo-tooltip-arrow {
-  left: 50%;
-  transform: translateY(-100%) translateX(-50%);
-}
-.condo-tooltip-placement-bottomLeft .condo-tooltip-arrow {
-  left: 13px;
-}
-.condo-tooltip-placement-bottomRight .condo-tooltip-arrow {
-  right: 13px;
-}
-.condo-tooltip-pink .condo-tooltip-inner {
-  background-color: #eb2f96;
-}
-.condo-tooltip-pink .condo-tooltip-arrow-content::before {
-  background: #eb2f96;
-}
-.condo-tooltip-magenta .condo-tooltip-inner {
-  background-color: #eb2f96;
-}
-.condo-tooltip-magenta .condo-tooltip-arrow-content::before {
+.condo-tag-magenta-inverse {
+  color: #fff;
   background: #eb2f96;
+  border-color: #eb2f96;
 }
-.condo-tooltip-red .condo-tooltip-inner {
-  background-color: #f5222d;
+.condo-tag-red {
+  color: #cf1322;
+  background: #fff1f0;
+  border-color: #ffa39e;
 }
-.condo-tooltip-red .condo-tooltip-arrow-content::before {
+.condo-tag-red-inverse {
+  color: #fff;
   background: #f5222d;
+  border-color: #f5222d;
 }
-.condo-tooltip-volcano .condo-tooltip-inner {
-  background-color: #fa541c;
+.condo-tag-volcano {
+  color: #d4380d;
+  background: #fff2e8;
+  border-color: #ffbb96;
 }
-.condo-tooltip-volcano .condo-tooltip-arrow-content::before {
+.condo-tag-volcano-inverse {
+  color: #fff;
   background: #fa541c;
+  border-color: #fa541c;
 }
-.condo-tooltip-orange .condo-tooltip-inner {
-  background-color: #fa8c16;
+.condo-tag-orange {
+  color: #d46b08;
+  background: #fff7e6;
+  border-color: #ffd591;
 }
-.condo-tooltip-orange .condo-tooltip-arrow-content::before {
+.condo-tag-orange-inverse {
+  color: #fff;
   background: #fa8c16;
+  border-color: #fa8c16;
 }
-.condo-tooltip-yellow .condo-tooltip-inner {
-  background-color: #fadb14;
+.condo-tag-yellow {
+  color: #d4b106;
+  background: #feffe6;
+  border-color: #fffb8f;
 }
-.condo-tooltip-yellow .condo-tooltip-arrow-content::before {
+.condo-tag-yellow-inverse {
+  color: #fff;
   background: #fadb14;
+  border-color: #fadb14;
 }
-.condo-tooltip-gold .condo-tooltip-inner {
-  background-color: #faad14;
+.condo-tag-gold {
+  color: #d48806;
+  background: #fffbe6;
+  border-color: #ffe58f;
 }
-.condo-tooltip-gold .condo-tooltip-arrow-content::before {
+.condo-tag-gold-inverse {
+  color: #fff;
   background: #faad14;
+  border-color: #faad14;
 }
-.condo-tooltip-cyan .condo-tooltip-inner {
-  background-color: #13c2c2;
+.condo-tag-cyan {
+  color: #08979c;
+  background: #e6fffb;
+  border-color: #87e8de;
 }
-.condo-tooltip-cyan .condo-tooltip-arrow-content::before {
+.condo-tag-cyan-inverse {
+  color: #fff;
   background: #13c2c2;
+  border-color: #13c2c2;
 }
-.condo-tooltip-lime .condo-tooltip-inner {
-  background-color: #a0d911;
+.condo-tag-lime {
+  color: #7cb305;
+  background: #fcffe6;
+  border-color: #eaff8f;
 }
-.condo-tooltip-lime .condo-tooltip-arrow-content::before {
+.condo-tag-lime-inverse {
+  color: #fff;
   background: #a0d911;
+  border-color: #a0d911;
 }
-.condo-tooltip-green .condo-tooltip-inner {
-  background-color: #52c41a;
+.condo-tag-green {
+  color: #389e0d;
+  background: #f6ffed;
+  border-color: #b7eb8f;
 }
-.condo-tooltip-green .condo-tooltip-arrow-content::before {
+.condo-tag-green-inverse {
+  color: #fff;
   background: #52c41a;
+  border-color: #52c41a;
 }
-.condo-tooltip-blue .condo-tooltip-inner {
-  background-color: #1890ff;
+.condo-tag-blue {
+  color: #096dd9;
+  background: #e6f7ff;
+  border-color: #91d5ff;
 }
-.condo-tooltip-blue .condo-tooltip-arrow-content::before {
+.condo-tag-blue-inverse {
+  color: #fff;
   background: #1890ff;
+  border-color: #1890ff;
 }
-.condo-tooltip-geekblue .condo-tooltip-inner {
-  background-color: #2f54eb;
+.condo-tag-geekblue {
+  color: #1d39c4;
+  background: #f0f5ff;
+  border-color: #adc6ff;
 }
-.condo-tooltip-geekblue .condo-tooltip-arrow-content::before {
+.condo-tag-geekblue-inverse {
+  color: #fff;
   background: #2f54eb;
+  border-color: #2f54eb;
 }
-.condo-tooltip-purple .condo-tooltip-inner {
-  background-color: #722ed1;
+.condo-tag-purple {
+  color: #531dab;
+  background: #f9f0ff;
+  border-color: #d3adf7;
 }
-.condo-tooltip-purple .condo-tooltip-arrow-content::before {
+.condo-tag-purple-inverse {
+  color: #fff;
   background: #722ed1;
+  border-color: #722ed1;
 }
-.condo-tooltip-rtl {
-  direction: rtl;
+.condo-tag-success {
+  color: #52c41a;
+  background: #f6ffed;
+  border-color: #b7eb8f;
 }
-.condo-tooltip-rtl .condo-tooltip-inner {
-  text-align: right;
+.condo-tag-processing {
+  color: #1890ff;
+  background: #e6f7ff;
+  border-color: #91d5ff;
 }
-.condo-list .condo-list-header {
-  padding-top: 0;
-  padding-bottom: 24px;
-  border-bottom: none;
+.condo-tag-error {
+  color: #ff4d4f;
+  background: #fff2f0;
+  border-color: #ffccc7;
 }
-.condo-list .condo-list-item {
-  display: flex;
-  flex-wrap: nowrap;
-  align-items: flex-end;
-  width: 100%;
-  border-bottom: none;
-  padding: 6px 0;
+.condo-tag-warning {
+  color: #faad14;
+  background: #fffbe6;
+  border-color: #ffe58f;
 }
-.condo-list .condo-list-item .condo-typography {
-  max-width: 40%;
+.condo-tag > .anticon + span,
+.condo-tag > span + .anticon {
+  margin-left: 7px;
 }
-.condo-list .condo-list-item .condo-typography:last-of-type {
+.condo-tag.condo-tag-rtl {
+  margin-right: 0;
+  margin-left: 8px;
+  direction: rtl;
   text-align: right;
 }
-.condo-list .condo-list-item-divider {
-  flex: 1;
-  margin: 0 8px;
-  border-bottom: 1px solid #e1e5ed;
+.condo-tag-rtl .condo-tag-close-icon {
+  margin-right: 3px;
+  margin-left: 0;
+}
+.condo-tag-rtl.condo-tag > .anticon + span,
+.condo-tag-rtl.condo-tag > span + .anticon {
+  margin-right: 7px;
+  margin-left: 0;
 }
-
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable no-duplicate-selectors */
-/* stylelint-disable */
-/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 .condo-tag {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
-  font-variant: tabular-nums;
-  line-height: 1.5715;
-  list-style: none;
-  font-feature-settings: 'tnum', "tnum";
-  display: inline-block;
-  height: auto;
-  margin-right: 8px;
-  padding: 0 7px;
+  font-weight: 600;
   font-size: 12px;
-  line-height: 20px;
-  white-space: nowrap;
-  background: #fafafa;
-  border: 1px solid #d9d9d9;
-  border-radius: 2px;
-  opacity: 1;
-  transition: all 0.3s;
-}
-.condo-tag,
-.condo-tag a,
-.condo-tag a:hover {
-  color: rgba(0, 0, 0, 0.85);
-}
-.condo-tag > a:first-child:last-child {
-  display: inline-block;
-  margin: 0 -8px;
-  padding: 0 8px;
-}
-.condo-tag-close-icon {
-  margin-left: 3px;
-  color: rgba(0, 0, 0, 0.45);
-  font-size: 10px;
-  cursor: pointer;
-  transition: all 0.3s;
-}
-.condo-tag-close-icon:hover {
-  color: rgba(0, 0, 0, 0.85);
-}
-.condo-tag-has-color {
-  border-color: transparent;
-}
-.condo-tag-has-color,
-.condo-tag-has-color a,
-.condo-tag-has-color a:hover,
-.condo-tag-has-color .anticon-close,
-.condo-tag-has-color .anticon-close:hover {
-  color: #fff;
-}
-.condo-tag-checkable {
-  background-color: transparent;
-  border-color: transparent;
-  cursor: pointer;
-}
-.condo-tag-checkable:not(.condo-tag-checkable-checked):hover {
-  color: #1890ff;
-}
-.condo-tag-checkable:active,
-.condo-tag-checkable-checked {
-  color: #fff;
-}
-.condo-tag-checkable-checked {
-  background-color: #1890ff;
-}
-.condo-tag-checkable:active {
-  background-color: #096dd9;
-}
-.condo-tag-hidden {
-  display: none;
-}
-.condo-tag-pink {
-  color: #c41d7f;
-  background: #fff0f6;
-  border-color: #ffadd2;
-}
-.condo-tag-pink-inverse {
-  color: #fff;
-  background: #eb2f96;
-  border-color: #eb2f96;
-}
-.condo-tag-magenta {
-  color: #c41d7f;
-  background: #fff0f6;
-  border-color: #ffadd2;
-}
-.condo-tag-magenta-inverse {
-  color: #fff;
-  background: #eb2f96;
-  border-color: #eb2f96;
-}
-.condo-tag-red {
-  color: #cf1322;
-  background: #fff1f0;
-  border-color: #ffa39e;
-}
-.condo-tag-red-inverse {
-  color: #fff;
-  background: #f5222d;
-  border-color: #f5222d;
-}
-.condo-tag-volcano {
-  color: #d4380d;
-  background: #fff2e8;
-  border-color: #ffbb96;
-}
-.condo-tag-volcano-inverse {
-  color: #fff;
-  background: #fa541c;
-  border-color: #fa541c;
-}
-.condo-tag-orange {
-  color: #d46b08;
-  background: #fff7e6;
-  border-color: #ffd591;
-}
-.condo-tag-orange-inverse {
-  color: #fff;
-  background: #fa8c16;
-  border-color: #fa8c16;
-}
-.condo-tag-yellow {
-  color: #d4b106;
-  background: #feffe6;
-  border-color: #fffb8f;
-}
-.condo-tag-yellow-inverse {
-  color: #fff;
-  background: #fadb14;
-  border-color: #fadb14;
-}
-.condo-tag-gold {
-  color: #d48806;
-  background: #fffbe6;
-  border-color: #ffe58f;
-}
-.condo-tag-gold-inverse {
-  color: #fff;
-  background: #faad14;
-  border-color: #faad14;
-}
-.condo-tag-cyan {
-  color: #08979c;
-  background: #e6fffb;
-  border-color: #87e8de;
-}
-.condo-tag-cyan-inverse {
-  color: #fff;
-  background: #13c2c2;
-  border-color: #13c2c2;
-}
-.condo-tag-lime {
-  color: #7cb305;
-  background: #fcffe6;
-  border-color: #eaff8f;
-}
-.condo-tag-lime-inverse {
-  color: #fff;
-  background: #a0d911;
-  border-color: #a0d911;
-}
-.condo-tag-green {
-  color: #389e0d;
-  background: #f6ffed;
-  border-color: #b7eb8f;
-}
-.condo-tag-green-inverse {
-  color: #fff;
-  background: #52c41a;
-  border-color: #52c41a;
-}
-.condo-tag-blue {
-  color: #096dd9;
-  background: #e6f7ff;
-  border-color: #91d5ff;
-}
-.condo-tag-blue-inverse {
-  color: #fff;
-  background: #1890ff;
-  border-color: #1890ff;
-}
-.condo-tag-geekblue {
-  color: #1d39c4;
-  background: #f0f5ff;
-  border-color: #adc6ff;
-}
-.condo-tag-geekblue-inverse {
-  color: #fff;
-  background: #2f54eb;
-  border-color: #2f54eb;
-}
-.condo-tag-purple {
-  color: #531dab;
-  background: #f9f0ff;
-  border-color: #d3adf7;
-}
-.condo-tag-purple-inverse {
-  color: #fff;
-  background: #722ed1;
-  border-color: #722ed1;
-}
-.condo-tag-success {
-  color: #52c41a;
-  background: #f6ffed;
-  border-color: #b7eb8f;
-}
-.condo-tag-processing {
-  color: #1890ff;
-  background: #e6f7ff;
-  border-color: #91d5ff;
-}
-.condo-tag-error {
-  color: #ff4d4f;
-  background: #fff2f0;
-  border-color: #ffccc7;
-}
-.condo-tag-warning {
-  color: #faad14;
-  background: #fffbe6;
-  border-color: #ffe58f;
-}
-.condo-tag > .anticon + span,
-.condo-tag > span + .anticon {
-  margin-left: 7px;
-}
-.condo-tag.condo-tag-rtl {
-  margin-right: 0;
-  margin-left: 8px;
-  direction: rtl;
-  text-align: right;
-}
-.condo-tag-rtl .condo-tag-close-icon {
-  margin-right: 3px;
-  margin-left: 0;
-}
-.condo-tag-rtl.condo-tag > .anticon + span,
-.condo-tag-rtl.condo-tag > span + .anticon {
-  margin-right: 7px;
-  margin-left: 0;
-}
-.condo-tag {
-  font-weight: 600;
-  font-size: 12px;
-  font-family: "Open Sans", var(--condo-font-fallback);
+  font-family: "Open Sans", var(--condo-font-fallback);
   line-height: 20px;
   letter-spacing: -0.01em;
   margin: 0;
@@ -6874,36 +6621,98 @@ span.condo-typography-ellipsis-single-line {
   letter-spacing: -0.01em;
 }
 
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable no-duplicate-selectors */
-/* stylelint-disable */
-/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.condo-tabs-small > .condo-tabs-nav .condo-tabs-tab {
-  padding: 8px 0;
-  font-size: 14px;
+.condo-steps {
+  background: #f2f4f6;
+  border-radius: 12px;
 }
-.condo-tabs-large > .condo-tabs-nav .condo-tabs-tab {
-  padding: 16px 0;
-  font-size: 16px;
+.condo-steps-large {
+  padding: 24px;
 }
-.condo-tabs-card.condo-tabs-small > .condo-tabs-nav .condo-tabs-tab {
-  padding: 6px 16px;
+.condo-steps-large .condo-carousel .slick-arrow.slick-next {
+  right: -44px;
 }
-.condo-tabs-card.condo-tabs-large > .condo-tabs-nav .condo-tabs-tab {
-  padding: 7px 16px 6px;
+.condo-steps-large .condo-carousel .slick-arrow.slick-prev {
+  left: -44px;
 }
-.condo-tabs-rtl {
-  direction: rtl;
+.condo-steps-small {
+  padding: 16px 20px;
 }
-.condo-tabs-rtl .condo-tabs-nav .condo-tabs-tab {
-  margin: 0 0 0 32px;
+.condo-steps-small .condo-carousel .slick-arrow.slick-next {
+  right: -34px;
 }
-.condo-tabs-rtl .condo-tabs-nav .condo-tabs-tab:last-of-type {
-  margin-left: 0;
+.condo-steps-small .condo-carousel .slick-arrow.slick-prev {
+  left: -34px;
 }
-.condo-tabs-rtl .condo-tabs-nav .condo-tabs-tab .anticon {
-  margin-right: 0;
-  margin-left: 12px;
+.condo-steps .condo-carousel .slick-list {
+  margin: 0 -12px;
+  padding: 0;
+}
+.condo-steps .condo-carousel .slick-slide > div {
+  margin: 0 12px;
+}
+.condo-steps-step {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 100%;
+  cursor: not-allowed;
+}
+.condo-steps-step .condo-steps-step-index {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  color: #707695;
+  background: #d0d3e5;
+  border-radius: 50%;
+}
+.condo-steps-step-small .condo-steps-step-index {
+  width: 32px;
+  height: 32px;
+}
+.condo-steps-step-active {
+  cursor: pointer;
+}
+.condo-steps-step-active .condo-steps-step-index {
+  color: #fff;
+  background: #222;
+}
+.condo-steps-step-done .condo-steps-step-index {
+  color: #fff;
+  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
+}
+
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.condo-tabs-small > .condo-tabs-nav .condo-tabs-tab {
+  padding: 8px 0;
+  font-size: 14px;
+}
+.condo-tabs-large > .condo-tabs-nav .condo-tabs-tab {
+  padding: 16px 0;
+  font-size: 16px;
+}
+.condo-tabs-card.condo-tabs-small > .condo-tabs-nav .condo-tabs-tab {
+  padding: 6px 16px;
+}
+.condo-tabs-card.condo-tabs-large > .condo-tabs-nav .condo-tabs-tab {
+  padding: 7px 16px 6px;
+}
+.condo-tabs-rtl {
+  direction: rtl;
+}
+.condo-tabs-rtl .condo-tabs-nav .condo-tabs-tab {
+  margin: 0 0 0 32px;
+}
+.condo-tabs-rtl .condo-tabs-nav .condo-tabs-tab:last-of-type {
+  margin-left: 0;
+}
+.condo-tabs-rtl .condo-tabs-nav .condo-tabs-tab .anticon {
+  margin-right: 0;
+  margin-left: 12px;
 }
 .condo-tabs-rtl .condo-tabs-nav .condo-tabs-tab .condo-tabs-tab-remove {
   margin-right: 8px;
@@ -7546,6 +7355,296 @@ span.condo-typography-ellipsis-single-line {
   display: none !important;
 }
 
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.condo-tooltip {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum', "tnum";
+  position: absolute;
+  z-index: 1070;
+  display: block;
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+  width: intrinsic;
+  max-width: 250px;
+  visibility: visible;
+}
+.condo-tooltip-content {
+  position: relative;
+}
+.condo-tooltip-hidden {
+  display: none;
+}
+.condo-tooltip-placement-top,
+.condo-tooltip-placement-topLeft,
+.condo-tooltip-placement-topRight {
+  padding-bottom: 14.3137085px;
+}
+.condo-tooltip-placement-right,
+.condo-tooltip-placement-rightTop,
+.condo-tooltip-placement-rightBottom {
+  padding-left: 14.3137085px;
+}
+.condo-tooltip-placement-bottom,
+.condo-tooltip-placement-bottomLeft,
+.condo-tooltip-placement-bottomRight {
+  padding-top: 14.3137085px;
+}
+.condo-tooltip-placement-left,
+.condo-tooltip-placement-leftTop,
+.condo-tooltip-placement-leftBottom {
+  padding-right: 14.3137085px;
+}
+.condo-tooltip-inner {
+  min-width: 30px;
+  min-height: 32px;
+  padding: 6px 8px;
+  color: #fff;
+  text-align: left;
+  text-decoration: none;
+  word-wrap: break-word;
+  background-color: rgba(0, 0, 0, 0.75);
+  border-radius: 2px;
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+}
+.condo-tooltip-arrow {
+  position: absolute;
+  z-index: 2;
+  display: block;
+  width: 22px;
+  height: 22px;
+  overflow: hidden;
+  background: transparent;
+  pointer-events: none;
+}
+.condo-tooltip-arrow-content {
+  --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: block;
+  width: 11.3137085px;
+  height: 11.3137085px;
+  margin: auto;
+  content: '';
+  pointer-events: auto;
+  border-radius: 0 0 2px;
+  pointer-events: none;
+}
+.condo-tooltip-arrow-content::before {
+  position: absolute;
+  top: -11.3137085px;
+  left: -11.3137085px;
+  width: 33.9411255px;
+  height: 33.9411255px;
+  background: var(--antd-arrow-background-color);
+  background-repeat: no-repeat;
+  background-position: -10px -10px;
+  content: '';
+  -webkit-clip-path: inset(33% 33%);
+          clip-path: inset(33% 33%);
+  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
+          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
+}
+.condo-tooltip-placement-top .condo-tooltip-arrow,
+.condo-tooltip-placement-topLeft .condo-tooltip-arrow,
+.condo-tooltip-placement-topRight .condo-tooltip-arrow {
+  bottom: 0;
+  transform: translateY(100%);
+}
+.condo-tooltip-placement-top .condo-tooltip-arrow-content,
+.condo-tooltip-placement-topLeft .condo-tooltip-arrow-content,
+.condo-tooltip-placement-topRight .condo-tooltip-arrow-content {
+  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateY(-11px) rotate(45deg);
+}
+.condo-tooltip-placement-top .condo-tooltip-arrow {
+  left: 50%;
+  transform: translateY(100%) translateX(-50%);
+}
+.condo-tooltip-placement-topLeft .condo-tooltip-arrow {
+  left: 13px;
+}
+.condo-tooltip-placement-topRight .condo-tooltip-arrow {
+  right: 13px;
+}
+.condo-tooltip-placement-right .condo-tooltip-arrow,
+.condo-tooltip-placement-rightTop .condo-tooltip-arrow,
+.condo-tooltip-placement-rightBottom .condo-tooltip-arrow {
+  left: 0;
+  transform: translateX(-100%);
+}
+.condo-tooltip-placement-right .condo-tooltip-arrow-content,
+.condo-tooltip-placement-rightTop .condo-tooltip-arrow-content,
+.condo-tooltip-placement-rightBottom .condo-tooltip-arrow-content {
+  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateX(11px) rotate(135deg);
+}
+.condo-tooltip-placement-right .condo-tooltip-arrow {
+  top: 50%;
+  transform: translateX(-100%) translateY(-50%);
+}
+.condo-tooltip-placement-rightTop .condo-tooltip-arrow {
+  top: 5px;
+}
+.condo-tooltip-placement-rightBottom .condo-tooltip-arrow {
+  bottom: 5px;
+}
+.condo-tooltip-placement-left .condo-tooltip-arrow,
+.condo-tooltip-placement-leftTop .condo-tooltip-arrow,
+.condo-tooltip-placement-leftBottom .condo-tooltip-arrow {
+  right: 0;
+  transform: translateX(100%);
+}
+.condo-tooltip-placement-left .condo-tooltip-arrow-content,
+.condo-tooltip-placement-leftTop .condo-tooltip-arrow-content,
+.condo-tooltip-placement-leftBottom .condo-tooltip-arrow-content {
+  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateX(-11px) rotate(315deg);
+}
+.condo-tooltip-placement-left .condo-tooltip-arrow {
+  top: 50%;
+  transform: translateX(100%) translateY(-50%);
+}
+.condo-tooltip-placement-leftTop .condo-tooltip-arrow {
+  top: 5px;
+}
+.condo-tooltip-placement-leftBottom .condo-tooltip-arrow {
+  bottom: 5px;
+}
+.condo-tooltip-placement-bottom .condo-tooltip-arrow,
+.condo-tooltip-placement-bottomLeft .condo-tooltip-arrow,
+.condo-tooltip-placement-bottomRight .condo-tooltip-arrow {
+  top: 0;
+  transform: translateY(-100%);
+}
+.condo-tooltip-placement-bottom .condo-tooltip-arrow-content,
+.condo-tooltip-placement-bottomLeft .condo-tooltip-arrow-content,
+.condo-tooltip-placement-bottomRight .condo-tooltip-arrow-content {
+  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateY(11px) rotate(225deg);
+}
+.condo-tooltip-placement-bottom .condo-tooltip-arrow {
+  left: 50%;
+  transform: translateY(-100%) translateX(-50%);
+}
+.condo-tooltip-placement-bottomLeft .condo-tooltip-arrow {
+  left: 13px;
+}
+.condo-tooltip-placement-bottomRight .condo-tooltip-arrow {
+  right: 13px;
+}
+.condo-tooltip-pink .condo-tooltip-inner {
+  background-color: #eb2f96;
+}
+.condo-tooltip-pink .condo-tooltip-arrow-content::before {
+  background: #eb2f96;
+}
+.condo-tooltip-magenta .condo-tooltip-inner {
+  background-color: #eb2f96;
+}
+.condo-tooltip-magenta .condo-tooltip-arrow-content::before {
+  background: #eb2f96;
+}
+.condo-tooltip-red .condo-tooltip-inner {
+  background-color: #f5222d;
+}
+.condo-tooltip-red .condo-tooltip-arrow-content::before {
+  background: #f5222d;
+}
+.condo-tooltip-volcano .condo-tooltip-inner {
+  background-color: #fa541c;
+}
+.condo-tooltip-volcano .condo-tooltip-arrow-content::before {
+  background: #fa541c;
+}
+.condo-tooltip-orange .condo-tooltip-inner {
+  background-color: #fa8c16;
+}
+.condo-tooltip-orange .condo-tooltip-arrow-content::before {
+  background: #fa8c16;
+}
+.condo-tooltip-yellow .condo-tooltip-inner {
+  background-color: #fadb14;
+}
+.condo-tooltip-yellow .condo-tooltip-arrow-content::before {
+  background: #fadb14;
+}
+.condo-tooltip-gold .condo-tooltip-inner {
+  background-color: #faad14;
+}
+.condo-tooltip-gold .condo-tooltip-arrow-content::before {
+  background: #faad14;
+}
+.condo-tooltip-cyan .condo-tooltip-inner {
+  background-color: #13c2c2;
+}
+.condo-tooltip-cyan .condo-tooltip-arrow-content::before {
+  background: #13c2c2;
+}
+.condo-tooltip-lime .condo-tooltip-inner {
+  background-color: #a0d911;
+}
+.condo-tooltip-lime .condo-tooltip-arrow-content::before {
+  background: #a0d911;
+}
+.condo-tooltip-green .condo-tooltip-inner {
+  background-color: #52c41a;
+}
+.condo-tooltip-green .condo-tooltip-arrow-content::before {
+  background: #52c41a;
+}
+.condo-tooltip-blue .condo-tooltip-inner {
+  background-color: #1890ff;
+}
+.condo-tooltip-blue .condo-tooltip-arrow-content::before {
+  background: #1890ff;
+}
+.condo-tooltip-geekblue .condo-tooltip-inner {
+  background-color: #2f54eb;
+}
+.condo-tooltip-geekblue .condo-tooltip-arrow-content::before {
+  background: #2f54eb;
+}
+.condo-tooltip-purple .condo-tooltip-inner {
+  background-color: #722ed1;
+}
+.condo-tooltip-purple .condo-tooltip-arrow-content::before {
+  background: #722ed1;
+}
+.condo-tooltip-rtl {
+  direction: rtl;
+}
+.condo-tooltip-rtl .condo-tooltip-inner {
+  text-align: right;
+}
+.condo-tooltip > .condo-tooltip-content .condo-tooltip-inner {
+  min-height: 0;
+  padding: 12px;
+  color: #222;
+  font-size: 12px;
+  font-family: "Open Sans", var(--condo-font-fallback);
+  line-height: 20px;
+  background-color: #fff;
+  border-radius: 12px;
+  box-shadow: 0 4px 14px 0 rgba(178,185,217,0.4);
+}
+.condo-tooltip > .condo-tooltip-content .condo-tooltip-arrow {
+  display: none;
+}
+
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */