@open-condo/ui 2.4.0 → 2.5.0

package/dist/colors/index.js

@@ -340,7 +340,7 @@ var typeMap = {
   }], false)
 };
 ;// CONCATENATED MODULE: ./src/colors/colors.json
-var colors_colors_namespaceObject = JSON.parse('{"white":"#fff","black":"#222222","brandGradient":{"1":"linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%)","3":"linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%)","5":"linear-gradient(90deg, #4cd174 0%, #6db8f2 100%)","7":"linear-gradient(90deg, #2abb56 0%, #3996dd 100%)"},"green":{"1":"#ebfaef","3":"#88e2a3","5":"#39ce66","7":"#00b538"},"red":{"1":"#ffeceb","3":"#ff938e","5":"#ff3b30","7":"#ec0000"},"yellow":{"1":"#fef8dd","3":"#fcea99","5":"#fadd56","7":"#e9c000"},"orange":{"1":"#fff5e6","3":"#ffbf66","5":"#ff9500","7":"#da7f00"},"blue":{"1":"#e7f4ff","3":"#7dc0f8","5":"#2696f3","7":"#0b78d2"},"purple":{"1":"#f2e9ff","3":"#9e7add","5":"#5e22c6","7":"#4b1c9e"},"pink":{"1":"#ffeef3","3":"#f38aa7","5":"#eb3468","7":"#d21f52"},"brown":{"1":"#f8f1e7","3":"#d2aa6e","5":"#b4710d","7":"#8d590c"},"teal":{"1":"#e9f3f2","3":"#6db8b3","5":"#1c7e79","7":"#135754"},"cyan":{"1":"#edfcf8","3":"#a0e5d2","5":"#5eceb0","7":"#249677"},"gray":{"1":"#f2f4f6","3":"#e1e5ed","5":"#d0d3e5","7":"#707695"}}');
+var colors_colors_namespaceObject = JSON.parse('{"white":"#fff","black":"#222222","brandGradient":{"1":"linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%)","3":"linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%)","5":"linear-gradient(90deg, #26c756 0%, #4ba2e4 100%)","7":"linear-gradient(90deg, #2abb56 0%, #3996dd 100%)"},"green":{"1":"#ebfaef","3":"#88e2a3","5":"#2bc359","7":"#00b538"},"red":{"1":"#ffeceb","3":"#ff938e","5":"#ff3b30","7":"#ec0000"},"yellow":{"1":"#fef8dd","3":"#fcea99","5":"#fadd56","7":"#e9c000"},"orange":{"1":"#fff5e6","3":"#ffbf66","5":"#ff9500","7":"#da7f00"},"blue":{"1":"#e7f4ff","3":"#7dc0f8","5":"#2696f3","7":"#0b78d2"},"purple":{"1":"#f2e9ff","3":"#9e7add","5":"#5e22c6","7":"#4b1c9e"},"pink":{"1":"#ffeef3","3":"#f38aa7","5":"#eb3468","7":"#d21f52"},"brown":{"1":"#f8f1e7","3":"#d2aa6e","5":"#b4710d","7":"#8d590c"},"teal":{"1":"#e9f3f2","3":"#6db8b3","5":"#1c7e79","7":"#135754"},"cyan":{"1":"#edfcf8","3":"#a0e5d2","5":"#5eceb0","7":"#249677"},"gray":{"1":"#f2f4f6","3":"#e1e5ed","5":"#d0d3e5","7":"#707695"}}');
 ;// CONCATENATED MODULE: ./src/colors/index.ts
 
 

package/dist/index.js

@@ -11559,7 +11559,7 @@ var typeMap = {
   }], false)
 };
 ;// CONCATENATED MODULE: ./src/colors/colors.json
-var colors_colors_namespaceObject = JSON.parse('{"white":"#fff","black":"#222222","brandGradient":{"1":"linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%)","3":"linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%)","5":"linear-gradient(90deg, #4cd174 0%, #6db8f2 100%)","7":"linear-gradient(90deg, #2abb56 0%, #3996dd 100%)"},"green":{"1":"#ebfaef","3":"#88e2a3","5":"#39ce66","7":"#00b538"},"red":{"1":"#ffeceb","3":"#ff938e","5":"#ff3b30","7":"#ec0000"},"yellow":{"1":"#fef8dd","3":"#fcea99","5":"#fadd56","7":"#e9c000"},"orange":{"1":"#fff5e6","3":"#ffbf66","5":"#ff9500","7":"#da7f00"},"blue":{"1":"#e7f4ff","3":"#7dc0f8","5":"#2696f3","7":"#0b78d2"},"purple":{"1":"#f2e9ff","3":"#9e7add","5":"#5e22c6","7":"#4b1c9e"},"pink":{"1":"#ffeef3","3":"#f38aa7","5":"#eb3468","7":"#d21f52"},"brown":{"1":"#f8f1e7","3":"#d2aa6e","5":"#b4710d","7":"#8d590c"},"teal":{"1":"#e9f3f2","3":"#6db8b3","5":"#1c7e79","7":"#135754"},"cyan":{"1":"#edfcf8","3":"#a0e5d2","5":"#5eceb0","7":"#249677"},"gray":{"1":"#f2f4f6","3":"#e1e5ed","5":"#d0d3e5","7":"#707695"}}');
+var colors_colors_namespaceObject = JSON.parse('{"white":"#fff","black":"#222222","brandGradient":{"1":"linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%)","3":"linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%)","5":"linear-gradient(90deg, #26c756 0%, #4ba2e4 100%)","7":"linear-gradient(90deg, #2abb56 0%, #3996dd 100%)"},"green":{"1":"#ebfaef","3":"#88e2a3","5":"#2bc359","7":"#00b538"},"red":{"1":"#ffeceb","3":"#ff938e","5":"#ff3b30","7":"#ec0000"},"yellow":{"1":"#fef8dd","3":"#fcea99","5":"#fadd56","7":"#e9c000"},"orange":{"1":"#fff5e6","3":"#ffbf66","5":"#ff9500","7":"#da7f00"},"blue":{"1":"#e7f4ff","3":"#7dc0f8","5":"#2696f3","7":"#0b78d2"},"purple":{"1":"#f2e9ff","3":"#9e7add","5":"#5e22c6","7":"#4b1c9e"},"pink":{"1":"#ffeef3","3":"#f38aa7","5":"#eb3468","7":"#d21f52"},"brown":{"1":"#f8f1e7","3":"#d2aa6e","5":"#b4710d","7":"#8d590c"},"teal":{"1":"#e9f3f2","3":"#6db8b3","5":"#1c7e79","7":"#135754"},"cyan":{"1":"#edfcf8","3":"#a0e5d2","5":"#5eceb0","7":"#249677"},"gray":{"1":"#f2f4f6","3":"#e1e5ed","5":"#d0d3e5","7":"#707695"}}');
 ;// CONCATENATED MODULE: ./src/colors/index.ts
 
 
@@ -47012,7 +47012,7 @@ var isObject_default = /*#__PURE__*/__webpack_require__.n(isObject);
 var isString = __webpack_require__(85505);
 var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
 ;// CONCATENATED MODULE: ./package.json
-var package_namespaceObject = {"i8":"2.4.0"};
+var package_namespaceObject = {"i8":"2.5.0"};
 ;// CONCATENATED MODULE: ./src/components/_utils/analytics.ts
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 

package/dist/style-vars/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 07:08:41 GMT
+ * Generated on Wed, 26 Jul 2023 17:38:26 GMT
  */
 
 :root {
@@ -112,11 +112,11 @@
   --condo-global-color-black: #222;
   --condo-global-color-brand-gradient-1: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%);
   --condo-global-color-brand-gradient-3: linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%);
-  --condo-global-color-brand-gradient-5: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
+  --condo-global-color-brand-gradient-5: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%);
   --condo-global-color-brand-gradient-7: linear-gradient(90deg, #2abb56 0%, #3996dd 100%);
   --condo-global-color-green-1: #ebfaef;
   --condo-global-color-green-3: #88e2a3;
-  --condo-global-color-green-5: #39ce66;
+  --condo-global-color-green-5: #2bc359;
   --condo-global-color-green-7: #00b538;
   --condo-global-color-red-1: #ffeceb;
   --condo-global-color-red-3: #ff938e;

package/dist/style-vars/variables.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 19 Jul 2023 07:08:41 GMT
+// Generated on Wed, 26 Jul 2023 17:38:26 GMT
 
 @condo-global-spacing-4: 4px;
 @condo-global-spacing-8: 8px;
@@ -110,11 +110,11 @@
 @condo-global-color-black: #222;
 @condo-global-color-brand-gradient-1: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%);
 @condo-global-color-brand-gradient-3: linear-gradient(90deg, #85eba4 0%, #9fd5ff 100%);
-@condo-global-color-brand-gradient-5: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
+@condo-global-color-brand-gradient-5: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%);
 @condo-global-color-brand-gradient-7: linear-gradient(90deg, #2abb56 0%, #3996dd 100%);
 @condo-global-color-green-1: #ebfaef;
 @condo-global-color-green-3: #88e2a3;
-@condo-global-color-green-5: #39ce66;
+@condo-global-color-green-5: #2bc359;
 @condo-global-color-green-7: #00b538;
 @condo-global-color-red-1: #ffeceb;
 @condo-global-color-red-3: #ff938e;

package/dist/styles.css

@@ -423,7 +423,7 @@
   color: #2696f3;
 }
 .condo-typography-success {
-  color: #39ce66;
+  color: #2bc359;
 }
 .condo-typography-warning {
   color: #ff9500;
@@ -572,24 +572,24 @@ a.condo-typography.focus-visible,
 .condo-typography a.focus-visible,
 a.condo-typography:hover,
 .condo-typography a:hover {
-  color: #39ce66;
-  -webkit-text-decoration-color: #39ce66;
-          text-decoration-color: #39ce66;
+  color: #2bc359;
+  -webkit-text-decoration-color: #2bc359;
+          text-decoration-color: #2bc359;
 }
 a.condo-typography:focus-visible,
 .condo-typography a:focus-visible,
 a.condo-typography:hover,
 .condo-typography a:hover {
-  color: #39ce66;
-  -webkit-text-decoration-color: #39ce66;
-          text-decoration-color: #39ce66;
+  color: #2bc359;
+  -webkit-text-decoration-color: #2bc359;
+          text-decoration-color: #2bc359;
 }
 a.condo-typography:active,
 .condo-typography a:active {
-  color: #39ce66;
+  color: #2bc359;
   opacity: 0.8;
-  -webkit-text-decoration-color: #39ce66;
-          text-decoration-color: #39ce66;
+  -webkit-text-decoration-color: #2bc359;
+          text-decoration-color: #2bc359;
 }
 a.condo-typography:not(.condo-typography-large):not(.condo-typography-medium):not(.condo-typography-small),
 .condo-typography a:not(.condo-typography-large):not(.condo-typography-medium):not(.condo-typography-small) {
@@ -783,7 +783,7 @@ span.condo-typography-ellipsis-single-line {
   border: 1px solid #b7eb8f;
 }
 .condo-alert-success .condo-alert-icon {
-  color: #39ce66;
+  color: #2bc359;
 }
 .condo-alert-info {
   background-color: #e7f4ff;
@@ -2956,7 +2956,7 @@ a.condo-btn-sm {
 }
 .condo-btn.focus-visible::after {
   box-sizing: border-box;
-  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
   border: 2px solid transparent;
   opacity: 1;
   -webkit-mask: linear-gradient(#111 0, #111 0) padding-box, linear-gradient(#fff 0, #fff 0);
@@ -2968,7 +2968,7 @@ a.condo-btn-sm {
 }
 .condo-btn.focus-visible::after {
   box-sizing: border-box;
-  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
   border: 2px solid transparent;
   opacity: 1;
   -webkit-mask: linear-gradient(#111 0, #111 0) padding-box, linear-gradient(#fff 0, #fff 0);
@@ -2982,7 +2982,7 @@ a.condo-btn-sm {
 }
 .condo-btn:focus-visible::after {
   box-sizing: border-box;
-  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
   border: 2px solid transparent;
   opacity: 1;
   -webkit-mask: linear-gradient(#111 0, #111 0) padding-box, linear-gradient(#fff 0, #fff 0);
@@ -3036,7 +3036,7 @@ a.condo-btn-sm {
   display: block;
   border-radius: inherit;
   content: "";
-  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%);
   opacity: 0;
   transition: opacity 0.15s ease-in-out;
 }
@@ -3116,6 +3116,7 @@ a.condo-btn-sm {
   padding: 11px 19px;
   color: #222;
   border: 1px solid #707695;
+  transition: background-color 0.15s ease-in-out;
 }
 .condo-btn-secondary > span {
   color: #222;
@@ -3133,17 +3134,17 @@ a.condo-btn-sm {
   border: 1px solid #707695;
 }
 .condo-btn-secondary:hover {
-  background: transparent;
+  background: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%);
 }
 .condo-btn-secondary:hover > span {
-  color: #39ce66;
+  color: #2bc359;
   transition: color 0.15s ease-out;
 }
 .condo-btn-secondary:hover > span svg {
   fill: currentcolor;
 }
 .condo-btn-secondary:active {
-  background: transparent;
+  background: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%);
 }
 .condo-btn-secondary:active > span {
   color: #00b538;
@@ -3166,6 +3167,9 @@ a.condo-btn-sm {
   color: #ff3b30;
   transition: color 0.15s ease-out;
 }
+.condo-btn-secondary.condo-btn-dangerous:hover {
+  background: #ffeceb;
+}
 .condo-btn-secondary.condo-btn-dangerous:hover > span {
   color: #ec0000;
   transition: color 0.15s ease-out;
@@ -3177,6 +3181,9 @@ a.condo-btn-sm {
   color: #ec0000;
   transition: color 0.15s ease-out;
 }
+.condo-btn-secondary.condo-btn-dangerous:active {
+  background: #ffeceb;
+}
 .condo-btn-secondary.condo-btn-dangerous:active > span {
   color: #ff3b30;
   transition: color 0.15s ease-out;
@@ -3231,7 +3238,7 @@ a.condo-btn-sm {
   border-radius: inherit;
   content: "";
   box-sizing: border-box;
-  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
   border: 1px solid transparent;
   opacity: 0;
   transition: opacity 0.15s ease-out;
@@ -3244,14 +3251,14 @@ a.condo-btn-sm {
 }
 .condo-btn-secondary::before,
 .condo-btn-secondary:focus::before {
-  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
 }
 .condo-btn-secondary:hover::before {
-  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
   opacity: 1;
 }
 .condo-btn-secondary:active::before {
-  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
   opacity: 0.9;
 }
 .condo-btn-secondary:disabled {
@@ -3280,6 +3287,10 @@ a.condo-btn-sm {
 .condo-btn-secondary.condo-btn-stateless:not(.condo-btn-dangerous) > span svg {
   fill: currentcolor;
 }
+.condo-btn-secondary.condo-btn-stateless:hover,
+.condo-btn-secondary.condo-btn-stateless:active {
+  background: transparent;
+}
 .condo-btn-secondary.condo-btn-stateless:not(.condo-btn-dangerous):hover {
   border: 1px solid #707695;
 }
@@ -3770,7 +3781,7 @@ a.condo-btn-secondary {
   transition-property: border-color;
 }
 .condo-card-active {
-  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
+  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
   border: 1px solid transparent;
   box-shadow: 0 4px 14px 0 rgba(76,209,117,0.30196);
 }
@@ -4440,7 +4451,7 @@ a.condo-btn-secondary {
 .condo-checkbox-wrapper .condo-checkbox-indeterminate > .condo-checkbox-inner::after {
   width: 12px;
   height: 4px;
-  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
   border-radius: 1px;
 }
 .condo-checkbox-wrapper .condo-checkbox-indeterminate > .condo-checkbox-inner::before {
@@ -4495,7 +4506,7 @@ a.condo-btn-secondary {
   border-image-source: none;
 }
 .condo-checkbox-wrapper .condo-checkbox-input:focus + .condo-checkbox-inner {
-  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
   border-color: transparent;
 }
 .condo-checkbox-wrapper .condo-checkbox-input:focus + .condo-checkbox-inner::before {
@@ -4546,7 +4557,7 @@ a.condo-btn-secondary {
   content: "";
 }
 .condo-checkbox-wrapper:hover > .condo-checkbox-checked > .condo-checkbox-inner {
-  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
   border-color: transparent;
 }
 .condo-checkbox-wrapper:hover > .condo-checkbox-disabled > .condo-checkbox-inner {
@@ -4554,7 +4565,7 @@ a.condo-btn-secondary {
   border-color: transparent;
 }
 .condo-checkbox-wrapper .condo-checkbox-checked > .condo-checkbox-input:focus + .condo-checkbox-inner {
-  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%) border-box;
   border-color: transparent;
 }
 .condo-checkbox-wrapper .condo-checkbox-checked > .condo-checkbox-input:focus + .condo-checkbox-inner::before {
@@ -6203,7 +6214,7 @@ span.condo-radio + * {
   margin-top: initial;
   margin-left: 0;
   margin-left: initial;
-  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%);
   border-radius: 100%;
   transform: translate(-50%, -50%);
 }
@@ -6229,7 +6240,7 @@ span.condo-radio + * {
   border-color: #d0d3e5;
 }
 .condo-radio-wrapper .condo-radio-input:focus + .condo-radio-inner {
-  background-image: linear-gradient(white, white), linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
+  background-image: linear-gradient(white, white), linear-gradient(90deg, #26c756 0%, #4ba2e4 100%);
   background-clip: content-box, border-box;
   background-origin: border-box;
   border: double 1px transparent;
@@ -6330,11 +6341,11 @@ span.condo-radio + * {
   color: #707695;
 }
 .condo-radio-group.condo-radio-button > .condo-radio-button-wrapper:not(.condo-radio-button-wrapper-disabled):not(.condo-radio-button-wrapper-checked):hover .condo-radio-icon {
-  color: #39ce66;
+  color: #2bc359;
 }
 .condo-radio-group.condo-radio-button > .condo-radio-button-wrapper:not(.condo-radio-button-wrapper-disabled):not(.condo-radio-button-wrapper-checked):hover .condo-typography {
   background-color: #222;
-  background-image: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
+  background-image: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%);
   background-size: 100%;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
@@ -7226,7 +7237,7 @@ span.condo-radio + * {
   border-color: transparent;
 }
 .condo-select-success:not(.condo-select-customize-input) .condo-select-selector {
-  background: #39ce66;
+  background: #2bc359;
   border-color: transparent;
 }
 .condo-select-warning:not(.condo-select-customize-input) .condo-select-selector {
@@ -7269,7 +7280,7 @@ span.condo-radio + * {
   background-color: #707695;
 }
 .condo-select-success .condo-select-clear {
-  background-color: #39ce66;
+  background-color: #2bc359;
 }
 .condo-select-danger:not(.condo-select-customize-input) .condo-select-selector .condo-select-selection-placeholder,
 .condo-select-warning:not(.condo-select-customize-input) .condo-select-selector .condo-select-selection-placeholder,
@@ -7363,7 +7374,7 @@ span.condo-radio + * {
   background-color: #ff3b30;
 }
 .condo-select-success.condo-select-disabled:not(.condo-select-customize-input) .condo-select-selector {
-  background-color: #39ce66;
+  background-color: #2bc359;
 }
 .condo-select-warning.condo-select-disabled:not(.condo-select-customize-input) .condo-select-selector {
   background-color: #ff9500;
@@ -7412,7 +7423,7 @@ span.condo-radio + * {
   background-color: #ebfaef;
 }
 .condo-select-dropdown .condo-select-item-option-selected:not(.condo-select-item-option-disabled) .condo-select-item-option-state {
-  color: #39ce66;
+  color: #2bc359;
 }
 .condo-select-dropdown .condo-select-item-option-active:not(.condo-select-item-option-disabled) {
   background-color: #f2f4f6;
@@ -7494,7 +7505,7 @@ span.condo-radio + * {
 }
 .condo-steps-step-done .condo-steps-step-index {
   color: #fff;
-  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
+  background: linear-gradient(90deg, #26c756 0%, #4ba2e4 100%);
 }
 
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */