@open-condo/ui 2.3.4 → 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/components/Tag/tag.d.ts

@@ -3,11 +3,15 @@ export declare type TagProps = React.HTMLAttributes<HTMLSpanElement> & {
     children: string;
     textColor?: CSSProperties['color'];
     bgColor?: CSSProperties['backgroundColor'];
+    icon?: React.ReactNode;
+    iconPosition?: 'start' | 'end';
 };
 declare const Tag: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
     children: string;
     textColor?: CSSProperties['color'];
     bgColor?: CSSProperties['backgroundColor'];
+    icon?: React.ReactNode;
+    iconPosition?: "start" | "end" | undefined;
 } & React.RefAttributes<HTMLSpanElement>>;
 export { Tag, };
 //# sourceMappingURL=tag.d.ts.map

package/dist/components/Tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/tag.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAM5C,oBAAY,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IAC3D,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAClC,OAAO,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;CAC7C,CAAA;AAED,QAAA,MAAM,GAAG;cALK,MAAM;gBACJ,aAAa,CAAC,OAAO,CAAC;cACxB,aAAa,CAAC,iBAAiB,CAAC;yCAqB5C,CAAA;AAIF,OAAO,EACH,GAAG,GACN,CAAA"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/tag.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAM5C,oBAAY,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IAC3D,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAClC,OAAO,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACjC,CAAA;AAED,QAAA,MAAM,GAAG;cAPK,MAAM;gBACJ,aAAa,CAAC,OAAO,CAAC;cACxB,aAAa,CAAC,iBAAiB,CAAC;WACnC,MAAM,SAAS;;yCAsCxB,CAAA;AAIF,OAAO,EACH,GAAG,GACN,CAAA"}

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.3.4"};
+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; }
 
@@ -67206,9 +67206,18 @@ var tag_Tag = /*#__PURE__*/external_react_default().forwardRef(function (props,
       _props$textColor = props.textColor,
       textColor = _props$textColor === void 0 ? colors.colors.gray[7] : _props$textColor,
       _props$bgColor = props.bgColor,
-      bgColor = _props$bgColor === void 0 ? colors.colors.gray[1] : _props$bgColor;
+      bgColor = _props$bgColor === void 0 ? colors.colors.gray[1] : _props$bgColor,
+      _props$iconPosition = props.iconPosition,
+      iconPosition = _props$iconPosition === void 0 ? 'start' : _props$iconPosition,
+      icon = props.icon;
   return /*#__PURE__*/external_react_default().createElement(tag, {
-    children: children,
+    children: !icon ? children : /*#__PURE__*/external_react_default().createElement("div", {
+      className: "".concat(TAG_CLASS_PREFIX, "-content")
+    }, iconPosition === 'start' && /*#__PURE__*/external_react_default().createElement("span", {
+      className: "".concat(TAG_CLASS_PREFIX, "-icon-start")
+    }, icon), children, iconPosition === 'end' && /*#__PURE__*/external_react_default().createElement("span", {
+      className: "".concat(TAG_CLASS_PREFIX, "-icon-end")
+    }, icon)),
     prefixCls: TAG_CLASS_PREFIX,
     ref: ref,
     style: {

package/dist/style-vars/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Jul 2023 11:31:00 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 Tue, 18 Jul 2023 11:31:00 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 {
@@ -5166,10 +5177,26 @@ a.condo-btn-secondary {
   line-height: 20px;
   letter-spacing: -0.01em;
   margin: 0;
-  padding: 0.17em 0.83em 0.33em;
+  padding: 0.2em 0.83em 0.3em;
   border: none;
   border-radius: 12px;
 }
+.condo-tag-content {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.condo-tag-content .condo-tag-icon-start,
+.condo-tag-content .condo-tag-icon-end {
+  position: relative;
+  display: inline-flex;
+}
+.condo-tag-content .condo-tag-icon-start {
+  margin-right: 4px;
+}
+.condo-tag-content .condo-tag-icon-end {
+  margin-left: 4px;
+}
 
 .condo-markdown {
   color: #707695;
@@ -6187,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%);
 }
@@ -6213,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;
@@ -6314,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;
@@ -7210,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 {
@@ -7253,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,
@@ -7347,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;
@@ -7396,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;
@@ -7478,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 */