@open-condo/ui 2.1.0 → 2.2.1

package/dist/style-vars/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 17 May 2023 12:35:44 GMT
+ * Generated on Fri, 19 May 2023 13:42:08 GMT
  */
 
 :root {

package/dist/style-vars/variables.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 17 May 2023 12:35:44 GMT
+// Generated on Fri, 19 May 2023 13:42:08 GMT
 
 @condo-global-spacing-4: 4px;
 @condo-global-spacing-8: 8px;

package/dist/styles.css

@@ -3373,29 +3373,68 @@ a.condo-btn-secondary {
   flex-direction: column;
   align-items: flex-start;
   justify-content: space-between;
-  padding: 60px 12px 60px 60px;
+  padding: 60px 32px 60px 60px;
 }
-.condo-promo-block-content-container-md,
-.condo-promo-block-content-container-sm {
-  padding: 52px 12px 52px 40px;
+.condo-promo-block-md > .condo-promo-block-content-container,
+.condo-promo-block-sm > .condo-promo-block-content-container {
+  padding: 52px 32px 52px 40px;
 }
-.condo-promo-block-content-container-xs {
+.condo-promo-block-xs > .condo-promo-block-content-container {
   padding: 40px;
 }
-.condo-promo-block-content-container-xxs {
+.condo-promo-block-xxs > .condo-promo-block-content-container {
   padding: 40px 32px;
 }
 .condo-promo-block-no-image > .condo-promo-block-content-container {
   width: 100%;
   padding-right: 60px;
 }
-.condo-promo-block-no-image > .condo-promo-block-content-container-md,
-.condo-promo-block-no-image > .condo-promo-block-content-container-sm {
-  padding-right: 52px;
-}
 .condo-promo-block-text-container > *:not(:last-child) {
   margin-bottom: 16px;
 }
+.condo-promo-block-small {
+  height: 180px;
+}
+.condo-promo-block-small .condo-promo-block-content-container {
+  padding: 32px 40px 32px 40px;
+}
+.condo-promo-block-small .condo-promo-block-content-container .condo-promo-block-text-container {
+  width: 100%;
+}
+.condo-promo-block-small .condo-promo-block-content-container .condo-promo-block-text-container h4.condo-typography {
+  margin-bottom: 12px;
+}
+.condo-promo-block-sm.condo-promo-block-small,
+.condo-promo-block-xs.condo-promo-block-small,
+.condo-promo-block-xxs.condo-promo-block-small {
+  height: 172px;
+}
+.condo-promo-block-sm.condo-promo-block-small .condo-promo-block-content-container,
+.condo-promo-block-xs.condo-promo-block-small .condo-promo-block-content-container,
+.condo-promo-block-xxs.condo-promo-block-small .condo-promo-block-content-container {
+  padding: 24px 24px 32px;
+}
+.condo-promo-block-xs.condo-promo-block-small,
+.condo-promo-block-xxs.condo-promo-block-small {
+  height: 196px;
+}
+.condo-promo-block-md.condo-promo-block-no-image > .condo-promo-block-content-container,
+.condo-promo-block-sm.condo-promo-block-no-image > .condo-promo-block-content-container {
+  padding-right: 52px;
+}
+.condo-promo-block:not(.condo-promo-block-no-image) .condo-promo-block-text-container {
+  max-width: 420px;
+}
+.condo-promo-block-action-link {
+  display: flex;
+  align-items: center;
+}
+.condo-promo-block-action-link > .condo-typography {
+  margin-right: 4px;
+}
+.condo-promo-block-action-link .condo-promo-block-action-icon {
+  margin-top: 3px;
+}
 .condo-promo-block-image-container > img {
   width: 100%;
   height: 100%;
@@ -4076,12 +4115,15 @@ a.condo-btn-secondary {
 }
 .condo-carousel .slick-dots li button {
   background: transparent;
-  border: 1px solid #fff;
+  border: 1px solid #222;
   border-radius: 4px;
   opacity: 0.5;
 }
+.condo-carousel .slick-dots li.slick-active button {
+  background-color: #222;
+}
 .condo-carousel .slick-dots-bottom {
-  bottom: 40px;
+  bottom: 12px;
   margin-top: 0;
   margin-bottom: 0;
 }
@@ -4117,7 +4159,7 @@ a.condo-btn-secondary {
 }
 .condo-carousel .slick-list {
   margin: 0 -20px;
-  padding: 20px 0;
+  padding: 0;
 }
 .condo-carousel .slick-list > .slick-track {
   display: flex;