@open-condo/ui 2.8.0 → 2.10.0

package/dist/style-vars/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 12:18:09 GMT
+ * Generated on Thu, 07 Dec 2023 15:58:10 GMT
  */
 
 :root {

package/dist/style-vars/variables.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 26 Sep 2023 12:18:09 GMT
+// Generated on Thu, 07 Dec 2023 15:58:10 GMT
 
 @condo-global-spacing-4: 4px;
 @condo-global-spacing-8: 8px;

package/dist/styles.css

@@ -25,7 +25,7 @@
   font-weight: 400;
   font-stretch: normal;
   font-display: swap;
-  src: url(https://fonts.gstatic.com/s/notosansmono/v29/BngrUXNETWXI6LwhGYvaxZikqZqK6fBq6kPvUce2oAZcdthSBUsYck4-_FNJ49o.ttf) format('truetype');
+  src: url(https://fonts.gstatic.com/s/notosansmono/v30/BngrUXNETWXI6LwhGYvaxZikqZqK6fBq6kPvUce2oAZcdthSBUsYck4-_FNJ49o.ttf) format('truetype');
 }
 .ant-slide-up-enter,
 .ant-slide-up-appear {
@@ -7283,13 +7283,10 @@ textarea.condo-input {
   }
 }
 .condo-input,
+.condo-input-phone,
+.condo-input-phone .condo-input,
 .condo-input-affix-wrapper {
-  box-sizing: content-box;
-  height: 24px;
-  padding: 11px;
   color: #222;
-  border: 1px solid #d0d3e5;
-  border-radius: 8px;
   margin: 0;
   font-weight: 400;
   font-size: 16px;
@@ -7297,60 +7294,59 @@ textarea.condo-input {
   line-height: 24px;
   letter-spacing: -0.01em;
 }
-.condo-input-focused,
-.condo-input-affix-wrapper-focused {
-  border-color: #707695;
-  box-shadow: none;
-}
-.react-tel-input {
-  margin: 0;
-  font-weight: 400;
-  font-size: 16px;
-  font-family: "Wix Madefor Display", var(--condo-font-fallback);
-  line-height: 24px;
-  letter-spacing: -0.01em;
-}
-.react-tel-input .condo-input {
+.condo-input:not(.condo-input-affix-wrapper .condo-input),
+.condo-input-affix-wrapper {
   box-sizing: border-box;
   width: 100%;
   height: 48px;
+  border: 1px solid #d0d3e5;
   border-radius: 8px;
 }
-.react-tel-input .flag-dropdown {
+.condo-input-affix-wrapper {
+  padding: 11px;
+}
+.condo-input-focused,
+.condo-input-affix-wrapper-focused {
+  border-color: #707695;
+  box-shadow: none;
+}
+.condo-input-phone .flag-dropdown {
   margin: 4px;
   background: #e1e5ed;
   border: 0;
   border-radius: 4px;
 }
-.react-tel-input .flag-dropdown.open,
-.react-tel-input .flag-dropdown:hover {
-  background: #d0d3e5;
-  border-radius: 4px;
-}
-.react-tel-input .flag-dropdown .selected-flag {
+.condo-input-phone .flag-dropdown .selected-flag {
   width: 40px;
 }
-.react-tel-input .flag-dropdown .selected-flag:hover,
-.react-tel-input .flag-dropdown .selected-flag:focus {
+.condo-input-phone .flag-dropdown .selected-flag:hover,
+.condo-input-phone .flag-dropdown .selected-flag:focus {
   background: transparent;
 }
-.react-tel-input .flag-dropdown.open .selected-flag {
+.condo-input-phone .flag-dropdown.open .selected-flag {
   background: transparent;
 }
-.react-tel-input .form-control.condo-input {
-  font-size: 16px;
-  border: 1px solid #d0d3e5;
+.condo-input-phone-disabled .flag-dropdown {
+  cursor: not-allowed !important;
+}
+.condo-input-phone .flag-dropdown.open,
+.condo-input-phone .flag-dropdown:hover:not(.condo-input-phone-disabled .flag-dropdown) {
+  background: #d0d3e5;
+  border-radius: 4px;
+}
+.condo-input-phone .country-list .country .dial-code {
+  color: #707695;
 }
-.condo-input:not(.condo-input-disabled):hover,
+.condo-input:not(.condo-input-affix-wrapper .condo-input):not(.condo-input-disabled):not(.condo-input-phone-disabled .condo-input):hover,
 .condo-input-affix-wrapper:not(.condo-input-affix-wrapper-disabled):hover,
-.condo-input:not(.condo-input-disabled):focus,
+.condo-input:not(.condo-input-affix-wrapper .condo-input):not(.condo-input-disabled):not(.condo-input-phone-disabled .condo-input):focus,
 .condo-input-affix-wrapper:not(.condo-input-affix-wrapper-disabled):focus,
-.condo-input:not(.condo-input-disabled):active,
+.condo-input:not(.condo-input-affix-wrapper .condo-input):not(.condo-input-disabled):not(.condo-input-phone-disabled .condo-input):active,
 .condo-input-affix-wrapper:not(.condo-input-affix-wrapper-disabled):active {
   border-color: #707695;
   box-shadow: none;
 }
-.condo-input::-moz-placeholder, .condo-input-affix-wrapper > .condo-input::-moz-placeholder {
+.condo-input::-moz-placeholder {
   color: #707695;
   margin: 0;
   font-weight: 400;
@@ -7359,7 +7355,7 @@ textarea.condo-input {
   line-height: 24px;
   letter-spacing: -0.01em;
 }
-.condo-input:-ms-input-placeholder, .condo-input-affix-wrapper > .condo-input:-ms-input-placeholder {
+.condo-input:-ms-input-placeholder {
   color: #707695;
   margin: 0;
   font-weight: 400;
@@ -7368,8 +7364,7 @@ textarea.condo-input {
   line-height: 24px;
   letter-spacing: -0.01em;
 }
-.condo-input::placeholder,
-.condo-input-affix-wrapper > .condo-input::placeholder {
+.condo-input::placeholder {
   color: #707695;
   margin: 0;
   font-weight: 400;
@@ -7379,24 +7374,27 @@ textarea.condo-input {
   letter-spacing: -0.01em;
 }
 .condo-input-affix-wrapper-disabled,
-.condo-input-disabled[disabled] {
+.condo-input-disabled[disabled],
+.condo-input[disabled] {
   color: #222;
   background-color: #fff;
   opacity: 0.5;
 }
 .condo-input-affix-wrapper-disabled:hover,
-.condo-input-disabled[disabled]:hover {
+.condo-input-disabled[disabled]:hover,
+.condo-input[disabled]:hover {
   border-color: #d0d3e5;
 }
 .condo-input-affix-wrapper-disabled > .condo-input-disabled[disabled] {
   opacity: 1;
 }
-.condo-input-disabled[disabled]::-moz-placeholder, .condo-input-affix-wrapper-disabled > .condo-input-disabled[disabled]::-moz-placeholder {
+.condo-input[disabled]::-moz-placeholder, .condo-input-disabled[disabled]::-moz-placeholder, .condo-input-affix-wrapper-disabled > .condo-input-disabled[disabled]::-moz-placeholder {
   color: #707695;
 }
-.condo-input-disabled[disabled]:-ms-input-placeholder, .condo-input-affix-wrapper-disabled > .condo-input-disabled[disabled]:-ms-input-placeholder {
+.condo-input[disabled]:-ms-input-placeholder, .condo-input-disabled[disabled]:-ms-input-placeholder, .condo-input-affix-wrapper-disabled > .condo-input-disabled[disabled]:-ms-input-placeholder {
   color: #707695;
 }
+.condo-input[disabled]::placeholder,
 .condo-input-disabled[disabled]::placeholder,
 .condo-input-affix-wrapper-disabled > .condo-input-disabled[disabled]::placeholder {
   color: #707695;