@open-condo/ui 1.7.1 → 1.9.0

package/dist/styles.css

@@ -55,6 +55,220 @@
   src: url(https://fonts.gstatic.com/s/notosansmono/v21/BngrUXNETWXI6LwhGYvaxZikqZqK6fBq6kPvUce2oAZcdthSBUsYck4-_FNJ49o.ttf) format('truetype');
 }
 
+/* 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-alert {
+  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: relative;
+  display: flex;
+  align-items: center;
+  padding: 8px 15px;
+  word-wrap: break-word;
+  border-radius: 2px;
+}
+.condo-alert-content {
+  flex: 1;
+  min-width: 0;
+}
+.condo-alert-icon {
+  margin-right: 8px;
+}
+.condo-alert-description {
+  display: none;
+  font-size: 14px;
+  line-height: 22px;
+}
+.condo-alert-success {
+  background-color: #ebfaef;
+  border: 1px solid #b7eb8f;
+}
+.condo-alert-success .condo-alert-icon {
+  color: #39ce66;
+}
+.condo-alert-info {
+  background-color: #e7f4ff;
+  border: 1px solid #91d5ff;
+}
+.condo-alert-info .condo-alert-icon {
+  color: #2696f3;
+}
+.condo-alert-warning {
+  background-color: #fff5e6;
+  border: 1px solid #ffe58f;
+}
+.condo-alert-warning .condo-alert-icon {
+  color: #ff9500;
+}
+.condo-alert-error {
+  background-color: #ffeceb;
+  border: 1px solid #ffccc7;
+}
+.condo-alert-error .condo-alert-icon {
+  color: #ff3b30;
+}
+.condo-alert-error .condo-alert-description > pre {
+  margin: 0;
+  padding: 0;
+}
+.condo-alert-action {
+  margin-left: 8px;
+}
+.condo-alert-close-icon {
+  margin-left: 8px;
+  padding: 0;
+  overflow: hidden;
+  font-size: 12px;
+  line-height: 12px;
+  background-color: transparent;
+  border: none;
+  outline: none;
+  cursor: pointer;
+}
+.condo-alert-close-icon .anticon-close {
+  color: rgba(0, 0, 0, 0.45);
+  transition: color 0.3s;
+}
+.condo-alert-close-icon .anticon-close:hover {
+  color: rgba(0, 0, 0, 0.75);
+}
+.condo-alert-close-text {
+  color: rgba(0, 0, 0, 0.45);
+  transition: color 0.3s;
+}
+.condo-alert-close-text:hover {
+  color: rgba(0, 0, 0, 0.75);
+}
+.condo-alert-with-description {
+  align-items: flex-start;
+  padding: 15px 15px 15px 24px;
+}
+.condo-alert-with-description.condo-alert-no-icon {
+  padding: 15px 15px;
+}
+.condo-alert-with-description .condo-alert-icon {
+  margin-right: 15px;
+  font-size: 24px;
+}
+.condo-alert-with-description .condo-alert-message {
+  display: block;
+  margin-bottom: 4px;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 16px;
+}
+.condo-alert-message {
+  color: rgba(0, 0, 0, 0.85);
+}
+.condo-alert-with-description .condo-alert-description {
+  display: block;
+}
+.condo-alert.condo-alert-motion-leave {
+  overflow: hidden;
+  opacity: 1;
+  transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+}
+.condo-alert.condo-alert-motion-leave-active {
+  margin-bottom: 0 !important;
+}
+.condo-alert.condo-alert-motion-leave-active {
+  max-height: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  opacity: 0;
+}
+.condo-alert-banner {
+  margin-bottom: 0;
+  border: 0;
+  border-radius: 0;
+}
+.condo-alert.condo-alert-rtl {
+  direction: rtl;
+}
+.condo-alert-rtl .condo-alert-icon {
+  margin-right: auto;
+  margin-left: 8px;
+}
+.condo-alert-rtl .condo-alert-action {
+  margin-right: 8px;
+  margin-left: auto;
+}
+.condo-alert-rtl .condo-alert-close-icon {
+  margin-right: 8px;
+  margin-left: auto;
+}
+.condo-alert-rtl.condo-alert-with-description {
+  padding-right: 24px;
+  padding-left: 15px;
+}
+.condo-alert-rtl.condo-alert-with-description .condo-alert-icon {
+  margin-right: auto;
+  margin-left: 15px;
+}
+.condo-alert-description {
+  margin: 0;
+  font-weight: 400;
+  font-size: 14px;
+  font-family: "Open Sans", sans-serif;
+  line-height: 22px;
+  letter-spacing: -0.01em;
+}
+.condo-alert-success {
+  border: none;
+  border-radius: 12px;
+}
+.condo-alert-success .condo-alert-message {
+  color: #39ce66;
+}
+.condo-alert-info {
+  border: none;
+  border-radius: 12px;
+}
+.condo-alert-info .condo-alert-message {
+  color: #2696f3;
+}
+.condo-alert-warning {
+  border: none;
+  border-radius: 12px;
+}
+.condo-alert-warning .condo-alert-message {
+  color: #ff9500;
+}
+.condo-alert-error {
+  border: none;
+  border-radius: 12px;
+}
+.condo-alert-error .condo-alert-message {
+  color: #ff3b30;
+}
+.condo-alert-with-description {
+  padding: 16px;
+}
+.condo-alert-message {
+  font-weight: 600;
+  font-size: 16px;
+  font-family: "Open Sans", sans-serif;
+  line-height: 24px;
+  letter-spacing: -0.01em;
+  margin: 0;
+}
+.condo-alert-with-description .condo-alert-message {
+  font-weight: 600;
+  font-size: 16px;
+  font-family: "Open Sans", sans-serif;
+  line-height: 24px;
+  letter-spacing: -0.01em;
+  margin: 0;
+}
+
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
@@ -3114,24 +3328,50 @@ span.condo-typography-ellipsis-single-line {
   padding: 12px;
 }
 .condo-card {
-  border: 1px solid #e1e5ed;
+  border: none;
   border-radius: 12px;
 }
 .condo-card-head {
   min-height: 0;
   padding: 24px;
-  border-color: #e1e5ed;
+  border: 1px solid #e1e5ed;
+  border-radius: 12px 12px 0 0;
+}
+.condo-card-body {
+  border: 1px solid #e1e5ed;
+  border-radius: 12px;
+}
+.condo-card-body:not(:first-child) {
+  border-top: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
 }
 .condo-card-head-title {
   padding: 0;
+  overflow: visible;
 }
 .condo-card-hoverable {
+  transition-duration: 0.15s;
+  transition-property: box-shadow;
+}
+.condo-card-hoverable .condo-card-head {
   transition-duration: 0.15s, 0.15s;
-  transition-property: box-shadow, border-color;
+  transition-property: border-color, background-color;
+}
+.condo-card-hoverable .condo-card-body {
+  transition-duration: 0.15s;
+  transition-property: border-color;
 }
 .condo-card-hoverable:hover {
   box-shadow: 0 4px 14px 0 rgba(178,185,217,0.4);
 }
+.condo-card-hoverable:hover .condo-card-head {
+  background-color: #f2f4f6;
+  border-color: #f2f4f6;
+}
+.condo-card-hoverable:hover .condo-card-body {
+  border-color: #fff;
+}
 
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
 /* stylelint-disable no-duplicate-selectors */
@@ -3421,12 +3661,6 @@ span.condo-typography-ellipsis-single-line {
 .condo-carousel-rtl.condo-carousel-vertical .slick-dots {
   flex-direction: column;
 }
-.condo-carousel {
-  transform: translate(0);
-}
-.condo-carousel .slick-slider {
-  overflow: hidden;
-}
 .condo-carousel .slick-dots li {
   box-sizing: border-box;
   margin: 0 4px;
@@ -3438,7 +3672,7 @@ span.condo-typography-ellipsis-single-line {
   opacity: 0.5;
 }
 .condo-carousel .slick-dots-bottom {
-  bottom: 20px;
+  bottom: 40px;
   margin-top: 0;
   margin-bottom: 0;
 }
@@ -3457,7 +3691,7 @@ span.condo-typography-ellipsis-single-line {
 }
 .condo-carousel .slick-arrow,
 .condo-carousel .slick-arrow:hover {
-  position: fixed;
+  position: absolute;
   top: 50%;
   z-index: 1;
   width: 40px;
@@ -3483,10 +3717,10 @@ span.condo-typography-ellipsis-single-line {
 }
 .condo-carousel .slick-list {
   margin: 0 -20px;
+  padding: 20px 0;
 }
 .condo-carousel .slick-slide > div {
   margin: 0 20px;
-  overflow: hidden;
 }
 
 .condo-markdown h1:not(:first-child),
@@ -4163,7 +4397,7 @@ span.condo-typography-ellipsis-single-line {
   line-height: 20px;
   letter-spacing: -0.01em;
   margin: 0;
-  padding: 0.17em 0.83em;
+  padding: 0.17em 0.83em 0.33em;
   border: none;
   border-radius: 12px;
 }